/* =============================================================================  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;}
q {quotes: none;}
q:before, q:after {content: ''; content: none;}
sub, sup, small {font-size: 75%;}
sub,sup {line-height: 0; position: relative; vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
svg {overflow: hidden;}
a{list-style: none; text-decoration: none;}
a:active{outline: none;}
a:focus{ outline: none;}
:focus {outline: 0;}

.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;}

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

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

html,body{
    display: flex;
    flex-direction: column;
    position: relative;
    height: unset;
}

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;
}
::selection {background:#c5c5c5; /* Safari */}
::-moz-selection {background:#c5c5c5; /* Firefox */}

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

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

[data-scroll] {
	will-change: transform;
}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

/* -----------------------------------------------------------------------------
   Navigation
----------------------------------------------------------------------------- */
.nav-responsive {display:none;}
.nav-default {display:block;position:relative;}

.nav-button {display:inline-block;font-size:18px;line-height:24px;font-weight:500;color:#fff;text-align:center;padding:5px 5px 5px 5px;background:transaprent;margin:0 4px 0 4px;}
.nav-button-hover {display:inline-block;font-size:18px;line-height:24px;font-weight:500;color:#f3bf21;text-align:center;padding:5px 5px 5px 5px;background:transaprent;margin:0 4px 0 4px;}
.nav-button:hover {display:inline-block;font-size:18px;line-height:24px;font-weight:500;color:#f3bf21;text-align:center;padding:5px 5px 5px 5px;background:transaprent;margin:0 4px 0 4px;}

.home-button {display:inline-block;width:20px;height:20px;fill:#fff;padding:5px 5px 5px 5px;margin:0 4px 0 4px;position:relative;top:2px;}
.home-button-hover {display:inline-block;width:20px;height:20px;fill:#f3bf21;padding:5px 5px 5px 5px;margin:0 4px 0 4px;position:relative;top:2px;}
.home-button:hover {display:inline-block;width:20px;height:20px;fill:#f3bf21;padding:5px 5px 5px 5px;margin:0 4px 0 4px;}

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

.nav-content {width:1340px;min-height:185px;margin:0 auto;}
.nav-left {width:187px;float:left;}
.nav-middle {width:540px;float:left;margin:0 0 0 220px;}
.nav-right {width:130px;float:right;margin:0 50px 0 0;}

.logo {padding:30px 0 0 0;}
.navigation {padding:37px 0 0 0;}
.account-nav {padding:36px 0 0 0;text-align:right;}

/* ============================================================================
    CONSTANT
============================================================================ */ 
.headblk {display:block;}

/* ============================================================================
    PADD
============================================================================ */   
.padd20 {padding:30px 0 0 0;}
.padd30 {padding:30px 0 0 0;}
.padd40 {padding:40px 0 0 0;}
.padd50 {padding:50px 0 0 0;}
.padd60 {padding:60px 0 0 0;}
.padd70 {padding:70px 0 0 0;}
.padd80 {padding:80px 0 0 0;}
.padd90 {padding:90px 0 0 0;}
.padd100 {padding:100px 0 0 0;}
.padd110 {padding:110px 0 0 0;}

/* ============================================================================
    TERMS & POLICY
============================================================================ */
#policy-layer1 {width:100%;position: relative;background: #433c36 url('../img/faq-back.jpg') top center no-repeat;}
.policy-content {width:1340px;margin:0 auto;padding:110px 0 0 0;}
.policy-page h1 {display:inline-block;padding:0 0 6px 0;}
.policy-page h1 {font-size:36px;line-height:38px;color:#fff;font-weight:600;text-transform:uppercase;border-bottom:3px solid #f3bf21;}
.policy-container {width:1020px;margin:0px auto;padding:130px 0 150px 0;position:relative;}

/* ============================================================================
    BUTTONS
============================================================================ */
.arrow-button {width:75px;display:inline-block;border-top: 1px solid;}
.triangle-button {
    display: inline-block;
    height: 6px;width: 6px;
    transform: rotate(135deg);
    transform-origin: center center;
    border-top: 1px solid;
    border-left: 1px solid;
    margin-left: -6px;
    margin-bottom: -3px;
}
.posarrow {display:inline;position:relative;top:-5px;left:5px;}


/* full color form */
::-webkit-input-placeholder {opacity:  1;color:#fff;}
:-moz-placeholder {opacity:  1;}
::-moz-placeholder {opacity:  1;}
:-ms-input-placeholder {opacity:  1;}
::placeholder {color:#fff;}

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

/* ============================================================================
    FOOTER
============================================================================ */
#footer-wrapper {width:100%;min-height:220px;background:#423b35;}
.footer-content {width:1340px;min-height:132px;margin:0 auto;padding:36px 0 0 0;}
.foot-left {width:540px;float:left;}
.foot-middle {width:260px;float:left;}
.foot-right {width:430px;float:right;}

.foot-logo {width:200px;float:left;}
.foot-details {width:260px;float:left;}

.foot-header {font-size:14px;line-height:22px;color:#fff;font-weight:500;text-transform:uppercase;padding:20px 0 5px 0;}
.foot-row {font-size:14px;line-height:22px;font-weight:500;color:#fff;}
.footico {padding:0 5px 0 0;}
.fcontact-icon {width:14px;height:14px;fill:#e2b212;position:relative;top:1px;}

.footbutton {text-align:center;padding:27px 0 0 0;}

.footmenu1 {padding:21px 0 0 0;font-size:14px;line-height:22px;font-weight:500;text-transform:uppercase;}
.footmenu2 {padding:3px 0 0 0;font-size:14px;line-height:22px;font-weight:500;text-transform:uppercase;}

.subfooter-content {width:1340px;margin:0 auto;}
.subfoot-left {width:345px;float:left;text-align:right;}
.subfoot-right {width:430px;float:right;text-align:right;padding:6px 0 0 0;}
.fmbrk {padding:0 10px 0 0;}

.copy {font-size:12px;line-height:18px;color:#8b8885;}
.terms {font-size:12px;line-height:18px;float:left;}
.designed {font-size:12px;line-height:18px;color:#68625d;float:right;}
.fspan1 {padding:0 8px 0 0;}

.heart-icon {width:12px;height:12px;fill:#68625d;position:relative;top:2px;}

.social-icons {padding:25px 0 0 0;}
.soc-ico-def {display:inline-block;padding:0 6px 0 0;}
.soc-ico-last {display:inline-block;}

.fico {width:24px;height:24px;fill:#fff;display:block;}
.fico:hover {fill:#f3bf21;}

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

a.layer-link {color:#f3bf21;text-decoration:none;padding:3px 3px 3px 0;}
a.layer-link:hover {color:#fff;text-decoration:none;padding:3px 3px 3px 0;}

a.soc-link {color:#fff;text-decoration:none;}
a.soc-link:hover {color:#f3bf21;text-decoration:none;}

a.socdef-link {color:#423b35;text-decoration:none;}
a.socdef-link:hover {color:#423b35;text-decoration:none;}

a.footer-email {color:#fff;text-decoration:none;}
a.footer-email:hover {color:#fff;text-decoration:underline;}

a.freg-link {color:#f3bf21;text-decoration:none;}
a.freg-link:hover {color:#fff;text-decoration:none;}

a.footer-link {color:#fff;text-decoration:none;}
a.footer-link:hover {color:#f3bf21;text-decoration:none;}

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

a.imonda-link {color:#68625d;text-decoration:none;}
a.imonda-link:hover {color:#f3bf21;text-decoration:none;}

a.cms-link {color:#f3bf21;text-decoration:underline;}
a.cms-link:hover {color:#f3bf21;text-decoration:none;}

a.defyell-link {color:#f3bf21;text-decoration:underline;}
a.defyell-link:hover {color:#f3bf21;text-decoration:none;}

a.def-email-link {color:#f3bf21;text-decoration:none;}
a.def-email-link:hover {color:#f3bf21;text-decoration:underline;}

a.cnt-email-link {color:#fff;text-decoration:none;}
a.cnt-email-link:hover {color:#f3bf21;text-decoration:none;}

a.ftel-link {color:#fff;text-decoration:none;}
a.ftel-link:hover {color:#f3bf21;text-decoration:none;}

a.hreview-link {color:#f3bf21;text-decoration:none;}
a.hreview-link:hover {color:#f3bf21;text-decoration:underline;}

a.h2review-link {color:#fff;text-decoration:none;}
a.h2review-link:hover {color:#f3bf21;text-decoration:none;}