/*! normalize.css v2.0.1 | MIT License | git.io/normalize */#wrap #content-inner:before,.clearfix:after,blockquote:after,blockquote:before,q:after,q:before{content:""}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:dotted thin}:focus,a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}mark{background:#ff0;color:#000}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}sub,sup{line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,img,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}body{margin:0;background:#fff;-webkit-font-smoothing:antialiased;color:#353438;font-family:DinotLight;font-size:18px;line-height:1.6;opacity:0;overflow-x:hidden;text-align:left;transition:opacity .6s ease}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,td,th{text-align:left;font-weight:400}blockquote,q{quotes:"" ""}a{text-decoration:none}@font-face{font-family:DinotRegular;src:url(../fonts/dinot.woff2) format("woff2"),url(../fonts/dinot.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:DinotLight;src:url(../fonts/dinot-light.woff2) format("woff2"),url(../fonts/dinot-light.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:DinotMedium;src:url(../fonts/dinot-medium.woff2) format("woff2"),url(../fonts/dinot-medium.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:DinotBold;src:url(../fonts/dinot-bold.woff2) format("woff2"),url(../fonts/dinot-bold.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:DinotBlack;src:url(../fonts/dinot-black.woff2) format("woff2"),url(../fonts/dinot-black.woff) format("woff");font-weight:400;font-style:normal}*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}body.noscroll,html.noscroll{left:0;overflow:hidden;position:fixed;top:0;width:100%}body.show{opacity:1;overflow-y:auto}body.Android{transition:none!important}body.ajax *{cursor:progress}.container{margin:0 auto;max-width:1430px;padding:0 100px;position:relative;width:100%}.container.large{max-width:1680px;padding:0 30px}#wrap{left:0;overflow:hidden;position:relative;transition:left .6s ease}#wrap #wrap-inner{background-position:top center;background-size:cover;min-height:2175px}#wrap #wrap-inner.fluid{background-color:#27252F;min-height:initial;padding-bottom:0!important}#wrap #content-inner{margin-top:-380px;position:relative;z-index:2}#wrap #content-inner section{position:relative;z-index:3}#wrap #content-inner:before{background-color:#fff;height:100%;left:60px;position:absolute;top:0;width:100%;z-index:2}#wrap #content-inner.nmt{margin-top:0}#wrap .save-wrap{margin-top:-250px;position:relative;z-index:3}#wrap.open{left:-29.76%}.single-library #wrap #content-inner,.single-post #wrap #content-inner{padding-bottom:245px}.page-template-template-homepage #wrap-inner{min-height:inherit}.page-template-template-homepage #wrap-inner section:last-child{padding-bottom:460px}img,svg{display:block;height:auto;max-width:100%}.clearfix:after{display:block;clear:both;visibility:hidden;line-height:0;height:0}.ease{opacity:0;position:relative;top:120px;transition:opacity 1.2s ease,top 1.2s ease}.ease.show{opacity:1;top:0}.page-template-template-homepage #bottom{background-color:#060813}.mobile{display:none!important}

