/****************************/
/*         AET CSS          */
/****************************/


body{
	margin: 0;
	padding: 0;
}
body{
	font-family: 'Roboto', 'Montserrat', sans-serif;
	text-rendering: optimizeLegibility;
	text-rendering: geometricPrecision;
	font-smooth: always;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	-webkit-font-smoothing: subpixel-antialiased;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
}
header{position: relative; z-index: 5}

.p0{padding: 0} .m0{margin: 0}
.pt0{padding-top: 0} .pt5{padding-top: 5px} .pt10{padding-top: 10px} .pt15{padding-top: 15px} .pt20{padding-top: 20px} .pt25{padding-top: 25px} .pt30{padding-top: 30px} .pt35{padding-top: 35px} .pt40{padding-top: 40px} .pt45{padding-top: 45px} .pt50{padding-top: 50px} .pt60{padding-top: 60px} .pt70{padding-top: 70px} .pt80{padding-top: 80px}

.pr0{padding-right: 0} .pr5{padding-right: 5px} .pr10{padding-right: 10px} .pr15{padding-right: 15px} .pr20{padding-right: 20px} .pr25{padding-right: 25px} .pr30{padding-right: 30px} .pr35{padding-right: 35px} .pr40{padding-right: 40px} .pr45{padding-right: 45px} .pr50{padding-right: 50px} .pr60{padding-right: 60px} .pr70{padding-right: 70px} .pr80{padding-right: 80px}

.pb0{padding-bottom: 0} .pb5{padding-bottom: 5px} .pb10{padding-bottom: 10px} .pb15{padding-bottom: 15px} .pb20{padding-bottom: 20px} .pb25{padding-bottom: 25px} .pb30{padding-bottom: 30px} .pb35{padding-bottom: 35px} .pb40{padding-bottom: 40px} .pb45{padding-bottom: 45px} .pb50{padding-bottom: 50px} .pb60{padding-bottom: 60px} .pb70{padding-bottom: 70px} .pb80{padding-bottom: 80px} 

.pl0{padding-left: 0} .pl5{padding-left: 5px} .pl10{padding-left: 10px} .pl15{padding-left: 15px} .pl20{padding-left: 20px} .pl25{padding-left: 25px} .pl30{padding-left: 30px} .pl35{padding-left: 35px} .pl40{padding-left: 40px} .pl45{padding-left: 45px} .pl50{padding-left: 50px} .pl60{padding-left: 60px} .pl70{padding-left: 70px} .pl80{padding-left: 80px}

.mt0{margin-top: 0} .mt5{margin-top: 5px} .mt10{margin-top: 10px} .mt15{margin-top: 15px} .mt20{margin-top: 20px} .mt25{margin-top: 25px} .mt30{margin-top: 30px} .mt35{margin-top: 35px} .mt40{margin-top: 40px} .mt45{margin-top: 45px} .mt50{margin-top: 50px} .mt60{margin-top: 60px} .mt70{margin-top: 70px} .mt80{margin-top: 80px}

.mr0{margin-right: 0} .mr5{margin-right: 5px} .mr10{margin-right: 10px} .mr15{margin-right: 15px} .mr20{margin-right: 20px} .mr25{margin-right: 25px} .mr30{margin-right: 30px} .mr35{margin-right: 35px} .mr40{margin-right: 40px} .mr45{margin-right: 45px} .mr50{margin-right: 50px} .mr60{margin-right: 60px} .mr70{margin-right: 70px} .mr80{margin-right: 80px}

.mb0{margin-bottom: 0} .mb5{margin-bottom: 5px} .mb10{margin-bottom: 10px} .mb15{margin-bottom: 15px} .mb20{margin-bottom: 20px} .mb25{margin-bottom: 25px}
.mb30{margin-bottom: 30px} .mb35{margin-bottom: 35px} .mb40{margin-bottom: 40px} .mb45{margin-bottom: 45px} .mb50{margin-bottom: 50px} .mb60{margin-bottom: 60px} .mb70{margin-bottom: 70px} .mb80{margin-bottom: 80px}

.ml0{margin-left: 0} .ml5{margin-left: 5px} .ml10{margin-left: 10px} .ml15{margin-left: 15px} .ml20{margin-left: 20px} .ml25{margin-left: 25px} .ml30{margin-left: 30px} .ml35{margin-left: 35px} .ml40{margin-left: 40px} .ml45{margin-left: 45px} .ml50{margin-left: 50px} .ml60{margin-left: 60px} .ml70{margin-left: 70px} .ml80{margin-left: 80px}


