@charset "utf-8";
/* CSS Document*/
:root{
	--color-main:#2d3192;
	--color-red:#ec2326;
}
body{
	font:300 14px/26px  'Roboto', sans-serif;	color:#000; 
	overflow-x:hidden;
	background-repeat:no-repeat; background-color:#FFF;
	background-position: center top; background-size:cover;
	
    transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;
}
input[type=number]{
	position:relative;	
}
input[type=number]::-webkit-outer-spin-button, 
input[type=number]::-webkit-inner-spin-button {
	background-color:transparent;
	padding-left:7px; padding-right:7px;
	border-left: 1px solid #DDD;
    opacity: 1; -moz-opacity: 1; -webkit-opacity: 1;
	-o-opacity: 1; -ms-opacity: 1;
	position: absolute;
	top: 0;    right: 0;    bottom: 0;
}
input[type=number]::-webkit-inner-spin-button:hover,
input[type=number]::-webkit-inner-spin-button:active{
    box-shadow: 0 0 2px #0CF;
    opacity: 1; -moz-opacity: 1; -webkit-opacity: 1;
	-o-opacity: 1; -ms-opacity: 1;
}
input[type=number]::-webkit-inner-spin-button {
    opacity: 1; -moz-opacity: 1; -webkit-opacity: 1;
	-o-opacity: 1; -ms-opacity: 1;
}
/***************/
.container{
}
.btn-success{
	background-color:var( --color-main);	
	border-color:var( --color-main);
}
.text-success{
	color:var( --color-main);
}
/************/
.martop_30{
	margin-top:30px !important;	
}
.marbot_30{
	margin-bottom:20px !important;	
}
.marbot_15{
	margin-bottom:15px !important;	
}
.martop_15{
	margin-top:15px !important;	
}
.overlay{
	position:fixed; left:0; top:0; z-index:999;
	width:100%; height:100%; overflow:hidden;
	background:url(../img/loader.gif) no-repeat center center rgba(0, 0, 0, 0.3);	
}
.f-title{
	font-weight:bold;
}
.text-upp{
	text-transform:uppercase; 		
}
.text-cap{
	text-transform:capitalize;	
}
.img-full{
	display:block; width:100%;	
}
.transition{
	transition:all 0.3s ease-in 0s;	
	-moz-transition:all 0.3s ease-in 0s;	
	-webkit-transition:all 0.3s ease-in 0s;	
}
.trans_dis{
	transition:none; -moz-transition:none; -webkit-transition:none;
}
.img-hover-zoom .img-zoom{
	transition:all 0.7s ease-in-out 0s; -webkit-transition:all 0.7s ease-in-out 0s; -moz-transition:all 0.7s ease-in-out 0s;
}
.img-hover-zoom:hover .img-zoom{
	transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1);
}
.text_hide{
    text-overflow: ellipsis;    white-space: nowrap;	overflow:hidden;
}
.tooltip {
	text-transform:capitalize	
}
.bold{
	font-weight:bold;	
}
#btn-scrolltop{
	position:fixed; right:25px; bottom:25px; z-index:9999;
	width:36px; height:36px; overflow:hidden; cursor:pointer;
	padding:0; margin:0; border:none; background:none; display:none;	
}
.color-red{
	color:#F00;	
}
.price_vat_text{
	color:#F00;	
	font-style:italic;
	font-size:15px;
}
/***********/
/***********/
#call_mobile{
	position:fixed; right:0px; bottom:0px; z-index:999;	
	width:100%;	min-height:40px; overflow:hidden; cursor:pointer;
	text-decoration:none;

	padding:5px 10px 5px 10px; margin:0; border:none;
	font-size:15px; font-weight:bold; line-height:30px; text-transform:uppercase;
	
	background:#0171c5; color:#FFF; display:none;
	text-align:center;
	border-top:3px double #FFF;

}
#call_mobile span{
	display:inline-block; position:relative;
	padding-left:40px;	
}
#call_mobile span::before{
	position:absolute; left:0%; top:50%; margin-top:-20px;
	width:50px; height:40px;
	text-align:center;
	
	content: "\f10b";
	display: inline-block;
	font: normal normal normal 27px/40px FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#call_mobile:hover{
	background:#00324a;
}
/************/
.btn_mobile{
	float:right; margin-top:5px;
	border:none; background:#FFF; color:#ea1d0c;
	height:40px; width:50px; line-height:40px; text-align:center;
	padding:0 10px; display:none;
	cursor:pointer;
	box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;
}
.btn_mobile .fa{
	font-size:21px; line-height:40px;
}
.btn_mobile:hover{
	color:#F00;
}
/************/
#pagination{
	text-align:center; margin-top:20px; margin-bottom:30px;
}
#pagination *{
	margin:0 5px;
	position:relative;
}
#pagination *:last-child::after{
	display:none;
}
#pagination b{
	color:#FFF; font-weight:bold;
}
#pagination a:hover{
	color:#000;
}
#btn-scrolltop{
	position:fixed; right:25px; bottom:25px; z-index:9999;
	width:36px; height:36px; overflow:hidden; cursor:pointer;
	padding:0; margin:0; border:none; background:none; display:none;	
}

/*************/
/*************/
#button-share{
	position:relative;
	margin:15px 0 30px; padding:10px;
	text-align:right;
	background:#f5f5f5;
}
#button-share .share-item{
	color:#FFF; font-size:10px; font-weight:bold; position:relative; margin-left:10px;
	display:inline-block; padding-right:10px; background:#de4501;
	line-height:23px;
}
#button-share a:last-child .share-item{
	margin-right:0;
}
#button-share .share-item b{
	font-weight:bold;
}
#button-share .share-item i{
	background:#FFF; display:inline-block; padding:6px 10px 7px 7px; 
	margin:0 10px 0 0; color:#373c43;
	text-align:center; color:#5d72a4; width:28px; font-size:12px;
}
#button-share .share-item i:after{
    border: medium solid transparent;    content: " ";     pointer-events: none;
	height: 0;       position: absolute;    left: 28px;    top: 50%;    width: 0;
    border-color: rgba(229, 229, 229, 0) rgba(229, 229, 229, 0) rgba(229, 229, 229, 0) #fff;
    border-width: 5px;    margin-top: -5px;
}
#btn-scrolltop{
	position:fixed; right:25px; bottom:25px; z-index:9999;
	width:36px; height:36px; overflow:hidden; cursor:pointer;
	padding:0; margin:0; border:none; background:none; display:none;	
}
#button-share .share-item:hover i{
	background:#000; color:#FFF
}
#button-share .share-item:hover i:after{
    border-color: rgba(229, 229, 229, 0) rgba(229, 229, 229, 0) rgba(229, 229, 229, 0) #000;
}
/********/
#button-share .share-sheet{
	background:#ec1e25;
}
#button-share .share-sheet i{
	background:#000; color:#FFF;
}
#button-share .share-sheet i::after{
	border-color:rgba(229, 229, 229, 0) rgba(229, 229, 229, 0) rgba(229, 229, 229, 0) #000;
}
#button-share .share-fb{
	background:#5d72a4; 
}
#button-share .share-fb i{
	color:#5d72a4; 
}
#button-share .share-google{
	background:#db5c4b; 
}
#button-share .share-google i{
	color:#db5c4b; 
}
#button-share .share-twitter{
	background:#00baff; 
}
#button-share .share-twitter i{
	color:#00baff; 
}
#button-share .share-pinterest{
	background:#f20000; 
}
#button-share .share-pinterest i{
	color:#f20000; 
}
#button-share .share-link{
	background:#2f70b0; 
}
#button-share .share-link i{
	color:#2f70b0; 
}
/********/
#button-share .share-item:hover i{
	background:#000; color:#FFF
}
#button-share .share-item:hover i:after{
    border-color: rgba(229, 229, 229, 0) rgba(229, 229, 229, 0) rgba(229, 229, 229, 0) #000;
}
/********/
/********/
.bg-fb:hover{
	background:#3c5899 !important; 
}
.bg-google:hover{
	background:#bd081c !important;
}
.bg-linkedin{
	background:#5ea9dd !important;
}
.bg-youtube:hover{
	background:#ee1c1b !important; 
}
.bg-twitter:hover{
	background:#00baff !important;
}

