@charset "UTF-8";
/*font initialization begin*/

@font-face {
    font-family: 'OpenSansBold';
    src: url('../fonts/OpenSansBold.eot');
    src:  url('../fonts/OpenSansBold.woff2') format('woff2'),
        url('../fonts/OpenSansBold.woff') format('woff'),
        url('../fonts/OpenSansBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
} 

@font-face {
    font-family: 'jura-Semibold';
    src: url('../fonts/Jura-SemiBold.eot');
    src: url('../fonts/Jura-SemiBoldd41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Jura-SemiBold.woff2') format('woff2'),
        url('../fonts/Jura-SemiBold.woff') format('woff'),
        url('../fonts/Jura-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'jura-regular';
    src: url('../fonts/Jura-Regular.eot');
    src: url('../fonts/Jura-Regulard41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Jura-Regular.woff2') format('woff2'),
        url('../fonts/Jura-Regular.woff') format('woff'),
        url('../fonts/Jura-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'jura-medium';
    src: url('../fonts/Jura-Medium.eot');
    src: url('../fonts/Jura-Mediumd41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Jura-Medium.woff2') format('woff2'),
        url('../fonts/Jura-Medium.woff') format('woff'),
        url('../fonts/Jura-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

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

@font-face {
    font-family: 'jura-bold';
    src: url('../fonts/Jura-Bold.eot');
    src: url('../fonts/Jura-Boldd41d.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Jura-Bold.woff2') format('woff2'),
        url('../fonts/Jura-Bold.woff') format('woff'),
        url('../fonts/Jura-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

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

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

@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/OpenSansRegular.eot');
    src:  url('../fonts/OpenSansRegular.woff2') format('woff2'),
        url('../fonts/OpenSansRegular.woff') format('woff'),
        url('../fonts/OpenSansRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansLight';
    src: url('../fonts/OpenSansLight.eot');
    src:  url('../fonts/OpenSansLight.woff2') format('woff2'),
        url('../fonts/OpenSansLight.woff') format('woff'),
        url('../fonts/OpenSansLight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('../fonts/OpenSansSemibold.eot');
    src:  url('../fonts/OpenSansSemibold.woff2') format('woff2'),
        url('../fonts/OpenSansSemibold.woff') format('woff'),
        url('../fonts/OpenSansSemibold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansBold';
    src: url('../fonts/OpenSansBold.eot');
    src:  url('../fonts/OpenSansBold.woff2') format('woff2'),
        url('../fonts/OpenSansBold.woff') format('woff'),
        url('../fonts/OpenSansBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
  
@font-face {
    font-family: 'OpenSansExtrabold';
    src: url('../fonts/OpenSansExtraBold.eot');
    src:  url('../fonts/OpenSansExtraBold.woff2') format('woff2'),
        url('../fonts/OpenSansExtraBold.woff') format('woff'),
        url('../fonts/OpenSansExtraBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    letter-spacing: -4px;
}

/*font initialization end*/

body,h1,h2,h3,h4,h5,h6{
	font-family: 'OpenSansRegular';
}
a, a:hover, a:focus, a:active, button, button:focus{
	display: inline-block;
	outline: 0;
	position: relative;
	text-decoration: none;
}
.nopad{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.nopad-left{
	padding-right: 0 !important;
}
.nopad-right{
	padding-right: 0 !important;
}
.padtb-15px{
	padding: 15px 0;
}
.large-title{
	font-size: 30px;
	font-family: 'Montserrat-bold';
	margin-bottom: 15px;
	text-transform: capitalize;
}
.medium-title{
	font-size: 24px;
	font-family: 'Montserrat-Semi';
	margin-bottom: 15px;
	text-transform: capitalize;
}
.small-title{
	font-size: 18px;
	font-family: 'Montserrat-light';
	margin-bottom: 10px;
	text-transform: capitalize;
}
section{
	float: left;
	width: 100%;
}

/*header start*/
.common-header .navbar {
	height:70px;
    position: relative;
    min-height: auto;
    margin-bottom: 0;
    border: none;
    background-color: #fff;
    padding: 10px 0;
	transition: all 0.5s ease;
}
.navbar-fixed-top.common-header .navbar {
    background-color: rgba(255,255,255,0.7);
}
.shrink.common-header .navbar {
    background-color: #fff;
    box-shadow: 0 0 12px -4px;
    padding: 0;
    transition: all 0.5s ease;
}
.logo-image {
    height: 50px;
	transition: all 0.5s ease;
}
.shrink .logo-image {
    height: 40px;
	margin-top: 5px;
	transition: all 0.5s ease;
}
.common-header .navbar-brand {
    height: auto;
    padding: 0;
	margin: 0;
	transition: all 0.5s ease;

}
.common-header .navbar-default .navbar-nav>li>a:hover { 	color:#F40A10;transition: all 0.5s ease;}
	
	
	
	
.common-header .navbar-default .navbar-nav>li>a {
    color: #000;transition: all 0.5s ease;
    position: relative;
    text-transform: capitalize;
    font-size: 15px;
    font-family: 'OpenSansLight';
    z-index: 9;
	padding:15px 10px;
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: 0;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background-color: transparent;

}
.common-header .navbar-default .navbar-nav>li.active>a {
  color: #ee181a;
}

.common-header:after {
    content: "";
    position: absolute;
    right: calc(23% - 0px);
    width: 0;
    height: 0;
    border-right: 45px solid #f11923;
    border-top: 35px solid transparent;
    border-bottom: 35px solid transparent;
    top: 0;
    transition: all 0.5s ease;
}
.shrink.common-header:before {width:25%;}
.shrink.common-header:after {right: calc(20% - 0px);}
.shrink .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{margin-top:10px;transition: all 0.5s ease;}
	
.section-center{text-align:center;}
.section-top-btm{padding:60px 0px;}
	
.common-header:before {
    content: "";
    position: absolute;
    right: 0;
    width: 23%;
    height: 100%;
    background-color: #f11923;
    top: 0;
    transition: all 0.5s ease;
    z-index: 9;
}
.contact-wraper {
    z-index: 9;
    margin-left:35px;
}
.common-header .navbar-default .navbar-nav>li.contact-wraper a, .contact-wraper a{
    padding: 0 15px 0 45px;
    background-image: url(../images/bg/callicon.png);
    background-position: left 5px;
    background-repeat: no-repeat;
}
.shrink .main-menu .navigation > li:last-child > a{margin-top:10px;}
.shrink .main-menu .navigation > li.dropdown:hover > ul{top:100%; }
.shrink.common-header:after {
    border-right: 35px solid #f11923;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    transition: all 0.5s ease;
}
.main-menu .navigation > li:last-child > a{padding:0 15px 0 45px;}
.main-menu .navigation > li:last-child > a:after{display:none;}




.transparent-header .main-menu .navigation > li > a{ color:#000;  }
.transparent-header .main-menu .navigation > li > a:hover{ color:#0094d9;  }
.transparent-header.site-navbar.site-navbar-bg .main-menu .navigation > li > a {color:#2d2c2b;}
.main-menu .navigation{position:relative;margin:0px 0 0 ; padding:0px;  }
.main-menu .navigation > li{position:relative;	padding:0px 0px;	margin-right:18px;	display:inline-block; list-style:none;  }
.main-menu .navigation > li.dropdown a{padding-right:15px;}
.main-menu .navigation > li > a{position:relative;	display:block;	padding:10px 0px 10px;	font-size:14px;	line-height:normal;	opacity:1;	transition:all 500ms ease;	-moz-transition:all 500ms ease;	-webkit-transition:all 500ms ease;	-ms-transition:all 500ms ease;	-o-transition:all 500ms ease;font-family: 'OpenSansRegular'; text-decoration:none; color:#000; } 
.main-menu .navigation > li > a:after { position:absolute; bottom:6px; width:0%; height:2px; background:#F11923; left:0px; transition:all 500ms ease; opacity:1; content:"";}

.main-menu .navigation > li.active > a:after  {width: 100%}

.site-navbar-bg .main-menu .navigation > li > a:after{bottom:-27px;}
.main-menu .navigation > li.dropdown > a:after{	position:absolute;	content:'\f107';	right:0px;	 	font-family: 'FontAwesome';}
.main-menu .navigation > li:last-child{	margin-right:0px;}
 

.main-menu .navigation > li:hover > a,
.main-menu .navigation > li.current > a,
.main-menu .navigation > li.current-menu-item > a{ }

.main-menu .navigation > li:hover > a:after,
.main-menu .navigation > li.current > a:after,
.main-menu .navigation > li.current-menu-item > a:after{ width:100%; opacity:1; visibility:visible;	color:#fff;}

.main-menu .navigation > li > ul{	position:absolute;	left:0px;	top:130%;	width:250px;	padding:0px;	z-index:100;	display:none;	background:#4f4f4f; transition:all 500ms ease;	-moz-transition:all 500ms ease;	-webkit-transition:all 500ms ease;	-ms-transition:all 500ms ease;	-o-transition:all 500ms ease;}
 .main-menu .navigation > li > ul.from-right{ left:auto;	right:100%;	}
.main-menu .navigation > li > ul > li{	position:relative;	width:100%;	border-top:0px solid rgba(255,255,255,0.10); text-align:left; list-style:none }
.main-menu .navigation > li > ul > li > a{ text-decoration:none;	position:relative;	display:block;	padding:8px 15px;	line-height:22px;	font-weight:500;	font-size:13px;	color:#ffffff;	transition:all 300ms ease;	-moz-transition:all 300ms ease;	-webkit-transition:all 300ms ease;	-ms-transition:all 300ms ease;	-o-transition:all 300ms ease; font-family: 'OpenSansRegular';background-color:#000;  }
.main-menu .navigation > li > ul > li:hover > a{	background:#F11923;	color:#fff;}
.main-menu .navigation > li > ul > li.dropdown > a:after{	font-family: 'FontAwesome';	content: "\f105";	position:absolute;	right:10px;	top:10px;	width:10px;	height:20px;	display:block;	color:#ffffff;	line-height:20px;	font-size:16px;	font-weight:normal;	text-align:center;	z-index:5;	}
.main-menu .navigation > li > ul > li.dropdown:hover > a:after{	color:#fff;	}
.main-menu .navigation > li > ul > li > ul{	position:absolute;	left:100%;	top:20px;	width:220px;	padding:0px;	z-index:100;display:none;	background:#4f4f4f;	border-top:0px solid #00ADEF;}

.main-menu .navigation > li > ul > li > ul > li{	position:relative;	width:100%;	border-bottom:none; list-style:none}
.main-menu .navigation > li > ul > li > ul > li:last-child{	border-bottom:none;	}
.main-menu .navigation > li > ul > li  > ul > li > a{	position:relative;	display:block;	padding:8px 15px;	line-height:22px;	font-weight:400;	font-size:13px; text-decoration:none; 	 color:#ffffff;	transition:all 500ms ease;	-moz-transition:all 500ms ease;	-webkit-transition:all 500ms ease;	-ms-transition:all 500ms ease;	-o-transition:all 500ms ease;background-color:#000;}
.main-menu .navigation > li > ul > li  > ul > li > a:hover{	background:#F11923;	color:#fff;}

.main-menu .navigation > li.dropdown:hover > ul{ visibility:visible;	opacity:1;	top:123%; }
.main-menu .navigation li > ul > li.dropdown:hover > ul{	visibility:visible;	opacity:1;	top:0px;	transition:all 500ms ease;	-moz-transition:all 500ms ease;	-webkit-transition:all 500ms ease;	-ms-transition:all 500ms ease;	-o-transition:all 500ms ease;	}
.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{	position:absolute;	right:15px;	top:6px;	width:34px;	height:30px;	text-align:center;	font-size:16px;	color:#f3151a;	line-height:30px;	border:0px solid rgba(255,255,255,0.50);	cursor:pointer;	z-index:5;	display:none;}



/*header end*/



/*home slider start*/


.project-slider.owl-theme .owl-controls .owl-dots{bottom:-50px;}


.homeslider{
	display: block;
	width: 100%;
}
.owl-theme .owl-controls .owl-dots{
    position: absolute;
    bottom: -90px;
    left: 0;
	width: 100%;
}
.owl-theme .owl-controls .owl-dot{
    display: inline-block
}
/*home slider end*/

.content-para p{
	display: block;
	font-size: 16px;
	float: left;
	line-height: 28px;
	width: 100%;
}
.content-para p:last-child{
	border-bottom: none;
	margin: 0;
}
.common-btn{
	background-color: #000;
	border-radius: 0;
	color: #fff;
	display: inline-block;
	overflow: hidden;
	padding: 8px 30px;
	position: relative;
	z-index: 10;
}
.common-btn span{
	display: block;
	position: relative;
	z-index: 30;
}

/*footer start*/
footer {
    background-color: #000000;
    float: left;
    width: 100%;
    font-family: 'jura-bold';
}
footer .container{
	padding: 0;
}
.footer-menu li {
    width: auto;
    margin: 0;
}
.footer-menu li a {
	color: #ffffff;
    font-size: 14px;
    text-transform: capitalize;
    line-height: 25px;
    position: relative;
}
.footer-menu li a::after {
    background: #bfbfbf;
    bottom: 0;
    content: '';
    height: 1px;
    left: 50%;
    margin-left: 0;
    position: absolute;
    transition: all 0.5s ease;
    width: 0;
}
.footer-menu li a:hover{
	color: #bfbfbf;
	transition: all 0.5s ease;
}
.footer-menu li a:hover::after {
    margin-left: -50%;
    width: 100%;
}
.social-links li a {
    border: 1px solid #797979;
    border-radius: 50%;
    color: #797979;
    display: inline-block;
    padding: 4px 0 0;
    height: 40px;
    font-size: 21px;
    text-align: center;
    position: relative;
    overflow: hidden;
    width: 40px;
    z-index: 10;
}
.social-links li a:hover {
    color: #D4D4D4;
}
.social-links li a:after {
    background-color: #797979;
    border-radius: 50%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    transform: scale(0);
    transition: all 0.4s ease;
}
.social-links a i {
    position: relative;
    z-index: 20;
}
.social-links li a:hover:after {
    transform: scale(3);
    transition: all 0.9s ease;
}
.copyright{
	background-color: #1e2227;
	color: #7f7f7f;
	padding: 8px 0;
	text-align: center;
  font-family: 'jura-bold';
}
.copyright a{
  color: #7f7f7f;
  text-decoration: none;

}

/*footer end*/

.text-white{
  color: #fff;
}
.text-red{
  color: #f11923;
}
.common-section{
  padding: 50px 0;
}
.benefits-section {
    background-image: url(../images/bg/benifits.jpg);
    background-size: auto 100%;
	margin-top:-15px;
}
.section-title{
  font-size: 35px;
  line-height: 42px;
  margin-bottom: 15px;
 /* font-family: 'OpenSansBold';*/
    font-family: 'jura-bold';
}
.benefits-list {
    margin: 20px 0;
}
.benefits-list li {
    list-style: none;
    color: #fff;
    padding:35px 50px 35px 54px;
    border: 1px solid #ffffff;
    font-size: 24px;
    margin-right:35px;
    text-transform: capitalize;
    line-height: 24px;
    border-left: 0;
    position: relative;
	font-family: 'OpenSansLight';
}
.benefits-list li:last-child{margin-right:0;}

.benefits-list .vix-1{position:relative;}
.benefits-list .vix-1:after{position:absolute;background: url(../images/vix-1.png);left:-83px;top:-12px;content:"";width:70px;height:70px;}
.benefits-list .vix-2{position:relative;}
.benefits-list .vix-2:after{position:absolute;background: url(../images/vix-2.png);left:-83px;top:-12px;content:"";width:70px;height:70px;}
.benefits-list .vix-3{position:relative;}
.benefits-list .vix-3:after{position:absolute;background: url(../images/vix-3.png);left:-83px;top:-8px;content:"";width:70px;height:70px;}
.benefits-list .vix-4{position:relative;}
.benefits-list .vix-4:after{position:absolute;background: url(../images/vix-4.png);left:-83px;top:-7px;content:"";width:70px;height:70px;}







.benefits-list li:after, .benefits-list li:before{
  content: "";
  position: absolute;
  left: 0;
  width: 1px;
  height: 25px;
  background-color:#ffffff;
}
.benefits-list li:after{
  bottom: 0;
}
.benefits-list li:before{
  top: 0;
}
.titlebot-content {
    font-size: 16px;
    line-height: 26px;
}
.client-list{
  margin: 0;
  padding: 15px 0;
  text-align: justify;
}

.client-list li {
    display: inline-block;
    vertical-align: middle;
    min-width: 120px;
    text-align: center;
    padding-right: 25px;
    padding-left: 0;
}
.client-list li:nth-child(6), .client-list li:nth-child(13){
  padding-right: 0;
}
.client-list li span{
  display: inline-block;
}
.products-section{
padding:70px 0px 0px 0px;
}
.productslider-wraper{
  margin-top: 35px;
}
.prd-single{
  position: relative;
  transition: all 0.5s ease;
  /* margin: 15px 0; */
  margin: 0;
  overflow: hidden;
}

.prd-single:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width:0;
    height:3px;
    transition: all 1s ease;
    /* background-color:#f11923; */
    background: transparent;
}
.prd-single:hover {
    /* transform: scale(1.05);
    transition: all 0.5s ease; */
    z-index: 9;
}
.prd-single:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* background-image: linear-gradient(180deg, #f1192315, #f1192352); */
    background-image: none;
    transition: all 0.5s ease;
    opacity: 0;
    z-index: 9;
    
}

.prd-single img {
    transition: all 0.5s ease;
}

.prd-single:hover img {
    transform-style: preserve-3d;
    transform: scale(1.05);
    transition: all 0.5s ease;
}

.prd-single:hover .listings ul{ transition: all 0.5s ease;opacity:1;visibility:visible;}

.listings ul{margin:0px;padding:0px;}	
.listings li{list-style:none;font-family: 'OpenSansRegular';font-size:14px;color:#fff;}	
.listings li a{text-decoration:none;font-family: 'OpenSansRegular';font-size:14px;color:#fff;padding-left:15px;}	
	
.prd-single:hover .listings{
	transition: all 0.5s ease;
	bottom:70px;
 }
  
.listings ul{transition: all 0.5s ease;position:absolute;opacity:0;visibility:hidden;width:100%;}  
  
.listings{
	transition: all 0.5s ease;
    display: block;
    float: left;
    width: 100%;
    position: absolute;
	bottom: calc(-105% + 283px);
  }
		
.prd-single:hover:after {
width:100%;
transition: all 1s ease;
}

.prd-single:hover:before {
    opacity: 1;
    transition: all 0.5s ease;
}
.about-section {
    background-image: url(../images/bg/about.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: right top;
}

.honda-section {
    //*background-image: url(../images/bg/honda.png);*/
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: right top;
}



.bodybg {
	background-image: url("../images/bg/bodybg.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.bodybg.inn{
	background-image: url("../images/bg/bodybginn.png");
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
.about-section.common-section {
    padding: 80px 0;
    min-height: 423px;
}
.honda-section.common-section {
    padding: 80px 0;
    min-height: 423px;
}

.viewall-btn{
    display: inline-block;
    padding: 10px 36px;
    border: 1px solid #bfbfbf;
    color: #191818;
    font-weight: 600;
    font-size: 16px;
    text-transform: capitalize;
    position: relative;
    font-family: 'OpenSansLight';
    overflow: hidden;
    transition: all 0.5s ease;
}


.viewall-btn:hover{
  color: #ffffff;
  transition: all 0.5s ease;
}
.viewall-btn span{
  position: relative;
  z-index: 30;
}
.viewall-btn:before{
  content: "";
  position: absolute;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: #f11923;
  top: 0;
  transition: all 0.5s ease;
}
.viewall-btn:hover:before{
  left: 0;
  transition: all 0.5s ease;
}
.viewall-btn:after {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    height: 0;
    border-left: 22px solid #f11923;
    border-top: 22px solid transparent;
    border-bottom: 21px solid transparent;
    top: 0;
    transition: all 0.5s ease;
}
.viewall-btn:hover:after {
    left: 100%;
    transition: all 0.5s ease;
}

.abtbtn-wraper {
    margin: 35px 0 0;
}
.footer-top{
  padding: 30px 0;
}
 
.prdname {
    position: absolute;
    left: 0;
    bottom: -140px;
    padding: 0 25px;
    z-index: 99;
    background: rgba(95, 93, 94, 0.73);
    width: 100%;
    height: 200px;
}
.prdname a{    
    font-family: 'OpenSansBold';    font-size: 24px;
    text-transform: capitalize;
    color: #ffffff;}
.prdname i{
   transform: translateX(5px);
   transition: all 0.5s ease;
}
.prd-single:hover .prdname i{
   transform: translateX(10px);
   transition: all 0.5s ease;
}
.bannercaption-wraper {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 100%;
    text-align: center;
}

.sliding-layout a{display:block;}

.captext-common{
  font-family: 'prata';
    display: block;
}
.toptext{font-size: 42px;font-family: 'OpenSansExtrabold';text-transform:uppercase;}
.toptext span{font-family: 'OpenSansRegular';color:#ffffff;text-transform:uppercase;transform: translateX(-50px);opacity:0;transition: all 1s ease-in 1s;display:block;}

.owl-item.active .toptext span{transform: translateX(0px);transition: all 1s ease-in 1s;opacity:1;}


.bottomtext {font-size: 100px;font-family: 'OpenSansExtrabold';text-transform:uppercase;background: linear-gradient(to bottom, #e11f28 0%, #f11923 100%);	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;line-height:82px;transform: translateX(-50px);visibility:hidden; transition: all 1.2s ease 1.2s;display:block;}

	.owl-item.active .bottomtext{transform: translateX(0px); transition: all 1.2s ease 1.2s; visibility:visible;}
	
	
.bannercaption-inner {
    display: inline-block;
    padding: 80px 0 80px 80px;
    border-right: 0;
    text-align: center;
    line-height: 54px;
    position: relative;
}
.bannercaption-inner:after{
	background-image: url("../images/rect.png");
    bottom:28px;
    content: "";
    height: 226px;
    right: -150px;
    position: absolute;
    width: 294px;
	opacity:0;
	transition: all 3s ease-in-out;
}

.owl-item.active .bannercaption-inner:after{transition: all 3s ease-in-out;right:-50px;opacity:1;}


.vertical-outer{
  display: table;
  width: 100%;
  height: 100%;
}
.vertical-inner{
  display: table-cell;
  vertical-align: middle;
}
.vertical-inner-1{
  display: table-cell;
  vertical-align: top;
  position:absolute;right:20%;
}
.captext-italic{
  font-family: 'boomerangitalic';
  position: absolute;
  font-size: 62px;
}
.topleft {
    top: 38px;
    left: 60px;
}
.topright {
    top: 78px;
    right: -46px;
}
.aboutsection-inner {
    position: relative;
    display: inline-block;
    min-height: 300px;
}
.aboutsection-inner:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #BEB9AE;
    bottom: -86px;
    transition: all 0.5s ease;
}
.contact-wraper span{
  display: block
}
.contact-text{
  font-size: 12px;
  color: #ffffff;
}
.contact-number{
  font-size: 16px;
  color: #ffffff;
}
.footer-menu{
  padding: 0 45px;
  border-left: 1px solid #808080;
  border-right: 1px solid #808080;
}
.follow-us .contact-wraper {
    margin-left: 15px;
    margin-top: 8px;
}


/* inner-banner */ 

.innerPage-banner .banner-img {height: 380px;background-size: cover;background-repeat: no-repeat;background-position: center;overflow: hidden;}
.innerPage-banner .brand_bg:before {z-index: unset;}
.innerPage-banner .banner-img .texture {display: inline-block;width: 100%;}
.innerPage-banner .banner-img .texture:before {content: "";display: inline-block;width: 200vw;height: 100%;position: absolute;top: 0;left: -100vw;opacity: 0.3;}

.about-clasicengineering .innerPage-banner .banner-img {background-image: url(../images/banner/branding.jpg)}
.about-clasicengineering.inf .innerPage-banner .banner-img {background-image: url(../images/banner/branding-1.jpg)}
.about-clasicengineering.gal .innerPage-banner .banner-img {background-image: url(../images/banner/branding-2.jpg)}
.about-clasicengineering.tes .innerPage-banner .banner-img {background-image: url(../images/banner/branding-3.jpg)}
.about-clasicengineering.cli .innerPage-banner .banner-img {background-image: url(../images/banner/branding-4.jpg)}
.about-clasicengineering.com .innerPage-banner .banner-img {background-image: url(../images/banner/branding-5.jpg)}
.about-clasicengineering.con .innerPage-banner .banner-img {background-image: url(../images/banner/branding-6.jpg)}
.about-clasicengineering.award .innerPage-banner .banner-img {background-image: url(../images/banner/branding-8.jpg)}

/* inner-banner */ 


.sect-titl h4{font-family: 'OpenSansBold';font-size:36px;color:#f11923;}

.proj-img img{width:100%;}

.proj-img{margin-bottom:8px;position:relative;z-index:0;}
.pr-im{position:relative}
.pr-im:before{background-image: linear-gradient(180deg, #f1192300, #f1192398);content: "";height: 100%;left: 0;opacity: 0;position: absolute;top: 0;transition: all 0.5s ease 0s;width: 100%;z-index: 1;}

.proj-cnt{position:absolute;bottom:-100px;left:0;content:"";padding:0px 0px 15px 20px;opacity:0;transition: all 0.5s ease;z-index:1;}
.proj-cnt h5{font-family: 'OpenSansBold';font-size:18px;color:#fff;}
.proj-cnt i{margin-left:20px;font-size:22px;margin-top:4px;}
.proj-cnt span{display:block;font-family: 'OpenSansLight';font-size:15px;color:#fff;font-style:italic;}

.proj-img:hover .proj-cnt{bottom:0px;opacity:1;transition: all 0.5s ease;}
.proj-img:hover .pr-im:before{opacity:1;transition: all 0.5s ease;}

.cal-btn-mob{display:none;}

.project-wrapper{padding-top:30px;}

.owl-carousel .testimonial-str img{width:auto;margin:0 auto 25px;}

.testi-slider {padding-top:60px;position:relative;}
.testimonial-str h4{font-family: 'OpenSansSemibold';font-size:17px;color:#606060;padding-bottom:5px;text-transform:uppercase;}
.testimonial-str p{font-family: 'OpenSansLight';font-style:italic;font-size:16px;color:#606060;line-height:25px;padding-bottom:25px;width:85%;margin:0 auto;}
.testi-slider:before{position:absolute;content:"";background: url(../images/dble.png);width:96px;height:73px;left:0;top:160px;}
.testi-slider:after{position:absolute;content:"";background: url(../images/dble-rit.png);width:96px;height:73px;right:40px;bottom:20px;}

.clnts-pac{padding:35px 0px;position:relative;}
.clnts-pac:before{position:absolute;content:"";left:-30px;top:-30px;width:1px;height:500px;background-color:#f1f1f1;}
.clnts-pac ul{padding:0px;margin:0px;padding-bottom:35px;}
.clnts-pac li{display:inline-block;width:32%;padding:10px;}
.clnts-pac img{width:100%;}

.contact-wraper{display:block;}

.bread-grums ul{padding:0px 0px 25px 0px;margin:0px;}
.bread-grums li{display:inline-block;margin-right:4px;color:#908f8f;font-size:14px;font-family:'OpenSansLight';}
.bread-grums li.active{color:#f11923;}
.bread-grums a{text-decoration:none;font-family: 'OpenSansLight';color:#908f8f;font-size:14px;transition: all 0.5s ease;}
.bread-grums a:hover{text-decoration:none;color:#f11923;transition: all 0.5s ease;}
.sliding-layer p{font-family: 'OpenSansRegular';font-size:16px;color:#606060;margin:0 auto 10px;width:80%;}


.pro-set{padding:60px 0px 60px 30px;position:relative;}
.pro-set:before{ background-image: url("../images/slid-proj-1.png");top:35px;content: "";height:298px;right:110px;position: absolute;width:295px;z-index:-1;transition: all 0.5s ease;}
.pro-set:after{ background-image: url("../images/slid-proj.png");top:35px;content: "";height:298px;right:110px;position: absolute;width:295px;z-index:-1;transition: all 0.5s ease;opacity:0;}
.prod-img img{-webkit-box-shadow: 0px 0px 20px 17px rgba(0,0,0,0.07);
-moz-box-shadow: 0px 0px 20px 17px rgba(0,0,0,0.07);
box-shadow: 0px 0px 20px 17px rgba(0,0,0,0.07);}

.pro-set:hover:after{opacity:1;transition: all 0.5s ease;}
.pro-set:hover:before{opacity:0;transition: all 0.5s ease;}
.pro-set:hover .prod-img span{transition: all 0.5s ease;color:#f11923;right:8%;}

.prod-img span{font-family: 'OpenSansBold';font-size:30px;color:#8f8d8d;position:absolute;top:150px;right:10%;transition: all 0.5s ease;}

/* E-responsive Tab */

.activi-tab-block {padding: 0px 20px;}
.activi-tab-block .activi-tab-img {padding: 20px 0px;}
.activi-tab-block.notings .activi-tab-img.notings {padding: 20px 0px;}
.activi-tab-block.notings{padding:0px 0px 0px 20px}
.activi-tab-block .activi-tab-img img {width: 100%;}
.activi-tab-content {padding: 0px 0px 0px 110px;position: relative;}
.activi-tab-content span {position: absolute;top: 0px;left: 0px;width: 90px;}
.activi-tab-content span img {width: 100%;}
.activi-tab-content ul {margin: 10px 0;padding: 0px;}
.activi-tab-content li {list-style: none;font-size: 22px;font-family: "FFDIN-Light";position: relative;padding: 5px 0px 5px 25px
}
#verticalTab .resp-tabs-list.notings li{border:none !important;}
#verticalTab{padding-top:30px;}
.resp-vtabs .resp-tabs-list.notings{width:25%;}
.resp-vtabs .resp-tabs-container.notings{width:75%;min-height:auto;}
.activi-tab-content.semiyo p{ color: #909294;font-family: "FFDIN-Medium"; font-size: 22px;line-height: 26px;margin:0px;}
.activi-tab-content.semiyo{padding:0px 0px 0px 20px}
li.resp-tab-item.resp-tab-active{font-size:20px;line-height:25px;background-color:#f11923;color#fff;}
.activi-tab-content.semiyo h4{color: #e50b57;font-family: "FFDIN-Bold";font-size:18px;margin: 0;padding: 0 0 10px;text-transform: uppercase;}
.resp-tabs-list.notings li span{font-size:18px;line-height:24px;font-family: 'OpenSansRegular';display:block;}

/* E-responsive Tab */

.window-lay-cnt h4{font-family: 'OpenSansBold';color:#f11923;font-size:20px;padding-bottom:10px;margin:0px;}
.window-lay-cnt h5{font-family: 'OpenSansSemibold';color:#f11923;font-size:16px;padding-bottom:15px;margin:0px;}
.window-lay-cnt p{font-family: 'OpenSansLight';font-size:16px;line-height:25px;color:#606060;margin:0px;padding:0px;padding-bottom:25px;}
.window-lay-cnt ul{padding:0px 0px 25px;margin:0px;}
.window-lay-cnt li{list-style:none;font-family: 'OpenSansLight';font-size:16px;position:relative;padding-left:20px;margin-bottom:10px;}
.window-lay-cnt li:before{position:absolute;background-image: url("../images/rit-arr.png");left:0;top:5px;width:13px;height:11px;content:"";}
.window-lay-cnt .prj-imgh {padding:0px;margin:0px;padding-top:30px;}
.inn-img-list li{display:inline-block;width:32%;}
.prj-imgh li{display:inline-block;width:31%;padding:10px;margin-right:10px;border:1px solid #dfdfdf;}
.prj-imgh li:before{display:none;}


/* section_gallery_content */

.page-contructions .gallery-block .ba-slider:hover .content_container {padding-bottom: 14px;}
.page-contructions .gallery-block .title {display: block;color: #fff;text-transform: uppercase;font-size: 16px;line-height: normal;margin-bottom: 4px;} 
.page-contructions .gallery-block .content_container {position: absolute;bottom: 0;width: 100%;padding: 8px 10px;background-color: rgba(0, 0, 0, 0.3);transition: all 0.25s ease-in 0.5s;} 
.page-contructions .gallery-block .date {color: #fff;font-size: 12px;line-height: normal;}
.simplefilter li {background: url("../images/read-bg.html") no-repeat scroll left center;display: inline-block;text-align: center;padding:0px 10px 0px 0px;position: relative;cursor: pointer;margin:0px;transition: all 500ms ease-in-out 0s;} 
.simplefilter li:hover{transition: all 500ms ease-in-out 0s;}
.simplefilter li > span {display: block;font-size: 12px;color:#2b2a28;transition: all 500ms ease-in-out 0s;font-family: 'OpenSansRegular';border:1px solid #dcdcdc;padding:5px 20px;text-transform:uppercase;}
.zoom h5{font-family: 'OpenSansRegular';font-size:15px;color:#000;line-height:18px;} 
.zoom h5 span{display:block;font-size:13px;font-style:italic;} 
.simplefilter li:hover span,.simplefilter li:focus span{color:#fff;transition: all 500ms ease-in-out 0s;background-color:#F11923;} 
.simplefilter li.active span {color:#F11923;} 
.simplefilter li.active span:hover {color:#fff;} 
.simplefilter li.active:after {width: 100%;} 
.simplefilter {text-align: left;padding:30px 0 ;position:relative;}
.simplefilter:before{background: rgba(0, 0, 0, 0) url("../images/tri-3.html") no-repeat scroll 0 0;content: "";height:43px;position: absolute; left:-150px;bottom: -250px;width:46px;z-index: 0;-webkit-animation:trip linear 15s infinite;-moz-animation: trip linear 15s infinite;transition: all 500ms ease-in-out ;}
.simplefilter:after{background: rgba(0, 0, 0, 0) url("../images/tri-4.html") no-repeat scroll 0 0;content: "";height:43px;position: absolute; right:-120px;top:140px;width:46px;z-index: 0;-webkit-animation:trip linear 15s infinite;-moz-animation: trip linear 15s infinite;transition: all 500ms ease-in-out ;}
.filtr-item{padding-right:0px;padding-bottom:15px;}
.filtr-item .ba-slider{margin-bottom:1px;position: relative;overflow: hidden;margin-right:1px;}
.filtr-item .ba-slider:hover img {transform: scale(1.05);} 
.filtr-item .ba-slider img {transform: scale(1);transition: all ease-in 0.5s;}
.filtr-item .ba-slider img {width: 100%;}
.ful_content .fadeInUp.elementInview {animation: fadeInUp linear 0.3s;} 

/* section_gallery_content */

/* Testimonials Start */

.testimonial-layout a{}
.testim{padding-left:95px;background:rgba(0, 0, 0, 0) url("../images/double-ortho.png") no-repeat scroll left top;margin:20px 0px 35px 0px; }
.testim p{width:95%;font-size:16px;line-height:27px;}
.testim p span{display:block;}
.testim h5{color:#F11923;font-family: "OpenSansSemibold";font-size: 16px;line-height: 22px;}
.testim h5 span{color: #434649;display: block;font-family: "OpenSansLight";font-size: 14px;}
.deep-pro .testim a{ color: #F7941D;font-family: "OpenSansRegular";font-size: 14px;line-height: 28px;text-decoration:none;display:inline-block;}
.deep-pro .testim a:hover{color:#41BFD7;transition: all 500ms ease-in-out;}

/* Testimonials End */

/* ------------------------------------------------------------------
                		clients-block sections
------------------------------------------------------------------ */ 

.clients-speak-block {}
ul.clients-speak { margin:0px; padding:0px;padding-top:20px;}
.clients-speak li { list-style:none; float:left; width:15%; transition:all 600ms ease-in-out; position:relative;margin-right:15px;margin-bottom:15px; }
.clients-box { position:relative; border:1px solid rgba(0,0,0,0.15); transition:all 600ms ease-in-out; overflow:hidden; }
.clients-logo-box img {width:100%; transition:all 500ms ease-in-out;filter: grayscale(100%)}
.clients-speak li:hover .clients-logo-box img{transition:all 500ms ease-in-out;filter: grayscale(0)}
.clients-plus { position:absolute; bottom:-20px; right:-20px; background:rgba(209,209,209,1); height:50px; width:50px; border-radius:100%; transition:all 600ms ease-in-out; }
.clients-plus a { display:block; height:100%; width:100%; }
.clients-plus i { position:relative; top:8px; left:12px; color:#fff }
.clients-speak li:hover .clients-box .clients-plus, .clients-speak li .clients-box:hover .clients-plus { background:rgba(242,111,33,1); }
.clients-speak li:hover .clients-box, .clients-speak li .clients-box:hover {border:1px solid rgba(241,25,35,0.50); -webkit-box-shadow: 0px 0px 36px -5px rgba(0,0,0,0.14);
-moz-box-shadow: 0px 0px 36px -5px rgba(0,0,0,0.14); box-shadow: 0px 0px 36px -5px rgba(0,0,0,0.14);}

.clients-content-box { position:absolute; bottom: 100%; left:0px; background:rgba(242,111,33,1); padding:20px;  z-index:100; width: calc(200% + 20px); display: none; }
.clients-content {height:300px;   }
.clients-content h3 { font-size:20px; color:#fff; font-family: 'WorkSansSemiBold'; line-height:28px; margin:0px; padding:0px 0px 15px; }
.clients-content h3 span {font-family: 'OpenSansLight'; font-size:18px; }
.clients-content p { color:#fff; font-size:16px; line-height:25px; }
.client-avatar-block {}
.client-avatar img { width:100%;}

.clients-speak li:nth-of-type(5n) .clients-content-box {}
.clients-speak li:nth-of-type(5n) .clients-content-box {right: 0;	left: auto}

.clients-speak li .clients-content-box:after {right: 40px;left: auto}
.clients-speak li a:hover .clients-content-box {display: block}

.clients-speak li .clients-content-box.down {	top: 100%;	bottom: auto;	margin-bottom: 0;	margin-top: 1px;	padding: 43px 25px 25px}
.clients-speak li .clients-content-box.down:after {margin-top: 0;	top: auto;	margin-bottom: -15px;	bottom: 100%;	border-top-color: rgba(242,111,33,0);	border-bottom-color: rgba(242,111,33,1)}

.clients-speak li .clients-content-box.down:before {bottom: auto;	top: 0}

.clients-speak li:nth-of-type(5n) .clients-content-box:after {right:40px; left:auto}
.clients-speak li .clients-content-box:after {margin-top: -15px;	top: 100%;	left: 40px;	border: solid transparent;	content: " ";	height: 0;	width: 0;	position: absolute;	pointer-events: none;	border-color: rgba(242,111,33,0);	border-top-color: rgba(242,111,33,1);	border-width: 8px;	margin-left: -8px}
.clients-speak li .clients-content-box:before {	position: absolute;	bottom: 0;	height: 15px;	width: 100%;	content: '';	left: 0;	background-color: #FFF}


 /* ------------------------------------------------------------------
                		contact enquiry block sections
------------------------------------------------------------------ */ 

/* Reach Us Start */

.contact-us{padding-top:30px;}
.contact-us h4{color:#42BAD2;}
.contact-us h5{color:rgba(67, 70, 73, 0.6);font-family: 'OpenSansSemibold';font-size:24px;}

.contact-us strong{color:rgba(67, 70, 73, 0.6);display:block;}

.form-data.cnt input{ border: 1px solid #e4e4e4;border-radius: 0px;font-family: "OpenSansRegular";font-size: 14px;height: 45px;padding: 6px 10px;width: 100%;margin-bottom:15px;cursor:}

.form-data.cnt textarea{ border: 1px solid #e4e4e4;border-radius: 0px;font-family: "OpenSansRegular";font-size: 14px;height: 85px;padding: 6px 10px;width: 100%;margin-bottom:15px;}

.form-data.cnt select{-moz-appearance: none;-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border: 1px solid #e4e4e4;border-radius: 0px;font-family: "OpenSansRegular";font-size: 14px;height: 45px;padding: 6px 10px;width: 100%;margin-bottom:15px;cursor:pointer;background: rgba(0, 0, 0, 0) url("../images/dwn.html") no-repeat scroll 95% center;}
.conta-details.infra.cntus{position:relative;}
.conta-details.infra.cntus:after{position:absolute;background-color:rgba(0,0,0,0.20);content:"";left:-65px;top:0;height:100%;width:1px;}
.form-data.cnt input[type="submit"] {background:#000;border: medium none;color: #fff;font-family: "OpenSansBold";text-transform: uppercase;float:right;width:100%;border-radius:0px;font-size:16px;box-shadow: 10px 10px 21px 2px rgba(0, 0, 0, 0.12);transition: all 500ms ease-in-out;}	
.form-data.cnt input[type="submit"]:hover{background:#F11923;transition: all 500ms ease-in-out;}
.tots-cnt p{font-size:18px;}
.tots-cnt a{font-size:18px;color: #333;text-decoration:none;transition: all 500ms ease-in-out;}
.tots-cnt a:hover{color: #F11923;transition: all 500ms ease-in-out;}

.ins-c img{width:135px;border: 1px solid #dfdfdf;border-radius:0px;height:45px;}
.ins-cf img{border: 1px solid #dfdfdf;border-radius:0px;}

.addr{padding-left:45px;background:rgba(0, 0, 0, 0) url("../images/loc.png") no-repeat scroll -15px -5px ;}
.addr span{display:block; color: #F11923;
    font-family: "OpenSansSemibold";
    font-size: 24px;padding-bottom:5px;}
.callr{padding:15px 0px 5px 45px;background:rgba(0, 0, 0, 0) url("../images/call.png") no-repeat scroll -14px top ;}
.smsr{padding:15px 45px;background:rgba(0, 0, 0, 0) url("../images/sms.png") no-repeat scroll -14px top ;}

/* Reach Us End */

.applying-form {background-color:#f1192310;width:75%;margin:0 auto;text-align:center;float:none;padding:60px;display:inline-block;margin-top:40px;}
.applying-form h3{font-size:30px;line-height:26px;font-family: 'OpenSansBold';color: rgba(0, 0, 0, 0.54);padding-bottom:20px;margin:0px;}
.applying-form h4{font-size:24px;line-height:26px;font-family: 'OpenSansSemibold';color:#000;}
.applying-form p{padding-bottom:20px;}

.form-data.cnt input{ border: none;border-radius: 0px;font-family: "OpenSansRegular";font-size: 14px;height: 45px;padding: 6px 10px;width: 100%;margin-bottom:15px;}

input.jsrequired.error{margin-bottom:0px;}

.form-data.cnt label{ border: none;border-radius: 0px;height: 45px;padding:10px 10px;width: 100%;margin-bottom:15px;background-color:#6f6f6f; color:#fff;}

.form-data.cnt textarea{ border: none;border-radius: 0px;font-family: "OpenSansRegular";font-size: 14px;height: 85px;padding: 6px 10px;width: 100%;margin-bottom:15px;}

.form-data.cnt select{-moz-appearance: none;-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border: none;border-radius: 6px;font-family: "OpenSansRegular";font-size: 14px;height: 45px;padding: 6px 10px;width: 100%;margin-bottom:15px;cursor:pointer;background: rgba(0, 0, 0, 0) url("../images/dwn.html") no-repeat scroll right 10px center;background-color:#fff;color:#8b8b8b;-webkit-appearance: none;
    appearance: none;}

.form-data.cnt .select2{-moz-appearance: none;-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border: none;border-radius: 6px;font-family: "OpenSansRegular";font-size: 14px;height: 45px;width: 100%;margin-bottom:15px;cursor:pointer;background: rgba(0, 0, 0, 0) url("../images/dwn.html") no-repeat scroll right 10px center;background-color:#fff;color:#8b8b8b;-webkit-appearance: none;
    appearance: none;}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin-bottom: 0;
}

.form-data.cnt input[type="file"]{}


.form-data.cnt input[type="submit"] {background:#000 ;border: medium none;color: #fff;font-family: "OpenSansSemibold";text-transform: uppercase;float:right;font-size:16px;transition: all 500ms ease-in-out 0s;}
.form-data.cnt input[type="submit"]:hover{background-color:#F11923;transition: all 500ms ease-in-out 0s;}

.form-data.cnt input[type="button"] {background:#000 ;border: medium none;color: #fff;font-family: "OpenSansSemibold";text-transform: uppercase;float:right;font-size:16px;transition: all 500ms ease-in-out 0s;}
.form-data.cnt input[type="button"]:hover{background-color:#F11923;transition: all 500ms ease-in-out 0s;}

.enqi span{display: block;
color: #F11923;
font-family: "OpenSansSemibold";
font-size: 24px;
padding-bottom:15px;text-transform:uppercase;padding-left:15px;}

.custom-mask{
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
}
.custommask-wraper{
	position: relative;
	border-bottom: 1px solid #dfdfdf;
	background-color:#fff;
	border-radius:0px;
	height:45px;
	margin-bottom:30px;
	text-align:left;
}
.custommask-wraper input[type="file"] {
    opacity: 0;
    position: relative;
    z-index: 10;
	cursor: pointer;
	height:45px;
}
.chosefile-btn{
	border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
	float: left;
    display: inline-block;
    margin-right: 15px;
    background-color: #606060;
    padding:12px 15px;
   
    color: #fff;
    font-size: 14px;
	
	transition: all 0.5s ease;
}
.filename{padding-top:4px;font-family: "OpenSansSemibold";font-size: 14px;color:#9191A3;
}
.custom-mask:hover .chosefile-btn{
    background-color:#C5392A;
    transition: all 0.5s ease;
}
.filename {
    display: inline-block;
    font-size: 13px;
	float: left;
	line-height: 36px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 50%;
    vertical-align: middle;
}

.certificate-fnt{padding-top:20px;}
.certificate-fnt ul{padding:0px;margin:0px;}
.certificate-fnt li{display:inline-block;width:20%;margin-right:35px;margin-bottom:40px;}

.acc-fit{padding-top:20px;}
.acc-fit ul{padding:0px;margin:0px;}
.acc-fit li{display:inline-block;width:30%;margin-right:35px;margin-bottom:40px;vertical-align:top;}
.acc-tit{margin:15px 0px 0px;font-family: 'OpenSansSemibold';  font-size: 27px;}

.acc-img{-webkit-box-shadow: 0px 0px 45px -20px rgba(0,0,0,0.54);
-moz-box-shadow: 0px 0px 45px -20px rgba(0,0,0,0.54);
box-shadow: 0px 0px 45px -20px rgba(0,0,0,0.54);transition: all 0.5s ease;}

.acc-img:hover{-webkit-box-shadow: 0px 0px 38px -20px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 38px -20px rgba(0,0,0,1);
box-shadow: 0px 0px 38px -20px rgba(0,0,0,1);transition: all 0.5s ease;}

.acc-img img{width:100%;}







.certifi-img img{width:100%;}
.certifi-img{-webkit-box-shadow: 0px 0px 11px 5px rgba(0,0,0,0.41);
-moz-box-shadow: 0px 0px 11px 5px rgba(0,0,0,0.41);
box-shadow: 0px 0px 11px 5px rgba(0,0,0,0.41);}


.banno{
    background-image: none !important;
}
.bann-inn{
    position: relative;


}

.bann-inn img{
    display: block;
  width: 100vw;
  height: 63.4vh;
  object-fit: cover;
}

.bann-inn span img{
    width: auto;height: auto;
}

.bann-inn span.texture{
        position: absolute;
    top: 0;
    right: 6%;
}

.applying-form label.error, #form3 label.error{
   font-family: 'OpenSansLight';
    padding: 0px 0px;
    background-color: transparent;
    color: #F11923;
    height: 20px;
	text-align:left;
	font-size: 12px;
}

.abt-us-prof{padding-top:20px;display:block;width:100%;float:left;}

.who-we-r{padding:70px 0px;}

.abt-us-prof h5{ color: #f11923;
    font-family: "OpenSansSemibold";
    font-size: 28px;text-align:center;}
.abt-us-prof p{color: #606060;
    font-family: "OpenSansRegular";
    font-size: 18px;
    margin: 0 auto 10px;text-align:center;
    }
.abt-us-prof img {
    float: right;
    width: 90%;
}

.why-us-blk{background: rgba(0, 0, 0, 0) url("../images/bg/prof-bg.png") no-repeat scroll left top;background-size:100%;}
.why-tb-til h5{ color: #fff;
    font-family: "OpenSansSemibold";
    font-size: 28px;}
.why-sym{position:relative;}	
.why-sym:after{ background-color: #fff;
    content: "";
    height: 90px;
    left: 0;
    position: absolute;
    top: 8px;
    width: 2px;}	
.why-sym  p{  color: #fff;
    font-family: "OpenSansRegular";
    font-size: 18px;
    line-height: 30px;
    text-align: left;width:80%;margin:10px 0 0px 0px;padding-left:20px;}
	
.upvc-edge .why-tb-til h5{ color: #f11923;}
.why-want{padding-top:30px;}	
.why-want ul{padding:0px;margin:0px;}	
.why-want li{display:inline-block;width:19%;padding-bottom:60px;}	
.why-icn img{-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);transition: all 0.5s ease;width:40%;}

.upvc-edge p{font-family: 'OpenSansRegular';font-size:18px;font-style:italic;}  
  
.why-icn:hover img{animation-name: gray-crl2; -webkit-animation-name: gray-crl2;animation-duration:2.5s;-webkit-animation-duration: 2.5s;animation-timing-function: ease-in-out;-webkit-animation-timing-function: ease-in-out;visibility: visible !important;animation-iteration-count: infinite;-webkit-animation-iteration-count: gray-crl2; filter: grayscale(0);transition: all 0.5s ease;}  
.why-icn:hover span{color: #f11923;transition: all 0.5s ease;}
  
.why-icn span{display:block;font-family: 'OpenSansSemibold';color:#000;font-size:14px;text-transform:uppercase;transition: all 0.5s ease;margin:10px 0px;}

@keyframes gray-crl2 {
0% { transform: translateY(0%); opacity:1; }
50%{ transform: translateY(-14%); opacity:1; }
100%{ transform: translateY(0%); opacity:1; }
}

@-webkit-keyframes gray-crl2 {
0% { transform: translateY(0%); opacity:1; }
50%{ transform: translateY(-14%); opacity:1; }
100%{ transform: translateY(0%); opacity:1; }
}

.services-blk{background: rgba(0, 0, 0, 0) url("../images/bg/ser.jpg") no-repeat scroll 0 0;}
.services-blk p{color: #fff;font-family: "OpenSansRegular";font-size: 18px;line-height: 30px;margin: 10px auto 0;width:75%;}


/* Get In Touch Section Start */

.getinTouch { float:left; width:215px; position:fixed; right:0px; top:120px; height:40px; z-index:999;}
.getinTouch .heading { float:right; width:150px;  font-size:12px; color:#fff; cursor:pointer; height:40px; line-height:40px; background:#F11923; padding:0 0 0 10px; position:relative; z-index:5; transition:all 600ms ease-in;text-transform:uppercase; }
.getinTouch .heading span { float:right; width:40px; height:40px; line-height:40px; font-size:20px; background:#101010 url(../images/icons.png) center 13px no-repeat; color:#fff; transition:all 600ms ease-in }
.getinTouch .mins.heading  { width:96%;}
.getinTouch .mins.heading span { background:#101010 url(../images/icons.png) center -24px no-repeat;}
.getinTouch .fillDetail {float:left; width:100%; padding:6% 8%; background:rgba(255, 255, 255, 0.8); position:relative;   z-index:5; min-height:165px; transition:all 600ms ease-in; transform:translateX(215px) }
.getinTouch .show-menu.fillDetail  {transform:translateX(9px)}
.getinTouch .fillDetail label { float:left; width:97%; margin-bottom:5px;height:40px;}
.getinTouch .fillDetail label span { float:left; width:96%; margin:0; padding:0 10px; color:#f20007; font-size:12px;}
.getinTouch .fillDetail input { float:left; width:100%; font-size:14px; color:#383838; padding:5px 7px; border:1px solid #cdd5de; margin-bottom:10px;font-family: 'OpenSansRegular';font-weight:normal;}
.getinTouch .fillDetail select { float:left; width:100%; font-size:14px;  padding:5px 7px; border:1px solid #cdd5de;-moz-appearance: none;width: 100%;margin-bottom:15px;cursor:pointer;background: #fff url("../images/dwn.html") no-repeat scroll 95% center;color:#8d8d8d !important;font-family: 'OpenSansRegular';font-weight:normal;}
.getinTouch .fillDetail .submit input{float:left; width:100%;  font-size:14px;background-color:#101010 ;color:#fff;text-transform:uppercase;border-radius:4px;transition:all 0.5s ease;}
.getinTouch .fillDetail .submit input:hover{background-color:#F11923;transition:all 0.5s ease;cursor:pointer;font-family: 'OpenSansRegular';}
.getinTouch .fillDetail .submit{}
.getinTouch .fillDetail .submit a:hover { background-position:98% 5px;}
.getinTouch .getInform { float:left; width:100%;}
.getinTouch .thankYou { float:left; width:100%; text-align:center; margin:20px 0 0 0;}
.getinTouch .thankYou h2 { color: #0097ed; font-size: 32px; font-weight: lighter; margin: 15px 0; padding: 0;}
.getinTouch .thankYou p { font-size:14px; font-weight:lighter; margin:0; padding:0; color:#0097ed;}
.errors{color:#fb0000;font-size:14px;}

input.jsrequired.error {border:1px solid red;}

/* Get In Touch Section End */


#pageloader {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	z-index: 99999;
}

#pageloader.white-loader {
	background-color: #ffffff;
}

.white-loader .spinner {
	display: table;
	width: 100%;
	text-align: center;
	height: 100vh;
}

.preloader-liner {
	margin: 20px 0;
}

.preloader-liner .liner {
	display: inline-block;
	margin: 0;
	padding: 0 14px;
	color: #989898;
	font-size: 14px;
	text-transform: uppercase;
	transform-origin: left;
	opacity: 0;
	font-family: 'Maven-medium';
	border-right: 1px solid #dad3d3;
	line-height: 13px;
}

.loaderlogo {
	opacity: 0;
	animation: fadeIn 1.2s linear 0.28s;
	animation-fill-mode: forwards;
}

.preloader-liner .liner.liner-one {
	animation: fadeIn 1.2s linear 0.48s;
	animation-fill-mode: forwards;
}

.preloader-liner .liner.liner-two {
	animation: fadeIn 1.2s linear 0.68s;
	animation-fill-mode: forwards;
}

.preloader-liner .liner.liner-three {
	animation: fadeIn 1.2s linear 0.88s;
	animation-fill-mode: forwards;
	border-right: 0;
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.white-loader .loading {
	display: table-cell;
	vertical-align: middle;
	width: auto;
}

.spinloader {
	margin: 10px auto;
	width: 70px;
	text-align: center;
}

.spinloader>div {
	width: 10px;
	height: 10px;
	background-color: #b3b2b2;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-bouncedelay 1.8s infinite ease-in-out both;
	animation: sk-bouncedelay 1.8s infinite ease-in-out both;
}

.spinloader .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.spinloader .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
	0%,
	80%,
	100% {
		-webkit-transform: scale(0)
	}
	40% {
		-webkit-transform: scale(1.0)
	}
}

@keyframes sk-bouncedelay {
	0%,
	80%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	40% {
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
	}
}

.resp-tab-content p:empty {display:none;}


.testi-slider.owl-theme .owl-controls .owl-dots {
    bottom: -10px;
}

.mt30{
    margin-top: 30px;
}


/* .prd-single{
    overflow: hidden;
} */


.newhvr .nwposit{
    position: relative;
}
.newhvr .nwposit:before{
    content: "";
    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    opacity: 0;
    transition: all ease-in 0.5s;
    transform: scale(1);
}

.newhvr:hover .nwposit:before {
    opacity: 1;
    z-index: 99;
    transform: scale(1.05);
}
.newhvr{
    position: relative;
}
.newhvr p{
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 200px;
    color: #fff;
    opacity: 0;
    transition: all ease-in 0.5s;
    z-index: 99;
    width: 100%;
}   

.newhvr:hover p{
    opacity: 1;
}

.brnch .addr span{font-size:18px;margin-top:20px;}