@charset "utf-8";
/* CSS Document*/
:root{
	--color-main:#f3c030;
	--color-main-trans:#f8c741;
	--color-yellow: #f4d242;
	--color-back:#5a5a5c;
	--color-red:#f4d242;
}
body{
	font:300 16px/26px 'Roboto Condensed', 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;
}
@keyframes myanimation {
  0% {
	  color: #F00;
  }
  25%{
	  color: #FFF;
  }
  50%{
	  color: #F00;
  }
  75%{
	  color: #FFF;
  }
  100% {
	  color: #F00;
  }
}
/***************/
.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:30px !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 !important;
}
.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;
}
/***********/
/***********/
.btn_mobile{
	float:right; margin-top:5px;
	border:none; background:#FFF; color:var( --color-main);
	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:110px; bottom:30px; 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;
}
#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;
}
.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; padding-bottom: 3px;
}
.is-sticky #header .logosearch .logo img{
	height: 65px;
}
.is-sticky #header .logosearch .search{
	margin-top: 13px;
}
/*********
************
**********/
#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:bold;
	font-size:12px; line-height:20px;
	text-decoration:none;
	letter-spacing:0.5px;
}
#header .header-top .sologan span{
	text-transform:uppercase;
	font-size:12px; 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:22%;
}
#header .search{
	width:78%;
}
/**********/
#header .logosearch{
	padding:8px 0 10px 0px; font-size:13px;
}
#header .logosearch .logo{
	margin-bottom:0;
}
#header .logosearch .logo .img{
	float:left;
}
#header .logosearch .logo img{
	display:inline-block;
	height:90px;
}
/***********/
#header .logosearch .box-search{
	width:28%; padding-right:15px;
}
#header .logosearch .hnav{
	padding-right:0; text-align:right;
}
/*****/
#header .logosearch .search{
	margin-top:27px;
}
#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; color:#000;
	width:100%; height:35px; line-height:35px; overflow:hidden;
	padding:5px 55px 5px 10px;
	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:#000;
	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:18px;
}
#pronav_all > li{
	margin:0; padding:0 9px; list-style-type:none;
	display:inline-block;
	position:relative; background:#FFF;
	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:0;
	color:#000; height:100%; background:#FFF;
	text-decoration:none;
	text-transform:uppercase; font-weight:400;
	border-radius:2px;
}
#pronav_all > li > a span{
	display:block;
	padding:6px 25px 6px;
}
#pronav_all li.selected > a span,
#pronav_all li.selected:hover > a span{
	background:var( --color-main); color:#FFF;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}
#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; text-align:left;
	font-size:15px;
	padding:0px 0 0;
	background:var( --color-main-trans); text-transform:capitalize;

	visibility: hidden; /* hides sub-menu */
	opacity: 0;
	transform: translateY(-2em);
	transition: all 0.25s ease-in-out 0s, visibility 0s linear 0.25s, z-index 0s linear 0.01s;


}
#pronav_all > li:focus .navsub,
#pronav_all > li:focus-within .navsub,
#pronav_all > li:hover .navsub {
	visibility: visible; /* shows sub-menu */
	opacity: 1;
	transform: translateY(0%);
	transition-delay: 0s, 0s, 0.2s; /* this removes the transition delay so the menu will be visible while the other styles transition */
}
#pronav_all > li .navsub li{
	position:relative;
	display:block; padding:9px 15px;
	border-top:1px solid rgba(220, 240, 255, 0.7);
	transition:color 0.25s ease;
}
#pronav_all > li .navsub a{
	color:#FFF;
}
#pronav_all > li .navsub a:hover{
	text-decoration:none;
}
#pronav_all > li .navsub li::after {
  position: absolute;
  content: '';
  top:0;
  left: 0;
  width: 0;
  height: 100%;
  background-color:var( --color-main);
  transform-origin:left;
  transition:width 0.25s ease;
  z-index:-1;
}

