@charset "utf-8";
/* CSS Document */



*{margin:0; padding:0;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a {outline: 0 !important;text-decoration:none;}
a:hover, a:active, a:focus {outline: 0 !important;}
input::-moz-focus-inner {border: 0 !important;}
*:hover, a:hover, a, .btn:hover, .btn {transition: 0.4s;}
html,body {width: 100%;height: 100%;}
body{font-family: 'Brandon-Grotesque'; font-size:14px; color:#6b6f70; line-height:20px;}
.cntOuter{display:table; width:100%; height:100%;}
.cntInner{display:table-cell; width:100%; height:100%; vertical-align:middle;}
.img-responsive{display:inline-block; max-width:100%;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.dsFlex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.dsNone{display:none;}
.clearBoth{clear:both;}
.space20{clear:both; width:100%; height:20px; display:block;}
.space30{clear:both; width:100%; height:30px; display:block;}
.zeroPadding{padding:0 !important;}
.zeroBtmMargin{margin-bottom:0 !important;}
.zeroTopMargin{margin-top:0 !important;}
.zeroRightMargin{margin-right:0 !important;}
.height100{height:100%;}
h1,h2,h3,h4,h5,h6{font-weight:normal; font-family: 'Brandon-Grotesque'; text-transform:uppercase;}
.bgCover{background-position:center !important; background-size:cover !important;}
.padding30{padding:30px 0 !important;}
/********************  Header  **********************/

header{clear:both; width:100%; border-bottom:4px solid #6b6f70;}
.hTop{border-top:4px solid #c31f2f; background:#6b6f70; text-align:right; padding:6px 0; color:#FFF;}
.hTop a{display:inline-block; margin-left:5px;}
.hTop a i{width:26px; height:26px; background:#FFF; border-radius:50%; text-align:center; line-height:26px; font-size:14px; color:#6b6f70;transition: 0.4s;}
.hTop a:hover i{background:#c31f2f; color:#FFF;transition: 0.4s;}
header .header{padding:20px 0; width:100%; clear:both;}
header .callUS{text-align:right; font-size:30px; color:#6b6f70;}
header .callUS a{color:#c31f2f;}
header .callUS span{font-size:14px; display:block; padding-top:5px;}
header .hMenu{clear:both; padding-top:10px; text-align:right;}
header .hMenu ul li{display:inline-block; list-style:none; padding:0 15px; line-height:40px; position:relative;}
header .hMenu li a{color:#6b6f70; display:block; text-transform:uppercase;}
header .hMenu li a:hover, header .hMenu li.current_page_item a{color:#c31f2f;}
header .hMenu li:last-child{padding-right:0;}
header .hMenu li a:before {  content: "";  position: absolute;  width: 100%;  height: 3px;  bottom: 0;  left: 0;  background-color: #c31f2f;  visibility: visible;  -webkit-transform: scaleX(0);  transform: scaleX(0);  -webkit-transition: all 0.3s ease-in-out 0s;  transition: all 0.3s ease-in-out 0s;}
header .hMenu li a:hover:before, header .hMenu li.current_page_item a:before {  visibility: visible;  -webkit-transform: scaleX(1);  transform: scaleX(1);}

.rspMenuLink, .rspMenuContent{display:none;}

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

.homeBanner{height:645px; width:100%; border-bottom:4px solid #b61e2d;}
.hbImage{width:100%; height:100%; position:relative;}
.hbImage .container{position:relative; height:100%;}
.hbImage .hbDescription{background:rgba(107,111,112,0.92); padding:30px; float:right; color:#FFF; max-width:680px; border-bottom:4px solid #b61e2d; text-align:right;}
.hbImage .hbDescription h2{font-size:44px; margin:0 0 15px 0; line-height:55px;}
.hbImage .hbDescription p{margin:0; line-height:22px; font-size:16px;}
.hbImage .hbDescription a{display:inline-block; padding:10px 15px; background:#c31f2f; color:#FFF; margin-top:15px;}
.hbDescription a:hover{text-decoration:underline}

.hmWelcomeTxt{clear:both; width:100%; padding:60px 0; text-align:center;}
.hmWelcomeTxt h1{font-size:36px; margin-bottom:40px; color:#6b6f70; line-height:40px;}
.hmWelcomeTxt h1 span{color:#c31f2f;}
.hmWelcomeTxt p{margin-bottom:20px; line-height:24px;}
.hmWelcomeTxt p strong{font-size:18px; text-transform:uppercase;}
.hmWelcomeTxt p:last-child{margin:0;}

.hmServices{clear:both; width:100%; padding:0 0 20px 0; text-align:center;}
.hmServices h2{font-size:30px; margin-bottom:40px; color:#6b6f70; line-height:35px;}
.hmServices h2 span{color:#c31f2f;}
.hmServices li{list-style:none; display:inline-block; margin:0 14px 35px 0; width:200px; height:170px;}
.hmServices li a{display:block; width:100%; height:100%;}
.hmServices li a span.svImg{display:block; background-size:cover !important; background-position:center !important; background-repeat:no-repeat !important; width:100%; height:130px;}
.hmServices li a span.svTitle{display:block; background:#6b6f70; width:100%; padding:10px 0; color:#FFF; text-transform:uppercase; text-align:center; border-bottom:4px solid #b61e2d;}

.hmLatestNews{clear:both; width:100%; background:#c31f2f; border-top:4px solid #6b6f70; padding:25px 0; color:#FFF;}
.hmLatestNews h3{font-size:24px; margin-bottom:20px;}
.hmLatestNews p{line-height:24px;}
.hmLatestNews a.btnReadmore{float:right; padding:10px; background:#6b6f70; color:#FFF; font-size:10px; text-transform:uppercase;}
.hmLatestNews a.btnReadmore:hover{text-decoration:underline;}
.hmLatestNews span.bannerImg{background-size:cover !important; background-position:center !important; width:100%; height:150px; max-width:250px; margin:0 auto; display:block;}

/************* Subpage **************/
.mBtm{margin-bottom:0 !important}
.subpageBanner{height:254px; width:100%; border-bottom:4px solid #b61e2d;}
.subpageBanner .hbImage{width:100%; height:100%; position:relative;}
.subpageBanner .hbImage .container{position:relative; height:100%;}
.subpageBanner .hbImage .hbDescription{background:rgba(107,111,112,0.92); padding:30px; float:right; color:#FFF; width:100%; border-bottom:4px solid #b61e2d; text-align:right;}
.subpageBanner .hbImage .hbDescription h2{font-size:44px; margin:0; line-height:55px;}
.subpageBanner .hbImage .hbDescription .headCaption{margin:0; line-height:22px; font-size:16px; text-transform: uppercase}
.subpageBanner .hbImage .hbDescription .headCaption span{color:#c31f2f}
.subpageContent{ width:100%; clear:both; padding-bottom:30px;}
.subpageContent .spContentBox{width:100%; clear:both; padding:30px 0; border-bottom:2px solid #666666;}
.subpageContent .spContentBox:last-child{border-bottom:none;}
.subpageContent .spContentBox h2 {font-size: 30px;}
.subpageContent .spContentBox h2 span, .subpageContent .spContentBox h2 a{color:#cc3333;}
.subpageContent p, .subpageContent h1, .subpageContent h2, .subpageContent h3, .subpageContent h4, .subpageContent h5, .subpageContent h6{margin-bottom:20px;}
.subpageContent h3{ color:#cc3333; font-size: 18px; margin:10px 0 5px 0}
ul.dotLists{ width:100%; margin: 10px 0 10px 0; padding: 0;}
ul.dotLists li{ width:100%; padding-left:15px; font-size: 14px; list-style: none; position: relative; line-height: 24px;}
ul.dotLists li::before {content: "•"; color: #666666; position: absolute; left: 0}
.serviceListBox{ width:100%; clear: both; margin:20px 0;}
.servImage{ width:100%; clear:both; margin-bottom: 15px; height:50%;}
.servImage span{background-size:cover !important; background-position:center !important; width:100%; height:100%; margin:0 auto; display:block;}
.csImageBG{ width:100%; clear:both;}
.csImageBG span{background-size:cover !important; background-position:center !important; width:100%; height:310px; margin:0 auto; display:block;}
.btn{border-radius: 0px; padding: 12px 24px}
.btn-danger{background-color: #cc3333; transition:0.4s; border:none;}
.btn-danger:hover{background:#d9534f; transition:0.4s;}
.pagination{clear:both; margin-top:20px; text-align:center; font-size:18px;}
.pagination a{color:#cc3333; transition:0.4s; display:inline-block; margin:0 5px;}
.pagination a:hover{color:#d9534f; transition:0.4s;}
.pagination span{color:#333;}
.contactForm {display: inline-block;width: 100%;}
.contactForm h3 {margin-bottom: 25px;}
.frmGroup{clear:both; margin-bottom:15px;}
.frmGroup label{line-height:30px;}
.frmInput{width:100%; border:1px solid #333; height:30px; background:#FFF; padding:0 10px; font-size:13px;}
.frmTxtArea{width:100%; border:1px solid #333; background:#FFF; padding:10px; font-size:13px;}
.wkBoxContent{font-size:16px; line-height:25px;}
.wkBoxContent a{color:#cc3333;}
.spContentBox img.alignright{float:right;}
#gallery-1 .gallery-item{width:150px;}
#gallery-1 .gallery-item img{max-width:100%;}
.sitemap h2{color:#c31f2f;}
.sitemap ul{margin:0 0 25px 30px;}
.sitemap ul li a{color:#6b6f70;}

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

/******************* Footer ***********************/

footer{clear:both; background:#6b6f70; padding-top:30px; color:#FFF; border-top:5px solid #FFF;}
footer h3{font-size:18px; padding-bottom:15px; margin-bottom:15px; position:relative;}
footer h3:after{content: "";background: #FFF;position: absolute;bottom: 0;height: 4px;width: 90%; left:0;}
footer p{line-height:26px;}
footer li{padding:3px 0; display:inline-block; width:45%;}
footer .cmpAddr span{font-size:18px;}
footer a{color:#FFF;}
footer a:hover{text-decoration:underline;}
footer .ftLogo img{display:inline-block;}
footer .ftLogo img:first-child{margin-right:15px;}
footer .fSocial a{display:inline-block; margin-right:5px;}
footer .fSocial a i{width:48px; height:48px; background:#FFF; border-radius:50%; text-align:center; line-height:48px; font-size:27px; color:#6b6f70;transition: 0.4s;}
footer .fSocial a:hover i{background:#c31f2f; color:#FFF;transition: 0.4s;}
footer .fCopyright{clear:both; margin-top:30px; background:#4a4a4a; color:#FFF; padding:15px 0; line-height:22px; font-size:10px; text-transform:uppercase;}
footer .ftWebDesign{text-align:right;}

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

@media only screen and (max-width : 991px) {
	.dsFlex{display:block;}
	.rspPaddingBtm{padding-bottom:15px;}

	header .logo{text-align:center;}

	.rspMenuLink{background-color: #6b6f70; width: 50px; height: 50px; border-radius: 25px; bottom: 25px; right: 25px; position: fixed; z-index:999; padding-top:18px; cursor:pointer; display:block;}
	.rspMenuClose{background-color:#FFF;}
	.rspMenuLink span{display: block;width: 20px;height: 2px;margin: 0 auto 3px auto;background: #FFF;transition: 0.4s;}
	.rspMenuClose span{background:#000;}
	.rspMenuClose span:first-child {-webkit-transform: rotate(-45deg) translate(-5px, 5px) ;transform: rotate(-45deg) translate(-3px, 4px);}
	.rspMenuClose span:nth-child(2) {opacity: 0;}
	.rspMenuClose span:last-child {-webkit-transform: rotate(45deg) translate(-2px, -2px) ;transform: rotate(45deg) translate(-3px, -4px) ;}
	.rspMenuContent{position:fixed; left:0; right:0; top:0; bottom:0; width:100%; height:100%; background:#6b6f70; z-index:-1; opacity:0;transition: 0.6s; display:block;}
	.rspMenuActive{opacity:1 !important;transition: 0.6s; z-index:991 !important;}

	.rspMnuLinks{margin:0 auto; padding:0 0 100px 0; text-align:center; display:table;}
	.rspMnuLinks ul{margin:0; padding:0;}
	.rspMnuLinks ul li{list-style:none; padding:6px 0; margin:0; display:block; position:relative;}
	.rspMnuLinks ul li a{ color:#FFF; font-size:14px; line-height:23px; position:relative; display:inline-block; transition: all 0.4s ease-in-out; text-transform:uppercase;}
	.rspMnuLinks ul li a:hover{color:#c31f2f;}
	.rspMnuLinks ul li.searchLink, .rspMnuLinks ul li a.langSwitcher{display:none;}
	.rspMnuLinks .sub-menu{ clear:both; margin-top:5px;}
	.rspMnuLinks .sub-menu li{padding:5px 0;}
	.rspMnuLinks .sub-menu li a{ opacity:0.7; font-size:14px;}
	.rspMnuLinks li.rspCnt i{margin-right:7px;}
	.rspMnuLinks li.rspSocial a{display:inline-block; margin:0 8px;}

	.hbImage .hbDescription{float:none; margin:0 auto;}
	.hbImage .hbDescription h2, .subPageHeader h1, .spSubHeader h2{font-size:22px; line-height:30px; margin-bottom:10px;}
	.hbImage .hbDescription p{font-size:13px;}
	.hmLatestNews .col-md-4{text-align:center; margin-bottom:10px;}

	footer .ftWebDesign, footer .fCopyright{text-align:center;}
	.servImage span{height:285px;}
	.spContentBox img.alignright{float:none; display:block; margin:0 auto;}
	#gallery-1{text-align:center;}
	#gallery-1 .gallery-item{width:100% !important; max-width:130px; margin:5px 2px; float:none !important; display:inline-block;}
	#gallery-1 .gallery-item img{max-width:100%;}
}

@media only screen and (min-width : 992px) and (max-width : 1200px) {
	header .hMenu li{padding:0 12px !important;}
}