/* latin-ext */
@font-face {
  font-family: 'Gentium Basic';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/gentiumbasic/v18/WnzjHAw9aB_JD2VGQVR80We3LAi5hBo7QoCBZCxP.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Gentium Basic';
  font-style: italic;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/gentiumbasic/v18/WnzjHAw9aB_JD2VGQVR80We3LAi5iho7QoCBZA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Gentium Basic';
  font-style: italic;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/gentiumbasic/v18/WnzmHAw9aB_JD2VGQVR80We3LAixMT8uYaKMThZGkjKm.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Gentium Basic';
  font-style: italic;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/gentiumbasic/v18/WnzmHAw9aB_JD2VGQVR80We3LAixMT8ub6KMThZGkg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Gentium Basic';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/gentiumbasic/v18/Wnz9HAw9aB_JD2VGQVR80We3LAOJiBA8YIKxZQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Gentium Basic';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/gentiumbasic/v18/Wnz9HAw9aB_JD2VGQVR80We3LA2JiBA8YII.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Gentium Basic';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/gentiumbasic/v18/WnzgHAw9aB_JD2VGQVR80We3JLasnTMebaiLbBR2kw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Gentium Basic';
  font-style: normal;
  font-weight: 700;
  src: url(https://fonts.gstatic.com/s/gentiumbasic/v18/WnzgHAw9aB_JD2VGQVR80We3JLasnT0ebaiLbBQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@200;300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gentium+Book+Basic:ital,wght@0,400;0,700;1,400;1,700&display=swap');

html, body { margin:0; padding: 0; min-height: 100%; position: relative;height: auto !important;padding-bottom: 62px !important; color:#8e8e8e;}

/** global attributes **/
.row { margin: 0; padding: 0 }

.CenterText {text-align: center;}
.RightText {text-align: right;}
.LeftText {text-align: left;}

.marginTop0 {margin-top: 0px}
.marginTop10 {margin-top: 10px}
.marginTop12 {margin-top: 12px}
.marginTop20 {margin-top: 20px}
.marginTop30 {margin-top: 30px}
.marginTop40 {margin-top: 40px}
.marginTop50 {margin-top: 50px}
.marginTop80 {margin-top: 80px}
.marginTop100 {margin-top: 100px}
.marginTop165 {margin-top: 165px}

.margin0 {margin:0px !important;}
.padding0 {padding:0px !important;}
.padding30 {padding:30px !important;}

.paddingTop14cent {padding-top:14% !important;}

.marginBottom5{margin-bottom: 5px;}
.marginBottom10 {margin-bottom: 10px;}
.marginBottom20 {margin-bottom: 20px;}
.marginBottom50 {margin-bottom: 50px;}
.marginBottom80 {margin-bottom: 80px;}

.paddingTop10 {padding-top: 10px !important;}
.paddingTop20 {padding-top: 20px !important;}
.paddingTop30 {padding-top: 30px !important;}
.paddingTop40 {padding-top: 40px !important;}
.paddingTop50 {padding-top: 50px !important;}
.paddingTop60 {padding-top: 60px !important;}
.paddingTop80 {padding-top: 80px !important;}
.paddingTop100 {padding-top: 100px !important;}

.paddingLeft0 {padding-left: 0px !important;}
.paddingLeft30 {padding-left: 30px !important;}

.paddingRight0 {padding-right: 0px !important;}
.paddingRight30 {padding-right: 30px !important;}

.paddingBottom20 {padding-bottom: 20px !important;}
.paddingBottom30 {padding-bottom: 30px !important;}
.paddingBottom40 {padding-bottom: 40px !important;}
.paddingBottom60 {padding-bottom: 60px !important;}
.paddingBottom80 {padding-bottom: 80px !important;}

.spacer70 {height:70px; overflow: hidden; position: relative;}

.height100 {height: 100%;}
.width70 {width: 70% !important; margin: 0 auto;}
.width80 {width: 80% !important; margin: 0 auto;}
.width84 {width: 84% !important; margin: 0 auto;}
.width90 {width: 90% !important; margin: 0 auto;}
.width94 {width: 94% !important; margin: 0 auto;}

.width150 {width: 150px !important;}
.width100 {width:100% !important;}

.lh24 {line-height: 24px;}
.lh28 {line-height: 28px;}
.lh30 {line-height: 30px;}
.lh38 {line-height: 38px;}

.font-14{font-size: 14px !important;}
.font-15{font-size: 15px !important;}
.font-16{font-size: 16px !important;}
.font-18{font-size: 18px !important;}
.font-20{font-size: 20px !important;}
.font-26{font-size: 26px !important;}
.font-30{font-size: 30px !important;}
.font-40{font-size: 40px !important;}

.rightBorder {border-right: 1px solid #ccc;}
.bottomBorder {border-bottom: 1px solid #ccc;}
.bottomBorderWhite {border-bottom: 2px solid #FFF !important;}
.topBorder {border-top: 1px solid #ccc;}
.rightDottedB {border-right: 1px dotted #333 !important;}
.bottomDottedB {border-bottom: 1px dotted #333 !important;}

.borderBurg {border: 1px solid #951d19;}
.borderWhite {border: 1px solid #ffffff;}
.borderRed {border: 1px solid #da2225;}

.backgroundWhite {background-color: #ffffff !important;}
.backgroundBlack {background-color: #000000;}
.backgroundBurg {background-color: #951d19;}
.backgroundLightGray {background-color: #cecece; color:#000;}
.backgroundGray {background-color: #a2a2a2; color:#fff;}
.backgroundMidGray {background-color: #555555; color: #fff;}
.backgroundDarkGray {background-color: #333; color: #fff;}
.backgroundSite {background-color: #efefef !important;}
.backgroundOffWhite {background-color: #f2f2ef !important;}

.cf:after { content: ""; display: block; clear: both;}

/** font color **/
.fontBlack {color:#000 !important;}
.fontWhite {color:#fff !important;}
.fontBurg {color:#951d19 !important;}
.fontGrey {color: #757575 !important;}

.font100 {font-weight: 100 !important;}
.font300 {font-weight: 300 !important;}
.font600 {font-weight: 600 !important;}

.boldit {font-weight: bold !important;}
.pointy {cursor: pointer !important;}
.backWhite {background-color: #FFF !important;}

hr.styled-hr {background-color: #d0d0d0;}

/** Global Attributes **/
.wsite-headline, .wsite-header-section { font-family: 'Playfair Display', serif !important;}
a {color: #5199a8;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
a:hover { color: #8dc7d3; text-decoration: none;}

/** Header Section css **/
#header {text-align: center; padding: 52px 0px 25px;}

#navigation {width: 960px;padding-bottom: 40px;margin: auto;text-align: center;text-transform: uppercase;font-size: 13px;overflow: hidden;white-space: nowrap;}
#navigation::before, #navigation::after {background-color: #d0d0d0;content: "";display: inline-block;height: 1px;bottom: .1em;position: relative;vertical-align: middle;width: 10%;}
#navigation ul {list-style-type: none; display: inline-block;white-space: normal; margin-bottom: 0px !important; padding-left: 0px;}
#navigation ul li {display: inline-block;}

#navigation a { color: inherit; display: inline-block;padding: 10px 14px;}
.main-menu-default a { font-family: 'Montserrat', sans-serif !important;font-weight: 400 !important;letter-spacing: 1px !important;font-size: 11px !important;}
#navigation li:hover, #navigation li#active { background-color: #f6f6f6;color: #484848;}
#navigation li a:hover {text-decoration: none;}

.home-page #h-nav-main { background-color: #f6f6f6;color: #484848;}
.about-page #h-nav-about { background-color: #f6f6f6;color: #484848;}
.services-page #h-nav-services { background-color: #f6f6f6;color: #484848;}
.test-page #h-nav-test { background-color: #f6f6f6;color: #484848;}
.helpful-page #h-nav-helpful { background-color: #f6f6f6;color: #484848;}
.contact-page #h-nav-contact { background-color: #f6f6f6;color: #484848;}
.pay-page #h-nav-pay { background-color: #f6f6f6;color: #484848;}

.banner-wrap {position: relative;text-align: center;background-repeat: no-repeat;background-size: cover;background-position: center center;width: 100%;}
.banner-img-background { padding: 60px 0px; vertical-align: middle;background-image: url("../img/main-banner-img.jpg");background-repeat: no-repeat;background-position: 50% 50%;background-size: 100%;background-color: transparent;background-size: cover;}
.banner-img-background2 { padding: 60px 0px; vertical-align: middle;background-image: url("../img/main-banner-img02.png");background-repeat: no-repeat;background-position: 50% 50%;background-size: 100%;background-color: transparent;background-size: cover;}
.b-c {vertical-align: middle;padding: 6em 1em;}
.wsite-content-title h2 {font-size: 60px !important; color: #fff; font-family: 'Playfair Display', serif !important;width: 92%; margin: 0 auto;}
.wsite-content-title h3 {font-size: 34px !important; color: #fff; font-family: 'Playfair Display', serif !important;width: 92%; margin: 0 auto;}
.wsite-button { color: white; background-image: none !important;background-color: #5199a8;  padding: 10px 25px !important;position: relative; display: inline-block;}
.wsite-button-inner {font-size: 11px !important;font-family: 'Raleway', sans-serif !important;letter-spacing: 2px !important;text-transform: uppercase;}

.headContainer {/**width: 960px;**/padding: 4em 1.3em;margin: 0 auto;box-sizing: border-box;}
.headline1 {font-weight: 400;text-align: center;font-size: 32px !important;line-height: 42px !important;font-family: 'Gentium Basic', serif;color: rgb(123, 140, 137);}
.headline2 {font-family: 'Playfair Display', serif !important;font-size: 34px;color: #484848;}
.copyMainText {font-size: 18px !important; line-height: 34px !important; color: #7b8c89; font-family: 'Gentium Basic', serif;}

.banner-about-background { padding: 60px 0px; vertical-align: middle;background-image: url("../img/about-header-img.jpg");background-repeat: no-repeat;background-position: 50% 50%;background-size: 100%;background-color: transparent;background-size: cover;}
.banner-services-background { padding: 13px 0px; vertical-align: middle;background-image: url("../img/img-banner-services.jpg");background-repeat: no-repeat;background-position: 50% 50%;background-size: 100%;background-color: transparent;background-size: cover;}
.banner-services2-background { padding: 13px 0px; vertical-align: middle;background-image: url("../img/img-banner-services02.jpg");background-repeat: no-repeat;background-position: 50% 50%;background-size: 100%;background-color: transparent;background-size: cover;}
.banner-testimonials-background { padding: 13px 0px; vertical-align: middle;background-image: url("../img/img-banner-testimonal.jpg");background-repeat: no-repeat;background-position: 50% 50%;background-size: 100%;background-color: transparent;background-size: cover;}
.banner-contact-background { padding: 13px 0px; vertical-align: middle;background-image: url("../img/img-contact01.jpg");background-repeat: no-repeat;background-position: 50% 50%;background-size: 100%;background-color: transparent;background-size: cover;}
.banner-helpful-background { padding: 60px 0px; vertical-align: middle;background-image: url("../img/img-banner-helpful.jpg");background-repeat: no-repeat;background-position: 50% 50%;background-size: 100%;background-color: transparent;background-size: cover;}
.banner-estimate-background { padding: 13px 0px; vertical-align: middle;background-image: url("../img/img-estimate.jpg");background-repeat: no-repeat;background-position: 50% 50%;background-size: 100%;background-color: transparent;background-size: cover;}
.banner-request-background { padding: 13px 0px; vertical-align: middle;background-image: url("../img/img-request-02.jpg");background-repeat: no-repeat;background-position: 50% 50%;background-size: 100%;background-color: transparent;background-size: cover;}


.footer {font-family: "Raleway" !important; text-transform:uppercase; letter-spacing:2px !important;font-size: 9px !important; color:#fff; background-color: #484848; padding:0px 25px !important; text-align:center; display:inline-block; }
.fbook {background-image: url("../img/img-facebook-footer_01.png");background-color: transparent;background-size: cover; width: 30px; height:38px; display:inline-block;}
.fbook:hover {background-image: url("../img/img-facebook-footer_02.png");}
.email {background-image: url("../img/img-mail-footer_01.png");background-color: transparent;background-size: cover; width: 38.5px; height:38px; display:inline-block;}
.email:hover {background-image: url("../img/img-mail-footer_02.png");}
.glink {background-image: url("../img/img-google-footer_01.png");background-color: transparent;background-size: cover; width: 43px; height:38px; display:inline-block;}
.glink:hover {background-image: url("../img/img-google-footer_02.png");}

.estimate-page .footLine {display: none !important;}


/** Mobile Fixes **/
.ua-mobile .headContainer {width:auto !important;}
.ua-mobile .headline1 {font-size:22px !important; line-height: 26px !important;}
.ua-mobile .RightText img {width: 45% !important;padding-right: 8px !important;}