.bg1{ background-color: #a43436; }
.bg2{ background-color: #444242; }
.bg3{ background-color: #ededed; }
.bg4{ background-color: #f1f1f1; }

.str1{color: #a43436}
.str2{color: #444242}
.str3{color: #fff}
.str4{color: #000}

.f10{font-size: 10px}
.f11{font-size: 11px}
.f12{font-size: 12px}
.f13{font-size: 13px}
.f14{font-size: 14px}
.f15{font-size: 15px}
.f16{font-size: 16px}
.f17{font-size: 17px}
.f18{font-size: 18px}
.f19{font-size: 19px}
.f20{font-size: 20px}
.f22{font-size: 22px}
.f25{font-size: 25px}
.f30{font-size: 30px}
.f35{font-size: 35px}

.f100{
	font-weight: 100
}
.f200{
	font-weight: 200
}
.f300{
	font-weight: 300
}
.f400{
	font-weight: 400
}
.f500{
	font-weight: 500
}
.f600{
	font-weight: 600
}
.f700{
	font-weight: 700
}
.f800{
	font-weight: 800
}
.f900{
	font-weight: 900
}

@media(max-width: 767px){
	.m-text-left{
		text-align: left !important;
	}
	.m-text-right{
		text-align: right !important;
	}
	.m-text-center{
		text-align: center !important
	}
	.m-0a{
		margin: 0 auto;
	}
	.m-p0{ padding: 0 !important }
	.m-pt0{ padding-top: 0 !important }
	.m-pr0{	padding-right: 0 !important	}
	.m-pl0{	padding-left: 0 !important	}
	.m-pb0{	padding-bottom: 0 !important	}
	.m-pt5{	padding-top: 5px !important;	}
	.m-pt10{padding-top: 10px !important;}
	.m-pt15{padding-top: 15px !important;}
	.m-pt20{padding-top: 20px !important;}
	.m-pt25{padding-top: 25px !important;}
	.m-pb5{	padding-bottom: 5px !important;	}
	.m-pb10{padding-bottom: 10px !important;}
	.m-pb15{padding-bottom: 15px !important;}
	.m-pb20{padding-bottom: 20px !important;}
	.m-pb25{padding-bottom: 25px !important;}
	.m-pr5{	padding-right: 5px !important;	}
	.m-pr10{padding-right: 10px !important;}
	.m-pr15{padding-right: 15px !important;}
	.m-pr20{padding-right: 20px !important;}
	.m-pr25{padding-right: 25px !important;}	
	.m-pl5{	padding-left: 5px !important;	}
	.m-pl10{padding-left: 10px !important;}
	.m-pl15{padding-left: 15px !important;}
	.m-pl20{padding-left: 20px !important;}
	.m-pl25{padding-left: 25px !important;}		
}


/****************************************************/
.transform-40{
    -ms-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
}
.contact-col{
	margin: 22px 0;
	font-size: 15px;
	color: #383435;
	display: inline-block;
}
.contact-col:hover, .contact-col:focus{
	text-decoration: none
}
.sm-separator{display: inline-block; width: 1px; height: 15px; background-color: #c2c2c2; position: relative; top: 2px;margin: 0 15px;}

#nav-container{
	position: relative;
}
#back-strips{
	position: absolute; 
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0
}
#back-strips .left,
#back-strips .right{
	height: 100%;
	position: absolute
}
#back-strips .left{left: 0}
#back-strips .left:before{
	content: "";
	position: absolute;
	right: -20px;
	width: 50px;
	height: 100%;
    -webkit-transform: skew(-40deg);
    -moz-transform: skew(-40deg);
    -o-transform: skew(-40deg);
    -ms-transform: skew(-40deg);
    transform: skew(-40deg);
	background-color: #ededed;	
	z-index: 2;
	border-right: 15px solid #fff;
}
#back-strips .right{right: 0}

#navigation{
	position: relative;
	z-index: 1
}

#navigation .navbar{
	margin-bottom: 0;
	border: 0;
	background-color: transparent
}

#navigation .navbar .navbar-collapse{padding: 0}

#navigation .navbar.navbar-default .navbar-nav > li > a{
	color: #262626;
	font-family: 'Montserrat', sans-serif;
	font-size: 15px;
	font-weight: 300;
	padding: 15px 25px;
}
#navigation .navbar.navbar-default .navbar-nav > li:first-child > a{
	padding-left: 0
}
#navigation .navbar.navbar-default .navbar-nav > .active > a{
	background-color: transparent;
	color: #a43436;
}
#email-id a{
	text-decoration: none;
	color: #fff;
	padding: 14px 0;
	display: inline-block;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	font-weight: 300;
}
#banner-section{
	background-color: #f7f7f7
}
.bxslider{
	
}
#top-heade .left a{color: #fff; text-decoration: none}
#top-heade .right a{color: #fff; text-decoration: none}