@media only screen and (max-width: 1280px){
    body{
        font-size:14px
    }
    #wrap #wrap-inner{
        min-height:2000px
    }
    #wrap #content-inner{
        margin-top:-300px
    }
    .page-template-template-homepage #wrap #wrap-inner{
        min-height:initial
    }
}
@media only screen and (max-width: 960px){
    .container{
        padding:0px 40px
    }
    .container.large{
        padding:0 40px
    }
    #wrap #wrap-inner{
        min-height:initial;
        padding-bottom:300px
    }
    #wrap #content-inner:before{
        left:20px
    }
    .page-template-template-homepage #wrap-inner section:last-child{
        padding-bottom:0px
    }
}
@media only screen and (max-width: 767px){
    .container{
        padding:0 40px
    }
    .container.large{
        padding:0 40px
    }
    .page-template-template-homepage #bottom{
        margin-top:-45px;
        padding-top:0px
    }
    #wrap #wrap-inner{
        padding-bottom:0
    }
    #wrap #content-inner{
        margin-top:-190px
    }
    #wrap:before{
        background-color:rgba(0,0,0,0.5);
        content:"";
        height:100vh;
        left:0px;
        opacity:0;
        pointer-events:none;
        position:fixed;
        top:0px;
        transition:opacity 0.6s ease 0.7s;
        width:100%;
        z-index:6
    }
    #wrap.open{
        left:0
    }
    #wrap.open:before{
        opacity:1;
        pointer-events:auto;
        transition-delay:0s
    }
    .page-template-template-homepage #wrap-inner section:last-child{
        padding-bottom:120px
    }
    .desktop{
        display:none !important
    }
    .mobile{
        display:block !important
    }
}
footer{
    background-color:#070A14;
    background-position:top center;
    background-repeat:no-repeat;
    background-size:cover;
    padding-bottom:200px;
    padding-top:270px;
    position:relative;
    z-index:1
}
footer .header-byline{
    margin-bottom:90px
}
footer .cols{
    padding-bottom:200px
}
footer .cols .col{
    text-align:left
}
footer .cp-form{
    width:calc(100% - 50px)
}
footer .cp-form#cp-step-1 img{
    right:34px;
    top:120px
}
footer .call-us a{
    background-image:none;
    color:#FF6C2F !important
}
footer #footer-bottom{
    padding-top:270px;
    position:relative
}
footer #footer__follow{
    padding-bottom:35px;
    padding-top:10px
}
footer #footer__follow h3{
    display:inline-block;
    margin-right:45px;
    vertical-align:top
}
footer #footer__follow .social{
    border:1px solid #fff;
    border-radius:53px;
    display:inline-block;
    height:53px;
    line-height:53px;
    margin-right:12px;
    position:relative;
    text-align:center;
    top:3px;
    vertical-align:top;
    width:53px
}
footer #footer__follow .social a{
    background-image:none;
    color:#fff;
    display:block;
    overflow:hidden;
    position:relative
}
footer #footer__follow .social a:before{
    background-color:#fff;
    border-radius:53px;
    content:"";
    height:100%;
    left:0;
    opacity:0;
    position:absolute;
    top:0;
    transition:opacity 0.3s ease;
    width:100%
}
footer #footer__follow .social a:hover:before{
    opacity:0.5
}
footer #footer__follow .social:last-child{
    margin-right:0
}
footer.small{
    padding-top:0
}
#footer__privacy{
    font-family:"DinotRegular";
    font-size:1.5rem;
    margin-top:40px;
    pointer-events:auto
}
#footer__privacy a{
    background-position-y:21px
}
#footer__privacy a:hover{
    background-position-y:0px
}
#footer__privacy.aqua a{
    background-image:linear-gradient(to bottom, #5fc0b1 0%,#5fc0b1 100%)
}
#footer-bottom-fixed{
    background-color:#060813;
    height:350px
}
body:not(.page-template-template-homepage) footer{
    margin-top:-620px;
    padding-top:782px
}
body:not(.page-template-template-homepage) footer #cp-step-1{
    background-color:#FF6C2F
}
.page-template-template-case-studies footer{
    margin-top:0px !important;
    padding-top:0px !important
}
@media only screen and (max-width: 1280px){
    footer{
        padding-top:150px
    }
    footer #footer-bottom{
        height:495px;
        padding-top:180px
    }
    footer #footer__follow .social{
        height:40px;
        line-height:40px;
        width:40px
    }
    #footer__privacy{
        font-size:1.125rem
    }
    #footer__privacy a{
        background-position-y:15px
    }
}
@media only screen and (max-width: 960px){
    footer #footer__follow h3{
        margin-right:30px
    }
    footer #footer__follow .social{
        height:30px;
        line-height:30px;
        position:relative;
        top:14px;
        width:30px
    }
}
@media only screen and (max-width: 767px){
    footer{
        padding-bottom:155px;
        padding-top:65px
    }
    footer .header-byline{
        margin-bottom:55px
    }
    footer .cols{
        padding-bottom:0
    }
    footer .cp-form{
        margin-top:130px;
        width:calc(100% - 20px)
    }
    footer #footer-bottom{
        height:auto;
        padding-top:70px
    }
    footer .subscribe-wrap{
        margin-bottom:70px;
        padding-top:40px
    }
    footer .subscribe-wrap .subscribe{
        min-width:100%
    }
    footer #footer__follow{
        padding-bottom:45px
    }
    footer #footer__follow h3{
        display:block;
        margin-bottom:0
    }
    footer #footer__follow .social{
        font-size:17px;
        height:49px;
        line-height:49px;
        margin-top:14px;
        top:0;
        width:49px
    }
    #footer-bottom-fixed{
        display:none
    }
    body:not(.page-template-template-homepage) footer{
        background-image:url(../img/footer-img.jpg) !important;
        margin-top:-140px;
        padding-top:210px
    }
    .page-template-template-case-studies footer .cp-form{
        margin-top:0
    }
}
header{
    left:0px;
    padding-top:86px;
    position:absolute;
    top:0px;
    width:100%;
    z-index:5
}
header #logo{
    background-image:url(../img/logo-orange.png);
    background-size:cover;
    height:107px;
    position:relative;
    top:-29px;
    width:183px;
    z-index:3
}
header #logo a{
    background-image:none;
    display:block;
    height:100%;
    width:100%
}
header #nav-wrapper{
    padding-right:82px;
    position:absolute;
    right:60px;
    text-align:right;
    top:0px;
    width:100%;
    z-index:2
}
header .container.large{
    max-width:100%;
    padding:0 60px
}
header.white #logo{
    background-image:url(../img/logo-white.png)
}
header.white-bg{
    padding-bottom:60px;
    position:static
}
header .btn{
    position:relative;
    top:-8px
}
header:before{
    background-color:#fff;
    content:"";
    height:100%;
    left:0;
    opacity:0;
    position:absolute;
    top:0;
    transition:opacity 0.3s ease;
    width:100%
}
#hamburger{
    border:1px solid #fff;
    border-radius:72px;
    cursor:pointer;
    display:inline-block;
    height:72px;
    right:60px;
    margin-left:12px;
    position:absolute;
    top:79px;
    transition:opacity 0.3s ease;
    width:72px;
    z-index:99
}
#hamburger .close-text{
    display:none
}
#hamburger #hamburger-inner{
    height:100%;
    padding-top:23.5px;
    text-align:center;
    width:100%
}
#hamburger #hamburger-inner-inner{
    display:inline-block;
    height:23px;
    position:relative;
    width:26px
}
#hamburger #hamburger-inner-inner span{
    background-color:#fff;
    border-radius:100px;
    display:block;
    height:2px;
    left:0px;
    position:absolute;
    top:0px;
    transition:top 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    width:100%
}
#hamburger #hamburger-inner-inner span:nth-child(2){
    top:7px;
    transition-delay:.1s;
    width:70%
}
#hamburger #hamburger-inner-inner span:nth-child(3){
    top:14px;
    transition-delay:.2s
}
#hamburger #hamburger-inner-inner span:nth-child(4){
    top:21px;
    width:70%;
    transition-delay:.3s
}
#hamburger.off #hamburger-inner-inner span{
    top:0px;
    transition-delay:0.3s
}
#hamburger.off #hamburger-inner-inner span:nth-child(2){
    top:7px;
    transition-delay:0.2s
}
#hamburger.off #hamburger-inner-inner span:nth-child(3){
    top:14px;
    transition-delay:0.1s
}
#hamburger.off #hamburger-inner-inner span:nth-child(4){
    top:21px;
    transition-delay:0s
}
#hamburger.on #hamburger-inner-inner span{
    top:-5px;
    transition-delay:0s
}
#hamburger.on #hamburger-inner-inner span:nth-child(2){
    top:2px;
    transition-delay:0.1s
}
#hamburger.on #hamburger-inner-inner span:nth-child(3){
    top:9px;
    transition-delay:0.2s
}
#hamburger.on #hamburger-inner-inner span:nth-child(4){
    top:16px;
    transition-delay:0.3s
}
#hamburger-wrap{
    left:0px;
    max-width:100%;
    padding:0 60px;
    position:relative;
    transition:left 0.6s ease
}
#hamburger-wrap.force-fixed{
    position:fixed;
    top:0px;
    width:100%;
    z-index:99
}
#hamburger-wrap.force-fixed #hamburger{
    position:absolute !important
}
#hamburger-wrap.open{
    left:-29.76%;
    position:fixed;
    top:0px;
    width:100%;
    z-index:99
}
#hamburger-wrap.white-bg #hamburger{
    border-color:#353438
}
#hamburger-wrap.white-bg #hamburger #hamburger-inner-inner span{
    background-color:#353438
}
#hamburger-wrap.menu-fixed #hamburger{
    border-color:#353438;
    position:fixed;
    top:15px
}
#hamburger-wrap.menu-fixed #hamburger #hamburger-inner-inner span{
    background-color:#353438
}
#wrap.menu-fixed header{
    left:0px;
    padding-top:12px;
    position:fixed;
    top:0px;
    transition:left 0.6s ease;
    width:100%
}
#wrap.menu-fixed header .container{
    border-bottom:1px solid rgba(216,216,216,0.5);
    padding-bottom:13px
}
#wrap.menu-fixed header #logo{
    background-image:url(../img/logo-orange.png);
    height:74px;
    top:0;
    width:128px
}
#wrap.menu-fixed header #nav-wrapper{
    top:10px
}
#wrap.menu-fixed header:before{
    opacity:1
}
#wrap.menu-fixed header.white-bg{
    padding-bottom:0
}
#wrap.menu-fixed #page-progress{
    background-color:#FF6C2F;
    height:3px;
    left:0px;
    min-width:5px;
    opacity:1;
    position:fixed;
    top:100px;
    width:0%;
    z-index:5
}
#wrap.menu-fixed.open header{
    left:-29.76%
}
.single-post #wrap.menu-fixed,.single-library #wrap.menu-fixed,.page-template-template-trends #wrap.menu-fixed,.page-template-template-library #wrap.menu-fixed,.page-template-template-faqs #wrap.menu-fixed{
    padding-top:253px
}
#page-progress{
    opacity:0;
    transition:opacity 0.3s ease 0.3s
}
@media only screen and (max-width: 1280px){
    header .container.large{
        padding:0 30px
    }
    header #logo{
        height:70px;
        top:-11px;
        width:120px
    }
    header .btn{
        position:relative;
        top:-1px
    }
    header #nav-wrapper{
        padding-right:20px
    }
    #hamburger{
        height:42px;
        right:30px;
        top:85px;
        width:42px
    }
    #hamburger #hamburger-inner{
        padding-top:13.5px
    }
    #hamburger #hamburger-inner-inner{
        height:14px;
        width:18px
    }
    #hamburger #hamburger-inner-inner span{
        height:1px
    }
    #hamburger #hamburger-inner-inner span:nth-child(2){
        top:4.333px
    }
    #hamburger #hamburger-inner-inner span:nth-child(3){
        top:8.333px
    }
    #hamburger #hamburger-inner-inner span:nth-child(4){
        top:12px
    }
    #hamburger.off #hamburger-inner-inner span{
        top:0px
    }
    #hamburger.off #hamburger-inner-inner span:nth-child(2){
        top:4.333px
    }
    #hamburger.off #hamburger-inner-inner span:nth-child(3){
        top:8.333px
    }
    #hamburger.off #hamburger-inner-inner span:nth-child(4){
        top:12px
    }
    #hamburger.on #hamburger-inner-inner span{
        top:-2px
    }
    #hamburger.on #hamburger-inner-inner span:nth-child(2){
        top:2.333px
    }
    #hamburger.on #hamburger-inner-inner span:nth-child(3){
        top:6.3333px
    }
    #hamburger.on #hamburger-inner-inner span:nth-child(4){
        top:10px
    }
    #hamburger-wrap{
        padding:0 30px
    }
    #hamburger-wrap.menu-fixed #hamburger{
        top:28px
    }
    #wrap.menu-fixed header #logo{
        height:70px;
        width:120px
    }
    #wrap.menu-fixed header #nav-wrapper{
        top:16px
    }
    #wrap.menu-fixed #page-progress{
        top:96px
    }
    .single-post #wrap.menu-fixed,.single-library #wrap.menu-fixed,.page-template-template-trends #wrap.menu-fixed,.page-template-template-library #wrap.menu-fixed,.page-template-template-faqs #wrap.menu-fixed{
        padding-top:216px
    }
}
@media only screen and (max-width: 960px){
    header #logo{
        height:58px;
        width:100px
    }
    #wrap.menu-fixed #page-progress{
        top:84px
    }
    #wrap.menu-fixed header #logo{
        height:58px;
        width:100px
    }
    #wrap.menu-fixed header #nav-wrapper{
        top:10px
    }
    #hamburger-wrap.menu-fixed #hamburger{
        top:22px
    }
}
@media only screen and (max-width: 767px){
    header{
        padding-top:30px
    }
    header #logo{
        left:-20px;
        top:0
    }
    header.white #logo{
        background-image:url(../img/logo-orange.png)
    }
    header.white-bg{
        border-bottom:1px solid rgba(216,216,216,0.5);
        margin-bottom:40px;
        padding-bottom:35px
    }
    #hamburger-wrap{
        position:static
    }
    #hamburger-wrap.hide #hamburger{
        opacity:0;
        pointer-events:none
    }
    #hamburger-wrap.menu-fixed #hamburger{
        top:12px
    }
    #hamburger-wrap.open{
        left:0
    }
    #hamburger-wrap.open #hamburger{
        border:none
    }
    #hamburger-wrap.open #hamburger .close-text{
        color:#fff;
        display:inline;
        font-family:"DinotMedium";
        font-size:1.5rem;
        left:-115px;
        letter-spacing:-0.75px;
        position:absolute;
        top:10px;
        white-space:nowrap
    }
    #hamburger-wrap.open #hamburger #hamburger-inner-inner{
        top:-2px;
        transform:rotate(90deg);
        transition:all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s
    }
    #hamburger-wrap.open #hamburger #hamburger-inner-inner span{
        background-color:#fff !important;
        transition:transform 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99);
        transition-delay:0.3s
    }
    #hamburger-wrap.open #hamburger #hamburger-inner-inner span:nth-child(1){
        transform:translateY(11px) rotate(45deg)
    }
    #hamburger-wrap.open #hamburger #hamburger-inner-inner span:nth-child(3){
        transform:translateY(-3px) rotate(-45deg)
    }
    #hamburger-wrap.open #hamburger #hamburger-inner-inner span:nth-child(2),#hamburger-wrap.open #hamburger #hamburger-inner-inner span:nth-child(4){
        opacity:0;
        transition:opacity 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s
    }
    #hamburger-wrap.open.menu-fixed #hamburger{
        position:fixed
    }
    #hamburger{
        height:60px;
        right:20px;
        top:30px;
        width:60px;
        z-index:999
    }
    #hamburger #hamburger-inner{
        padding-top:17px
    }
    #hamburger #hamburger-inner-inner{
        height:24px;
        transition:all 0.3s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s;
        width:26px
    }
    #hamburger #hamburger-inner-inner span{
        height:2px;
        top:0px !important;
        transition:none
    }
    #hamburger #hamburger-inner-inner span:nth-child(2){
        top:7px !important
    }
    #hamburger #hamburger-inner-inner span:nth-child(3){
        top:14px !important
    }
    #hamburger #hamburger-inner-inner span:nth-child(4){
        top:21px !important
    }
    #hamburger #hamburger-inner-inner span:nth-child(2),#hamburger #hamburger-inner-inner span:nth-child(4){
        opacity:1;
        transition-delay:2s
    }
    #nav-wrapper{
        right:20px
    }
    .single-post #wrap.menu-fixed,.single-library #wrap.menu-fixed,.page-template-template-trends #wrap.menu-fixed,.page-template-template-library #wrap.menu-fixed,.page-template-template-faqs #wrap.menu-fixed{
        padding-top:164px
    }
    #wrap.menu-fixed.open header{
        left:0
    }
}
.btn{
    background-repeat:no-repeat;
    border:none;
    border-radius:39.5px;
    color:#fff;
    display:inline-block;
    font-family:"DinotMedium";
    font-size:1.375rem;
    height:54px;
    line-height:3.375rem;
    min-width:281px;
    padding-left:40px;
    text-align:left;
    transition:background-color 0.3s ease;
    vertical-align:top
}
.btn.small{
    min-width:217px;
    text-indent:-5px
}
.btn.small.arrow{
    background-position:90% center;
    background-position:calc(100% - 34px) center;
    background-size:8px 15px
}
.btn.medium{
    max-width:242px
}
.btn.large{
    height:72px;
    font-size:1.75rem;
    line-height:4.5rem;
    min-width:273px
}
.btn.largest{
    border-radius:100px;
    font-size:2.25rem;
    height:90px;
    letter-spacing:-1.12px
}
.btn.orange{
    background-color:#FF6C2F
}
.btn.orange:hover{
    background-color:rgba(255,108,47,0.7)
}
.btn.grey{
    background-color:#353438
}
.btn.grey:hover{
    background-color:rgba(53,52,56,0.7)
}
.btn.aqua{
    background-color:#5FC0B1
}
.btn.aqua i{
    font-size:1.75rem;
    margin-left:8px;
    position:relative;
    top:5px
}
.btn.aqua:hover{
    background-color:rgba(95,192,177,0.7)
}
.btn.arrow{
    background-image:url(../img/icon-chevron-right.png);
    background-position:90% center;
    background-position:calc(100% - 40px) center;
    background-size:13px
}
.btn.login{
    background-image:url(../img/icon-customer.png);
    background-position:90% center;
    background-position:calc(100% - 40px) center;
    background-size:25px;
    line-height:3.625rem;
    padding-left:45px
}
.btn.white{
    border:1px solid #fff;
    transition:opacity 0.3s ease
}
.btn.white.icon{
    padding-right:40px
}
.btn.white.icon i{
    margin-left:8px;
    position:relative;
    top:2px
}
.btn.white:hover{
    opacity:0.3
}
.btn.white-bg{
    background-color:#fff;
    color:#353438
}
.btn.white-bg:hover{
    background-color:rgba(255,255,255,0.3)
}
.btn.transparent{
    background-image:none;
    border:1px solid rgba(52,53,56,0.16);
    color:#353438
}
.btn.transparent i{
    color:#FF6C2F;
    font-size:1.75rem;
    position:relative;
    top:5px;
    margin-left:8px
}
.btn.center{
    padding-left:0;
    text-align:center
}
.btn:after{
    display:none
}
.btn.orange-outline{
    background-color:#fff;
    border-color:#FF6C2F;
    color:#FF6C2F;
    padding-left:25px;
    transition:background-color 0.3s ease;
    width:100%
}
.btn.orange-outline:hover{
    background-color:rgba(255,108,47,0.3)
}
.btn.white-outline{
    background-position:90% center;
    background-position:calc(100% - 20px) center;
    background-size:15px;
    border:1px solid #fff
}
.single-post #content-inner section .btn,.single-library #content-inner section .btn{
    background-image:none;
    margin-bottom:20px;
    margin-top:30px;
    max-width:320px;
    padding-right:20px;
    text-align:center
}
h1.white,h2.white,h3.white,h4.white,h5.white,h6.white{
    color:#fff
}
h1.orange,h2.orange,h3.orange,h4.orange,h5.orange,h6.orange{
    color:#FF6C2F
}
h1.aqua,h2.aqua,h3.aqua,h4.aqua,h5.aqua,h6.aqua{
    color:#5FC0B1
}
h1,h2,h3,h4{
    font-family:"DinotBold"
}
h5,h6{
    font-family:"DinotMedium"
}
h1{
    font-size:8.875rem;
    letter-spacing:-3px;
    line-height:7.5rem;
    margin-bottom:100px
}
h1 strong{
    color:#FF6C2F;
    position:relative
}
h1 strong:after{
    background-color:#FF6C2F;
    border-radius:100px;
    bottom:-15px;
    content:"";
    height:18px;
    left:0;
    position:absolute;
    width:100%
}
h1.sm{
    margin-bottom:48px
}
h2{
    font-size:5rem;
    letter-spacing:-2px;
    line-height:6rem;
    margin-bottom:10px
}
h2 .small{
    font-size:1.375rem;
    left:-7px;
    letter-spacing:0px;
    line-height:2.0625rem;
    position:relative
}
h3{
    font-size:4rem;
    letter-spacing:-2px;
    line-height:4.5rem;
    margin-bottom:15px
}
h3 a{
    background-position-y:57px
}
h3.pt{
    padding-top:10px
}
.ie h3 a{
    background-position-y:50px
}
.ie h3 a:hover{
    background-position-y:0px
}
h4{
    font-size:2.25rem;
    letter-spacing:-1.12px;
    line-height:2.625rem
}
h4 .small{
    font-size:1.5rem;
    line-height:2.0625rem
}
h4.lmb{
    margin-bottom:40px
}
.carousel-wrap h4{
    margin-bottom:13px
}
h5{
    font-size:1.75rem;
    letter-spacing:-1px;
    line-height:2.3125rem;
    margin-bottom:8px
}
h5 a{
    background-position-y:25px
}
h6{
    font-size:1.375rem;
    letter-spacing:-0.5px;
    line-height:1.75rem
}
.h7{
    font-family:"DinotMedium";
    font-size:1.125rem;
    letter-spacing:-0.41px;
    line-height:1.4375rem;
    margin-bottom:10px
}
.h7.orange{
    color:#FF6C2F
}
.byline{
    max-width:605px
}
.byline p{
    font-size:1.375rem;
    line-height:2rem
}
.byline p a{
    background-position-y:19px
}
.byline p a:hover{
    background-position-y:0px
}
.byline p strong{
    font-family:"DinotBold"
}
.byline strong{
    font-family:"DinotMedium"
}
.byline.orange{
    color:#FF6C2F
}
.byline.large{
    max-width:680px
}
.byline.large p{
    font-size:2.125rem;
    line-height:2.75rem
}
.byline.large p a{
    background-position-y:32px
}
.byline.large p a:hover{
    background-position-y:0px
}
.byline.large.max-large{
    max-width:1070px
}
.byline.large.mb{
    margin-bottom:60px
}
section.white{
    color:#fff
}
section.white a{
    color:#fff
}
#wrap #wrap-inner ul>li,#wrap #content-inner ul>li{
    padding-left:22px;
    position:relative
}
#wrap #wrap-inner ul>li:before,#wrap #content-inner ul>li:before{
    color:#FF6C2F;
    content:"•";
    font-size:20px;
    left:0;
    position:absolute;
    top:-3px
}
#wrap #wrap-inner ul>li ul li,#wrap #content-inner ul>li ul li{
    padding-left:25px
}
#wrap #wrap-inner ul>li ul li:before,#wrap #content-inner ul>li ul li:before{
    color:#353438;
    content:"–"
}
#wrap #wrap-inner ol,#wrap #content-inner ol{
    counter-reset:item
}
#wrap #wrap-inner ol li,#wrap #content-inner ol li{
    display:block;
    padding-left:22px
}
#wrap #wrap-inner ol li:before,#wrap #content-inner ol li:before{
    content:counter(item) ". ";
    counter-increment:item;
    color:#FF6C2F;
    font-family:"DinotMedium";
    left:25px;
    position:absolute
}
.align-right{
    text-align:right
}
a{
    background-image:linear-gradient(to bottom, #ff6c2f 0%,#ff6c2f 100%);
    background-position:0 18px;
    background-size:100%;
    background-repeat:no-repeat;
    color:#353438;
    transition:0.4s cubic-bezier(0.4, 0, 0.2, 1);
    overflow:hidden
}
a:hover{
    background-position:0 0em;
}
a:hover:after{
    height:100% !important
}
a.no-transition{
    background-position:initial;
    background-size:initial
}
.pull-quote{
    color:#FF6C2F;
    font-family:"DinotBold";
    font-size:4rem;
    letter-spacing:-2px;
    line-height:4.5rem;
    max-width:970px;
    padding-top:23px
}
blockquote{
    font-size:1.75rem;
    letter-spacing:-1px;
    line-height:2.3125rem;
    position:relative
}
blockquote:before{
    content:"“";
    left:-10px;
    position:absolute;
    top:0px
}
hr{
    background-color:#FF6C2F;
    border:none;
    border-radius:2.5px;
    height:3px;
    margin:0;
    margin-bottom:21px;
    margin-top:30px;
    text-align:left;
    width:59px
}
.citation{
    color:#FF6C2F;
    font-family:"DinotMedium";
    font-size:1.375rem;
    letter-spacing:0.5px;
    line-height:1.75rem
}
.grey{
    color:#353438
}
strong{
    font-family:"DinotMedium"
}
p{
    margin-bottom:1.125rem
}
p:last-child{
    margin-bottom:0
}
.page-template-template-content #content-inner h2,.single-post #content-inner h2,.single-library #content-inner h2{
    margin-bottom:30px;
    margin-top:75px
}
.page-template-template-content #content-inner h2:first-child,.single-post #content-inner h2:first-child,.single-library #content-inner h2:first-child{
    margin-top:0
}
.page-template-template-content #content-inner h2:last-child,.single-post #content-inner h2:last-child,.single-library #content-inner h2:last-child{
    margin-bottom:0
}
.page-template-template-content #content-inner h3,.single-post #content-inner h3,.single-library #content-inner h3{
    margin-bottom:30px;
    margin-top:65px
}
.page-template-template-content #content-inner h3:first-child,.single-post #content-inner h3:first-child,.single-library #content-inner h3:first-child{
    margin-top:0
}
.page-template-template-content #content-inner h3:last-child,.single-post #content-inner h3:last-child,.single-library #content-inner h3:last-child{
    margin-bottom:0
}
.page-template-template-content #content-inner h4,.single-post #content-inner h4,.single-library #content-inner h4{
    border-bottom:none;
    margin-bottom:25px;
    margin-top:60px;
    padding-left:0
}
.page-template-template-content #content-inner h4:first-child,.single-post #content-inner h4:first-child,.single-library #content-inner h4:first-child{
    margin-top:0
}
.page-template-template-content #content-inner h4:last-child,.single-post #content-inner h4:last-child,.single-library #content-inner h4:last-child{
    margin-bottom:0
}
.page-template-template-content #content-inner h5,.single-post #content-inner h5,.single-library #content-inner h5{
    margin-bottom:25px;
    margin-top:75px
}
.page-template-template-content #content-inner h5:first-child,.single-post #content-inner h5:first-child,.single-library #content-inner h5:first-child{
    margin-top:0
}
.page-template-template-content #content-inner h5:last-child,.single-post #content-inner h5:last-child,.single-library #content-inner h5:last-child{
    margin-bottom:0
}
.page-template-template-content #content-inner i+h5,.single-post #content-inner i+h5,.single-library #content-inner i+h5{
    margin-top:6px
}
.page-template-template-content #content-inner h6,.single-post #content-inner h6,.single-library #content-inner h6{
    margin-bottom:20px;
    margin-top:40px
}
.page-template-template-content #content-inner h6:first-child,.single-post #content-inner h6:first-child,.single-library #content-inner h6:first-child{
    margin-top:0
}
.page-template-template-content #content-inner h6:last-child,.single-post #content-inner h6:last-child,.single-library #content-inner h6:last-child{
    margin-bottom:0
}
.page-template-template-content #content-inner h6,.single-post #content-inner h6,.single-library #content-inner h6{
    margin-bottom:15px;
    margin-top:40px
}
.page-template-template-content #content-inner h6:first-child,.single-post #content-inner h6:first-child,.single-library #content-inner h6:first-child{
    margin-top:0
}
.page-template-template-content #content-inner h6:last-child,.single-post #content-inner h6:last-child,.single-library #content-inner h6:last-child{
    margin-bottom:0
}
@media only screen and (max-width: 1280px){
    .btn.large{
        font-size:1.125rem;
        height:42px;
        line-height:2.625rem;
        min-width:171px;
        padding-left:23px
    }
    .btn.largest{
        font-size:1.75rem;
        height:72px;
        min-width:180px
    }
    .btn.arrow{
        background-position:calc(100% - 20px) center;
        background-size:10px 14px
    }
    h1{
        font-size:5.5rem;
        letter-spacing:-1.86px;
        line-height:5.5rem
    }
    h1 strong:after{
        bottom:-9px;
        height:10px
    }
    h2{
        font-size:4rem;
        letter-spacing:-1.6px;
        line-height:4.0625rem
    }
    h3{
        font-size:2.875rem;
        letter-spacing:-1.44px;
        line-height:3.625rem
    }
    h3 a{
        background-position-y:41px
    }
    h4{
        font-size:1.75rem;
        letter-spacing:-0.87px;
        line-height:2.25rem
    }
    h4 .small{
        font-size:1.125rem;
        line-height:1.5625rem
    }
    h5{
        font-size:1.375rem;
        letter-spacing:-0.79px;
        line-height:2.1875rem
    }
    h5 a{
        background-position-y:20px
    }
    .byline p{
        font-size:1.0625rem;
        line-height:1.5625rem
    }
    .byline p a{
        background-position-y:16px
    }
    .ie .byline p a{
        background-position-y:18px
    }
    a{
        background-position-y:12px
    }
    .pull-quote{
        font-size:3.125rem;
        letter-spacing:-1px;
        line-height:3.5625rem
    }
    blockquote{
        font-size:1.375rem;
        letter-spacing:-0.79px;
        line-height:2rem
    }
    .citation{
        font-size:1.125rem;
        letter-spacing:-0.41px;
        line-height:1.4375rem
    }
}
@media only screen and (max-width: 960px){
    .align-right{
        text-align:left
    }
    .align-right .col.col-3{
        width:33.333%
    }
    .align-right .col.col-3:last-child{
        padding-right:0
    }
}
@media only screen and (max-width: 767px){
    .btn.large{
        font-family:"DinotBold";
        font-size:1.75rem;
        height:60px;
        letter-spacing:-0.88px;
        line-height:60px
    }
    .btn.arrow{
        background-size:12px 24px
    }
    .btn.small{
        font-size:1.125rem;
        height:48px;
        line-height:48px;
        min-width:188px;
        max-width:188px
    }
    .btn.small.arrow{
        background-position-x:calc(100% - 25px)
    }
    .btn.largest{
        height:60px;
        line-height:57px
    }
    .btn.orange-outline{
        font-size:1.25rem
    }
    h1{
        font-size:3.375rem;
        letter-spacing:-1.14px;
        line-height:3.375rem;
        margin-bottom:33px
    }
    h1 strong{
        background-image:linear-gradient(to bottom, #ff6c2f 0%,#ff6c2f 100%);
        background-position:0 49px;
        background-size:100%;
        background-repeat:no-repeat
    }
    h1 strong:after{
        display:none
    }
    h2{
        font-size:2.125rem;
        letter-spacing:-0.85px;
        line-height:2.25rem
    }
    h3{
        font-size:1.875rem;
        letter-spacing:-0.94px;
        line-height:2.125rem
    }
    h3 a{
        background-position-y:26px
    }
    h3 br{
        display:none
    }
    h4{
        font-size:1.5rem;
        letter-spacing:-0.75px;
        line-height:1.875rem
    }
    h5{
        font-size:1.25rem;
        letter-spacing:-0.71px;
        line-height:1.625rem
    }
    h6{
        font-size:1rem;
        letter-spacing:-0.36px;
        line-height:1.25rem
    }
    .h7{
        font-size:.875rem;
        letter-spacing:-0.32px;
        line-height:1.375rem
    }
    .byline p{
        font-size:1.125rem;
        line-height:1.5rem
    }
    .byline.large p{
        font-size:1.375rem;
        line-height:1.875rem
    }
    blockquote{
        font-size:1.125rem;
        letter-spacing:-0.65px;
        line-height:1.5rem
    }
    hr{
        height:2px;
        margin-bottom:15px;
        margin-top:20px;
        width:48px
    }
    .citation{
        font-size:1rem;
        letter-spacing:-0.36px;
        line-height:1.25rem
    }
    .pull-quote{
        font-size:1.875rem;
        letter-spacing:-0.94px;
        line-height:2.25rem;
        padding-bottom:15px;
        padding-top:0
    }
    .Android h1 strong{
        background-image:none !important;
        text-decoration:underline !important
    }
}
@media only screen and (max-width: 350px){
    .btn{
        min-width:240px;
        padding-left:30px !important
    }
    .btn.login{
        background-position:calc(100% - 20px)
    }
}
nav a{
    color:#fff;
    font-family:"DinotMedium"
}
nav#main{
    display:inline-block;
    font-size:1.75rem;
    padding-right:3.45%;
    padding-top:7px;
    vertical-align:top;
    width:80%;
    width:calc(100% - 357px)
}
nav#main ul li{
    display:inline-block;
    margin-left:4.6%;
    position:relative
}
nav#main ul li a{
    background-image:none;
    position:relative
}
nav#main ul li a:after{
    content:'';
    border-top:3px solid #FF6C2F;
    height:auto;
    position:absolute;
    margin:0 auto;
    width:0;
    left:0;
    right:0;
    top:100%;
    transition:width 0.3s cubic-bezier(0.68, 0, 0.33, 1) 0.1s
}
nav#main ul li a:hover:after{
    height:0px !important;
    width:100%
}
nav#side{
    -webkit-overflow-scrolling:touch;
    background-color:#FF6C2F;
    height:100vh;
    overflow:auto;
    padding:75px 20px;
    padding-left:6.54%;
    position:fixed;
    right:-29.76%;
    top:0;
    transition:right 0.6s ease;
    width:29.76%;
    z-index:98
}
nav#side #desktop-close{
    margin-bottom:30px;
    text-align:right
}
nav#side #desktop-close #desktop-close-inner{
    background-image:url(../img/close.png);
    background-position:center right;
    background-repeat:no-repeat;
    background-size:17px;
    color:#fff;
    cursor:pointer;
    display:inline-block;
    font-family:"DinotMedium";
    font-size:1.375rem;
    padding-right:35px
}
nav#side .back,nav#side .heading{
    display:none
}
nav#side>ul>li.mobile-only{
    display:none
}
nav#side>ul>li>a{
    color:#353438;
    display:inline-block;
    font-family:"DinotMedium";
    font-size:1.75rem;
    margin-bottom:24px;
    pointer-events:none
}
nav#side>ul>li .sub-menu{
    margin-bottom:54px
}
nav#side>ul>li .sub-menu li{
    margin-bottom:8px
}
nav#side>ul>li .sub-menu li:last-child{
    margin-bottom:0
}
nav#side>ul>li .sub-menu a{
    display:inline-block;
    font-family:"DinotBold";
    font-size:2.25rem;
    position:relative;
    transition:padding-left 0.3s ease
}
nav#side>ul>li .sub-menu a:before{
    background-color:#fff;
    border-radius:100px;
    content:"";
    height:4px;
    left:0px;
    margin-top:-3px;
    position:absolute;
    transition:width 0.3s ease;
    top:50%;
    width:0px
}
nav#side>ul>li .sub-menu a:hover{
    padding-left:45px
}
nav#side>ul>li .sub-menu a:hover:before{
    width:24px
}
nav#side.open{
    right:0
}
nav#side.open>a{
    left:0px
}
nav#side.open>ul>li{
    left:0px
}
nav#side a.btn{
    display:none
}
header.white-bg nav#main ul li a{
    color:#353438
}
#wrap.menu-fixed nav#main ul li a{
    color:#353438
}
@media only screen and (max-width: 1280px){
    nav#main{
        font-size:1.125rem
    }
    nav#main ul li{
        margin-left:6%
    }
    nav#side>ul>li>a{
        font-size:1.125rem;
        margin-bottom:5px
    }
    nav#side>ul>li .sub-menu{
        margin-bottom:30px
    }
    nav#side>ul>li .sub-menu li{
        margin-bottom:8px
    }
    nav#side>ul>li .sub-menu li:last-child{
        margin-bottom:0
    }
    nav#side>ul>li .sub-menu a{
        font-size:1.5rem
    }
    nav#side>ul>li .sub-menu a:before{
        background-color:#fff;
        border-radius:100px;
        content:"";
        height:4px;
        left:0px;
        margin-top:-3px;
        position:absolute;
        transition:width 0.3s ease;
        top:50%;
        width:0px
    }
    nav#side>ul>li .sub-menu a:hover{
        padding-left:45px
    }
    nav#side>ul>li .sub-menu a:hover:before{
        width:24px
    }
    nav#side.open{
        right:0
    }
}
@media only screen and (max-width: 960px){
    nav#main{
        font-size:1rem
    }
    nav#side a.btn{
        color:#fff;
        display:inline-block
    }
    #nav-wrapper .btn{
        display:none
    }
}
@media only screen and (max-width: 767px){
    nav#main{
        display:none
    }
    nav#side{
        padding:85px 40px 80px 30px;
        right:-88.888%;
        transition-delay:0.7s;
        width:88.888%;
        z-index:7
    }
    nav#side #desktop-close{
        display:none
    }
    nav#side a{
        display:block !important
    }
    nav#side>a{
        left:-115%;
        position:relative;
        transition:left 0.6s cubic-bezier(0.4, 0, 0.2, 1) 0.16s
    }
    nav#side .back,nav#side .heading{
        display:block
    }
    nav#side .heading{
        font-family:"DinotMedium";
        font-size:1.5rem;
        letter-spacing:-0.75px;
        margin-bottom:22px !important
    }
    nav#side .back{
        background-image:url(../img/icon-chevron-left-grey.png);
        background-position:left center;
        background-repeat:no-repeat;
        background-size:17px;
        cursor:pointer;
        font-family:"DinotMedium";
        font-size:1.5rem;
        letter-spacing:-0.75px;
        margin-bottom:35px !important;
        padding-left:40px
    }
    nav#side>ul{
        padding-bottom:30px;
        padding-top:30px
    }
    nav#side>ul>li{
        margin-bottom:18px;
        left:-115%;
        position:relative;
        transition:left 0.6s cubic-bezier(0.4, 0, 0.2, 1)
    }
    nav#side>ul>li:nth-child(1){
        transition-delay:0.4s
    }
    nav#side>ul>li:nth-child(2){
        transition-delay:0.36s
    }
    nav#side>ul>li:nth-child(3){
        transition-delay:0.32s
    }
    nav#side>ul>li:nth-child(4){
        transition-delay:0.28s
    }
    nav#side>ul>li:nth-child(5){
        transition-delay:0.24s
    }
    nav#side>ul>li:nth-child(6){
        transition-delay:0.2s
    }
    nav#side>ul>li:nth-child(7){
        transition-delay:0.16s
    }
    nav#side>ul>li>a{
        background-image:url(../img/icon-chevron-right-grey.png);
        background-position:right center;
        background-repeat:no-repeat;
        background-size:9px 14px;
        font-size:1.5rem;
        letter-spacing:-0.75px;
        pointer-events:auto
    }
    nav#side>ul>li.mobile-only{
        display:block;
        margin-bottom:30px
    }
    nav#side>ul>li.mobile-only a{
        background-image:url(../img/icon-chevron-right.png);
        background-position:right center;
        background-repeat:no-repeat;
        background-size:11px 20px;
        color:#fff;
        font-size:2.125rem;
        letter-spacing:-0.85px;
        line-height:2.25rem;
        margin-bottom:0
    }
    nav#side>ul>li.mobile-only.mobile-last{
        margin-bottom:50px
    }
    nav#side>ul>li .sub-menu{
        background-color:#fff;
        height:100vh;
        padding-left:40px;
        padding-right:30px;
        padding-top:30px;
        position:fixed;
        right:-68%;
        top:0px;
        transition:right 0.6s ease;
        width:68%;
        z-index:1000
    }
    nav#side>ul>li .sub-menu li{
        margin-bottom:18px
    }
    nav#side>ul>li .sub-menu li a{
        display:block
    }
    nav#side>ul>li .sub-menu a{
        background-image:none;
        color:#FF6C2F;
        font-size:1.875rem;
        letter-spacing:-0.94px;
        line-height:2.4375rem
    }
    nav#side>ul>li .sub-menu.show{
        right:0
    }
    nav#side>ul>li:last-child{
        margin-bottom:0
    }
    nav#side .btn{
        background-position:calc(100% - 20px) center;
        color:#fff;
        font-size:1.5rem;
        padding-left:34px
    }
    nav#side.open{
        transition-delay:0s
    }
    nav#side.open>a{
        transition-delay:0.44s
    }
    nav#side.open>ul>li:nth-child(1){
        transition-delay:0.2s
    }
    nav#side.open>ul>li:nth-child(2){
        transition-delay:0.24s
    }
    nav#side.open>ul>li:nth-child(3){
        transition-delay:0.28s
    }
    nav#side.open>ul>li:nth-child(4){
        transition-delay:0.32s
    }
    nav#side.open>ul>li:nth-child(5){
        transition-delay:0.36s
    }
    nav#side.open>ul>li:nth-child(6){
        transition-delay:0.4s
    }
    nav#side.open>ul>li:nth-child(7){
        transition-delay:0.44s
    }
}
form,.form{
    width:100%
}
form li.label-anim,.form li.label-anim{
    position:relative
}
form li.label-anim label,.form li.label-anim label{
    display:block;
    font-size:1.375rem;
    pointer-events:none;
    position:absolute;
    text-align:left;
    top:16px;
    transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    width:calc(100% - 36px)
}
form li.label-anim.aqua:after,.form li.label-anim.aqua:after{
    background-color:#5FC0B1
}
form li.label-anim:after,.form li.label-anim:after{
    background-color:#FF6C2F;
    bottom:1px;
    content:"";
    height:2px;
    left:45%;
    position:absolute;
    transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    visibility:hidden;
    width:10px
}
form li.label-anim.is-focused label,.form li.label-anim.is-focused label{
    font-size:.875rem;
    left:0;
    top:-13px
}
form li.label-anim.is-focused:after,.form li.label-anim.is-focused:after{
    left:0px;
    visibility:visible;
    width:100%
}
form li:before,.form li:before{
    display:none
}
form label,.form label{
    display:none
}
form input[type=text],form input[type=email],form textarea,.form input[type=text],.form input[type=email],.form textarea
{
    -webkit-appearance:none;
    background-color:#fff;
    border:none;
    border-radius:0px;
    color:#000;
    font-size:1.125rem;
    padding:0 20px;
    width:100%
}
form select
{
    color:#000;
    font-size:1.375rem;
    padding:0 20px;
    border-radius:0px;
	border:2px solid rgba(216,216,216,0.55);
	padding-left: 36px;
	margin-bottom: 35px;
	height:45px;
    width:100%;
}
#expert .select.label-anim label
{
	opacity:0;
}
#expert .select.label-anim.is-focused label
{
	opacity:1;
}

