@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Roboto:300,400,500,700';


body { font-family:"Open Sans", Roboto, sans-serif; font-size:14px; font-weight:normal; color:#222; line-height:1.3em; }
h1, h2, h3, h4, h5, h6 { font-family:"Open Sans", Roboto, sans-serif; font-weight:bold; color:#222; line-height:1.2em; }
a { color:#ed212b; }
.nilpadding { padding:0; }
.full.button.red { margin:0; background:#ed212b; text-transform:uppercase; font-size:12px; font-weight:700; line-height:1.2em; }
.full.button.red:hover { background:#821117; }
.button.hollow { font-size:12px; font-weight:700; text-transform:uppercase; border:1px solid #fff; color:#fff; }
.button.hollow:hover, .button.hollow:focus { border:1px solid #ed212b; color:#ed212b; }
.stitle-wrap { text-align:center; margin-bottom:3em; }
.stitle-wrap span { font-size:16px; font-weight:700; color:#6e6e6e; letter-spacing:0.03em; }
.stitle-wrap .stitle { margin-bottom:0.2em; }
.stitle { font-weight:600; letter-spacing:0.03em; position:relative; margin-bottom:0.8em; padding-left:1.4em; }
.stitle:before { left: 0.25em; background: #36404b; }
.stitle:after { left: 0.65em; background: #fb4848; }
.stitle:before, 
.stitle:after { 
	content: ''; position: absolute; top:50%; width:10px; height:20px; margin-top:-0.2em; 
	transform:skewX(-35deg); -webkit-transform:skewX(-35deg); -ms-transform:skewX(-35deg);
}
.stitle-border { position:relative; }
.stitle-border:before { content:''; border-bottom:1px solid #898989; display:block; width:100%; position:absolute; left:0; top:50%; margin-top:0.2em; } 
.stitle-con { display:inline-block; position:relative; background:#fff; padding:0 33px; }
@media screen and (max-width: 40em) {
	.full.button.red { font-size:11px; }
	.stitle { font-size:25px; line-height:1.2em; }
	.stitle:before, 
	.stitle:after { width:7px; height:13px; }
	.stitle-wrap { margin-bottom:2em; }
	.stitle-wrap span { font-size:14px; font-weight:600; }
	.stitle-con { padding:0 20px; }
}
@media screen and (min-width: 64em) and (max-width: 100em) {
	.lm-12 { width:80%; }
}



/*==========HEADER==========*/
.header { position:relative; }
.head-info-wrap { padding:14px 0; background:url(../images/header-bg.jpg) repeat center; }
.head-info-wrap ul { margin:0; }
.head-info-wrap li { font-size:14px; line-height:1.4em; list-style:none; position:relative; }
.head-info-wrap div > ul > li { display:inline-block; padding:5px 0px 5px 66px; float:right; }
.head-info-wrap li.head-contact:before { background: url(../images/head-phone.png) no-repeat center / contain; content:''; width:30px; height:30px; position:absolute; left:15px; top:10px; }

/*----------navi----------*/
.navi-wrap { position:relative; }
.navi-wrap .menu li a { font-family:"Open Sans", Roboto, sans-serif; font-size:15px; font-weight:700; color:#fff; text-transform:uppercase; padding:0.8em 1.6em; } 
.navi-wrap .menu li a:hover, 
.navi-wrap .menu li a:focus, 
.navi-wrap .menu .active > a { background-color:#ed212b; color:#fff; }
.navi-wrap .submenu li a { color:#222; }
.navi-wrap .dropdown.menu .is-dropdown-submenu > li:not(:last-child) { border-bottom:1px solid #ccc; }
.navi-wrap .dropdown.menu li.is-dropdown-submenu-parent > a { padding-right:1.4em; }
.navi-wrap .dropdown.menu > li.is-dropdown-submenu-parent > a:after { 
	content:'\f107'; font-family:fontawesome; color:#fff; 
	width:inherit; height:inherit; position:relative; display:inline-block; border:none; padding-left:10px; 
}
.navi-wrap .dropdown.menu .is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
	content:'\f105'; font-family:fontawesome; color:#222; 
	width:inherit; height:inherit; border:none; margin-top:-8px; 
}
.navi-wrap .dropdown.menu .is-dropdown-submenu .is-dropdown-submenu-parent > a:hover::after,
.navi-wrap .dropdown.menu .is-dropdown-submenu .is-dropdown-submenu-parent > a:focus::after { color:#fff; }
.menu-icon { width:18px; height:12px; }
.menu-icon::after, .menu-icon:hover::after{ background: #fd4641; box-shadow: 0 5px 0 #fd4641, 0 10px 0 #fd4641; }
.title-bar-title { text-transform:uppercase; }

/*----------Preventing FOUC----------*/
.no-js #responsive-menu { display:none; }

@media screen and (min-width: 64em) {
	.no-js #responsive-menu { display:block; }
	.no-js .title-bar { display: none; }
}
@media screen and (min-width: 64em) {
	.navi-wrap { background-color:#112444; border-bottom: 4px solid #49586f; }
	.navi-wrap .first-menu > li:not(:last-child) { border-right:1px solid #fff; }
	.navi-wrap .first-menu > li.active { border:none; }
}
@media screen and (max-width: 1023px) {
	.head-info-wrap { text-align:center; }
	.head-info-wrap ul { display:inline-block; text-align:left; }
	.head-info-wrap div > ul > li { padding:5px 11px 5px 47px; }
	.head-info-wrap li { font-size:12px; }
	.head-info-wrap li.head-contact:before { width:20px; height:20px; }
	.navi-con { padding:0; }
	.title-bar { background:#112444; border-bottom:3px solid #49586f; padding:0.5rem 1rem; }
	.navi-wrap .menu { background-color:#112444; }
	.navi-wrap .menu li a { font-size:13px; padding:0.8em 1.4em; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; }
	.navi-wrap .menu li a:hover { padding-left:25px; }
	.navi-wrap .submenu li a { color:#fff; }
	.navi-wrap ul.is-accordion-submenu { margin-left:20px; }
	.navi-wrap .is-accordion-submenu-parent > a::after { right:20px; border-color: #fff transparent transparent; }
}
@media screen and (max-width: 30em) {
	.head-info-wrap div > ul > li { padding:5px 7px 5px 26px; }
	.head-info-wrap li.head-contact:before { left:0; }
}





/*==========BREADCRUMBS==========*/
.about-bread-content { background: url(../images/bread-contact.jpg) no-repeat center / cover; }
.bread-content { 
	background-color:#000; padding:3em 0 1em 0; 
	-ms-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; transition:all 0.5s ease;
}
.bread-title { text-align:center; }
.bread-title h2 { 
	font-weight:100; color:#fff; text-transform:uppercase; letter-spacing:2px; 
	background-color:rgba(0,0,0,0.6); display:inline-block; margin:0; padding:0.3em 2em; 
	-ms-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; transition:all 0.5s ease;
}
.bread-wrap { text-align:right; }
.bread-wrap .breadcrumbs { display:inline-block; margin:0; }
.bread-wrap .breadcrumbs li { 
	font-size:16px; font-weight:400; text-transform:none; color:#fff; 
	-ms-transition:all 0.5s ease; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; 
}
.bread-wrap .breadcrumbs li a { color:#fff; }
@media screen and (max-width: 50em) {
	.bread-content { padding:2em 0 1.5em 0; }
	.bread-wrap { text-align:center; }
	.bread-wrap .breadcrumbs li { font-size:12px; font-weight:500; }
}




/*==========HOMESLIDER==========*/
.homeslider-container { position:relative; }
.homeslider { background:url(../slick/AjaxLoader.gif) no-repeat center; position:relative; }
.homeslider.slick-initialized { background:inherit; }
.homeslider .home-slide { display:none; }
.homeslider.slick-initialized .home-slide { display:block; }
.home-slide { position:relative; outline:0; background-size:cover; background-position:top center; background-repeat:no-repeat; height:300px; }

/*----------Home slider Button----------*/
.homeslider .slick-prev { left:50px; }
.homeslider .slick-next { right:50px; }
.homeslider .slick-prev:before { content:"\f104";  }
.homeslider .slick-next:before { content:"\f105"; }
.homeslider .slick-prev, .homeslider .slick-next { 
	width:initial; height:initial; z-index:1; background-color:rgba(225,225,225,0.5); padding:36px 5px; 
	-ms-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; transition:all 0.5s ease; 
}
.homeslider .slick-next:before, .homeslider .slick-prev:before { color:#393939; font-family: "fontawesome"; font-weight:bold; font-size:28px; }
.homeslider .slick-next:hover, .homeslider .slick-prev:hover { background-color:#fff; }

/*----------Home slider description----------*/
.homeslide-wrap { 
	position:absolute; top:50%; left:50%; text-align:center;
	-ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);
}
.homeslide-content { text-align:left; display:inline-block; }
.homeslide-content h1 { font-size:55px; font-weight:700; color:#fff; text-transform:uppercase; line-height:1em; }
.homeslide-content p { font-size:28px; font-weight:300; color:#fff; line-height:1.2em; margin:0; }
.homeslide-content .button { padding:0.85em 2.5em; margin-top:36px; margin-bottom:10px; }

/*----------Home slider Navi----------*/
.homeslider-container .slider-nav { 
	position:absolute; bottom:23px; left:50%; cursor:pointer; 
    -ms-transform:translate(-50%,0); -webkit-transform:translate(-50%,0); transform:translate(-50%,0);
}
.homeslider-container .slider-nav .slick-track { width:500px !important; }
.homeslider-container .slider-nav div.slick-slide { /*width:500px;*/ outline:0; }
.homeslider-container .slider-nav div img { max-width: 98%; }
.homeslider-container .slider-nav .slick-current img { border:1px solid #fff; }

/*----------Home slider progress bar----------*/
.slider-progress { width:100%; height:5px; background:#eee; }
.slider-progress .progress { width:0%; height:5px; background:#fd4641; }

@media screen and (min-width: 40em) {
	.home-slide { height:550px; }
}
@media screen and (max-width: 64em) {
	.homeslide-content h1 { font-size:50px; }
	.homeslider .slick-prev, .homeslider .slick-next { display:none !important; }
}
@media screen and (max-width: 40em) {
	.homeslider-container .slider-nav { display:none; }
	.homeslide-content h1 { font-size:25px; }
	.homeslide-content p { font-size:15px; font-weight:500; line-height:18px; }
	.homeslide-content .button { font-size:10px; margin-top:22px; }
}




/*==========CONTENT==========*/
.content { padding:2rem 0 2rem 0; }
.content p, .content li { font-size:15px; line-height:1.3em; }
.content-desc { margin:2em auto 2em; }
@media screen and (max-width: 40em) {
	.content { padding:1rem 0 1rem 0; }
	.content p, .content li { font-size:13px; }
	.content-desc { margin:1em auto 1em; padding:0 10px; }
}
/*----------Quote----------*/
.quote-content { 
	padding:2rem 0 2rem 0; 
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#191e38+0,2e4171+50,283a69+51,536490+100 */
	background: #191e38;
	background: -moz-linear-gradient(-45deg,  #191e38 0%, #2e4171 50%, #283a69 51%, #536490 100%); 
	background: -webkit-linear-gradient(-45deg,  #191e38 0%,#2e4171 50%,#283a69 51%,#536490 100%); 
	background: linear-gradient(135deg,  #191e38 0%,#2e4171 50%,#283a69 51%,#536490 100%); 
}
.quote-wrap { border:1px solid #fff; padding:2em 4em; }
.quote-wrap h4 { font-weight:700; color:#fff; text-transform:uppercase; margin:0; }
.quote-wrap .button { margin:0; background:#fd4641; text-transform:uppercase; font-size:14px; font-weight:700; line-height:1.2em; }
.quote-wrap a:hover .button { background:#e03a36; }
@media screen and (max-width: 40em) {
	.quote-wrap { padding: 20px 30px; }
	.quote-wrap .button { margin-top:25px; }
}

/*----------points----------*/
.points-content { padding:3rem 0 2.5rem 0; }
.points-content .title { margin-bottom:2em; }
.points-content h6 { font-weight:700; text-transform:uppercase; line-height:1.2em; }
.points-content i.fa { font-size:5.5em; color:#fd4641; margin-bottom:0.3em; }
.points { text-align:center; }
.points-wrap p { text-align:left; display:inline-block; }
.button.hollow.red { border:1px solid #ed212b; color:#ed212b; font-size:12px; font-weight:700; text-transform:uppercase; margin:1.5em auto; padding:0.8em 2em; }
.button.hollow.red:hover, .button.hollow.red:focus { border:1px solid #1779ba; color:#1779ba; }
@media screen and (max-width: 64em) {
	.points:not(:last-child) { margin-bottom:30px; border-bottom:1px dotted #ccc; padding-bottom:10px; }
}
@media screen and (max-width: 40em) {
	.points-content { padding:2rem 0 2rem 0; }
	.points-content .title { margin-bottom:1em; }
	.points:not(:last-child) { margin-bottom:25px; }
	.points-content i.fa { font-size:3.5em; }
	.button.hollow.red { font-size:10px; margin:1em auto; padding:0.8em 2em; }
}




/*==========ABOUT CONTENT==========*/
.about-content { padding:2rem 0 2rem 0; }
.cert-wrap { text-align:center; }
.cert-wrap a { display:block; box-shadow:0 0 10px rgba(0,0,0,0.1); outline:0; }
@media screen and (max-width: 40em) {
	.about-content { padding:1rem 0 1rem 0; }
}




/*==========CAREERS CONTENT==========*/
.careers-content { padding:2rem 0 2rem 0; }
.careers-wrap { margin-top:1em; }
.careers-wrap h5 { color:chocolate; text-align:center; text-transform:uppercase; }
.careers-wrap .button.red { padding:0.5em 1em; margin-top:1em; }
.accordion-title { font-size:13px; font-weight:bold; text-transform:uppercase; color:chocolate; }
.accordion-title:hover { color:chocolate; }

@media screen and (min-width: 40em) {
	.block { display:block; }
	.accordion-title, .accordion-content { border:1px solid #e6e6e6; }
	.careers-wrap .accordion-item { margin-bottom:1em; }
	.accordion-item:nth-child(3n+1):nth-last-child(-n+3),
	.accordion-item:nth-child(3n+1):nth-last-child(-n+3) ~ .accordion-item { margin-bottom:0; }
}
@media screen and (max-width: 40em) {
	.careers-content { padding:1rem 0 1rem 0; }
}




/*==========DEALERS CONTENT==========*/
.dealers-content { }
.dealers { text-align:center; }
.dealers ul { margin:0; }
.dealers li { display:block; text-align:left; }
.dealers h6 { color:chocolate; text-align:left; }
.dealers img { margin-bottom:1em; }

@media screen and (min-width: 40em) {
	.dealers { border-bottom:1px dotted #ccc; border-right:1px dotted #ccc; padding:2em; position:relative; }
	.dealers:after {
		content:'+'; position:absolute; right:-16px; bottom:-9px; z-index:1;
		font-size:55px; font-weight:800; color:#fff;
	}
}
@media screen and (min-width:64em) {
	.dealers:nth-child(3n+1):nth-last-child(-n+3),
	.dealers:nth-child(3n+1):nth-last-child(-n+3) ~ .dealers { border-bottom:none; }
	.dealers:nth-child(3n) { border-right:none; }
	.dealers:nth-child(3n):after { content: ''; }
}
@media screen and (min-width: 40em) and (max-width:1023px) {
	.dealers:nth-child(2n+1):nth-last-child(-n+2),
	.dealers:nth-child(2n+1):nth-last-child(-n+2) ~ .dealers { border-bottom:none; }
	.dealers:nth-child(2n) { border-right:none; }
	.dealers:nth-child(2n):after { content: ''; }
}
@media screen and (max-width: 40em) {
	.dealers:not(:last-child) { border-bottom:1px dotted #ccc; margin-bottom:1em; padding-bottom:1em; }
}




/*==========PRODUCT CONTENT==========*/
.bggrey { background-color:#f5f5f5; background: url(../images/header-bg.jpg) repeat center }
.bggrey .stitle-con { background:#f5f5f5; background: url(../images/header-bg.jpg) repeat center }

/*----------Door visor----------*/
.doorvisor-content { padding:2rem 0 0rem 0; }
.doorvisor-content .install-con { margin:4em auto 3em; }
.doorvisor-content .roundrib-con,
.doorvisor-content .models-con { margin:4em auto 4em; }
.roundrib-wrap { text-align:center; }
.benefit-wrap ul { margin:0; }
.benefit-wrap li { list-style:none; position:relative; border:1px dotted #898989; margin-top:-1px; padding:0.5em 2em 0.5em 2.5em; }
.benefit-wrap li:before { content: '\f101'; font-family:fontawesome; font-size:12px; color:#ed212b; position:absolute; left:20px; top:8px; }
.benefit { margin-bottom:1em; }
.best-video-wrap { background-color:#ebebeb; padding:30px; }
.videoWrapper { position:relative; padding-bottom:50.25%; /* 16:9 */ padding-top:30px; height:0; }
.videoWrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

.install-wrap { text-align:center; }
.install { margin-bottom:1em; }
.install h5 { text-transform:uppercase; }
.install img { border-radius:2em; }

.model { padding:0.3em 3em; }

@media screen and (max-width: 64em) {
	.best-video-wrap { padding:20px; }
	.videoWrapper { padding-top:15px; }
	.model { padding:0.3em 2em; }
}
@media screen and (max-width: 40em) {
	.doorvisor-content { padding:1rem 0 0rem 0; }
	.model { padding:0.3em 1.5em; }
}

/*----------Others----------*/
.others-wrap { text-align:center; }

/*----------Product Catalogue----------*/
.catalogue-img-outer { width:100%; border:1px solid #ccc; margin:0 auto 1em; padding:1em; position:relative; text-align:center; }
.catalogue-img { 
	width:100%; display:block;
    -o-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; transition: all 0.4s ease-in-out; 
}
.catalogue-img .search-wrap {
	position:absolute; top:0; left:0; width:100%; height:100%; opacity:0;
    -o-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;
    -o-transform:scale(0); -ms-transform:scale(0); -webkit-transform:scale(0); transform:scale(0);
}
.catalogue-img .search-wrap i { 
    position:absolute; top:50%; left:50%; font-size:30px; color:#ffffff;
    -o-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);
}
.catalogue-img:hover .search-wrap { 
	opacity:1; 
	box-shadow:inset 0 0 0 200px rgba(239, 38, 42, 0.85), inset 0 0 0 16px rgba(53, 31, 31, 0.8), 0 1px 2px rgba(0,0,0,0.1);
	-o-transform:scale(1); -ms-transform:scale(1); -webkit-transform:scale(1); transform:scale(1); 
}
.catalogue-desc { font-weight:bold; text-align:center; text-transform:uppercase; }
.reveal-catalogue { padding:3em 2em 2em; /*border-radius:20px; font-size:14px; text-align:center;*/ }








/*==========CONTACT CONTENT==========*/
.contact-content { padding:2rem 0 2rem 0; }
.contact-detail { text-align:center; border:1px solid #ccc; padding:1.6em; margin-bottom:2em; }
/*----------Form----------*/
.contact-form-wrap { border:1px solid #ccc; padding:30px 25px; }
label { font-size:16px; font-weight:600; margin-bottom:20px; }
.arequired { color:#fd4641; }
[type='text'], [type='email'], [type='tel'], textarea, select { font-size:14px; color:#333; margin:0; box-shadow:none; padding:10px 0.5rem; height:100%; outline:0; }
select { padding-right: 2rem; }
textarea.msg { height:100px; }
input.submit { color:#fff; background:#36404b; border:none; float:right; padding:10px 30px; outline-width:0; text-transform:uppercase; font-weight:600; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; }
input.submit:hover { background:#fd4641; }
.contact_success { color:#239C23; border:1px solid #239c23; padding:20px; }
.contact_error { color:red; border:1px solid red; padding:20px; }
label.error { font-size:13px; font-weight:400; color:red; }
.fa-input { font-family: FontAwesome, 'Open Sans', Roboto, sans-serif; }

#map{ width:100%; height:400px; }
@media screen and (max-width: 40em) {
	.contact-content { padding:1rem 0 1rem 0; }
	.contact-detail { padding:0.6em; }
	.contact-detail div:not(:last-child) { margin-bottom:10px; border-bottom:1px solid #ccc; }
	label { font-size:14px; }
}




/*==========FOOTER==========*/
.footer { background-color:#112444; border-top:4px solid #ed212b; padding:4.7em 0 3.2em 0; color:#fff; }
.footer-info { margin-bottom:2.5em; }
.footer h5 { font-size:18px; font-weight:700; color:#fff; text-transform:uppercase; margin-bottom:2.5em; }
.footer h5:after { content:''; width:2.2em; height:3px; background-color:#ed212b; display:block; margin-top:0.95em; }
.footer p { line-height:1.3em; }
/*----------footer-bottom----------*/
.footer-bottom { background-color:#061123; padding:1em 0 1em 0; color:#fff; }
.copyright { line-height:32px; }
.social { text-align:right; }
.social ul { margin:0; }
.social li { display:inline-block; list-style:none; }
.social li:not(:last-child) { margin-right:5px; }
.social li a { 
	color:#fff; text-align:center; background:#494949; border-radius:4px; width:35px; height:32px; line-height:32px; 
	-webkit-transition:background 0.3s ease; transition:background 0.3s ease;
}
.social li a:hover { background:#ed212b; }
@media screen and (max-width: 64em) {
	.footer { padding:3.7em 0 2em 0; }
	.footer h5 { font-size:16px; margin-bottom:1.5em; }
	.footer p { font-size:13px; }
}
@media screen and (max-width: 40em) {
	.copyright { font-size:13px; text-align:center; }
	.social { text-align:center; }
	.social li a { width:25px; height:22px; line-height:22px; font-size:12px; }
}




/*======= Scroll Top =======*/
#scroll {
    position:fixed; right:10px; bottom:30px; width:50px; height:50px; background-color:#fd4641;
    display:none; cursor:pointer;
}
#scroll span {
    position:absolute; top:50%; left:50%; margin-top:-11px; margin-left:-11px;
    font-size:23px; color:#fff; font-weight:bold; text-align:center; text-transform:uppercase; line-height:14px;	
}
#scroll:hover { background-color:rgba(251, 19, 30, 0.8);  opacity:1;filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; }