@charset "utf-8";

/* CSS Document */


/* ==========================================================================
   Reset
   ========================================================================== */

html {
    -webkit-text-size-adjust: none;
    /* Prevent font scaling in landscape */
}

body {
    margin: 0px;
    padding: 0px;
    color: #212121;
    font-family: 'Conv_Gotham-Book';
    font-size: 16px;
    background-color: #ededed;
}

h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li,
form,
input,
textarea,
select {
    margin: 0;
    padding: 0;
}

header,
nav,
article,
footer,
address,
section {
    display: block;
}

p {
    margin: 10px 0;
}

img {
    border: 0;
}

a {
    text-decoration: none;
    outline: none;
    color: #09f;
}

a:focus {
    outline: none;
}

a.link {
    color: #009508;
    font-weight: bold;
    border-bottom: 1px solid #009508;
    text-decoration: none;
}


/* ==========================================================================
   General
   ========================================================================== */

.left {
    text-align: left !important;
}

.right {
    text-align: right !important;
}

.center {
    text-align: center !important;
}

.justify {
    text-align: justify !important;
}

.nofloat {
    float: none !important;
}

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.clear {
    clear: both;
}

.block {
    display: block !important;
}

.inline-block {
    display: inline-block !important;
}

.inline {
    display: inline !important;
}

.absolute {
    position: absolute !important;
}

.relative {
    position: relative !important;
}

.fixed {
    position: fixed !important;
}

.mt10 {
    margin-top: 10px;
}