/***********/
#bg-main{
	display:block; width:100%; position:relative;	
	margin-bottom:30px;
}
#bg-main .bg{
	display:block; width:100%; position:relative;	
	background-position:center bottom; background-size:cover;
	background-repeat:no-repeat;
	background-color:#EEE;
}
#bg-main .bg::before{
	position:absolute; left:0; top:0; z-index:1;
	width:100%; height:100%; content:"";
	display:block;
	background:rgba(0, 0, 0, 0.2);
}
#bg-main .bg .container .dis_table{
	position:relative; z-index:2;
	display:table; width:100%; height:320px;
	vertical-align:middle; text-align:center;
	
}
#bg-main .bg .container .dis_table .dis_tablecell{
	display:table-cell; vertical-align:middle;
}
#bg-main .bg .container .dis_table .title{
	margin:0 0 0px; padding:0 0 0px; z-index:3;
	color:#FFF; position:relative;
	font-size:37px; text-transform:uppercase; line-height:40px;
	font-weight:600;
}
/*
#bg-main .bg .container .dis_table .title::before{
	position:absolute; left:50%; bottom:0; z-index:2;
	content:""; display:block; width:70px; height:3px;
	margin-left:-35px;
	background:#FFF;
}
*/
#bg-main .bg::after{
	position:absolute; left:0; bottom:0; z-index:1;
	content:""; display:block; width:100%; height:100%;
	background:rgba(0, 0, 0, 0.2) ;
	
}
.breadgroup {
    background: none repeat scroll 0 0 #fcfcfc;
    border-bottom: 1px solid #eee;  border-top: 1px solid #eee;     
	margin-bottom:0px;
	font-size:13px;
    text-overflow: ellipsis;    text-transform: capitalize;    white-space: nowrap;
	overflow:hidden;
	position:relative; overflow:visible;
	padding-left:0; padding-right:0;
	text-align:left;
}
.breadgroup .breadcrumb {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #000;    margin: 0;    padding:5px 0;
    text-transform: capitalize;
}
.breadcrumb > li:first-child a{
	font-weight:bold; color:var( --color-main);
}
.breadcrumb > li + li::before,
.breadgroup .breadcrumb li:last-child{
	color:#333;	
}
.breadgroup .breadcrumb a{
    color:#333;
}
.breadgroup .breadcrumb a:hover{
    color:#bc1318; text-decoration:none;
}
/*************/
.ads{
	display:block; margin-top:0px;
	margin-bottom:20px;
}
.ads a{
	display:block;
}
#header-sticky-wrapper{
	height:auto !important;	
}
.is-sticky #header{
	border-bottom:1px solid #CCC;
	box-shadow:0 0 5px 3px rgba(0, 0, 0, 0.12);	
}
.is-sticky #header .header-top{
	display:none;	
}
.is-sticky #header .logosearch{
	padding-top:3px;	
}
/*********
************
**********/
#header{
	position:relative; display:block; width:100%;
	background:#FFF;
}
#header .header-top{
	background:var( --color-main); color:#FFF;
	font-size:13px; line-height:24px;
	padding-top:5px; padding-bottom:5px;
}
#header .header-top a,
#header .header-top span{
	position:relative; text-transform:none;
	margin-right:15px; padding-right:15px;
	color:#FFF; font-weight:400;
	font-size:12px; line-height:20px;
	text-decoration:none;
}
#header .header-top .sologan span{
	font-weight:500; text-transform:uppercase;
	font-size:11px; line-height:18px;
}
#header .header-top a .fa,
#header .header-top span .fa{
	font-size:14px; margin-right:5px; top:0px;
	position:relative; color:#FFF; 
}
#header .header-top a::after{
	position:absolute; right:0; top:50%; margin-top:-5px;
	content:""; display:block;
	width:1px; height:10px;
	background:#FFF;
}
#header .header-top .last{
	margin-right:0; padding-right:0;
}
#header .header-top .last::after{
	display:none;
}
#header .header-top a:hover,
#header .header-top a:hover .fa{
	color:#F00;
}
/*********/
#header .header-top h2{
	margin:0; 
	font-size:13px; line-height:24px; font-weight:bold;
	text-transform:uppercase;
}
/**********/
#header .logo{
	width:15%;
}
#header .search{
	width:85%;
}
/**********/
#header .logosearch{
	padding:8px 0 0 0px; font-size:13px;
}
#header .logosearch .logo{
	margin-bottom:5px;	
}
#header .logosearch .logo .img{
	float:left;
}
#header .logosearch .logo img{
	display:inline-block;
}
/***********/
#header .logosearch .box-search{
	width:32%; padding-right:50px;
}
#header .logosearch .hnav{
	width:68%; padding-right:0
}
/*****/
#header .logosearch .search{
	margin-top:13px;
}
#header .logosearch form{
	margin:0px;	
}
#header .logosearch form > div{
	position:relative; overflow:hidden;
	border:1px solid #DDD;
}
#header .logosearch form > div input{
	border:none; background:#FFF;
	width:100%; height:35px; line-height:35px; overflow:hidden;
	padding:5px 55px 5px 5px;
	font-size:13px;
}
#header .logosearch form > div button{
	position:absolute; right:-2px; top:0; bottom:0;
	height:100%; width:50px; text-align:center;
	background:#f6f6f6; border:none;
	color:var( --color-main);
	text-transform:uppercase; font-size:19px;
}
#header .logosearch form > div button:hover{
	background-color:var( --color-main); color:#FFF;
}
/**************/
#header .logosearch .a_cart{
	position:absolute; right:0; top:0; z-index:9;
	display:inline-block;	
	padding:0; color:inherit; text-align:center;
	width:40px; height:40px;
	text-decoration:none;
	color:#FFF; text-transform:uppercase;
	font-size:12px; font-weight:bold;
}
#header .logosearch .a_cart p{
	display:block; clear:both;
	margin:0;
}
#header .logosearch .a_cart::before{
	position:absolute; left:0; top:0;
	width:100%; height:22px;
	color:var( --color-main);
	
	display: inline-block; text-align:center;
	font: normal normal normal 30px/40px FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#header .logosearch .a_cart::before{
	content:"\f07a";
}
#header .logosearch .a_cart #cart_total{
	position:absolute; left:50%; top:-8px;
	background:#f00; 
	line-height:17px; font-size:12px;
	padding:0 5px 2px;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; 
	
}
#header .logosearch .a_cart:hover::before{
	color:var( --color-red);
}
/****************************/
#pronav_all{
	margin:2px 0 0 0; padding:0; list-style-type:none;
	font-size:12px;
}
#pronav_all > li{
	margin:0; padding:0 12px; list-style-type:none;
	display:inline-block; float:left; height:60px;
	position:relative;
	transition:all 0.3s ease-in 0s;	
	-moz-transition:all 0.3s ease-in 0s;	
	-webkit-transition:all 0.3s ease-in 0s;	
}
#pronav_all > li > a{
	display:block; padding:4px 16px 3px;
	color:#000;
	text-decoration:none;
	text-transform:uppercase; font-weight:bold;
	border-radius:2px;
}
#pronav_all > li.selected > a{
	background:var( --color-main); 
	background-size:auto 100%;
}
#pronav_all li.selected > a,
#pronav_all li.selected:hover > a{
	color:#FFF !important;
}	
#pronav_all > li:hover > a{
	color:var( --color-main);
}
/*********/
#pronav_all > li .navsub{
	position:absolute; left:0; top:100%; z-index:99;
	width:280px; height:auto;
	padding:0px 0 0;
	background:var( --color-main); text-transform:capitalize;
	display:none;
}
#pronav_all > li:hover .navsub{
	display:block;
}
#pronav_all > li .navsub li{
	display:block; padding:9px 15px;
	border-top:1px solid rgba(220, 240, 255, 0.7);
}
#pronav_all > li .navsub a{
	color:#FFF;	
}
#pronav_all > li .navsub a:hover{
	color:#F00; text-decoration:none;
}
/*********
************
**********/
.page-home #footer,
body.projects-detail #footer{
	margin-top:0;
}
#footer{
	background:var( --color-main); padding-top:30px; 
	font-size:12px; line-height:20px; color:#FFF;
	position:relative; font-weight:300;
	margin-top:40px;
}
#footer .facebook{
	padding-left:0;	
}
#footer .f-title{
	margin:0 0 15px; padding:0;
	font-size:19px; text-transform:capitalize; line-height:20px;
	font-weight:bold; color:#fff;
}
#footer  ul{
	margin:0; padding:0; list-style-type:none;	
}
#footer  ul li{
	margin:0 0 5px; padding:0 0 0 15px; list-style-type:none;	
	position:relative; 
	text-transform:capitalize;
}
#footer  ul li:last-child{
	margin-bottom:0;
}
#footer  ul li::before{
	position:absolute; left:0px; top:8px;
	width:15px;
	display:block;
	content: "\f111";
	display: inline-block;
	font: normal normal normal 7px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#footer  ul li a{
	color:#fff; text-decoration:none;
}
#footer  ul li:hover::before,
#footer  ul li a:hover{
	text-decoration:none;
	color:#F00
}
/***/
#footer [class^=icon]{
	position:relative;
	display:block; margin-bottom:7px; min-height:22px;
	line-height:20px; vertical-align:middle;
	font-size:12px;
	padding-left:35px;
}

#footer [class^=icon] span{
	display:block;
}
#footer [class^=icon]::before{
	position:absolute; left:0; top:9px;
	display:block; width:25px; text-align:center;
	
	content:""; color:#FFF;
	display: inline-block;
	font: normal normal normal 23px/1px FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#footer .icon-home::before{
	content: "\f041";
	top:16px;
}
#footer .icon-phone::before{
	content: "\f095";
}
#footer .icon-email::before{
	content: "\f0e0";
}

#footer .social{
	display:block; margin-top:20px;	
}
#footer .social a{
	display:inline-block; margin-right:8px;
}
#footer .social a:last-child{
	margin-right:0;
}
#footer .social .fa{
	display:inline-block; height:28px; width:28px; line-height:30px;
	background:#FFF; text-align:center; font-size:15px;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
	color:#000;
	transition:all 0.3s ease-in 0s;	
	-moz-transition:all 0.3s ease-in 0s;	
	-webkit-transition:all 0.3s ease-in 0s;	
}
#footer .social a:hover .fa{
	color:#FFF; background-color:#F00;
}
/***/
#footer .author{
	background:#000; color:#FFF;
	color:#FFF; padding:10px 0 8px; margin-top:15px;
	font-size:11px; line-height:18px;	
	text-transform:capitalize;
}
#footer a{
	color:inherit;
}
/*********
************
**********/
/********/
.title-page{
	position:relative;
	margin:0 0 20px; padding:0 0 8px;
	font-size:21px; font-weight:bold;
	line-height:30px; color:var( --color-main);
	text-transform:uppercase;
}
.title-page::before{
	position:absolute; left:0; bottom:0;
	content:""; display:block; width:50px; height:3px;
	background:var( --color-main);
}
.title-page a{
	color:inherit; text-decoration:none;
}
.title-page.text-sm{
	font-size:19px; padding-bottom:10px;
}
.title-page.text-sm::before{
	width:50px;
}
.quote-page{
	margin:0 0 20px; padding:0;
	font-size:15px; line-height:28px; font-weight:bold;	
}
.dcontent{
	font-size:15px; line-height:28px; 
	color:#000; font-weight:300;
	overflow: hidden;
}
.dcontent p{
	margin-bottom:12px;
}
.dcontent img{
	display:inline-block;
	max-width:100%; height:auto !important;	
}
.dcontent h1{
	font-size:115%;	
	line-height:130%;	
}
.dcontent h2{
	font-size:110%; font-weight:bold;	
	line-height:130%;	
}
.dcontent h3{
	font-size:105%; font-weight:bold;	
	line-height:120%;	
}
.dcontent h4{
	font-size:100%; font-weight:bold;	
}
.dcontent h5{
	font-size:95%;	
	line-height:95%;	
}
.dcontent h6{
	font-size:90%;	
	line-height:90%;	
}
.dcontent table{
	border-collapse: collapse !important;
	width: 100% !important;
	max-width: 100%;
	margin-bottom: 20px;
}
.dcontent table td,
.dcontent table th {
	background-color: #fff !important;
}
.dcontent table th,
.dcontent table td {
	border: 1px solid #ddd !important;
}
.dcontent table > thead > tr > th,
.dcontent table > tbody > tr > th,
.dcontent table > tfoot > tr > th,
.dcontent table > thead > tr > td,
.dcontent table > tbody > tr > td,
.dcontent table > tfoot > tr > td {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #ddd;
}
.dcontent table > thead > tr > th {
	vertical-align: bottom;
	border-bottom: 2px solid #ddd;
}
.dcontent table tr:nth-child( 2n + 1) td{
  background-color: #f9f9f9 !important;
}

