body {
background-color: #fff;
font-family: 'Open Sans', sans-serif;
font-weight:normal;
font-size: 16px;
margin:0; padding:0;
color:#222;
overflow-x:hidden;
}

.page-header h1 {margin-bottom:30px;}
.header {
	
	padding:15px 0;
/* background: url(/images/top.jpg) center center;
    background-repeat: no-repeat;
    background-size: cover; */
}
.title-center .sppb-addon-title {
    text-align: center;
}
.hide {display:none;}
.ot {margin-bottom:30px !important;}
.fl-l {float:left;}
.myflex {display:flex; justify-content: flex-end}

.hbg {/* background-color:#eee; */
background: #eee url(/images/gran.jpg) center center;
    background-repeat: no-repeat;
    background-size: cover;
 box-shadow:0 3px 6px 1px #ccc;
}

a {color: #000; text-decoration:none !important;}
a:hover {color: #333;}

.navbar {
    margin: 0;
    padding: 0;
}

.navbar-nav ul {
    display: none;
}

.navbar-nav {
	margin:0;padding:0;
}
.navbar-nav .nav-item {
	
}
.navbar-nav .nav-link {
    font-weight:600;
    font-size:16px;
    text-decoration:none !important;
    color: #333;
    margin-left:15px;
    padding-right:0 !important;
    text-transform:uppercase;
}

.navbar-nav .nav-link:hover {
    color: #555;
}

.dropdown-menu .nav-link {
    padding:5px 15px 5px 15px !important;
    font-size:16px;
    text-transform:inherit;
    color: #333;
}
.dropdown-menu .nav-link:hover {
	color: #333;
}
.navbar-nav li.active a {color: #333;}

.menu_canv {
	margin:0;padding:0;
	margin-top:30px;
}
.menu_canv li {
	list-style:none; 
}
.menu_canv .nav-link {	
	display:block;
	padding:10px 0;
	border-bottom:1px solid#ccc;	
	text-decoration:none !important;
	text-transform:uppercase; 
    font-weight: 700;	
}

.bron {color:#fff !important; }

.menu_canv .bron {padding:10px 15px !important; font-size:16px !important;}

.offcanvas-menu {
	right: 0;
	top: 0;
	background: #fff;
    width: 0;
    height: 100%;
    position: fixed;   
    overflow: inherit;
    -webkit-transition: all 0.5s;
  transition: 0.5s;
    z-index: 1000;
	overflow-x: hidden;
}
.offcanvas-menu .offcanvas-inner {
    padding: 30px; position:relative;
}
.close-offcanvas {  
    position: absolute;
    top: 15px;
    z-index: 1;
    border-radius: 100%;
    text-align: center;
   font-size: 40px;
    line-height: 40px;
    width: 40px;
    height: 40px;
    background: #333;
    color: #fff;
	right: 15px;
	cursor:pointer;
}
.off {display: none; cursor:pointer; color: #222; font-weight:bold; font-size:20px; text-align: right;}
	
	.offcanvas-overlay {
	display:none;
	background: rgba(0, 0, 0, .5);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
    -webkit-transition: 0.6s;
    transition: 0.6s;
	}
.offcanvas-init {
    overflow-x: hidden;
    position: relative;
}

.navbar-nav .dropdown-menu {
   min-width: 15rem;
    }

.menu_canv .dropdown-menu {
   min-width: 12rem;
    }
	
	.bered {
    background:#f6f6f6;
    padding: 10px 0;
    }       
    .breadcrumb {
        margin:0; padding:0;
        background:none;
        position:relative;
    }    
    .breadcrumb li {
        display:inline;color:#222; 
        list-style:none; margin-right:15px;
        font-size:14px;
    }  
    .breadcrumb li a {
        color:#222;
        font-size:14px;
    }
	
	.pagination {
		margin:0; padding:0;
	}
	.pagination li {
		display:inline;
		list-style:none;
		margin-right:15px;
	}
		
	.moduletable h3 {
    font-size: 36px;
}

article {/* margin:40px 0 50px 0; */}
.article-content {min-height: 400px;}

.jfye {
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); 
}
.jfye img {
max-width: 100% !important;
height: auto;	
vertical-align:middle;	
	}	
.jfye figure {margin:0; padding:0;}
.jfye figcaption {display:none;}

.fixtop {
    width: 100%;
    position: fixed;
    z-index: 9;
    top: 0;
    background: #000;
    box-shadow: 0 0 3px 1px #999;
   padding:0px;
   -webkit-transition: 1.5s;
     -moz-transition: 1.5s;
     -o-transition: 1.5s;
     transition: 1.5s;
}
.fixtop .logo img {width:50px; height:auto; margin:5px 0;}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index:0;
}
.overlay2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.3);
    z-index:0;
}

.topbar {
padding: 7px 0;
background-color: #333;
color:#fff;
}

.topbar a {
color:#fff;
}

.topbar-ul {
    margin: 0;
    padding: 0;
}
.topbar-ul li {
    list-style: none;
    display: inline;
}
.topbar-ul li {font-size: 16px; font-weight: 400;}
.topbar-ul li a {font-size: 16px; font-weight: 400;}
.topbar-ul li a:hover {color:#ccc;}
.topbar-right {text-align: right;}
.topbar-right li {margin-left: 15px;}
.topbar-left li {margin-right: 15px;}

.logo {}
.logo img {}

.footer {background-color: #222; padding:60px 0; }

.footer-copy {background-color: #333; padding:15px 0; color:#eee; text-align:center;}

.qfcapt a {display:none !important;}

.service {
/* background: #fff;
    border: 2px solid #0080FE; 
    padding: 50px;
    border-radius: 2px; 
    margin-bottom: 15px;
    -webkit-transition: 0.8s */
}

.service .sppb-feature-box-title::after {
    background: #000;
    content: "";
    display: block;
    height: 2px;
    margin: 5px auto 15px auto;
    width: 26px;
    text-align: center;
}
.jshop_list_product .buttons {
	 display: none !important;
}
#comjshop h1 {
	font-size: 35px !important;
	margin-bottom:30px;
}
.productfull .prod_buttons {
    margin-top: 20px !important;	
}

/* @media (min-width: 1300px) {
.sppb-row-container {
    width: 100% !important;
    max-width: 1320px;    
}} */

/* @media (min-width: 1200px) {
.sppb-row-container {
    width: 100% !important;
    max-width: 1140px !important;    
}} */

.jshop_img {
	max-width: 100%;
    height: auto;
}
.box_empl {
	
	float:left; margin:0 15px;
}

.qf3form.my1 .qf3.box_empl{
    width: auto;   
}

.empl {}

@media (max-width: 992px) {
.mynavbar {display: none;}
.off {display: block!important;}
}

@media (max-width: 768px) {
.fl-l {float:none;}	
.myflex {display:block; justify-content: none;}	
.topbar-ul {text-align:center;}
.topbar-ul li {display:block; margin-right: 0px;}
.qf3form.my1 .qf3.box_empl{width: 100%;}
.header {padding: 5px 0;}

.pg-box3 img {
max-width: 100%;
    height: auto;	
}

.pg-csv-box, .pg-cv-box {
    padding: 0px !important;
    margin: 0 !important;
    background: none !important;   
    border-radius: 2px;
	margin-bottom:40px !important;
	box-shadow:none !important;
}


}