/************************/
#product-section{
	padding: 80px 0
}
#product-nav .nav{
	margin: 0; padding: 0;
}
#product-nav .nav > li{
	margin: 0 0 35px; padding: 0;
}
#product-nav .nav > li:last-child{
	margin-bottom: 0
}
#product-nav .nav > li > a{
	margin: 0; padding: 0;
	border: 1px solid #dfdfdf;
	color: #313030;
	font-family: Aller-Light;
	font-size: 28px;
	display: table;
	width: 100%;
	height: 127px;
	text-align: center;
	vertical-align: middle;
	position: relative
}
#product-nav .nav > li > a:hover{
	background-color: #f7f7f7
}
#product-nav .nav > .active > a{
	color: #a43436;
	border-color: #f0dddd
}
#product-nav .nav > li > a > span.column{
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	position: relative;
	text-align: left;
	padding-left: 140px;
}
#product-nav .nav > .active > a:before{
	content: "";
	position: absolute;
	right: -10px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: 20px;
	height: 20px;
	background-color: #a43436;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;
}
.hexagon-icon{
	float: left; display: inline-block;
	position: absolute;
	top: 0; bottom: 0; left: 60px;
	margin: auto 0;
}
#product-nav .nav > li > a .hexagon-icon .fa{
	color: #fff;
	line-height: 29px;
}
.dropdown-menu > li > a{
	font-family: Aller-Light;
	font-size: 15px;
	padding: 8px 15px	
}
.hexagon-icon .fa{
	position: absolute;
	z-index: 1;
	display: block;
	text-align: center;
	width: 100%;
	font-size: 26px;
}
 .hexagon-icon { 
	width: 55px; 
	height: 32px; 
	background: #444242; 
	text-align: center
 } 
 .hexagon-icon:before { 
	content: ""; 
	position: absolute; 
	top: -15px; 
	left: 0; 
	width: 0; 
	height: 0; 
	border-left: 28px solid transparent; 
	border-right: 28px solid transparent; 
	border-bottom: 15px solid #444242; 
	z-index: 0
 } 
 .hexagon-icon:after { 
	content: ""; 
	position: absolute; 
	bottom: -15px; 
	left: 0; 
	width: 0; 
	height: 0; 
	border-left: 28px solid transparent; 
	border-right: 28px solid transparent; 
	border-top: 15px solid #444242; 
	z-index: 0
 }
 
 #product-nav .nav > .active > a .hexagon-icon{
	 background: #a43436
 }
 #product-nav .nav > .active > a .hexagon-icon:before{
	border-bottom: 15px solid #a43436; 
 } 
 #product-nav .nav > .active > a .hexagon-icon:after{
	border-top: 15px solid #a43436;  
 } 
 .readmore{
	position: absolute;
	bottom: 30px;
	right: 0;
	width: 50px;
	padding: 5px 0 4px;
	font-size: 20px;
	color: #fff;
	background: #a43436;
	text-align: center;
 }
 .readmore:hover, .readmore:focus{
	background: #fff;	
	color: #a43436;
 }
 .readmore:before{
	content: "";
	top: 0;
	border-width: 19px;
	border-style: solid;
	border-color: transparent #a43436 #a43436 transparent;
	position: absolute; 
	left: -38px;
 }
@media screen and (-webkit-min-device-pixel-ratio:0){
	.readmore:before{
		border-width: 18px 18px 19px 18px;
		left: -36px;
	}
}
 .readmore:hover:before{
	border-color: transparent #fff #fff transparent; 
 }
 
 /*******************************************************/
 #about-section{
	background: url(../images/about-back-bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
 }
 #about-section .bg-container{
	background-color: rgba(68,66,66,.9);
 } 
 .about-content-area{
	font-family: Aller-Light;
	font-size: 29px;
	color: #fff;
	line-height: 45px;
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	padding: 40px 0;
	float: none
 }
 .about-button-area{
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	float: none
 }
 .about-button{
	background: #fff;
	color: #a43436;
	padding: 15px 15px;
	font-family: Montserrat;
	font-size: 16px;
	margin: 0 -15px 0 0;
	position: relative;
 }
 .about-button:before{
	content: "";
	position: absolute;
	top: -1px;
	left: -51px;
	border-width: 26px;
	border-style: solid;
	border-color: transparent #fff #fff transparent;
 }