/****************/
.title-page-box{
	display:block; position:relative;
	padding:45px 0 30px 30px;
}
.title-page-box::before{
	position:absolute; left:30px; top:54px; z-index:-1;
	width:100px; height:100%;
	content:"01"; display:block; font-weight:bold;
	font-size:91px;
	color:rgba(255, 255, 255, 0.14);
	font-family:"Ubuntu","Helvetica","Arial","sans-serif";
}
.title-page-box .sub{
	display:block;
	margin:0; padding:0; position:relative;
	font-size:14px; font-weight:400; line-height:16px;
	text-transform:uppercase;
	color:#4D4D4D;
}
.title-page-box .sub::before{
	position:absolute; left:-30px; top:90%;
	content:""; display:block; width:25px; height:1px;
	background:#045195;
}
.title-page-box .title{
	display:block; margin:7px 0 0;
	font-size:22px; text-transform:uppercase;
	font-weight:bold; line-height:26px;
	color:#000;
}
.title-page .link-right{
	float:right; display:inline-block;
	font-size:12px; color:#000; line-height:22px;
	padding-left:10px; padding-right:10px;
	position:relative; top:12px; text-transform:capitalize;
	background:#EEE; border:1px solid #DDD;
}
.title-page .link-right:hover{
	border-color:#000; background-color:#000; color:#FFF;
}
/*************
*************
*************/
.home-title{
	margin:0 0 30px; padding:0;
	font-size:25px; line-height:28px; text-transform:uppercase;
	font-weight:bold; color:var( --color-main);
	text-align:center;	
}
.home-title a{
	color:inherit; text-decoration:none;
}
.home-title a:hover{
	color:var( --color-red);
}
.home-title span{
	display:inline-block; padding:0 15px;
	position:relative;	
}
.home-title span::before,
.home-title span::after{
	position:absolute; top:50%; margin-top:-1px;
	content:""; display:block;
	width:50px; height:3px;
	background:var( --color-main);
}
.home-title span::before{
	left:100%;
}
.home-title span::after{
	right:100%;
}
/**********/
#google-map{
	display:block;
}
.page-contact .title-page-box{
	padding-top:15px; color:#0171c5;	
}
.page-contact .title-page-box .sub{
	font-size:17px; color:#0171c5;
	font-weight:bold;
}
.page-contact .title-page-box .sub::before{
	background-color:#0171c5;
}
#google_maps{
	width:100%; display:block; height:380px;
}
.contact_view_map_btn{
	border:1px solid #DDD; background-color:#FFF;
    border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
    font-size: 12px;    line-height: 1.5; font-weight:600;
    padding: 3px 10px;
}
.contact_view_map_btn .fa{
	margin-right:5px;
}
.contact_view_map_btn:hover{
	background-color:#045195; color:#FFF;
	border-color:#045195;
}
.page-contact .alert.text-white{
	color:#FFF;	
}
/*********************/
.home-boxitem{
	margin:20px 0 50px;	
}
.home-boxitem .item{
	margin-top:30px;
}
.home-boxitem .row .item:nth-child( 4n + 1){
	clear:both;
}
.home-boxitem .item .box{
	position:relative;
	display:block; width:100%;
	border:2px dashed #ebebeb;
	padding:20px 15px;
	color:#333; line-height:18px; font-size:13px;
	-webkit-transition: all 500ms ease 0s;
	-moz-transition: all 500ms ease 0s;
	-o-transition: all 500ms ease 0s;
	transition: all 500ms ease 0s;
}
.home-boxitem .item .box .img{
	float:left; width:40px;
}
.home-boxitem .item .box img{
	display:block; width:100%;
}
.home-boxitem .item .box .des{
	margin-left:55px;
	min-height:65px;
}
.home-boxitem .item .box h4{
	margin:0 0 4px; padding:0;
	font-size:15px; text-transform:uppercase; line-height:22px;
	color:var( --color-main);
}
.home-boxitem .item .box::before{
	border-top: 2px dashed var( --color-main);
	border-bottom: 2px dashed var( --color-main);
	bottom: -2px;
	content: "";
	left: 50%;
	position: absolute;
	right: 50%;
	top: -2px;
	-webkit-transition: all 500ms ease 0s;
	-moz-transition: all 500ms ease 0s;
	-o-transition: all 500ms ease 0s;
	transition: all 500ms ease 0s
}
.home-boxitem .item .box::after{
	border-right: 2px dashed var( --color-main);
	border-left: 2px dashed var( --color-main);
	bottom: 50%;
	content: "";
	left: -2px;
	position: absolute;
	right: -2px;
	top: 50%;
	-webkit-transition: all 500ms ease 0s;
	-moz-transition: all 500ms ease 0s;
	-o-transition: all 500ms ease 0s;
	transition: all 500ms ease 0s
}
.home-boxitem .item .box:hover::before{
	left: 0;
	right: 0;
	-webkit-transition: all 500ms ease 0s;
	-moz-transition: all 500ms ease 0s;
	-o-transition: all 500ms ease 0s;
	transition: all 500ms ease 0s
}
.home-boxitem .item .box:hover::after{
	top: 0;
	bottom: 0;
	-webkit-transition: all 500ms ease 0s;
	-moz-transition: all 500ms ease 0s;
	-o-transition: all 500ms ease 0s;
	transition: all 500ms ease 0s
}
/*********************/
.home-product{
	margin:50px 0 50px;	
}
.home-about .text .readmore{
	text-align:center;
}
.home-about .text .readmore a{
	display:inline-block; padding:10px 35px 10px;
	background:none; color:#FFF;
	border:1px solid #fff;
	font-size:13px; line-height:20px; text-transform:uppercase;
	font-weight:500; text-decoration:none;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
}
.home-product .readmore a:hover,
.home-about .text .readmore a:hover{
	background-color:var( --color-main); border-color:var( --color-main);
}
/**********/
.home-about{
	padding:200px 0 150px; position:relative;
	background-repeat:no-repeat; background-size:cover;
	background-position:center center;
	text-align:center;
}
.home-about::before{
	position:absolute; left:0; top:0;
	content:""; display:block; width:100%; height:100%;
	background:rgba(0, 0, 0, 0.25);
}
/*******/
.home-about .text{
	color:#FFF; font-size:21px; line-height:36px;
	font-weight:300;
}
.home-about .text .title{	
	display:block;
	margin:0 0 20px; padding:0; font-style:normal;
	font-size:41px; line-height:38px; font-weight:bold;
	text-transform:uppercase;
}
.home-about .text .des{
	margin-bottom:30px;
}
/****************/
.home-pronav{
	margin:50px 0 20px
}
.home-pronav .item{
	margin-bottom:30px;	
}
.home-pronav .row .item:nth-child( 4n + 1){
	clear:both;
}
.home-pronav .item a{
	display:block; position:relative; width:100%;
	padding-left:20px;
	color:#000; text-transform:none;
}
.home-pronav .item .title{
	position:relative;
	margin:12px 0 0; padding:0 0 0 30px;
	font-size:14px; text-transform:uppercase;
	line-height:20px; font-weight:bold;
}
.home-pronav .item a::before{
	position:absolute; left:0; top:0;
	width:3px; height:100%;
	content:""; display:block;
	background:var( --color-main);
}
.home-pronav .item a .title:before{
	position:absolute; left:-20px; bottom:0; top:11px;
	width:40px;
	content:""; display:block;
	border-top:3px solid var( --color-main);
	background:#FFF;
}

.home-pronav .item a:hover{
	color:var( --color-red); text-decoration:none;
}
.home-pronav .item a:hover::before{
	background:var( --color-red);
}
.home-pronav .item a:hover .title::before{
	border-top-color:var( --color-red);
}
/****************
*************/
.home-brands{
	padding:50px 0;
	background:#EEE;	
}
.home-brands h2{
	display:inline-block; width:100%;
	font-weight:normal; font-size:21px; margin:0 0 20px; padding:0;
	text-transform:uppercase; color:var( --color-main); font-weight:bold;
	text-align:center;
}
.home-brands h2 span:before{
	position:absolute; left:100%; top:50%; height:3px; width:60px;
	content:""; z-index:1; margin-bottom:30px;
	background:var( --color-main);
}
.home-brands h2 span:after{
	position:absolute; right:100%; top:50%; height:3px; width:60px;
	content:""; z-index:1; margin-bottom:30px;
	background:var( --color-main);
}
.home-brands h2 span{
	display:inline-block;
	background:#EEE; padding:0 15px;
	position:relative; z-index:2;
}
.home-brands h2 a{
	color:inherit;
}
/************/
#owl-hbrand .item .img{
	display:block; overflow:hidden;	
}
#owl-hbrand .item img{
	display:block; width:100%;
	transition:all 0.7s ease-in-out 0s; -webkit-transition:all 0.7s ease-in-out 0s; -moz-transition:all 0.7s ease-in-out 0s;
	width:100%;
}
#owl-hbrand .item:hover img{
	transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1);
}
#owl-hbrand a{
	display:block; overflow:hidden; text-decoration:none;
	border-radius:3px;
	background:#FFF;
}
#owl-hbrand a .des{
	display:block; border-bottom:2px solid var( --color-main);;
	margin:0; padding:5px 15px 10px;
}
#owl-hbrand a .des .label,
#projects-list .item .des .label{
	padding:0.4em 1em 0.35em;
	text-transform:uppercase;
	font-size:10px;
}
#owl-hbrand a .des .label-danger,
#projects-list .item .des .label-danger{
	background:#F00;
}
#owl-hbrand a .des .label-primary,
#projects-list .item .des .label-primary{
	background:var( --color-main);
}
#owl-hbrand a .des p,
#projects-list .item .des p{
	clear:both; margin-bottom:8px;
}
#owl-hbrand a .title{
	margin:0; padding:0px;
	text-transform:capitalize; font-size:13px; font-weight:bold;
	color:#000; line-height:20px; overflow:hidden; 
	overflow:hidden; white-space:nowrap;
	text-overflow:ellipsis;
}
#owl-hbrand a:hover .title{
	color:#e72c3f;
}
#owl-hbrand .owl-nav .owl-prev,
#owl-hbrand .owl-nav .owl-next{
	border-color:#CCC; color:#000;
}
#owl-hbrand .owl-nav .owl-prev{
	left:-55px;	
}
#owl-hbrand .owl-nav .owl-next{
	right:-55px;	
}
#owl-hbrand .owl-dots .owl-dot span{
	background-color:#ABABAB;
}
#owl-hbrand .owl-dots .owl-dot.active span{
	background-color:#e72c3f;
}
/*************/
#owl_home .owl-nav .owl-prev,
#owl_home .owl-nav .owl-next,
#owl-hbrand .owl-nav .owl-prev,
#owl-hbrand .owl-nav .owl-next,
#olw_projectimg .owl-nav .owl-prev,
#olw_projectimg .owl-nav .owl-next,
#owl-partners .owl-nav .owl-prev,
#owl-partners .owl-nav .owl-next,
#owl-gallery .owl-nav .owl-prev,
#owl-gallery .owl-nav .owl-next{
	background:none;  text-align:center; font-size:23px; line-height:36px;
	height:36px; width:36px; padding:0;
	border-radius:50%; color:#fff;
	border:1px solid rgba(255, 255, 255, 0.3);
	overflow:hidden;
	position:absolute; top:50%; margin-top:-18px;
	transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s;
}
#owl-hbrand .owl-nav .fa,
#olw_projectimg .owl-nav .fa,
#olw_projectimg .owl-nav .fa{
	line-height:34px;
}
#owl-hbrand .owl-nav .owl-prev:hover,
#owl-hbrand .owl-nav .owl-next:hover,
#olw_projectimg .owl-nav .owl-prev:hover,
#olw_projectimg .owl-nav .owl-next:hover{
	background:#e72c3f;
	border-color:#e72c3f; color:#FFF;
}
#olw_projectimg .owl-nav .owl-prev{
	left:2.5%;	
}
#olw_projectimg .owl-nav .owl-next{
	right:2.5%;	
}
#owl-hbrand .owl-dots{
	margin-top:15px;
}
/*********/
.home-news{
	background:#EEE;
	padding:50px 0;
}
.home-news .title-box{
	margin-bottom:30px;	
}
.home-news .title-box::before{
	content: "\f1ea"
}
.home-news{
	margin-bottom:0px;
}
.home-news .news-box .item{
	position:relative; display:block;
	color:#000; overflow:hidden;
}
.home-news .news-box .img{
	display:block;	padding:0px; overflow:hidden;
}
.home-news .news-box .img span{
	display:block;	padding:0px; overflow:hidden;
	background-position:center center; background-repeat:no-repeat;
	background-size:cover;
	transition:all 0.7s ease-in-out 0s; -webkit-transition:all 0.7s ease-in-out 0s; -moz-transition:all 0.7s ease-in-out 0s;
}
.home-news .news-box .img img.trans{
	display:block; width:100%;
}
.home-news .news-box .des{
	position:relative; right:0; margin-top:-50px;
	background:rgba(255, 255, 255, 0.9); padding:15px 30px 30px; float:right;
	width:96%;
}
.home-news .news-box .des h3{
	position:relative;
	margin:0 0 15px; padding:0 0 15px;
	font-size:16px;
	font-weight:bold; line-height:22px;
	color:#000;
}
.home-news .news-box .des h3::before{
	position:absolute; left:0; top:100%;
	content:""; display:block;
	width:25%; height:3px;
	background:var( --color-main);
	transition:all 0.3s ease-in 0s;	
	-moz-transition:all 0.3s ease-in 0s;	
	-webkit-transition:all 0.3s ease-in 0s;	
}
.home-news .news-box .des p{
	font-size:14px; line-height:24px;
	color:#000;
}
.home-news .news-box .des .overflow{
	display:block; height:170px; overflow:hidden;
}
.home-news .news-box .item:hover h3{
	color:#F00;
}
.home-news .news-box .item:hover h3::before{
	background-color:var( --color-red);
	width:50%;
}
.home-news .news-box .item:hover .img span{
	transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05);
}

