* {margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
@font-face {
    font-family: "LatoL";
    src: url("../fonts/Lato-Light.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "GothamProRegular"; */
@font-face {
    font-family: "GothamProRegular";
    src: url("../fonts/GothamProRegular/GothamProRegular.eot");
    src: url("../fonts/GothamProRegular/GothamProRegular.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GothamProRegular/GothamProRegular.woff") format("woff"),
    url("../fonts/GothamProRegular/GothamProRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "GothamProBold"; */
@font-face {
    font-family: "GothamProBold";
    src: url("../fonts/GothamProBold/GothamProBold.eot");
    src: url("../fonts/GothamProBold/GothamProBold.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GothamProBold/GothamProBold.woff") format("woff"),
    url("../fonts/GothamProBold/GothamProBold.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "GothamProBlack"; */
@font-face {
    font-family: "GothamProBlack";
    src: url("../fonts/GothamProBlack/GothamProBlack.eot");
    src: url("../fonts/GothamProBlack/GothamProBlack.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GothamProBlack/GothamProBlack.woff") format("woff"),
    url("../fonts/GothamProBlack/GothamProBlack.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "GothamProItalic"; */
@font-face {
    font-family: "GothamProItalic";
    src: url("../fonts/GothamProItalic/GothamProItalic.eot");
    src: url("../fonts/GothamProItalic/GothamProItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GothamProItalic/GothamProItalic.woff") format("woff"),
    url("../fonts/GothamProItalic/GothamProItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "GothamProMedium"; */
@font-face {
    font-family: "GothamProMedium";
    src: url("../fonts/GothamProMedium/GothamProMedium.eot");
    src: url("../fonts/GothamProMedium/GothamProMedium.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GothamProMedium/GothamProMedium.woff") format("woff"),
    url("../fonts/GothamProMedium/GothamProMedium.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "GothamProLight"; */
@font-face {
    font-family: "GothamProLight";
    src: url("../fonts/GothamProLight/GothamProLight.eot");
    src: url("../fonts/GothamProLight/GothamProLight.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GothamProLight/GothamProLight.woff") format("woff"),
    url("../fonts/GothamProLight/GothamProLight.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "GothamProMediumItalic"; */
@font-face {
    font-family: "GothamProMediumItalic";
    src: url("../fonts/GothamProMediumItalic/GothamProMediumItalic.eot");
    src: url("../fonts/GothamProMediumItalic/GothamProMediumItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GothamProMediumItalic/GothamProMediumItalic.woff") format("woff"),
    url("../fonts/GothamProMediumItalic/GothamProMediumItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "GothamProLightItalic"; */
@font-face {
    font-family: "GothamProLightItalic";
    src: url("../fonts/GothamProLightItalic/GothamProLightItalic.eot");
    src: url("../fonts/GothamProLightItalic/GothamProLightItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GothamProLightItalic/GothamProLightItalic.woff") format("woff"),
    url("../fonts/GothamProLightItalic/GothamProLightItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "GothamProBoldItalic"; */
@font-face {
    font-family: "GothamProBoldItalic";
    src: url("../fonts/GothamProBoldItalic/GothamProBoldItalic.eot");
    src: url("../fonts/GothamProBoldItalic/GothamProBoldItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GothamProBoldItalic/GothamProBoldItalic.woff") format("woff"),
    url("../fonts/GothamProBoldItalic/GothamProBoldItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
/* font-family: "GothamProBlackItalic"; */
@font-face {
    font-family: "GothamProBlackItalic";
    src: url("../fonts/GothamProBlackItalic/GothamProBlackItalic.eot");
    src: url("../fonts/GothamProBlackItalic/GothamProBlackItalic.eot?#iefix")format("embedded-opentype"),
    url("../fonts/GothamProBlackItalic/GothamProBlackItalic.woff") format("woff"),
    url("../fonts/GothamProBlackItalic/GothamProBlackItalic.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}
body {color: #666666; font-size: 14px;font-family: "GothamProRegular";}
a, a:hover, a:focus {color: #009fe3; text-decoration: none;}
ul, li {list-style-type: none;}
img {max-width: 100%;}
.clear:after {clear: both; content: ""; display: table;}
.wrapper {
    max-width: 1235px;
    margin: 0 auto;
    padding: 0 10px;
}
header, .main-container, main-container > div, footer {position: relative;}
/* header */
header {padding: 20px 0 14px;}
.logo, nav, .sign-menu {display: inline-block; vertical-align: middle;}
.logo {width: 20%;}
.logo img {max-width: 100%;}
nav {width: 79%; text-align: right;}
nav ul {display: inline-block; vertical-align: middle;}
nav ul li {float: left; margin-right: 16px; font-family: "GothamProMedium"; font-size: 0.85em;}
nav ul li a {letter-spacing: 1px; color: #666666;}
.sign-menu {display: inline-block; vertical-align: middle;}
.sign-menu a {letter-spacing: 1px; font-family: "GothamProBold";}
.sign-menu a.sign-up {padding: 11px 27px; background-color: #00aeef; color: #fff;margin-right: 15px;}
.sign-menu a.log-in {padding: 10px 23px; border: 1px solid; background-color: #fbfbfb;}

/* main container */
.slider img {width: 100%;}

.what-is {max-width: 940px; text-align: center; margin: 0 auto; padding: 60px 0 70px;}

.title {color: #009fe3; font-size: 2.4em; font-family: "GothamProLight";}
.bold-text {font-family: "GothamProLight"; font-size: 1.2em; line-height: 1.5;}
.reg-text {font-size: 1.2em; line-height: 1.3;}
.what-is .bold-text {margin: 25px 0;}

.waw-great {background-color: #f5f5f5; text-align: center; padding-top: 60px; margin-bottom: 13px;}
.profit-cont {margin-top: 20px;}
.profit-cont .item {width: 32.5%; display: inline-block; vertical-align: top; margin-bottom: 60px;}
.profit-cont .item-title {margin: 20px 0;}
.profit-cont .item img {max-width: 100%;}
.profit-cont .item .reg-text {max-width: 288px; margin: 0 auto;}
.item-title {color: #009fe3; font-size: 1.8em; text-transform: uppercase; font-family: "GothamProLight";}

.btns-sector {background-color: #e2e2e2; padding: 0 0 33px 0;}
.btns-cont {max-width: 678px; margin: 0 auto;}
.btns-cont .item {float: left; width: 50%; text-align: center;}
.btns-cont .item p {max-width: 290px; text-align: center; margin: 0 auto;font-size: 1.5em;padding: 50px 0; color: #fff; margin: 33px auto 13px;}
.btns-cont .item.inv p {background-color: #009fe3;font-family: "GothamProLight";}
.btns-cont .item.pub p {background-color: #c2c2c2; border: 1px solid #a4b8ad;}
.btns-cont .item a {font-family: "GothamProLight"; font-size: 1.4em;}

.all-i-o {padding: 65px 0 60px;}
.all-i-o .bold-text {margin: 25px 0 20px;}
.all-i-o .l-item {width: 42%; float: left;}
.all-i-o .l-item .l-item-cont {max-width: 450px; margin: 0 auto;}
.all-i-o .r-item {width: 58%; float: left; text-align: right; margin-top: 50px;}
.blue-point li {font-size: 1.2em; line-height: 1.3; text-indent: 25px; background: url(../images/blue-point.png) no-repeat top 7px left; margin: 20px 0;}

.freefignup {text-align: center;}
.freefignup .anchor {max-width: 485px; margin: 0 auto; height: 1px; background: #666666;margin-bottom: 45px;}
.tw-text {font-family: "GothamProLight"; color: #36a9e1; font-size: 2.4em;margin-top: 15px;}
.under-tw-text {font-size: 1.5em; max-width: 790px;margin: 20px auto 40px; font-family: "GothamProLight";}

/* footer */
.footer-top {background-color: #666666; padding-bottom: 30px;}
.footer-top .wrapper {display: table; width: 100%; padding-top: 50px;}
.footer-top .item {display: table-cell; vertical-align: top; border-right: 1px solid #fff;padding-bottom: 30px;}
.footer-top .social, .footer-top .footer-contacts {width: 22%;}
.footer-top .footer-btns, .footer-top .footer-menu {width: 28%;}
.footer-top .social {text-align: center;}
.footer-top .social p {display: inline-block;}
.footer-top .social p:nth-child(2) {margin: 0 0.9em;}
.footer-top .social a {display: table; height: 4em; width: 4em; text-align: center; background-color: #fff; border-radius: 50%;color: #666;}
.footer-top .social a i {font-size: 2.2em; display: table-cell; vertical-align: middle;}
.footer-menu ul {padding-left: 15px;}
.footer-menu li a {color: #fff; font-family: "GothamProLight"; line-height: 1.4; font-size: 1.2em;}

.footer-btns {padding-left: 20px;}
.footer-btns a {color: #fff; text-align: center; max-width: 212px; padding: 14px 0; border: 1px solid #fff; font-size: 1.1em; display: block;}
.footer-btns a:first-child {margin-bottom: 20px;}
.footer-top .footer-contacts {border-right: none; padding-left: 20px;}
.footer-top .footer-contacts p {color: #fff; font-family: "GothamProLight"; line-height: 1.6; font-size: 1.2em;}

.copyright {background-color: #36a9e1;color: #fff; font-family: LatoL; padding: 27px 0;}
.copyright .cr-l {float: left;}
.copyright .cr-r {float: right;}
.copyright a {color: #fff;}
.copyright span {margin: 0 10px;}
/* banner */
#banner {
    position: relative;
    height: 100vh;
    min-height: 500px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.banner-gradient {
    display: none;
}
#banner .box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding-bottom: 80px;
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 10;
    height: 100% !important;
}
.sl-title {
    font-family: "GothamProLight";
    font-size: 4.2em;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: #fff;
    display: block;
    margin-bottom: 10px;
}
.tagline {
    font-family: "GothamProLight";
    font-size: 1.6em;
    letter-spacing: 0.08em;
    color: rgba(255,255,255,0.9);
    display: block;
}
.banner-arrow { display: block; margin-top: 30px; }

/* split panels */
.col-wrap { display: flex; min-height: 420px; }
.col1 { flex: 1; display: flex; align-items: center; }
.col-content { padding: 60px 55px; }
.col2.col-img { flex: 1; position: relative; background-size: cover !important; background-position: center !important; min-height: 420px; }
.col2 .icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 120px; height: 120px; background-size: contain !important; }
.col2 .color-overlay.blue { position: absolute; inset: 0; background: rgba(54,169,225,0.45); }
.col2 .color-overlay.grey { position: absolute; inset: 0; background: rgba(100,100,100,0.35); }
.large-title { margin-bottom: 25px; }

/* carousel */
.profit-img { height: 100px; display: flex; align-items: center; justify-content: center; }
.profit-img img { max-height: 80px; width: auto; }

/* loader */
.cs-loader { position: fixed; top:0;left:0;right:0;bottom:0; background:#fff; z-index:9999; display:flex; align-items:center; justify-content:center; }