.mb10 {
    margin-bottom: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mb20 {
    margin-bottom: 20px;
}

.mt30 {
    margin-top: 30px;
}

.mb30 {
    margin-bottom: 30px;
}

.mt40 {
    margin-top: 40px;
}

.mb40 {
    margin-bottom: 40px;
}

.mt50 {
    margin-top: 50px;
}

.mb50 {
    margin-bottom: 50px;
}

.mt60 {
    margin-top: 60px;
}

.mb60 {
    margin-bottom: 60px;
}


/* ==========================================================================
   Layout
   ========================================================================== */

.wrapper {
    width: 100%;
    overflow: hidden;
}

section {
    position: relative;
}

.heading {
    font-family: 'Conv_Verlag-Bold';
    font-size: 28px;
    font-weight: 900;
    color: #243e7e;
    text-transform: uppercase;
    padding: 0 15px;
    /*text-align: center;
    */
}

.inner .heading {
    font-size: 20px;
}

.heading01 {
    font-family: 'Conv_Verlag-Bold';
    font-size: 20px;
    font-weight: 900;
    color: #212121;
    margin-top: 40px;
    margin-bottom: 20px;
    /*text-align: center;
    */
}


/* Header */

header {
    background-color: #0a1734;
}

.toplinks {
    float: right;
    margin-top: 9px;
    position: relative;
    z-index: 1005;
}

.toplinks ul {
    list-style-type: none;
}

.toplinks ul li {
    display: inline-block;
}

.toplinks ul a {
    width: 32px;
    height: 32px;
    border: 1px solid #fff;
    background-image: url(../images/sprite-topbar-icons.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
    display: inline-block;
    -webkit-transition: border-color .3s ease, background .3s ease;
    transition: border-color .3s ease, background .3s ease;
}


/*.toplinks ul a:hover { border-color: #eac943; }*/

.toplinks .email {
    background-position: -32px 0;
}

.toplinks .phone {
    background-position: 0 0;
}

.toplinks ul .social {
    display: none;
}

.toplinks ul .social a {
    background-image: url(../images/social.png);
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
    transition: all .3s ease;
}

.toplinks ul .social a.facebook {
    background-position: 0 0;
}

.toplinks ul .social a.facebook:hover {
    background-position: 0px -16px;
}

.toplinks ul .social a.twitter {
    background-position: -16px 0;
}

.toplinks ul .social a.twitter:hover {
    background-position: -16px -16px;
}

.toplinks ul .social a.linkedin {
    background-position: -32px 0;
}

.toplinks ul .social a.linkedin:hover {
    background-position: -32px -16px;
}

.mainmenu {
    margin-top: -50px;
}

.mainmenu a {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
}


/* Slider */

.slider {
    position: relative;
    overflow: hidden;
    background-color: #19316f;
}

.slider-wrap {
    position: relative;
    min-height: 420px;
    z-index: 2;
}

.slider-wrap>.container {
    padding-left: 0;
    padding-right: 0;
}

.slide.main {
    padding: 15px;
}

.slide-img {
    background-image: url(../images/main-banner-sm.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    position: absolute;
    left: 0;
    right: 0;
    top: 170px;
    bottom: 0;
    z-index: 0;
}

.slide-text {
    position: relative;
    z-index: 1;
    text-align: center;
}

.slide-text h3 {
    font-size: 20px;
    color: #a0f026;
    font-family: 'Conv_Verlag-Bold';
}

.slide-text h3 .highlight {
    font-size: 30px;
    font-weight: 900;
    color: #7be31d;
    display: block;
    background-image: -webkit-linear-gradient(bottom, #7be31d, #c3fd2e);
    background-image: -moz-linear-gradient(bottom, #7be31d, #c3fd2e);
    background-image: -o-linear-gradient(bottom, #7be31d, #c3fd2e);
    /*background-image: -ms-linear-gradient(bottom, #7be31d, #c3fd2e);
	background-image: linear-gradient(to top, #7be31d, #c3fd2e);*/
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.slide-text p {
    font-size: 15px;
    color: #fff;
    font-family: 'Conv_Verlag-Bold';
    text-transform: uppercase;
    line-height: 1.6;
}

.slide-text .btn {
    min-width: 140px;
    -webkit-transition: background-color .3s ease, box-shadow .3s ease;
    transition: background-color .3s ease, box-shadow .3s ease;
}

.slant-wrap {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 0;
}

.slider-slant {
    background-color: #ededed;
    position: absolute;
    left: -25%;
    bottom: -20%;
    width: 150%;
    height: 40%;
}

.slider-slant.top {
    top: -20%;
    bottom: 0
}

.slider-slant.left {
    -webkit-transform: rotate(-7.25deg);
    transform: rotate(-7.25deg);
}

.slider-slant.right {
    -webkit-transform: rotate(7.25deg);
    transform: rotate(7.25deg);
}

.slant-wrap.top {
    top: 0;
    bottom: auto;
}

.slant-wrap.top .slider-slant {
    top: -50%;
}

.slant-wrap.bottom {
    top: auto;
    bottom: 0;
}

.slant-wrap.bottom .slider-slant {
    bottom: -50%;
}


/* How */

.how {
    padding-top: 40px;
    padding-bottom: 20px;
    background-color: #ededed;
}

section.inner {
    padding-bottom: 20px;
    padding-top: 20px;
}

.how p {
    font-size: 16px;
}

.subtext {
    font-size: 16px;
    font-weight: 300;
}

.howlist-wrap {
    max-width: 300px;
    margin: 20px auto;
}

.howlist {
    list-style-type: none;
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
}

.howlist:before {
    content: "";
    width: 4px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20px;
    background-color: #1c3574;
    display: block;
}

.howlist:after {
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 50%;
    position: absolute;
    background-color: #1c3574;
    left: 15px;
    bottom: -2px;
}

.howlist li {
    padding-top: 10px;
    padding-bottom: 10px;
}

.howlist li:first-child:before {
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 50%;
    position: absolute;
    background-color: #1c3574;
    left: 15px;
    top: -2px;
}

.howlist-item {
    position: relative;
    padding-left: 60px;
    text-align: left;
}

.howlist-no {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -22px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: #ddd;
    font-size: 24px;
    line-height: 36px;
    color: #fff;
    border: 3px solid #1c3574;
    text-align: center;
    font-family: 'Conv_Verlag-Bold';
}

.howlist li:first-child .howlist-no {
    background: #0c62c3;
    /* Old browsers */
    background: -moz-linear-gradient(top, #0c62c3 0%, #0c22af 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #0c62c3 0%, #0c22af 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #0c62c3 0%, #0c22af 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0c62c3', endColorstr='#0c22af', GradientType=0);
    /* IE6-9 */
}

.howlist li:nth-child(2) .howlist-no {
    background: #00a008;
    /* Old browsers */
    background: -moz-linear-gradient(top, #00a008 0%, #006b0a 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #00a008 0%, #006b0a 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #00a008 0%, #006b0a 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00a008', endColorstr='#006b0a', GradientType=0);
    /* IE6-9 */
}

.howlist li:nth-child(3) .howlist-no {
    background: #e82d2d;
    /* Old browsers */
    background: -moz-linear-gradient(top, #e82d2d 0%, #7a1818 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #e82d2d 0%, #7a1818 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #e82d2d 0%, #7a1818 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e82d2d', endColorstr='#7a1818', GradientType=0);
    /* IE6-9 */
}

.howlist li:nth-child(4) .howlist-no {
    background: #f9e000;
    /* Old browsers */
    background: -moz-linear-gradient(top, #f9e000 0%, #e59900 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f9e000 0%, #e59900 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f9e000 0%, #e59900 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f9e000', endColorstr='#e59900', GradientType=0);
    /* IE6-9 */
}

.howlist-icon {
    width: 60px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.howlist-icon img {
    display: block;
    max-width: 100%;
}

.howlist-label {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Conv_Verlag-Bold';
}

.how .btn {
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3860c4), to(#142a5e));
    background: -moz-linear-gradient(#3860c4, #142a5e);
    background: linear-gradient(#3860c4, #142a5e);
    border: solid 1px #1a326b;
    border-bottom: solid 4px #0a1738;
    box-shadow: inset 0 0 0 1px #3c5ca9;
    color: #fff;
    text-shadow: 0 1px 0 #102149;
    width: 200px;
}

.how .btn:hover {
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#142a5e), to(#3860c4));
    background: -moz-linear-gradient(#142a5e, #3860c4);
    background: linear-gradient(#142a5e, #3860c4);
    outline: none;
    box-shadow: inset 0 0 0 1px #3c5ca9;
    border-color: #102352;
}


/* Why */

.why {
    background: #013c71 url('../images/why-bg.png') no-repeat center bottom / cover;
    color: #fff;
    padding: 150px 0;
}

.why .heading {
    color: #fff;
}

.why .subtext {
    text-align: center;
}

.why p {
    font-size: 16px;
}

.why .slant-wrap {
    height: 150px;
}

.why .slider-slant {
    height: 100%;
    background-color: #ededed;
}

.why .slider-slant.top {
    top: -50%;
}

.why .btn {
    width: 180px;
    margin: 40px auto 0;
    display: block;
}

.why-graphic-wrap {
    margin-top: 30px;
}

.why-graphic {
    text-align: center;
    font-size: 0;
    margin-bottom: 30px;
}

.why-graphic .circle {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    text-align: center;
}

.why-graphic .circle-title {
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 12px;
    padding-right: 12px;
    z-index: 2;
}

.circle .coverlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 50%;
    background: red;
    z-index: 1;
    background: -webkit-radial-gradient(65% 35%, farthest-side, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.4));
    background: -o-radial-gradient(65% 35%, farthest-side, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.4));
    background: -moz-radial-gradient(65% 35%, farthest-side, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.4));
    background: radial-gradient(farthest-side at 65% 35%, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.4));
}

.circle.green {
    background-color: #33af39;
}

.circle.orange {
    background-color: #ea9d11;
}

.circle.turquoise {
    background-color: #0cc4c7;
    display: block;
    margin-top: -19px;
    margin-bottom: -19px;
    margin-left: auto;
    margin-right: auto;
}

.circle.pink {
    background-color: #dc50cd;
}

.circle.blue {
    background-color: #0e91f6;
}


/* Any */

.any {
    padding: 40px 0;
}

.any p {
    font-size: 16px;
    text-align: center;
    padding: 0 15px;
}


/*.scrollmagic-pin-spacer { padding-bottom: 0 !important; }*/


/* Who */

.who {
    padding: 30px 0;
}

.who .box {
    width: 100%;
    background-color: #203978;
    position: relative;
}

.who .content {
    padding: 30px 15px 100px 15px;
    color: #fff;
    text-align: center;
    font-size: 15px;
}

.who .heading {
    text-align: center;
    color: #fff;
    margin-bottom: 20px;
}

.who p {
    margin-bottom: 25px;
}

.who .box::after {
    content: '';
    background: url('../images/balls-who.png') no-repeat center center;
    display: block;
    width: 245px;
    height: 166px;
    position: absolute;
    bottom: -100px;
    right: 0;
}


/* Benefit */

.benefit {
    padding: 60px 0;
}

.benefit .heading {
    margin-bottom: 60px;
}

.benefit li {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 15px 0;
    padding-left: 35px;
    padding-top: 5px;
    position: relative;
}

.benefit li::before {
    background: url('../images/pros.png') no-repeat center center / 24px;
    display: block;
    content: '';
    width: 24px;
    height: 24px;
    margin-right: 10px;
    position: absolute;
    top: 4px;
    left: 0;
}

.benefit .cons li::before {
    background-image: url('../images/cross.png');
}


/* Footer */

footer {
    background-color: #0e0e0e;
    padding: 20px 0;
    width: 100%;
    color: #505050;
}

footer .logo {
    opacity: 0.4;
    margin: 0 auto;
    display: block;
}

footer a {
    color: #818181;
    text-decoration: none;
}

footer a:hover,
footer a:focus,
.footerlinks.small a:hover,
.footerlinks.small a:focus {
    color: #eac943;
    text-decoration: none;
}

.footerlinks {
    list-style-type: none;
    text-align: center;
}

.footerlinks li {
    display: inline-block;
    font-size: 13px;
}

.footerlinks li+li:before {
    content: "|";
    padding-left: 3px;
    padding-right: 8px;
    color: #5a5a5a;
    display: inline-block;
}

.footerlinks a {
    color: #9f9f9f;
}

.footerlinks.small li {
    font-size: 13px;
}

.footerlinks li+li:before {
    color: #5a5a5a;
}

.footerlinks.small a {
    color: #818181;
}

.footer-logo {
    display: block;
    margin: 20px auto 5px;
    width: 117px;
}

.copyright {
    font-size: 13px;
    color: #505050;
    text-align: center;
}


/*------Inner----*/

.arrow li {
    margin: 15px 0;
    padding-left: 35px;
    padding-top: 5px;
    position: relative;
}

.arrow li::before {
    background: url('../images/arrow.png') no-repeat center center / 24px;
    display: block;
    content: '';
    width: 24px;
    height: 24px;
    margin-right: 10px;
    position: absolute;
    top: 4px;
    left: 0;
}

.address li a {
    padding-left: 35px;
    font-size: 18px;
    padding-top: 8px;
    position: relative;
    display: inline-block;
    color: #212121;
}

.address li a:hover {
    color: #243e7e;
    text-decoration: underline;
}

.address li a::before {
    background: url(../images/sprite-topbar-icons.png) no-repeat right bottom;
    display: block;
    content: '';
    width: 32px;
    height: 32px;
    margin-right: 10px;
    position: absolute;
    top: 4px;
    left: 0;
}

.address li:last-child a::before {
    background-position: bottom left;
}


/* Slider Inner */

.inner .slider-wrap {
    position: relative;
    min-height: 360px;
    z-index: 2;
}

.inner .slider-wrap>.container {
    padding-left: 0;
    padding-right: 0;
}

.inner .slide.main {
    padding: 15px;
}

.inner .slide-img {
    background-image: url(../images/bingo-ball.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    max-width: 380px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
}


/* Small devices (480px and up) */

@media (min-width: 480px) {}


/* Small devices (640px and up) */

@media (min-width: 640px) {
    /* Slider */
    .slider-wrap {
        min-height: 320px;
    }
    .slide.main {
        padding: 30px;
    }
    .slide-text {
        text-align: left;
    }
    .slide-text h3 {
        font-size: 24px;
        line-height: 1.3;
    }
    .slide-text h3 .highlight {
        font-size: 36px;
    }
    .slide-text p {
        font-size: 16px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .slide-img {
        width: 75%;
        top: 0;
        left: auto;
        background-position: right bottom;
    }
    /* Why */
    .why-graphic {
        width: 450px;
        margin-left: auto;
        margin-right: auto;
    }
    .why-text {
        max-width: 500px;
        margin: 30px auto 0;
    }
    .circle.turquoise {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
    }
    .why-graphic .circle {
        margin-bottom: -19px;
    }
    /* Who */
    .who-img {
        height: 300px;
        overflow: hidden;
        position: relative;
    }
    .who-img img {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        max-width: none;
        width: 100%;
    }
}


/* Small devices (tablets, 768px and up) */

@media (min-width: 768px) {
    .heading {
        font-size: 36px;
    }
    .inner .heading {
        font-size: 24px;
    }
    /* Header */
    header {
        min-height: 98px;
    }
    .toplinks {
        width: 50%;
        text-align: right;
    }
    .toplinks li+li:before {
        content: "|";
        font-size: 14px;
        color: #50679c;
        padding-right: 2px;
    }
    .toplinks ul a {
        background: none;
        border: none;
        width: auto;
        height: auto;
        text-indent: 0;
        font-size: 13px;
        line-height: 20px;
        color: #fff;
        padding: 2px 5px;
        -webkit-transition: color .3s ease;
        transition: color .3s ease;
    }
    .toplinks ul a:hover {
        color: #5b83da;
        text-decoration: none;
    }
    .mainmenu {
        margin-top: 0;
    }
    .mainmenu ul {
        margin-top: 13px;
    }
    /* Slider */
    .slide.main {
        padding: 0;
        position: relative;
    }
    .slider-wrap {
        min-height: 1px;
    }
    .slide-text {
        position: absolute;
        top: 40px;
        left: 15px;
    }
    .slide-img {
        background-image: url(../images/main-banner.png);
        background-position: center center;
        width: 100%;
        background-size: cover;
        left: 0;
        bottom: auto;
        padding-bottom: 51%;
    }
    .inner .slide-img {
        background-size: auto;
        left: auto;
    }
    .slide-spacer {
        width: 1px;
        left: 0;
        top: 0;
        padding-bottom: 49.5%;
    }
    .slider .slider-slant {
        height: 300px;
        bottom: -210px;
    }
    /* How */
    .how p {
        font-size: 18px;
    }
    .subtext {
        font-size: 20px;
    }
    /* Why */
    .why p {
        font-size: 18px;
    }
    /* Any */
    .any {
        padding-top: 160px;
        padding-bottom: 160px;
        position: relative;
    }
    .any p {
        padding: 0 35px;
        font-size: 15px;
    }
    #parallax {
        position: relative;
    }
    .ball {
        position: absolute;
        z-index: 10;
        background-repeat: no-repeat;
        background-position: center center;
    }
    .ball-17 {
        background-image: url(../images/ball-17.png);
        width: 72px;
        height: 72px;
        right: 178px;
        top: 300px;
    }
    .ball-21 {
        background-image: url(../images/ball-21.png);
        width: 117px;
        height: 117px;
        right: 58px;
        top: -250px;
    }
    .ball-27 {
        background-image: url(../images/ball-27.png);
        width: 218px;
        height: 218px;
        right: -187px;
        top: 150px;
    }
    .ball-32 {
        background-image: url(../images/ball-32.png);
        width: 141px;
        height: 141px;
        left: -50px;
        top: -114px;
    }
    .ball-36 {
        background-image: url(../images/ball-36.png);
        width: 84px;
        height: 84px;
        left: -45px;
        top: 170px;
    }
    .ball-75 {
        background-image: url(../images/ball-75.png);
        width: 97px;
        height: 97px;
        right: -60px;
        top: -100px;
    }
    /* Who */
    .who-img {
        height: 400px;
    }
    .who .heading {
        text-align: left;
        padding: 0;
    }
    .who .content {
        text-align: left;
        padding-left: 30px;
        padding-right: 30px;
    }
    /* Footer */
    footer .logo {
        margin: 0;
    }
    footer .float-right {
        float: right !important;
    }
    footer .float-left {
        float: left !important;
    }
    .toplinks ul .social {
        display: inline-block;
    }
}


/* Medium devices (desktops, 992px and up) */

@media (min-width: 992px) {
    .heading {
        font-size: 48px;
    }
    .inner.heading {
        font-size: 30px;
    }
    .heading01 {
        font-size: 24px;
    }
    /* Slider */
    .slide-text {
        top: 50px;
        left: 30px;
    }
    .slide-text h3 {
        font-size: 30px;
    }
    .slide-text h3 .highlight {
        font-size: 46px;
    }
    .slide-text p {
        font-size: 22px;
        margin-bottom: 30px;
    }
    /*
    .slider .slider-slant {
        bottom: -186px;
    }*/
    .slide-img {
        left: 5%;
        padding-bottom: 45.35%;
    }
    .slide-spacer {
        padding-bottom: 45.35%;
    }
    .slider .slider-slant {
        height: 300px;
        bottom: -186px;
    }
    /*--Inner Slider---*/
    .inner .slide-img {
        padding-bottom: 30%;
        bottom: 40px;
    }
    .inner .slide-spacer {
        padding-bottom: 38%;
    }
    /* How */
    .howlist-wrap {
        max-width: 970px;
    }
    .howlist:before {
        height: 4px;
        top: 142px;
        bottom: auto;
        left: 0;
        right: 0;
        width: auto;
    }
    .howlist:after {
        left: auto;
        bottom: auto;
        top: 137px;
        right: -3px;
    }
    .howlist li {
        display: inline-block;
    }
    .howlist li:first-child:before {
        top: 137px;
        left: -3px;
    }
    .howlist-no {
        margin-top: -4px;
        left: 50%;
        margin-left: -22px;
    }
    .howlist-item {
        text-align: center;
        padding-left: 45px;
        padding-right: 45px;
    }
    .howlist-icon {
        width: 80px;
        margin-right: auto;
        margin-left: auto;
        display: block;
        margin-bottom: 85px;
    }
    .howlist-label {
        font-size: 18px;
        display: block;
    }
    /* Why */
    .why {
        padding-top: 180px;
        padding-bottom: 180px;
        background-size: 130% auto;
        background-position: center top;
    }
    .why .slant-wrap {
        height: 180px;
    }
    .why .heading {
        margin-top: 30px;
    }
    .why-graphic-wrap {
        margin-bottom: 50px;
    }
    .why .btn {
        margin: 40px 0;
    }
    /* Any */
    .any {
        padding-top: 120px;
    }
    /* Who */
    .who .heading {
        color: #fff;
        margin-bottom: 30px;
    }
    .who .content {
        padding: 45px 40px 80px 5px;
        color: #fff;
        font-size: 18px;
    }
    .who-img {
        height: 452px;
    }
    .who-img img {
        height: 101%;
        width: auto;
    }
    /* Benefit */
    .benefit li {
        font-size: 15px;
        line-height: 25px;
        margin: 30px 0;
        padding-left: 42px;
    }
    .benefit li::before {
        background-size: 32px 32px;
        width: 32px;
        height: 32px;
        top: 2px;
    }
}


/* Large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {
    .heading {
        font-size: 50px;
    }
    .inner .heading {
        font-size: 36px;
    }
    /* Slider */
    .slide-text {
        top: 70px;
    }
    .slide-text h3 {
        font-size: 32px;
    }
    .slide-text h3 .highlight {
        font-size: 52px;
        margin-bottom: 5px;
    }
    .slider .slider-slant {
        bottom: -160px;
    }
    .slide-img {
        left: 0;
    }
    /*--Inner Slider---*/
    .inner .slider-wrap {
        height: 380px;
        min-height: auto;
    }
    .inner .slide-text {
        top: 30px;
    }
    .inner .slide-spacer {
        padding-bottom: 0%;
    }
    .inner .slide-img {
        padding-bottom: 25%;
        bottom: 0;
    }
    /* How */
    .how {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    section.inner {
        padding-bottom: 30px;
        padding-top: 30px;
    }
    .how p {
        font-size: 18px;
    }
    .subtext {
        font-size: 24px;
    }
    /* Any */
    #parallax {
        margin-left: -15px;
        margin-right: -15px;
    }
    .any p {
        font-size: 18px;
        padding-left: 95px;
        padding-right: 95px;
    }
    /* Why */
    .why {
        padding-top: 200px;
        padding-bottom: 200px;
        background-size: 100% auto;
    }
    .why .subtext {
        margin-bottom: 100px;
    }
    .why .slant-wrap {
        height: 200px;
    }
    .why p {
        font-size: 18px;
    }
    .why-graphic {
        width: auto;
    }
    .why-graphic .circle {
        width: 158px;
        height: 158px;
    }
    .why-graphic .circle-title {
        padding-left: 20px;
        padding-right: 20px;
    }
    /* Who */
    .who-img {
        height: 460px;
    }
    .who .content {
        padding-left: 40px;
        padding-right: 70px;
        padding-top: 60px;
    }
    /* Benefit */
    .benefit {
        padding-top: 90px;
        padding-bottom: 90px;
    }
    /* Footer */
    footer {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .footer-logo {
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
    }
    .copyright {
        text-align: left;
    }
    .footerlinks {
        text-align: left;
    }
    .footerlinks:not(.small) {
        margin-top: 15px;
        text-align: right;
    }
    .footerlinks li {
        font-size: 14px;
    }
}


/* Large devices (large desktops, 1200px and up) */

@media (min-width: 1500px) {
    /* Slider */
    .slider .container {
        width: 1400px;
    }
    .slide-text {
        left: 150px;
        top: 100px;
    }
    .slider .slider-slant {
        bottom: -133px;
    }
    .inner .slide-img {
        padding-bottom: 20%;
        bottom: 0;
        left: 50%;
    }
    /* Why */
    .why {
        padding-top: 300px;
        padding-bottom: 300px;
    }
    .why .slant-wrap {
        height: 300px;
    }
}


/* Extra Large devices (large desktops, 1920px and up) */

@media (min-width: 1920px) {
    /* Why */
    .why {
        padding-top: 350px;
        padding-bottom: 350px;
    }
    .why .slant-wrap {
        height: 350px;
    }
}