/******************/
.page-contact .info,
.page-contact .contact-container .dcontent{
	font-size:15px; line-height:26px;
}
.page-contact .info{
	padding-left:0px; margin-bottom:15px	
}
.page-contact .info, .page-contact .info address{
	font-size:14px; line-height:30px;	
}
.page-contact .info .title{
	margin:0 0 15px 0px; padding:0;
	font-size:19px; line-height:26px; text-transform:uppercase;
	font-weight:bold;
}
.page-contact .info address,
.page-contact .info p{
	margin-bottom:10px	
}
.page-contact .info a{
	color:inherit; text-decoration:none;
}
.page-contact .info a:hover{
	text-decoration:underline;
}
.page-contact .dcontent table{
    margin-bottom: 20px;
    max-width: 100%;    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
	margin:0 0px;
	font-size:13px;
}
.page-contact .dcontent table td{
    line-height: 1.42857;
    padding:12px 10px; text-align:left;
    vertical-align: top;
	border-top:1px solid #DDD;
}
.page-contact .dcontent table tr:nth-child( 2n + 1) td{
	background-color:#f9f9f9;
}
.page-contact .dcontent table tr td:nth-child( 1){
	width:40%;
}
.page-contact .dcontent table tr td:nth-child( 2){
	width:30%;
}
.page-contact .contact-showroom{
	margin-bottom:10px;	
}
.page-contact .contact-showroom .info{
	margin-bottom:0;
}
.page-contact .contact-showroom .dcontent{
	margin-top:15px;
}

.page-contact .contact-showroom .info .title{
	font-size:17px; margin-bottom:10px; line-height:26px;
}
/*********************/
.page-contact form .form-group{
	margin-bottom:10px;	
}
.page-contact form label{
	font-weight:500; padding-right:0;
	font-size:13px; text-transform:capitalize;
}
.page-contact form .btn{
	background:var( --color-main); color:#FFF; border:none;
	padding:11px 20px 9px; text-transform:uppercase;
	font-size:14px; font-weight:bold;
}
.page-contact form .btn:hover{
	background:var( --color-red);
}
.page-contact form .text-danger{
	color:#f00;	
}
/********
*******
********/
/*********
*******
************/
.owl-theme .owl-nav{
	margin:0 !important;	
}
#owl_home{
	margin-bottom:0px;	
}
/*************/
#owl_home .owl-nav .owl-prev,
#owl_home .owl-nav .owl-next{
	background:none;  text-align:center; font-size:23px; line-height:36px;
	height:36px; width:36px; padding:0;
	border-radius:50%; color:#fff;
	border:1px solid rgba(255, 255, 255, 0.3);
	overflow:hidden;
	position:absolute; top:50%; margin-top:-18px;
	transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; -moz-transition:all 0.3s ease 0s;
}
#owl_home .owl-nav .fa{
	line-height:34px;
}
#owl_home .owl-nav .owl-prev:hover,
#owl_home .owl-nav .owl-next:hover{
	background:#9e0b0f;
	border-color:#9e0b0f; color:#FFF;
}
#owl_home .owl-nav .owl-prev{
	left:2.5%;	
}
#owl_home .owl-nav .owl-next{
	right:2.5%;	
}
/*********/
#owl_home .owl-item a{
	color:#FFF; text-decoration:none;
}
#owl_home .owl-item .item{
	position:relative; display:block; width:100%;
}
#owl_home .owl-item .item .caption{
	position:absolute; left:50px; top:50%; z-index:2;
	display:block; width:60%;
	font-size:23px; line-height:32px; font-weight:bold;
}
#owl_home .owl-item .item a{
	position:relative; display:block;	
}
/*
#owl_home .owl-item .item a::before{
	position:absolute; left:0; top:0; z-index:1;
	width:100%; height:100%; content:""; display:block;
	background:rgba(0, 0, 0, 0.2);
}
*/
#owl_home .owl-item .item .caption .title{
	margin:0 0 20px; padding:0 0 20px; position:relative;
	font-size:51px; font-weight:900; line-height:50px;
	text-transform:uppercase;
}
#owl_home .owl-item .item .caption .title::before{
	position:absolute; left:0; bottom:0;
	content:""; display:block; height:2px; width:45px;
	background:#FFF;
}
/*********/
#owl_home .owl-dots{
	position:absolute; left:0; bottom:10px; z-index:2;
	margin:0; width:100%;
}
#owl_home .owl-dots .owl-dot span{
	width:25px; height:6px; margin:0 7px;
	border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
	background:#FFF;
}
#owl_home .owl-dots .owl-dot.active  span{
	background:#bc1318;
}
/****************************/
.left-navbox{
	border:1px solid #DDD;	
	margin-bottom:0px; 
}
.left-navbox > .title{
	background:var( --color-main); position:relative;
	padding:10px 15px 10px 35px; margin:-1px -1px 0;
	font-size:13px; text-transform:uppercase; font-weight:bold;
	color:#FFF; line-height:24px;
    text-overflow: ellipsis;    white-space: nowrap;	overflow:hidden;
}
.left-navbox > .title::before{
	position:absolute; left:12px; top:14px;
	display:block; width:30px; height:100%;
	
	content: "\f0c9";
	font: normal normal normal 16px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;

}
.left-navbox > .title a{
	color:#FFF;
}
.left-navbox.highlight > .title{
	background:#ea1d0c;
}
.left-navbox .navlist{
	margin:0; padding:0; list-style-type:none;
}
.left-navbox .navlist li{
	cursor:pointer; padding:11px 10px 11px 20px; line-height:22px;
	font-size:13px; font-weight:500;
	position:relative; color:#000;
	background:#FFF;
	border-bottom:1px solid #DDD;
}
.left-navbox .navlist li:last-child{
	border-radius:0 0 5px 5px;
	border-bottom:none;
}
.left-navbox .navlist li::before{
	position:absolute; left:7px; top:18px;
	display:block; height:100%; width:10px;
	
	content: "\f111";
	display: inline-block;
	font: normal normal normal 8px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.left-navbox .navlist li a{
	color:#000; text-decoration:none;
}
.left-navbox .navlist li:hover{
	background-color:#FFF;
}
.left-navbox .navlist li:hover,
.left-navbox .navlist li:hover a{
	color:#ea1d0c;
}
.left-navbox .navlist li.focus,
.left-navbox .navlist li.focus a{
	color:#ea1d0c !important	
}
/****************/
#productnav{
	border:none;
	margin:0;
}
#productnav .group-panel{
	border:none; border-bottom:1px solid #DDD;
	border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
	box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;
	position:relative;
}
#productnav .group-panel:last-child{
	border-bottom:none;
	border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px;
}
#productnav .group-panel + .group-panel{
	margin-top:0;
}
#productnav .group-panel .panel-heading{
	background:none; padding:5px 15px 5px 10px; margin-bottom:0;
	border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
}
#productnav .group-panel:first-child .panel-heading{
	border-top-color:#EEE;
}
#productnav > .group-panel:last-child .panel-heading{
	overflow: hidden;
	border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px;
}
#productnav .group-panel > .panel-heading{
	background:none; padding:0;
}
#productnav .group-panel.focus .group-content{
	padding:1px 0px; background:#FFF;
}
#productnav .panel-itemgroup{
	cursor:pointer; padding:11px 10px 11px 25px; line-height:22px;
	font-size:12px; text-transform:uppercase; font-weight:600;
	position:relative; color:#000;
	background:#FFF;
}
#productnav .panel-itemgroup::before{
	position:absolute; left:5px; top:15px;
	display:block; height:100%; width:15px;
	text-align:center;
	
	content: "\f196";
	display: inline-block;
	font: normal normal normal 13px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#productnav .group-panel:hover .panel-heading .panel-itemgroup{
	background-color:#FFF;
}
#productnav .group-panel .panel-heading:hover .panel-itemgroup a{
	color:#0171c5;
}
/***/
#productnav .mainlist{
	padding:0px; margin:0px; list-style-type:none;
	font-size:13px;
}
#productnav .mainlist li{
	padding:5px 10px 7px 15px;
	margin:0; list-style-type:none;
	line-height:22px; color:#000;
}
#productnav .mainlist > li:last-child{
	margin-bottom:0;
}
#productnav .mainlist li,
#productnav .mainlist li a{
	color:#000;
}
#productnav .mainlist li a{
	font-size:14px; position:relative;
	display:block; padding-left:10px;
}
#productnav .mainlist li a::before{
	position:absolute; left:-5px; top:9px;
	display:block; width:10px; height:100%;
	content: "\f111";
	
	font: normal normal normal 8px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/***/
