/*----------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400');

body { background: #f4f7f8 url(../images/bdbg1.png);}

p{ font:400 15px/25px 'Open Sans', sans-serif; text-align: justify;}	



.filter-button
{
font-size: 14px;
border: 3px solid #282612;
text-align: center;
background:none;
background-color:transparent;
color:#333;
margin-bottom: 30px;
border-radius:0;
padding:12px 20px 12px;
margin-right:0;

}
.filter-button:hover
{

border: 3px solid #282612;
text-align: center;
color: #ffffff;
background:#282612;


}
.btn-default:active .filter-button:active
{
background-color: #42B32F;
color: white;
}

.port-image
{
width: 100%;
}

.gallery_product
{
margin-bottom: 30px;
}

/* portfolio */

/* WRAPPER */ 
#wrap { display: block; margin: 0 auto; position: relative; padding: 0; background: #fff; visibility:visible; clear:both; overflow:hidden;}
#wrap.boxed-wrap { display:block; margin: 0 auto; background: #fff; overflow:hidden; width: 1000px; -webkit-box-shadow: 0 0 11px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 9px rgba(0,0,0,0.4); box-shadow: 0 0 9px rgba(0,0,0,0.4); border: 1px solid #d6dbdc; border-bottom: none; visibility:visible;}
#wrap.boxed-wrap .container { width:100%;}
#wrap p img { height:auto;}
#wrap.boxed-wrap #header {top:inherit; left:inherit; width: 1000px;}

#site-title { margin-top:25px; padding-bottom:10px; line-height:1.4; font-size: 17px; letter-spacing:0;}
#site-title a { color:#3b454d; font-weight: bold;}
#site-title .site-slog a { font-weight: normal;}
#site-title small { display:block; margin-top:5px;}
#main-content.container { padding-top:35px;}



/* HEADER  */
#header { z-index: 8000; width: 100%; margin: 0;}
#header .components { float: left; width: 100%; border-bottom: 2px solid #f0f0f0;}
.phones-components { border-bottom: 2px solid #f0f0f0; }
#header h6, .components h6, .top-bar h6, .top-inf h6  { font-size:12px; margin:18px 14px; font-weight:400; color:#fff; display:inline-block;}
#header h6, .components h6 { text-align:left; color: #5b5d60; margin: 0;float: left; padding: 22px 60px 14px 0; }
#header h6 i, .components h6 i, .top-bar h6 i, .top-inf h6 i { background:none; font-size:16px; color: #282612; display:inline; margin:7px 4px; vertical-align:middle;}
#header h6 i, .components h6 i { float: left; font-size: 24px; margin: 0; margin-right: 10px; margin-top:5px;}
#header h6 span, .components h6 span { overflow: hidden; display: block; float:left; font-size: 12px; line-height: 18px; font-weight: 300;}
#header h6 span strong, .components h6 span strong { font-weight: 600;}
.top-bar h6 { margin:0 10px 0 0;}

@media only screen and (min-width: 961px) {
.phones-components { display: none; }
}

@media only screen and (min-width: 961px) and (max-width: 1200px) {
#header h6 span, .components h6 span { font-size: 11px;}
#header h6, .components h6 { padding-right:30px;}
}

@media only screen and (max-width: 960px) {
#header .components { display: none; }
.phones-components { display: block;}
#header h6, .components h6 {text-align: left; padding-left: 10px; padding-right: 10px; display: block;}
}

@media only screen and (max-width: 767px) {
.phones-components { display: table; float: none;width: 100%;border-width: 1px;}
.components h6:first-child {border-left: 1px solid #f0f0f0;}
.components h6 { cursor: pointer; border-right: 1px solid #f0f0f0; display: table-cell; width: auto;float: none;margin: 0;vertical-align: middle;text-align: center;padding: 20px 15px;}
.components h6 i { margin: 0;float: none; cursor: pointer;}
.components h6 span { font-size: 0; transition: .3s all ease; text-align: left;}
.components h6.active span { font-size: 10px; }
.components h6.active i {float: left;position: relative;top: 6px;margin-right: 8px;}
}

@media only screen and (max-width: 479px) {
.components h6 { padding:15px 7px;}
.components h6 i { font-size:18px;}
.components h6.active span { font-size: 9px;}
.components h6.active i { margin-right:4px;}
}

#header.transed { position: fixed; background: rgba(255,255,255,0.8); width: 100%; z-index: 9100;}
#header.super-fixed { background:#fff; border:none; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3); width:100%; height:90px; z-index: 9100;}
.logo { height:100%;}
.logo img { max-width: 100%; height:auto; max-height:100%;}
#header.super-fixed .logo img, header.super-fixed .logo { max-height:90px; width:auto;}


.logo { height: auto; float: left; margin-bottom:0;}	
.logo img { max-width: 100%; max-height: 100%;}
.nav-wrap1 .container { width:auto;}
.logo-wrap .logo { width:240px; height:100px; position:relative;}
.logo-wrap .logo img { max-height: 100%; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width:auto !important;}
@media only screen and (min-width: 961px) {
.logo-wrap .logo img { height:auto !important; width:auto;}
}
h1.logo { margin-bottom:0; font-size:15px; font-weight:700;}		


#header .img-logo-w1 { display:inline;}
#header .img-logo-w2, #header .img-logo-w3 { display:none}
.transparent-header-w.t-dark-w #header .img-logo-w1, .transparent-header-w.t-dark-w #header .img-logo-w3 { display:none;}
.transparent-header-w.t-dark-w #header .img-logo-w2 { display:inline;}
#header.sticky .img-logo-w2, .transparent-header-w #header.sticky .img-logo-w1 { display:none;}
.logo-sticky { display:none;}

}
@media only screen and (min-width: 961px) and (max-width: 1200px) {
#header.sticky #nav-wrap .container { width:930px;}	
}
@media only screen and (min-width: 1281px) {
#header.sticky #nav-wrap .container { width:1186px}
}



/* Header animations */
@-webkit-keyframes header-anim {
from {opacity: 0.5;
-webkit-transform: translateY(-60px);

transform: translateY(-20px);}
to {opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);}
}
@keyframes header-anim {
from {opacity: 0.5;
-webkit-transform: translateY(-60px);
-ms-transform: translateY(-60px);
transform: translateY(-60px);}
to {opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);}
}