@media screen and (-webkit-min-device-pixel-ratio:0){
	.about-button:before{
		left: -50px;
		border-width: 25px;
	}
} 
 .about-button:hover:before, .about-button:focus:before{
	border-color: transparent #a43436 #a43436 transparent;
 }
 .about-button:hover, .about-button:focus{
	background-color: #a43436;
	color: #fff;
	text-decoration: none
 }
 .brd-rgt{
	border-right: 1px solid rgba(255,255,255,.1);
	display: table;
	vertical-align: top
 }
 
 /*******************************************************/
 
 #service-enquiry-section{}
 #home-service-container{padding: 30px 0}
 .home-service{}
 .img-border-container{position: relative;display: inline-block}
 .img-border-container:before{
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 92%;
	height: 90%;
	margin: auto;
	border: 20px solid rgba(255,255,255,0.5)
 }
 .service-button{
	background-color: #a43436;
	color: #fff;
	font-size: 24px;
	font-family: Aller-Light;
	padding: 7px 15px 7px 45px;
	position: absolute;
	bottom: 60px;
	left: 0;
 }
 .service-button:before{
	position: absolute;
	content: "";
	right:-47px;
	top:0;
	border-width: 24px;
	border-color: transparent transparent #a43436 #a43436;
	border-style: solid;
 }
 .service-button:hover, .service-button:focus{
	background-color: #fff;
	color: #a43436;
	text-decoration: none
 }
 .service-button:hover:before, .service-button:focus:before{
	border-color: transparent transparent #fff #fff;
 }
 .hs-text-container{
	 font-size: 16px;
	 color: #484848;
	 font-family: Aller-Light;
	 line-height: 26px;
	 text-align: justify;
	 padding: 25px 0 25px 0;
	 border-bottom: 2px solid #444242
 }
 
 
 /********************************************************/
 #home-enquiry-container{
	 padding: 30px 0 30px 15px
 }
 #enquiry-block{
	border: 3px solid #d9d9d9;
	padding: 30px;
	background-color: #ededed
 }
 #enquiry-block h2{
	margin: -55px 0 25px;
	padding: 0;
	text-align: right
 }
 #enquiry-block h2 span{
	display: inline-block;
	background-color: #444242;
	color: #fff;
	padding: 12px 20px;
	font-size: 24px;
	font-family: Aller-Light;
	position: relative;
 }
 #enquiry-block h2 span:before{
	content: "";
	position: absolute;
	top: 0;
	left: -50px;
	border-width: 25px;
	border-color: transparent #444242 #444242 transparent;
	border-style: solid;
 } 
 .form-control{
	 border-color: #dadada;
	 min-height: 42px;
	 box-shadow: none;
	 font-family: Roboto;
	 font-size: 14px;
	 letter-spacing: 1px;
	 color:#444444
 }
 .form-control[disabled=disabled]{
	background-color: #f0f0f0;
	color: #000;
	border-color: #ccc
 }
 select.form-control{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none
 }
 textarea.form-control{
	height: 100px;
 } 
 #enquiry-block .form-group{
	 padding-bottom: 10px;
 }
 .btn-home-submit{
	 border: 0;
	 border-radius: 0;
	 position: relative;
	 padding: 10px 15px;
	 font-family: CocoGothic
 }
 .btn-home-submit:before{
	 content: "";
	 position: absolute;
	 left: -40px;
	 top: 0;
	 border-width: 20px;
	 border-color: transparent #a43436 #a43436 transparent;
	 border-style: solid
 }
 .btn-home-submit:hover:before{
	 border-color: transparent #7d2829 #7d2829 transparent;
 }
 .btn-home-submit:focus:before{
	 border-color: transparent #621f20 #621f20 transparent;
 } 
 
/*********************************************************/

 #contact-section{
	 background-color: #ededed
 }
 #contact-section h2{
	 width: 100%;
	 float: left;
	 margin: 0;
	 padding: 0
 }
 #contact-section h2 span{
	 display: inline-block;
	 padding: 12px 30px 12px 25px;
	 background-color: #444242;
	 font-size: 24px;
	 font-family: Aller-Light;
	 font-weight: normal;
	 color: #fff;
	 position: relative;
	 top: -22px;
 }
 #contact-section h2 span:before{
	content: "";
	position: absolute;
	top: 0;
	right: -50px;
	border-width: 25px;
	border-style: solid;
	border-color: transparent transparent #444242 #444242
 }
 
 /********************************************************/
 
 #footer-navigation{ background-color: #444242}
 #footer-navigation .navbar{
	 background-color: transparent;
	 min-height: auto;
	 margin-bottom: 0;
	 border: 0
 }
 #footer-navigation .navbar-toggle{
    width: 100%;
    margin: 0;
    border: 0;
    padding: 15px;
    color: #fff !important;
	background-color: transparent
 }
 #footer-navigation .navbar-toggle .sr-only{
	width: 100%;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
    left: 0;	 
 }
 #footer-navigation .navbar-toggle .icon-bar{
	 background-color: #fff
 }
 #footer-navigation .navbar-default .navbar-collapse{
	 text-align: center
 }
 #footer-navigation .navbar-default .navbar-collapse .navbar-nav{
	display: block;
	float: none;
 }
 #footer-navigation .navbar-default .navbar-collapse .navbar-nav > li{
	float: none;
	display: inline-block
 }
 #footer-navigation .navbar-nav > li > a{
	 color: #fff;
	 font-size: 15px;
	 font-family: Aller-Light;
 }
 #footer-navigation .navbar-nav > .active > a{
	 background-color: transparent
 }
 #footer-navigation .navbar-nav > li > .dropdown-menu{
	 border-radius: 0
 }
 #footer-navigation .navbar-nav > .dropdown.open > a{
	background-color: #fff;
	color: #a43436
 }
 #copyright-section{
	 font-family: Now-Regular;
	 font-size: 13px;
	 color: #343031;
	 padding: 15px 0;
	 text-align: center
 }
 .separator{
	 width: 1px; height: 20px; display: inline-block;background-color: #cccbcb; margin: 0 15px;position: relative; top: 6px;
 }
