@charset "utf-8";

/* CSS Document */






p, img, input, textarea, span, form, select, h1, h2, h3, h4 {

	padding: 0px;

	margin: 0px;

}

a img, :link img, :visited img {

	border: none;

}

a{ text-decoration:none; outline:none;}

a:active {

	outline: none;

}

a:focus {

	-moz-outline-style: none;

}

.last {

	margin-right: 0!important;

}

* :focus {

	outline: 0;

}

h1, h2, h3, h4, h5, h6 {

	padding: 0px;

	margin: 0px;

	font-weight: normal;

}

input[type=text]:focus, input[type=password]:focus,input[type=submit]:focus, input[type=email]:focus, input[type=tel]:focus {

	outline: none;

}

input[type=submit], input[type=button] {

	border: 0;

	cursor: pointer;

}

input {

}

input[type=text], input[type=password], input[type=email], input[type=tel], input[type=submit], input[type=button], select {

	-webkit-appearance: none;

	-moz-appearance: none;

	-o-appearance: none;

	-ms-appearance: none;

}

ul {

	padding: 0px;

	margin: 0px;

	/*list-style: none;*/

}



a img {

	outline: none;

}

select:focus {

	outline: 0 none;

}

.clr {

	clear: both;

}

p {

	margin: 0;

	padding: 0 0 20px 0;

}

p:last-child{ padding:0px;}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {

	display: block;

	position: relative;

}

img {

	border: 0;

}

svg:not(:root) {

	overflow: hidden

}

table {

	border-spacing: 0;

	border-collapse: collapse;

}

td, th {

	padding: 0;

}

button, input, optgroup, select, textarea {

	margin: 0;

	font: inherit;

	color: inherit;

}

pre {

	overflow: auto;

}

code, kbd, pre, samp {

	font-size: 1em;

}