form input[type=text]::-webkit-input-placeholder,form input[type=email]::-webkit-input-placeholder,form textarea::-webkit-input-placeholder,.form input[type=text]::-webkit-input-placeholder,.form input[type=email]::-webkit-input-placeholder,.form textarea::-webkit-input-placeholder{
    color:#000;
    opacity:1
}
form input[type=text]:-moz-placeholder,form input[type=email]:-moz-placeholder,form textarea:-moz-placeholder,.form input[type=text]:-moz-placeholder,.form input[type=email]:-moz-placeholder,.form textarea:-moz-placeholder{
    color:#000;
    opacity:1
}
form input[type=text]::-moz-placeholder,form input[type=email]::-moz-placeholder,form textarea::-moz-placeholder,.form input[type=text]::-moz-placeholder,.form input[type=email]::-moz-placeholder,.form textarea::-moz-placeholder{
    color:#000;
    opacity:1
}
form input[type=text]:-ms-input-placeholder,form input[type=email]:-ms-input-placeholder,form textarea:-ms-input-placeholder,.form input[type=text]:-ms-input-placeholder,.form input[type=email]:-ms-input-placeholder,.form textarea:-ms-input-placeholder{
    color:#000;
    opacity:1
}
form input[type=text]:placeholder-shown,form input[type=email]:placeholder-shown,form textarea:placeholder-shown,.form input[type=text]:placeholder-shown,.form input[type=email]:placeholder-shown,.form textarea:placeholder-shown{
    color:#000;
    opacity:1
}
form input[type=text],form input[type=email],
.form input[type=text],.form input[type=email]
{
    background-color:transparent;
    border:none;
    color:#fff;
    height:45px;
    margin-bottom:22px
}
form .check-norm,.form .check-norm{
    max-width:545px !important;
    padding-bottom:45px;
    padding-left:0 !important;
    width:100% !important
}
form .check-norm>label,.form .check-norm>label{
    display:none !important
}
form .check-norm li,.form .check-norm li{
    padding-left:0 !important
}
form .check-norm input,.form .check-norm input{
    display:none
}
form .check-norm input:checked+label:after,.form .check-norm input:checked+label:after{
    background-image:url(../img/tick-orange.svg)
}
form .check-norm label,.form .check-norm label{
    font-size:1rem !important;
    line-height:1.5rem !important;
    padding-left:43px !important;
    position:relative
}
form .check-norm label:before,.form .check-norm label:before{
    border:1px solid #D8D8D8;
    border-radius:4px;
    content:"";
    height:24px;
    left:0;
    position:absolute;
    top:3px;
    width:24px
}
form .check-norm label:after,.form .check-norm label:after{
    background-repeat:no-repeat;
    content:"";
    height:24px;
    left:4px;
    pointer-events:none;
    position:absolute;
    top:9px;
    width:30px;
    z-index:2
}
form textarea,.form textarea{
    background-color:transparent;
    border:none;
    color:#fff;
    height:45px;
    margin-bottom:22px;
    padding-top:10px;
    resize:none
}
.ginput_container.ginput_container_textarea>textarea{
    color:black;
}

#contact .ginput_container.ginput_container_textarea>textarea{
    color:#fff;
}
form input[type=submit],.form input[type=submit]{
    color:#fff;
    display:inline-block;
    line-height:42px;
    margin-top:50px
}
form .validation_message,form .validation_error,.form .validation_message,.form .validation_error{
    color:#fff;
    line-height:18px;
    margin-bottom:20px;
    text-align:center
}
body img.gform_ajax_spinner{
    display:none !important
}
.gform_confirmation_message{
    color:#fff
}
@media only screen and (max-width: 767px){
    form input[type=text],form input[type=email]{
        height:50px;
        margin-bottom:15px
    }
    form input[type=text],form input[type=email],form textarea{
        font-size:1rem;
        padding-left:10px
    }
    form textarea{
        height:45px
    }
    form input[type=submit]{
        line-height:32px;
        margin-top:50px
    }
    form .validation_message,form .validation_error{
        margin-bottom:15px
    }
}
.cols.align-right .col{
    text-align:left
}
.col{
    display:inline-block;
    vertical-align:top
}
.col.col-3{
    padding-right:3%;
    width:25%
}
.col.col-4{
    padding-right:3%;
    width:33.333%
}
.col.col-6{
    padding-right:3%;
    width:50%
}
.col.col-6.align-right{
    float:right;
    padding-right:0
}
.col.col-6.align-right+.col{
    padding-right:3%
}
@media only screen and (max-width: 767px){
    .mobile-carousel .slick-slide{
        padding-right:5%;
        transition:opacity 0.3s ease
    }
    .mobile-carousel .slick-slide:not(.slick-current){
        opacity:0.5
    }
    .col.col-4{
        display:block;
        padding-right:0;
        width:100%
    }
    .col.col-6{
        display:block;
        padding-right:0;
        width:100%
    }
    .col.col-6.align-right{
        float:none
    }
    .col.col-6.align-right+.col{
        padding-right:0
    }
}
.cp-form{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    background-color:#FF6C2F;
    position:relative
}
.cp-form h3{
    margin-bottom:8px
}
.cp-form h5{
    margin-bottom:15px
}
.cp-form #cp-form__progress{
    background-color:rgba(6,8,19,0.05);
    border-radius:44px;
    height:6px;
    margin-bottom:55px;
    max-width:272px;
    width:100%
}
.cp-form #cp-form__progress .cp-form__progress-inner{
    background-color:#fff;
    border-radius:44px;
    height:6px
}
.cp-form #cp-form__progress .cp-form__progress-inner#cp-form__progress_1{
    width:20%
}
.cp-form #cp-form__progress .cp-form__progress-inner#cp-form__progress_2{
    width:40%
}
.cp-form #cp-form__progress .cp-form__progress-inner#cp-form__progress_3{
    width:60%
}
.cp-form #cp-form__progress .cp-form__progress-inner#cp-form__progress_4{
    background-color:#FF6C2F;
    width:80%
}
.cp-form .num-wrap{
    border-bottom:2px solid rgba(255,255,255,0.2);
    max-width:367px;
    margin-top:60px;
    position:relative
}
.cp-form .num-wrap #cp-form__controls{
    padding-top:7px;
    position:absolute;
    right:0;
    top:0
}
.cp-form .num-wrap #cp-form__controls>div{
    background-color:#fff;
    border-radius:53px;
    cursor:pointer;
    height:53px;
    margin-bottom:9px;
    padding-top:15px;
    position:relative;
    text-align:center;
    width:53px
}
.cp-form .num-wrap #cp-form__controls>div svg{
    display:inline-block
}
.cp-form .num-wrap #cp-form__controls>div:first-child svg{
    height:23px;
    width:23px
}
.cp-form .num-wrap #cp-form__controls>div:last-child{
    margin-bottom:0;
    padding-top:13px
}
.cp-form .num-wrap #cp-form__controls>div:last-child svg{
    height:6px;
    width:20px
}
.cp-form .step-error{
    display:none;
    padding-top:10px
}
.cp-form .check-wrap{
    padding-top:80px
}
.cp-form .check-wrap .check{
    display:inline-block;
    margin-bottom:25px;
    width:48%;
    width:calc(50% - 12.5px)
}
.cp-form .check-wrap .check input{
    display:none
}
.cp-form .check-wrap .check input:checked+label{
    background-color:#fff;
    color:#FF6C2F
}
.cp-form .check-wrap .check input:checked+label:before{
    background-image:url(../img/tick.svg);
    background-position:center;
    background-repeat:no-repeat
}
.cp-form .check-wrap .check label{
    background-color:#FF6C2F;
    border:1px solid #fff;
    border-radius:10px;
    color:#fff;
    cursor:pointer;
    display:block;
    font-family:"DinotMedium";
    font-size:2.25rem;
    line-height:4.8125rem;
    padding-left:85px;
    position:relative;
    transition:all 0.3s ease;
    height:72px
}
.cp-form .check-wrap .check label:before{
    background-color:#FF6C2F;
    border:1px solid #fff;
    border-radius:40px;
    content:"";
    height:40px;
    left:19px;
    position:absolute;
    top:16px;
    width:40px
}
.cp-form .check-wrap .check:nth-child(2n+1){
    margin-right:25px
}
.cp-form .check-wrap.is-e1 .check:nth-child(2) label,.cp-form .check-wrap.is-e1 .check:nth-child(3) label,.cp-form .check-wrap.is-e1 .check:nth-child(4) label{
    border-color:#B66036;
    color:#B66036
}
.cp-form .check-wrap.is-e1 .check:nth-child(2) label:before,.cp-form .check-wrap.is-e1 .check:nth-child(3) label:before,.cp-form .check-wrap.is-e1 .check:nth-child(4) label:before{
    border-color:#B66036
}
.cp-form .select-wrap{
    margin-top:60px;
    max-width:640px;
    position:relative
}
.cp-form .select-wrap:after{
    background-image:url(../img/icon-chevron-down-orange.png);
    background-size:cover;
    content:"";
    display:block;
    height:18px;
    margin-top:-9px;
    pointer-events:none;
    position:absolute;
    right:34px;
    top:50%;
    width:33px
}
.cp-form select{
    -webkit-appearance:none;
    -webkit-border-radius:0px;
    background-color:#fff;
    border:none;
    border-radius:10px;
    color:#FF6C2F;
    display:block;
    font-family:"DinotMedium";
    font-size:2.25rem;
    letter-spacing:-1.12px;
    height:96px;
    padding-left:43px;
    width:100%
}
.cp-form input[type=number]{
    -moz-appearance:textfield;
    background-color:transparent;
    border:none;
    color:#fff;
    font-size:142px;
    height:140px;
    letter-spacing:-1.87px;
    text-align:center;
    width:320px
}
.cp-form input[type=number]::-webkit-inner-spin-button,.cp-form input[type=number]::-webkit-outer-spin-button{
    -webkit-appearance:none;
    margin:0
}
.cp-form input[type=number]::-webkit-input-placeholder{
    color:#fff;
    opacity:1
}
.cp-form input[type=number]:-moz-placeholder{
    color:#fff;
    opacity:1
}
.cp-form input[type=number]::-moz-placeholder{
    color:#fff;
    opacity:1
}
.cp-form input[type=number]:-ms-input-placeholder{
    color:#fff;
    opacity:1
}
.cp-form input[type=number]:placeholder-shown{
    color:#fff;
    opacity:1
}
.cp-form input[type=number]::selection,.cp-form input[type=number]::-moz-selection{
    background-color:#FF6C2F
}
.cp-form input[type=submit],.cp-form .btn{
    background-position:calc(100% - 90px) center;
    background-size:13px;
    line-height:90px;
    margin-top:75px;
    padding-left:0;
    text-align:center;
    text-indent:-12px
}
.cp-form input[type=submit]{
    background-position:calc(100% - 50px) center;
    max-width:100%;
    padding:0;
    width:345px
}
.cp-form#cp-step-1{
    background-color:transparent;
    padding-bottom:185px;
    padding-top:110px;
    position:relative
}
.cp-form#cp-step-1 img{
    max-width:520px;
    position:absolute;
    right:125px;
    top:135px
}
.cp-form#cp-step-1 input[type=submit],.cp-form#cp-step-1 .btn{
    margin-top:45px
}
.cp-form#cp-step-2{
    padding-bottom:190px;
    padding-top:110px
}
.cp-form#cp-step-2 img{
    max-width:447px;
    position:absolute;
    right:270px;
    bottom:285px
}
.cp-form#cp-step-3{
    padding-bottom:190px;
    padding-top:110px
}
.cp-form#cp-step-3 img{
    max-width:970px;
    position:absolute;
    right:180px;
    bottom:160px
}
.cp-form#cp-step-4{
    padding-bottom:190px;
    padding-top:110px
}
.cp-form#cp-step-4 form{
    padding-top:33px
}
.cp-form#cp-step-4 form label{
    color:#353438
}
.cp-form#cp-step-4 form label i{
    color:#FF6C2F
}
.cp-form#cp-step-4 form input[type=text],.cp-form#cp-step-4 form input[type=email],.cp-form#cp-step-4 form input[type=tel]{
    color:#353438
}
.cp-form#cp-step-4 form input[type=text]::-webkit-input-placeholder,.cp-form#cp-step-4 form input[type=email]::-webkit-input-placeholder,.cp-form#cp-step-4 form input[type=tel]::-webkit-input-placeholder{
    color:#353438
}
.cp-form#cp-step-4 form input[type=text]:-moz-placeholder,.cp-form#cp-step-4 form input[type=email]:-moz-placeholder,.cp-form#cp-step-4 form input[type=tel]:-moz-placeholder{
    color:#353438
}
.cp-form#cp-step-4 form input[type=text]::-moz-placeholder,.cp-form#cp-step-4 form input[type=email]::-moz-placeholder,.cp-form#cp-step-4 form input[type=tel]::-moz-placeholder{
    color:#353438
}
.cp-form#cp-step-4 form input[type=text]:-ms-input-placeholder,.cp-form#cp-step-4 form input[type=email]:-ms-input-placeholder,.cp-form#cp-step-4 form input[type=tel]:-ms-input-placeholder{
    color:#353438
}
.cp-form#cp-step-4 form input[type=text]:placeholder-shown,.cp-form#cp-step-4 form input[type=email]:placeholder-shown,.cp-form#cp-step-4 form input[type=tel]:placeholder-shown{
    color:#353438
}
.cp-form#cp-step-4 form .ginput_container_radio label{
    background-color:rgba(216,216,216,0.23)
}
.cp-form#cp-step-4 form .ginput_container_radio input:checked+label{
    background-color:#FF6C2F;
    color:#fff
}
.cp-form#cp-step-4 form .ginput_container_radio input:checked+label i{
    color:#fff
}
.cp-form#cp-step-4 .btn{
    margin-top:60px !important
}
.cp-form.hide{
    display:none
}
footer #cp-step-1{
    padding-bottom:100px;
    padding-top:130px
}
.page-template-template-homepage #cp-step-1{
    background-color:transparent;
    margin-top:-300px;
    padding-bottom:200px;
    padding-top:185px;
    position:relative
}
.page-template-template-homepage #cp-step-1 img{
    max-width:447px;
    right:95px;
    top:175px
}
.page-template-template-homepage #cp-step-1:before{
    background-color:#FF6C2F;
    content:"";
    height:100%;
    left:50px;
    position:absolute;
    top:0px;
    width:100%
}
.page-template-template-homepage #cp-step-2{
    padding-bottom:175px;
    padding-top:170px
}
.page-template-template-homepage #cp-step-2 img{
    right:150px;
    bottom:245px
}
#wrap-inner.create{
    padding-top:255px
}
.page-template-template-create-plan .cp-form{
    background-color:transparent;
    min-height:1135px
}
.page-template-template-create-plan .cp-form:before{
    background-color:#FF6C2F;
    content:"";
    height:100%;
    left:0px;
    position:absolute;
    top:0px;
    width:calc(100% - 60px)
}
.page-template-template-create-plan .cp-form#cp-step-4:before{
    background-color:#fff
}
.page-template-template-create-plan .cp-form .btn{
    margin-top:80px !important
}
.page-template-template-create-plan footer,.page-template-template-create-plan #footer-bottom-fixed{
    display:none
}
#create-plan-bottom{
    padding-bottom:130px;
    padding-top:230px
}
#cp-finish{
    padding-top:85px
}
#cp-finish h3{
    margin-bottom:55px;
    padding-left:24px
}
#cp-finish #cp-product,#cp-finish #cp-boxes{
    display:inline-block;
    vertical-align:top
}
#cp-finish #cp-product{
    background-color:#353438;
    padding:0 5.7%;
    padding-bottom:110px;
    padding-top:60px;
    width:54.2%
}
#cp-finish #cp-product img{
    margin-bottom:40px;
    max-width:170px
}
#cp-finish #cp-product h2{
    margin-bottom:15px
}
#cp-finish #cp-product #cp-product-list{
    padding-top:45px
}
#cp-finish #cp-product #cp-product-list .cp-product-el{
    margin-bottom:25px;
    padding-left:60px;
    padding-top:5px;
    position:relative
}
#cp-finish #cp-product #cp-product-list .cp-product-el i{
    color:#FF6C2F;
    font-size:2.625rem;
    left:0;
    position:absolute;
    top:0
}
#cp-finish #cp-product #cp-product-list .cp-product-el:last-child{
    margin-bottom:0
}
#cp-finish #cp-boxes{
    padding-left:4%;
    width:45.8%
}
#cp-finish #cp-boxes .cp-box{
    background-color:#fff;
    color:#353438;
    margin-bottom:22px;
    padding:30px;
    padding-left:14%;
    position:relative
}
#cp-finish #cp-boxes .cp-box h5{
    line-height:1.625rem;
    margin-bottom:0
}
#cp-finish #cp-boxes .cp-box:before{
    background-color:#FF6C2F;
    background-image:url(../img/plus-white.svg);
    background-position:center;
    background-repeat:no-repeat;
    background-size:23px;
    border-radius:52px;
    content:"";
    height:52px;
    left:-26px;
    margin-top:-26px;
    position:absolute;
    top:50%;
    width:52px
}
#cp-finish #cp-boxes .cp-box:last-child{
    margin-bottom:0
}
@media only screen and (max-width: 1440px){
    .cp-form#cp-step-1 img{
        max-width:400px
    }
}
@media only screen and (max-width: 1280px){
    .page-template-template-homepage #cp-step-1{
        padding-bottom:100px;
        padding-top:100px
    }
    .page-template-template-homepage #cp-step-2{
        padding-bottom:100px;
        padding-top:100px
    }
    .cp-form input[type=submit]{
        background-position:calc(100% - 45px) center;
        line-height:72px
    }
    .cp-form a.btn{
        background-position:calc(100% - 45px) center;
        line-height:72px
    }
    .cp-form .check-wrap .check label{
        font-size:1.5rem
    }
    .cp-form#cp-step-1 img{
        max-width:350px !important;
        right:50px !important
    }
    .cp-form#cp-step-2 img{
        bottom:180px;
        right:50px;
        max-width:390px
    }
    .cp-form#cp-step-3 img{
        bottom:100px;
        right:20px;
        max-width:700px
    }
    #cp-finish{
        padding-top:0px
    }
    .page-template-template-create-plan .cp-form{
        min-height:initial
    }
    .page-template-template-create-plan .cp-form:before{
        width:calc(100% - 20px)
    }
    .page-template-template-create-plan .cp-form .container{
        padding-right:60px
    }
    .page-template-template-create-plan .cp-form .btn{
        margin-top:40px !important
    }
}
@media only screen and (max-width: 960px){
    .page-template-template-homepage #cp-step-1{
        margin-top:-150px
    }
    .page-template-template-homepage #cp-step-1:before{
        left:20px
    }
    .cp-form#cp-step-1,.cp-form#cp-step-2,.cp-form#cp-step-3{
        padding-top:25px
    }
    .cp-form#cp-step-1 img,.cp-form#cp-step-2 img,.cp-form#cp-step-3 img{
        left:0px;
        margin:0 auto;
        margin-bottom:20px;
        max-width:400px !important;
        position:relative;
        top:0px !important;
        z-index:2
    }
}
@media only screen and (max-width: 767px){
    .page-template-template-homepage #cp-step-1{
        margin-top:0px
    }
    .page-template-template-homepage #cp-step-2{
        margin-top:130px;
        padding-bottom:80px
    }
    .cp-form h3 br{
        display:none
    }
    .cp-form h5{
        margin-bottom:10px
    }
    .cp-form select{
        font-size:1.5rem;
        height:60px;
        padding-left:20px
    }
    .cp-form .select-wrap:after{
        height:12px;
        margin-top:-6px;
        right:20px;
        width:22px
    }
    .cp-form .check-wrap{
        padding-top:47px
    }
    .cp-form .check-wrap .check{
        margin-bottom:12px;
        width:100%
    }
    .cp-form .check-wrap .check label{
        height:auto;
        line-height:24px;
        padding:10px 0;
        padding-top:13px;
        padding-left:55px
    }
    .cp-form .check-wrap .check label:before{
        height:31px;
        left:11px;
        margin-top:-15.5px;
        top:50%;
        width:31px
    }
    .cp-form .check-wrap .check:nth-child(2n+1){
        margin-right:0px
    }
    .cp-form .num-wrap{
        margin-top:35px;
        width:calc(100% + 20px)
    }
    .cp-form .num-wrap #cp-form__controls{
        right:107px;
        top:7px
    }
    .cp-form .num-wrap #cp-form__controls>div{
        height:47px;
        left:0;
        position:absolute;
        top:0;
        width:47px
    }
    .cp-form .num-wrap #cp-form__controls #cp-form__plus{
        left:57px;
        padding-top:12px
    }
    .cp-form input[type=number]{
        font-size:5rem;
        height:100px;
        padding-right:125px;
        text-align:left;
        width:100%
    }
    .cp-form input[type=submit],.cp-form a.btn{
        line-height:60px;
        margin-top:45px
    }
    .cp-form #cp-form__progress{
        margin-bottom:30px
    }
    .cp-form#cp-step-1 img,.cp-form#cp-step-2 img,.cp-form#cp-step-3 img{
        max-width:200px !important
    }
    .cp-form#cp-step-1{
        padding-bottom:48px
    }
    .cp-form#cp-step-3 img{
        max-width:60% !important
    }
    .cp-form#cp-step-4 .btn{
        margin-top:40px !important
    }
    #create-plan-bottom{
        padding-bottom:65px;
        padding-top:50px
    }
    #wrap-inner.create{
        padding-top:110px
    }
    #cp-finish{
        padding-top:30px
    }
    #cp-finish h3{
        margin-bottom:25px;
        padding-left:0
    }
    #cp-finish #cp-product,#cp-finish #cp-boxes{
        display:block;
        width:100%
    }
    #cp-finish #cp-product{
        margin-bottom:40px;
        padding-left:20px;
        padding-right:20px
    }
    #cp-finish #cp-boxes{
        padding-left:0
    }
}
.subscribe-wrap{
    padding-top:70px;
    text-align:right
}
.subscribe-wrap .subscribe{
    display:inline-block;
    min-width:486px
}
.subscribe-wrap .subscribe h5{
    margin-bottom:20px;
    text-align:left
}
.subscribe-wrap .subscribe form{
    max-width:380px
}
.subscribe-wrap .subscribe form:after{
    content:"";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0
}