/*********************************************************/
.page-img{
	position: relative
}
.page-img:before{
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.3);
	z-index: 2
}
.page-heading-block{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	color: #fff;
	font-family: Aller-Light;
	text-transform: uppercase;
	font-size: 5vw;
	z-index: 3;
	height: 9vw;
	text-align: center;
	display: block;
}


/*********************************************************/

/* About Us */

.textcontent{
	font-size: 18px;
	color: #585858;
	font-weight: 300;
	line-height: 30px;
	padding-left: 120px;
	position: relative;
	text-align: justify
}
.textcontent:before{
	content: "";
	position: absolute;
	left: 55px;
	top: 0;
	width: 1px;
	height: 100%;
	background: -moz-linear-gradient(top,  rgba(135,224,253,0) 0%, rgba(0,0,0,.3) 70%, rgba(5,171,224,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(135,224,253,0) 0%,rgba(0,0,0,.3) 70%,rgba(5,171,224,0) 100%);
	background: linear-gradient(to bottom,  rgba(135,224,253,0) 0%,rgba(0,0,0,.3) 70%,rgba(5,171,224,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0087e0fd', endColorstr='#0005abe0',GradientType=0 );
}
.textcontent > p{
	margin-bottom: 40px; 
}
.textcontent > p:last-child{
	margin-bottom: 0
}
.ab-right{
	float: right;
}
.ab-left{
	float: left;
}
.ab-img-shade{
	display: inline-block;
	position: relative
}
.ab-img-shade:before{
	content: "";
	position: absolute;
	top: 0;
	right: -25px;
	bottom: 0;
	margin: auto 0;
	width: 50%;
	height: 80%;
	background-color: #ececec;
	z-index: -1
}
.ab-left-content{
	font-size: 18px;
	color: #585858;
	font-weight: 300;
	line-height: 30px;
	padding-right: 120px;
	position: relative	
}
.ab-left-content > p{
	margin-bottom: 40px;
	text-align: justify
}
.ab-left-content:before{
	content: "";
	position: absolute;
	right: 55px;
	top: 0;
	width: 1px;
	height: 100%;
	background: -moz-linear-gradient(top,  rgba(135,224,253,0) 0%, rgba(0,0,0,.3) 70%, rgba(5,171,224,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(135,224,253,0) 0%,rgba(0,0,0,.3) 70%,rgba(5,171,224,0) 100%);
	background: linear-gradient(to bottom,  rgba(135,224,253,0) 0%,rgba(0,0,0,.3) 70%,rgba(5,171,224,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0087e0fd', endColorstr='#0005abe0',GradientType=0 );
}
/*********************************************************/

/*  Gallery  */

#gallery-section{
	background-color: #f6f6f6;
}
.gallery-filter-container{
	text-align: center
}
.gallery-filter-container ul{
	margin: 0 0 60px;
	padding: 0;
	display: inline-block;
	background-color: #fff;
}
.gallery-filter-container ul > li{
	float: none;
	margin: 0;
	padding: 0;
	display: inline-block
}
.gallery-filter-container ul > li > a{
	padding: 15px 40px;
	font-size: 18px;
	font-weight: 400;
	display: inline-block;
	color: #444242
}
.gallery-filter-container ul > .active > a{
	background-color: #a43436;
	color: #fff;
}
.gallery-filter-container ul > li > a:hover,
.gallery-filter-container ul > li > a:focus{
	text-decoration: none
}
.gallery-thumb{
	margin-bottom: 15px;
}
.filtr-item {
    padding-bottom: 30px;
}

/**********************************************************/

#accordion.panel-group{
	border-right: 1px solid #c2c2c2
}
#accordion.panel-group .panel-default{
	border: 0
}
#accordion.panel-group .panel-default > .panel-heading{
	padding: 0;
	background-color: transparent;
	border: 0
}
#accordion.panel-group .panel-default > .panel-heading > .panel-title{
	border: 0	
}
#accordion.panel-group .panel-default > .panel-heading > .panel-title > a{
	display: block;
	padding: 10px 15px;
	border-radius: 3px 0 0 3px;
	text-decoration: none;
	border: 0;
	background-color: #444242;
	color: #fff;
	font-family: 'Aller-Light';	
	position: relative;
	margin-right: -1px;
	font-size: 19px;
}
#accordion.panel-group .panel-default > .panel-heading > .panel-title > a:before{
	position: absolute;
	content: "";
	top: 0;
	right: -38px;
	border-width: 19px;
	border-color: transparent transparent transparent #444242;
	border-style: solid;
}
#accordion.panel-group .panel-default > .panel-heading > .panel-title > a.collapsed{
	background-color: #ededed;
	color: #444242
}
#accordion.panel-group .panel-default > .panel-heading > .panel-title > a.collapsed:before{
	border-color: transparent transparent transparent #ededed;
}
#accordion.panel-group .panel-collapse{
	border: 0
}