#pronav_all > li .navsub li:hover::after{
	width:100%;
}
/*********
************
**********/
.page-home #footer,
body.projects-detail #footer{
	margin-top:0;
}
#footer{
	background: #2b2b2b; padding-top:30px;
	font-size:14px; line-height:22px; color:#FFF;
	position:relative; font-weight:400;
	margin-top:0px;
}
#footer .facebook{
	padding-left:0;
}
#footer .f-title{
	margin:0 0 15px; padding:0;
	font-size:21px; 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:35px;
	line-height:22px; vertical-align:middle;
	font-size:14px;
	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:13px; line-height:18px;
	text-transform:capitalize;
}
#footer a{
	color:inherit;
}
/*********
************
**********/
/********/
.title-page{
	position:relative;
	margin:0 0 20px; padding:0 0 8px;
	font-size:29px; 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:25px; padding-bottom:10px;
}
.title-page.text-sm::before{
	width:50px;
}
.quote-page{
	margin:0 0 20px; padding:0;
	font-size:17px; line-height:24px; font-weight:bold;
}
.dcontent{
	font-size:16px; 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-brands{
	padding:50px 0;
	background:#333333; color:#FFF;
}
.home-brands .home-title{
	color:#FFF; display:none;
}
.home-brands .home-title span::before,
.home-brands .home-title span::after{
	background:#FFF;
}
.project-listnav{
	margin:0 0 30px; padding:0;
	list-style-type:none;
	text-align:center;
}
.project-listnav li{
	display:inline-block;
	padding:0; margin:0 7px;
	border:1px solid #FFF;
	font-weight:bold; text-transform:capitalize;
	font-size:14px;
}
.project-listnav li a{
	color:#FFF; text-decoration:none;
	display:block;
	padding:3px 25px;
}
.project-listnav li a:hover{
	color:var( --color-yellow);
}
.project-listnav li:hover{
	border-color:var( --color-yellow);
}
.project-listnav li.active{
	border-color:var( --color-main);
	background:var( --color-main);
}
.page-projects {
	background:#18191b; color:#FFF;
}
.projects-detail{
	background:#FFF; color:#000;
}
/************/
.home-price{
	padding:50px 0 30px;
	background:#EEE;
}
.home-price .item{
	margin-bottom:30px;
}
.home-price .item:nth-child( 3n + 1){
	clear:both;
}
.home-price .box{
	background:#FFF;
	box-shadow:0 1px 24px 0 #0003; -moz-box-shadow:0 1px 24px 0 #0003; -webkit-box-shadow:0 1px 24px 0 #0003;
}
.home-price .box .img,
.home-price .box .img .imgitem{
	position:relative; display:block;
}
.home-price .box .img .imgitem{
	width:100%;
	overflow:hidden;
}
.home-price .box .img img{
	display:block; width:100%;
}
.home-price .box .img span{
	position:absolute; left:-10px; top:15px;
	padding:3px 15px;
	background:var( --color-yellow);
	font-weight:bold; color:#FFF;
	font-size:14px; line-height:22px; height:32px;
	white-space:nowrap; max-width:70%;
}
.home-price .box .img span::before {
    border: 16px solid transparent;
	border-left-color: transparent;
    border-left-color:var( --color-yellow);
    width: 0;
    height: 0;
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
}
.home-price .box .img span::after {
	border: 10px solid transparent;
	border-right-color: transparent;
    border-right-color:var( --color-yellow);
    width: 0;
    height: 0;
    content: "";
    position: absolute;
    left:-10px;
    top: 22px;
}
.home-price .box .img span .fa{
	animation:myanimation 1s infinite;
	font-size:21px; position:relative; top:1px;
	margin-right:3px;
}
.home-price .box .des{
	display:block; padding:10px 15px;
	 text-align:center;
	 height:210px; overflow:hidden;
}
.home-price .box .title{
	margin:0 0 5px;
	font-weight:bold; font-size:17px; text-transform:uppercase; line-height:28px;
	background:url(../img/icon4.png) no-repeat center bottom;
	padding-bottom:25px;
}
.home-price .box .text .readmore{
	margin-top:15px;
}
.home-price .box .text .readmore a{
	display:inline-block;
	padding:6px 30px 5px;
	background:var( --color-main); color:#FFF;
	font-weight:500; text-transform:uppercase;
	font-size:13px;
}
.home-price .box .text .readmore a:hover{
	background:var( --color-red); text-decoration:none;
}
.home-price .item a{
	color:inherit;
}
.home-price .item a:hover{
	color:inherit;
	text-decoration:none;
}
.home-price .item a .title:hover{
	color:var( --color-main);
}
/********/
.home-tieuchi{
	padding:50px 0;
	background:var( --color-main);
}
.home-tieuchi .home-title{
	color:#FFF; margin-bottom:50px;
}
.home-tieuchi .home-title span::before,
.home-tieuchi .home-title span::after{
	background:#FFF;
}
.home-tieuchi .border::before,
.home-tieuchi .item .icon,
.home-tieuchi .item .icon::after{
	box-shadow:0 0 20px #313131;
	-moz-box-shadow:0 0 20px #313131;
	-webkit-box-shadow:0 0 20px #313131;
}
.home-tieuchi .border{
	position:relative;
}
.home-tieuchi .border::before{
	position:absolute; left:0; top:170px; z-index:2;
	content:""; display:block;
	width:100%; height:20px;
	background:var( --color-yellow);
}
.home-tieuchi .item{
	text-align:center;
	color:#000;	display: -ms-flexbox;
	display: flex;	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: 15px; line-height: 24px;
}
.home-tieuchi .item .img,
.home-tieuchi .item .des{
	-ms-flex-preferred-size: 0;	flex-basis: 0;
	-ms-flex-positive: 1;	flex-grow: 1;
	max-width:100%;
	-ms-flex: 0 0 100%;flex: 0 0 100%;
}
.home-tieuchi .item .des{
	height:162px; overflow:hidden;
}
.home-tieuchi .item .title{
	margin:0 0 10px; padding:0;
	font-size:17px; font-weight:bold; line-height:24px;
	color: #000;
}
.home-tieuchi .item .icon{
	position:relative;
	display:inline-block;
	width:90px; padding:10px;
	background:var( --color-yellow);
	border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
}
.home-tieuchi .item .icon img{
	display:block; width:100%;
	border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;
}
.home-tieuchi .item:nth-child( 2n + 1) .icon{
	margin-bottom:110px;
}
.home-tieuchi .item:nth-child( 2n ) .icon{
	margin-top:135px;
}
.home-tieuchi .item .icon::after{
	position:absolute; left:50%; top:100%; z-index:1;
	content:"";
	width:6px; height:110px;
	margin-top:-10px; margin-left:-3px;
	background:var( --color-yellow);
}
.home-tieuchi .item:nth-child( 2n) .icon::after{
	top:auto; bottom:100%;
}
.home-tieuchi .item:nth-child( 2n) .img{
	-ms-flex-order:2;	order: 2;
}
.home-tieuchi .item:nth-child( 2n) .des{
	-ms-flex-order: 1;	order: 1;
}
/********/

#project-main{
	margin-left:-1px; margin-right:-1px;
}
#project-main .item{
	padding:1px;
}
#project-main .item a{
	display:block; width:100%; height:100%; position:relative;
	overflow:hidden;
}
#project-main .item .img{
}
#project-main .item:hover img{
	transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1);
}
#project-main .item:hover{
	z-index:99;
}
#project-main .item:hover .img-box::before{
	background:none;
}
#project-main .item .des{
	opacity:0;
	position:absolute; left:0; top:0; z-index:99;
	background:rgb(17, 17, 17, 0.9); color:#FFF; text-align:center;
	width:100%; height:100%;
	font-size:17px; line-height:28px; font-weight:normal;

	-ms-flex-align: center !important;
	align-items: center !important;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