.subscribe-wrap .subscribe form .gform_footer
{
	width: 100%;
	float: none;
	height: 50px;
	position: relative;
	top: -56px;
	left: 18px;
}

.subscribe-wrap .subscribe form .gform_body{
	float:left;
    width:91.6%
}
.subscribe-wrap .subscribe form .gform_body input{
    background-color:transparent;
    border:none;
    border-bottom:2px solid rgba(255,255,255,0.2);
    color:#fff;
    font-size:1.375rem;
    height:54px;
    margin-bottom:0;
    padding-left:0;
    padding-top:10px
}
.subscribe-wrap .subscribe form .gform_body input::-webkit-input-placeholder{
    color:#fff;
    opacity:1
}
.subscribe-wrap .subscribe form .gform_body input:-moz-placeholder{
    color:#fff;
    opacity:1
}
.subscribe-wrap .subscribe form .gform_body input::-moz-placeholder{
    color:#fff;
    opacity:1
}
.subscribe-wrap .subscribe form .gform_body input:-ms-input-placeholder{
    color:#fff;
    opacity:1
}
.subscribe-wrap .subscribe form .gform_body input:placeholder-shown{
    color:#fff;
    opacity:1
}
.subscribe-wrap .subscribe form .gform_body input:-webkit-autofill{
    -webkit-animation-name:autofill;
    -webkit-animation-fill-mode:both
}
.subscribe-wrap .subscribe form .gform_body li{
    padding-left:0px !important
}