#accordion.panel-group .panel-body{
	border: 0
}

#accordion .panel-collapse .panel-body .panel-group .panel-default > .panel-heading > .panel-title > a{
	display: block;
	padding: 10px 15px 10px 25px;
	border-radius: 3px 0 0 3px;
	text-decoration: none;
	border: 0;
	background-color: transparent;
	color: #a43436;
	font-family: 'Aller-Light';	
	position: relative;
	margin-right: 0;
	font-size: 16px;
	line-height: 22px;
}
#accordion .panel-collapse .panel-body .panel-group .panel-default > .panel-heading > .panel-title > a:before{
	content: none
}
#accordion .panel-collapse .panel-body .panel-group .panel-default > .panel-heading > .panel-title > a .fa.fa-angle-up{
	font-size: 20px;
	position: absolute;
	left: 0;
	top: 7px;
	bottom: 0;
	margin: auto 0;
}
#accordion .panel-collapse .panel-body .panel-group .panel-default > .panel-heading > .panel-title > a .fa.fa-angle-up:before{
	content: "\f106";	
}
#accordion .panel-collapse .panel-body .panel-group .panel-default > .panel-heading > .panel-title > a.collapsed .fa.fa-angle-up:before{
	content: "\f107";
}
#accordion .panel-collapse .panel-body .panel-group .panel-default .panel-body .panel-group .panel-default > .panel-heading > .panel-title > a{
	padding-left: 35px;
	position: relative
}
#accordion .panel-collapse .panel-body .panel-group .panel-default .panel-body .panel-group .panel-default > .panel-heading > .panel-title > a .fa{
	font-size: 12px;
	position: absolute;
	top: 14px;
	left: 19px;
}
#accordion .panel-collapse .panel-body .panel-group .panel-default .panel-body .panel-group .panel-default > .panel-heading > .panel-title > a .fa.fa-circle-o:before{
	content: "\f111";	
}
#accordion .panel-collapse .panel-body .panel-group .panel-default .panel-body .panel-group .panel-default > .panel-heading > .panel-title > a.collapsed .fa.fa-circle-o:before{
	content: "\f10c";
}




#accordion .panel-collapse .panel-body .panel-group .panel-default > .panel-heading > .panel-title > a.collapsed{
	color: #444242
}
.panel-body{
	border: 0;
	box-shadow: none;
	padding: 10px 0
}
#accordion .panel-collapse .panel-body .panel-group .panel-default .panel-collapse .panel-body ul{
	margin: 0; padding: 0
}
#accordion .panel-collapse .panel-body .panel-group .panel-default .panel-collapse .panel-body ul li{
	margin: 0; padding: 0 0 0 50px; list-style: none;
}
#accordion .panel-collapse .panel-body .panel-group .panel-default .panel-collapse .panel-body ul li a{
	display: block;
	padding: 12px 0;
	color: #414141;
	font-size: 16px;
	border-bottom: 1px solid #e0e0e0;
	text-decoration: none
}
#accordion .panel-collapse .panel-body .panel-group .panel-default .panel-collapse .panel-body ul li a.active{
	color: #a43436;
	position: relative
}
#accordion .panel-collapse .panel-body .panel-group .panel-default .panel-collapse .panel-body ul li a.active:before{
	content: "";
	position: absolute;
	top: 0;
	right: -5px;
	bottom: 0;
	width: 10px;
	height: 10px;
	background-color: #a43436;
	margin: auto;
	border-radius: 50%
}
#accordion .panel-collapse .panel-body .panel-group .panel{
	border: 0; 
	border-radius: 0;
	box-shadow: none
}

.panel-space{
	margin-bottom: 20px !important
}

.product-detail-container{
	padding: 0 0 0 30px
}
.product-detail-container h4{
	color: #a43436;
	font-family: Roboto;
	font-weight: 100;
	font-size: 29px;
	margin: 0 0 30px; 
	padding: 0
}
.product-detail-container h4 .fa{
	display: inline-block;
	margin: 0 15px;
}
.product-detail-container h4 .subhead{
	color: #444242
}
/*********************************************************/
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{
	background-color: #a43436
}
.service-content{
	padding-left: 60px;
	font-family: Roboto;
	color: #585858;
	font-size: 18px;
	font-weight: 300;
	padding-top: 35px;
	line-height: 30px;
}
.service-block-img{
	display: inline-block;
	position: relative;
}
.service-block-img:before{
    background-color: #e9e9e9;
    content: "";
    height: 28%;
    position: absolute;
    right: -15px;
    top: -15px;
    width: 25%;
    z-index: -1;
}
.service-block-img:after{
    background-color: #e9e9e9;
    content: "";
    height: 28%;
    position: absolute;
    left: -15px;
    bottom: -15px;
    width: 25%;
    z-index: -1;
}
/*********************************************************/