#project-main .item .des .text{
	-ms-flex-preferred-size: 0;	flex-basis: 0;
	-ms-flex-positive: 1;	flex-grow: 1;
	max-width: 100%;

	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;

	-webkit-transform: translateY(-40px);
	transform: translateY(-40px);
}
#project-main .item .des span{
	clear:both; display:block;
	text-transform:capitalize;
	font-size:15px; font-weight:300;
}
#project-main .item:hover .des{
	opacity:1;
}
#project-main .item:hover .des .text{
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
/****************/
.price-other{
	padding:50px 0 30px; margin-top:30px;
	background:#DDD;
}
.page-price .home-price{
	background:#FFF; padding:0 0 30px;
}
.page-price .price-other{
	background:#EEE; padding-top:30px;
}
.page-price .home-price .dcontent{
	margin-bottom:30px;
}
/****************/
#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;
}
.home-news .news-box .img{
	display:block;	padding:0px;
	box-shadow:0 0 15px #c0c0c0;
	-moz-box-shadow:0 0 15px #c0c0c0;
	-webkit-box-shadow:0 0 15px #c0c0c0;
}
.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:18px;
	font-weight:bold; line-height:26px;
	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{
	color:#000;
}
.home-news .news-box .des .overflow{
	display:block; height:190px; overflow:hidden;
}
.home-news .news-box .item:hover h3{
	color:var( --color-main);
}
.home-news .news-box .item:hover h3::before{
	background-color:var( --color-main);
	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:-15px; margin-right:-15px;
}
#products-container .box{
	margin-bottom:30px;
	padding-left:15px; padding-right:15px;
}
#products-container .box .item{
	display:block; position:relative;
	color:#111;text-decoration:none;
	font-size:13px; line-height:22px;
	background-color:#FFF;

	border:1px solid #EEE;
	box-shadow:0 0 15px #e9e9e9;
	-moz-box-shadow:0 0 15px #e9e9e9;
	-webkit-box-shadow:0 0 15px #e9e9e9;
}
#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 15px;
	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:bold;
	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{
	border-color:#CCC;
	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:14px; line-height:22px; text-transform:uppercase;
	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:14px; 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%; font-size: 14px;
	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:15px;
}
.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 {
    background:#EEE;
    clear: both;
    margin-left: 0;    margin-top:20px; margin-bottom:0;
	text-align:left;
}
#button-share a:first-child .share-item{
	margin-left:0;
}
.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:30px; 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:#18191b; padding:50px 0 50px;
}
.project-other .title-page{
	color:#FFF; margin-bottom:30px;
}
.project-other .title-page::before{
	background:#FFF;
}
.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;
}
/***************
****************
*******************/
/**********/
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;
}
/****************
***********
********************/
/**************
***************
******************/
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;
}
#phonering-alo-phoneIcon{
	position:fixed; right:5px; top:45%; z-index:999;
	width:100px;	height:100px; cursor:pointer;
	text-decoration:none;
	float:left;
}
/************/