@-webkit-keyframes header-anima {
from {height:0;}
to {height:60px; padding:0;}
}
@keyframes header-anima {
from {height:0;	}
to {height:60px; padding:0;}
}

@-webkit-keyframes fade-anim {
from {opacity: 0;}
to {opacity: 1;}
}
@keyframes fade-anim{
from {opacity: 0;}
to {opacity: 1;}
}




/* Social Icons */


.footer-in .tribe-events-widget-link a:hover, .footer-in .contact-inf button:hover { background:#282612; color:#fff; text-decoration:none;}
.footer-in a { color:#888; text-decoration:none;}
.footer-in a:hover { text-decoration:underline; color:#999;}
.footer-in .textwidget h6 { color:#555; letter-spacing:2px; text-transform:uppercase; font-size:15px;}
#footer.litex .footer-in a { color:#0093d0;}
.footer-in a.terms { color: #578f1a;}
.footer-navi.floatright {float:right;}
.footer-in .col-md-12 .widget {text-align:center;}
.footbot { margin: 0 auto; position: relative; background: #282612; padding: 26px 0 18px; text-align: right; padding-top: 34px;}
.footer-navi { float:left; line-height:38px;font-size: 12px;color: #898b92; font-weight:400;}
.footer-navi ul { margin-left: 40px;}
.footer-navi a {color: #767989; text-transform:uppercase; font-weight:600;font-size: 11px;}


/* Social Icons */
/*.socialfollow { float: right;}*/
.socialfollow a { width: 35px; height: 36px; text-align: center; padding: 10px; float: left; text-decoration: none; display: block; -webkit-transition: all 0.31s ease; -moz-transition: all 0.31s ease; -ms-transition: all 0.31s ease; -o-transition: all 0.31s ease; transition: all 0.31s ease;}
.socialfollow a { border-radius: 8px;padding: 8px; margin-right: 7px; transition: .3s all;}
.footer-in .socialfollow a { background:rgba(255,2555,255,0.05);}
.socialfollow a:first-of-type { margin-left: 0;}
#footer .footer-in .socialfollow a:hover {text-decoration: none;border-color: transparent;color: #fff;}
#footer .socialfollow a:hover i { color: #fff;}


.socialfollow img { opacity: 0.79;}
.socialfollow i { font-size: 18px; color: #fff; opacity: 0.95;}
#footer.litex .socialfollow a i { color: #6f6f6f;}
#footer.litex .socialfollow a:hover i { color: #fff;}





/*# Row fixes
—------------
—------------ */


.blox.page-title-x, .parallax-sec.page-title-x, .video-sec.page-title-x { margin-top:-35px;}
.row-wrapper-x { padding:0 10px;}
.row-wrapper-x > p:empty { margin:0;}
@media only screen and (min-width: 1200px){
.row-wrapper-x { padding:0 15px;}
}




/* Contact form7 
--------------- */	
.wpcf7 .wpcf7-form input, .wpcf7 .wpcf7-form textarea, .wpcf7 .wpcf7-form select { width:100%; box-sizing:border-box; border: 1px solid #e3e3e3; padding: 11px 6px; font-size: 13px; font-weight:300; box-shadow: 0 1px 2px rgba(0,0,0,.062) inset;}
.wpcf7 .wpcf7-form input:hover, .wpcf7 .wpcf7-form textarea:hover { border-color:#b2cef7;}
.wpcf7 .wpcf7-form select { height:48px; padding:0 6px; margin:0;}
.wpcf7 .wpcf7-form textarea { height:90px;}
.wpcf7 .wpcf7-form p { color: #717171; font-size:14px; margin-bottom:2px; margin-top:0; font-weight:500;}

.wpcf7 .wpcf7-form input[type="submit"], .wpcf7 .wpcf7-form input[type="reset"], .wpcf7 .wpcf7-form input[type="button"]{  width:auto; font-weight:bold; border-radius: 58px;background-color: #282612;  padding: 11px 42px; letter-spacing: 0;border:none;}
.wpcf7 .wpcf7-form input[type="submit"]:hover, .wpcf7 .wpcf7-form input[type="reset"]:hover, .wpcf7 .wpcf7-form input[type="button"]:hover{ background-color: #292929 !important; color:#fff !important;}
.wpcf7 .wpcf7-form input[type="text"],.wpcf7 .wpcf7-form  input[type="password"],.wpcf7 .wpcf7-form input[type="number"],.wpcf7 .wpcf7-form  input[type="email"], .wpcf7 .wpcf7-form textarea, .wpcf7 .wpcf7-form  option{ margin:0 auto; width:100%; padding: 11px 10px;}
.wpcf7 .wpcf7-form h6 {margin-top:25px; color:#df506e; font-size:20px; font-weight:bold; text-transform:lowercase;}

.wpcf7 .wpcf7-form .radio-w {padding: 24px 0 0;}
.wpcf7 .wpcf7-form .radio-w .wpcf7-list-item {margin-right: 100px;}
.wpcf7 .wpcf7-form .one_half input[type="submit"] {width: 100%;margin-top: 16px;}
.wpcf7 .wpcf7-form .one_half {margin-bottom:80px;}

.dark.blox .wpcf7 .wpcf7-form input[type="text"],.dark.blox .wpcf7 .wpcf7-form  input[type="password"],.dark.blox .wpcf7 .wpcf7-form input[type="number"],.dark.blox .wpcf7 .wpcf7-form  input[type="email"],.dark.blox .wpcf7 .wpcf7-form textarea,.dark.blox  .wpcf7 .wpcf7-form  select,.dark.blox  .wpcf7 .wpcf7-form  option{color:rgba(102, 102, 102, 1); margin:0 auto; width:100%; padding: 10px; border-radius: 4px; background-color: rgba(255, 255, 255, 0.85);}
.dark.blox .wpcf7 .wpcf7-form  input[type="text"]:focus,.dark.blox  .wpcf7 .wpcf7-form .rsvp-w1 input[type="password"]:focus,.dark.blox .wpcf7 .wpcf7-form input[type="number"]:focus,.dark.blox  .wpcf7 .wpcf7-form  input[type="email"]:focus,.dark.blox  .wpcf7 .wpcf7-form textarea:focus ,.dark.blox  .wpcf7 .wpcf7-form  select:focus ,.dark.blox  .wpcf7 .wpcf7-form  option:focus {background-color:#fff;}
.dark.blox .wpcf7 .wpcf7-form  input[type="submit"]{border-radius: 30px; color: #fff; border: 1px solid #fff; background: transparent; padding: 14px 35px; margin-top: 10px;}
.dark.blox .wpcf7 .wpcf7-form  input[type="submit"]:hover{background: #3498db; border: 1px solid #3498db;}

.wpcf7 .col-md-12, .wpcf7 .col-md-8, .wpcf7 .col-md-6, .wpcf7 .col-md-4 { margin-bottom:20px;}






@media only screen and (max-width: 960px) {

#header { padding:10px 0;}
#search-form, .woo-cart-header { display:none;}

.transparent-header-w.t-dark-w #header .img-logo-w2 { display:none;}
.transparent-header-w.t-dark-w #header .img-logo-w1 { display:inline;}

.plan-wrap { width: 100%;}
.sub-h h5 { padding: 0;}
.blog-content .post-img { margin-bottom: 20px;}
.blog-expression { width: 100%;}
.img-team { margin-top:40px }

.sidebar, .rgt-cntt, .sidebar.leftside { padding-right:0; background:none; padding-top:40px; margin-top:40px; border-top:5px solid #e5e5e5;}
.rgt-cntt, .sidebar.leftside { padding-top:0px; margin-top:0px; border-top:0 none; margin-right:0;}
.sidebar.leftside { margin-bottom:40px; border-bottom:5px solid #e5e5e5;}
.footer-in .col-md-3, .footer-in .col-md-4, .footer-in .col-md-6, .footer-in .col-md-8 { margin-bottom:30px;}

.img-box { width: 256px; height: 188px;}
.last-project .img-box { background: #ea3c3c;}
.last-project .img-box:nth-child(even) { background: #f66060;}
.ab-box { height: 235px;}
.author-detail { width: 218px;}
.contact input { width: 330px; float: none;}
.contact textarea { width: 486px;}
.row.magic, .s-qoute-man { padding: 0; margin-bottom: 10px;}
a.get { margin-bottom: 14px;}
.pad-r10, .pad-r20, .pad-r30, .pad-r40 { padding-right: 5px;}
.pad-l10, .pad-l20, .pad-l30, .pad-l40 { padding-left: 5px;}

.dpromo2 { margin-top:35px; border-top:1px solid #e5e5e5; padding-top:30px;}
.dpromo2 .brdr-l1, .dpromo2 .pad-l40 { border-left:none; padding:0;}

.vertical-space, .vertical-space1 { height: 12px;}
.vertical-space2 { height: 18px;}
.vertical-space3 { height: 36px;}
.vertical-space4 { height: 50px;}
.vertical-space5 { height: 80px;}


input[type="text"],
input[type="password"],
input[type="email"],
textarea,
select { min-width:90px; max-width:100%;}

}


/* iPad in portrait & landscape */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {

.sparallax .slide-image{background-attachment: local !important; background-size: auto!important;}
.blox {background-attachment: local!important; background-size: auto!important;}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 960px) {

.blox {background-attachment: local!important; background-size: auto!important;}
.pad { padding-top: 8%;}
.blog-line img { float: none;}
#wrap.boxed-wrap, #wrap.boxed-wrap #header { width: 728px;}
#tline-content { width: 700;}
.tline-box { width: 335px;}
.plan-wrap { width: auto;}

.social-icons a { margin: 1px 4px 0 4px;}

.max-counter.m-counter { width:130px;}
.max-counter.m-counter .max-count { font-size:64px; letter-spacing:0;}
.max-counter.m-counter .icon-counter { font-size:50px}
.event-list .btn-wrapper .button.dark-gray.medium { padding:13px; letter-spacing:0; font-size:11px;}

.social-team i { font-size:16px; padding:5px;}
.respo-tagline { font-size:36px; letter-spacing:-2px;}
.tagline-bold { font-size:31px; line-height:33px;}	

}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

#wrap.boxed-wrap, #wrap.boxed-wrap #header { width: 460px;}
#tline-content { width: 460px;}
.tline-box { width: 420px;}
#testimonials-slider li { width:400px;}	
.page-subtitle { left: 0; padding: 10px 0 0 20px; bottom: 0; border-bottom: 1px solid #e8edee; margin-bottom: 20px; height: auto; width: auto; clear: both; background: #fdfdfd; border-radius: 0;}
.pricing-table .plans-f-list.respo { display: inline; visibility: visible;}
.jcarousel-item, .last-project .portfolio-item { max-width: 210px; height: 157px; float: left;}
.respo-tagline { font-size:29px; letter-spacing:-1px;}

}

    
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }        

	h1, h2, h3, h4, h5, h6 { color: #282612; font-weight: 300; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 50px; line-height: 1.16; margin-bottom: 12px; letter-spacing: -1px; }
	h2 { font-size: 36px; line-height: 1.14; margin-bottom: 10px; }
	h3 { font-size: 28px; line-height: 1.2; margin-bottom: 8px; }
	h4 { font-size: 24px; line-height: 1.2; margin-bottom: 10px; }
	h5 { font-size: 18px; line-height: 1.3; margin-bottom: 7px; }
	h6 { font-size: 16px; line-height: 1.3; margin-bottom: 4px; }
	.subheader { color: #849098; }


	p { margin: 0 0 20px 0; color:#616161; font-size:14px; line-height: 1.8; }

	em { font-style: italic; }
	strong { font-weight: bold; }

	a, a:visited {text-decoration: none;}

	.button,
	button, a.price-send,
	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	.button.green,
	button.green, 
	input[type="submit"].green,
	input[type="reset"].green,
	input[type="button"].green  {
	  position:relative;
	  border: 0 none;
	  border-radius: 3px;
	  color: #fff;
	  }
	  
	 .button.theme-skin { background-color: #282612;}

    

	.subtitle-element { text-align: left;}

	.subtitle-element { position: relative; margin-bottom: 40px; margin-top: 10px; }

	.blox .subtitle-element { border-bottom-color: #fff;}

	.subtitle-element:after { content: ''; position: absolute;bottom: -3px; height: 3px;}

	.subtitle-element:after {left: 0; background-color: #282612;width: 106px;}

	.subtitle-element h1, .subtitle-element h2, .subtitle-element h3, .subtitle-element h4, .subtitle-element h5, .subtitle-element h6 { line-height: 1; font-size: 25px; text-transform: uppercase; color: #282612; padding-bottom: 0; position: relative; font-weight: 100;padding-left: 0; padding-bottom: 35px; margin-bottom: 0;}




	#talk-business p.talk-business-title { margin-left: 10px; text-align: left; font-size: 12px; color: #b0b0b0;}

	#talk-business input,textarea {background: #f0f0f0; border-radius: 2px; border: none; box-shadow: none; margin-bottom: 16px;}

	#talk-business textarea { border: none; box-shadow: none;}

	#talk-business textarea:focus { background: #E8E8E8;}

	#talk-business input[type=submit] { margin-top: 30px; border-radius: 60px; background: #282612;}

	#talk-business input[type=submit]:hover { background: #39c36e;}

	#talk-business .host-btn-form { margin-top: 30px; border-radius: 60px;padding: 11px; width: 100%;text-align: center;background: #282612;}

	#talk-business .host-btn-form:hover { background: #39c36e;}



	.vertical-space, .vertical-space1, .vertical-space2, .vertical-space3, .vertical-space4, .vertical-space5 { display: block; width: 100%; margin: 0; clear: both; border: 0 none; height: 20px;}

	.vertical-space2 { height: 40px;}

	.vertical-space3 { height: 60px;}

	.vertical-space4 { height: 80px;}

	.vertical-space5 { height: 100px;}

	*+html hr.vertical-space, *+html hr.vertical-space1, *+html hr .vertical-space2, *+html hr.vertical-space3, *+html hr.vertical-space4, *+html hr.vertical-space5 { height: 0px; margin: 10px 0; background: #fff; border: 1px solid #fff;}

	*+html hr.vertical-space2 { margin: 20px 0;}

	*+html hr.vertical-space3 { margin: 30px 0;}

	*+html hr.vertical-space4 { margin: 40px 0;}

	*+html hr.vertical-space5 { margin: 50px 0;}

	@font-face {
		font-family: 'FontAwesome';
		src:  url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),
			url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
	  }
	  
	  [class*="fa-"] {font-family: FontAwesome;}
	  
	  
	  
	  .fa-instagram:before { content: "\f16d"; }
	  .fa-facebook:before { content: "\f09a"; }
	  .fa-linkedin:before { content: "\f0e1"; }
	  
	  .owl-carousel {
		position: relative;
		height: 100%;
	  }
	  .owl-carousel div:not(.owl-controls) {
		height: 100%;
	  }
	  .owl-carousel .owl-slide {
		background-image: url("https://images.unsplash.com/photo-1437915015400-137312b61975?fit=crop&fm=jpg&h=800&q=80&w=1200");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	  }
	  .owl-carousel div.owl--text {
		position: absolute;
		bottom: 4em;
		left: 2em;
		width: 20em;
		height: 8em;
		padding: 1em;
		background: rgba(255, 255, 255, 0.5);
		border-radius: 4px;
	  }
	  .owl-carousel .owl-controls {
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
	  }
	  .owl-carousel .owl-controls .owl-buttons div {
		position: absolute;
		top: 0;
		bottom: 0;
		display: inline-block;
		zoom: 1;
		margin: 0;
		width: 50px;
		height: 30px;
		line-height: 25px;
		text-align: center;
		font-size: .9em;
		border-radius: 3px;
		color: #FFF;
		background: #000;
		opacity: .6;
		text-transform: capitalize;
	  }
	  .owl-carousel .owl-controls .owl-buttons .owl-prev {
		left: 5px;
	  }
	  .owl-carousel .owl-controls .owl-buttons .owl-next {
		right: 5px;
	  }
	  
	  body,
	  html {
		height: 100%;
	  }
	  
	  body {
		margin: 0;
		font-family: futura, sans-serif;
	  }
	  
	
	@media (min-width:768px){.vc_col-sm-1,.vc_col-sm-10,.vc_col-sm-11,.vc_col-sm-12,.vc_col-sm-2,.vc_col-sm-3,.vc_col-sm-4,.vc_col-sm-5,.vc_col-sm-6,.vc_col-sm-7,.vc_col-sm-8,.vc_col-sm-9{float:left}.vc_col-sm-12{width:100%}.vc_col-sm-11{width:91.66666667%}.vc_col-sm-10{width:83.33333333%}.vc_col-sm-9{width:75%}.vc_col-sm-8{width:66.66666667%}.vc_col-sm-7{width:58.33333333%}.vc_col-sm-6{width:50%}.vc_col-sm-5{width:41.66666667%}.vc_col-sm-4{width:33.33333333%}.vc_col-sm-3{width:25%}.vc_col-sm-2{width:16.66666667%}.vc_col-sm-1{width:8.33333333%}}
	
    * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }  .container [class*="col-"] img { max-width:100%;}  .container { margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px; } .container:before, .container:after { content: " "; display: table; } .container:after { clear: both; } @media only screen and (max-width: 479px) { .container { width: 96%; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .container { width: 92%; } } @media only screen and (min-width: 768px) and (max-width: 960px) { .container { width: 768px; /* webnus */ } } @media only screen and (min-width: 961px) { .container { width: 960px; } } @media only screen and (min-width: 1200px) and (max-width: 1280px) { .container { width: 1156px; padding-left: 15px; padding-right: 15px; } } @media only screen and (min-width: 1281px) { .container { width: 1246px; padding-left: 15px; padding-right: 15px; }  } @media only screen and (min-width: 1921px) { .container { max-width:1690px; }  } .row { margin-left: -10px; margin-right: -10px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px; } @media only screen and (min-width: 1281px) { .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-left: 15px; padding-right: 15px; } .row { margin-left: -15px; margin-right: -15px; } } .container [class*="col-"].alpha { padding-left:0;} .container [class*="col-"].omega { padding-right:0;} .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; }.row { margin-left: -10px; margin-right: -10px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px; } @media only screen and (min-width: 1281px) { .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-left: 15px; padding-right: 15px; } .row { margin-left: -15px; margin-right: -15px; } } .container [class*="col-"].alpha { padding-left:0;} .container [class*="col-"] .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666666666666%; } .col-xs-10 { width: 83.33333333333334%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666666666666%; } .col-xs-7 { width: 58.333333333333336%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666666666667%; } .col-xs-4 { width: 33.33333333333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.666666666666664%; } .col-xs-1 { width: 8.333333333333332%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666666666666%; } .col-sm-10 { width: 83.33333333333334%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666666666666%; } .col-sm-7 { width: 58.333333333333336%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666666666667%; } .col-sm-4 { width: 33.33333333333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.666666666666664%; } .col-sm-1 { width: 8.333333333333332%; }  @media (min-width: 961px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666666666666%; } .col-md-10 { width: 83.33333333333334%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666666666666%; } .col-md-7 { width: 58.333333333333336%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666666666667%; } .col-md-4 { width: 33.33333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.666666666666664%; } .col-md-1 { width: 8.333333333333332%; } @media (min-width: 1281px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666666666666%; } .col-lg-10 { width: 83.33333333333334%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666666666666%; } .col-lg-7 { width: 58.333333333333336%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666666666667%; } .col-lg-4 { width: 33.33%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.666666666666664%; } .col-lg-1 { width: 8.333333333333332%; } }}}


	#nav-wrap .container { position:relative;}
	.nav-wrap1, .nav-wrap2 { height:100px;  position:relative; border-color:#f0f0f0;}
	.nav-wrap2 { height:83px; margin:0 auto; border:none;}
	.nav-wrap2.mn4 { height:59px;}

	#menu-icon { display: none; }
	#nav { float:right;}
	#nav li { list-style: none; padding:0; margin:0; float: left; display: block; height: 100%; vertical-align: middle; position:static;}

	#nav a { display: block; font-weight:600; color:#444; outline: 0; opacity:1; text-align:center; font-size:14px; text-transform:uppercase; padding:0 15px; letter-spacing:0.3px; line-height:100px; transition:background .15s ease-in-out;}
	#nav a:hover, #nav li:hover > a { color: #282612;}
	#nav a i { font-size:16px; line-height:16px; display:inline; color:inherit; margin-right:4px; vertical-align:baseline;}
	#nav > li > a i { margin-right:6px; font-weight:normal;}
	#nav > li.current > a, #nav > li > a.active, #nav > li:hover > a { position:relative; color:#282612 !important;}
	

	#header.sticky #nav-wrap #nav > li:hover { background:#f5f5f5; transition: background 0.25s ease;}
	#header.sticky #nav-wrap #nav > li > a { margin:0; padding:23px 15px; line-height:18px;}
	#header.sticky #nav-wrap #nav #nav > li:hover > a { color:#282612;}
	@media only screen and (min-width: 961px) and (max-width: 1200px) {
	#nav > li > a { font-size:12px; padding-left:11px; padding-right:11px;}
	}
	
	#nav ul { position: absolute;  width: 210px; background: #f5f5f5;  padding:22px 0 12px; margin:0; z-index:9100; display: none; box-shadow: 0 5px 9px rgba(0,0,0,0.058); /* hide dropdown */ }
	@media only screen and (min-width: 961px) {
	.dark-submenu #nav ul, .dark-submenu #nav ul li, .dark-submenu #nav ul li:hover { background:#f5f5f5;}
	.dark-submenu #nav ul li a { color:#666; text-shadow:none;}
	.dark-submenu #nav ul li a:hover { color:#000; background:white;}
	}
	
	#header.sticky #nav li ul:before,
	#header.sticky #nav li ul:after,
	#nav > li > li.mega ul[class^="sub-"]:after, #nav > li > li.mega ul[class^="sub-"]:before { border-width:0px; display:none;}
	
	#nav ul li { float: none; display:block; position:relative;	margin: 0; padding:0;}
	#nav ul li:hover { background-color: #fbfbfb;}
	#nav ul li:last-child { border:none;}
	#nav ul li a { color:#666; width:auto; display:block; text-align:left;padding: 8px 5px 8px 20px;font-size: 12px; font-weight:500; border: none;text-transform: none;line-height: 30px;min-height: 30px;letter-spacing: 0.5px;}
	#nav ul li a:hover, #nav li.current ul li a:hover, .nav-wrap2 #nav ul li a:hover, .nav-wrap2.darknavi #nav ul li a:hover, #nav ul li.current > a , #nav ul li:hover > a { color:#282612;}
	#nav li:hover > ul { display: block; visibility:visible; /* show dropdown on hover */}
	#nav ul li ul { margin:-47px 0 0 210px; width:182px; padding:0;}
	#nav ul li ul li ul { margin-left:182px;}
	#nav li.submenux:after { font-family: 'FontAwesome'; content: "\f054"; position:absolute; color:#cdcdcd; font-size:8px; display:inline; speak: none; cursor:pointer; right:9px; top:12px;} 
	#nav li.mega ul[class^="sub-"] li.submenux:after { display:none;}