.subscribe-wrap .subscribe form .gform_footer input{
    background-color:#5FC0B1;
    background-image:url(../img/icon-chevron-right.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:12px;
    border:none;
    border-radius:0px 30px 30px 0px;
    height:54px;
    margin-top:0;
    text-indent:-9999px;
    transition:all 0.3s ease;
    width:50px;
    float:right;
}
.subscribe-wrap .subscribe form .gform_footer input:hover{
    background-color:rgba(95,192,177,0.7)
}
.subscribe-wrap.left{
    padding-top:28px;
    text-align:left
}
.subscribe-wrap.left .subscribe{
    min-width:100%
}
@-webkit-keyframes autofill{
    to{
        color:#fff;
        background:transparent
    }
}
@media only screen and (max-width: 1280px){
    .subscribe-wrap .subscribe{
        min-width:381px
    }
    .subscribe-wrap .subscribe form{
        max-width:360px
    }
    .subscribe-wrap .subscribe form .gform_footer input{
        background-size:30%;
        width:42px
    }
}
@media only screen and (max-width: 960px){
    .subscribe-wrap{
        text-align:left
    }
    .subscribe-wrap .subscribe form{
        max-width:300px
    }
}
@media only screen and (max-width: 767px){
    .subscribe-wrap .subscribe h5{
        margin-bottom:10px
    }
    .subscribe-wrap .subscribe form{
        max-width:360px
    }
    .subscribe-wrap .subscribe form .gform_footer input{
        background-size:30%;
        width:42px;
        float:right;
    }
    .subscribe-wrap.left{
        padding-top:5px
    }
}
.spot-price{
    background-color:#5FC0B1;
    border-radius:3px;
    color:#fff;
    display:inline-block;
    margin-top:10px;
    min-width:486px;
    padding:50px;
    padding-bottom:33px;
    padding-right:130px;
    text-align:left
}
.spot-price h5{
    margin-bottom:3px
}
.spot-price.small{
    padding-right:72px
}
.spot-price.tp{
    background-color:transparent;
    margin-top:-30px;
    padding:0px;
    padding-right:80px
}
.spot-price.tp h2{
    color:#FF6C2F
}
@media only screen and (max-width: 1280px){
    .spot-price{
        min-width:381px;
        padding-right:72px
    }
}
@media only screen and (max-width: 960px){
    .spot-price{
        min-width:initial;
        width:100%;
        padding:25px;
        padding-bottom:40px
    }
    .spot-price.small{
        padding-right:25px
    }
}
@media only screen and (max-width: 767px){
    .spot-price{
        padding:30px 20px;
        width:100%
    }
    .spot-price h2{
        font-size:2.6875rem;
        line-height:2.6875rem
    }
    .spot-price.small{
        margin-bottom:35px;
        padding-right:20px
    }
}
section.nmt{
    margin-top:-55px
}
section#live-market{
    height:600px
}
section#live-market.small{
    height:205px;
    max-width:1075px
}
section#live-market.primary{
    height:200px
}
section#live-market-hero{
    background-position:top center;
    background-size:cover;
    padding-bottom:640px;
    padding-top:250px;
    position:relative
}
section#live-market-hero h3{
    margin-bottom:8px
}
section#live-market-hero .no-state{
    margin-bottom:35px
}
section#live-market-hero select{
    -moz-appearance:none;
    -webkit-appearance:none;
    background-color:transparent;
    border:none;
    font-family:"DinotLight";
    font-size:1.25rem;
    height:72px;
    padding:0;
    width:100%
}
section#live-market-hero select.hide{
    left:0px;
    opacity:0;
    position:absolute;
    top:0px
}
section#live-market-hero .select-wrap{
    display:inline-block;
    margin-left:13px;
    padding-left:10px;
    padding-right:65px;
    position:relative
}
section#live-market-hero .select-wrap .current{
    font-family:"DinotLight"
}
section#live-market-hero .select-wrap:before{
    background-color:rgba(255,255,255,0.2);
    bottom:4px;
    content:"";
    height:2px;
    left:0px;
    position:absolute;
    width:100%
}
section#live-market-hero .select-wrap:after{
    background-image:url(../img/icon-chevron-down-white.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:12px 8px;
    content:"";
    border:1px solid #fff;
    border-radius:29px;
    height:29px;
    margin-top:-14.5px;
    pointer-events:none;
    position:absolute;
    right:5px;
    top:50%;
    width:29px
}
section#live-market-hero .highcharts-label .tooltip-value{
    color:#353438;
    font-family:"DinotLight";
    font-size:1rem
}
section#live-market-hero .highcharts-label .tooltip-date{
    color:#353438;
    font-family:"DinotMedium";
    font-size:.75rem
}
section#live-market-hero .spot-price{
    padding-right:88px
}
section#live-market-hero #live-market-toggle #live-market-toggle-header{
    border-bottom:1px solid rgba(255,255,255,0.2);
    font-family:"DinotMedium";
    font-size:1.75rem;
    padding-bottom:9px;
    padding-left:20px;
    padding-top:5px
}
section#live-market-hero #live-market-toggle #live-market-toggle-options{
    padding-left:20px
}
section#live-market-hero #live-market-toggle #live-market-toggle-options .opt{
    border-top:6px solid transparent;
    display:inline-block;
    padding:0 35px;
    padding-top:24px;
    position:relative;
    vertical-align:top
}
section#live-market-hero #live-market-toggle #live-market-toggle-options .opt h6{
    cursor:pointer
}
section#live-market-hero #live-market-toggle #live-market-toggle-options .opt i{
    margin-right:10px
}
section#live-market-hero #live-market-toggle #live-market-toggle-options .opt .blurb{
    display:none;
    position:absolute
}
section#live-market-hero #live-market-toggle #live-market-toggle-options .opt .blurb a{
    background-image:none;
    color:#5FC0B1;
    font-family:"DinotMedium"
}
section#live-market-hero #live-market-toggle #live-market-toggle-options .opt.active{
    border-top-color:#5FC0B1;
    color:#5FC0B1
}
section#live-market-hero #live-market-toggle #live-market-toggle-options .opt.active .blurb{
    color:#fff;
    display:block;
    margin-left:-35px;
    margin-top:45px;
    max-width:380px;
    width:380px
}
section#live-market-hero #live-market-toggle #live-market-toggle-options .opt:first-child{
    padding-left:0
}
section#live-market-hero #live-market-toggle #live-market-toggle-options .opt:last-child{
    margin-right:0
}
.lm-wrapper #live-market-header{
    margin-bottom:35px
}
.lm-wrapper section.save{
    margin-bottom:220px;
    margin-top:-375px
}
.lm-wrapper section.two-cols.has-featured{
    min-height:835px
}
.lm-wrapper section.two-cols-trends:last-child .article-wrapper{
    padding-bottom:25px !important
}
.lm-wrapper section.two-cols-trends:last-child .trends .article-wrapper .column{
    padding-top:0
}
.lm-wrapper section.two-cols-trends:last-child .trends .article-wrapper .column:last-child{
    padding-top:120px
}
@media only screen and (max-width: 1440px){
    section#live-market-hero #live-market-toggle #live-market-toggle-header{
        padding-left:5px
    }
    section#live-market-hero #live-market-toggle #live-market-toggle-options{
        margin-top:15px;
        padding-left:10px
    }
    section#live-market-hero #live-market-toggle #live-market-toggle-options .opt{
        border-top:none;
        display:block;
        padding:15px 0;
        position:relative;
        width:100%
    }
    section#live-market-hero #live-market-toggle #live-market-toggle-options .opt.active .blurb{
        left:335px;
        margin-left:0;
        margin-top:0;
        max-width:460px;
        top:15px;
        width:auto
    }
    section#live-market-hero #live-market-toggle #live-market-toggle-options .opt.active .blurb br{
        display:none
    }
    section#live-market-hero #live-market-toggle #live-market-toggle-options .opt.active:before{
        background-color:#5FC0B1;
        content:"";
        height:100%;
        left:-23px;
        position:absolute;
        top:0;
        width:6px
    }
}
@media only screen and (max-width: 1280px){
    section#live-market{
        height:450px
    }
    section#live-market-hero #live-market-toggle #live-market-toggle-header{
        padding-left:0
    }
    section#live-market-hero #live-market-toggle #live-market-toggle-options{
        padding-left:0
    }
    section#live-market-hero #live-market-toggle #live-market-toggle-options .opt{
        margin-right:25px
    }
    section#live-market-hero #live-market-toggle #live-market-toggle-options .opt i{
        margin-right:5px;
        position:relative;
        top:2px
    }
}
@media only screen and (max-width: 960px){
    section#live-market-hero .spot-price{
        padding-right:0;
        margin:30px 0
    }
}
@media only screen and (max-width: 767px){
    section.carousel-wrap .container{
        padding-right:0
    }
    section.carousel-wrap .slick-list{
        margin-left:-90px
    }
    section.carousel-wrap .progress-bar{
        background-color:rgba(255,255,255,0.3);
        border-radius:44px;
        height:6px;
        margin-top:40px;
        max-width:200px
    }
    section.carousel-wrap .progress-bar .progress-bar-inner{
        background-color:#fff;
        border-radius:44px;
        height:6px
    }
    section.carousel-wrap .progress-bar.orange{
        background-color:rgba(255,108,47,0.3)
    }
    section.carousel-wrap .progress-bar.orange .progress-bar-inner{
        background-color:#FF6C2F
    }
    section#live-market{
        height:185px;
        margin-top:20px
    }
    section#live-market-hero{
        padding-bottom:240px;
        padding-top:150px
    }
    section#live-market-hero select{
        height:29px
    }
    section#live-market-hero .select-wrap{
        margin-left:0;
        padding-left:0;
        padding-right:30px
    }
    section#live-market-hero .select-wrap:after{
        background-size:6px 4.5px;
        height:14px;
        margin-top:-9px;
        width:14px
    }
    section#live-market-hero #live-market-toggle #live-market-toggle-header{
        margin-bottom:15px
    }
    section#live-market-hero #live-market-toggle #live-market-toggle-options .opt{
        width:100%
    }
    section#live-market-hero #live-market-toggle #live-market-toggle-options .opt .blurb{
        padding-top:20px;
        position:static
    }
    section.nmt{
        margin-top:0
    }
    .lm-wrapper section.two-cols.has-featured{
        min-height:initial
    }
    .lm-wrapper section.two-cols-trends:last-child .trends .article-wrapper .column:last-child{
        padding-top:0
    }
    .lm-wrapper section.save{
        margin-bottom:100px;
        margin-top:-150px
    }
}
section.hero{
    background-position:top center;
    background-size:cover;
    padding-top:360px
}
section.hero h1 span.row{
    display:block;
    height:131px;
    overflow:hidden
}
section.hero h1 span.row span{
    position:relative;
    top:150px;
    transition:top 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94)
}
section.hero h1 span.row:first-child span{
    transition-delay:0.5s
}
section.hero h1 span.row:last-child{
    height:147px
}
section.hero h1 span.row:last-child span{
    transition-delay:0.65s
}
section.hero h1 strong:after{
    transition:width 2s ease 1.25s;
    width:0px
}
section.hero h1.show span.row span{
    top:0
}
section.hero h1.show strong:after{
    width:100%
}
section.hero.large{
    height:1440px;
    padding-top:470px;
    position:relative
}
section.hero.large .container{
    position:static
}
section.hero.large .hero-fore{
    background-position:top center;
    background-size:cover;
    height:100%;
    left:0;
    pointer-events:none;
    position:absolute;
    top:0px;
    width:100%;
    z-index:2
}
section.hero.large h1{
    margin-bottom:28px;
    padding-left:5px
}
section.hero.large .byline{
    margin-bottom:50px;
    position:relative;
    z-index:3
}
section.hero.small{
    padding-bottom:390px;
    padding-top:320px
}
section.hero.small h2{
    line-height:5rem
}
section.hero.small h3{
    margin-bottom:25px
}
body.ie section.hero h1 span.row:last-child{
    height:157px
}
@media only screen and (max-width: 1280px){
    section.hero{
        padding-top:285px
    }
    section.hero h1 span.row{
        height:88px
    }
    section.hero h1 span.row:last-child{
        height:97px
    }
    section.hero.large{
        height:1140px;
        padding-top:370px
    }
    section.hero.small h2{
        line-height:4rem
    }
    body.ie section.hero h1 span.row:last-child{
        height:107px
    }
}
@media only screen and (max-width: 960px){
    section.hero{
        padding-top:240px
    }
}
@media only screen and (max-width: 767px){
    section.hero{
        padding-top:165px
    }
    section.hero h1 span.row{
        display:inline;
        height:auto
    }
    section.hero h1 span.row span{
        top:0
    }
    section.hero h1 span.row:last-child{
        height:auto
    }
    section.hero.large{
        height:720px;
        padding-top:200px
    }
    section.hero.large .hero-fore{
        display:none
    }
    section.hero.large h1{
        margin-bottom:6px;
        padding-left:0
    }
    section.hero.large .byline{
        margin-bottom:15px
    }
    section.hero.large a{
        background-position-x:calc(100% - 22px);
        background-size:11px 20px !important;
        font-size:1.75rem;
        height:60px;
        line-height:60px;
        min-width:245px;
        max-width:245px
    }
    section.hero.small{
        padding-bottom:100px;
        padding-top:165px
    }
    section.hero.small h2{
        line-height:2.125rem
    }
}
section.left-right-columns{
    background-position:top center;
    background-size:cover;
    margin-top:-30px;
    padding-bottom:110px;
    padding-top:180px
}
section.left-right-columns h3{
    margin-bottom:20px
}
section.left-right-columns .row{
    margin-bottom:170px
}
section.left-right-columns .row .col-6 img{
    left:-150px;
    max-width:780px;
    position:relative
}
section.left-right-columns .row .col-6:last-child{
    padding-top:95px
}
section.left-right-columns .row.reverse:after{
    content:"";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0
}
section.left-right-columns .row.reverse .col-6:first-child{
    float:right;
    padding-top:20px
}
section.left-right-columns .row.reverse .col-6:first-child img{
    left:-50px;
    margin-left:0;
    max-width:780px
}
section.left-right-columns .row.reverse .col-6:last-child{
    padding-top:0
}
section.left-right-columns .row:last-child{
    margin-bottom:0
}
section.left-right-columns h3 strong{
    font-family:"DinotBold";
    position:relative
}
section.left-right-columns h3 strong:after{
    border-radius:100px;
    bottom:0px;
    content:"";
    display:none;
    background-color:#FF6C2F;
    height:8px;
    left:0px;
    position:absolute;
    width:100%
}
@media only screen and (max-width: 1280px){
    section.left-right-columns{
        padding-bottom:70px;
        padding-top:120px
    }
    section.left-right-columns h3 strong:after{
        height:5px
    }
    section.left-right-columns .row{
        margin-bottom:100px
    }
    section.left-right-columns .row .col-6 img{
        left:-50px;
        max-width:500px
    }
    section.left-right-columns .row .col-6:last-child{
        padding-top:55px
    }
    section.left-right-columns .row.reverse .col-6:first-child img{
        left:0;
        max-width:500px
    }
}
@media only screen and (max-width: 767px){
    section.left-right-columns{
        margin-top:0;
        padding-top:55px
    }
    section.left-right-columns h3{
        margin-bottom:12px
    }
    section.left-right-columns .row{
        margin-bottom:50px
    }
    section.left-right-columns .row .col-6 img{
        margin-bottom:35px;
        margin-left:-40px !important;
        max-width:calc(100% + 80px) !important
    }
    section.left-right-columns .row .col-6:last-child{
        padding-top:0
    }
    section.left-right-columns .row.reverse .col-6:first-child{
        float:none;
        padding-top:0
    }
    section.left-right-columns .row.reverse .col-6:first-child img{
        margin-left:-40px
    }
}
section.heading-multi-col{
    padding-bottom:130px;
    padding-top:160px
}
section.heading-multi-col .heading{
    max-width:730px
}
section.heading-multi-col .cols{
    padding-top:55px
}
section.heading-multi-col .cols i{
    color:#FF6C2F;
    font-size:42px
}
section.heading-multi-col .cols h5{
    margin-top:6px
}
section.heading-multi-col .cols .col-4{
    margin-bottom:65px
}
@media only screen and (max-width: 1280px){
    section.heading-multi-col{
        padding-bottom:103px;
        padding-top:125px
    }
    section.heading-multi-col .cols{
        padding-top:43px
    }
    section.heading-multi-col .cols .col-4{
        margin-bottom:50px
    }
}
@media only screen and (max-width: 767px){
    section.heading-multi-col{
        padding-bottom:60px;
        padding-top:45px
    }
    section.heading-multi-col .cols{
        padding-top:20px
    }
    section.heading-multi-col .cols h5{
        margin-top:0
    }
    section.heading-multi-col .cols i{
        font-size:34px
    }
    section.heading-multi-col .cols .col-4{
        margin-bottom:20px
    }
}
section.save{
    padding-bottom:145px;
    padding-top:160px;
    position:relative
}
section.save h3{
    margin-bottom:40px
}
section.save .col:last-child{
    padding-top:20px
}
section.save .subscribe-wrap.left{
    padding-top:15px
}
section.save .subscribe-wrap.left form .gform_body{
    width:85%
}
section.save .subscribe-wrap.left form .gform_footer input{
    background-color:#353438
}
section.save .container.img{
    position:static
}
section.save:before{
    background-color:#FF6C2F;
    content:"";
    height:100%;
    left:0px;
    position:absolute;
    top:0px;
    width:calc(100% - 60px)
}
section.save.small{
    overflow:hidden;
    padding:115px 0;
    padding-bottom:125px
}
section.save.small img{
    max-width:596px;
    position:absolute;
    right:-95px;
    top:50px
}
section.save.small .container>.left,section.save.small .container>.right{
    display:inline-block;
    vertical-align:top
}
section.save.small .container>.left{
    padding-right:5%;
    width:32.6%
}
section.save.small .container>.right{
    width:67.4%
}
section.save.small .container>.right .inner{
    max-width:600px
}
section.save.small:before{
    left:auto;
    right:0px;
    width:75%
}
@media only screen and (max-width: 1280px){
    section.save.small img{
        max-width:300px
    }
    section.save.small .container>.right{
        width:50%
    }
}
@media only screen and (max-width: 960px){
    section.save.small{
        padding:70px 0;
        padding-bottom:70px
    }
    section.save.small .container.img{
        position:relative
    }
    section.save.small .container.img img{
        margin:0 auto;
        margin-bottom:20px;
        position:static
    }
    section.save.small .container>.right{
        width:67.4%
    }
    section.save:not(.small){
        padding-bottom:80px;
        padding-top:80px
    }
    section.save:not(.small) .col-6{
        float:none;
        width:100%
    }
    section.save:not(.small) .col-6 img{
        margin:0 auto;
        max-width:400px
    }
    section.save:before{
        width:calc(100% - 20px)
    }
}
@media only screen and (max-width: 767px){
    section.save{
        padding-bottom:90px;
        padding-top:20px
    }
    section.save img{
        left:-12px;
        max-width:127px;
        position:relative
    }
    section.save:not(.small){
        padding:40px 0
    }
    section.save:not(.small) .col-6 img{
        left:-12px;
        margin-left:0px !important;
        margin-right:0px !important;
        max-width:127px
    }
    section.save .col:last-child{
        padding-top:12px
    }
    section.save h3{
        margin-bottom:25px
    }
    section.save h5{
        margin-bottom:0
    }
    section.save.small{
        padding-bottom:90px;
        padding-top:20px
    }
    section.save.small img{
        left:28px;
        max-width:127px;
        position:relative;
        right:auto;
        top:0
    }
    section.save.small .container>.right{
        width:100%
    }
    section.save.small:before{
        left:0px;
        right:auto;
        width:calc(100% - 20px)
    }
}
section.video{
    z-index:4 !important
}
section.video a.inline-video{
    background:none;
    display:block;
    margin-left:-25px;
    position:relative
}
section.video a.inline-video i{
    color:#fff;
    font-size:140px;
    left:50%;
    margin-left:-70px;
    margin-top:-70px;
    position:absolute;
    top:50%
}
section.video a.inline-video.playing .icon,section.video a.inline-video.playing i,section.video a.inline-video.playing img{
    opacity:0
}
section.video a.inline-video.playing iframe{
    height:100%;
    left:0px;
    position:absolute;
    top:0px;
    width:100%
}
section.video a.inline-video.no-link{
    pointer-events:none
}
section.video .no-transition{
    background:none
}
section.video h6{
    color:#5FC0B1;
    padding:40px 0;
    padding-top:42px
}
section.video h6 .alt-link{
    color:#5FC0B1;
    margin-right:140px;
    position:relative;
    top:-8px
}
section.video h6 i{
    font-size:30px;
    margin-left:10px;
    position:relative;
    top:5px
}
section.video h6 a,section.video h6 .title{
    display:inline-block;
    vertical-align:top
}
section.video.video-nm{
    margin-top:-80px
}
section.video.no-controls{
    padding-bottom:50px
}
@media only screen and (max-width: 960px){
    section.video a.inline-video{
        margin-left:-20px;
        width:calc(100% + 60px)
    }
}
@media only screen and (max-width: 767px){
    section.video h6{
        padding-bottom:20px;
        padding-top:25px
    }
    section.video h6 i{
        font-size:20px;
        margin-left:1px;
        top:3px
    }
    section.video a.inline-video i{
        font-size:70px;
        margin-left:-35px;
        margin-top:-35px
    }
    section.video.video-nm{
        margin-top:-37px
    }
}
section.heading-text-small-quote{
    padding-bottom:130px;
    padding-top:35px
}
section.heading-text-small-quote .col-6:first-child{
    padding-right:4%
}
section.heading-text-small-quote .col-6:last-child .col-inner{
    padding-left:12%
}
@media only screen and (max-width: 1280px){
    section.heading-text-small-quote{
        padding-bottom:100px
    }
}
@media only screen and (max-width: 767px){
    section.heading-text-small-quote{
        padding-bottom:50px;
        padding-top:5px
    }
    section.heading-text-small-quote .col-6:last-child{
        margin-top:40px;
        padding-left:0
    }
    section.heading-text-small-quote .col-6:last-child .col-inner{
        padding-left:0
    }
}
section.heading-pull-quote-columns{
    padding-bottom:90px;
    padding-top:120px
}
section.heading-pull-quote-columns h5{
    margin-bottom:30px
}
section.heading-pull-quote-columns h5:last-child{
    margin-bottom:0
}
section.heading-pull-quote-columns .block{
    padding-top:65px
}
section.heading-pull-quote-columns.no-pull .cols .col:last-child{
    margin-top:0
}
section.heading-pull-quote-columns.no-blocks .col-6:last-child{
    margin-top:0
}
section.heading-pull-quote-columns.lhm h3{
    margin-bottom:35px
}
section.heading-pull-quote-columns.last{
    padding-bottom:210px
}
@media only screen and (max-width: 1280px){
    section.heading-pull-quote-columns{
        padding-bottom:71px;
        padding-top:95px
    }
    section.heading-pull-quote-columns .block{
        padding-top:50px
    }
    section.heading-pull-quote-columns .cols .col:last-child{
        margin-top:-138px
    }
}
@media only screen and (max-width: 767px){
    section.heading-pull-quote-columns{
        padding-top:50px
    }
    section.heading-pull-quote-columns h5{
        margin-bottom:15px
    }
    section.heading-pull-quote-columns .cols .col:last-child{
        margin-top:0
    }
    section.heading-pull-quote-columns .block{
        padding-top:21px
    }
}
section.heading-numbered-blocks{
    padding-bottom:95px;
    padding-top:75px
}
section.heading-numbered-blocks h3{
    margin-bottom:80px
}
section.heading-numbered-blocks .block{
    margin-bottom:100px;
    position:relative
}
section.heading-numbered-blocks .block .num{
    color:#5FC0B1;
    font-family:"DinotBold";
    font-size:8.875rem;
    left:-40px;
    letter-spacing:-3px;
    line-height:7.5rem;
    opacity:0.7;
    position:absolute;
    top:-30px
}
section.heading-numbered-blocks .block h5{
    margin-bottom:16px
}
section.heading-numbered-blocks .block .block-content{
    position:relative;
    z-index:2
}
@media only screen and (max-width: 1280px){
    section.heading-numbered-blocks{
        padding-bottom:75px;
        padding-top:60px
    }
    section.heading-numbered-blocks .block{
        margin-bottom:80px
    }
    section.heading-numbered-blocks .block .num{
        font-size:7.125rem;
        left:-30px;
        line-height:6rem
    }
}
@media only screen and (max-width: 767px){
    section.heading-numbered-blocks{
        padding-bottom:25px;
        padding-top:20px
    }
    section.heading-numbered-blocks h3{
        margin-bottom:20px
    }
    section.heading-numbered-blocks .block{
        margin-bottom:27px
    }
    section.heading-numbered-blocks .block h5{
        margin-bottom:6px
    }
    section.heading-numbered-blocks .block .num{
        font-size:4rem;
        left:-20px;
        letter-spacing:-2px;
        line-height:4.5rem;
        top:-17px
    }
}
section.article{
    margin-bottom:50px !important
}
section.article h1,section.article h2,section.article h3,section.article h4,section.article h5,section.article h6{
    color:#FF6C2F
}
section.article h5{
    margin-bottom:18px
}
section.article h6{
    margin-top:30px
}
section.article.list{
    margin-top:-20px
}
section.article.list i{
    color:#FF6C2F;
    font-size:1.5rem;
    margin-right:20px;
    position:relative;
    top:3px;
    width:20px
}
@media only screen and (max-width: 767px){
    section.article{
        margin-bottom:25px !important;
        padding-top:20px
    }
    section.article.list .list-content{
        width:calc(100% - 40px)
    }
    section.article.list i,section.article.list .list-content{
        display:inline-block;
        vertical-align:top
    }
}
section.two-cols{
    padding-bottom:195px
}
section.two-cols:after{
    content:"";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0
}
section.two-cols h3{
    margin-bottom:75px
}
section.two-cols h3.npl{
    padding-left:0
}
section.two-cols #back-to-parent{
    display:none
}
section.two-cols .left,section.two-cols .right{
    display:inline-block;
    vertical-align:top
}
section.two-cols .left{
    padding-right:5%;
    width:32.6%
}
section.two-cols .left.reverse{
    float:left
}
section.two-cols .left h5{
    margin-bottom:35px;
    padding-top:7px
}
section.two-cols .left h5.npt{
    padding-top:0
}
section.two-cols .left .link{
    margin-bottom:30px
}
section.two-cols .left .link h6{
    margin-bottom:10px
}
section.two-cols .left .mobile-current{
    display:none
}
section.two-cols .left .cat-list{
    padding-right:30%
}
section.two-cols .left .cat-list>li{
    margin-bottom:21px;
    padding-left:0 !important
}
section.two-cols .left .cat-list>li a{
    background-image:none;
    font-size:1.375rem;
    letter-spacing:-0.5px;
    line-height:1.75rem;
    position:relative
}
section.two-cols .left .cat-list>li a i{
    margin-right:10px;
    position:relative;
    top:1px
}
section.two-cols .left .cat-list>li a:after{
    background-color:#FF6C2F;
    bottom:-2px;
    content:"";
    height:3px !important;
    left:0;
    position:absolute;
    transition:width 0.3s ease;
    width:0%
}
section.two-cols .left .cat-list>li a.current:after,section.two-cols .left .cat-list>li a:hover:after{
    width:100%
}
section.two-cols .left .cat-list>li a.current{
    font-family:"DinotMedium"
}
section.two-cols .left .cat-list>li .sub-list{
    padding:30px 20% 35px 20px
}
section.two-cols .left .cat-list>li .sub-list .el{
    margin-bottom:25px
}
section.two-cols .left .cat-list>li .sub-list .el a{
    font-size:1.125rem;
    line-height:1.5rem
}
section.two-cols .left .cat-list>li .sub-list .el a:after{
    display:none
}
section.two-cols .left .cat-list>li .sub-list .el.all{
    margin-bottom:0
}
section.two-cols .left .cat-list>li .sub-list .el.all a{
    color:#FF6C2F;
    font-family:"DinotMedium"
}
section.two-cols .left .cat-list>li:before{
    display:none
}
section.two-cols .left .cat-list.fix{
    background-color:#fff;
    margin-left:-50px;
    padding-left:50px;
    padding-right:50px;
    position:fixed;
    top:50px
}
section.two-cols .left .cat-list.is-archive{
    padding-bottom:90px
}
section.two-cols .left .latest-block{
    margin-bottom:30px
}
section.two-cols .left .latest-block .num{
    color:#FF6C2F;
    font-family:"DinotBold";
    font-size:4rem;
    left:-25px;
    letter-spacing:-2px;
    line-height:4.5rem;
    opacity:0.7;
    position:relative
}
section.two-cols .left .latest-block h5{
    margin-bottom:9px;
    margin-top:-41px;
    position:relative;
    z-index:2
}
section.two-cols .right{
    width:67.4%
}
section.two-cols .right.reverse{
    float:right
}
section.two-cols .right section{
    margin-bottom:100px
}
section.two-cols .right section>h4{
    border-bottom:2px solid rgba(33,34,35,0.1);
    padding-bottom:12px;
    padding-left:30px
}
section.two-cols .right section>h4 i{
    color:#FF6C2F;
    font-size:2.8125rem;
    margin-right:7px;
    position:relative;
    top:7px
}
section.two-cols .right section.archive-sec>h4{
    margin-bottom:52px
}
section.two-cols .right section.archive-sec .section-inner{
    padding:0 30px
}
section.two-cols .right section:last-child{
    margin-bottom:0
}
section.two-cols .right.article{
    padding-top:785px
}
section.two-cols.has-featured{
    min-height:955px
}
section.two-cols.has-featured .container{
    position:static
}
section.two-cols.two-cols-trends{
    padding-bottom:50px
}
section.two-cols.two-cols-trends:last-child{
    padding-bottom:100px;
    padding-top:110px
}
section.two-cols.two-cols-trends:last-child .article-wrapper{
    padding-bottom:50px
}
section.two-cols.may-like{
    padding-bottom:30px !important;
    padding-top:90px
}
.single-post section.two-cols,.single-library section.two-cols{
    padding-bottom:0px
}
.single-post #main-article-sections,.single-library #main-article-sections{
    padding-bottom:105px
}
.faq{
    border-bottom:2px solid rgba(33,34,35,0.1);
    padding:35px 0 50px 30px
}
.faq .faq-title{
    cursor:pointer;
    padding-right:110px;
    position:relative
}
.faq .faq-title h5{
    margin-bottom:0
}
.faq .faq-title:after{
    background-image:url(../img/icon-chevron-down-orange.png);
    background-size:cover;
    content:"";
    height:15px;
    position:absolute;
    right:40px;
    top:10px;
    transition:transform 0.3s ease;
    width:25px
}
.faq .faq-title.open:after{
    transform:rotate(180deg)
}
.faq .faq-content{
    display:none;
    margin-top:25px;
    padding-right:110px
}
.faqs section{
    margin-bottom:100px
}
.faqs section>h4{
    border-bottom:2px solid rgba(33,34,35,0.1);
    padding-bottom:12px;
    padding-left:30px
}
.faqs section>h4 i{
    color:#FF6C2F;
    font-size:2.8125rem;
    margin-right:7px;
    position:relative;
    top:7px
}
.related .link{
    margin-bottom:30px
}
.related .link h6{
    margin-bottom:10px
}
@media only screen and (max-width: 1280px){
    section.two-cols .left .cat-list>li .sub-list{
        padding-left:0;
        padding-right:5%
    }
}
@media only screen and (max-width: 767px){
    section.two-cols h3{
        margin-bottom:15px;
        padding-left:0
    }
    section.two-cols #back-to-parent{
        background-image:url(../img/icon-chevron-left-grey.png);
        background-position:left center;
        background-repeat:no-repeat;
        background-size:10px;
        display:block;
        font-size:1rem;
        padding-left:25px
    }
    section.two-cols .left{
        padding-right:0
    }
    section.two-cols .left h5{
        padding-left:0
    }
    section.two-cols .left .mobile-current{
        background-color:#f7f7f7;
        cursor:pointer;
        display:block;
        margin:0 -40px;
        padding:20px 0;
        padding-left:40px;
        position:relative
    }
    section.two-cols .left .mobile-current .lowlight{
        font-family:"DinotLight"
    }
    section.two-cols .left .mobile-current .highlight{
        position:relative
    }
    section.two-cols .left .mobile-current .highlight:after{
        background-color:#FF6C2F;
        bottom:-1px;
        content:"";
        height:3px;
        left:0;
        position:absolute;
        width:100%
    }
    section.two-cols .left .mobile-current:after{
        background-image:url(../img/icon-chevron-down-grey.png);
        background-size:cover;
        content:"";
        height:10px;
        position:absolute;
        right:45px;
        top:26px;
        transition:transform 0.3s ease;
        width:19px
    }
    section.two-cols .left .mobile-current.open:after{
        transform:rotate(180deg)
    }
    section.two-cols .left #cat-wrap{
        margin-bottom:37px
    }
    section.two-cols .left #cat-wrap.trends-cat-wrap{
        margin-bottom:50px
    }
    section.two-cols .left .cat-list{
        background-color:#f7f7f7;
        display:none;
        margin:0 -40px;
        padding-left:40px;
        padding-bottom:40px;
        padding-top:20px
    }
    section.two-cols .left .cat-list>li{
        margin-bottom:17px
    }
    section.two-cols .left .cat-list>li a{
        font-size:1rem;
        letter-spacing:-0.36px;
        line-height:1.25rem
    }
    section.two-cols .left .cat-list>li a i{
        display:none
    }
    section.two-cols .left .cat-list>li.list-current{
        display:none
    }
    section.two-cols .left .cat-list.is-archive{
        padding-bottom:40px
    }
    section.two-cols .left .latest-block{
        margin-bottom:0
    }
    section.two-cols .right section{
        margin-bottom:50px
    }
    section.two-cols .right section h4,section.two-cols .right section .faq{
        padding-left:0
    }
    section.two-cols .right section.archive-sec .section-inner{
        padding:0
    }
    section.two-cols .right.article{
        padding-top:0px
    }
    section.two-cols .right.article article.featured-article{
        margin:0 -40px;
        width:calc(100% + 80px)
    }
    section.two-cols .left,section.two-cols .right{
        display:block;
        width:100%
    }
    section.two-cols .left.reverse,section.two-cols .right.reverse{
        float:none
    }
    section.two-cols .carousel-wrap{
        margin-right:-40px
    }
    section.two-cols.has-featured{
        min-height:initial;
        padding-bottom:40px
    }
    section.two-cols.two-cols-trends{
        padding-bottom:20px
    }
    section.two-cols.two-cols-trends .left h5{
        margin-bottom:10px
    }
    section.two-cols.two-cols-trends .carousel-wrap .progress-bar{
        margin-top:32px
    }
    section.two-cols.two-cols-trends.first .right{
        border-top:1px solid #D8D8D8;
        margin:0 -40px;
        margin-top:55px;
        padding:0 40px;
        padding-top:35px;
        width:calc(100% + 80px)
    }
    section.two-cols.two-cols-trends:last-child{
        padding:70px 0
    }
    section.two-cols.two-cols-trends:last-child .pagination{
        margin-bottom:0
    }
    section.two-cols.two-cols-trends:last-child .article-wrapper{
        padding-bottom:0
    }
    section.two-cols.may-like{
        padding-top:40px
    }
    .single-post .mobile-current,.single-library .mobile-current{
        display:none !important
    }
    .single-post .has-featured h3,.single-library .has-featured h3{
        display:none
    }
    .single-post section.two-cols .left #cat-wrap.trends-cat-wrap,.single-library section.two-cols .left #cat-wrap.trends-cat-wrap{
        margin-bottom:17px
    }
    .single-post #main-article-sections,.single-library #main-article-sections{
        padding:55px 0
    }
    .faq{
        padding-bottom:25px;
        padding-left:0;
        padding-top:17.5px
    }
    .faq .faq-title{
        padding-right:50px
    }
    .faq .faq-title:after{
        right:0
    }
    .faq .faq-content{
        padding-right:0px
    }
    .related{
        padding-top:30px
    }
}
section.talk-to-ben{
    padding-top:20px
}
section.talk-to-ben img,section.talk-to-ben .content{
    display:inline-block;
    vertical-align:top
}
section.talk-to-ben img{
    margin-right:30px;
    max-width:120px
}
section.talk-to-ben .btn{
    margin-top:15px
}
section.talk-to-ben .btn.aqua{
    background-image:none
}
section.talk-to-ben.plan img{
    margin-bottom:25px
}
section.talk-to-ben.plan .col-6:first-child{
    padding-right:0
}
section.talk-to-ben.plan .col-6:last-child{
    padding-left:3%;
    position:relative;
    top:-85px
}
section.talk-to-ben.large{
    margin-bottom:55px
}
section.talk-to-ben.large img{
    max-width:148px
}
section.talk-to-ben.large .content{
    padding-top:10px
}
@media only screen and (max-width: 767px){
    section.talk-to-ben img{
        margin-bottom:30px
    }
    section.talk-to-ben.plan .col-6:last-child{
        margin-top:40px;
        padding-left:0;
        top:0
    }
}
section.next-article .featured-article{
    height:auto;
    max-width:inherit;
    min-height:inherit;
    padding:140px 0
}
section.next-article .featured-article h4{
    margin-bottom:40px
}
section.next-article .featured-article h6{
    color:#fff
}
section.next-article .featured-article h6 a{
    background-position-y:19px;
    color:#fff;
    margin-left:15px
}
section.next-article .featured-article h6 a:hover{
    background-position-y:0px
}
section.next-article:before{
    background-color:#353438;
    content:"";
    height:100%;
    position:absolute;
    top:0px;
    left:auto;
    right:0px;
    width:75%
}
@media only screen and (max-width: 767px){
    section.next-article .featured-article{
        padding-bottom:60px;
        padding-top:40px
    }
    section.next-article .featured-article h4{
        margin-bottom:30px
    }
    section.next-article .featured-article h6 a{
        background-position-y:14px
    }
    section.next-article:before{
        left:20px;
        right:auto;
        width:calc(100% - 20px)
    }
}
article.small{
    margin-bottom:60px;
    padding-right:4.6% !important
}
article.small h4{
    margin-bottom:5px
}
article.small p{
    margin-bottom:0
}
article.small a{
    font-family:"DinotMedium"
}
article.small i{
    font-size:1.5625rem;
    margin-left:18px;
    margin-right:5px;
    position:relative;
    top:4px
}
article.small .h7{
    font-family:"DinotBold"
}
article.small .h7 a{
    font-size:1rem;
    margin-left:15px
}
article.featured-article{
    background-position:top center;
    background-size:cover;
    color:#fff;
    height:694px;
    left:-130px;
    padding:130px 30px 185px 130px;
    position:absolute;
    top:0px;
    width:100%
}
article.featured-article h2{
    line-height:4.5625rem;
    margin-bottom:20px;
    max-width:800px
}
article.featured-article h6{
    margin-bottom:30px
}
article.featured-article h6 span,article.featured-article h6 i{
    display:inline-block;
    vertical-align:top
}
article.featured-article h6 .cat{
    margin-right:20px
}
article.featured-article h6 i{
    font-size:1.75rem;
    margin-right:7px;
    position:relative;
    top:-2px
}
article.featured-article h6.orange{
    margin-bottom:15px
}
article.featured-article .byline{
    max-width:735px
}
article.featured-article .byline a{
    color:#fff;
    font-family:"DinotMedium"
}
article.featured-article.single h2{
    max-width:835px
}
article.featured-article.next{
    position:static;
    width:100%
}
.trends article.small{
    padding-right:11% !important
}
.single-post .byline.large,.single-library .byline.large{
    max-width:initial
}
.single-post .two-cols-inner .right,.single-library .two-cols-inner .right,.page-template-template-trends .two-cols-inner .right,.page-template-template-live-market .two-cols-inner .right{
    position:relative
}
.single-post h4,.single-library h4{
    border-bottom:0;
    padding-bottom:0;
    padding-left:0
}
@media only screen and (max-width: 1280px){
    article.featured-article{
        left:-65px;
        padding-left:65px
    }
}
@media only screen and (max-width: 960px){
    article.small .h7{
        font-size:.875rem
    }
    article.small h4{
        font-size:1.25rem;
        line-height:1.5rem
    }
}
@media only screen and (max-width: 767px){
    article.small{
        margin-bottom:50px;
        padding-right:0 !important
    }
    article.small i{
        font-size:1.125rem;
        margin-left:13px
    }
    article.small .h7 a{
        background-position-y:14px
    }
    article.featured-article{
        height:auto;
        left:20px;
        min-height:initial;
        padding:70px 40px 65px 20px;
        position:relative;
        top:0;
        width:calc(100% - 20px) !important
    }
    article.featured-article h2{
        line-height:2.25rem;
        padding-right:30px
    }
    article.featured-article h6{
        margin-bottom:8px
    }
    article.featured-article h6 span{
        margin-right:15px
    }
    article.featured-article h6 i{
        font-size:1.125rem;
        margin-right:5px;
        top:0
    }
    .trends article.small{
        padding-right:0% !important
    }
}
@media screen and (max-width: 767px){
    .article-wrapper[data-columns]::before{
        content:'1 .column.size-1of1'
    }
}
@media screen and (min-width: 768px){
    .article-wrapper[data-columns]::before{
        content:'2 .column.size-1of2'
    }
    .article-wrapper .column{
        display:inline-block;
        vertical-align:top;
        width:50%
    }
    .article-wrapper .column article{
        display:block;
        width:100%
    }
    .trends .article-wrapper .column:last-child{
        padding-top:120px
    }
    section.two-cols-trends:last-child .trends .article-wrapper .column{
        padding-top:120px
    }
    section.two-cols-trends:last-child .trends .article-wrapper .column:last-child{
        padding-top:0
    }
}
.pagination{
    margin-bottom:45px;
    padding-top:8px;
    position:relative
}
.pagination .h7{
    margin-bottom:0
}
.pagination ul{
    font-family:"DinotMedium";
    font-size:.875rem;
    position:absolute;
    right:0;
    top:0
}
.pagination ul li{
    display:inline-block;
    padding-left:0 !important;
    vertical-align:top
}
.pagination ul li a{
    background-image:none;
    color:#5A6671;
    display:block;
    padding:7px 14px;
    transition:all 0.3s ease
}
.pagination ul li a:hover{
    background-color:#FF6C2F;
    color:#fff
}
.pagination ul li:before{
    display:none
}
.pagination ul li.current a{
    background-color:#FF6C2F;
    color:#fff
}
@media only screen and (max-width: 767px){
    .pagination{
        padding-top:0
    }
    .pagination ul{
        padding-top:10px;
        position:static
    }
}
#contact{
    color:#fff
}
#contact #map{
    height:1020px
}
#contact .contact-form{
    margin-top:-350px;
    padding-top:180px;
    pointer-events:none;
    position:relative
}
#contact .contact-form:before{
    background-image:linear-gradient(rgba(0,0,0,0),#27252f);
    content:"";
    height:350px;
    left:0;
    position:absolute;
    top:0;
    width:100%
}
#contact a{
    color:#fff
}
.contact-form h3{
    margin-bottom:45px
}
.contact-form form,.contact-form .form{
    max-width:1000px;
    pointer-events:auto
}
.contact-form form .validation_error,.contact-form .form .validation_error{
    display:none
}
.contact-form form .validation_message,.contact-form .form .validation_message{
    background-image:url(../img/icon-exclamation.png);
    background-repeat:no-repeat;
    background-size:18px;
    color:#FF6C2F;
    font-family:"DinotMedium";
    font-size:.875rem;
    left:6px;
    margin-bottom:10px;
    padding-left:25px;
    position:relative;
    text-align:left
}
.contact-form form .gform_body label,.contact-form .form .gform_body label{
    color:#fff;
    display:block;
    font-size:.875rem;
    line-height:.875rem;
    padding-left:5px
}
.contact-form form .gform_body label .gfield_required,.contact-form .form .gform_body label .gfield_required{
    display:none
}
.contact-form form .gform_body input[type=text],.contact-form form .gform_body input[type=email],.contact-form form .gform_body input[type=tel],.contact-form form .gform_body textarea,.contact-form .form .gform_body input[type=text],.contact-form .form .gform_body input[type=email],.contact-form .form .gform_body input[type=tel],.contact-form .form .gform_body textarea
{
    background-position:5px center;
    background-repeat:no-repeat;
    background-size:21px;
    border-bottom:2px solid rgba(216,216,216,0.55);
    font-size:1.375rem;
    padding-left:43px;
    margin-bottom:35px
}
.contact-form form .gform_body input[type=text]::-webkit-input-placeholder,.contact-form form .gform_body input[type=email]::-webkit-input-placeholder,.contact-form form .gform_body input[type=tel]::-webkit-input-placeholder,.contact-form form .gform_body textarea::-webkit-input-placeholder,.contact-form .form .gform_body input[type=text]::-webkit-input-placeholder,.contact-form .form .gform_body input[type=email]::-webkit-input-placeholder,.contact-form .form .gform_body input[type=tel]::-webkit-input-placeholder,.contact-form .form .gform_body textarea::-webkit-input-placeholder{
    color:#fff;
    opacity:1
}
.contact-form form .gform_body input[type=text]:-moz-placeholder,.contact-form form .gform_body input[type=email]:-moz-placeholder,.contact-form form .gform_body input[type=tel]:-moz-placeholder,.contact-form form .gform_body textarea:-moz-placeholder,.contact-form .form .gform_body input[type=text]:-moz-placeholder,.contact-form .form .gform_body input[type=email]:-moz-placeholder,.contact-form .form .gform_body input[type=tel]:-moz-placeholder,.contact-form .form .gform_body textarea:-moz-placeholder{
    color:#fff;
    opacity:1
}
.contact-form form .gform_body input[type=text]::-moz-placeholder,.contact-form form .gform_body input[type=email]::-moz-placeholder,.contact-form form .gform_body input[type=tel]::-moz-placeholder,.contact-form form .gform_body textarea::-moz-placeholder,.contact-form .form .gform_body input[type=text]::-moz-placeholder,.contact-form .form .gform_body input[type=email]::-moz-placeholder,.contact-form .form .gform_body input[type=tel]::-moz-placeholder,.contact-form .form .gform_body textarea::-moz-placeholder{
    color:#fff;
    opacity:1
}
.contact-form form .gform_body input[type=text]:-ms-input-placeholder,.contact-form form .gform_body input[type=email]:-ms-input-placeholder,.contact-form form .gform_body input[type=tel]:-ms-input-placeholder,.contact-form form .gform_body textarea:-ms-input-placeholder,.contact-form .form .gform_body input[type=text]:-ms-input-placeholder,.contact-form .form .gform_body input[type=email]:-ms-input-placeholder,.contact-form .form .gform_body input[type=tel]:-ms-input-placeholder,.contact-form .form .gform_body textarea:-ms-input-placeholder{
    color:#fff;
    opacity:1
}
.contact-form form .gform_body input[type=text]:placeholder-shown,.contact-form form .gform_body input[type=email]:placeholder-shown,.contact-form form .gform_body input[type=tel]:placeholder-shown,.contact-form form .gform_body textarea:placeholder-shown,.contact-form .form .gform_body input[type=text]:placeholder-shown,.contact-form .form .gform_body input[type=email]:placeholder-shown,.contact-form .form .gform_body input[type=tel]:placeholder-shown,.contact-form .form .gform_body textarea:placeholder-shown{
    color:#fff;
    opacity:1
}
.contact-form form .gform_body>ul:after,.contact-form .form .gform_body>ul:after{
    content:"";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0
}
.contact-form form .gform_body>ul>li,
.contact-form .form .gform_body>ul>li{
    float:left;
    padding-left:0 !important;
    width:calc(50% - 22.5px)
}
.contact-form form .gform_body>ul>li.gfield_html
{
	clear:both;
	padding-left:0!important;
	width:100%;
}
.sd-salesperson-name
{
	opacity:0;
}