#productnav .mainlist li:hover{
	background-color:#0171c5; color:#FFF;
}
#productnav .mainlist > li:hover > a{
	color:#FFF;
}
#productnav .mainlist li:hover .navlist_nav{
	display:block;
}

#productnav .navlist_nav{
	display:none;
	position:absolute; left:calc( 100% - 1px); top:-1px; z-index:9;
	width:280px; background-color:#0171c5; color:#FFF;
	min-height:calc( 100% + 2px );
	
	list-style-type:none; margin:0 0 0 0px; padding:10px 0px 10px 0px; 
	border:1px solid #0171c5;
	
	font-size:13px;
	box-shadow:5px 5px 5px rgba(122, 122, 122, 0.44);
	-webkit-box-shadow:5px 5px 5px rgba(122, 122, 122, 0.44);
	-webkit-box-shadow:5px 5px 5px rgba(122, 122, 122, 0.44);
}
#productnav .navlist_nav li{
	padding:3px 10px 3px 15px;
	margin:0; list-style-type:none;
	color:#000;	line-height:22px;
}
#productnav .navlist_nav > li:last-child{
	margin-bottom:0;
}
#productnav .navlist_nav li,
#productnav .navlist_nav li a{
	color:#FFF;
}
#productnav .navlist_nav li a:hover{
	color:#F00;
}
/********************/
/************/
#productnav .navsub_hover{
	list-style-type:none; margin:0 0 0 0px; padding:0px 0px; 
}
#productnav .group-panel:hover > .panel-heading{
	background:#FFF;	
}
#productnav .group-panel:hover > .panel-heading::after{
	position:absolute; left:100%; top:1px; bottom:1px; z-index:10;
	content:""; display:block;
	width:1px;
	background:#FFF;
}
#productnav .group-panel:hover > .navsub_hover{
	display:block;
}
#productnav .group-panel. .navsub_hover > li > a,
#productnav .group-panel:hover .panel-heading a{
	color:#000;
}
/***********/
#productnav .group-panel:hover > .panel-heading.redirect::after{
	display:none;
}
#productnav .group-panel .panel-heading.redirect .panel-itemgroup.focus{
	background:#FFF;
}
#productnav .group-panel .panel-heading.redirect .panel-itemgroup.focus a{
	background:none;
}
/***********/
#productnav .group-panel.focus{
	position:static;	
}
#productnav .group-panel.focus > .navsub_hover{
	position:static; 
	display:block !important; width:100%; border:none;
	padding:5px 0px 5px 0px; margin:0; list-style-type:disc;
	font-size:13px;
	background:#FFF;
	box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;
}
#productnav #productnav_navitem.navsub-active > .navsub_hover > li{
	border:none; padding:0;
	margin:0 0 8px 0; color:#000; list-style-type:disc;
	line-height:20px;
}
#productnav .group-panel.focus .navsub_hover > li > a{
	display:block; width:100%; color:#000;
	line-height:22px
}
#productnav .group-panel.focus:hover .panel-heading a{
	color:#ec1e25 !important
}
#productnav .group-panel.focus:hover .panel-heading .panel-itemgroup{
	background-color:#EBEBEB;
	border-bottom-color:transparent
}
#productnav .group-panel.focus:hover > .panel-heading{
}
#productnav .group-panel.focus > .panel-heading::after{
	display:none !important;
}
#productnav .group-panel.focus .navlist_nav{
	top:0;
	padding-top:5px; padding-bottom:5px;
}
#productnav .group-panel.focus li.focus .navlist_nav{
	top:0; min-height:100%;
	padding-top:0; padding-bottom:0;
}
/***********/
#productnav .panel-itemgroup.focus{
	border-bottom:1px solid #CCC;	
	background-color:#EBEBEB;
}
#productnav .panel-itemgroup.focus,
#productnav .panel-itemgroup.focus a{
	color:#F00; background-color:#EBEBEB;
}
#productnav .panel-itemgroup a{
	color:#000; display:block;
}
#productnav a{
	text-decoration:none; color:#000;
}
#productnav .group-panel:hover .panel-itemgroup::before,
#productnav .panel-itemgroup:hover::before,
#productnav .group-panel:hover .panel-heading a{
	color:#F00 !important;
}
#productnav .panel-itemgroup.focus::before{
	content: "\f147"; 
}
#productnav > .focus .mainlist > li{
	padding-bottom:5px; padding-top:3px;
}
#productnav > .focus .mainlist > li{
	position:relative;
}

#productnav .mainlist li.focus,
#productnav .mainlist li.focus > a{
	color:#F00;
}
#productnav .group-panel.focus .panel-heading,
#productnav .group-panel.focus .panel-itemgroup.focus{
	border-top:1px solid #ebebeb !important;
	border-bottom:none;
}
#productnav .group-panel.focus .panel-itemgroup{
	border-bottom:1px solid #CCC !important;
}
/******************/
#productnav > .focus .mainlist > li.focus:hover{
	background-color:inherit;
}
#productnav > .focus .mainlist > li.focus .navlist_nav{
	display:block; position:static;
	width:auto; min-height:auto;
	box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;
	background:#EEE;
	border:none;
	margin:5px -10px 0 -15px; padding-top:5px; padding-bottom:5px;
}
#productnav > .focus .mainlist > li.focus .navlist_nav a{
	color:#000;
	padding-left:25px;
}
#productnav > .focus .mainlist > li.focus .navlist_nav a::before{
	left:8px;
}
#productnav > .focus .mainlist > li.focus .navlist_nav li:hover{
	background:none;
}
#productnav > .focus .mainlist > li.focus .navlist_nav li:hover a{
	color:#F00;
}
#productnav > .focus .mainlist > li.focus .navlist_nav .focus a{
	color:#0171c5 ;
}
/**************/
.title-box{
	background:#FFF; position:relative;
	padding:0; margin:0; display:block;
	font-size:14px; text-transform:uppercase; font-weight:bold;
	color:#FFF; line-height:24px;
	overflow:hidden;
}
.title-box a,
.title-box span{
	display:inline-block; float:left;
	color:#000; text-decoration:none;
}
.title-box .highlight{
	position:relative;
	display:inline-block;
	padding:10px 30px 10px 40px; margin-right:5px;
	background:#ea1d0c url("../img/home-title-line.jpg") no-repeat scroll right top;
	color:#FFF;
}
.title-box .highlight::before{
	background: rgba(0, 0, 0, 0) url("../img/diamond.png") no-repeat scroll 10px center;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 1px;
	width: 40px;
}

/*************
*************
*************/
/*************/
.page-about .about-item{
	padding:30px 0;
}
.page-about .about-item:nth-child( 2n + 1){
	background-color:#f2f2f2;
}
.page-about .about-item.first{
	padding-top:0; padding-bottom:0;
}
.page-home #products-container .box:nth-child( 9){
	display:none;
}
/*********
**************
*********/
#products-container{
	margin-left:-10px; margin-right:-10px;	
}
#products-container .box{
	margin-bottom:30px;	
	padding-left:10px; padding-right:10px;
}
#products-container .box .item{
	display:block; position:relative;
	color:#111;text-decoration:none;
	font-size:13px; line-height:22px;
	background-color:#FFF;
}
#products-container .box .item .img{
	display:block; 	text-align:center; 
	padding:0px;	overflow:hidden;
	position:relative;
}
#products-container .box .item .img img.proimg{
    width:100%; display:block;
}
#products-container .box .item .des{
	position:relative; z-index:2;
	padding:15px 15px 5px;
	background-color:#FFF; text-align:center;
	border-top:1px solid #DDD;
}
#products-container .box .item .des h3{
	height:44px; overflow:hidden; display:block;
	margin:0; padding:0;
	font-size:14px; font-weight:500;
	text-transform:uppercase;
	line-height:22px; color:#111;
}
#products-container .box .item .des p{
	display:block;
	margin-top:5px; margin-bottom:5px;
	height:auto; overflow:hidden;
}
#products-container .box .item:hover{
	box-shadow:0 0 15px #C1C1C1;
	-moz-box-shadow:0 0 15px #C1C1C1;
	-webkit-box-shadow:0 0 15px #C1C1C1;
}
#products-container .box a{
	text-decoration:none;	
	display:block;
}
/**********/
#products-container .box .item .des::after{
	position:absolute; left:0; top:100%; right:0;
	display:block; content:""; width:100%;
	background:#FFF; height:2px;
}
/**********/
#products-container .box:hover form{
	height:55px; overflow:hidden; 
	box-shadow:0 0 15px #C1C1C1;
	-moz-box-shadow:0 0 15px #C1C1C1;
	-webkit-box-shadow:0 0 15px #C1C1C1;
}
#products-container .box form{
	position:absolute; left:-1px; right:-1px; top:100%; z-index:1;
	height:0px; overflow:hidden;
	text-align:center;
	padding:0; margin:0;
	background-color:#FFF;
	border:1px solid #DDD; border-top:none;
	border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px;
	
}
#products-container .box form button{
	font-size:11px; text-transform:uppercase;
	color:#FFF; font-weight:bold;
	border:1px solid var( --color-main); background:var( --color-main);
	padding:3px 15px; line-height:22px; 
	margin-top:5px; margin-bottom:20px;
	border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px;
	
}
#products-container .box form button:hover{
	color:#FFF; background-color:#f00;
	border-color:#f00;
}
/**************/
#products-container.col_4 .box .item .des h3{
	font-size:13px; line-height:18px;
	height:40px;
}
#products-container.col_4 .price-box{
	font-size:13px;
}
#products-container.col_4 .box:nth-child( 4n + 1){
	clear:both;
}
#products-container.col_3 .box:nth-child( 3n + 1){
	clear:both;
}
/*************/
.price-box{
	display:block; color:#FF0808;	
	font-size:14px; text-transform:capitalize; font-weight:bold;
}
.price-box .price-sale{
	margin-right:10px; font-weight:bold;
}
.price-box s.price{
	color:#333; font-size:14px; font-weight:normal;
}