.phonering-alo-phone.phonering-alo-static {
  opacity:.6
}

.phonering-alo-phone.phonering-alo-hover,.phonering-alo-phone:hover {
  opacity:1
}

.phonering-alo-ph-circle {
  width:100px;
  height:100px;
  top:0px;
  left:0px;
  position:absolute;
  background-color:transparent;
  border-radius:100% !important;
  border:2px solid #f00;
  border:2px solid #f00 9;
  opacity:.1;
  -webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
  animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;
  transition:all .5s;
  -webkit-transform-origin:50% 50%;
  -ms-transform-origin:50% 50%;
  transform-origin:50% 50%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle {
  -webkit-animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important;
  animation:phonering-alo-circle-anim 1.1s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle {
  -webkit-animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important;
  animation:phonering-alo-circle-anim 2.2s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle,
.phonering-alo-phone:hover .phonering-alo-ph-circle {
  border-color:#00aff2;
  opacity:.5
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle,
.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle {
  border-color:#F00 ;
  opacity:.5
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle {
	border-color:var( --color-main);
	opacity:.5
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle,
.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle {
  border-color:#ccc;
  opacity:.5
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle {
  border-color:#75eb50 ;
  opacity:.5
}

.phonering-alo-ph-circle-fill {
  width:100px;
  height:100px;
  top:0px;
  left:0px;
  position:absolute;
  background-color: #000;
  border-radius:100% !important;
  border:2px solid transparent;
  -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
  animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
  transition:all .5s;
  -webkit-transform-origin:50% 50%;
  -ms-transform-origin:50% 50%;
  transform-origin:50% 50%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill {
  -webkit-animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important;
  animation:phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill {
  -webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
  animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
  opacity:0!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill,
.phonering-alo-phone:hover .phonering-alo-ph-circle-fill {
  background-color:rgba(0,175,242,0.5);
  opacity:.75!important
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle-fill,
.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill {
  background-color:#f00;
  opacity:.75!important
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill {
  background-color:#00aff2;
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle-fill,
.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill {
  background-color:rgba(204,204,204,0.5);
  background-color:#ccc 9;
  opacity:.75!important
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill {
  background-color:rgba(117,235,80,0.5);
  opacity:.75!important
}

.phonering-alo-ph-img-circle {
  width:50px;
  height:50px;
  top:25px;
  left:25px;
  position:absolute;
  background:rgba(30,30,30,0.1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat center center;
  border-radius:100% !important;
  background-size:35px auto;
  border:2px solid transparent;
  -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
  animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;
  -webkit-transform-origin:50% 50%;
  -ms-transform-origin:50% 50%;
  transform-origin:50% 50%
}
.phonering-alo-ph-img-circle a,
.phonering-alo-ph-img-circle button{
	position:relative; left:0; top:0;
	width:100%; height:100%; display:block;
	background:none; border:none;
	margin:0; padding:0; cursor:pointer;
	outline:none;
}
.phonering-alo-ph-img-circle a{
	display:none;
}
.phonering-alo-ph-img-circle button:hover,
.phonering-alo-ph-img-circle button:focus,
.phonering-alo-ph-img-circle button:focus-within,
.phonering-alo-ph-img-circle button:active{
	background:none !important; border:none !important;
	outline:none;
}
.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle {
  -webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important;
  animation:phonering-alo-circle-img-anim 1s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle {
  -webkit-animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important;
  animation:phonering-alo-circle-img-anim 0 infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle,
.phonering-alo-phone:hover .phonering-alo-ph-img-circle {
  background-color:#00aff2
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle,
.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle {
  background-color:var( --color-yellow);
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle {
  background-color:#00aff2;
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle,
.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle {
  background-color:#ccc
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle {
  background-color:#75eb50
}

@-webkit-keyframes phonering-alo-circle-anim {
  0% {
	  -webkit-transform:rotate(0) scale(.5) skew(1deg);
	  -webkit-opacity:.1
  }

  30% {
	  -webkit-transform:rotate(0) scale(.7) skew(1deg);
	  -webkit-opacity:.5
  }

  100% {
	  -webkit-transform:rotate(0) scale(1) skew(1deg);
	  -webkit-opacity:.1
  }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
  0% {
	  -webkit-transform:rotate(0) scale(.7) skew(1deg);
	  opacity:.2
  }

  50% {
	  -webkit-transform:rotate(0) scale(1) skew(1deg);
	  opacity:.2
  }

  100% {
	  -webkit-transform:rotate(0) scale(.7) skew(1deg);
	  opacity:.2
  }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
  0% {
	  -webkit-transform:rotate(0) scale(1) skew(1deg)
  }

  10% {
	  -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
  }

  20% {
	  -webkit-transform:rotate(25deg) scale(1) skew(1deg)
  }

  30% {
	  -webkit-transform:rotate(-25deg) scale(1) skew(1deg)
  }

  40% {
	  -webkit-transform:rotate(25deg) scale(1) skew(1deg)
  }

  50% {
	  -webkit-transform:rotate(0) scale(1) skew(1deg)
  }

  100% {
	  -webkit-transform:rotate(0) scale(1) skew(1deg)
  }
}

@-webkit-keyframes fadeInRight {
  0% {
	  opacity:0;
	  -webkit-transform:translate3d(100%,0,0);
	  -ms-transform:translate3d(100%,0,0);
	  transform:translate3d(100%,0,0)
  }

  100% {
	  opacity:1;
	  -webkit-transform:none;
	  -ms-transform:none;
	  transform:none
  }
}

@keyframes fadeInRight {
  0% {
	  opacity:0;
	  -webkit-transform:translate3d(100%,0,0);
	  -ms-transform:translate3d(100%,0,0);
	  transform:translate3d(100%,0,0)
  }

  100% {
	  opacity:1;
	  -webkit-transform:none;
	  -ms-transform:none;
	  transform:none
  }
}

@-webkit-keyframes fadeOutRight {
  0% {
	  opacity:1
  }

  100% {
	  opacity:0;
	  -webkit-transform:translate3d(100%,0,0);
	  -ms-transform:translate3d(100%,0,0);
	  transform:translate3d(100%,0,0)
  }
}

@keyframes fadeOutRight {
  0% {
	  opacity:1
  }

  100% {
	  opacity:0;
	  -webkit-transform:translate3d(100%,0,0);
	  -ms-transform:translate3d(100%,0,0);
	  transform:translate3d(100%,0,0)
  }
}

@-webkit-keyframes phonering-alo-circle-anim {
  0% {
	  -webkit-transform:rotate(0) scale(.5) skew(1deg);
			  transform:rotate(0) scale(.5) skew(1deg);
	  opacity:.1
  }

  30% {
	  -webkit-transform:rotate(0) scale(.7) skew(1deg);
			  transform:rotate(0) scale(.7) skew(1deg);
	  opacity:.5
  }

  100% {
	  -webkit-transform:rotate(0) scale(1) skew(1deg);
			  transform:rotate(0) scale(1) skew(1deg);
	  opacity:.1
  }
}

@keyframes phonering-alo-circle-anim {
  0% {
	  -webkit-transform:rotate(0) scale(.5) skew(1deg);
			  transform:rotate(0) scale(.5) skew(1deg);
	  opacity:.1
  }

  30% {
	  -webkit-transform:rotate(0) scale(.7) skew(1deg);
			  transform:rotate(0) scale(.7) skew(1deg);
	  opacity:.5
  }

  100% {
	  -webkit-transform:rotate(0) scale(1) skew(1deg);
			  transform:rotate(0) scale(1) skew(1deg);
	  opacity:.1
  }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
  0% {
	  -webkit-transform:rotate(0) scale(.7) skew(1deg);
			  transform:rotate(0) scale(.7) skew(1deg);
	  opacity:.2
  }

  50% {
	  -webkit-transform:rotate(0) scale(1) skew(1deg);
			  transform:rotate(0) scale(1) skew(1deg);
	  opacity:.2
  }

  100% {
	  -webkit-transform:rotate(0) scale(.7) skew(1deg);
			  transform:rotate(0) scale(.7) skew(1deg);
	  opacity:.2
  }
}

@keyframes phonering-alo-circle-fill-anim {
  0% {
	  -webkit-transform:rotate(0) scale(.7) skew(1deg);
			  transform:rotate(0) scale(.7) skew(1deg);
	  opacity:.2
  }

  50% {
	  -webkit-transform:rotate(0) scale(1) skew(1deg);
			  transform:rotate(0) scale(1) skew(1deg);
	  opacity:.2
  }

  100% {
	  -webkit-transform:rotate(0) scale(.7) skew(1deg);
			  transform:rotate(0) scale(.7) skew(1deg);
	  opacity:.2
  }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
  0% {
	  -webkit-transform:rotate(0) scale(1) skew(1deg);
			  transform:rotate(0) scale(1) skew(1deg)
  }

  10% {
	  -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
			  transform:rotate(-25deg) scale(1) skew(1deg)
  }

  20% {
	  -webkit-transform:rotate(25deg) scale(1) skew(1deg);
			  transform:rotate(25deg) scale(1) skew(1deg)
  }

  30% {
	  -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
			  transform:rotate(-25deg) scale(1) skew(1deg)
  }

  40% {
	  -webkit-transform:rotate(25deg) scale(1) skew(1deg);
			  transform:rotate(25deg) scale(1) skew(1deg)
  }

  50% {
	  -webkit-transform:rotate(0) scale(1) skew(1deg);
			  transform:rotate(0) scale(1) skew(1deg)
  }

  100% {
	  -webkit-transform:rotate(0) scale(1) skew(1deg);
			  transform:rotate(0) scale(1) skew(1deg)
  }
}

@keyframes phonering-alo-circle-img-anim {
  0% {
	  -webkit-transform:rotate(0) scale(1) skew(1deg);
			  transform:rotate(0) scale(1) skew(1deg)
  }

  10% {
	  -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
			  transform:rotate(-25deg) scale(1) skew(1deg)
  }

  20% {
	  -webkit-transform:rotate(25deg) scale(1) skew(1deg);
			  transform:rotate(25deg) scale(1) skew(1deg)
  }

  30% {
	  -webkit-transform:rotate(-25deg) scale(1) skew(1deg);
			  transform:rotate(-25deg) scale(1) skew(1deg)
  }

  40% {
	  -webkit-transform:rotate(25deg) scale(1) skew(1deg);
			  transform:rotate(25deg) scale(1) skew(1deg)
  }

  50% {
	  -webkit-transform:rotate(0) scale(1) skew(1deg);
			  transform:rotate(0) scale(1) skew(1deg)
  }

  100% {
	  -webkit-transform:rotate(0) scale(1) skew(1deg);
			  transform:rotate(0) scale(1) skew(1deg)
  }
}
.popover{
	font-family:'Roboto Condensed', sans-serif;
	font-size:16px; font-weight:bold; color:#FFF;
	background:var( --color-main-trans);
}
.popover.left > .arrow::after{
	border-left-color:var( --color-main-trans);
}