@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Raleway:300,500');
/* font-family: 'Raleway', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600');
/* font-family: 'Open Sans', sans-serif; */
*{ outline:none !important; text-decoration:none !important;}
h1,h2,h3,h4,h5,h6{font-family: 'Raleway', sans-serif; }
li,a, p{font-size: 13px; letter-spacing: 1px; font-family: 'Open Sans', sans-serif;}
img{ max-width:100%;}
.tp_social{
	margin:0; padding:0; list-style:none; position:absolute; right:20px; top:30%; z-index:5;
}
.tp_social li{ margin:5px 0;}
.tp_social li a{
	font-size:20px; text-align:center; color:#404040; display:table; width:40px; height:40px;
	transition:all ease-in-out 0.2s;
}
.tp_social li a i{ vertical-align:middle; display:table-cell; font-weight:bold;}
.tp_social li a:hover{ color:#903031;}
.logo{max-width:250px;padding:10px 0; display:block; position:relative; background-color:#fff;}
.logo img{position:relative; z-index:1; background-color:#fff;}


.banner_wrap{ position:relative; padding-right:80px;}
.hm_bnn{ position:relative; width:100%; overflow:hidden;}
#banner{ margin:0; padding:0; list-style:none; overflow:hidden;}
#banner li{
	background-repeat:no-repeat; background-position:center; background-size:cover; height:100vh;
}
#bx-pager{ position:absolute; padding:20px 0 20px 20px; right:0; bottom:-40px; overflow:hidden;}
#bx-pager a{
	display:block; width:120px; height:120px;background-repeat:no-repeat; background-position:center; background-size:cover;
	float:left;position:relative; 
	transition:ease-in-out all 0.1s;
}
#bx-pager a:before{
	position:absolute; left:0; right:0; bottom:0; top:0; content:''; border-top:2px solid #fff; border-bottom:2px solid #fff;
	-moz-background-color:rgba(260,260,260,0.3);-ms-background-color:rgba(260,260,260,0.3);-o-background-color:rgba(260,260,260,0.3);
	-webkit-background-color:rgba(260,260,260,0.3);background-color:rgba(260,260,260,0.3);
	transition:ease-in-out all 0.1s;
}
#bx-pager a.active, #bx-pager a:hover{
	-moz-box-shadow:0 0 15px rgba(0,0,0,0.5);-ms-box-shadow:0 0 15px rgba(0,0,0,0.5);-o-box-shadow:0 0 15px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 0 15px rgba(0,0,0,0.5);box-shadow:0 0 15px rgba(0,0,0,0.5); z-index:5;
}
#bx-pager a.active:before,#bx-pager a:hover:before{
	border:3px solid #fff;
	-moz-background-color:rgba(0,0,0,0.3);-ms-background-color:rgba(0,0,0,0.3);-o-background-color:rgba(0,0,0,0.3);
	-webkit-background-color:rgba(0,0,0,0.3);background-color:rgba(0,0,0,0.3);
}