.price-percent{
	position:absolute; right:0px; top:0px;	
	height:60px; width:60px; padding:5px 3px 0 0;
	color:#FFF; line-height:22px;
	background:url(../img/bg-sale-bigl.png) no-repeat right top;
	background-size:contain;
	font-size:13px; font-family:Tahoma, Geneva, sans-serif;
	text-align:right;
}
/*********************/
#dealer_nav .container-fluid{
	text-transform:capitalize; font-size:13px;
}
#dealer_nav .navbar-brand{
	font-size:13px; color:var( --color-red);
	font-weight:500; text-transform:uppercase;
}
#dealer_nav .navbar-nav > li > a{
	color:var( --color-main);
	font-weight:500;
}
/****************/
.dealer-list .list{
	margin:0; padding:0; list-style-type:none;	
}
.dealer-list .list li{
	margin:0; padding:10px 15px; list-style-type:none;
	background:#f6f6f6;
	border-bottom:1px solid #CCC;
}
.dealer-list .list li:nth-child( 2n){
	background:#FFF;
}
.dealer-list .list li .title{
	margin:0 0 8px; padding:0;
	font-size:15px; text-transform:uppercase; font-weight:500; line-height:22px;
	color:var( --color-main);
}
.dealer-list .list li p{
	font-weight:400; font-size:13px; line-height:20px;
	margin-bottom:7px;
}
.dealer-list .list li p > b{
	font-weight:500; text-transform:capitalize;
}
.dealer-list .list li:hover,
.dealer-list .list li:hover .title{
	color:var( --color-red);
}
/**************/
.page-dealer_reg #footer{
	margin-top:0;	
}
.dealer_reg{
	padding:50px 0; margin-top:30px;
	background:#f2f2f2;	
}
/*********
*******
************/
#newslist .item{
	position:relative;
	background:#FFF; margin-bottom:30px;
	line-height:28px; font-size:15px;
	float:left; width:100%; display:block;
	border:1px solid #EEE;
	box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.1);
}
#newslist .item .img{
	position:absolute; left:0; top:0; height:100%;
	float:left; width:28%;  overflow:hidden;
}
#newslist .item .img a{
	position:relative; width:100%; height:100%;
	display:block;
	background-position:center center; background-size:cover;
	background-repeat:no-repeat;
	transition:all 0.7s ease-in-out 0s; -webkit-transition:all 0.7s ease-in-out 0s; -moz-transition:all 0.7s ease-in-out 0s;
}
#newslist .item .img img{
	display:none;
	transition:all 0.7s ease-in-out 0s; -webkit-transition:all 0.7s ease-in-out 0s; -moz-transition:all 0.7s ease-in-out 0s;
}
#newslist .item:hover .img a{
	transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05);
}

#newslist .item .des{
	float:left; width:72%; margin-left:28%;
	padding:20px 20px 15px 30px; min-height:135px;
	font-size:15px; color:#000; font-weight:300;
	line-height:26px;
}
#newslist .item .des h3{
	margin:0 0 10px; padding:0;
	font-size:17px; font-weight:700; line-height:26px;
	color:#000;
}
#newslist .item a{
	color:inherit; text-decoration:none;
	display:block; overflow:hidden;
}
#newslist .item a:hover{
	color:#ec2326;
}
#newslist .item:hover .img img{
	transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05);
}
#newslist .item:nth-child( 3n + 1){
	clear:both;
}
#newslist .readmore{
	margin:20px 0 10px;
	text-transform:capitalize; font-size:14px;
}
#newslist .readmore a{
	display:inline-block;
	position:relative; padding:5px 20px 5px 15px;
	border:1px solid var( --color-main);
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
	font-size:12px; line-height:20px; font-weight:500;
	color:var( --color-main);
}
#newslist .readmore a::after{
	position:absolute; right:10px; top:8px;
	display:block; width:20px; height:100%;
	text-align:right; 
	content: "\f105";
	font: bold normal normal 15px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#newslist .readmore a:hover{
	padding-right:25px; color:#FFF;
	background:var( --color-main)
}
/******/
#news-other{
	margin-bottom:25px;	
}
#news-other li{
	margin-top:8px; line-height:22px; font-weight:500;
	color:#000; 	
}
#news-other li a{
	text-decoration:none; color:inherit;
	font-size:15px;
}
#news-other li:hover{
	color:#ed2b33;
}
/***************/
/*************
*************
*************/
.dproduct-info{
	position:relative; overflow:hidden;
}
#detail-info{
	float:left; width:60%;
	background:#f2f2f2;	
}
.title-detail-info a{
	color:#000;
}
.title-detail-price{
	margin:0 0; padding:7px 0px; width:70%; font-size:16px; line-height:24px;
	color:#e72c3f;
	/*
	background:url(../img/bg-title-right.png) no-repeat right top #e72c3f;	
	*/
	text-transform:uppercase;
	font-weight:bold;
}
.title-detail-price span{
	text-transform:none; font-weight:normal; font-size:13px; font-style:italic;
}
.title-detail-price div.clearfix{
	display:inline-block; float:left;	
}
.title-detail-price .price-number{
	padding:4px 10px 0 ;
}
/************/
.quote-detail-pro{
	margin:10px 0 0 ; padding:0 5px 0px 10px; font-size:14px; color:#222; line-height:22px;
}
.title-detail-price s{
	margin-left:10px; font-weight:normal; color:#777; font-size:13px;
}
.detail-info-group{
	font-size:13px; color:#000;	background:#FFF;
	padding:0 0px 0 30px;
	line-height:26px;
}
.detail-info-quote{
	font-size:13px; margin:0 0 10px; color:#222;
	padding: 0 0px ; line-height:22px;
	text-align:justify;
}
.detail-info-group p{
	margin-bottom:15px;
}
.detail-info-group p span.col-xs-4,
#product-detail-container  form label{
	font-weight:500; padding-right:10px; padding-left:0px;
	width:20%;
	text-transform:capitalize; color:#000;
}
.detail-info-group p span.col-xs-8,
#product-detail-container  form div.col-md-8{
	padding-left:0px; width:80%;
	font-size:14px;
}
.detail-info-group p span.col-xs-8 a{
	color:inherit;
}
/****************/
.text_redbold{
	color:#F00; font-weight:bold;	
}
.detail-info-group p span.text_redbold a{
	color:#F00;
	font-weight:bold; font-size:16px !important;	
}

/*************/
.dproduct-info .detail-info-group{
	position:relative;
	padding-top:0px;
	line-height:20px;
}
.dproduct-info .detail-info-group::before{
	position:absolute; left:0; top:100%;
	content:""; display:block;
	width:100%; height:100%;
	background:#FFF;
}
.dproduct-info .detail-info-group .quote-page{
	font-weight:normal;
}
.dproduct-info .detail-info-group .price-sale{
	color:#ea1d0c;
	margin-right:15px;
}
.dproduct-info .detail-info-group .price{
	font-weight:normal; 
	font-style:italic;
}
/*************/
#detail-info .price-box{
	font-size:23px;
}
#detail-info .price-box s.price{
	font-size:19px;
}
/*************/
#product-detail-container #bg-main{
	margin-bottom:0;	
}
#product-detail-container .detail-info-group form{
	width:100%; margin-top:15px; margin-bottom:30px;
	float:left; width:100%; clear:both; display:block;
}
#product-detail-container .detail-info-group form .form-group{
	margin-bottom:0; display:block;
	float:left; width:100%; clear:both;
}
#product-detail-container .detail-info-group form .qty{
	padding-left:0;	
}
#product-detail-container .detail-info-group form .qty input{
	position:relative;
	height:38px; line-height:38px; overflow:hidden;
	text-transform:capitalize; font-size:14px; font-weight:bold;
}
#product-detail-container .detail-info-group form label{
	padding-left:0; padding-right:10px;
	line-height:38px;	font-weight:bold;
}
#product-detail-container .detail-info-group form .qty input{
	width:100%; font-weight:bold;
}
/******/
#product-detail-container .detail-info-group form .fbutton{
	padding-left:0; padding-right:0;
}
#product-detail-container .detail-info-group form button{
	border:none; background:var( --color-main);
	padding:0px 35px; text-align:center;
	text-transform:uppercase; font-size:13px; height:38px; line-height:40px;
	color:#FFF; font-weight:bold;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
}
#product-detail-container .detail-info-group form button .fa{
	font-size:17px; margin-right:3px;
}
#product-detail-container .detail-info-group form button:hover{
	background:#ec1e25; color:#FFF;
}
/***********/
#detail-info #button-share {
    border-top:1px dashed #999; background:none;
    clear: both;
    margin-left: 0;    margin-top:20px; margin-bottom:0;
    padding-bottom: 0px;    padding-left: 0;    padding-top: 35px;
	text-align:left;
}
#button-share a:first-child .share-item{
	margin-left:0;
}
#detail-info #button-share .share-item i{
	background:#EEE;
}
#detail-info #button-share .share-item i::after{
	border-left-color:#EEE
}
.zoomWindowContainer .zoomWindow{
	border:1px solid #CCC !important;
}
/***********/
/*********/
#detail-img #button-share{
	text-align:left; margin-left:5px; margin-top:0; border:none; text-align:center;
}
/*************/
.pdetail-left{
	float:left; width:79%; padding-right:20px;
}
.pdetail-right{
	float:left; width:21%;	
}
/*************/
#product-detail-content .nav-tabs{
	border-color:#e72c3f
}
#product-detail-content .nav-tabs > li a{
	font-weight:bold; padding:0px 0px 0px 35px; border:none;
	border-radius:0; -webkit-border-radius:0; -moz-border-radius:0;
	font-size:13px;
}
#product-detail-content .nav-tabs > li a span{
	padding:6px 35px 6px 0px; float:left;
}
#product-detail-content .nav-tabs > li.active a{
	border:none; background:url(../img/bg-tab-active.png) no-repeat left bottom;	
	color:#FFF; float:left;
}
#product-detail-content .nav-tabs > li.active a span{
	background:url(../img/bg-tab-active.png) no-repeat right bottom;	
}
#product-detail-content .nav-tabs > li a:hover{
	color:#fe4214; border:none; 
}
#product-detail-content .nav-tabs > li.active a:hover{
	color:#FFF;
}
#product-detail-content  .tab-content{
	padding-top:16px;	
}
/**************/
#detail-img{
	float:left; width:40%;	 position:relative; overflow:hidden;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
}
/*********************/
#detail-img #img-main{
	border:1px solid #DDD;
	padding:3px;
	
}
#detail-img.no-img img{
	display:block; width:100%;
}
/*********/
#detail-img .img-thumbs{
	width:95px; margin-right:10px; 
	padding-bottom:40px;
}
#detail-img .img-thumbs .thumb{
	margin-bottom:15px;
	background:#FFF; padding:2px;
	border:1px solid #FFF; cursor:pointer;
	border-color:#FFF;
	opacity:1; -moz-opacity:1; -webkit-opacity:1;
}
/*********/
#detail-img .slider-for{
	display:block; overflow:hidden;
	cursor:grab;
	border:1px solid #DDD; padding:3px;
	border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;
}
#detail-img .slider-for img{
	display:block; overflow:hidden;
	width:100%;
}
#detail-img .slider-nav{
	width:100%; margin-top:5px; 
	padding:0 40px 0px 40px;
}
#detail-img .slider-nav .slick-list{
	height:100% !important;
}
#detail-img .slider-nav .slick-slide{
	border:none;	
}
#detail-img .slider-nav .slick-slide .img-nav{
	margin-right:6px;
	background:#FFF; padding:2px;
	border:1px solid #DDD; cursor:pointer;
	/*opacity:0.5; -moz-opacity:0.5; -webkit-opacity:0.5;*/
}
#detail-img .slider-nav .slick-current{
	border-color:#FFF;
	opacity:1; -moz-opacity:1; -webkit-opacity:1;
}
#detail-img .slider-nav .slick-slide.slick-current .img-nav{
	border-color:#ec1e25;
	background:#ec1e25;
}

