/* =============================================================================  CSS RESET ============================================================================= */
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption,center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp { border: 0; margin: 0; padding: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
b, strong {font-weight: bold;}
img {line-height: 0; vertical-align: middle;}
ol, ul {list-style: none;}
li {display: list-item;}
table {border-collapse: collapse; border-spacing: 0;}
th, td, caption {font-weight: normal; vertical-align: top; text-align: left;}
svg {overflow: hidden;}
a:active{outline: none;}
a:focus{ outline: none;}
:focus {outline: 0;}
textarea {resize:vertical;}

/* remove outline form */
:not(output):-moz-ui-invalid {box-shadow:none !important;border-bottom:1px solid #f3bf21;}

::selection {background:#c5c5c5;}
::-moz-selection {background:#c5c5c5;}

.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
.clearfix:before, .clearfix:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0;}
.clearfix:after {clear: both;}


html, body {height: 100%;}
html {width:100%;max-width:1920px;margin:0px auto;}
body{
    font-family: 'Barlow', sans-serif;
    font-size:14px;
    line-height:18px;
    font-weight:400;
    color: #fff;
    background: #2a2c2c;
}

/*a[href^="tel"]:link,
a[href^="tel"]:visited, 
a[href^="tel"]:hover {
color: inherit;}
*/

a{
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
a:hover{
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

ul {list-style: none;padding: 0;}

* {
  scrollbar-width: auto;
  scrollbar-color: #171717 #212121;
}
*::-webkit-scrollbar {
  width: 12px;
}
*::-webkit-scrollbar-track {
  background: #171717;
}
*::-webkit-scrollbar-thumb {
  background-color: #212121;
  border-radius: 20px;
  border: 3px solid #171717;
}

/* ============================================================================ 
    WRAPPERS
============================================================================ */
.wrapper {min-height:100%;height:auto !important;height:100%;margin:0 auto -137px;}
footer, .push {height:137px;}

/* ============================================================================ 
    ALL
============================================================================ */
.banner-title h1 {font-size:36px;line-height:42px;font-weight:400;color:#fff;}
.banbl {display:block;}

.layer-title-main h2 {color:#fff;font-size:36px;line-height:44px;font-weight:300;}
.layer-title-main h3 {color:#fff;font-size:36px;line-height:44px;font-weight:300;}
.layer-title-sub h2 {color:#fff;font-size:30px;line-height:38px;font-weight:300;}
.layer-title-block {display:block;}
.parr-mob2 {display:inline;}

.faq-desc a {color:#fff;text-decoration:underline;}
.faq-desc a:hover {color:#fff;text-decoration:none;}
.layer-desc a {color:#fff;text-decoration:underline;}
.layer-desc a:hover {color:#fff;text-decoration:none;}
.layer-desc2 a {color:#fff;text-decoration:underline;}
.layer-desc2 a:hover {color:#fff;text-decoration:none;}
.layer-desc3 a {color:#fff;text-decoration:underline;}
.layer-desc3 a:hover {color:#fff;text-decoration:none;}
.layer-desc-r a {color:#fff;text-decoration:underline;}
.layer-desc-r a:hover {color:#fff;text-decoration:none;}
.layer-desc3-r a {color:#fff;text-decoration:underline;}
.layer-desc3-r a:hover {color:#fff;text-decoration:none;}
.parallax1-desc a {color:#fff;text-decoration:underline;}
.parallax1-desc a:hover {color:#fff;text-decoration:none;}

/* ============================================================================ 
    Navigation
============================================================================ */
.nav-wrapper {width:100%;max-width:1660px;min-height:140px;margin:0 auto;display: flex;flex-flow: row wrap;}
.nav-left {width:540px;order:1;}
.nav-middle {width:640px;order:2;}
.nav-right {width:240px;order:3;margin-left: auto;}
.navigation {font-size:13px;line-height:16px;font-weight:500;padding:35px 0 0 0;letter-spacing:2px;text-transform:uppercase;}
.nav-brk {padding:0 7px 0 7px;}

.logo {padding:40px 0 0 0;}
.nav-details {font-size:13px;line-height:16px;color:#fff;padding:35px 0 0 0;text-align:right;}
.nav-phone {padding:10px 0 0 0;}

.mobile-menu-container {display:none;}

/* ============================================================================
    FOOTER
============================================================================ */
#footer-wrapper {width:100%;min-height:137px;background: #212323;}
.footer-content {width:100%;max-width:1660px;margin:0 auto;display: flex;flex-flow: row wrap;}
.footer-left {width:560px;order:1;}
.footer-middle {width:540px;order:2;}
.footer-right {width:160px;order:3;margin-left: auto;}

.footer-menu {font-size:12px;line-height:16px;padding:32px 0 0 0;letter-spacing:1px;}
.footer-submenu {font-size:10px;line-height:14px;padding:15px 0 0 0;letter-spacing:1px;}
.footer-copy {font-size:12px;line-height:14px;padding:15px 0 0 0;}
.footer-optimize {font-size:11px;line-height:14px;padding:10px 0 0 0;}
.footer-company {font-size:12px;line-height:16px;padding:32px 0 0 0;text-align:center;text-transform:uppercase;color:#afafaf;}
.footer-info {font-size:10px;line-height:14px;padding:20px 0 0 0;text-align:center;color:#afafaf;}
.footer-copy {font-size:10px;line-height:14px;text-align:center;color:#afafaf;}

.fnav-brk {font-size:12px;line-height:16px;color:#afafaf;padding:0 4px 0 4px;}
.fnav-brk2 {font-size:10px;line-height:16px;color:#afafaf;padding:0 4px 0 4px;}

.footer-social {padding:32px 0 0 0;}
.fico {font-size:20px;line-height:20px;padding:0 10px 0 0;}
.ficolast {font-size:20px;line-height:20px;}
.footico {width:20px;height:20px;fill:#afafaf;}
.footico:hover {width:20px;height:20px;fill:#f4240e;}

/* links */
a.nav-link {color:#fff;outline:none;text-decoration:none;}
a.nav-link:hover {color:#f4240e;outline:none;text-decoration:none;}

a.nav-link-hover {color:#f4240e;outline:none;text-decoration:none;}
a.nav-link-hover:hover {color:#f4240e;outline:none;text-decoration:none;}

a.fnav-link {color:#afafaf;outline:none;text-decoration:none;}
a.fnav-link:hover {color:#f4240e;outline:none;text-decoration:none;}

a.white-link {color:#fff;outline:none;text-decoration:underline;}
a.white-link:hover {color:#fff;outline:none;text-decoration:none;}

a.navphone-link {color:#fff;outline:none;text-decoration:none;}
a.navphone-link:hover {color:#f4240e;outline:none;text-decoration:none;}

a.phone-link {color:#f4240e;outline:none;text-decoration:none;}
a.phone-link:hover {color:#f4240e;outline:none;text-decoration:underline;}

a.seofactor-link {color:#afafaf;outline:none;text-decoration:none;}
a.seofactor-link:hover {color:#f4240e;outline:none;text-decoration:underline;}

/* cookies */
#cookieConsent {
	background-color: #ededed;
	min-height: 30px;
	font-size: 14px;
	line-height: 30px;
	color: #000;
	border-top: 2px solid #171717;
	padding: 8px 0 8px 30px;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	display: none;
	z-index: 9999
}

#cookieConsent a {
	color: #000;
	text-decoration: underline
}

#cookieConsent a:hover {
	color: #000;
	text-decoration: none
}

#closeCookieConsent {
	float: right;
	display: inline-block;
	cursor: pointer;
	height: 20px;
	width: 20px;
	margin: -2px 0 0 0;
	font-weight: 700
}

#closeCookieConsent:hover {
	color: #fff
}

#cookieConsent a.cookieConsentOK {
	background-color: #171717;
	color: #fff;
	display: inline-block;
	padding: 5px 20px;
	line-height: 24px;
	cursor: pointer;
	float: right;
	margin: 3px 60px 0 10px;
	text-decoration: none;
	border: 1px solid #171717;
	transition: background-color .2s ease-in-out, color .2s ease-in-out;
}

#cookieConsent a.cookieConsentOK:hover {
	background-color: #fff;
	color: #171717;

	text-decoration: none
}
@media only screen and (min-width: 320px) and (max-width: 479px){
#cookieConsent {width:95%;padding: 8px 10px 8px 10px;}
#cookieConsent a.cookieConsentOK {margin: 6px 0 0 0;}
}

/* =============================================================================
    RESPONSIVE - MEDIA QUERIES  1660px MAX
============================================================================= */
@media only screen and (min-width: 1440px) and (max-width: 1660px){
/* width: 1660px; */
.nav-wrapper {width:95%;min-height:140px;}
.nav-left {width:30%;order:1;}
.nav-middle {width:48%;order:2;}
.nav-right {width:22%;order:3;margin-left: auto;}

.logo {padding:10px 0 0 0;}

.layer-title-main h2 {font-size:26px;line-height:30px;}
.layer-title-main h3 {font-size:26px;line-height:30px;}
.layer-title-sub h2 {font-size:26px;line-height:30px;}

img{max-width: 100%;height: auto;}
/* ============================================================================
    FOOTER
============================================================================ */ 
.footer-content {width:95%;}
.footer-left {width:42%;order:1;}
.footer-middle {width:30%;order:2;}
.footer-right {width:24%;order:3;text-align:right;}
}

@media only screen and (min-width: 1180px) and (max-width: 1440px){
/* width: 1660px; */
.nav-wrapper {width:95%;min-height:140px;}
.nav-left {width:18%;order:1;}
.nav-middle {width:55%;order:2;text-align:right;}
.nav-right {width:22%;order:3;margin-left: auto;}

.logo {padding:10px 0 0 0;}

.layer-title-main h2 {font-size:24px;line-height:28px;}
.layer-title-main h3 {font-size:24px;line-height:28px;}
.layer-title-sub h2 {font-size:24px;line-height:28px;}
.layer-title-block {display:inline;}

img{max-width: 100%;height: auto;}
/* ============================================================================
    FOOTER
============================================================================ */ 
.footer-content {width:95%;}
.footer-left {width:42%;order:1;}
.footer-middle {width:30%;order:2;}
.footer-right {width:24%;order:3;text-align:right;}
}

@media only screen and (min-width: 959px) and (max-width: 1180px){
/* width: 950px; */
.nav-wrapper {width:95%;min-height:140px;}
.nav-left {width:20%;order:1;}
.nav-middle {width:75%;order:2;margin-left: auto;text-align:right;}
.nav-right {display:none;}

.logo {padding:10px 0 0 0;}

.layer-title-main h2 {font-size:24px;line-height:28px;}
.layer-title-main h3 {font-size:24px;line-height:28px;}
.layer-title-sub h2 {font-size:24px;line-height:28px;}
.layer-title-block {display:inline;}

img{max-width: 100%;height: auto;}
/* ============================================================================
    FOOTER
============================================================================ */ 
.footer-content {width:95%;}
.footer-left {width:42%;order:1;}
.footer-middle {width:30%;order:2;}
.footer-right {width:24%;order:3;text-align:right;}
.footer-menu {font-size:13px;line-height:20px;}
}

@media only screen and (min-width: 768px) and (max-width: 959px){
/* width: 728px; */
.nav-wrapper {width:95%;min-height:140px;}
.nav-left {width:100%;order:1;margin:0px auto;}
.nav-middle {display:none;}
.nav-right {width:100%;order:3;margin:0px auto;}
.nav-details {display:none;}

.logo {padding:10px 0 0 0;}

.banner-title h1 {font-size:28px;line-height:36px;}
.layer-title-main h2 {font-size:24px;line-height:28px;}
.layer-title-main h3 {font-size:24px;line-height:28px;}
.layer-title-sub h2 {font-size:24px;line-height:28px;}
.layer-title-block {display:inline;}

.mobile-menu-container {display:block;}

/* iphone style */
input.text,
input[type="text"],
input[type="email"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
border-radius: 0;
}

img{max-width: 100%;height: auto;}
/* ============================================================================
    FOOTER
============================================================================ */ 
.footer-content {width:95%;margin:0px auto;}
.footer-left {width:100%;order:1;margin:0px auto;}
.footer-middle {width:100%;order:3;margin:0px auto;padding:0 0 20px 0;}
.footer-right {width:100%;order:2;margin:0px auto;}

.footer-menu {font-size:18px;line-height:24px;padding:40px 0 0 0;text-align:center;}
.footer-submenu {text-align:center;}
.footer-social {text-align:center;padding:32px 0 0 0;}

.fico {font-size:30px;line-height:30px;}
.ficolast {font-size:30px;line-height:30px;}
.footico {width:30px;height:30px;}
.footico:hover {width:30px;height:30px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px){
/* width: 440px; */
.nav-wrapper {width:95%;min-height:140px;}
.nav-left {width:100%;order:1;margin:0px auto;}
.nav-middle {display:none;}
.nav-right {width:100%;order:3;margin:0px auto;}
.nav-details {display:none;}

.logo {padding:10px 0 0 0;}

.banner-title {max-width:85%;margin:0px auto;}
.banner-title h1 {font-size:26px;line-height:34px;}
.banbl {display:inline;} 
.layer-title-main h2 {font-size:21px;line-height:24px;}
.layer-title-main h3 {font-size:21px;line-height:24px;}
.layer-title-sub h2 {font-size:21px;line-height:24px;}
.layer-title-block {display:inline;}

.mobile-menu-container {display:block;}

/* iphone style */
input.text,
input[type="text"],
input[type="email"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
border-radius: 0;
}

img{max-width: 100%;height: auto;}   
/* ============================================================================
    FOOTER
============================================================================ */ 
.footer-content {width:95%;margin:0px auto;}
.footer-left {width:100%;order:1;margin:0px auto;}
.footer-middle {width:100%;order:3;margin:0px auto;padding:0 0 20px 0;}
.footer-right {width:100%;order:2;margin:0px auto;}

.footer-menu {font-size:18px;line-height:24px;padding:40px 0 0 0;text-align:center;}
.footer-submenu {text-align:center;}
.footer-social {text-align:center;padding:32px 0 0 0;}

.fico {font-size:30px;line-height:30px;}
.ficolast {font-size:30px;line-height:30px;}
.footico {width:30px;height:30px;}
.footico:hover {width:30px;height:30px;}
}

@media only screen and (min-width: 320px) and (max-width: 479px){
/* width: 280px; */
.nav-wrapper {width:95%;min-height:140px;}
.nav-left {width:100%;order:1;margin:0px auto;}
.nav-middle {display:none;}
.nav-right {width:100%;order:3;margin:0px auto;}
.nav-details {display:none;}

.logo {padding:10px 0 0 0;}

.banner-title h1 {font-size:26px;line-height:34px;}    
.banbl {display:inline;}    
.layer-title-main h2 {font-size:21px;line-height:24px;}
.layer-title-main h3 {font-size:21px;line-height:24px;}
.layer-title-sub h2 {font-size:21px;line-height:24px;}
.layer-title-block {display:inline;}

.mobile-menu-container {display:block;}

/* iphone style */
input.text,
input[type="text"],
input[type="email"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
border-radius: 0;
}
        
img{max-width: 100%;height: auto;}
/* ============================================================================
    FOOTER
============================================================================ */ 
.footer-content {width:95%;margin:0px auto;}
.footer-left {width:100%;order:1;margin:0px auto;}
.footer-middle {width:100%;order:3;margin:0px auto;padding:0 0 20px 0;}
.footer-right {width:100%;order:2;margin:0px auto;}

.footer-menu {font-size:18px;line-height:24px;padding:40px 0 0 0;text-align:center;}
.footer-submenu {text-align:center;}
.footer-social {text-align:center;padding:32px 0 0 0;}

.fico {font-size:30px;line-height:30px;}
.ficolast {font-size:30px;line-height:30px;}
.footico {width:30px;height:30px;}
.footico:hover {width:30px;height:30px;}
}


/* ============================================================================
    NAVIGATION
============================================================================ */ 
button {
    -webkit-appearance: none;
    appearance: none;
    outline: 0;
    border: none;
    background: initial;
}
.hamburger__container {
    display: block;
    cursor: pointer;
    position: fixed;
    top: 54px;
    right: 70px;
    z-index: 9999;
}
.ham_sld {
    top: 25px !important;
}
.hamburger {
    width: 26px;
    height: 20px;
    display: block;
    position: relative;
    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: rotate(0);
}
.hamburger.light .hamburger-inner,
.hamburger.light .hamburger-inner:after,
.hamburger.light .hamburger-inner:before {
    background: #fff;
}
.hamburger.dark .hamburger-inner,
.hamburger.dark .hamburger-inner:after,
.hamburger.dark .hamburger-inner:before {
    background: #000;
}
.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
    position: absolute;
    width: 26px;
    height: 2px;
    transition-timing-function: ease;
    transition-duration: 0.15s;
    transition-property: transform, background-color;
    border-radius: 4px;
    background-color: #fff;
}
.hamburger-inner {
    display: block;
}
.hamburger-inner:after,
.hamburger-inner:before {
    display: block;
    content: "";
}
.hamburger-inner:after {
    top: 16px;
}
.hamburger-inner:before {
    top: 8px;
    transition-timing-function: ease;
    transition-duration: 0.15s;
    transition-property: transform, opacity;
}
.hamburger.open .hamburger-inner {
    transform: translate3d(0, 8px, 0) rotate(45deg);
    left: -8px;
    background: #fff;
}
.hamburger.open .hamburger-inner:before {
    background: #fff;
    opacity: 0;
}
.hamburger.open .hamburger-inner:after {
    transform: translate3d(0, -16px, 0) rotate(-90deg);
    background: #fff;
}
html.noscroll {
    overflow: hidden;
}
body.noscroll {
    overflow: visible;
    height: 100%;
}
.nav {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100%;
    background: #2a2c2c;
    overflow: auto;
    z-index: 9998;
    transition: opacity 0.3s ease-in-out;
    opacity: 0;
}
.open {
    opacity: 1;
    right: 0;
}
.nav__container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.wrap {
    color: #fff;
    max-width: 980px;
    margin: 0 auto;
    position: relative;
}
.wrap-inside {
    max-width: 980px;
    margin: 0 auto;
    padding: 60px 0 0 0;
    display: flex;
    flex-flow: row wrap;
}
.wrap-left {
    width: 48%;
    float: left;
    order: 1;
}
.wrap-right {
    width: 48%;
    float: left;
    order: 2;
}
.wrap ul.wrap-nav {
    padding: 0 0 0;
}
.wrap ul.wrap-nav li {
    font-size: 30px;
    line-height: 34px;
    font-weight: 200;
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 5px 5px;
    margin: 5px 0 5px 0;
}
.wrap ul.wrap-nav > li {
    width: 100%;
}
.wrap ul.wrap-nav li a {
    font-size: 30px;
    line-height: 34px;
    font-weight: 200;
    display: block;
    text-decoration: none;
    display: inline-block;
    transition-property: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
}
.wrap ul.wrap-nav li a:hover {
    text-decoration: underline;
}
.wrap ul.wrap-nav li a.active {
    text-decoration: underline;
}
.wrap ul.wrap-nav ul {
    padding: 0 0;
}
.wrap ul.wrap-nav ul li {
    display: block;
    width: 100%;
    font-size: 30px;
    line-height: 34px;
    font-weight: 200;
    padding: 5px 5px;
    margin: 5px 0 5px 0;
}
.wrap ul.wrap-nav ul li a {
    color: #fff;
}
.wrap ul.wrap-nav ul li a:hover {
    text-decoration: underline;
}

/* nav responsive */
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .hamburger__container {
        top: 20px;
        right: 10px;
    }
    .ham_sld {
        top: 15px !important;
    }
    .wrap {
        width: 80%;
    }
    .wrap-left {
        width: 45%;
        max-width: 300px;
    }
    .wrap-right {
        width: 45%;
    }
    .wrap ul.wrap-nav li {
        font-size: 26px;
        line-height: 30px;
        padding: 5px 0;
    }
    .wrap ul.wrap-nav li a {
        font-size: 26px;
        line-height: 30px;
    }
    .wrap ul.wrap-nav ul li {
        font-size: 26px;
        line-height: 30px;
        padding: 5px 0;
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .hamburger__container {
        top: 20px;
        right: 10px;
    }
    .ham_sld {
        top: 15px !important;
    }
    .wrap {
        width: 80%;
    }
    .wrap-inside {
        max-width: 100%;
        margin: 0 auto;
    }
    .wrap-right {display:none;}
    .wrap ul.wrap-nav li .nav-li-header {
        display: none;
    }
    .wrap ul.wrap-nav li {
        font-size: 22px;
        line-height: 28px;
        padding: 5px 0;
    }
    .wrap ul.wrap-nav li a {
        font-size: 22px;
        line-height: 28px;
    }
    .wrap ul.wrap-nav ul li {
        font-size: 22px;
        line-height: 28px;
        padding: 5px 0;
    }
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
    .hamburger__container {
        top: 20px;
        right: 10px;
    }
    .ham_sld {
        top: 15px !important;
    }
    .wrap {
        width: 80%;
    }
    .wrap-inside {
        max-width: 100%;
        margin: 0 auto;
    }
    .wrap-right {display:none;}
    .wrap ul.wrap-nav li .nav-li-header {
        display: none;
    }
    .wrap ul.wrap-nav li {
        font-size: 22px;
        line-height: 28px;
        padding: 5px 0;
    }
    .wrap ul.wrap-nav li a {
        font-size: 22px;
        line-height: 28px;
    }
    .wrap ul.wrap-nav ul li {
        font-size: 22px;
        line-height: 28px;
        padding: 5px 0;
    }
}