.contact-details{
	background-color: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,.10);
	padding: 30px;
}
.contact-details h2{
	font-size: 36px;
	color: #444242;
	font-family: 'Aller-Light';
	margin: 0 0 40px
}
.contact-details h2 span{
	font-size: 13px;
	font-family: Roboto;
	font-weight: 300;
	color: #878686;
	display: block;
	padding: 5px 0 0 5px;
}
.contact-details .content{
	border-bottom: 1px solid #ebeaea;
}
.contact-details .content ul{
	margin: 0;
	padding: 0;
}
.contact-details .content ul li{
	margin: 0 0 25px;
	padding: 0 0 0 45px;
	list-style: none;
	position: relative;
	font-size: 16px;
	color: #444242;
	font-weight: 400;
	line-height: 25px
}
.contact-details .content ul li .fa{
	position: absolute;
	left: 5px;
	top: 3px;
	font-size: 20px;
	float: left
}
.contact-details .content ul li a{
	color: #444242;	
}
.contact-form{
	
}
.contact-form .form-group{
	margin: 0 0 25px
}
.contact-form .form-group .form-control{
	border-radius: 0px;
	box-shadow: none;
	font-family: Roboto;
	color: #444242;
	font-size: 15px
}
.contact-form .form-group select.form-control{
	border-radius: 0px;
	box-shadow: none;
	font-family: Roboto;
	font-weight: 300;
}
.contact-form .form-group .form-control::-moz-placeholder {
  color: #636262;
  font-weight: 300;
  opacity: 1;
}
.contact-form .form-group .form-control:-ms-input-placeholder {
  color: #999999;
  font-weight: 300;
}
.contact-form .form-group .form-control::-webkit-input-placeholder {
  color: #999999;
  font-weight: 300;
}
.contact-form .form-group .form-control::-ms-expand {
  border: 0;
  background-color: transparent;
  font-weight: 300;
}
.contact-form .sendbtn .btn{
	padding: 10px 40px; border-radius: 0; font-size: 17px; font-weight: 400; width: 200px
}
.map-container{
	padding-top: 65px;
}
.map-container .content{
	position: relative
}
.map-container .content:before{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border: 18px solid rgba(255,255,255,.6);
	border-left: 0;
	z-index: 1
}
.page-img img{
	margin: 0 auto
}
.ajaxLoading{position:absolute;top:50%;left:50%;border:3px solid #444242;width:150px;color:#333;display:none;padding:10px;margin-left:-75px;font-size:14px;font-family:tahoma;font-weight:bold;line-height:30px;background:#fff;box-shadow:0 0 4px 1px rgba(0, 0, 0, 0.48);border-radius:3px 3px 3px 3px;}
.ajaxLoading span{float:left;margin-right:10px;}
#loadcontent{
	position: relative;
	width: 100%;
	float: left
}
.errorblock{
	font-size: 13px; font-weight: 400; color: #a43436;
}
.form-control.error{
	border-color: #a43436
}
label.error{
	color: #a43436; font-size: 13px; font-weight: 400;width: 100%; text-align: right
}
.modal-content .success,
.modal-content .error{ display: block; width: 100%; padding: 15px; font-size: 16px; font-weight: 400 }
.modal-content .success{
	background-color: #dcffdd; color: #1c9733
}
.modal-content .error{
	background-color: #fdecec; color: #c12c2f
}
.modal-content button.close {
    padding: 0;
    cursor: pointer;
    border: 0;
    -webkit-appearance: none;
    top: -11px;
    position: absolute;
    right: -11px;
    width: 30px;
    height: 30px;
    background: #fff;
    z-index: 5;
    opacity: 1;
    display: block;
    border-radius: 50%;
}
#home-enquiry-container label.error{position: absolute; right: 0;font-size: 12px;}
#home-enquiry-container .plspace label.error{right: 12px;}
/*********************************************************/

#nav-container .dropdown-menu > li > a:hover{
	background-color: #444242;
	color: #fff;
}