/****/
#detail-img .slider-nav .slick-prev,
#detail-img .slider-nav .slick-next{
	display:inline-block; width:28px; height:28px; overflow:hidden;
	border:1px solid #999; text-align:center;
	background-color:#FFF;
	border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
	position:absolute; left:0; top:50%; margin-top:-13px;
	text-indent:1000px; cursor:pointer;
	color:#000;
}
#detail-img .slider-nav .slick-next{
	right:0; left:auto;
}
#detail-img .slider-nav .slick-prev::before,
#detail-img .slider-nav .slick-next::before {
	position:absolute; left:0; top:0;
	width:100%; height:100%; text-indent:0;
	display:block;
	font:bold 13px/26px FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#detail-img .slider-nav .slick-prev::before{
	content: "\f104";
}
#detail-img .slider-nav .slick-next::before{
	content: "\f105";
}
#detail-img .slider-nav .slick-prev:hover,
#detail-img .slider-nav .slick-next:hover{
	border-color:#e8252c;
}
#detail-img .slider-nav .slick-prev:hover::before,
#detail-img .slider-nav .slick-next:hover::before{
	color:#e8252c;
}
/******************/
.box-img{
	position:relative; display:block; width:100%;
}
.box-img img.trans{
	display:block; width:100%;
}
.box-img img.proimg{
	max-height: 100%;    max-width: 100%; 
    width: auto;    height: auto;
    position: absolute;     top:0; bottom:0; left:0; right:0;  
    margin: auto;
}
/*********/
.prodetail-promition{
	clear:both; display:block;
	margin-top:15px;	
}
.prodetail-promition .title{
	background:#F00; color:#FFF;
	padding:5px 15px; margin:0;
	font-size:13px; font-weight:bold;
	text-transform:uppercase;
}
.prodetail-promition .dcontent{
	border:1px solid #F00; padding:10px 15px;
	font-size:13px; line-height:22px;
}
/******************/
#prodetail-tab .title-page{
	color:var( --color-main);	
}
#prodetail-tab .title-page::before{
	background-color:var( --color-main);	
}
#prodetail-tab{
	position:relative;
	margin-top:30px;	
}
#prodetail-tab .nav{
	border-bottom:2px solid #CCC;
	margin-bottom:15px; padding-left: 15px;
}
#prodetail-tab .nav li{
	margin-right:0; 
	border-top: 3px solid transparent;
}
#prodetail-tab .nav a{
	text-transform:uppercase; font-weight:bold; margin-right: 0;
	color:#000; padding:15px 35px 12px;
	outline:none;
	border-top:1px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC;
	border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
}
#prodetail-tab .nav .active{
	border-top: 2px solid #F00;
}

#prodetail-tab .nav .active a{
	margin-bottom:-2px; margin-right: 0;
	color:#F00;
	
	border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
	border-bottom:3px solid #FFF; border-top-color: #f00;
}
#prodetail-tab .nav a:hover{
	color:#F00; background:none;
}
/****************/
#prodetail-tab .tab-content{
	padding-top: 10px;
}
#prodetail-tab .tab-content .title-page{
	display: none;
}

/*************
*************/
/**********/
.prodetail-other{
	background:#EEE; padding-bottom:30px;	
}
#prodetail-other .other-title{
	background-color:#0171c5;
	margin-bottom:30px; margin-top:30px;	
}
#prodetail-other .other-title .title-page-box{
	padding-left:0; padding-top:35px; padding-bottom:40px;
}
#prodetail-other .other-title .title-page-box .title,
#prodetail-other .other-title .title-page-box .sub{
	color:#FFF; padding-bottom:0px;
	position:relative;
}
#prodetail-other .other-title .title-page-box .title::before{
	display:none;
	background: #FFF;
	position: absolute; left: 0; bottom: 0;
	content: "";
	width: 50px; height: 3px;
}
/*************
*************
*************/
#btn-add-cart{
	background:url(../img/add-to-cart.png) no-repeat 20px center #e72c3f; border:none; cursor:pointer;
	padding:13px 25px 10px 75px; color:#FFF; text-transform:uppercase;	font-size:14px; 
}
#btn-add-cart:hover{
	color:#000
}
#detail-img #button-share{
	text-align:left; margin-left:5px; margin-top:0; border:none; text-align:center;
}
/*************/
/*************/
/******************/
#projects-list{
	margin-bottom:30px; margin-top:30px;
}
#projects-list .item{
	margin-bottom:30px;
}
#projects-list .item:nth-child( 3n + 1){
	clear:both;
}
#projects-list .item a,
#projects-list .item .box{
	display:block; cursor:pointer;
	background:#f8f8f8; text-decoration:none;
	color:#000;
}
#projects-list .item .img{
	display:block; overflow:hidden;
}
#projects-list .item .img img{
	display:block; width:100%;
	transition:all 0.7s ease-in-out 0s; -webkit-transition:all 0.7s ease-in-out 0s; -moz-transition:all 0.7s ease-in-out 0s;
}
#projects-list .item .des{
	margin:0; padding:12px 15px; display:block;
}
#projects-list .item h3{
	margin:0; padding:0; display:block;
	font-size:14px; line-height:24px; font-weight:bold;
	text-transform:uppercase;
}
#projects-list .item:hover .img img{
	transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1);
}
#projects-list .item:hover a,
#projects-list .item:hover .box{
	background-color:var( --color-main); color:#FFF;
}
/**************/
#projects-list.col_4 .item:nth-child( 3n + 1){
	clear:none;
}
#projects-list.col_4 .item:nth-child( 4n + 1){
	clear:both;
}
#projects-list.col_4 .item h3{
	font-size:13px; padding-top:10px; padding-bottom:10px;
}
/**************/
/**********/
.project-container{
	width:1000px; margin:auto;	
}
.project-img{
	margin-bottom:15px; margin-top:30px;	
}
.project-img .img-full{
	display:block; width:100%;
}
.project-container #projects-list .item h3{
	font-size:13px;
}
.project-info,
.project-info .label{
	font-size:14px; line-height:24px;	
	font-weight:300;
}
.project-info b{
	text-align:justify; font-weight:500;
}
.project-info .label{
	background:none; padding:0;
	color:var( --color-main);
	font-weight:bold;
}
.project-info .label-danger{
	color:#F00
}
/*****************/
.owl-thumb-item img {
	width: 100%;	height: auto;
	border: 3px solid #FFF; 
}

.owl-thumbs {
	position: relative;
	display: table;
	margin:0 -3px;
	text-align: center;
	padding:0px; margin-top:5px;
}

.owl-thumb-item {
	display: table-cell;
	border:none; background:none;
	padding:3px ; width:14.285%;
}

.owl-thumb-item.active img{
	border-color:#F00;
}
/***********/

.project-other{
	background:#EEE; padding:50px 0 20px;	
}
.project-other #projects-list .item a, .project-other #projects-list .item .box{
	background:#FFF;
}

/***************/
.modal-title{
	color:var( --color-main);  text-transform:capitalize;	
}
#mymodal{
	line-height:22px; font-size:15px;	
}
#mymodal .modal-body{
	font-size:15px; line-height:22px;
}
#mymodal .modal-body p{
	margin-bottom:7px;
}
/***************
****************
*******************/
#cart_content .cart .form-group{
	margin-bottom:7px;	
}
#cart_content .cart .input-group-addon{
	padding:0; position:relative;
}
#cart_content .cart .input-group-addon button{
	padding:6px 12px; display:inline-block;
	border:none; background:none; height:32px;
}
#cart_content .cart .input-group-addon button{
	text-align:center;
}
#cart_content .cart .input-group-addon button:hover{
	color:#002db0;
}
/**********/
select{
	font-size:13px; line-height:18px;
	text-transform:capitalize;
}
select option{
	padding-top:3px; padding-bottom:3px;
}
#cart_content .cart .form-group{
	margin-bottom:0;	
}
/****************
***********
********************/
#cart_content{
	display:table; width:100%; margin-bottom:0px;
	border-top:1px solid #DDD; border-left:1px solid #DDD;
	font-size:14px; line-height:28px;
}
#cart_content .item{
	display:table-row;	
}
#cart_content .item > div{
	display:table-cell; vertical-align:top;
	padding:10px 10px;
	border-bottom:1px solid #DDD; border-right:1px solid #DDD;
}
#cart_content .header{
	font-weight:bold; text-transform:capitalize;
	background-color:#EEE; font-size:15px; line-height:26px;
}
#cart_content .header > div{
	font-weight:bold; color:#000;
}

#cart_content .footer{
	font-weight:bold; text-transform:capitalize;
	background-color:#fcf8e3; font-size:14px; line-height:24px;
	color:#f00;
}
#cart_content .footer .stt{
	border-right-color:#fcf8e3;
}
#cart_content .footer > div{
	font-weight:bold; color:#F00;	
}
/*******/
#cart_content .info{
	font-weight:bold; text-transform:capitalize;
	background-color:#FFF; font-size:13px; line-height:24px;
	background:#fcf8e3;
}
#cart_content .info .stt,
#cart_content .info .product,
#cart_content .info .qty{
	border-right-color:#fcf8e3;
}

