* {
    outline: 0!important
}

h1 {
    font-size: 287.5%
}

h2 {
    font-size: 250%;
    font-weight: 300;
    font-family: Oswald, sans-serif
}

h3 {
    font-size: 200%;
    font-weight: 300;
    font-family: Oswald, sans-serif
}

h4 {
    font-size: 112.5%;
    font-weight: 300;
    font-family: Oswald, sans-serif
}

body {
    font-family: 'Open Sans', sans-serif;
    color: #656565;
    font-size: 16px;
    font-weight: 400
}

.gradient-bg {
    background: #3c96de;
    background: -moz-linear-gradient(left, #3c96de 0, #2989d8 50%, #1e639b 100%);
    background: -webkit-linear-gradient(left, #3c96de 0, #2989d8 50%, #1e639b 100%);
    background: linear-gradient(to right, #3c96de 0, #2989d8 50%, #1e639b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c96de', endColorstr='#1e639b', GradientType=1)
}

.top-menu {
    background-color: #fff;
    z-index: 999;
    width: 100%;
    top: 0;
    left: 0
}

.top-menu p {
	font-size: 0.8em;
}

.top-menu .gradient-bg {
    padding: 5px 0;
    width: 100%;
    float: left
}

.top-menu .gradient-bg p {
    margin: 0;
    color: #fff
}

.top-menu .gradient-bg p a {
    color: inherit;
    font-weight: 700
}

.top-menu .navbar {
    padding: 0;
    width: 100%;
    float: left
}

.top-menu .navbar-nav:not(.profile-menu) .nav-link {
    padding-top: 35px;
    padding-bottom: 35px
}

.top-menu .navbar-nav:not(.profile-menu) .nav-link:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    content: '';
    transition: all .2s ease-in-out 0s;
    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s;
    height: 4px;
    background-color: #3a92d9
}

.top-menu .navbar-nav:not(.profile-menu) .nav-link[aria-expanded=true]:before {
    width: 100%
}

.top-menu .navbar-nav:not(.profile-menu) .nav-link[aria-expanded=true] i {
    transform: rotate(180deg);
    color: #3a92d9
}

.top-menu .nav-link {
    font-size: 80%;
    position: relative;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    color: #333
}

.top-menu .nav-link:after {
    display: none!important
}

.top-menu .nav-link i {
    margin-left: 2px;
    color: #a8a8a8
}

.top-menu .nav-link .badge {
    position: absolute;
    right: 5px;
    top: 15px;
    z-index: 99
}

.top-menu .nav-link .badge.badge-red {
    background-color: #ef4900;
    color: #fff;
    font-size: 87.5%;
    font-weight: 300;
    padding: 5px 7px
}

.top-menu.fixed {
    box-shadow: 2px 2px 5px rgba(0, 0, 0, .3)
}

.top-menu .dropdown-menu {
    border: none;
    background-color: #f7f5f5;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0
}

.top-menu .dropdown-menu .dropdown-item {
    font-family: Oswald, sans-serif;
    font-size: 87.5%;
    text-align: center
}

.mobile-menu-holder {
    width: 100%;
    float: left;
}

.collapse-holder {
    width: 100%;
    float: left;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 40px
}

.collapse-holder .custom-menu {
    position: absolute;
    left: 30px;
    padding: 0 20px;
    top: 0;
    width: calc(100% - 60px);
    z-index: 99
}

.collapse-holder .custom-menu .menu-item {
    background-color: #edecee;
    padding: 15px;
    transition: all .2s ease-in-out 0s;
    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s;
    min-height: 300px
}

.collapse-holder .custom-menu .menu-item.blue-item {
    background-color: #378dd2;
    color: #fff
}

.collapse-holder .custom-menu .menu-item.blue-item p {
    margin-top: 20px;
    font-size: 81.25%
}

.collapse-holder .custom-menu .menu-item.blue-item p b,
.collapse-holder .custom-menu .menu-item.blue-item p strong {
    font-weight: 700
}

.collapse-holder .custom-menu .menu-item a {
    font-weight: 400;
    padding: 0
}

.collapse-holder .custom-menu .menu-item a img {
    margin-top: 25px
}

.collapse-holder .custom-menu .menu-item a img + h4 {
    margin: 15px 0 0
}

.collapse-holder .custom-menu .menu-item a h4 {
    font-family: Oswald, sans-serif;
    font-size: 18px;
    margin: 0
}

.collapse-holder .custom-menu .menu-item a p {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    margin-top: 15px
}

.collapse-holder .custom-menu .menu-item:not(.blue-item):hover {
    background-color: #ccc;
    color: #fff
}

b,
strong {
    font-weight: 700
}

.btn-x {
    background: 0 0;
    border: none;
    color: #648db5;
    padding: 2px 10px
}

.btn-white {
    min-width: 132px;
    line-height: 57px;
    font-family: Oswald, sans-serif;
    font-weight: 500;
    color: #3990d6;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: #fff;
    border: 2px solid #fff;
    transition: all .2s ease-in-out 0s;
    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s;
    font-size: 87.5%;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    text-align: center;
    cursor: pointer;
    padding: 0 5px;
    display: inline-block
}

.btn-white:hover {
    background-color: transparent;
    color: #fff
}

.btn-blue-lite {
    width: 100%;
    max-width: 150px;
    line-height: 57px;
    font-family: Oswald, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 2px;
    background-color: #76a1c5;
    border: 2px solid #76a1c5;
    transition: all .2s ease-in-out 0s;
    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s;
    font-size: 87.5%;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    position: relative;
    z-index: 5;
    text-align: center;
    cursor: pointer;
    padding: 0 5px;
    display: inline-block
}

.btn-blue-lite:hover {
    background-color: #fff;
    color: #76a1c5
}

.btn-blue {
    min-width: 170px;
    line-height: 57px;
    font-family: Oswald, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 2px;
    background-color: #3890d6;
    border: 2px solid #3890d6;
    transition: all .2s ease-in-out 0s;
    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s;
    font-size: 87.5%;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    text-align: center;
    cursor: pointer;
    padding: 0 5px;
    display: inline-block
}

.btn-blue:hover {
    background-color: transparent;
    color: #3890d6
}

.btn-orange {
    min-width: 170px;
    line-height: 57px;
    font-family: Oswald, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 2px;
    background-color: #ef9c00;
    border: 2px solid #ef9c00;
    transition: all .2s ease-in-out 0s;
    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s;
    font-size: 87.5%;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    text-align: center;
    cursor: pointer;
    padding: 0 5px;
    display: inline-block
}

.btn-orange:hover {
    background-color: transparent;
    color: #ef9c00
}

.btn-orange-line {
    min-width: 170px;
    line-height: 57px;
    font-family: Oswald, sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 2px;
    background-color: transparent;
    border: 2px solid #ef9c00;
    transition: all .2s ease-in-out 0s;
    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s;
    font-size: 87.5%;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    text-align: center;
    cursor: pointer;
    padding: 0 5px;
    display: inline-block
}

.btn-orange-line:hover {
    background-color: transparent;
    color: #ef9c00
}

.btn-video {
    margin-left: 15px;
    color: inherit;
    font-weight: 600
}

.btn-video i {
    margin-right: 20px;
    position: relative
}

.btn-video i:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -22px;
    border: 3px solid #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 40px;
    height: 40px
}

.btn-video:hover {
    text-decoration: none;
    color: #ef9c00
}

.btn-video:hover i:after {
    border-color: #ef9c00
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

section {
    width: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    padding: 100px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

section.hero {
    /*padding-top: calc(100vh - 85vh);*/
    color: #fff;
    padding: 0;
}

section.hero label {
    font-family: Oswald, sans-serif;
    font-weight: 700;
    font-size: 75%;
    text-transform: uppercase;
    letter-spacing: 2px
}

section.hero h1 {
    font-size: 250%;
    font-family: Oswald, sans-serif;
    font-weight: 300
}

section.hero h1 b,
section.hero h1 strong {
    font-weight: 500
}

section.hero p {
    font-size: 125%;
    margin-top: 20px;
    margin-bottom: 40px
}

section.hero p.specialoffer {
	font-weight: bold;
    padding: 20px 30px;
    background: rgba(255,255,255,0.1);
    border-radius: 10px;
	margin-bottom: 25px;
}

section.leafs {
    padding-bottom: 0;
    background-position: top center
}

section.gradient-bg-img {
    background-size: 100% 100%;
    padding-bottom: 200px
}

section.video {
    background-size: 100% auto;
    background-position: top center
}

.footer .social {
    margin: 30px 0 0;
    padding: 0;
    width: 100%;
    float: left
}

.footer .social li {
    list-style: none;
    margin: 0 15% 0 0
}

.footer .social li a {
    color: inherit;
    font-size: 18px
}

.footer .terms .menu-link {
    padding: 5px 10px
}

.footer .border-bottom {
    border-color: rgba(255, 255, 255, .2)!important
}

.footer .navbar-brand {
    font-family: Oswald, sans-serif;
    font-size: 87.5%;
    font-weight: 700;
	text-align:left;
	padding-top: .3125rem;
    padding-bottom: .3125rem;
}

.footer .menu-link {
    color: inherit;
    opacity: .5;
    font-family: Oswald, sans-serif;
    font-size: 87.5%
}

.footer .menu-link:hover {
    opacity: 1;
    text-decoration: none
}

.footer .call-us-holder {
    position: relative
}

.footer .call-us-holder:before {
    content: '';
    width: 100%;
    height: 140%;
    position: absolute;
    left: 0;
    top: -20%;
    background-color: rgba(255, 255, 255, .2);
    z-index: 0
}

.footer .call-us-holder label {
    font-weight: 300;
    font-family: Oswald, sans-serif;
    font-size: 87.5%;
    position: relative;
    z-index: 5;
	color:#fff;
	margin-bottom: .5rem;
}

.footer .call-us-holder h3 {
    font-size: 137.5%;
    position: relative;
    z-index: 5;
    font-weight: 500;
    font-family: Oswald, sans-serif
}

.footer .call-us-holder p {
    opacity: .5;
    font-weight: 300;
    font-family: Oswald, sans-serif;
    font-size: 93.75%
}

.footer .copy p {
    margin: 20px 0;
    font-size: 87.5%
}

.dots-li {
    position: relative;
    z-index: 2
}

.dots-li ul {
    margin-top: 0;
    padding: 0;
    width: 100%;
    float: left
}

.dots-li li {
    width: 100%;
    position: relative;
    float: left;
    margin: 0 0 40px;
    list-style: none
}

.dots-li li p {
    font-size: 100%;
    margin-bottom: 0
}

img {
    max-width: 100%;
    height: auto
}

.absolute-image {
    width: 100%;
    z-index: 0;
    min-height: 1px;
    position: absolute;
    right: 0;
    bottom: 0
}

.absolute-image img {
    position: absolute;
    bottom: 0;
    right: 0
}

.section-title {
    margin-bottom: 50px
}

.section-title.custom-height {
    margin-bottom: 0
}

.section-title label {
    font-family: Oswald, sans-serif;
    font-weight: 700;
    font-size: 75%;
    text-transform: uppercase;
    letter-spacing: 2px
}

.section-title p {
    margin-top: 20px;
    margin-bottom: 40px
}

.dot-info {
    text-align: left;
    position: absolute;
    width: 300px;
    padding: 0 15px;
    left: 50%;
    margin-left: -150px;
    margin-top: -90px;
    top: 50%
}

.dot-info.dot-left:after {
    content: '';
    position: absolute;
    left: -40px;
    top: 30px;
    width: 30px;
    height: 30px;
    background-color: #70a763;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}

.dot-info.dot-right:after {
    content: '';
    position: absolute;
    right: -40px;
    top: 30px;
    width: 30px;
    height: 30px;
    background-color: #70a763;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}

.dot-info.top-left {
    margin: -300px 0 0 -560px
}

.dot-info.top-right {
    margin: -300px 0 0 260px
}

.dot-info.bottom-right {
    margin: 140px 0 0 260px
}

.dot-info.bottom-left {
    margin: 140px 0 0 -565px
}

.dot-info h4 {
    font-weight: 400
}

.dot-info p {
    font-size: 87.5%
}

.custom-height {
    min-height: 800px
}

.info-holder img {
    height: 140px;
    width: auto
}

.info-holder h4 {
    margin: 30px 0
}

.info-holder p {
    margin: 0;
    font-size: 87.5%
}

@media (max-width:1800px) {
    .dots-li li:after {
        width: calc(100% - 350px)
    }
    .dots-li li:before {
        right: 0
    }
    .dots-li li:nth-child(1):after {
        width: 57%
    }
    .dots-li li:nth-child(1):before {
        right: 10%
    }
    .dots-li li:nth-child(2):after {
        width: 50%
    }
    .dots-li li:nth-child(2):before {
        right: 17%
    }
}

@media (max-width:1580px) {
    .dots-li li:after {
        width: 60%
    }
    .dots-li li:before {
        right: 7%
    }
    .dots-li li:nth-child(1):after {
        width: 50%
    }
    .dots-li li:nth-child(1):before {
        right: 17%
    }
    .dots-li li:nth-child(2):after {
        width: 43%
    }
    .dots-li li:nth-child(2):before {
        right: 24%
    }
}

@media (max-width:1500px) {
    section.hero {
        background-size: cover;
        background-position: center center;
    }
}

@media (max-width:1480px) {
    .dots-li li:after {
        width: 55%
    }
    .dots-li li:before {
        right: 12%
    }
    .dots-li li:nth-child(1):after {
        width: 47%
    }
    .dots-li li:nth-child(1):before {
        right: 20%
    }
    .dots-li li:nth-child(2):after {
        width: 40%
    }
    .dots-li li:nth-child(2):before {
        right: 27%
    }
    .custom-height {
        min-height: 500px
    }
}

@media (max-width:1350px) {
    .dots-li li:after {
        width: 50%
    }
    .dots-li li:before {
        right: 17%
    }
    .dots-li li:nth-child(1):after {
        width: 42%
    }
    .dots-li li:nth-child(1):before {
        right: 25%
    }
    .dots-li li:nth-child(2):after {
        width: 35%
    }
    .dots-li li:nth-child(2):before {
        right: 32%
    }
}

@media (max-width:1200px) {
    .dots-li li:after {
        width: 40%
    }
    .dots-li li:before {
        right: 22%
    }
    .dots-li li:nth-child(1):after {
        width: 32%
    }
    .dots-li li:nth-child(1):before {
        right: 30%
    }
    .dots-li li:nth-child(2):after {
        width: 25%
    }
    .dots-li li:nth-child(2):before {
        right: 37%
    }
    .top-menu .nav-link {
        text-align: center
    }
    .top-menu .navbar-nav:not(.profile-menu) .nav-link {
        padding-top: 8px;
        padding-bottom: 8px
    }
    .dot-info {
        width: 200px
    }
    .dot-info.top-left {
        margin: -300px 0 0 -457px
    }
    .dot-info.bottom-left {
        margin: 140px 0 0 -464px
    }
    .collapse-holder {
        display: none
    }
}

@media (max-width:1050px) {
    section.video {
        background-size: auto 100%
    }
}

@media (max-width:991px) {
    section.hero {
        background-size: cover;
        background-position: 70% center;
        padding-top: 200px;
        padding-bottom: 450px
    }
    .dots-li li {
        padding-right: 20%
    }
    .dots-li li:after,
    .dots-li li:before {
        display: none!important
    }
    .absolute-image {
        max-width: 40%
    }
    .footer .social li {
        margin: 0 20px
    }
    .footer .navbar-brand {
        margin-right: 0
    }
}

@media (max-width:920px) {
    .dot-info {
        position: relative;
        left: auto;
        top: auto;
        margin: 15px 0!important;
        width: 100%;
        text-align: left!important
    }
    .dot-info:after {
        display: none
    }
}

@media (max-width:767px) {
    section.hero .btn-orange,
    section.hero .btn-orange-line {
        margin-top: 15px
    }
    section.hero .btn-orange-line:hover,
    section.hero .btn-orange:hover {
        background-color: #fff!important
    }
    .dots-li li {
        padding-right: 0
    }
    section.footer .navbar-nav {
        width: 33.333%!important;
        float: left;
        margin-bottom: 30px
    }
    section.footer .copy {
        text-align: center
    }
    section.footer .terms {
        width: 100%!important;
        margin-bottom: 0
    }
}

@media (max-width:576px) {
    section.footer .navbar-nav {
        width: 50%!important;
        float: left;
        text-align: center
    }
    section.footer .terms {
        width: 100%!important;
        margin-bottom: 0
    }
}

@media (min-width:768px) {
	#checkoutSteps {
		margin-bottom:80px;
	}
}

@media (max-width:767.98px) {
	.opc-block-progress {
		margin-bottom:70px;
	}
}