.contact-form form .gform_body>ul>li.gfield_error input,
.contact-form .form .gform_body>ul>li.gfield_error input,
.contact-form form .gform_body>ul>li.gfield_error select,
.contact-form .form .gform_body>ul>li.gfield_error select
{
    border-bottom:4px solid #FF6C2F;
    margin-bottom:10px
}
.contact-form form .gform_body>ul>li:nth-child(2n+1),.contact-form .form .gform_body>ul>li:nth-child(2n+1){
    margin-right:45px
}
.contact-form form .gform_body>ul>li.full,.contact-form .form .gform_body>ul>li.full{
    margin-right:0;
    width:100%
}
.contact-form form .gform_body>ul>li.label-anim,.contact-form .form .gform_body>ul>li.label-anim{
    position:relative
}
.contact-form form .gform_body>ul>li.label-anim label,.contact-form .form .gform_body>ul>li.label-anim label{
    font-size:1.375rem;
    left:36px
}
.contact-form form .gform_body>ul>li.label-anim:after,.contact-form .form .gform_body>ul>li.label-anim:after{
    bottom:35px
}
.contact-form form .gform_body>ul>li.label-anim.is-focused label,.contact-form .form .gform_body>ul>li.label-anim.is-focused label{
    font-size:.875rem
}
.contact-form form .gform_body>ul>li.name input,.contact-form .form .gform_body>ul>li.name input{
    background-image:url(../img/icon-customer.png)
}
.contact-form form .gform_body>ul>li.email input,.contact-form .form .gform_body>ul>li.email input{
    background-image:url(../img/icon-mail.png)
}
.contact-form form .gform_body>ul>li.phone input,.contact-form .form .gform_body>ul>li.phone input{
    background-image:url(../img/icon-phone.png)
}
.contact-form form .gform_body>ul>li.postcode input,.contact-form .form .gform_body>ul>li.postcode input{
    background-image:url(../img/icon-pin.png)
}
.contact-form form .gform_body>ul>li.message,.contact-form .form .gform_body>ul>li.message{
    max-width:600px
}
.contact-form form .gform_body>ul>li.message textarea,.contact-form .form .gform_body>ul>li.message textarea{
    background-image:url(../img/icon-message.png);
    background-position:5px 13px
}
.contact-form form .gform_body>ul>li.best-time,.contact-form .form .gform_body>ul>li.best-time{
    margin-bottom:40px;
    padding-top:5px
}
.contact-form form .gform_body>ul>li.best-time>label,.contact-form .form .gform_body>ul>li.best-time>label{
    font-size:1.375rem;
    margin-bottom:18px
}
.contact-form form .gform_body>ul>li.best-time .ginput_container_radio input,.contact-form .form .gform_body>ul>li.best-time .ginput_container_radio input{
    display:none
}
.contact-form form .gform_body>ul>li.best-time .ginput_container_radio input:checked+label,.contact-form .form .gform_body>ul>li.best-time .ginput_container_radio input:checked+label{
    background-color:#fff;
    color:#353438
}
.contact-form form .gform_body>ul>li.best-time .ginput_container_radio input:checked+label i,.contact-form .form .gform_body>ul>li.best-time .ginput_container_radio input:checked+label i{
    color:#FF6C2F
}
.contact-form form .gform_body>ul>li.best-time .ginput_container_radio label,.contact-form .form .gform_body>ul>li.best-time .ginput_container_radio label{
    background-color:rgba(216,216,216,0.12);
    border-radius:39.5px;
    color:rgba(255,255,255,0.53);
    cursor:pointer;
    font-size:1.375rem;
    height:54px;
    line-height:56px;
    padding:0;
    text-align:center;
    transition:all 0.3s ease;
    width:197px
}
.contact-form form .gform_body>ul>li.best-time .ginput_container_radio label i,.contact-form .form .gform_body>ul>li.best-time .ginput_container_radio label i{
    font-size:1.75rem;
    margin-right:5px;
    position:relative;
    top:5px;
    transition:color 0.3s ease
}
.contact-form form .gform_body>ul>li.best-time .ginput_container_radio li,.contact-form .form .gform_body>ul>li.best-time .ginput_container_radio li{
    float:left;
    margin-right:15px;
    padding-left:0 !important
}
.contact-form form input[type=submit],.contact-form .form input[type=submit]{
    background-color:#FF6C2F;
    background-image:url(../img/icon-chevron-right.png);
    background-position:calc(100% - 45px) center;
    background-repeat:no-repeat;
    background-size:15px;
    border:none;
    border-radius:100px;
    color:#fff;
    display:inline-block;
    font-family:"DinotMedium";
    font-size:2rem;
    height:90px;
    line-height:5.625rem;
    margin-top:30px;
    min-width:320px;
    padding:0;
    text-align:center;
    text-indent:-10px;
    transition:background-color 0.3s ease;
    vertical-align:top
}
.contact-form form input[type=submit]:hover,.contact-form .form input[type=submit]:hover{
    background-color:rgba(255,108,47,0.7)
}
.contact-bottom{
    padding-bottom:140px;
    padding-top:150px
}
.contact-bottom p{
    margin-bottom:20px
}
.contact-bottom p:last-child{
    margin-bottom:0
}
.page-template-template-contact{
    background-color:#27252F
}
.page-template-template-contact footer,.page-template-template-contact #footer-bottom-fixed{
    display:none
}
@media only screen and (max-width: 1280px){
    #contact #map{
        height:700px
    }
}
@media only screen and (max-width: 960px){
    #contact #map{
        height:500px
    }
}
@media only screen and (max-width: 767px){
    #contact .contact-form{
        margin-top:-250px
    }
    .contact-form form .gform_body>ul>li,.contact-form .form .gform_body>ul>li{
        float:none;
        margin-right:0;
        width:100%
    }
    .contact-form form .gform_body>ul>li.best-time,.contact-form .form .gform_body>ul>li.best-time{
        margin-bottom:0;
        padding:30px 0
    }
    .contact-form form .gform_body>ul>li.best-time .ginput_container_radio li,.contact-form .form .gform_body>ul>li.best-time .ginput_container_radio li{
        float:none;
        margin-bottom:20px;
        width:100%
    }
    .contact-form form .gform_body>ul>li.best-time .ginput_container_radio li label,.contact-form .form .gform_body>ul>li.best-time .ginput_container_radio li label{
        padding-left:20px;
        text-align:left
    }
    .contact-form form .gform_body>ul>li.best-time .ginput_container_radio li:last-child,.contact-form .form .gform_body>ul>li.best-time .ginput_container_radio li:last-child{
        margin-bottom:0
    }
    .contact-form form input[type=submit],.contact-form .form input[type=submit]{
        background-position-x:calc(100% - 30px);
        background-size:12px;
        font-size:1.75rem;
        height:60px;
        line-height:57px;
        min-width:200px
    }
    .contact-bottom{
        padding-bottom:70px;
        padding-top:75px
    }
    .contact-bottom .col-6:first-child{
        margin-bottom:60px
    }
}
.page-template-template-case-studies .hero{
    position:relative
}
.page-template-template-case-studies .hero .container{
    position:relative;
    z-index:2
}
.page-template-template-case-studies .hero:after{
    background-image:linear-gradient(rgba(80,76,91,0),#27252f);
    bottom:0px;
    content:"";
    height:300px;
    left:0;
    position:absolute;
    width:100%;
    z-index:1
}
.case-studies-list{
    margin-top:-220px;
    padding-bottom:130px;
    position:relative;
    z-index:1
}
.case-studies-list .save{
    margin-bottom:140px;
    margin-top:70px
}
.case-studies-num{
    color:#fff
}
.case-studies-num .case-studies-num-inner{
    display:inline-block;
    max-width:490px;
    text-align:left
}
.case-studies-num .case-studies-num-inner .num{
    color:#FF6C2F;
    font-family:"DinotBold";
    font-size:8.875rem;
    letter-spacing:-3px;
    line-height:7.5rem
}
.case-studies-num.right{
    text-align:right
}
.case-studies-row{
    color:#fff;
    padding-bottom:65px
}
.case-studies-row a{
    color:#fff
}
.case-studies-row img{
    margin-bottom:40px
}
.case-studies-row .col:last-child{
    margin-top:225px
}
.case-studies-row.alt .col:first-child{
    margin-top:225px
}
.case-studies-row.alt .col:last-child{
    margin-top:0px
}
@media only screen and (max-width: 1280px){
    .case-studies-num .case-studies-num-inner{
        max-width:50%
    }
    .case-studies-num .case-studies-num-inner .num{
        font-size:6.25rem;
        line-height:5.625rem
    }
}
@media only screen and (max-width: 767px){
    .case-studies-list{
        margin-top:0;
        padding-bottom:65px;
        padding-top:0
    }
    .case-studies-list .save{
        margin-bottom:70px;
        margin-top:35px
    }
    .case-studies-num{
        padding-bottom:40px
    }
    .case-studies-num .case-studies-num-inner{
        max-width:100%
    }
    .case-studies-num .case-studies-num-inner .num{
        font-size:4rem;
        line-height:3.4375rem
    }
    .case-studies-num.right{
        text-align:left
    }
    .case-studies-row img{
        margin-bottom:20px
    }
    .case-studies-row .col:last-child{
        margin-top:60px
    }
    .case-studies-row.alt .col:first-child{
        margin-bottom:40px;
        margin-top:0
    }
}
.page-template-template-expert footer{
    margin-top:-220px !important;
    padding-top:200px !important;
    position:relative
}
.page-template-template-expert footer section:nth-child(1),.page-template-template-expert footer section:nth-child(2),.page-template-template-expert footer section:nth-child(3){
    display:none
}
.page-template-template-expert footer:before{
    background-image:linear-gradient(to bottom, rgba(0,0,0,0),#000000);
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%
}
.page-template-template-thank-you footer{
    position:relative
}
.page-template-template-thank-you footer:before{
    background-image:linear-gradient(to bottom, rgba(0,0,0,0),#000000);
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%
}
#expert{
    padding-bottom:190px;
    padding-top:170px;
    position:relative
}
#expert .container{
    z-index:3
}
#expert .gform_confirmation_message{
    color:#353438
}
#expert label{
    color:#353438
}
#expert label i{
    color:#5FC0B1
}
/*#expert .ginput_container_select:after
{
	content: '';
	display: block;
	background-image: url(../img/icon-chevron-down-grey.png);
	background-position: 98% 20%;
	background-repeat: no-repeat;
	width: 100%;
	z-index: -1;
	position: absolute;
	height: 100%;
	top: 0;
	opacity: .6;
}*/
#expert input[type=text],#expert input[type=email], #expert select
{
    color:#353438
}
#expert input[type=radio]:checked+label{
    background-color:#5FC0B1;
    color:#fff
}
#expert input[type=radio]:checked+label i{
    color:#fff
}
#expert form .validation_message{
    background-image:url(../img/icon-exclamation-blue.png);
    color:#5FC0B1
}
#expert form .check-norm input:checked+label:after{
    background-image:url(../img/tick-aqua.svg)
}
#expert form .gform_body>ul>li.gfield_error input,
#expert form .gform_body>ul>li.gfield_error select
{
    border-bottom-color:#5FC0B1
}
#expert form .gform_body>ul>li.name input{
    background-image:url(../img/icon-customer-blue.png)
}
#expert form .gform_body>ul>li.email input{
    background-image:url(../img/icon-mail-blue.png)
}
#expert form .gform_body>ul>li.phone input{
    background-image:url(../img/icon-phone-blue.png)
}
#expert form .gform_body>ul>li.postcode input{
    background-image:url(../img/icon-pin-blue.png)
}
#expert form .gform_body>ul>li.message{
    max-width:600px
}
#expert form .gform_body>ul>li.message textarea{
    background-image:url(../img/icon-message-blue.png)
}
#expert form .gform_body>ul>li.label-anim:after{
    background-color:#5FC0B1
}
#expert form input[type=submit]{
    background-color:#5FC0B1;
    text-indent:-15px
}
#expert:before{
    background-color:#fff;
    content:"";
    height:100%;
    left:0px;
    position:absolute;
    top:0px;
    width:calc(100% - 60px);
    z-index:2
}
.full-width .gform_confirmation_message{
    color:#353438
}
.full-width form label{
    color:#353438 !important
}
.full-width form input[type=text],.full-width form input[type=email]{
    color:#353438 !important
}
@media only screen and (max-width: 1280px){
    #expert{
        padding-bottom:95px;
        padding-top:85px
    }
    #expert:before{
        width:calc(100% - 20px)
    }
    #expert .container{
        padding-right:60px
    }
}
@media only screen and (max-width: 767px){
    #expert br{
        display:none
    }
    #expert .contact-form input[type=submit]{
        width:100%
    }
}
.page-template-template-our-story .hero{
    position:relative;
    z-index:3
}
.page-template-template-our-story .hero h2{
    margin-bottom:25px
}
.page-template-template-our-story .hero .container{
    position:relative;
    z-index:2
}
.page-template-template-our-story .hero.small{
    padding-bottom:320px
}
.page-template-template-our-story .hero:after{
    background-image:linear-gradient(rgba(80,76,91,0),#27252f);
    bottom:0px;
    content:"";
    height:300px;
    left:0;
    position:absolute;
    width:100%;
    z-index:1
}
.page-template-template-our-story #wrap-inner{
    background-color:transparent
}
.page-template-template-our-story footer{
    margin-top:0 !important;
    padding-top:0 !important;
    position:relative;
    z-index:4
}
.page-template-template-our-story footer section:nth-child(1),.page-template-template-our-story footer section:nth-child(2){
    display:none
}
.page-template-template-our-story footer #cp-step-1{
    z-index:3
}
.page-template-template-our-story footer:after{
    background-color:#fff;
    content:"";
    height:420px;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:2
}
.page-template-template-our-story #footer-bottom-fixed{
    position:relative;
    z-index:3
}
.cp-form.our-story{
    background-color:#FF6C2F !important;
    position:relative;
    width:calc(100% - 50px);
    z-index:5
}
.our-story-grad{
    height:100vh;
    left:0;
    position:fixed;
    top:0;
    width:100%
}
.our-story-grad#our-story-grad-1{
    background-color:#27252F;
    z-index:2
}
.our-story-grad#our-story-grad-2{
    background-color:#FF6C2F;
    z-index:1
}
.our-story-grad.unfix{
    position:absolute
}
#our-story-lightbulb{
    background-image:url(../img/our-story-lightbulb.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:400px;
    height:100vh;
    left:0;
    opacity:0.2;
    position:fixed;
    top:0;
    width:100%;
    z-index:3
}
#our-story-lightbulb.unfix{
    position:absolute
}
section.video.stories{
    position:relative
}
section.video.stories a.inline-video{
    box-shadow:rgba(0,0,0,0.32) 0px 3px 10px 0px;
    width:calc(100% + 50px)
}
section.video.stories a.inline-video .icon{
    background-color:rgba(39,37,47,0.72);
    border-radius:212px;
    height:212px;
    left:50%;
    margin-left:-106px;
    margin-top:-106px;
    position:absolute;
    top:50%;
    width:212px
}
section.video.stories a.inline-video img{
    max-width:calc(100% + 25px)
}
#our-story-inner{
    padding-bottom:260px;
    position:relative;
    z-index:3
}
#our-story-inner section.story-row{
    margin-bottom:240px
}
#our-story-inner section.story-row img,#our-story-inner section.story-row .byline,#our-story-inner section.story-row h4{
    max-width:378px
}
#our-story-inner section.story-row img{
    margin-bottom:25px
}
#our-story-inner section.story-row .byline{
    margin-bottom:25px
}
#our-story-inner section.story-row .container{
    max-width:1220px
}
#our-story-inner section.story-row .story-row-inner{
    display:inline-block;
    text-align:left
}
#our-story-inner section.story-row.first{
    margin-top:580px
}
#our-story-inner section.story-row.right{
    text-align:right
}
#our-story-inner section.story-row.img-bottom .img-wrapper{
    margin-top:50px;
    position:relative
}
#our-story-inner section.story-row.img-bottom img{
    margin-bottom:0;
    max-width:642px
}
#our-story-inner section.story-row.img-bottom img:first-child{
    left:0;
    position:absolute;
    top:0;
    z-index:1
}
#our-story-inner section.story-row.img-bottom img:last-child{
    position:relative;
    z-index:2
}
#our-story-inner section.story-row.full-width{
    text-align:center
}
#our-story-inner section.story-row.full-width img{
    max-width:100%
}
#our-story-inner section.story-row.full-width .story-row-inner{
    display:inline-block;
    max-width:378px;
    text-align:left
}
#our-story-inner section.story-row.heading-above h4{
    margin-bottom:20px
}
#our-story-inner section.story-row.large-image img{
    max-width:534px
}
#our-story-inner section.story-row.large-image .story-row-inner{
    text-align:right
}
#our-story-inner section.story-row.large-image .story-row-inner-inner{
    display:inline-block;
    text-align:left
}
#our-story-inner section.story-row.small-image img{
    margin-bottom:55px;
    max-width:220px
}
#our-story-inner section.story-row.last{
    margin-bottom:100vh
}
#our-story-inner section.slogan{
    text-align:center
}
#our-story-inner section.slogan h3{
    margin-bottom:0
}
.employees{
    background-color:#fff;
    padding-bottom:220px;
    padding-top:190px;
    position:relative;
    z-index:5
}
.employees .center{
    margin:0 auto;
    max-width:675px;
    text-align:center
}
.employees .employees-inner{
    padding-top:115px
}
.employees .employees-inner .employee{
    margin-bottom:105px
}
.employees .employees-inner .employee img{
    margin:0 auto;
    margin-bottom:35px;
    max-width:146px
}
.employees .employees-inner .employee h4{
    margin-bottom:7px
}
.employees .employees-inner .employee h5{
    margin-bottom:18px
}
.employees .employees-inner .employee .byline{
    margin-bottom:20px
}
.employees .employees-inner .employee:last-child{
    margin-bottom:0
}
.scroll{
    -webkit-align-items:center;
    -webkit-justify-content:center;
    align-items:center;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    justify-content:center;
    background:radial-gradient(ellipse at center, #ff6c2f 0%,rgba(255,108,47,0) 79%);
    border-radius:68px;
    cursor:pointer;
    height:68px;
    left:50%;
    margin-left:-34px;
    margin-top:-34px;
    position:absolute;
    top:0;
    width:68px;
    z-index:3
}
.scroll .scroll-inner{
    background-color:#FF6C2F;
    background-image:url(../img/icon-chevron-down-white.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:19px 10px;
    border-radius:43px;
    height:43px;
    width:43px
}
.scroll#scroll-down{
    -webkit-animation:pulse 1s infinite;
    animation:pulse 1s infinite;
    -webkit-animation-direction:alternate;
    animation-direction:alternate;
    -webkit-animation-timing-function:linear;
    animation-timing-function:linear
}
.scroll#scroll-up{
    transform:rotate(-180deg);
    -webkit-transform:rotate(-180deg)
}
#back-to-top{
    cursor:pointer;
    opacity:0;
    position:fixed;
    right:60px;
    top:120px;
    transition:opacity 0.6s ease;
    z-index:55
}
#back-to-top .h7,#back-to-top .scroll{
    display:inline-block;
    vertical-align:top
}
#back-to-top .h7{
    margin-bottom:0;
    margin-right:3px;
    padding-top:22px
}
#back-to-top .scroll{
    left:0;
    margin:0;
    position:relative;
    top:0
}
#back-to-top .scroll .scroll-inner{
    left:50%;
    margin-left:-21.5px;
    margin-top:-21.5px;
    position:absolute;
    top:50%
}
#back-to-top.show{
    opacity:1
}
.page-template-template-buy-smarter #back-to-top .h7{
    color:#fff
}
.page-template-template-buy-smarter #back-to-top .scroll{
    background-image:radial-gradient(ellipse at center, #353438 0%,rgba(53,52,56,0) 79%)
}
.page-template-template-buy-smarter #back-to-top .scroll .scroll-inner{
    background-color:#353438
}
@keyframes pulse{
    0%{
        height:68px;
        margin-left:-34px;
        margin-top:-34px;
        width:68px
    }
    100%{
        height:43px;
        margin-left:-21.5px;
        margin-top:-21.5px;
        width:43px
    }
}
@-webkit-keyframes pulse{
    0%{
        height:68px;
        margin-left:-34px;
        margin-top:-34px;
        width:68px
    }
    100%{
        height:43px;
        margin-left:-21.5px;
        margin-top:-21.5px;
        width:43px
    }
}
@media only screen and (max-width: 767px){
    .page-template-template-our-story section.hero h2{
        max-width:215px
    }
    .page-template-template-our-story section.hero.small{
        padding-bottom:130px
    }
    .page-template-template-our-story footer{
        margin-top:-1px !important
    }
    .page-template-template-our-story footer .cp-form{
        margin-top:0
    }
    .cp-form.our-story{
        width:calc(100% - 20px)
    }
    #back-to-top{
        display:none
    }
    #our-story-inner{
        padding-bottom:210px
    }
    #our-story-inner section.story-row{
        margin-bottom:0;
        margin-top:110px
    }
    #our-story-inner section.story-row .byline,#our-story-inner section.story-row h4{
        max-width:100%
    }
    #our-story-inner section.story-row img{
        margin-bottom:20px;
        margin-left:-40px;
        max-width:initial;
        width:calc(100% + 80px)
    }
    #our-story-inner section.story-row .byline{
        margin-bottom:10px
    }
    #our-story-inner section.story-row h4.grey{
        color:#fff
    }
    #our-story-inner section.story-row .story-row-content{
        position:relative
    }
    #our-story-inner section.story-row .story-row-content:before{
        background-color:#FF6C2F;
        border-radius:2.5px;
        content:"";
        height:3px;
        left:-40px;
        position:absolute;
        top:10px;
        width:31px
    }
    #our-story-inner section.story-row.first{
        margin-top:110px
    }
    #our-story-inner section.story-row.img-bottom{
        margin-top:90px
    }
    #our-story-inner section.story-row.img-bottom img{
        margin-bottom:20px
    }
    #our-story-inner section.story-row.full-width img{
        margin-bottom:5px;
        margin-left:-478px;
        max-width:915px;
        width:915px
    }
    #our-story-inner section.story-row.full-width .story-row-inner{
        padding:0 40px
    }
    #our-story-inner section.story-row.full-width .story-row-inner h4{
        margin-bottom:10px
    }
    #our-story-inner section.story-row.full-width .story-row-content:before{
        left:0
    }
    #our-story-inner section.story-row.small-image img{
        margin:0 auto;
        margin-bottom:95px;
        max-width:240px
    }
    #our-story-inner section.story-row.last{
        margin-bottom:195px
    }
    #our-story-inner section.slogan{
        max-width:270px;
        text-align:left
    }
    #our-story-inner section.slogan .container:before{
        background-color:#fff;
        border-radius:2.5px;
        content:"";
        height:3px;
        left:0px;
        position:absolute;
        top:10px;
        width:31px
    }
    #our-story-lightbulb{
        background-position:calc(100% + 40px) center;
        background-size:210px
    }
    .scroll{
        height:52px;
        margin-left:-26px;
        margin-top:-26px;
        width:52px
    }
    .scroll .scroll-inner{
        background-size:16px 11px;
        height:32px;
        width:32px
    }
    .employees{
        padding-bottom:75px;
        padding-top:75px
    }
    .employees .center{
        text-align:left
    }
    .employees .employees-inner{
        padding-top:40px
    }
    .employees .employees-inner .employee{
        margin-bottom:50px
    }
    .employees .employees-inner .employee img{
        margin:0;
        margin-bottom:20px;
        max-width:84px
    }
    .employees .employees-inner .employee h4{
        margin-bottom:0
    }
    .employees .employees-inner .employee h5{
        color:#353438 !important
    }
    section.video{
        margin-top:-55px
    }
    section.video.stories a.inline-video{
        width:calc(100% + 40px)
    }
    section.video.stories a.inline-video .icon{
        height:64px;
        margin-left:-32px;
        margin-top:-32px;
        width:64px
    }
    section.video.stories a.inline-video i{
        font-size:38px;
        margin-left:-19px;
        margin-top:-19px
    }
}