/*******/
#cart_content .stt{
	width:50px;
}
#cart_content .product{
	position:relative;	
}
#cart_content .qty{
	width:180px
}
#cart_content .price{
	width:180px; 
}
#cart_content .amount{
	width:180px; color:var( --color-red);
	font-weight:500;
}
#cart_content .button{
	width:60px; text-align:center;
}
#cart_content .qty_price{
	width:280px; text-align:right;
	display:table-cell;
}
/*********/
#cart_content .price .price-box{
	margin:0;
	font-weight:300; font-size:14px;
}
#cart_content .price .price-box .price-sale{
	margin:0; display:block;
	color:#ec1e25; font-weight:600; line-height:20px;
	font-size:14px;
}
#cart_content .price .price-box s.price{
	display:block; clear:both;	
}
/*********/
#cart_content.finish .product{
	text-align:right;	
	border-right-color:#DDD;
}
/*********/
#cart_content .product .photo{
	float:left; width:15%; padding:2px;
	border:1px solid #DDD; background:#FFF;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
	position:relative;
}
#cart_content .product .des{
	float:left; width:85%; padding-left:15px;
	font-size:13px; line-height:22px;
}
#cart_content .product .des h5{
	margin:0 0 3px;
	font-size:15px; line-height:20px; font-weight:bold;
	text-transform:capitalize; color:var( --color-main);
}
#cart_content .product .des h6{
	margin:0 0 3px;
	font-size:15px; line-height:22px; font-weight:normal;
}
#cart_content .product .des .des-price{
	display:none;
}
#cart_content .button button{
	background:#EEE; color:#555; border-color:#DDD;
}
#cart_content .button button:hover{
	background:#000; color:#FFF; border-color:#000;
}
#cart_content .product .des .btn_cart_removeitem{
	display:none; margin-top:2px; margin-bottom:8px;
	font-size:13px;
}
#cart_content .price b{
	font-weight:normal;
}
/******/
.cart-btn-group .btn{
	margin-left:5px; margin-right:5px;	
}
/****************
****************
***********/
.fcart-billding label{
	font-size:13px; font-weight:600;	
}
.fcart-billding .form-control{
	font-size:14px;
}
.fcart-billding select{
	font-size:15px; line-height:24px;
	text-transform:capitalize;
}
.fcart-billding select option{
	padding-top:3px; padding-bottom:3px;
}
/***********/
#cart-complete .title{
	margin:10px 0 30px; padding:0 0 15px; position:relative;
	font-size:21px; text-transform:uppercase; font-weight:bold;
	color:#e72c3f;
}
#cart-complete .title::before{
	position:absolute; left:50%; bottom:0; margin-left:-50px;
	height:2px; width:100px; background:#e72c3f;
	content:""; display:block;
}
#cart-complete h3{
	margin:20px 0 15px; padding:0 0 10px; position:relative;
	font-size:19px; text-transform:capitalize;
	color:#000;	
}
#cart-complete h3::before{
	position:absolute; left:0%; bottom:0;
	height:2px; width:60px; background:#000;
	content:""; display:block;
}
#cart-complete p{
	margin-bottom:5px;	
}
#cart-complete #cart_content .qty{
	text-align:left;	
}
#payment-group input[name=payment]{
	position:relative; top:2px;
	margin-right:5px;	
}
#cart-billding #payment-group label{
	text-transform:uppercase;
	color:#000;	
}

/**************
***************
******************/
body.menu-open{
	overflow:hidden;
}
#btn_menu_close{
	position:fixed; left:78%; top:0; display:none;
	padding:0 20px; height:53px;
	border:none; background:#FFF; color:#000;
	border-radius:0 2px 2px 0; -moz-border-radius:0 2px 2px 0; -webkit-border-radius:0 2px 2px 0;
	box-shadow:0 0 10px #000;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
	
}
#btn_menu_close .fa{
	color:#000; font-size:30px;
}
#btn_menu_close:hover, #btn_menu_close:focus, #btn_menu_close:active{
	background-color:#0171c5 ;
}
#btn_menu_close:hover .fa, #btn_menu_close:focus .fa, #btn_menu_close:active .fa{
	color:#FFF;
}

#menu_mobile{
	position:fixed; left:-100%; top:0; z-index:9999;
	width:100%; height:100vh; overflow-x:hidden; overflow-y:scroll;
	background:rgba(0, 0, 0, 0.9); color:#FFF;

	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#menu_mobile.open{
	left:0;
}
#menu_mobile.open #btn_menu_close{
	display:block;
}
#menu_mobile .menu-container{
	display:block; width:80%; min-height:100vh;
	float:left; background:#EEE; padding-bottom:150px;
	position:relative;
}
#menu_accordion{
	margin-bottom:0;	
}

#menu_accordion > .panel.logo .coll-main-title{
	background:var( --color-main); color:#FFF; padding-right:15px;
}
#menu_accordion > .panel.logo img{
	height:35px; display:inline-block;
}
#menu_accordion > .panel.lang .coll-main-title{
	background:#DDD;
}
#menu_accordion > .panel.lang a{
	line-height:26px;
}
#menu_accordion > .panel.lang img{
	height:20px; margin-right:5px;
	border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
}
#menu_accordion > .panel.lang a{
	color:#000; font-weight:bold; text-transform:uppercase;
	font-size:13px;
}
#menu_accordion > .panel.lang a:first-child{
	border-right:none;
}

#menu_accordion > .panel{
	background:none; border:none; border-bottom:1px solid #DDD;
	border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
	box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;
}
#menu_accordion > .panel + .panel{
	margin-top:0;	
}
#menu_accordion .panel-body{
	padding:5px 10px 5px;	
}
#menu_accordion .coll-main-title{
	margin:0; padding:9px 30px 9px 10px; position:relative;
	font-size:14px; line-height:26px; font-weight:normal;
	text-transform:capitalize; 
}
#menu_accordion .panel-title a{
	display:block;
}
#menu_accordion .coll-main-title,
#menu_accordion .coll-main-title a{
	color:#000;
}
#menu_accordion > .panel > .panel-heading{
	margin:0; padding:0;
}
#menu_accordion .menu-nav{
	padding-left:15px; color:#000; margin-bottom:0;
}
#menu_accordion .menu-nav li{
	margin-bottom:5px;
}
#menu_accordion .menu-nav li a{
	color:#000;
}
#menu_accordion .menu-nav li a:hover{
	color:#e72c3f;
}

#menu_accordion #menu_pro_group{
	margin-bottom:0;	
}
#menu_accordion #menu_pro_group > .panel{
	border:none; border-bottom:1px solid #DDD;
	border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
	box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;
}
#menu_accordion #menu_pro_group > .panel + .panel{
	margin-top:0px;	
}
#menu_accordion #menu_pro_group > .panel > .panel-heading{
	padding:7px 15px 7px 30px; position:relative;
	background-color:#f9f9f9;
}
#menu_accordion #menu_pro_group > .panel > .panel-heading .panel-title{
	margin:0; padding:0;
	font-size:13px; line-height:20px; font-weight:normal;
	text-transform:capitalize; 
}
#menu_accordion #menu_pro_group .panel-body{
	padding-left:0; padding-right:0; padding-top:0;	
}
#menu_accordion #menu_pro_nav{
	margin-bottom:5px; font-size:13px; line-height:20px;
	padding-top:5px;
}
#menu_accordion #menu_pro_nav > .panel{
	background:none; border:none;
	border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;
	box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;
}
#menu_accordion #menu_pro_nav > .panel + .panel{
	margin-top:0px;	
}
#menu_accordion #menu_pro_nav > .panel > .panel-heading{
	background:none; padding:5px 15px 5px 25px;
	position:relative;
}
#menu_accordion #menu_pro_nav > .panel > .panel-heading::before{
	position:absolute; left:0; top:5px;
	width:25px; height:100%;
	
	content: "\f0da"; color:#000;
	display: inline-block; text-align:center;
	font: normal normal normal 13px/20px FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#menu_accordion #menu_pro_nav > .panel > .panel-heading .panel-title{
	margin:0; padding:0; 
	font-size:13px; line-height:20px; font-weight:normal;
	text-transform:capitalize; 
}
#menu_accordion #menu_pro_nav .panel-body{
	padding:0 10px 5px; background:#EBEBEB;
	border:none;
}

#menu_accordion .menu-nav{
	padding:3px 0 0px; margin:0; list-style-type:none;
}
#menu_accordion .menu-nav li{
	position:relative; margin-bottom:0;
	padding:5px 15px 5px 20px;
	border-bottom:1px solid #FFF;
}
#menu_accordion .menu-nav li::before{
	position:absolute; left:5px; top:9px;
	width:10px; height:100%;
	
	content: "\f111"; color:#000;
	display: inline-block; text-align:center;
	font: normal normal normal 7px/20px FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#menu_accordion .menu-nav li:last-child{
	margin-bottom:0;
	border-bottom:none;
}

#menu_accordion .menu-nav.navone{
	padding:0px; margin:0; list-style-type:none;
	background-color:#EEE;
}
#menu_accordion .menu-nav.navone li{
	position:relative; margin-bottom:0;
	padding:3px 0 3px 25px;
	border-bottom:none;
}
#menu_accordion .menu-nav.navone li::before{
	position:absolute; left:5px; top:8px;
	width:15px; height:100%;
	
	content: "\f111"; color:#000;
	display: inline-block; text-align:center;
	font: normal normal normal 7px/20px FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#menu_accordion .menu-nav.navone li:last-child{
	margin-bottom:0;
	border-bottom:none;
}
#menu_accordion .coll-main .coll-main-title:after,
#menu_accordion #menu_pro_group > .panel > .panel-heading::after{
	position:absolute; right:0; top:15px;
	width:30px; height:100%;
	
	content: "\f196"; color:#000;
	display: inline-block; text-align:center;
	font: normal normal normal 15px/20px FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#menu_accordion .coll-main > .panel-heading.focus .coll-main-title:after,
#menu_accordion #menu_pro_group > .panel > .panel-heading.focus:after{
	content: "\f147";
}

#menu_accordion #menu_pro_group > .panel > .panel-heading::after{
	top:7px; left:0; right:auto;
}
#menu_accordion #menu_pro_nav > .panel > .panel-heading.focus::before{
	content: "\f0d7";
}

#menu_mobile .form_search{
	margin-top:0; padding-top:5px; padding-bottom:5px;	
}
#menu_mobile .form_search > div{
	position:relative;
	border:1px solid #CCC;
}
#menu_mobile .form_search > div input{
	border:none; background:#FFF;
	width:100%; height:42px; line-height:42px;
	padding:5px 10px; color:#000;
	font-size:13px;
}
#menu_mobile .form_search > div button{
	position:absolute; right:0; top:0; bottom:0;
	height:100%; width:80px; text-align:center;
	background:var( --color-red) ; border:1px solid #FFF;
	color:#FFF;
	text-transform:uppercase; font-size:21px;
}
#menu_mobile .form_search > div button:hover{
	background-color:#ec1f24	
}

/***********/
/*****************/
.detail-container{
	display:block; background:#FFF;
	padding:20px 0px 10px;
}
.other,
.bg-white{
	background:#FFF;	
}