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

body {
	font-family: "Roboto", sans-serif;
	font-weight:300;
	color:#7d7d7d; font-size:1.25em; line-height:1.75em; letter-spacing:1px;
}
/*
@font-face{
	font-family:Linearicons;
	src:url(../fonts/linearicons/icomoon.eot);
	src:url(../fonts/linearicons/icomoon.eot?#iefix) format("embedded-opentype"),url(../fonts/linearicons/icomoon.woff) format("woff"),url(../fonts/linearicons/icomoon.ttf) format("truetype");
	font-weight:400;font-style:normal
}
*/
* { box-sizing: border-box;}

h1, h2, h3, h4, h5 { font-family: "Bebas Neue", sans-serif; letter-spacing:0;}

section { margin:0; padding:0;}
p { margin-bottom:1.75em;}

a, a:visited { color:#0e3974; font-style:italic;}
a:hover { text-decoration:underline; -webkit-text-decoration-color:#ffff00; /* Safari */ text-decoration-color:#ffff00;}

.ybtn { background:#FF0; color:#003663; padding:1em 1.5em; font-style:normal;background:#ff0; transition: background-color 1s;}
.ybtn:hover { color:#fff; text-decoration:none; background: linear-gradient(90deg, #0d7378, transparent) #14c8d0;}


.clearing { clear:both;}

.img_left { float:left; padding:0 2em 2em 0;}
.img_right { float:right; padding:0 0 2em 2em;}

.table {
	display: table;   /* Allow the centering to work */
	margin: 0 auto;
	color:#707070;
}
.row {display:table-row;}
.cell {display:table-cell; padding:0.5em;}

ul.table { padding:0;}

.gridContainer img { max-width:100%; margin:0 auto;}

.mark { color:#F00; background:none;}
.error { color:#F00;}
.msg { color:#0e3974;}
.dispnon { display: none;}
.smallTxt { font-size:75%;}


.header { background:#0F3; margin-bottom:3em;}
.topinfo { position:fixed; top:0; background:#fff; color:#666; z-index:100; width:100%; font-size:0.75em; padding:0.2em 11%;}
.topinfo img { margin-right:0.5em; max-height:21px;}

.banner { position:relative; display:flex; padding:8em 0 6em 0; font-size:2em; min-height:19em; margin-top:1.5em;}
.banner::before { content: ""; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; /*background-color: rgba(0,0,0,0.35);*/}
.banner h1 { position:relative; color:#fff; text-align:center; font-size:2.5em; font-weight:500; width:60%; margin:0 20%; line-height:1.15em;}
.banner h1 span { font-family:"Roboto", sans-serif; font-size:0.25em; font-weight:300; line-height:3em;}

#banner-home { background: url(../img/banner_01.jpg) no-repeat; background-size:cover; background-position:center;}
#banner-abt { background: url(../img/banner_02.jpg) no-repeat; background-size:cover; background-position:center;}
#banner-srv { background: url(../img/banner_03.jpg) no-repeat; background-size:cover; background-position:center;}
#banner-ctc { background: url(../img/banner_04.jpg) no-repeat; background-size:cover; background-position:center;}

.bannerInner { position:relative; display:flex; padding:2.5em 0; font-size:2em; min-height:8em; margin-top:1.5em;}
.bannerInner h1 { position:relative; color:#fff; text-align:left; font-size:2.5em; font-weight:500; width:50%; margin:0 10%; line-height:1em; letter-spacing:3px;}
.bannerInner h1 span { font-family:"Roboto", sans-serif; font-size:0.35em; font-weight:300; line-height:0.8em;}

.content { padding:4em 0;}
.content h1 { color:#000; text-align:left;}
.content h2 { margin:0 0 0.5em 0; font-size:1.8em;}

#home .content { text-align:center;}
#home .content h2 { color:#000; font-size:2.5em;}

#homeIntro { padding:7em 2em 7em 1em; text-align:left !important;}
#homeIntro img { max-height:450px;}

#services { background:#f3f4f7; padding:6em 0 7em;}
#serviceList { margin:2em 0; padding:0;}
#serviceList li { margin:2em; padding:0; list-style:none; display:inline-block; color:#0e3974; font-size:0.9em; font-weight:bold; width:20%; line-height:1.1em;vertical-align:top;}
#serviceList li img { max-height:136px; margin-bottom:0.95em; display:block;}

#why { padding:6em 0 2.5em;}
#whysList { margin:1em 0 0 0; padding:0;}
#whyList li { margin:2em 1.5em; padding:0 1.5em 2em 1.5em; list-style:none; display:inline-block; font-size:0.7em; line-height:1.65em; box-shadow:0 0 10px 5px #f1f1f1; width:29%; vertical-align:top;}
#whyList li img { max-width:248px; margin:0 0 1.5em 0;}
#whyList li:nth-child(1) { margin-left:0;}
#whyList li:nth-child(3) { margin-right:0;}
#whyList li h5 { font-family: "Roboto", sans-serif; font-weight:bold; color:#0e3974;}

#testi.content { padding:0 0 6em 0;}
#testimonial-slider { margin-top:2em;}

#main.content { text-align:justify;}
#about, #servicesPage { margin:3em auto 4em auto;}
#contact  { margin-top:3em;}/*
#contactMain  { margin-bottom:4em;}*/

#servicesPage .row .cell { vertical-align:top;}
#servicesPage .row .cell:nth-child(1) { width:35%;}
#servicesPage img { padding:0 2em 2em 0;}
#servicesPage h3 { color:#095154;}

#contact h4 { background:#1cb9c1; color:/*#0f3975*/#fff; padding:0.25em 0; margin-bottom:0;}
#businessHours h4 { margin:0 0.5em;}
#addressBox { margin:0; padding:0;}
#addressBox .cell { padding:0.25em 0.5em;}
#addressTbl2 { display:none;}

#businessHours .cell, #addressBox .cell { font-size:0.9em;}

#contactMain  { background:#f3f4f7;}
#contactMain .container21, #contactMain .container22 { margin-top:2em;}
#contactMain .container21 { padding:2em;}
#contactMain .container22 { padding:2em 0;}

#contactMain .container21 h3, #contactMain .container22 h3 { margin-bottom:1em; /*color:#000;*/}
#contactMain .container22 a { color:#3781b5;}
#contactMain .container22 a:hover { color:#b0a77e !important;}

.map-responsive{ overflow:hidden; padding-bottom:100%; position:relative; height:0;}
.map-responsive iframe{ left:0; top:0; height:100%; width:100%; position:absolute;}
.map-responsive iframe { margin-top:0; padding-top:0;}

.mailform p { margin:0; margin-bottom:0.5em; padding-left:1.3em;}
.mailform span { background:none; font-size:0.75em;}
.mailform #formTbl { border-collapse:separate; /*border-spacing:0.15em;*/}
.mailform #formTbl .cell { padding:5px 0; vertical-align:top !important;}
.mailform #formTbl .cell:nth-child(odd) { width:15px; padding:0;}
.mailform label { /*font-size:0.85em; text-align:left; width:90%; line-height:1.75em; padding:0; margin:0;*/ display:none;}
.mailform input[type=text],.mailform input[type=tel],.mailform input[type=email], .mailform textarea, .mailform select { 
	width:95%; border:0px solid #c2c2c2; padding:5px 10px; color:#707070; font-size:0.85em; font-weight:300; letter-spacing:1px;
}

#pagenotfound.content { padding:5em 0 1.5em 0;}
#pagenotfound.bg1 { background:url(../img/404_bg.jpg) center no-repeat #2ac2ab; background-size:cover; /*min-height:600px; */}
#pagenotfound.bg1 .gridContainer { padding-left:18%;}
#pagenotfound.bg1 .pnfTxt { color:#fff; margin:5% auto; padding:3em 0;}
#pagenotfound.bg1 .pnfTxt h1 { color:#fff; font-size:3em; text-align:center;}
#pagenotfound.bg1 .pnfTxt h2 { color:#fff;}
#pagenotfound.bg1 .ybtn:hover { text-decoration:none; background: linear-gradient(90deg, #154025, transparent) #006400;}

.buttons { margin-top:1.5em;}
.buttons .ybtn { font-size:0.9em; padding:0.35em 3em; margin-right:0.5em; border:0; color:#003663; padding:0.75em 1.5em; letter-spacing:1px; font-weight:300;}
.buttons .ybtn:hover { color:#fff;}

.footer { color:#fff; width:100%; padding:2.5em 0; background:#0f3975; font-size:0.7em; text-align:center; letter-spacing:0; line-height:normal;}
.footer a { color:#6CF;}
#footerTop { line-height:2.25em;}
#footerTop img { max-height:24px; margin-right:5px;}
#footerBottom { border-top:1px solid #2a5590;}


#to-top {opacity: 0.7;border-radius: 50% 50% 50% 50%;}
#to-top {
    width: 40px;
    height: 40px;
    text-align: left;
    text-indent: -9999px;
    background: url(../img/sprite.png) no-repeat scroll -120px -50px transparent;
    overflow: hidden;
    display: none;
    position: fixed;
	right: 9%;/*
    right: 20px;*/
    bottom: 20px;
}

#to-top:hover {opacity: 1;}

@media only screen and ( max-width: 90em ) /* 1440 */
{
}

@media only screen and ( max-width: 86em ) /* 1376 */
{
#whyList li img { max-width:200px;}
}

@media only screen and ( max-width: 80em ) /* 1280 */
{
.banner { padding:6em 0 5em 0; min-height:15em;}
.bannerInner { padding:2em 0; min-height:6em;/*margin-top:2.7em;*/ }

#homeIntro {padding-left:0; padding-right:0;}
#whyList li { margin:2em 1em;}
#whyList li img { max-width:180px;}
}

@media only screen and ( max-width: 64em ) /* 1024 */
{
.content { padding:2em 0;}

.banner h1 span { /*font-size:1em; font-weight:600;*/}

#home .content h2 { font-size:2em;}
#homeIntro img { max-height:300px;}
#whyList li img { max-width:150px;}

.buttons .ybtn { min-width:150px; margin-bottom:0.5em;}

#to-top { right:10%;}
}

@media only screen and ( max-width: 62em ) /* 992 */
{
.topinfo { padding:0.2em 1em;}

#whyList li { margin:2em 0.5em;}

#servicesPage .row .cell:nth-child(1) { width:40%;}
#servicesPage img { padding:0 1.5em 1.5em 0;}

#contactMain .container21 { margin-bottom:2em;}
}

@media screen and (max-width: 56em) /* 896 */
{
.topinfo { font-size:0.6em;}

.banner { /*margin-top:2.7em; */padding:4em 0 3em 0; min-height:13em;}
.banner h1 { font-size:2em;}
.banner h1 span { font-size:0.2em;}

#whyList li { width:40%; margin:2em 1.5em;}
}

@media screen and (max-width: 51em) /* 816 */
{
body {font-size:1.15em;}

.topinfo { font-size:0.5em; padding:0 1em;}
.topinfo img { max-height:18px;}

.banner { /*margin-top:2.5em;*/ padding:3em 0 3em 0; min-height:10em;}
.banner h1 {line-height:1em;}

#home .content h2 { line-height:normal;}
#serviceList li { margin:2em 1em;}

#servicesPage .row .cell { display:block;}
#servicesPage .row .cell:nth-child(1) { width:100%;}
#servicesPage img { width:100%;}

.buttons .ybtn { min-width:inherit; margin-bottom:0;}

#businessHours { margin-bottom:1em;}
#businessHours .table { margin-top:0.5em;}
#businessHours .cell { display:block; width:100%; padding:0 0.5em;}

#addressBox .cell { display:block; width:100%;}
#addressTbl1 { display:none;}
#addressTbl2 { display:block;}

#contactMain .container21 { padding:2em 1em; margin-bottom:2em;}

#to-top { right:20px;}
}

@media screen and (max-width: 42em) /* 672 */
{
.bannerInner { padding:1.5em 0; min-height:4em; /*margin-top:2.5em;*/ }
.bannerInner h1 { font-size:2em;}
.bannerInner h1 span { font-size:0.25em;}

#pagenotfound.bg1 { background:url(../img/404_bg.jpg) bottom 0 no-repeat #2ac2ab; background-size:cover;}
#pagenotfound.bg1 .gridContainer { padding-left:10%;}
}

@media screen and (max-width: 40em) /* 640 */
{
.topinfo { letter-spacing:0; line-height:3em;}
.topinfo img { max-height:15px;}

.content { padding-top:1em;}

#serviceList li { margin:1em; width:40%;}
#whyList li { width:100%; margin:2em 0 1.5em;}
#whyList li img { max-width:200px;}

#contactMain .container22 { padding-bottom:0;}
#contactMain .container21 h3, #contactUs .container22 h3 { font-size:1.4em;}

#to-top { right:20px;}
}

@media screen and (max-width: 35.5em) /* 568 */
{
#pagenotfound.content { padding:3em 0 1.5em 0;}
#pagenotfound.bg1 { background:url(../img/404_bg_s.jpg) 31% 45% no-repeat #2ac2ab;}
#pagenotfound.bg1 .gridContainer { padding-left:15%;}
}

@media screen and (max-width: 30em) /* 480 */
{
.topinfo { font-size:0.45em;}

.banner { /*margin-top:2em;*/}

#home .content h2 { font-size:1.9em; line-height:1.5em;}
#homeIntro img { float:none; padding:0;}

.buttons .ybtn { min-width:none; padding:0.35em 1.5em;}
}

@media screen and (max-width: 26em) /* 416 */
{
}

@media screen and (max-width: 23.5em) /* 376 */
{
.banner { padding:3em 0 2em 0; min-height:8em; /*margin-top:2em;*/}
.banner h1 { font-size:1.5em;}
.banner h1 span { font-size:0.2em; line-height:1em;}

#home .content h2 { font-size:1.75em; line-height:1.35em;}
}

@media screen and (max-width: 22.5em) /* 360 */
{
}

@media screen and (max-width: 20em) /* 320 */
{


#home .content h2 { font-size:1.5em;}

#contactMain .container21 h3 { margin-left:0.5em; margin-right:0.5em; line-height:normal;}
.buttons .ybtn { width:95%; padding:0.35em auto; margin-bottom:0.5em;}
}