@keyframes pulse{
	0%{
		height:52px;
		margin-left:-26px;
		margin-top:-26px;
		width:52px
	}
	100%{
		height:32px;
		margin-left:-16px;
		margin-top:-16px;
		width:32px
	}
}
@-webkit-keyframes pulse{
	0%{
		height:52px;
		margin-left:-26px;
		margin-top:-26px;
		width:52px
	}
	100%{
		height:32px;
		margin-left:-21.5px;
		margin-top:-21.5px;
		width:32px
	}
}

@media screen and (max-width: 767px){
    .employees-inner[data-columns]::before{
        content:'1 .column.size-1of1'
    }
}
@media screen and (min-width: 768px){
    .employees-inner[data-columns]::before{
        content:'2 .column.size-1of2'
    }
    .employees-inner .column{
        display:inline-block;
        margin-right:30px;
        vertical-align:top;
        width:calc(50% - 30px)
    }
}
@media screen and (min-width: 1025px){
    .employees-inner[data-columns]::before{
        content:'3 .column.size-1of3'
    }
    .employees-inner .column{
        margin-right:45px;
        width:calc(33.333% - 30px)
    }
    .employees-inner .column:first-child{
        padding-top:315px
    }
    .employees-inner .column:last-child{
        margin-right:0;
        padding-top:185px
    }
}
.page-template-template-buy-smarter .hero{
    position:relative;
    z-index:3
}
.page-template-template-buy-smarter .hero h2{
    line-height:5rem;
    margin-bottom:25px
}
.page-template-template-buy-smarter .hero .container{
    position:relative;
    z-index:2
}
.page-template-template-buy-smarter .hero.large{
    padding-top:320px
}
.page-template-template-buy-smarter .hero:after{
    background-image:linear-gradient(rgba(80,76,91,0),#ff6c2f);
    bottom:0px;
    content:"";
    height:300px;
    left:0;
    position:absolute;
    width:100%;
    z-index:1
}
.page-template-template-buy-smarter section.video{
    margin-top:-580px;
    position:relative
}
.page-template-template-buy-smarter section.video .scroll{
    background:radial-gradient(ellipse at center, #353438 0%,rgba(53,52,56,0) 79%)
}
.page-template-template-buy-smarter section.video .scroll .scroll-inner{
    background-color:#353438
}
.page-template-template-buy-smarter #wrap-inner{
    background-color:#27252F !important
}
.page-template-template-buy-smarter .top{
    background-color:#FF6C2F
}
.page-template-template-buy-smarter footer{
    margin-top:-500px !important;
    padding-top:720px !important
}
.buy-smarter-inner{
    position:relative;
    z-index:3
}
.buy-smarter-inner.first{
    background-color:#FF6C2F;
    padding-bottom:80px;
    padding-top:330px
}
.buy-smarter-row .num,.buy-smarter-row .content{
    display:inline-block;
    vertical-align:top;
    width:50%
}
.buy-smarter-row .num{
    font-family:"DinotBlack";
    font-size:43.75rem;
    line-height:31.25rem;
    text-align:center
}
.buy-smarter-row .num.black{
    color:#27252F
}
.buy-smarter-row .num.orange{
    color:#FF6C2F
}
.buy-smarter-row .content{
    padding-top:265px;
    text-align:right
}
.buy-smarter-row .content .content-inner{
    display:inline-block;
    max-width:490px;
    text-align:left
}
.buy-smarter-row .content .content-inner h3{
    margin-bottom:30px
}
.buy-smarter-row .content .content-inner h3 strong{
    color:#353438;
    font-family:"DinotBold"
}
.buy-smarter-row.reverse .num{
    float:right;
    text-align:right
}
.buy-smarter-row.reverse .content{
    text-align:left
}
.buy-smarter-row.num-2 .num{
    font-size:50rem
}
.buy-smarter-row.num-3 .num{
    font-size:6.25rem;
    line-height:31.25rem;
    height:700px
}
.buy-smarter-row.num-3 .num.done{
    font-size:50rem !important
}
.buy-smarter-row.alt{
    padding-top:300px
}
.buy-smarter-row.alt .num{
    padding-top:110px
}
.buy-smarter-row.alt .content{
    padding-top:0
}
.buy-smarter-row.alt .content .content-inner h3 strong{
    color:#FF6C2F
}
.buy-smarter-row.alt.reverse .num{
    padding-top:0
}
.buy-smarter-row.alt.reverse .content{
    padding-top:260px
}
.unhinge{
    color:#27252F;
    font-family:"DinotBlack";
    font-size:6.25rem;
    letter-spacing:-2.11px;
    line-height:7.5rem;
    margin-top:-80px;
    padding-bottom:200px;
    text-transform:uppercase
}
.unhinge .words{
    height:120px;
    margin-bottom:40px;
    position:relative
}
.unhinge img{
    max-width:485px
}
.unhinge .reveal{
    left:0;
    opacity:0;
    position:absolute;
    top:0;
    transition:opacity 0.6s ease 1s
}
.unhinge .reveal.show{
    opacity:1
}
.buy-smarter-bottom-img{
    margin-top:-80px;
    padding-left:150px
}
.buy-smarter-bottom-img img{
    max-width:792px
}
section.growing-heading{
    font-family:"DinotBold";
    font-size:5rem;
    line-height:0.875;
    margin-bottom:200px;
    min-height:250px;
    text-align:center
}
section.growing-heading span{
    display:block
}
section.growing-heading span:last-child{
    color:#353438
}
section.growing-heading.done{
    font-size:8.875rem !important
}
section.float h3{
    margin-bottom:60px
}
section.float .byline{
    max-width:485px
}
section.float .floater{
    animation:float 6s ease-in-out infinite;
    color:#FF6C2F;
    display:inline-block;
    left:-15px;
    position:relative;
    top:-70px;
    transform:rotate(8deg) translatey(0px);
    width:240px;
    white-space:nowrap
}
@keyframes float{
    0%{
        transform:rotate(8deg) translatey(0px)
    }
    50%{
        transform:rotate(8deg) translatey(-70px)
    }
    100%{
        transform:rotate(8deg) translatey(0px)
    }
}
.story-last{
    padding-bottom:270px;
    padding-top:210px;
    position:relative;
    z-index:2
}
.story-last:before{
    background-color:#27252F;
    content:"";
    height:100%;
    left:60px;
    position:absolute;
    top:0;
    width:calc(100% - 60px)
}
.grey_content.story-last:before{background-color:#27252F;content:"";height:100%;left:0px;position:absolute;top:0;width:100%;}
@media only screen and (max-width: 1280px){
    .page-template-template-buy-smarter section.video{
        margin-top:-290px
    }
    .page-template-template-buy-smarter section.hero h2{
        line-height:4rem
    }
    .page-template-template-buy-smarter section.hero h2 br{
        display:none
    }
    .buy-smarter-inner.first{
        padding-top:165px
    }
    .buy-smarter-row .num{
        font-size:21.875rem;
        line-height:15.625rem
    }
    .buy-smarter-row .content{
        padding-top:130px
    }
    .buy-smarter-row.num-2 .num{
        font-size:25rem
    }
    .buy-smarter-row.num-3 .num{
        font-size:3.125rem;
        line-height:15.625rem;
        height:400px
    }
    .buy-smarter-row.num-3 .num.done{
        font-size:25rem !important
    }
    .buy-smarter-row.alt{
        padding-top:150px
    }
    .buy-smarter-row.alt.reverse .content{
        padding-top:130px
    }
    .unhinge{
        font-size:3.125rem;
        letter-spacing:0px;
        line-height:3.125rem;
        margin-top:-40px;
        padding-bottom:100px;
        text-transform:uppercase
    }
    .unhinge .words{
        height:50px;
        margin-bottom:20px;
        position:relative
    }
    .story-last{
        padding-bottom:135px
    }
    .buy-smarter-bottom-img{
        margin-top:30px;
        padding-left:0
    }
    .buy-smarter-bottom-img img{
        max-width:100%
    }
}
@media only screen and (max-width: 960px){
    .story-last:before{
        left:20px;
        width:calc(100% - 20px)
    }
}
@media only screen and (max-width: 767px){
    .page-template-template-buy-smarter .hero.large{
        height:auto;
        padding-bottom:80px;
        padding-top:160px
    }
    .page-template-template-buy-smarter section.hero h2{
        line-height:2.125rem
    }
    .page-template-template-buy-smarter section.video{
        margin-top:-16px
    }
    .page-template-template-buy-smarter footer{
        margin-top:-70px !important;
        padding-top:120px !important
    }
    .buy-smarter-inner.first{
        padding-bottom:30px;
        padding-top:80px
    }
    .buy-smarter-row{
        padding-top:90px
    }
    .buy-smarter-row .num,.buy-smarter-row .content{
        display:block;
        padding-top:0 !important;
        width:100%
    }
    .buy-smarter-row .num{
        font-size:18.75rem;
        text-align:left !important
    }
    .buy-smarter-row .num.white{
        color:#27252F
    }
    .buy-smarter-row .content{
        padding-top:40px !important
    }
    .buy-smarter-row .content .content-inner h3{
        margin-bottom:15px
    }
    .buy-smarter-row.num-2{
        padding-top:40px
    }
    .buy-smarter-row.num-2 .num{
        font-size:18.75rem
    }
    .buy-smarter-row.num-3 .num{
        height:260px;
        line-height:15.625rem
    }
    .buy-smarter-row.num-3 .num.done{
        font-size:18.75rem !important
    }
    .buy-smarter-row.reverse .num{
        float:none
    }
    .buy-smarter-row.alt{
        padding-top:90px
    }
    section.growing-heading{
        font-size:2rem;
        margin-bottom:0;
        min-height:94px
    }
    section.growing-heading.done{
        font-size:3.375rem !important
    }
    section.unhinge{
        margin-top:35px;
        padding-bottom:0;
        text-align:center
    }
    section.unhinge img{
        margin-left:25px;
        max-width:338px
    }
    section.float .floater{
        top:-70px;
        width:100px
    }
    .story-last{
        padding-top:100px
    }
}

@keyframes float{
	0%{
		transform:rotate(8deg) translatey(0px)
	}
	50%{
		transform:rotate(8deg) translatey(-20px)
	}
	100%{
		transform:rotate(8deg) translatey(0px)
	}
}

@media only screen and (max-width: 350px){
    section.unhinge{
        font-size:2.5rem
    }
    section.unhinge img{
        max-width:285px
    }
}
.page-template-template-power-plan .hero{
    position:relative;
    z-index:1
}
.page-template-template-power-plan .hero h2{
    margin-bottom:25px
}
.page-template-template-power-plan .hero.large{
    height:970px;
    padding-top:320px
}
.page-template-template-power-plan .hero.large .container{
    position:relative;
    z-index:2
}
.page-template-template-power-plan .hero:after{
    background-image:linear-gradient(rgba(80,76,91,0),#27252f);
    bottom:0px;
    content:"";
    height:400px;
    left:0;
    position:absolute;
    width:100%;
    z-index:1
}
.page-template-template-power-plan section.video{
    margin-top:-80px;
    position:relative
}
.page-template-template-power-plan section.video .scroll{
    background:radial-gradient(ellipse at center, #ff6c2f 0%,rgba(255,108,47,0) 79%)
}
.page-template-template-power-plan section.video .scroll .scroll-inner{
    background-color:#FF6C2F
}
.page-template-template-power-plan #wrap-inner{
    background-color:#27252F !important
}
.page-template-template-power-plan .top{
    background-color:#FF6C2F
}
.page-template-template-power-plan footer{
    margin-top:-500px !important;
    padding-top:750px !important
}
.page-template-template-power-plan .story-last{
    padding-bottom:150px;
    padding-top:0
}
.page-template-template-power-plan .story-last:before{
    top:0px
}
.plan-wrapper{
    padding-top:190px
}
.plan-wrapper h2{
    margin-bottom:90px;
    text-align:center
}
.plan-wrapper .plan{
    background-color:rgba(255,255,255,0.02);
    border-radius:1px;
    margin-bottom:30px;
    margin-left:-25px;
    padding-bottom:80px;
    padding-top:60px;
    width:calc(100% + 50px)
}
.plan-wrapper .plan h3{
    margin-bottom:0
}
.plan-wrapper .plan h3.sub{
    margin-bottom:20px
}
.plan-wrapper .plan .img,.plan-wrapper .plan .content{
    display:inline-block;
    vertical-align:top;
    width:50%
}
.plan-wrapper .plan .img{
    padding-top:20px;
    text-align:center
}
.plan-wrapper .plan .img img{
    display:inline-block;
    max-width:450px
}
.plan-wrapper .plan .img a{
    background-image:none
}
.plan-wrapper .plan .content{
    padding-right:7.5%
}
.plan-wrapper .plan .content .byline{
    margin-bottom:25px
}
.plan-wrapper .plan .content a{
    background-position-y:19px
}
.plan-wrapper .plan .content a:hover{
    background-position-y:0px
}
.plan-wrapper .plan:last-child{
    margin-bottom:0
}
.plan-wrapper .plan:nth-child(2n+1) .img{
    float:right
}
.plan-wrapper .plan:nth-child(2n+1) .content{
    padding-left:7.5%;
    padding-right:0
}
.shake-slow{
    display:inline-block;
    transform-origin:center center
}
.shake-freeze,.shake-constant.shake-constant--hover:hover,.shake-trigger:hover .shake-constant.shake-constant--hover{
    animation-play-state:paused
}
.shake-freeze:hover,.shake-trigger:hover .shake-freeze,.shake-slow:hover,.shake-trigger:hover .shake-slow{
    animation-play-state:running
}
@keyframes shake-slow{
    2%{
        transform:translate(0px, -3px) rotate(3.5deg)
    }
    4%{
        transform:translate(-9px, -3px) rotate(0.5deg)
    }
    6%{
        transform:translate(-7px, 4px) rotate(-0.5deg)
    }
    8%{
        transform:translate(7px, 5px) rotate(2.5deg)
    }
    10%{
        transform:translate(-1px, -3px) rotate(-1.5deg)
    }
    12%{
        transform:translate(-3px, 8px) rotate(1.5deg)
    }
    14%{
        transform:translate(9px, -7px) rotate(2.5deg)
    }
    16%{
        transform:translate(1px, -9px) rotate(3.5deg)
    }
    18%{
        transform:translate(-4px, 7px) rotate(-1.5deg)
    }
    20%{
        transform:translate(6px, 3px) rotate(0.5deg)
    }
    22%{
        transform:translate(4px, -2px) rotate(-1.5deg)
    }
    24%{
        transform:translate(-7px, -8px) rotate(3.5deg)
    }
    26%{
        transform:translate(-5px, 9px) rotate(2.5deg)
    }
    28%{
        transform:translate(0px, -2px) rotate(-1.5deg)
    }
    30%{
        transform:translate(5px, 9px) rotate(1.5deg)
    }
    32%{
        transform:translate(6px, 2px) rotate(-1.5deg)
    }
    34%{
        transform:translate(-9px, 9px) rotate(2.5deg)
    }
    36%{
        transform:translate(-8px, 10px) rotate(3.5deg)
    }
    38%{
        transform:translate(2px, -4px) rotate(-2.5deg)
    }
    40%{
        transform:translate(2px, 7px) rotate(-2.5deg)
    }
    42%{
        transform:translate(2px, 4px) rotate(3.5deg)
    }
    44%{
        transform:translate(-8px, -3px) rotate(2.5deg)
    }
    46%{
        transform:translate(5px, -3px) rotate(1.5deg)
    }
    48%{
        transform:translate(9px, 4px) rotate(3.5deg)
    }
    50%{
        transform:translate(-1px, 2px) rotate(-1.5deg)
    }
    52%{
        transform:translate(-9px, 4px) rotate(-1.5deg)
    }
    54%{
        transform:translate(-1px, -6px) rotate(-2.5deg)
    }
    56%{
        transform:translate(4px, -6px) rotate(0.5deg)
    }
    58%{
        transform:translate(-8px, 2px) rotate(2.5deg)
    }
    60%{
        transform:translate(2px, 10px) rotate(3.5deg)
    }
    62%{
        transform:translate(5px, 5px) rotate(1.5deg)
    }
    64%{
        transform:translate(5px, 7px) rotate(-0.5deg)
    }
    66%{
        transform:translate(-6px, 9px) rotate(-0.5deg)
    }
    68%{
        transform:translate(4px, -2px) rotate(0.5deg)
    }
    70%{
        transform:translate(-5px, -3px) rotate(3.5deg)
    }
    72%{
        transform:translate(2px, 5px) rotate(-0.5deg)
    }
    74%{
        transform:translate(-9px, 4px) rotate(3.5deg)
    }
    76%{
        transform:translate(3px, -7px) rotate(1.5deg)
    }
    78%{
        transform:translate(0px, 4px) rotate(2.5deg)
    }
    80%{
        transform:translate(-1px, 4px) rotate(1.5deg)
    }
    82%{
        transform:translate(8px, 2px) rotate(1.5deg)
    }
    84%{
        transform:translate(7px, -6px) rotate(-0.5deg)
    }
    86%{
        transform:translate(3px, 0px) rotate(0.5deg)
    }
    88%{
        transform:translate(7px, -9px) rotate(-1.5deg)
    }
    90%{
        transform:translate(1px, 3px) rotate(0.5deg)
    }
    92%{
        transform:translate(10px, 3px) rotate(-0.5deg)
    }
    94%{
        transform:translate(4px, 1px) rotate(1.5deg)
    }
    96%{
        transform:translate(3px, 9px) rotate(2.5deg)
    }
    98%{
        transform:translate(4px, -7px) rotate(0.5deg)
    }
    0%, 100%{
        transform:translate(0, 0) rotate(0)
    }
}
.shake-slow:hover,.shake-trigger:hover .shake-slow,.shake-slow.shake-freeze,.shake-slow.shake-constant{
    animation-name:shake-slow;
    animation-duration:5s;
    animation-timing-function:ease-in-out;
    animation-iteration-count:infinite
}
@media only screen and (max-width: 1280px){
    .page-template-template-power-plan section.video{
        margin-top:-290px
    }
    .page-template-template-power-plan section.hero h2 br{
        display:none
    }
    .plan-wrapper{
        padding-top:95px
    }
    .plan-wrapper h2{
        margin-bottom:45px
    }
    .plan-wrapper .plan{
        padding-bottom:40px;
        padding-top:30px
    }
    .plan-wrapper .plan .img img{
        max-width:250px
    }
}
@media only screen and (max-width: 767px){
    .page-template-template-power-plan .hero.large{
        height:auto;
        padding-bottom:80px;
        padding-top:160px
    }
    .page-template-template-power-plan section.video{
        margin-top:-16px
    }
    .page-template-template-power-plan footer{
        padding-top:600px !important
    }
    .page-template-template-power-plan .story-last{
        padding-bottom:75px
    }
    .plan-wrapper .plan{
        margin-left:-20px;
        margin-bottom:20px;
        padding-left:20px;
        padding-right:20px;
        width:calc(100% + 40px)
    }
    .plan-wrapper .plan .img,.plan-wrapper .plan .content{
        display:block;
        width:100%
    }
    .plan-wrapper .plan .img{
        margin-bottom:20px
    }
    .plan-wrapper .plan .content{
        padding-right:0
    }
    .plan-wrapper .plan:nth-child(2n+1) .img{
        float:none
    }
    .plan-wrapper .plan:nth-child(2n+1) .content{
        padding-left:0;
        padding-right:0
    }
}
.error404 #wrap,.page-template-template-thank-you #wrap{
    background-image:url(../img/create-plan-bg.jpg);
    background-position:top center;
    background-size:cover
}
.error404 #wrap #wrap-inner.fluid,.page-template-template-thank-you #wrap #wrap-inner.fluid{
    background-color:transparent
}
.error404 footer,.page-template-template-thank-you footer{
    background-color:transparent !important;
    background-image:none !important;
    margin-top:0 !important;
    padding-top:0 !important
}
.error404 footer #footer-bottom,.page-template-template-thank-you footer #footer-bottom{
    padding-top:120px
}
#content-404{
    margin-top:260px;
    padding-bottom:200px;
    padding-top:110px;
    position:relative
}
#content-404 a.btn{
    background-position:calc(100% - 55px) center;
    background-size:14px;
    color:#fff;
    line-height:90px;
    padding-right:100px;
    text-align:left
}
#content-404 h3,#content-404 h5{
    color:#FF6C2F
}
#content-404 h3{
    margin-bottom:60px
}
#content-404:before{
    background-color:#fff;
    content:"";
    height:100%;
    left:0px;
    position:absolute;
    top:0px;
    width:calc(100% - 60px)
}
@media only screen and (max-width: 1280px){
    #content-404 a.btn{
        line-height:72px
    }
    #content-404 h3{
        margin-bottom:30px
    }
}
@media only screen and (max-width: 767px){
    #content-404{
        margin-top:130px;
        padding-bottom:100px;
        padding-top:55px
    }
    #content-404 a.btn{
        background-size:10px;
        font-size:16px;
        line-height:61px
    }
    #content-404:before{
        width:calc(100% - 20px)
    }
    body:not(.page-template-template-homepage).error404 footer,body:not(.page-template-template-homepage).page-template-template-thank-you footer{
        background-image:none !important
    }
}
 @media only screen and (max-width: 1280px) {
     section.heading-pull-quote-columns .cols .col:last-child {
         margin-top: 0px;
    }
}
 .cp-form input[type=number] {
     padding: 0px;
}
 iframe {
     display: block;
     max-width: 100%;
     width: 100%;
}
 div.video {
     margin-bottom: 20px;
     padding-bottom: 56.25%;
     position: relative;
}
 div.video iframe {
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
}
 .heading-multi-col:last-child {
     padding-top: 0;
}
/* TABLEPRESS */
 .tablepress thead th {
     background-color: #FF6C2F !important;
     border-bottom: none;
     color: #fff;
     font-family: DinotBold;
     font-weight: 400 !important;
}
 .tablepress tbody td {
     border-top-color: rgba(151, 151, 151, 0.2);
}
 .tablepress tbody tr:last-child td {
     border-bottom: 1px solid rgba(151, 151, 151, 0.2);
}
 .dataTables_filter {
     margin-bottom: 8px;
     margin-right: 8px;
}
 .dataTables_filter label {
     font-family: DinotMedium;
}
 .dataTables_filter input {
     border-width: 1px;
     border-color: rgba(53, 52, 56, 0.3);
     border-radius: 39.5px;
     padding-left: 5px;
}
 .tablepress .even td {
     background-color: rgba(53, 52, 56, 0.04);
}
 .tablepress .odd td {
     background-color: rgba(53, 52, 56, 0.08);
}
 .tablepress .sorting:hover, .tablepress .sorting_asc, .tablepress .sorting_desc {
     background-color: #63C0B1;
}
/* Top Bar */
 #top-bar {
     height: 92px;
     left: 0;
     padding-right: 60px;
     position: fixed;
     text-align: right;
     top: 0;
     width: 100%;
     z-index: 99;
}
 #top-bar__bg {
     background-color: #27262F;
     height: 53px;
     left: 0px;
     position: absolute;
     top: 0;
     width: 100%;
     z-index: 1;
}
 #top-bar__bg2 {
     background-image: linear-gradient( #27262F, transparent );
     height: 39px;
     left: 0px;
     position: absolute;
     top: 53px;
     width: 100%;
     z-index: 1;
}
 #top-bar__tel {
     color: #fff;
     display: inline-block;
     font-family: DinotBold;
     font-size: 22px;
     padding-top: 15px;
     position: relative;
     z-index: 2;
}
 #top-bar__tel span, #top-bar__tel a {
     display: inline-block;
     vertical-align: top;
}
 #top-bar__tel span {
     margin-right: 5px;
}
 #top-bar__tel a {
     background-image: none;
     color: #FF6C2F;
}
 header {
     padding-top: 122px;
}
 #hamburger {
     top: 115px;
}
 #wrap {
     padding-top: 36px;
}
 #wrap.menu-fixed header {
     top: 53px;
}
 #wrap.menu-fixed #top-bar__bg2 {
     display: none;
}
 #wrap.menu-fixed #top-bar {
     height: 53px;
}
 #hamburger-wrap.menu-fixed #hamburger {
     top: 68px;
}
 #wrap.menu-fixed #page-progress {
     top: 153px;
}
 #hamburger-wrap.white-bg #hamburger {
     top: 152px;
}
 #hamburger-wrap.white-bg.menu-fixed #hamburger {
     top: 68px;
}
 @media only screen and (max-width: 1280px) {
     #top-bar {
         padding-right: 30px;
    }
     #hamburger {
         top: 121px;
    }
     #wrap.menu-fixed #page-progress {
         top: 149px;
    }
     #hamburger-wrap.menu-fixed #hamburger {
         top: 81px;
    }
     #hamburger-wrap.white-bg #hamburger {
         top: 158px;
    }
     #hamburger-wrap.white-bg.menu-fixed #hamburger {
         top: 80px;
    }
}
 @media only screen and (max-width: 960px) {
     #wrap.menu-fixed #page-progress {
         top: 137px;
    }
     #hamburger-wrap.menu-fixed #hamburger {
         top: 75px;
    }
     #hamburger-wrap.white-bg.menu-fixed #hamburger {
         top: 75px;
    }
}
 @media only screen and (max-width: 767px) {
     #hamburger-wrap.white-bg.menu-fixed #hamburger {
         top: 55px;
    }
     #hamburger-wrap.white-bg #hamburger {
         top: 113px;
    }
     #wrap.menu-fixed #page-progress {
         top: 127px;
    }
     header {
         padding-top: 75px;
    }
     #top-bar {
         height: 46px;
         padding-right: 0;
         text-align: center;
    }
     #top-bar__tel {
         font-size: 16px;
    }
     #top-bar__bg {
         height: 43px;
    }
     #top-bar__bg2 {
         height: 19px;
         top: 43px;
    }
     #hamburger {
         top: 75px;
    }
     #wrap.menu-fixed header {
         top: 43px;
    }
     #hamburger-wrap.menu-fixed #hamburger {
         top: 55px;
    }
     nav#side {
         z-index: 100;
    }
     #hamburger-wrap.open {
         z-index: 101;
    }
     #hamburger-wrap.open #hamburger {
         top: 45px;
    }
}
 #wrap #wrap-inner ol li:before, #wrap #content-inner ol li:before {
     left: 0;
}
 .single-post blockquote {
     color: #FF6C2F;
     margin-bottom: 18px;
}
 .single-post blockquote p {
     display: inline;
}
 .single-post blockquote:after {
     content: "”";
}
 @media only screen and (min-width: 1281px) {
     .single-post blockquote {
         font-size: 22px;
    }
}
 .gform_validation_container {
     display:none;
}