.dropdown-submenu > .dropdown-menu {
    top: -4px;
    left: 99%;
}
.dropdown-submenu > a > .caret{
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.dropdown-submenu > .dropdown-menu > li{
	float: left
}
.dropdown.dropup .dropdown-submenu > .dropdown-menu{
	bottom: auto;
}
.dropdown.dropup .dropdown-submenu > a > .caret{
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.under-construction{
	padding: 80px 0;
	text-align: center;
}
.under-construction h6{
	font-size: 45px;
	color: #a43436;
	font-weight: 300
}
/*********************************************************/

@media (min-width: 768px) and (max-width: 1199px){
	.contact-col{
		margin: 0 0 10px 0;
		display: block;
		text-align: right
	}
	.sm-separator{display: none}
}

@media(max-width: 991px){

}

@media(max-width: 776px){
	#logo{display: block;width: 80%}	
	.contact-col{margin: 22px 0 0}
	
	#back-strips{
		display: none
	}
	#navigation{
		padding: 0
	}
	.navigation{
		background-color: #ededed;
	}
	#email-id{
		background-color: #444242;
	}
	#email-id a{display: block; text-align: center}
	#navigation .navbar-toggle{
		position: absolute; 
		top: -110px;
		right: 0;
	}
	#navigation .navbar .navbar-nav{
		margin: 0
	}
	#navigation .navbar{
		min-height: auto
	}
	#navigation .navbar.navbar-default .navbar-nav > li:first-child > a{
		padding-left: 25px;
	}	
	#navigation .navbar.navbar-default .navbar-nav > li > a{
		text-align: center
	}	
	.brd-rgt,
	.about-content-area,
	.about-button-area{
		display: block; border: 0; padding: 10px 0;
	}
	.about-content-area{
		font-size: 22px; line-height: 30px;
	}
	.about-button:before{content: none}
	#footer-navigation .container{
		padding: 0
	}
	#footer-navigation .navbar-default .navbar-collapse{
		padding: 0;
		border-color: #5a5a5a;
	}
	#footer-navigation .navbar-default .navbar-collapse .navbar-nav{
		width: 100%
	}
	#footer-navigation .navbar-nav > .dropdown.open > .dropdown-menu{
		background-color: #fff;
	}
	#product-nav .nav > li{
		margin: 0 0 20px
	}
	#product-nav .nav > li > a{
		font-size: 22px;
		height: 98px;
	}
	#product-nav .nav > li > a > span.column{
		padding-left: 95px;
	}
	.hexagon-icon{
		left: 20px;
	}
	#product-section{
		padding: 15px 0
	}
	#navigation .navbar-nav > .dropdown.open > .dropdown-menu{
		background-color: #fff
	}
	#product-nav .nav > .active > a:before{
		content: none
	}
	#footer-navigation .navbar-default .navbar-collapse .navbar-nav{
		margin: 0
	}
	#footer-navigation .navbar-default .navbar-collapse .navbar-nav > li{
		float: none;
		display: block
	}	
	.textcontent{
		padding: 15px 0
	}
	.textcontent:before, .ab-left-content:before{
		content: none
	}
	.ab-right{
		float: left;
	}
	.ab-left{
		float: right;
	}	
	.ab-left-content{
		padding: 0
	}
	.textcontent, .ab-left-content{
		font-size: 16px;
	}
	.filtr-item {
		padding: 0 0 30px !important;
	}
	.gallery-thumb{
		width: 50%
	}	
	.gallery-thumb img{
		margin: 0 auto
	}
	.gallery-filter-container ul > li{
		float: left;
		margin: 0;
		padding: 0;
		display: block;
		width: 100%
	}
	.gallery-filter-container ul > li > a{
		padding: 15px 40px;
		font-size: 18px;
		font-weight: 400;
		display: block;
		color: #444242
	}
	#accordion.panel-group .panel-default > .panel-heading > .panel-title > a:before{
		content: none
	}
	#accordion.panel-group{
		border: 0
	}
	#accordion.panel-group .panel-default > .panel-heading > .panel-title > a{
		border-radius: 5px;
	}
	#accordion .panel-collapse .panel-body .panel-group .panel-default .panel-collapse .panel-body ul li{
		padding: 0 10px
	}
	.product-detail-container{
		padding: 0; 
	}
	.product-detail-container h4{
		font-weight: 300; font-size: 20px;
	}
	.service-content{
		padding-left: 0
	}
	.map-container .content:before{
		content: none
	}
}

@media(max-width: 380px){
	.sm-separator{
		margin: 0 10px
	}
	.contact-col{
		font-size: 14px;
	}

}
@media(max-width: 560px){
	.gallery-thumb{
		width: 100%
	}
	.contact-form .sendbtn .btn{
		width: 100%
	}
		
}

/******************************************/


@font-face {
  font-family: 'Aller-Light';
  src: url('../fonts/aller-light/Aller-Light.eot?#iefix') format('embedded-opentype'),  
	   url('../fonts/aller-light/Aller-Light.woff') format('woff'), 
	   url('../fonts/aller-light/Aller-Light.ttf')  format('truetype'), 
	   url('../fonts/aller-light/Aller-Light.svg#Aller-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}



@font-face {
  font-family: 'CocoGothic';
  src: url('../fonts/cocogothic/CocoGothic.eot?#iefix') format('embedded-opentype'),  
	   url('../fonts/cocogothic/CocoGothic.woff') format('woff'), 
	   url('../fonts/cocogothic/CocoGothic.ttf')  format('truetype'), 
	   url('../fonts/cocogothic/CocoGothic.svg#CocoGothic') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'Now-Regular';
  src: url('../fonts/now/Now-Regular.eot?#iefix') format('embedded-opentype'),  
	   url('../fonts/now/Now-Regular.otf')  format('opentype'),
	   url('../fonts/now/Now-Regular.woff') format('woff'), 
	   url('../fonts/now/Now-Regular.ttf')  format('truetype'), 
	   url('../fonts/now/Now-Regular.svg#Now-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}