hr {

	height: 0;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

* {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

}

.pull-right {

	float: right;

}

.pull-left {

	float: left;

}

img.alignleft {

	float: left;

}

img.alignright {

	float: right;

}



::-webkit-input-placeholder {

 color:    #a4a8ac;

}

:-moz-placeholder {

 color:    #a4a8ac;

 opacity:  1;

}

::-moz-placeholder {

 color:    #a4a8ac;

 opacity:  1;

}

:-ms-input-placeholder {

 color:    #a4a8ac;

}

.clrfix:after {

	content: "";

	display: block;

	clear: both;

}

/*=============selection=============*/

::-moz-selection{ color:rgba(0,0,0,1);background:rgba(204,204,204,1);}

::-webkit-selection{ color:rgba(0,0,0,1);background:rgba(204,204,204,1);}

::selection{ color:rgba(0,0,0,1);background:rgba(204,204,204,1);}

/*position*/

.position_relative {

	position: relative;

}

/*padding*/

.padding0 {

	padding: 0px !important

}

.padding_left0 {

	padding-left: 0px !important

}

.padding_right0 {

	padding-right: 0px !important

}



body {

	padding: 0;

	margin: 0;

	color: #485056;

	font-size: 16px; overflow-x:hidden;

}

.container {

	width: 1200px;

	margin: 0 auto;

	padding-top: 0;

}



.all_sec_main {

	width: 100%;

	float: left;

}



/*color*/

.colorYllw{ color:#FB661E;}

.bgColorYllw{ background:#FB661E;}

.colorWhite{ color:#ffffff;}

.colorBlu{ color:#1e3e5f;}

.bgColorBlu{ color:#1e3e5f;}



/*heading*/

.heading18px{ font-size:18px;}

.heading20px{ font-size:19px;}

.heading24px{ font-size:24px;}

.heading30px{ font-size:30px;}

.heading36px{ font-size:36px;}

.heading48px{ font-size:48px;}



.welcomHleftTop img,.welcomHleftBttm img,.h_NewsCBg img,.contact_hBg img,.gallerySec_In img,.innerbanner img,.whyChoose_p img.mainBgWhy,.grgDrsRowLeftTop img,.ourBlogBoxImg img,.bannerMainImg,.archiveMain article .post-thumbnail img{ width:100%; height:100%; object-fit:cover; -webkit-object-fit:cover; float:left;}



.bannerSlider .slick-arrow,.gallery_mainArea .slick-arrow{ top:50%; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%);}



.bannerContent,.welcomHleftCntr,.welcomHleftCntr img,.h_garageDoors4IconIn,.h_garageDoors4IconIn img,.h_garageDoors4Icon:after,.gallerySecOver h3,.clientsBrand_pBoxTop img,.whyChoose_pBox3Crcl img,.galleryoverlay,.locationsTopIconIn,.locationsTopIcon:after,.locationsTopIconIn img{transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); top:50%; left:50%;}



.menu-dorpdown:after,.mainMenu ul li a:before,.mainMenu ul li ul,.mainMenu ul li ul:before,.gallerySecOver h3:before,.gallerySecOver a,.paginationPage{transform:translate(-50%,0); -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); left:50%;}



a,img,:before,:after,.headerTop,.bannerSlider .slick-arrow,.h_garageDoors4,.h_NewsSec  .bottom_div .text,.h_NewsSec  .bottom_div h4,.h_NewsSec:hover .bottom_div .text,.gallerySecOver,input,button,textarea,.clientsBrand_pBox p,.whyChoose_pBox3To,.whyChoose_pBox3Crcl,.contact_tSub,.galleryoverlay,.ourBlogBox:hover .ourBlogBoxDate,.ourBlogBox:hover .ourBlogBoxDate p,.locationsTopIcon,.location_pMapBoxMap iframe,.top_logo,.archiveMain article .post-thumbnail img{transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; }



.welcomHleftCntr,.h_garageDoors4Icon,.h_garageDoors4IconIn,.h_garageDoors4Icon:after,.footerSec1 ul li a:before,.whyChoose_pBox3Crcl,.whyChoose_pBox3Top,.grgDrsRowrightList ul li:before,.blogDrsUlarw li:before,.ourBlogBoxDate,.paginationPage li a,.locationsTopIconIn,.locationsTopIcon,.locationsTopIcon:after{ border-radius:100%; -webkit-border-radius:100%;}

.welcomHleftTop,.h_local3Sec,.testimonialBox,.grgDrsRowLeftTop{ border-radius:30px; -webkit-border-radius:30px;}

.welcomHleftBttm,.contact_hFrmArea,.testimonialBoxCont .mCSB_scrollTools .mCSB_draggerRail,testimonialBoxCont .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.grgDrsRowLeftBttm{ border-radius:20px; -webkit-border-radius:20px;}

.h_garageDoors4,.h_NewsSec,.clientsBrand_pBoxTop,.contactRightRow{ border-radius:4px; -webkit-border-radius:4px;}

.form_tFld,.contact_tFld,.ourBlogBox,.ourBlogBoxImg,.archiveMain article .post-thumbnail,.archiveMain article{ border-radius:6px; -webkit-border-radius:6px;}



.cmnSkew{-moz-transform: skewX(-12deg) skewY(0deg);

-webkit-transform: skewX(-12deg) skewY(0deg);

-o-transform: skewX(-12deg) skewY(0deg);

-ms-transform: skewX(-12deg) skewY(0deg);

transform: skewX(-12deg) skewY(0deg);}

.cmnSkewIn{-moz-transform: skewX(12deg) skewY(0deg);

-webkit-transform: skewX(12deg) skewY(0deg);

-o-transform: skewX(12deg) skewY(0deg);

-ms-transform: skewX(12deg) skewY(0deg);

transform: skewX(12deg) skewY(0deg);}





/*allbtn=================*/



.cmnBtn{ -moz-transform: skewX(-15deg) skewY(0deg);

-webkit-transform: skewX(-15deg) skewY(0deg);

-o-transform: skewX(-15deg) skewY(0deg);

-ms-transform: skewX(-15deg) skewY(0deg);

transform: skewX(-15deg) skewY(0deg); display:inline-block; font-size:18px; color:#ffffff; text-transform:uppercase; border-radius:0.4em; -webkit-border-radius:0.4em;line-height:54px; position:relative; overflow:hidden; transition: all 1s ease; -webkit-transition: all 1s ease;}

.cmnBtnIn span{ vertical-align:middle; line-height:none; }
.cmnBtnIn span:after{ display:inline-block; background-repeat:no-repeat;background-position:center; width:26px; height:18px; content:""; margin-left:8px;transition: all 1s ease; -webkit-transition: all 1s ease;}



.cmnBtnIn{-moz-transform: skewX(15deg) skewY(0deg);

-webkit-transform: skewX(15deg) skewY(0deg);

-o-transform: skewX(15deg) skewY(0deg);

-ms-transform: skewX(15deg) skewY(0deg);

transform: skewX(15deg) skewY(0deg);display:block; padding:0 45px; position:relative; z-index:1; }

.cmnBtn:after,.cmnBtn:before{ content:""; background:#fff; width:100%; height:100%; position:absolute; top:0px; left:0px; border-radius:0.4em; -webkit-border-radius:0.4em;transition: all 0.45s ease; -webkit-transition: all 0.45s ease;}

.cmnBtn:before{ transform:translate(-100%,100%); -webkit-transform:translate(-100%,100%);}

.cmnBtn:after{transform:translate(100%,-100%); -webkit-transform:translate(100%,-100%); }

.cmnBtn:hover:after{ transform:translate(0,0); -webkit-transform:translate(0,0); }

.cmnBtn:hover:before{ transform:translate(0%,0%); -webkit-transform:translate(0%,0%);}

.cmnBtn:hover{ color:#000;}



/*btn white Br_y*/

.cmnBtnWhiteBR_y{ border:2px solid #ffffff; color:#ffffff; }

.cmnBtnWhiteBR_y:after,.cmnBtnWhiteBR_y:before{background:#fff;}

.cmnBtnWhiteBR_y:hover{ color:#FB661E ; background:#fff;}

.cmnBtnWhiteBR_y .cmnBtnIn span:after{ background-image:url(../images/cmnArrwWhit.png);}

.cmnBtnWhiteBR_y:hover .cmnBtnIn span:after{ background-image:url(../images/cmnArrwYelw.png);}





/*btn white Br_B*/

.cmnBtnWhiteBR_b{ border:2px solid #ffffff; color:#ffffff; }

.cmnBtnWhiteBR_b:after,.cmnBtnWhiteBR_b:before{background:#fff;}

.cmnBtnWhiteBR_b:hover{ color:#00438F; background:#fff;}

.cmnBtnWhiteBR_b .cmnBtnIn span:after{ background-image:url(../images/cmnArrwWhit.png);}

.cmnBtnWhiteBR_b:hover .cmnBtnIn span:after{ background-image:url(../images/cmnArrwBlu.png);}



/*btn yellow Br*/

.cmnBtnYellowBR{ border:2px solid #FB661E; color:#FB661E; }

.cmnBtnYellowBR:after,.cmnBtnYellowBR:before{background:#FB661E;}

.cmnBtnYellowBR:hover{ color:#ffffff; background:#FB661E;}

.cmnBtnYellowBR .cmnBtnIn span:after{ background-image:url(../images/cmnArrwYelw.png);}

.cmnBtnYellowBR:hover .cmnBtnIn span:after{ background-image:url(../images/cmnArrwWhit.png);}



/*btn blue Br*/

.cmnBtnBluBR{ border:2px solid #00438F; color:#00438F; }

.cmnBtnBluBR:after,.cmnBtnBluBR:before{background:#00438F;}

.cmnBtnBluBR:hover{ color:#ffffff; background:#00438F;}

.cmnBtnBluBR .cmnBtnIn span:after{ background-image:url(../images/cmnArrwBlu.png);}

.cmnBtnBluBR:hover .cmnBtnIn span:after{ background-image:url(../images/cmnArrwWhit.png);}



/*btn blue BG*/

.cmnBtnBluBG{ border:2px solid #00438F; color:#ffffff; background:#00438F;}

.cmnBtnBluBG:after,.cmnBtnBluBG:before{background:#ffffff;}

.cmnBtnBluBG:hover{ color:#00438F; background:#ffffff; border:2px solid #ffffff;}

.cmnBtnBluBG .cmnBtnIn span:after{ background-image:url(../images/cmnArrwBlu.png);  background-image:url(../images/cmnArrwWhit.png);}

.cmnBtnBluBG:hover .cmnBtnIn span:after{ background-image:url(../images/cmnArrwBlu.png);}



/*header=============*/

.headerTop{ height:89px; position:fixed; z-index:9999; padding:0 3%; } 

.headerTop:before,.headerTop:after{ content:""; height:2px; position:absolute; bottom:0%; background:rgba(255,255,255,0.3);}

.headerTop:before{ left:0px; width:calc(3% + 2px);}

.headerTop:after{ right:0px; width:calc(97% - 156px);}

.headerTopGrid{ position:relative; z-index:1;}

.top_logo{ float:left; position:relative; top:14px;}

.top_logo img{ max-width:159px; width:auto; height:116px; float:left;}



.headerRight{ float:right;}

.mainMenu{ float:left; margin-left:20px;}

.mainMenu ul li{ float:left;   padding: 0 12px;  position:relative; margin-top:22px;}

.mainMenu ul li a{ color:#ffffff; margin:0px; text-transform:uppercase; display:block; font-size:14px;  position:relative; padding-bottom:36px; padding-top:14px; }

.mainMenu ul li a:before{ position:absolute; bottom:0px; background:#FB661E; height:2px; content:""; width:0; }

.mainMenu ul li.current-menu-item a,.mainMenu ul li:hover a{ color:#FB661E; }

.mainMenu ul li.current-menu-item a:before,.mainMenu ul li:hover a:before{ width:100%;}

.menu-dorpdown:after{ content:""; position:absolute; bottom:18px; border-left:4px solid transparent; border-right:4px solid transparent; border-top:5px solid #FB661E;}



.mainMenu ul li ul { position:absolute; width:272px; display:none; z-index:99;  top:100%;  left:50%; text-align:center;  border-radius:6px; -webkit-border-radius:6px;  padding:20px 0 0 0;} 



.mainMenu ul li ul:before{  position:absolute; top:13px; content:""; z-index:1; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:7px solid #ffffff;}

.mainMenu ul li ul li{ float:none; padding:0px; margin:0px; } 



.mainMenu ul li ul li a,.mainMenu ul li.current-menu-item ul li a,.mainMenu ul li.submenu ul li a,.mainMenu ul li ul li.current-menu-item a{ padding:0px 20px;line-height:40px;color:#1c3768;background:#fff; margin:0px;  border-radius:0; -webkit-border-radius:0; display:block; }

.mainMenu ul li ul li a:before{ display:none;}





.mainMenu ul li ul li:first-child a{ border-top-left-radius:6px; border-top-right-radius:6px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; }



.mainMenu ul li ul li:last-child a{ border-bottom-left-radius:6px; border-bottom-right-radius:6px; -webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px; }



.mainMenu ul li ul li.current-menu-item a,.mainMenu ul li ul li a:hover{ background:#FB661E;}



.mainMenu ul li ul li a:after,.mainMenu ul li.current-menu-item ul li a:after,.mainMenu ul li.submenu ul li a:after{ display:none;}



.topSocial{ float:right; margin:35px 0;}

.topSocial ul li{ float:left;}

.topSocial ul li a{ float:left; padding-left:16px; color:#ffffff; }

.topSocial ul li a i{ font-size:18px;}

.topSocial ul li a:hover{ color:#FB661E;}



.fixedHeader1{background:rgba(30,62,95,0.9); }

.headerTop.fixedHeader1:before,.headerTop.fixedHeader1:after{ background:#0060aa;}

.headerTop.fixedHeader1:before{ left:0px; width:6%}

.headerTop.fixedHeader1:after{ right:0px; width:94%}



.fixedHeader1 .mainMenu ul li ul li a,.fixedHeader1 .mainMenu ul li.current-menu-item ul li a,.fixedHeader1 .mainMenu ul li.submenu ul li a,.fixedHeader1 .mainMenu ul li ul li.current-menu-item a{ background:#f0f3f5;}

.fixedHeader1 .top_logo img{ height:74px; width:auto; max-width:111px;}

.fixedHeader1 .top_logo{ top:6px;}

.fixedHeader1 .mainMenu ul li ul li.current-menu-item a,.fixedHeader1 .mainMenu ul li ul li a:hover{ background:#FB661E;}

.fixedHeader1 .mainMenu ul li ul:before{ border-bottom:7px solid #f0f3f5;}

/*header end===============*/



/*banner=============*/



.bannerSlider{ height:calc(100vh - 110px); position:relative; width:100%; float:left;}

.bannerArea{ height:80%; position:relative;}

.bannerOver2{ width:100%; position:absolute; top:0px; left:0px; height:100%; z-index:1; background:#00438F; opacity:0.7;}

.bannerOver1{width:100%; position:absolute; top:0px; left:0px; height:100%; z-index:1; 

background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); 

background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); 

background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 ); }



.bannerContent{ position:absolute; z-index:2;  margin-top:60px; text-align:center; overflow:hidden; text-transform:uppercase; width:80%;}

.title1{ font-size:48px;}

.title1 span{ color:#FB661E;}

.title2{ margin-top:10px;  font-size:24px;}

.bnrBtn{ margin-top:33px;}



.bannerSlider .slick-track, .bannerSlider .slick-list{ height:100%;}

.bannerSlider .slick-arrow{ background:none; position:absolute; background-repeat:no-repeat;  height:96px; border:none; z-index:1; font-size:0px; cursor:pointer; background-position:center; width:58px;  margin-top:60px;}

.bannerSlider .slick-arrow:hover{ background-color:rgba(249,177,19,0.5);}

.bannerSlider .slick-arrow.slick-prev{ background-image:url(../images/bannerArrow1.png); left:5%;}

.bannerSlider .slick-arrow.slick-next{ background-image:url(../images/bannerArrow2.png); right:5%;}

/*banner end===============*/



/*call today=================*/

.callTodayLeft{ float:left; padding-right:102px; padding-left:4%; position:relative; height:150px; width:32%;}

.callTodayLeft .titl{ color:#ffffff; position:relative; z-index:1; top:50%; transform:translate(0,-50%); -webkit-transform:translate(0,-50%);text-shadow:-2px 2px 3px rgba(0, 1, 1, 0.4); -webkit-text-shadow:-2px 2px 3px rgba(0, 1, 1, 0.4);}

.callTodayLeftBg{ position:absolute; z-index:0; left:0; width:calc(100% - 125px); top:0px; height:100%; background:#FB661E;}

.callTodayLeft:after{ right:0px; top:0px;  height:100%; content:""; position:absolute; border-top:110px solid #FB661E;border-right:125px solid transparent;}



.callTodayRight{ float:right;  padding-right:4%; position:relative; height:150px; width:68%;}

.callTodayRightBg{ position:absolute; z-index:0; right:0; width:100%; top:0px; height:100%; background:#00438F;}

.callTodayRight:before{ left:-125px; bottom:0px; content:""; position:absolute;background: #00438F;}

.callTodayRightIn{ position:relative; z-index:1; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); float:right; width:100%;}

.callTodayRightIn ul {
	list-style-type: none;
}

.callTodayRight ul li{ padding:0 5%; margin:10px 0; float:left; text-align:left; width:33.3%; position:relative;}



.callTodayRight ul li:first-child:before{ display:none;}

.callTodayRight ul li:before{ position:absolute; top:5px; height:calc(100% - 10px); left:0px; width:1px; background:#395d83; content:"";}

.callTodayRight ul li p{ color:#e4e7eb; font-size:12px; text-transform:uppercase; line-height:15px; height:28px; overflow:hidden; margin-bottom:1px; padding:0px;}

.callTodayRight ul li a{ font-size:30px; display:block;}



/*Welcome=================*/







/*gallery Home=================*/

.gallerySec{ height: 380px; margin-left: 1px; overflow: hidden;}

.galleryHome .slick-list{ padding:0  8% !important;  margin-left: -1px;}

.gallerySec_In{ position: relative; height: 100%; width: 100%;}

.gallerySecOver{ position: absolute;top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; background-color: rgba(30,62,95,0.5); text-align: center;transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;}

.gallerySecOver1{position: absolute;top: 0px; left: 0px; width: 100%; height: 100%; z-index: 1; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;background: rgba(32,72,114,1);

background: -moz-linear-gradient(top, rgba(32,72,114,1) 0%, rgba(0,0,0,1) 100%);

background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(32,72,114,1)), color-stop(100%, rgba(0,0,0,1)));

background: -webkit-linear-gradient(top, rgba(32,72,114,1) 0%, rgba(0,0,0,1) 100%);

background: -o-linear-gradient(top, rgba(32,72,114,1) 0%, rgba(0,0,0,1) 100%);

background: -ms-linear-gradient(top, rgba(32,72,114,1) 0%, rgba(0,0,0,1) 100%);

background: linear-gradient(to bottom, rgba(32,72,114,1) 0%, rgba(0,0,0,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#204872', endColorstr='#000000', GradientType=0 ); opacity:0;}



.gallerySecOver h3{ position: absolute;padding: 20px; color: #ffffff; text-transform: uppercase; font-size: 24px; z-index: 2; width: 100%; padding-bottom: 20px; }

.gallerySecOver h3:before{  position: absolute; width: 20px; height: 1px; content: ""; background: #ffb51c; top: 115%; opacity: 0; display:none;}

.gallerySecOver a{ text-transform: uppercase; color: #ffb51c; position: absolute; z-index: 3; top: 130%; opacity: 0;font-size: 14px;transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;}

.gallerySecOver a:after{ background-image: url(../images/cmnArrwYelw.png); width: 16px; height: 10px; background-size: 100%; background-repeat: no-repeat; display: inline-block; background-position: center; content: ""; margin-left:6px;}



.gallerySec_In img{ transform: scale(1); -webkit-transform: scale(1);transition: all 0.7s ease; -webkit-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; }





.gallerySec:hover .gallerySecOver h3:before{ top: 100%; opacity: 1; width: 55px; display:none;}

.gallerySec:hover .gallerySecOver a{ top: 104%; opacity: 1;   }

.gallerySec:hover .gallerySec_In img{ transform: scale(1.11); -webkit-transform: scale(1.11); }

.gallerySec:hover .gallerySecOver{ background:none;}

.gallerySec:hover .gallerySecOver1{ opacity:0.8;}

.galleryHome .slick-arrow{ background:none; position: absolute;  z-index: 5; width: calc(8% - 2px); border: none;  color: #ffffff; text-transform: uppercase; font-size: 20px; background-repeat: no-repeat;  cursor: pointer; padding:0 5px 21px 5px;}



.galleryHome .slick-prev.slick-arrow{top:40px; left:0; background-position: right calc(50% + 5px) bottom; background-image: url(../images/prevGallery.png);}

.galleryHome .slick-next.slick-arrow{bottom:40px; right:0;background-position: left calc(50% + 5px) bottom;background-image: url(../images/nextGallery.png);}







/*Garage Doors Home=================*/

.h_garageDoors{text-align:center;}

.h_garageDoors .ttlHgaragDrs{ margin-bottom:52px;}

.h_garageDoors .ttlHgaragDrs h2{ text-transform:uppercase;}

/*.h_garageDoorsIn{ margin-bottom:20px;}*/

.h_garageDoorsInAdd{ margin-left:-12px;}

.h_garageDoors4{ width:calc(25% - 12px); margin-left:12px; float:left; padding:30px 18px;}



.h_garageDoors4Icon{ width:144px; height:144px; display:table; margin:0px auto 0px; position:relative;}

/*
.h_garageDoors4Icon:after{ width:100%; height:100%;content:""; position:absolute; opacity:1; background:#ffffff;border:1px solid #0060aa; transition: all 0.7s ease; -webkit-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease;}
*/


.h_garageDoors4IconIn{ position:absolute; width:120px; height:120px; background:#fff; z-index:1; }

.h_garageDoors4IconIn img{ position:absolute; max-height:50px; max-width:50px;}



.h_garageDoors4Ttl{ height:48px; overflow:hidden; margin-bottom:20px;}

.h_garageDoors4Ttl h3{ font-size:20px; text-transform:uppercase;}



.h_garageDoors4Text{ overflow:hidden; margin-bottom:24px; }

.h_garageDoors4Text p{ line-height:23px;}



.h_garageDoors4_A a{ font-size:14px; color:#00438F; text-transform:uppercase;}

.h_garageDoors4_A a:hover{ color:#FB661E;}

.h_garageDoors4IconIn:hover{
	transition: border-width 0.3s ease-in-out;
    border:10px solid #0177c1;
}

/*
.h_garageDoors4:hover{ box-shadow:0 0 20px 0 rgba(30, 62, 95, 0.12); -webkit-box-shadow:0 0 20px 0 rgba(30, 62, 95, 0.12);}
*/
.h_garageDoors4:hover .h_garageDoors4Icon:after{ width:0px; height:0px; opacity:0;}





/*Company News=================*/

.h_NewsC{ padding:80px 0; position:relative; min-height:400px;}

.h_NewsCover,.h_NewsCBg{ width:100%; height:100%;  position:absolute; top:0px; left:0px;}

.h_NewsCover{ background:#00438F; z-index:1; opacity:0.2; }



.h_NewsCIn{ position:relative; z-index:2; text-align:center;}

.h_NewsCIn .ttlNews{ text-transform:uppercase; margin-bottom:60px;}



.h_NewsCArea{ margin-bottom:20px;}

.h_NewsCAreaAdd{ margin-left:-42px;}

.h_NewsSec{ width:calc(33.33% - 42px); float:left; height:340px; margin-left:42px; margin-bottom:42px; overflow:hidden; position:relative; text-align:left;}



.h_NewsSec img{height: 100%; object-fit:cover; -webkit-object-fit:cover; float:left;

	/*width: -webkit-calc(100% + 40px);

	width: calc(100% + 40px);

	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;

	transition: opacity 0.35s, transform 0.35s;

	-webkit-transform: translate3d(-40px,0, 0);

	transform: translate3d(-40px,0,0);*/}

.h_NewsSec .overBg{ width:100%; height:100%; position:absolute; top:100%; left:0px;  transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;

background: rgba(0,0,0,0.25);

background: -moz-linear-gradient(top, rgba(0,0,0,0.25) 0%, rgba(19,48,77,1) 100%);

background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.25)), color-stop(100%, rgba(19,48,77,1)));

background: -webkit-linear-gradient(top, rgba(0,0,0,0.25) 0%, rgba(19,48,77,1) 100%);

background: -o-linear-gradient(top, rgba(0,0,0,0.25) 0%, rgba(19,48,77,1) 100%);

background: -ms-linear-gradient(top, rgba(0,0,0,0.25) 0%, rgba(19,48,77,1) 100%);

background: linear-gradient(to bottom, rgba(0,0,0,0.25) 0%, rgba(19,48,77,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#13304d', GradientType=0 );

 opacity:0.9;  z-index:1;transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; }



.h_NewsSecCont{ position:absolute; top:100%; left:0px; width:100%; height:100%; z-index:2; transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; opacity:0 }



.h_NewsSec  .top_div {

	position: absolute; overflow:hidden;

	top: 0;

	left: 0;

	padding: 1.7em;

	width: 100%;

	height: 133px;

	color:#ffffff;

}

.h_NewsSec .top_div h3{ font-size:16px; color:#ffffff; margin-bottom:10px; text-transform:uppercase; max-height:72px; overflow:hidden;}

.h_NewsSec .top_div p{ font-size:14px;text-transform:uppercase;}





.h_NewsSec  .bottom_div {

	position: absolute;

	bottom: 0;

	left: 0;

	padding: 1.7em;

	width: 100%;

	height: auto;

}

.h_NewsSec  .bottom_div h4{ color:#ffffff; text-transform:uppercase; margin-bottom:20px; max-height:57px; overflow:hidden;}

.h_NewsSec  .bottom_div:after{ content:""; position:absolute; bottom:1.7em; width:63px; height:3px; background:#ffffff;}

.h_NewsSec  .bottom_div .text { max-height:0px; overflow:hidden; opacity:0; transition: all 1s ease; -webkit-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease;}

.h_NewsSec  .bottom_div .text p{ font-size:18px; color:#ffffff;}



.h_NewsSec:hover .overBg{ top:0;}

.h_NewsSec:hover .h_NewsSecCont{ top:0; opacity:1}

/*.h_NewsSec:hover img{ -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}*/

.h_NewsSec:hover .bottom_div .text { max-height:68px; opacity:1;margin-bottom:22px; transition: all 1.2s ease; -webkit-transition: all 1.2s ease; -ms-transition: all 1.2s ease; -o-transition: all 1.2s ease; }

.h_NewsSec:hover .bottom_div h4{margin-bottom:5px;}

.h_NewsSec:hover .bottom_div:after{ background:#FB661E;}



/*LOCAL EXPERTS=================*/

.h_localExperts{ padding:80px 0; text-align:center; background:#eef1f5;overflow:hidden;}

.localExTtltext{ margin-top:20px;}

.localExTtltext p{ font-size:18px;}

.localExTtl{ margin-bottom:50px;}

.h_localExperts3{ position:relative; height:560px;margin-left:-60px; }

.h_localExperts3Add{ }

.h_local3Sec{ width:580px; height:540px; border:1px solid #9d9d9d;  position:absolute;-moz-transform: skewX(-10deg) skewY(0deg) translate(0,-50%);

-webkit-transform: skewX(-10deg) skewY(0deg) translate(0,-50%);

-o-transform: skewX(-10deg) skewY(0deg) translate(0,-50%);

-ms-transform: skewX(-10deg) skewY(0deg) translate(0,-50%);

transform: skewX(-10deg) skewY(0deg) translate(0,-50%); background:#ffffff; top:50%; box-shadow:-10px 10px 20px rgba(30,62,95,0.3);transition: all 1.3s ease; -webkit-transition: all 1.3s ease; -ms-transition: all 1.3s ease; -o-transition: all 1.3s ease; -webkit-box-shadow:-10px 10px 20px rgba(30,62,95,0.3); }



.h_local3SecIn{ width:100%; height:100%; -moz-transform: skewX(10deg) skewY(0deg);

-webkit-transform: skewX(10deg) skewY(0deg);

-o-transform: skewX(10deg) skewY(0deg);

-ms-transform: skewX(10deg) skewY(0deg);

transform: skewX(10deg) skewY(0deg); padding:50px 60px; }

.h_local3SecCnt{overflow:hidden; width:100%; height:100%; position:relative;}



.h_local3SecIn h3{ text-transform:uppercase; margin-bottom:25px;}

.h_local3SecIn p{  color:#6d767e; }



.h_local3SecIn_Ul{ float:left; width:100%; margin:8px 0 15px 0; text-align:left; padding:0 14%;}

.h_local3SecIn_Ul ul li{ color:#00438F; margin-bottom:8px; position:relative; padding-left:24px;}

.h_local3SecIn_Ul ul li:before{  background-repeat:no-repeat; background-position:center; background-image:url(../images/check.png); width:14px; height:10px; content:"";  position:absolute; top:5px; left:0px;}



.h_local3Sec1{  -moz-transform: skewX(-10deg) skewY(0deg) translate(-50%,-50%);

-webkit-transform: skewX(-10deg) skewY(0deg) translate(-50%,-50%);

-o-transform: skewX(-10deg) skewY(0deg) translate(-50%,-50%);

-ms-transform: skewX(-10deg) skewY(0deg) translate(-50%,-50%);

transform: skewX(-10deg) skewY(0deg) translate(-50%,-50%); left:50%; z-index:3;}



.h_local3Sec3,.h_local3Sec2{-moz-transform: skewX(-10deg) skewY(0deg) translate(0,-50%) scale(0.82);

-webkit-transform: skewX(-10deg) skewY(0deg) translate(0,-50%) scale(0.86);

-o-transform: skewX(-10deg) skewY(0deg) translate(0,-50%) scale(0.86);

-ms-transform: skewX(-10deg) skewY(0deg) translate(0,-50%) scale(0.86);

transform: skewX(-10deg) skewY(0deg) translate(0,-50%) scale(0.86); opacity:0.2; z-index:1; }



.h_local3Sec2{ left:40px;}

.h_local3Sec3{ right:40px;}



.h_local3Sec1Ac{border:6px solid #0060aa; -moz-transform: skewX(-10deg) skewY(0deg) translate(-50%,-50%);

-webkit-transform: skewX(-10deg) skewY(0deg) translate(-50%,-50%);

-o-transform: skewX(-10deg) skewY(0deg) translate(-50%,-50%);

-ms-transform: skewX(-10deg) skewY(0deg) translate(-50%,-50%);

transform: skewX(-10deg) skewY(0deg) translate(-50%,-50%); left:50%; z-index:4; opacity:1;}



.h_local3Sec2Ac{ border:6px solid #0060aa; -moz-transform: skewX(-10deg) skewY(0deg) translate(0,-50%) scale(1);

-webkit-transform: skewX(-10deg) skewY(0deg) translate(0,-50%) scale(1);

-o-transform: skewX(-10deg) skewY(0deg) translate(0,-50%) scale(1);

-ms-transform: skewX(-10deg) skewY(0deg) translate(0,-50%) scale(1);

transform: skewX(-10deg) skewY(0deg) translate(0,-50%) scale(1); opacity:1; z-index:4; left:100px;}



.h_local3Sec3Ac{ border:6px solid #0060aa; -moz-transform: skewX(-10deg) skewY(0deg) translate(0,-50%) scale(1);

-webkit-transform: skewX(-10deg) skewY(0deg) translate(0,-50%) scale(1);

-o-transform: skewX(-10deg) skewY(0deg) translate(0,-50%) scale(1);

-ms-transform: skewX(-10deg) skewY(0deg) translate(0,-50%) scale(1);

transform: skewX(-10deg) skewY(0deg) translate(0,-50%) scale(1); opacity:1; z-index:4; right:100px;}



.h_localExperts3Right .h_local3Sec1{  -moz-transform: skewX(-10deg) skewY(0deg) translate(0,-50%) scale(0.88);

-webkit-transform: skewX(-10deg) skewY(0deg) translate(0,-50%) scale(0.88);

-o-transform: skewX(-10deg) skewY(0deg) translate(0,-50%) scale(0.88);

-ms-transform: skewX(-10deg) skewY(0deg) translate(0,-50%) scale(0.88);

transform: skewX(-10deg) skewY(0deg) translate(0,-50%) scale(0.88); left:auto; right:100px; opacity:0.2;}



.h_localExperts3left .h_local3Sec1{  -moz-transform: skewX(-10deg) skewY(0deg) translate(0,-50%) scale(0.88);

-webkit-transform: skewX(-10deg) skewY(0deg) translate(0,-50%) scale(0.88);

-o-transform: skewX(-10deg) skewY(0deg) translate(0,-50%) scale(0.88);

-ms-transform: skewX(-10deg) skewY(0deg) translate(0,-50%) scale(0.88);

transform: skewX(-10deg) skewY(0deg) translate(0,-50%) scale(0.88); left:100px;  opacity:0.2;}



/*contactFrm=================*/



.contact_h{ position:relative; padding:80px 0; min-height:500px; text-align:center;}

.contact_hBg,.contact_h_over{ width:100%; height:100%; position:absolute; top:0px; left:0px; }

.contact_h_over{ background:#00438F; opacity:0.4; z-index:1;}

.contact_hFrmArea{ width:520px; padding:60px 50px; margin:0px auto; display:inline-block; position:relative; z-index:2; background:rgba(255,255,255,0.85);}

.ttlArea_c h2,.ttlArea_c p{ text-transform:uppercase;}

.ttlArea_c h2{ margin-bottom:15px;}

.ttlArea_c p{ font-size:14px; padding-bottom:0px; color:#6d767e; line-height:24px;}

.ttlArea_c a{ display:inline-block; margin-top:10px;}



.contactFrm_h{ margin-top:30px}







.form-row {

	float: left;

	width: 100%;

	position: relative;

	height: 50px;

	margin-bottom: 15px;

}

.form-row.pull-right {

	float: right;

}

.form-label {

	position: absolute;

	opacity: 0.8;

	font-size: 16px;

	line-height: 26px;

	color: #00438F;;

	left: 0;

	top: 14px;

	z-index: 1;

	font-weight: 300;

	transition: all 0.3s ease;

	-webkit-transition: all 0.3s ease;

	-ms-transition: all 0.3s ease;

	-o-transition: all 0.3s ease;

}

.form-row input[type=text], .form-row input[type=email], .form-row input[type=tel], .form-row input[type=url], .form-row textarea {

	background-color: transparent;

	border: 0;

	border-bottom: 2px solid rgba(30,62,95,0.5);

	float: left;

	width: 100%;

	font-size: 14px;

	line-height: 21px;

	color: #00438F;

	height: 30px;

	margin-top: 20px;

	position: relative;

	z-index: 2;

	transition: all 0.5s ease;

	-webkit-transition: all 0.4s ease;

	-ms-transition: all 0.4s ease;

	-o-transition: all 0.4s ease;

	

}

.form-row-half {

	width: 47%;

}

.input-desc-hover .form-label {

	top: 0; 

}

.form-row:after {

	background-color: #fc661f;

	bottom: 0;

	content: "";

	height: 2px;

	left: 0;

	position: absolute;

	transition: all 0.5s ease;

	-webkit-transition: all 0.5s ease;

	-ms-transition: all 0.5s ease;

	-o-transition: all 0.5s ease;

	width: 0;z-index:2;

}

.input-desc-hover.form-row:after {

	 background-color: #fc661f;

	width: 100%;

}



.form-row textarea{ height:125px; margin-top:24px; resize:none;}





.form-row.form-row-full{ margin-bottom:30px;

	height: auto;

}

.submitHmcnt{ background:none; border:none; width:100%; height:100%; width:150px; transition:none !important;}

.contactFrm_h .cmnBtnIn{ padding:0px;}

.submitHmcntBtn{ float:left;}





/*footer=================*/

.main_footer{ background: #00438F; padding: 80px 0;}

.footerSecAdd{ margin-left: -5%; display:flex; flex-wrap:wrap;}

.footerSec{ width: 28%; display:inline-block; margin-left: 5.3%; padding-right: 5%; position: relative; }

.footerSec:before{position: absolute; width: 1px; height: 100%; background: #395d83; top: 0px; right: 0px; content: "";}

.footerSec:last-child:before{ display: none;}

.footer_in h2{ color: #ffffff; text-transform: uppercase; position: relative; padding-bottom: 16px; margin-bottom: 30px;}

.footer_in h2:before{ position: absolute; width: 91px; height: 2px; background: #ffb51c; bottom: 0px; left: 0px; content: "";}



.footerSec1 ul li{ display: block; margin-bottom: 12px;}

.footerSec1 ul li a{ color: #ffffff; font-size: 18px;  display: inline-block;  position: relative;padding-left: 20px}

.footerSec1 ul li a:before{ position: absolute; top: 8px; left: 0px; width: 6px; height: 6px; background: #ffffff; content: "";}

.footerSec1 ul li:last-child{ margin-bottom: 0px;}

.footerSec1 ul li.current-menu-item a,.footerSec1 ul li a:hover{ color: #ffb51c;}

.footerSec1 ul li.current-menu-item a:before,.footerSec1 ul li a:hover:before{ background: #ffb51c;}



.footerSec2 img{ max-width: 100%; height: auto; float: left;}

.followBtm{ margin-top: 50px;}

.followBtm ul li{ float: left; margin-right: 13px;}

.followBtm ul li a{ text-align: left; color: #ffffff; font-size: 25px;}

.followBtm ul li a:hover{ color: #ffb51c;}



.footerSec3 p {font-size: 14px; text-transform: uppercase; color: #ffffff;}

.footerSec3 a{ margin-top: 15px; display: inline-block;}
.footerSec3{ padding-right:0px;} 


.copy_right{ background: #142e49; padding: 20px 0; text-align: center;}

.copy_right p{ font-size: 12px; color: #8da1b5;}

.welcomeSH{ padding:150px 0; background-repeat:no-repeat; background-position:right bottom; background-image:url(../images/welcomeBg.png);}

.welcomHleft{ width:46%; float:left; position:relative; height:373px;}

.welcomHleftTop{float:left; margin-left:36px; position:relative; top:0px; }

.welcomHleftTop img {width: calc(100% + 72px); margin-left:-36px;}



.welcomHleftBttm{ width:calc(50% - 60px); right:0px; bottom:0px; overflow:hidden; height:178px; position:absolute; bottom:0px; box-shadow:-11px 11px 30px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow:-11px 11px 30px 0 rgba(0, 0, 0, 0.2)}

.welcomHleftBttm img {width: calc(100% + 50px); margin-left:-25px; z-index:1;}



.welcomHleftCntr{ position:absolute; background:#0060aa; width:192px; height:192px; z-index:2; margin-left:30px; }

.welcomHleftCntr img{position:absolute;  max-width:160px; max-height:160px;}



.welcomHright{ width:46%; float:right;}

.welcomHright .ttlWlcm{ margin-bottom:32px;}

.welcomHright .ttlWlcm h3,.welcomHright .ttlWlcm h2{ text-transform:uppercase;}

.welcomHrightText{  margin-bottom:40px; height:155px; overflow:hidden;}

.welcomHrightText p{ font-size:18px; line-height:26px;}

/*inner*/

.innerbanner{ height: 500px; float: left; width: 100%;}





/*testimonial*/

.testimonialM{ padding: 100px 0 50px 0;}

.testimonialTtl{ text-align:center; margin-bottom:50px; }

.testimonialTtl h2,.testimonialTtl h3{ text-transform:uppercase;}

.testimonialTtl h2{ margin-bottom:15px;}

.testimonialTtl h3{ margin-bottom:20px; }

/*.testimonialTtl p{font-family: 'AvenirLTStd-Oblique'; }*/



.testimonialArea{ background-image:url(../images/testimonialAreaBg.png); background-repeat:no-repeat; background-position:right top; min-height:500px;}

.testimonialAreaAd{ margin-left:0; width:calc(100% - 50px);}

.testimonialBox{ width:calc(50% - 60px); height:392px; float:left; margin-left:60px; border:2px solid #0060aa; box-shadow:14px 14px 30px 0 rgba(30,62,90,0.25); -webkit-box-shadow:14px 14px 30px 0 rgba(30,62,90,0.25); margin-bottom:60px;}

.testimonialBoxIn{ padding:40px 53px 0; position:relative; height:calc(100% - 40px); width:100%; overflow:hidden;}

.testimonialBoxTtl{ height:52px; line-height:26px; overflow:hidden;}

.testimonialBoxTtl h2{ text-transform:uppercase;}



.testimonialBoxCont{ height:167px; overflow:hidden; margin:17px 0 22px; overflow:auto; }

.testimonialBoxCont p{ line-height:24px;}

.testimonialBoxCont .mCS-dark.mCSB_scrollTools .mCSB_buttonUp, .testimonialBoxCont .mCS-dark.mCSB_scrollTools .mCSB_buttonDown {

	display: none !important;}

	.testimonialBoxCont .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 6px 0 !important;}

	.testimonialBoxCont .mCSB_scrollTools .mCSB_draggerRail { border: none; width: 4px !important; background:#d7dbdf !important; }

	.testimonialBoxCont .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px !important; background: #fc661f !important;}

	.testimonialBoxCont .mCSB_inside > .mCSB_container{ margin-right:28px !important;}





.testimonialBoxBtmLeft{ float:left; width:100%%; color:#00438F; text-transform:uppercase; font-size:12px;}

.testimonialBoxBtmLeft span{ display:block; margin-bottom:4px;}



.testimonialBoxBtmRght{ float:left; margin-top:15px; width:100%;}

.testimonialBoxBtmRght ul li{ float:left;margin-left:10px; margin-top:10px;}

.testimonialBoxBtmRght ul li a{ color:#abb0b5;  font-size:18px; display:block;}

.testimonialBoxBtmRght ul li a:hover{ color:#00438F;}



.testimoForm{ width:100%; float:left; margin-top:30px; margin-bottom:50px; display:none;}

.testimoForm h2{ font-size:20px; text-transform:uppercase;}

.testimoFormArea{ margin-top:22px;}

.form_tFld{ height:auto; float:left; width:100%; border:1px solid #afb3b6; margin-bottom:20px;}

.form_tFld input[type="text"],.form_tFld input[type="email"],.form_tFld input[type="tel"],.form_tFld input[type="number"],.form_tFld input[type="url"],.form_tFld textarea{ color:#a4a8ac; width:100%; height:auto;  padding:15px 30px; border:none; background:none; -moz-transform: skewX(12deg) skewY(0deg);

-webkit-transform: skewX(12deg) skewY(0deg);

-o-transform: skewX(12deg) skewY(0deg);

-ms-transform: skewX(12deg) skewY(0deg);

transform: skewX(12deg) skewY(0deg);}

.form_tFld textarea{ resize:none; height:225px;}

.form_tFldSubCont{ float:right;  -moz-transform: skewX(0) skewY(0deg);

-webkit-transform: skewX(0) skewY(0deg);

-o-transform: skewX(0) skewY(0deg);

-ms-transform: skewX(0) skewY(0deg);

transform: skewX(0) skewY(0deg);}



.form_tFldSubCont .cmnBtnIn{ padding:0px;}

.form_tFldSub{ background:none; font-size:18px; border:none; width:100%; height:100%; width:200px; text-transform:uppercase;z-index:2;



}

.form_tFld input[type="text"]:focus,.form_tFld input[type="email"]:focus,.form_tFld input[type="tel"]:focus,.form_tFld input[type="number"]:focus,.form_tFld input[type="url"]:focus,.form_tFld textarea:focus{ padding-left:35px;}



.testimoFormHalf{ width:34%; margin-right:20px;}



.testimoFormIn{ width:calc(100% - 100px); margin-left:50px;}



/*our CLIENTS*/

.ourClients{ background-image:url(../images/testimonialAreaBg.png); background-repeat:no-repeat; background-position:right center; min-height:500px; padding:100px 0 60px;}



.ourClientsBrand_p{ margin-top:100px; text-align:center;}

.ourClientsBrand_p h2{ margin-bottom:40px; text-transform:uppercase;}

.clientsBrand_pAdd{ margin-left:-40px; margin-top:10px;}

.clientsBrand_pBox{ width:calc(33.3% - 40px); float:left; margin-left:40px; margin-bottom:40px;}

.clientsBrand_pBoxTop{ height:180px; border:1px solid #0060aa; position:relative; margin-bottom:15px;}

.clientsBrand_pBoxTop img{ max-height:85%; max-width:85%; position:absolute;}

.clientsBrand_pBox p{ padding:0 14px 15px; color:#00438F; font-size:14px;  text-transform:uppercase;}

.clientsBrand_pBox p:last-child{ padding-bottom:0px;}

.clientsBrand_pBox:hover p{ color:#ffb51c;}

.clientsBrand_pBox:hover .clientsBrand_pBoxTop img{ transform:translate(-50%,-50%) scale(0.9); -webkit-transform:translate(-50%,-50%) scale(0.92);}



.whyChoose_p{ padding:100px 0; position:relative; min-height:600px;}

.whyChoose_p img.mainBgWhy,.whyChoose_p_Over{ width:100%; position:absolute; height:100%; top:0px; left:0px;}

.whyChoose_p img.mainBgWhy{ z-index:0;}

.whyChoose_p_Over{ z-index:1; background:#00438F; opacity:0.7;}



.whyChoose_pIn{ position:relative; z-index:2; text-align:center}

.whyChoose_pIn .ttlWhy{ text-transform:uppercase; margin-bottom:60px;}

.whyChoose_pIn .ttlWhy h3{ margin-top:10px;}



.whyChoose_pBoxAdd{ margin-left:-30px;}

.whyChoose_pBox3{ width:calc(33.3% - 30px); margin-left:30px; float:left; margin-bottom:30px;}

.whyChoose_pBox3Crcl{ width:126px; height:126px; background:#0060aa; margin:0px auto 30px; display:table; border:3px solid #ffffff; position:relative;}

.whyChoose_pBox3Crcl img{ max-height:90%; max-width:90%; position:absolute;}

.whyChoose_pBox3Top{ background:#ffb51c; width:37px; height:37px; z-index:1; position:absolute; top:0; left:0px;}

.whyChoose_pBox3:hover .whyChoose_pBox3Top { background:#ffffff;}

.whyChoose_pBox3:hover .whyChoose_pBox3Crcl{ background:#ffb51c;}



.whyChoose_pBox3 p{ color:#ffffff; font-size:18px; text-transform:uppercase; }

.whyChoose_pIn_a{ margin-top:30px;}



/*who We are*/

.whoWe_p{ padding:100px 0;}

.whoWe_p h2 {
	margin-bottom: 20px;
}

.whoWe_pLeft{ height:453px;}

.whoWe_pleftBtm{ width:auto; height:auto; position:absolute; bottom:0px; left:0px; max-height:100%;}

.whoWe_pleftBtm img{ max-height:453px; float:left; max-width:100%;}

.whoWe_pleftTop{ position:absolute; top:auto; bottom:0px; }

.whoWe_pleftCntr{ transform:none; top:auto; left:auto; margin:0px; bottom:-80px; right:0px;}

.whoWe_pRight .welcomHrightText{ height:auto;}





/*ccontact Us*/

.contactMain{ padding:100px 0;}

.contactMain h2{ margin-bottom:35px; text-transform:uppercase;}

.contactLeft{ width:48%; float:left;}

.contactFormArea{ margin-left:-18px;}

.contact_tFld{ height:auto; float:left; width:calc(100% - 18px); border:1px solid #afb3b6; margin-bottom:18px; margin-left:18px;}

.contact_tFld input[type="text"],.contact_tFld input[type="email"],.formcontact_tFld_tFld input[type="tel"],.contact_tFld input[type="number"],.contact_tFld input[type="url"],.contact_tFld textarea,.contact_tFld select{ color:#a4a8ac; width:100%; height:auto;  padding:15px 20px; border:none; background:none; }

.contact_tFld textarea{ resize:none; height:386px;}

.contact_tFld select{ padding:14px 40px 14px 16px; cursor:pointer; background-image:url(../images/arrowSel.png); background-repeat:no-repeat; background-position:right 20px center;}

.contact_SubCont{ float:left; margin-left:18px;}

.contact_SubCont .cmnBtnIn{ padding:0px;}

.contact_tSub{ background:none; font-size:18px; border:none; width:100%; height:100%; width:180px; text-transform:uppercase;z-index:2; transition:none !important;}



.contact_tFld input[type="text"]:focus,.contact_tFld input[type="email"]:focus,.contact_tFld input[type="tel"]:focus,.contact_tFld input[type="number"]:focus,.contact_tFld input[type="url"]:focus,.contact_tFld textarea:focus{ padding-left:25px;}



.contact_tFldHalf{ width:calc(50% - 18px); }



.contactRight{ float:right; width:48%;}

.contactRightRow{border:1px solid #0043BF; padding:26px 30px; margin-bottom:20px;}

.contactRightRow:last-child{ margin-bottom:0px;}

.contactRightRow h4{ text-transform:uppercase;}

.contactRightRow_ul{ margin-top:20px;}

.contactRightRow ul li{ position:relative; float:left; width:100%; margin-bottom:30px; padding-left:25px;}

.contactRightRow ul li:before{ position:absolute; top:2px;  content:""; left:0px; background-repeat:no-repeat; background-position:center}

.addres_contact:before{ background-image:url(address.png); width:15px; height:15px;}

.phone_contact:before{ background-image:url(phone.png); width:15px; height:15px;}
.email_contact:before{ background-image:url(email.png); width:15px; height:15px;}
.mobile_contact:before{ background-image:url(mobile.png); width:15px; height:15px;}

/*.contactRightRow ul li p{ font-family: 'AvenirLTStd-Oblique';}*/

.contactRightRow ul li a{ color:#00438F; display:inline-block;}

.contactRightRow ul li:last-child{ margin-bottom:0px;}

.contactRightRow ul li a:hover{ color:#2c3035;}





.contactMap{ height:600px;}

.contactMap iframe{ width:100%; height:100%;}

.content-column.one_half.last_column { padding-right:0 }



.serviceToday{ background:#fc661f; padding:40px 0;}

.serviceTodayLeft{ float:left; width:47%; }

.serviceTodayLeft h4{ text-transform:uppercase;}

.serviceTodayLeftText{ margin-top:15px;}

.serviceTodayLeftText p{ color:#00438F;}



.serviceTodayRight{ float:right; width:47%; float:right;}

.serviceTodayRight h5{ text-transform:uppercase; font-size:14px;}

.serviceTodayCall{ margin:8px 0 17px 0;}

.serviceTodayCall a{font-size:30px; color:#ffffff; position:relative; padding-left:24px; margin-left:25px; text-shadow:-2px 4px 2px rgba(0, 1, 1, 0.4); -webkit-text-shadow:-2px 4px 2px rgba(0, 1, 1, 0.4);}

.serviceTodayCall a:before{ content:""; position:absolute;  width:2px; background:#00438F; left:0px; top:0px; height:80%; top:10%;}

.serviceTodayCall a:first-child{ padding:0px; margin:0px;}

.serviceTodayCall a:first-child:before{ display:none;}

.serviceTodayCall a:hover{ color:#fbf2de; text-shadow:-2px 5px 2px rgba(0, 1, 1, 0.7); -webkit-text-shadow:-2px 4px 2px rgba(0, 1, 1, 0.5);}



/*GARAGE DOORS*/

.garageDoors_p{ padding: 100px 0 20px 0;}

.garageDoorsTtl{ text-align:center; margin-bottom:50px; }

.garageDoorsTtl h2,.garageDoorsTtl h3{ text-transform:uppercase;}

.garageDoorsTtl h2{ margin-bottom:15px;}

.garageDoorsTtl h3{ margin-bottom:20px; }

.garageDoorsTtl p{line-height:24px; }



.garageDoorsArea{}

.garageDoorsRow{ margin-top:40px;margin-bottom:40px;}

.grgDrsRowLeft{ width:47%; float:left; position:relative; height:373px;}

.grgDrsRowLeftTop{ width:calc(100% - 62px); float:left; margin-left:36px;  height:325px; position:relative; top:0px; }

.grgDrsRowLeftTop img {width: calc(100% + 72px); margin-left:-36px;}



.grgDrsRowLeftBttm{ width:178px; right:0px; bottom:0px; overflow:hidden; height:128px; position:absolute; bottom:0px; -webkit-box-shadow:-20px 20px 36px 0 rgba(0, 0, 0, 0.32); background:#fc661f;cursor: pointer;border: 10px solid #fc661f;}

.grgDrsRowLeftBttm:hover{
    transition: border-width 0.3s ease-in-out;
    border: 10px solid #0177c1;
}

.grgDrsRowLeftBttm img { position:absolute; background:#fc661f; max-width:50%; max-height:50%; -moz-transform: skewX(0deg) skewY(0deg) translate(-50%,-50%);

-webkit-transform: skewX(12deg) skewY(0deg) translate(-50%,-50%);

-o-transform: skewX(12deg) skewY(0deg) translate(-50%,-50%);

-ms-transform: skewX(12deg) skewY(0deg) translate(-50%,-50%);

transform: skewX(0deg) skewY(0deg) translate(-50%,-50%); top:50%; left:50%;}

 

 .grgDrsRowright{ width:47%; float:right;}

.grgDrsRowright .ttlTop{ margin-bottom:28px;}

.grgDrsRowright .ttlTop h2{ text-transform:uppercase;}

.grgDrsRowrightText{  margin-bottom:35px; }

.grgDrsRowrightText p{ line-height:24px; }

.grgDrsRowrightList{ float:left; width:100%; margin-bottom:20px;}

.grgDrsRowrightList ul li{ padding-left:25px; float:left; width:100%; margin-bottom:10px; position:relative;}

.grgDrsRowrightList ul li:before{ content:""; width:14px; height:14px; position:absolute; top:4px; left:0px; background-color:#fc661f; background-position:center; background-repeat:no-repeat; background-image:url(../images/grgDrsRowrightList.png);}



.grgDrsRowright .cmnBtn .cmnBtnIn{ padding:0 25px;}

.garageDoorsRow:nth-child(even) .grgDrsRowLeft{ float:right;}

.garageDoorsRow:nth-child(even) .grgDrsRowright{ float:left;}



/*garageDoorsDtl_p*/

.garageDoorsDtl_p{ padding:100px 0 50px 0;}

.garageDoorsDtlTop .garageDoorsRow{ margin-bottom:0px;}



.garageDoorsDtlCnt{ border:1px solid #0060aa; padding:30px; border-radius:8px; -webkit-border-radius:8px; margin-top:50px;margin-bottom:40px;}

.grgDrsDtlCntRow{ margin-bottom:35px; float:left; width:100%;}

.grgDrsDtlCntRow h4{ margin-bottom:10px; text-transform:uppercase;}

.grgDrsDtlCntRow p{line-height:24px;}
.grgDrsDtlCntRow p a{ color:#fc661f;}
.grgDrsDtlCntRow p a:hover{ color:#00438F;}
.grgDrsDtlCntRow:last-child{ margin-bottom:0px;}

.gallery_mainArea{ width:100%; float:left;}

.galleryimg-box{ position:relative; height:266px; overflow:hidden; float:left;}

.galleryimg-box img{ width:100%; height:100%; object-fit:cover; -webkit-object-fit:cover; float:left;}



.galleryoverlay{ position: absolute;  width:0; height: 0; background-color: rgba(255,191,0, 0.8); background-image: url(../images/zoom.png); background-repeat: no-repeat; background-position: center center; opacity: 0;  }

.galleryimg-box:hover .galleryoverlay{ width:100%; height:100%; opacity:1;}

.columCount .galleryimg-box:hover .galleryoverlay,.galleryimg-box .p_galleryImgCont:hover .galleryoverlay { opacity: 1; transition: all 600ms ease; -webkit-transition: all 600ms ease; -ms-transition: all 600ms ease; -o-transition: all 600ms ease; left: 0%; top: 0%; width: 100%; height: 100%; transform-origin: center center; 	-webkit-transform-origin: center center; -ms-transform-origin: center center; -o-transform-origin: center center; }

.gallery_mainArea .slick-track, .bannerSlider .slick-list{ height:100%;}

.gallery_mainArea .slick-track {margin: 0 auto;}

.gallery_mainArea .slick-arrow{ background:none; position:absolute; background-repeat:no-repeat;  height:64px; border:none; z-index:1; font-size:0px; cursor:pointer; background-position:center; width:34px; z-index:4;background-color:rgba(30,62,90,0.8); background-size:14px;}

.gallery_mainArea .slick-arrow:hover{ background-color:rgba(249,177,19,0.8);}

.gallery_mainArea .slick-arrow.slick-prev{ background-image:url(../images/bannerArrow1.png); left:2%;}

.gallery_mainArea .slick-arrow.slick-next{ background-image:url(../images/bannerArrow2.png); right:2%;}



/*SERVICING & REPAIRS=================*/

.sevicingRepr{ position:relative; }

.sevicingRepr_Bg{ position:absolute;  bottom:0px; max-height:calc(100% - 70px); max-width:100%; left:0px;}



.sevicingReprIn{ z-index:1; position:relative; width:100%; height:100%; float:left;}

.sevicingReprLeft{ float:left; width:47%; position:absolute; height:100%; bottom:0px;}

.sevicingReprLeft img{ position:absolute; right:0px; bottom:0px; max-height:90%; max-width:100%; }

.sevicingReprRight{ float:right; width:47%; padding:100px 0;  }

.sevicingReprText{ margin-top:40px;}

.sevicingReprText p{line-height:24px;}



.serviceArea{ text-align:center; padding:100px 0;}

.serviceAreaTtl{ text-transform:uppercase;}

.serviceAreaMap{ width:100%; float:left; height:618px; margin-top:55px;}

.serviceAreaMap iframe{ width:100%; height:100%;}



/*OurBlog*/

.ourBlog{ padding:100px 0;}

.ourBlogTtl{  text-align:center; margin-bottom:70px; text-transform:uppercase;}



.ourBlogLeft{ float:left; width:calc(100% - 317px);}

.ourBlogBoxAdd{ margin-left:-40px;}

.ourBlogBox{ width:calc(50% - 40px); margin-left:40px; float:left; margin-bottom:40px; border:1px solid #0060aa; padding:37px 20px; }



.blogBoxTtl{ margin-bottom:14px; text-transform:uppercase;height:44px; overflow:hidden;}

.blogBoxTtl h4{ text-transform:uppercase; line-height:23px; }



.ourBlogBoxImg{ height:240px; position:relative; overflow:hidden; background:#0060aa;}

.ourBlogBoxImg img{ transform:scale(1.2); -webkit-transform:scale(1.2);}

.ourBlogBoxImgCont{ position:relative; height:285px; margin-bottom:14px; }

.ourBlogBoxDateArea{ position:absolute; bottom:0px; z-index:1; padding:0 15px;}

.ourBlogBoxDate{ width:90px; height:90px; background:#fc661f; text-align:center; padding:15px 10px; display:inline-block;}

.ourBlogBoxDate p{padding:0px; text-transform:uppercase; text-align:center}

.ourBlogBoxDate .year{font-size:12px; color:#00438F; line-height:14px;}

.ourBlogBoxDate .date{font-size:30px; color:#ffffff; line-height:32px;}

.ourBlogBoxDate .month{ font-size:12px; color:#ffffff;line-height:14px;}

.blogPostBy{ display:inline-block; text-transform:uppercase; margin-left:10px;}

.blogPostBy p{ color:#00438F;  font-size:12px;}

/*.blogPostBy p span{ font-family: 'AvenirLTStd-BlackOblique';}*/

.textCont_Blog{ height:74px; overflow:hidden; margin-bottom:14px;}



.textCont_Blog p{ line-height:24px;}



.a_Cont_Blog a{ font-size:12px; color:#0060aa; text-transform:uppercase;}

.a_Cont_Blog a:hover{ color:#fc661f;}



.ourBlogBox:hover .ourBlogBoxDate{ background:#00438F;}

.ourBlogBox:hover .ourBlogBoxDate .year{ color:#fc661f;}

.ourBlogBox:hover .ourBlogBoxImg img{transform:scale(1); -webkit-transform:scale(1); opacity:0.8;}



.pagination{ float:left; width:100%; position:relative; height:20px;}

.paginationPage{ position:absolute;}

.paginationPage li{ display:inline-block; margin:0 12px;text-align:center; color:#485056;}

.paginationPage li a{ text-align:center; color:#485056; padding:6px;}

.paginationPage li a:hover{ color:#ffffff; background:#fc661f;}

.paginatArrow{ position:absolute; background-repeat:no-repeat; width:29px; height:17px;}

.prev_pegi{ left:0px; background-image:url(../images/paginatArrow1.png); background-position:left center;}

.next_pegi{ right:0px;background-image:url(../images/paginatArrow2.png); background-position:right center;}

.prev_pegi:hover{background-position:right center;}

.next_pegi:hover{background-position:left center;}



.blogRight{ width:280px; float:right;}

.blogRightSec{ margin-bottom:30px;}

.blogRightSec:last-child{ margin-bottom:0px;}



.blogRightTtl{ border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; padding:12px 20px; border:2px solid #0060aa; border-bottom:none; background:#0060aa;  text-transform:uppercase;}

.blgRghtScIn{ padding:20px; border:2px solid #0060aa; border-top:none; border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px;}



.rectntPstRow{ border-bottom:1px solid #fc661f; padding-bottom:10px; margin-bottom:10px; font-size:16px;}

.rectntPstRow a{ color:#00438F; line-height:22px; height:44px; overflow:hidden; display:inline-block;}

.rectntPstRow a:hover{ color:#fc661f;}



.rectntPstRow:last-child{ margin-bottom:0px; padding-bottom:0px; border:none;}



ul.compact-archives li span,ul.compact-archives li a {

	color: #485056;

	font-size: 14px;

	border: 1px solid #fc661f;

	height: 32px;

	line-height: 30px;

	padding: 0 18px;

	text-align: center;

	margin-bottom: 10px;

	margin-right: 6px;

	display: inline-block;

}

ul.compact-archives li a {

	color: #ffffff;

	background: #fc661f;

	border: 1px solid #fc661f;

	position: relative;

	display: inline-block;

	/*z-index: -1;*/ 

}

ul.compact-archives li strong a {

	background: none;

	display: inline-block;

	border: none;

	color: #0060aa;

	height: auto;

	line-height: 20px;

	padding: 0px;
	 font-size:16px; 
	min-width: inherit;

}

ul.compact-archives li strong {

	width: 100%;

	float: left;
 font-size:16px; 
	text-align: left;

	font-weight: normal;

	color: #0060aa;

	display: block;

	cursor: pointer;

	position: relative;

	padding: 4px 0;

}

ul.compact-archives li {

	padding-top: 10px;

	border-top: 1px solid #d4d7dc;

	float: left;

	width: 100%;

}

ul.compact-archives li:first-child {

	margin-top: 0px;

	border: none;

}


/*archive page*/
.archiveMain{ float:left; width:100%;}
.archiveMain article{ float:left; width:100%; margin-bottom:40px; padding:37px 20px; border: 1px solid #0060aa; }
.archiveMain article:last-child{margin:0px;}
.archiveMain article .entry-header{float:left; width:100%; margin-bottom:25px;}
.archiveMain article .entry-title,.archiveMain article .entry-title a{ color:#00438F ; font-family: "Roboto"; font-size:18px; text-transform:uppercase;}
.archiveMain article .entry-title:hover,.archiveMain article .entry-title a:hover{ color:#fc661f;}
.archiveMain article .entry-header .entry-meta{ display:none;}

.archiveMain article .post-thumbnail{float:left; width:100%; margin-bottom:25px; height:auto; overflow:hidden; background:#0060aa;}
.archiveMain article .post-thumbnail img{ transform:scale(1.12); -webkit-transform:scale(1.12);}
.archiveMain .has-post-thumbnail .entry-content{float:left; width:100%; 
    line-height: 24px;}

.archiveMain article:hover .post-thumbnail img{ opacity: 0.8; transform: scale(1); -webkit-transform: scale(1);}

/*blogDetails*/

.blogDetailsBox{ width:100%; margin-left:0px; height:auto; margin-bottom:20px;}

.blogDetailsBox .blogBoxTtl{ height:auto; margin-bottom:25px;}

.blogDetailsBox .blogBoxTtl h4{ line-height:26px;}

.blogDetailsBox .ourBlogBoxImgCont{ height:auto; padding-bottom:45px; margin-bottom:30px;}

.blogDetailsBox .ourBlogBoxImg{ height:auto;}

.blogDetailsBox .textCont_Blog{ height:auto; margin-bottom:30px;}



.share_Blog{ background:#f6f6f6; padding:10px 20px;}

.share_Blogleft{ float:left;}

.shareBlogIcon{ float:right; max-width:80%;}

.shareBlogIcon ul li{ float:left; margin-left:20px;}

.shareBlogIcon ul li a{ font-size:17px; color:#bebdbd; display:inline-block;}

.shareBlogIcon ul li a:hover{color:#00438F;}

.share_Blogleft{ float:left; margin:0;  position:relative;}

.share_Blogleft:before{ content:""; width:14px; height:20px; top:0px; left:0px; background-position:left top; background-repeat:no-repeat; background-image:url(../images/shareIcon.png); display:inline-block; vertical-align:middle;}

.share_Blogleft h5{ display:inline-block; vertical-align:middle; margin-left:5px;}



.blgDtlPagination .paginatArrow{ position:absolute; color:#485056; width:auto; height:auto; line-height:17px;}

.blgDtlPagination .paginatArrow:before{ position:absolute; content:""; width:29px; height:17px; background-repeat:no-repeat;  }

.blgDtlPagination .prev_pegi{ left:0px; background-image:none; padding-left:34px;}

.blgDtlPagination .next_pegi{ right:0px;background-image:none; padding-right:34px;}



.blgDtlPagination .prev_pegi:before{background-image:url(../images/paginatArrow1.png); background-position:left center; left:0;}

.blgDtlPagination .next_pegi:before{ right:0px;background-image:url(../images/paginatArrow2.png); background-position:right center;}



.blgDtlPagination .paginatArrow:hover{ color:#fc661f;}

.blgDtlPagination .prev_pegi:hover:before{background-position:right center;}

.blgDtlPagination .next_pegi:hover:before{background-position:left center;}



.blgDtlCntRow{ margin-bottom:30px; float:left; width:100%;}
.blgDtlCntRow h4{ margin-bottom:7px; text-transform:uppercase;}
.blgDtlCntRow:last-child{ margin-bottom:0px;}


.blogDrsUlarw{ float:left; width:100%; padding-left:40px; margin-bottom:25px;}
.blogDrsUlarw li{ padding-left:25px; float:left; width:100%; margin-bottom:10px; position:relative;}

.blogDrsUlarw li:before{ content:""; width:14px; height:14px; position:absolute; top:4px; left:0px; background-color:#fc661f; background-position:center; background-repeat:no-repeat; background-image:url(../images/grgDrsRowrightList.png);}

.blogDrsUlno{float:left; width:100%; padding-left:55px; list-style-type:decimal; margin-bottom:25px;}
.blogDrsUlno li{ padding-left:5px; float:left; width:100%; margin-bottom:10px; position:relative;}

.textCont_Blog p a{ color:#fc661f}
.textCont_Blog p a:hover{ color:#0060aa;}
/*blogDetails*/

.locations_p{ padding:100px 0;}

.locations_pTtl{ margin-bottom:20px; text-align:center;}

.locations_pTtl h2{ text-transform:uppercase;}





.loc_Number{ text-align:center;}

.loc_NumberTtl{ text-transform:uppercase;}



.loc_NumberArea{ text-align:center;}



.loc_NumberBox{ display:inline-block; margin:40px 25px 0;}

.locationsTopIcon{ width:144px; height:144px; display:inline-block;  position:relative; background:#fff7e6; vertical-align:middle;}

.locationsTopIcon:after{ width:100%; height:100%;content:""; position:absolute; opacity:1; background:#ffffff;border:1px solid #0060aa; }

.locationsTopIconIn{ position:absolute; width:99px; height:99px; background:#fc661f; z-index:1; }

.locationsTopIconIn img{ position:absolute; max-height:50px; max-width:50px;}

.loc_NumberBox:hover .locationsTopIcon:after{ width:0px; height:0px; opacity:0;}



.loc_NumberBoxText{ vertical-align:middle; margin-left:28px; display:inline-block; text-align:left;}

.loc_NumberBoxText h4{ text-transform:uppercase; margin-bottom:2px;}

.loc_NumberBoxText a:hover{ color:#fc661f;}



.location_pMap{ margin-top:30px;}

.location_pMapAdd{ margin-left:-40px;}

.location_pMapBox{ margin-top:40px; margin-left:40px; width:calc(33.33% - 40px); float:left;}

.location_pMapBoxMap{ border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; overflow:hidden; height:340px; background:#00438F;}

.location_pMapBoxMap iframe{ width:100%; height:100%; opacity:0.9;}

.map_boxLocIn{ background:#fef7e7; border:1px solid #fc661f; padding:26px 25px; border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px; border-top:none;}

.map_boxLocIn h4{ text-transform:uppercase; font-size:16px;}

.map_boxLocIn_ul{ margin-top:20px;}

.map_boxLocIn ul li{ position:relative; float:left; width:100%; margin-bottom:30px; padding-left:25px;}

.map_boxLocIn ul li:before{ position:absolute; top:2px;  content:""; left:0px; background-repeat:no-repeat; background-position:center}

.addres_locMap:before{ background-image:url(../images/addres_contact.png); width:12px; height:19px;}

.phone_locMap:before{ background-image:url(../images/phone_contact.png); width:12px; height:16px;}

/*.map_boxLocIn ul li p{ font-family: 'AvenirLTStd-Oblique';}*/

.map_boxLocIn ul li a{ color:#00438F; display:inline-block;}

.map_boxLocIn ul li:last-child{ margin-bottom:0px;}

.map_boxLocIn ul li a:hover{ color:#2c3035;}

.location_pMapBox:hover .location_pMapBoxMap iframe{ opacity:1;}



/**/

.freeQuoteP{ position:relative;  min-height:700px;}

.freeQuoteBg{ position:absolute; bottom:0px; max-width:90%; right:0; max-height:85%;}

.freeQuotePArea{ width:51%; float:left; padding:100px 0; z-index:1; position:relative;}

.freeQuotePttl{ margin-bottom:20px;}

.freeQuotePttl h2{ text-transform:uppercase; margin-bottom:15px;}

/*.freeQuotePttl p{font-family: 'AvenirLTStd-Oblique'; }*/



.freeQuoteFrm .address{ height:88px;}

.freeQuoteFrm .additionalComments{ height:187px;}

.inputTtl{ width:100%; float:left;margin-bottom:15px; }

.inputTtl p{ text-transform:uppercase;  color:#00438F;}

.freeQuote_tFld{  width:calc(50% - 18px); margin-left:18px; float:left; margin-bottom:18px;}

.freeQuote_tFld .contact_tFld{ margin:0px;}





.radio-custom {

    opacity: 0;

    position: absolute;   

}





.radio-custom-label {

    position: relative; padding-left:23px; color:#485056;cursor:pointer;

}



.radio-custom + .radio-custom-label:before {

    content: '';

   background:#ffffff;

   border:1px solid #afb3b6; 

    width: 12px;

    height: 12px;

    padding: 0px;

     position:absolute; top:2px; left:0px;	

    text-align: center;border-radius: 50%; -webkit-border-radius: 50%;

}



.radio-custom + .radio-custom-label:after{ content:""; width:4px; height:4px;border-radius: 50%; -webkit-border-radius: 50%; position:absolute; z-index:1; background:#116bb0; opacity:0; top:7px; left:5px;}





.radio-custom:checked + .radio-custom-label:after {

 opacity:1;

}



.radio-custom:focus + .radio-custom-label {

  outline: 0px solid #ddd; /* focus style */

}

.check-box-row{

  float:left;

  width:100%; margin-bottom:10px;

}

.check-box-row:last-child{ margin-bottom:0px;}

#s-share-buttons{ float:left;}
#s-share-buttons a{ background-image:none !important; width:auto !important; height:auto !important;  float:left;  color:#abb0b5;font-size:17px;}
#s-share-buttons a:before{ display:inline-block; vertical-align:middle; text-align:center; font-size:17px; color:#abb0b5;}
.s-share-w-c a.s3-facebook:before{content:"\f09a"}
.s-share-w-c a.s3-twitter:before{content:"\f099"}
.s-share-w-c a.s3-google-plus:before{content:"\f0d5"}
.s-share-w-c a.s3-reddit:before{content:"\f281"}
.s-share-w-c a.s3-linkedin:before{content:"\f0e1"}
.s-share-w-c a.s3-stumbleupon:before{content:"\f1a4"}
.s-share-w-c a.s3-tumblr:before{content:"\f173"}
.s-share-w-c a.s3-email:before{content:"\f003"}
#s-share-buttons a:hover,#s-share-buttons a:hover:before{ color:#00438F;}
.shareBlogIcon #s-share-buttons a{ margin:2px 0 0 20px !important}
.testimonialBoxBtmRght #s-share-buttons a{margin:0 20px 0 0 !important}
.testimonialBoxBtmRght #s-share-buttons a:before{ font-size:16px;}
span.wpcf7-not-valid-tip {
	font-size: 10px !important;
	position: absolute;
	top: 37px;
}
div.wpcf7-validation-errors {
	display: none !important;
}
div.wpcf7-mail-sent-ok {
	border: 1px solid #398f14 !important;
	color: #398f14 !important;
	float: left;
	font-size: 14px !important;
	margin: 15px 0 0px 18px !important;
	padding: 15px 20px !important;
	text-align: center !important;
	width: calc(100% - 18px);  border-radius:6px !important; -webkit-border-radius:6px !important;
}
.contactFrm_h .form-row span{ font-size:10px; position:absolute; top:100%; margin-top:3px; width:100%; text-align:left; color:#f00; left:0px;}
.successfully_H{ float:right;}
.successfully_H p{
	 color: rgb(13, 155, 10);
   
    font-size: 13px;
    line-height: 56px;
}

.overHdn{ height:100vh; overflow:hidden;}
.ourBrochure_p{ padding:60px 0;}
.ourBrochure_pIn{ text-align:center; margin-top:0px;}
.footer_logonew{ display:flex; flex-wrap:wrap; width:100%;}
.footer_logonewIn{ display:inline-block; width:50%; margin-bottom:12px; vertical-align:middle; }
.footer_logonewIn img{ width:auto; max-width:100%; float:left;}
.footer_logonewIn:nth-child(2n + 1){ padding-right:6px;}
.footer_logonewIn:nth-child(2n + 2){ padding-left:6px;}


element.style {
}
.callTodayMain {
	margin-top:-100px;
    background: #00438F;
}

/* Icon Definition */
.table-bordered {
	border: 1px solid #dee2e6;
}
.table-bordered td, .table-bordered th {
	border: 1px solid #dee2e6;
}
.table-striped tbody tr:nth-of-type(odd) {
	background-color: rgba(0,0,0,.05);
}
.table td, .table th {
	padding: 0.75rem;
	vertical-align: middle;
}

.tbl-icon-def img.alignnone {
	margin-bottom: 0;
}

/* Products Detail Page */
.garageDoorsDtlCnt .grgDrsDtlCntRow ul {
	margin-left: 20px;
	margin-bottom: 20px;
}

.garageDoorsDtlCnt .grgDrsDtlCntRow ul li {
	list-style-type: disc;
}

.h_garageDoors4IconIn_B{
    position: absolute;
    width: 120px;
    height: 120px;
    background: #FC661F;
    z-index: 1;
}

/* Product Detail Page - New banner and PDF button */
.garageDoorsSecondBanner {
	padding: 40px;
}

.garageDoorsSecondBanner .SecondBannerImg {
	text-align: center;
	position: relative;
}

a.btn.download-tech {
	background-color: #FC661F;
	width: 14%;
	display: inline-block;
	position: absolute;
	bottom: -11%;
	right: 10%;
	padding: 5px 25px;
	border-radius: 10px;
	color: #485056;
}

a.btn.download-tech img {
	width: 80px;
}

a.btn.download-tech p {
	padding: 0 0 5px 0;
	font-weight: bold;
	color: #000;
}

/* Brochures Page */

.show-category h2 {
	margin-bottom: 20px;
}

.show-category h3 {
	margin-bottom: 10px;
}

.show-parent-category {
	padding-bottom: 15px;
}

.prd-custom-margin {
	margin-bottom: 15px;
}

.subcat-brochure {
	font-weight: 600;
}

a.new-brochure {
	color: inherit;
}

a.new-brochure:hover {
	color: #0073e5;
}

.cust-menu-hidden {
	display: none!important;
}

/* Service Page */
.page-template-service .service .service-desc ul {
	margin-left: 20px;
}

.indsutrial-door .swiper-wrapper {
	width: 25%;
}