/* Changes for Marketing 09.10.2018 - DC */
form select {
    border: none;
    border-bottom: 2px solid rgba(216,216,216,0.55);
}

#nav-wrapper .btn.large {
    margin-right: 40px;
    min-width: 236px;
}

.contact-form form input[type=submit], .contact-form .form input[type=submit] {
    min-width: 260px;
}

.page-id-19466 #content-inner {
    background: white;
}

.page-id-19453 #content-inner {
    background: white;
}

.page-id-35 input#input_5_13 {
    background-image: url(https://www.flowpower.com.au/wp-content/themes/flow/library/img/icon-lightning-blue.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 18px;
}

.page-id-35 select#input_5_14 {
    background-image: url(https://www.flowpower.com.au/wp-content/themes/flow/library/img/icon-tools-blue.png);
    background-position: 2px center;
    background-repeat: no-repeat;
    background-size: 33px;
}

.page-id-35 select#input_5_15 {
    background-image: url(https://www.flowpower.com.au/wp-content/themes/flow/library/img/icon-users-blue.png);
    background-position: 2px center;
    background-repeat: no-repeat;
    background-size: 33px;
}

.page-id-35 select#input_5_16 {
    background-image: url(https://www.flowpower.com.au/wp-content/themes/flow/library/img/icon-piggy-blue.png);
    background-position: 2px center;
    background-repeat: no-repeat;
    background-size: 33px;
}

.page-id-35 select#input_5_17 {
    background-image: url(https://www.flowpower.com.au/wp-content/themes/flow/library/img/icon-sun-blue.png);
    background-position: 2px center;
    background-repeat: no-repeat;
    background-size: 31px;
}
.page-id-35 ul#input_5_9 {
  display:inline-block;
}

u {
    text-decoration: none;
}

.page-id-11671 #wrap #wrap-inner ol li:before, #wrap #content-inner ol li:before {
    left: 98px;
}
@media only screen and (max-width: 768px) {
    .page-id-11671 #wrap #wrap-inner ol li:before, #wrap #content-inner ol li:before {
        left: 40px;
   }
}