#slide-counter{ position:absolute; font-family: 'Raleway', sans-serif; right:20px; padding:50px 0 0 0; font-size:35px; bottom:20%;}
#slide-counter strong{ font-size:45px; display:block; position:absolute; top:0; left:-20px;}
#slide-counter:before{
	position:absolute; left:0; content:''; width:3px; height:40px; background-color:#404040; top:40%;
	-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg);
	-webkit-transform:rotate(30deg);transform:rotate(30deg);
}
.contls{
	position:absolute; top:40%;
	letter-spacing:0.2em; width:35px; word-break:break-all; font-size:20px; text-transform:uppercase;
	border:2px solid #fff; color:#fff; text-align:center;
	-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);-o-transform:translate(-50%,0);
	-webkit-transform:translate(-50%,0);transform:translate(-50%,0);
	-moz-transition:all ease-in-out 0.2s;-ms-transition:all ease-in-out 0.2s;-o-transition:all ease-in-out 0.2s;
	-webkit-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s;
}
.contls a{
	padding:8px; display:block; color:#fff; font-family: 'Raleway', sans-serif;
	-moz-transition:all ease-in-out 0.2s;-ms-transition:all ease-in-out 0.2s;-o-transition:all ease-in-out 0.2s;
	-webkit-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s;
}
.contls.next_hm_bn{ right:15px;}
.contls.prev_hm_bn{ left:20vh;}
.contls:hover, .contls:hover a{ background-color:#903031; color:#fff;}


.content_wrap{ background-color:#f5f5f5;}
.cnrows{ padding:40px 0;}
.cnrows1{ padding:100px 0 50px 0; text-align: justify;}
.wl_msg{ text-align:center; margin:auto; max-width:800px;}
.wl_msg h1{ font-size:25px; color: #404040; letter-spacing: 1px;}


.cnrows2{}
/*.hm_abt_img{
	margin-left: 85px; height: 380px; background-color: #fff;
	background-image: url(../images/banner/img3.jpg); background-repeat: no-repeat; background-position: center;
	position: relative;
}*/
.hm_abt_img img{
	/*position: absolute; max-width: 95%; top: 50%; left: -50px;
	-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);transform: translateY(-50%);*/
}
/*.hm_abt_img:before{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: '';
	background-color: rgba(0,0,0,0.6);
}*/

.hm_main_hed{ position: relative; padding-bottom: 10px; margin-bottom: 15px;}
.hm_main_hed h4{ margin: 0 0 6px 0; color: #303030; text-transform: uppercase;}
.hm_main_hed h1{ margin: 0 0 0; color: #903031;  font-size: 35px; text-align: left;}
.hm_main_hed:before{ position: absolute; left: 0; bottom: 0; height: 1px; width: 100px; background-color: #404040; content: '';}
.hm_main_hed:after{ position: absolute; left: 0; bottom: 2px; height: 1px; width: 150px; background-color: #404040; content: '';}

.read_btn{
	display: inline-block; padding:8px 18px;font-family: 'Raleway', sans-serif;
	text-transform: uppercase; color: #fff !important; background-color: #903031;
	transition: all ease-in-out 0.2s;
}
.read_btn:hover{ background-color: #201e1f; color: #fff; }

.cnrows3{position: relative; }
.cnrows3:before{
	position: absolute; left: 0;width:40%; bottom: 0; top: 0; background-color: #ccc; content: ''; display: none;
	background-image:url(../images/banner/img1.jpg); background-repeat: no-repeat; background-position: center; background-size: cover;
}
.pr_range{margin:0; padding: 0; list-style: none; overflow:hidden;}
.pr_range li{ padding: 8px; text-align: center;}
.pr_range li img{ width: 60px; margin:auto;  }


.cnrows4{
	position: relative; background-image: url(../images/hm_quality.jpg); background-size: cover; background-repeat: no-repeat;
	background-position: center;
	padding: 60px 0; margin: 40px 0;
}
.cnrows4:before{
	position: absolute; left: 0; right: 0;bottom: 0; top: 0; content: ''; height: 100%; width: 100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f5f5+0,f5f5f5+50,f5f5f5+100&0+22,0+22,0.94+50,1+100 */
background: -moz-linear-gradient(left, rgba(245,245,245,0) 0%, rgba(245,245,245,0) 22%, rgba(245,245,245,0.94) 50%, rgba(245,245,245,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(245,245,245,0) 0%,rgba(245,245,245,0) 22%,rgba(245,245,245,0.94) 50%,rgba(245,245,245,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(245,245,245,0) 0%,rgba(245,245,245,0) 22%,rgba(245,245,245,0.94) 50%,rgba(245,245,245,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f5f5f5', endColorstr='#f5f5f5',GradientType=1 ); /* IE6-9 */
}

.hm_main_hed1:before,.hm_main_hed1:after{ left: 0; right: 0; margin: auto; }



.aside{
	background-color: #fff; padding: 20px; overflow: hidden; border: 1px solid #f0f0f0; border: 1px solid #903031;
}
.aside h2{ margin: 0 0 15px 0; color: #903031; }
.aside_nav{ margin: 0 -20px; padding: 0; list-style: none; overflow: hidden; }
.aside_nav > li{
	border-top: 1px solid #dfdfdf;
}
.aside_nav > li > a{
	display: block; padding: 10px 20px; color: #000; font-size: 15px;
}
.aside_nav > li > a:hover,.aside_nav > li.active > a{
	background-color: #903031; color: #fff;
}
.aside_nav li.active > ul li.active a{ color:#903031; text-decoration: underline !important; }

.aside_nav > li > ul{margin:0 0 0 30px; padding:5px 0; list-style: none;}
.aside_nav > li > ul li a{ display: block; padding: 8px 8px 8px 15px; color: #202020; position: relative;}
.aside_nav > li > ul li a:before{
	margin: 0 5px 0 0; content: '\f178 '; font-family: 'FontAwesome'; font-size: 10px;vertical-align: middle; position: absolute; left: 0; top: 10px;
}
.aside_nav > li > ul li a:hover{color: #dfdfdf;}


.sub_pro_cat{
	margin: 30px 0 25px -15px; padding: 0; list-style: none; overflow: hidden;
}
.sub_pro_cat li{ display: inline-block;vertical-align: middle; margin: 0 0 0 -2px; padding: 0 0 0 15px; position: relative; margin: 0 5px 5px 0 ;}
.sub_pro_cat li a{ display: block; padding: 0; color: #606060; font-size: 18px;}
.sub_pro_cat li a:hover, .sub_pro_cat li.active a{ color: #903031; text-decoration: underline !important;}

.sub_pro_cat li:nth-child(1){
	padding: 6px 10px; color: #202020;  position: relative; padding-right: 25px; display: none;
}
.sub_pro_cat li:after{ position: absolute; left: 0; top: -3px; content: '|'; color: #ccc;}
.sub_pro_cat li:nth-child(1):before{ position: absolute; left:auto; right: 0; content: '\f105 '; font-family: 'FontAwesome'; color: #ccc;}

.sub_pro_cat li:nth-child(1):after,.sub_pro_cat li:nth-child(2):after{ display:none; }



.sub_cat ul{margin: 0 0 15px 0; padding: 0; list-style: none; overflow:hidden; background-color: #fff;}
.sub_cat ul li{ float: left; position: relative;}
.sub_cat ul li:before{ position: absolute; left: 0; content: ''; border-left: 1px solid #f3f3f3; height: 100%; top: 0; }
.sub_cat ul li:nth-child(1):before{ display: none; }
.sub_cat ul li a{ display: block; padding:10px; color: #303030; position: relative; font-size: 16px;}
.sub_cat ul li a:hover, .sub_cat ul li.active a{ background-color: #903031; color: #fff; }
.sub_cat ul li.active a:before{
	position: absolute; content: '\f0d8 ';font-family: 'FontAwesome'; font-size: 20px; color: #fff; bottom: -12px; left: 50%; color: #f5f5f5;
	transform: translateX(-50%);
}


.pros_list{margin: 0 -10px; padding: 0; list-style: none; overflow: hidden;}
.pros_list li{
	padding:0 10px 20px 10px;  opacity: 0;
	transform: translateY(100px);
	-moz-transition:all 1.25s cubic-bezier(0.23,1,0.32,1);-ms-transition:all 1.25s cubic-bezier(0.23,1,0.32,1);-o-transition:all 1.25s cubic-bezier(0.23,1,0.32,1);
	-webkit-transition:all 1.25s cubic-bezier(0.23,1,0.32,1);transition:all 1.25s cubic-bezier(0.23,1,0.32,1);
	-moz-transform:translate3d(0px,150px,0px);-ms-transform:translate3d(0px,150px,0px);-o-transform:translate3d(0px,150px,0px);
	-webkit-transform:translate3d(0px,150px,0px);transform:translate3d(0px,150px,0px);
}
.pros_list li div{
	background-color: #000; overflow: hidden;
}
.pros_list li div p{ margin: 0; padding: 8px; color: #fff; font-size: 13px;}
.pro_wrap{ border: 1px solid #ddd;}
.pro_wrap img{ width: 100%; }
.pros_list li div a{ display: block; }
.pros_list li div h4{ color: #fff; margin: 0; padding:8px 15px; text-transform: uppercase; font-size: 16px;}
.pros_list li div .cnt_gen{ min-height: 130px; }

.pros_list1 li div{ background-color: #fff; }
.pros_list1 li div h4{ color: #303030; }

.abt_list{margin: 0; padding:0 0 0 15px; list-style: square; overflow: hidden;}
.abt_list > li{margin:0 0 15px 0; position: relative;}
.abt_list > li:before{ position: absolute; left: 0; }

.abt_list >li> ul{margin: 0 0 0 0; padding: 0; list-style: none;}
.abt_list >li> ul li{margin: 6px 0;}




.contact_cols{}
.cnt_phon_email{ margin:20px 0; clear: both; float: none; padding:15px; overflow: hidden; list-style: none; background-color: #fff; }
.cnt_phon_email li{
	float: left; position: relative; padding-left: 50px; margin: 10px 0;
}
.cnt_phon_email li > span{
	width: 45px; height: 45px; background-color: #f4f4f4; border: 1px dotted #bcbcbc; display: block; position: absolute; left: 0;
	top:35px; border-radius: 50%;
	transform: translateY(-50%);
}
.cnt_phon_email li span i{
	position: absolute; left: 50%; top: 50%; font-size: 18px;
	transform: translate(-50%, -50%);
}
.cnt_phon_email li h3{
	margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: 1px dashed #626262; font-weight: normal; font-size: 18px;
}
.cnt_phon_email li p{
	padding: 0; margin: 0 0 0px 0;
}
.cnt_phon_email li p span{ position: static;  font-weight: bold; font-size: 12px;}
.cnt_phon_email li p a{ color: #505050; }

.abt_img{ background-image: url(../images/banner/img1.jpg); background-size: cover; background-position: center; height: 430px; background-color: #fff; }




.list_type{}
.list_type li{ margin: 0 0 8px 0; }


.klio_part{ margin: 0; padding: 0; list-style: none; }
.klio_part li{
	margin: 15px -15px; overflow: hidden;
}


.archi_con_ic{margin: 0 -8px; overflow: hidden; padding: 0; list-style: none;}
.archi_con_ic li{ padding: 8px; }
.archi_con_ic li div{ background-color: #fff; text-align: center; min-height:160px; border: 1px solid #dfdfdf; padding:5px 10px;  }



.footer{}
.ft_cols{ margin:50px 0 30px 0;}
.ft_cols h2{ text-transform:uppercase; margin:0 0 45px 0; color:#903031;}
.ft_add{ margin:0; padding:0; list-style:none; overflow:hidden;}
.ft_add li{ margin:0 0 15px 5px; padding:0 0 0 25px; position:relative;}
.ft_add li i{ position:absolute; left:0; top:3px; font-size:18px;}
.ft_form{ margin:0; padding:0; list-style:none; overflow:hidden;}
.ft_form .form-control{
	border:none; border-bottom:1px solid #903031; border-radius:0; box-shadow:none;
	transition:all linear 0.2s;
}
.ft_form input{ height:50px; font-size: 13px; letter-spacing: 1px;}
.ft_form li{ margin-bottom:15px; padding:0;}
.ft_form li:nth-child(2){ border-left:1px solid #903031;}
.ft_form textarea{ resize:none; height:100px; font-size: 13px; letter-spacing: 1px;}
.ft_form .form-control::-moz-placeholder{ color:#000;}
.ft_form .form-control::-ms-placeholder{ color:#000;}
.ft_form .form-control::-webkit-placeholder{ color:#000;}
.ft_form .form-control::-o-placeholder{ color:#000;}

.ft_form .form-control:focus::-moz-placeholder{ color:#999;}
.ft_form .form-control:focus::-ms-placeholder{ color:#999;}
.ft_form .form-control:focus::-webkit-placeholder{ color:#999;}
.ft_form .form-control:focus::-o-placeholder{ color:#999;}

.ft_form li button{
	border-radius:0; border-bottom:1px solid #903031; text-transform:uppercase; font-size:15px; background-color:transparent;
}

.ft_row2{ padding:15px 0;}
.ft_row2 p{font-family: 'Open Sans', sans-serif; max-width:1170px; margin:auto; padding:0 15px;}










.inner_banner{
	padding: 10px 0; height: 200px;
	background-image: url(../images/innerbann/img1.jpg);
	background-repeat: no-repeat; background-size: cover; background-position: center; position: relative;
	box-shadow: 0 2px 2px rgba(0,0,0,0.06);
}
.inner_banner:before{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; 
	background-color: rgba(0,0,0,0.6); content: '';
}
.page_hed{
	text-align: center; position: absolute; left: 50%; max-width: 500px; margin: auto; z-index: 2;
	top: 50%;
	transform: translate(-50%,-50%);
}
.page_hed h2{ color: #fff; text-transform: uppercase; font-size: 40px;}
.root_link{margin: 0; padding: 0; text-align: center; list-style: none; overflow: hidden;}
.root_link li{display: inline-block; padding: 0 6px; position: relative; font-family: 'Raleway', sans-serif;}
.root_link li:before{
	position: absolute; left: 0; content: '\f105 '; font-family: 'FontAwesome'; color: #dfdfdf;
	top: 50%; transform: translateY(-50%);
}
.root_link li:nth-child(1):before{ display: none; }
.root_link li a, .root_link li span{ display: block; color: #fff; padding: 10px;}
.root_link li a:hover{ color: #dfdfdf; }

.inner_content_wrap{padding: 30px 0; }

.about_page{text-align: justify;}

.brands_list{ padding: 30px 0; }
.brands_cat{ margin: 0 -15px; padding: 0; list-style: none; overflow: hidden; }
.brands_cat li{
	margin: 15px 0;
}
.bn_cat_wrap{
	position: relative;background-color: #fff; border: 1px solid #f0f0f0; display: block; color: #303030; padding: 20px 0 0 0;
	-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;
	-webkit-transition: all linear 0.2s;transition: all linear 0.2s;
}
.bn_cat_wrap:before{
	position: absolute; left: 15px; top: 15px; right: 15px; bottom: 15px; border: 1px solid #903031; content: ''; z-index: -0; opacity: 0;
	-moz-transition: all linear 0.2s;-ms-transition: all linear 0.2s;-o-transition: all linear 0.2s;
	-webkit-transition: all linear 0.2s;transition: all linear 0.2s;
	-webkit-transform: translateX(-15px);-moz-transform: translateX(-15px);-o-transform: translateX(-15px);
	-ms-transform: translateX(-15px);transform: translateX(-15px);
}
.bn_cat_wrap:hover:before{
	opacity: 1;
	transform: translateX(0px);
}
.bn_cat_wrap:hover{
	box-shadow: 0 0 8px rgba(0,0,0,0.06);
}
.bn_cat_wrap h2{ position: absolute; top: 30px; margin: 0; left: 30px; }
.pro_logo{ max-width: 130px; position: absolute; left: 0; top: 15px; right: 0; margin: auto;}



/*Landing page css style sheet*/

.land_hed{
	position: fixed; left: 0; top: 0; right: 0; z-index: 5;
	background-color: rgba(260,260,260,0.9);
}
.land_hed .logo,.land_hed .logo img{ text-align: center; margin: auto; background-color: transparent; }

.land_bn{
	position:relative; height: 100vh;
}
.land_bn a{
	display: block; position: absolute;  top: 0; bottom: 0; height:110 ;color: #fff; width: 50%;
	background-color: #dfdfdf;
	background-position: center; background-repeat: no-repeat; background-size: cover;
}
.land_bn a:before{
	position: absolute; left: 0; right: 0; bottom: 0; top: 0; content: '';
	background-color: rgba(0,0,0,0.6);
	transition: all ease-in-out 0.2s;
}
.land_bn a:hover:before{
	background-color: rgba(144,48,33,0.8);
}
.land_bn a:hover{ background-color: #225; }
.bn_left{
	left: 0; text-align: right;
}
.bn_right{
	right: 0;
}
.land_bn a div{
	position: absolute; top:50%; left: 50%; max-width:400px; width: 100%;
	text-align: center; font-size: 40px; font-family: 'Raleway', sans-serif; font-weight: 600;
	transform: translate(-50%, -50%);
}

.land_footer{ position: fixed; bottom: 0; right: 0; left: 0; z-index: 5; background-color: rgba(260,260,260,0.8);}
.land_footer p{
	margin: 0; padding: 10px 0; text-align: center; color: #202020;
}



/*Landing page css style sheet*/

.text_group_hm_anim{
	transform: none !important;
	opacity: 1 !important;
}




@media(min-width:320px){
}
@media(min-width:480px){
}
@media(min-width:760px){
}

@media(max-width:760px){
#banner li{ height:400px;}
#slide-counter{ bottom:20px;}
}

@media(max-width:980px){
.header{ margin:auto; padding:0 15px; max-width:1170px;}
.main_nav{ display:none;}
.banner_wrap{ padding:0;}
.tp_social{ display:none;}
.contls.next_hm_bn{ right:0px;}
.contls.prev_hm_bn{ left:30px;}

#bx-pager{ display:none;}
}
@media(min-width:980px){
	.header{ margin:0 15vh; padding:0 15px; z-index: 55;}
.main_nav{ overflow:hidden; margin:20px -25px;}
.navigation{ margin:0; padding:0; float:right; list-style:none; overflow:hidden;}
.navigation > li{font-family: 'Raleway', sans-serif; float:left;}
.navigation > li > a{
	display:block; padding:10px; color:#202020; text-transform:uppercase; position: relative; overflow-x: hidden;
	transition: all ease-in-out 0.2s;
}
.navigation > li > a:before{
	position: absolute; left:-100%; bottom: 0; height: 2px; width: 100%; content: ''; background-color: #903031;
	transition: all ease-in-out 0.2s;
}
.navigation > li:hover > a:before, .navigation > li.active > a:before{left: 0;}

.navigation > li > ul{
	margin:0; padding:8px 0; list-style: none; position: absolute; z-index: 5; width: 200px;
	background-color: #903031; display: none;
	-moz-box-shadow: 0 5px 5px rgba(0,0,0,0.3);-ms-box-shadow: 0 5px 5px rgba(0,0,0,0.3);-o-box-shadow: 0 5px 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.3);box-shadow: 0 5px 5px rgba(0,0,0,0.3);
}
.navigation > li > ul li{}
.navigation > li > ul li a{  display: block; padding: 8px 15px; color: #fff;}
.navigation > li > ul li a:hover{ background-color: #fff; color: #903031;}

}