/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 

.fl-builder-content-865, .fl-builder-content-870 {padding:0;}
video {width: 100%; height: auto;}
#frm_field_72_container img {
 -webkit-transition: all 100ms ease-in;
 -moz-transition: all 100ms ease-in;
 transition: all 100ms ease-in;
 -webkit-filter: invert(4) grayscale(0) opacity(1);
 -moz-filter: invert(.4) grayscale(0) opacity(1);
 filter: invert(.4) grayscale(0) opacity(1);
}

#frm_field_72_container img:hover,
#frm_field_72_container input:checked + img {
 -webkit-filter: none;
 -moz-filter: none;
 filter: none;
}
.wdpage {background-color:#fff;border-radius: 4px;
-webkit-box-shadow: 0 10px 25px 0 rgba(73,89,108,0.15);
-moz-box-shadow: 0 10px 25px 0 rgba(73,89,108,0.15);
box-shadow: 0 10px 25px 0 rgba(73,89,108,0.15);}

.blog_featured_posts h4 a{color:#208aff}
.blog_featured_posts .uabb-blog-posts-description{padding: 0 !important}
.blog_featured_posts .uabb-blog-posts-shadow{box-shadow: none !important}

.subscribe_blog .fl-row-content-wrap{max-width: 600px; margin: 0 auto;}
.subscribe_blog .fl-row-content-wrap .fl-rich-text p{margin-top: 5px !important}
.subscribe_blog input{height: 38px !important;}

.section-title h2, .section-title p, .modal.modal-package .modal-package-title h3, .header-logo a h1, .header-menu .nav .nav-list .dropdown-menu-wrapper a p, .header-menu .nav .nav-list .dropdown-menu-group h3, .header-menu .nav .nav-list .dropdown-menu-group ul, .header-phone p, .footer-logo a h2, .footer-menu-wrapper h3, .footer-menu-wrapper ul, .footer-copyright p, .hero-text h2, .hero-text p, .service-detail h3, .service-detail p, .feature-detail h3, .feature-detail p, .feature-list ul, .card-item h3, .help-detail p, .bundle-detail p, .card-member-service h3, .card-member-service p, .member-service-package .mobile-package-tabs ul, .card-service-package h3, .card-service-package ul, .card-service-package .service-package-pricing p, .service-package-text p, .service-package-list h3, .service-package-list ul, .service-package-list ul li p, .service-main-detail h3, .service-main-detail p, .member-package-feature-title h3, .member-package-feature-list ul, .member-package-feature-price h4, .member-package-about h3, .member-package-about-text p, .customize-package-title h3, .customize-package-title h4, .range-slider-label h3, .range-slider-feature ul, .range-slider-form .range-control .range-value p, .range-slider-form p, .faq-wrapper .card-body p, .faq-cta h3, .customer-story-title h2, .customer-story-title p, .customer-story-description h4, .customer-story-description p { margin: 0; padding: 0 }
.range-slider-form .range-control input[type=range] { -webkit-appearance: none; -moz-appearance: none; appearance: none }
html, body { font-family: "Nunito Sans", sans-serif; font-weight: 400; font-size: 16px; color: #404852; -moz-osx-font-smoothings: grayscale; -webkit-font-smoothing: antialiased }
section.hero-banner-section { background-image: -webkit-linear-gradient(120deg, #6EF1D9, #4772C8, #4F209E); background-image: -moz-linear-gradient(120deg, #6EF1D9, #4772C8, #4F209E); background-image: -ms-linear-gradient(120deg, #6EF1D9, #4772C8, #4F209E); background-image: -o-linear-gradient(120deg, #6EF1D9, #4772C8, #4F209E); background-image: linear-gradient(120deg, #6EF1D9, #4772C8, #4F209E); position: relative; overflow: hidden; padding: 150px 0 240px }




@media (min-width: 576px) {
section.hero-banner-section { padding: 180px 0 320px }
}

@media (min-width: 768px) {
    section.hero-banner-section { padding: 180px 0 400px }
}

@media (min-width: 992px) {
section.hero-banner-section { padding: 200px 0 480px }
}

@media (min-width: 1200px) {
section.hero-banner-section { padding: 240px 0 560px }
}

@media (min-width: 1440px) {
section.hero-banner-section { padding: 264px 0 600px }
}
section.hero-service-section { background-image: -webkit-linear-gradient(120deg, #6EF1D9, #4772C8, #4F209E); background-image: -moz-linear-gradient(120deg, #6EF1D9, #4772C8, #4F209E); background-image: -ms-linear-gradient(120deg, #6EF1D9, #4772C8, #4F209E); background-image: -o-linear-gradient(120deg, #6EF1D9, #4772C8, #4F209E); background-image: linear-gradient(120deg, #6EF1D9, #4772C8, #4F209E); position: relative; overflow: hidden; padding: 150px 0 160px }

@media (min-width: 576px) {
section.hero-service-section { padding: 180px 0 240px }
}

@media (min-width: 768px) {
section.hero-service-section { padding: 180px 0 320px }
}

@media (min-width: 992px) {
section.hero-service-section { padding: 200px 0 400px }
}

@media (min-width: 1200px) {
section.hero-service-section { padding: 240px 0 500px }
}

@media (min-width: 1440px) {
section.hero-service-section { padding: 264px 0 540px }
}
section.hero-contact-section { background-image: -webkit-linear-gradient(120deg, #6EF1D9, #4772C8, #4F209E); background-image: -moz-linear-gradient(120deg, #6EF1D9, #4772C8, #4F209E); background-image: -ms-linear-gradient(120deg, #6EF1D9, #4772C8, #4F209E); background-image: -o-linear-gradient(120deg, #6EF1D9, #4772C8, #4F209E); background-image: linear-gradient(120deg, #6EF1D9, #4772C8, #4F209E); position: relative; overflow: hidden; padding: 150px 0 160px }

@media (min-width: 576px) {
section.hero-contact-section { padding: 180px 0 240px }
}

@media (min-width: 481px) and (max-width: 575px) {
section.hero-contact-section { padding-top: 220px; }
}

@media (min-width: 768px) {
section.hero-contact-section { padding: 180px 0 300px }
}

@media (min-width: 992px) {
section.hero-contact-section { padding: 200px 0 360px }
}

@media (min-width: 1200px) {
section.hero-contact-section { padding: 240px 0 420px }
}

@media (min-width: 1440px) {
section.hero-contact-section { padding: 264px 0 420px }
}
section.package-detail-banner { padding: 132px 0 600px }

@media (min-width: 576px) {
section.package-detail-banner { padding: 132px 0 380px }
}

@media (min-width: 768px) {
section.package-detail-banner { padding: 132px 0 600px }
}

@media (min-width: 992px) {
section.package-detail-banner { padding: 132px 0 600px }
}

@media (min-width: 1200px) {
section.package-detail-banner { padding: 176px 0 600px }
}
@media (max-width: 575px) {
section.package-detail-banner { padding: 132px 0 300px }
}
section.hero-illustration-section { position: relative }
section.service-section { position: relative; overflow: hidden; padding: 68px 0 88px }
section.service-section:before { width: 100%; height: 100%; background-image: -webkit-linear-gradient(180deg, rgba(245,246,248,0), #f5f6f8, white); background-image: -moz-linear-gradient(180deg, rgba(245,246,248,0), #f5f6f8, white); background-image: -ms-linear-gradient(180deg, rgba(245,246,248,0), #f5f6f8, white); background-image: -o-linear-gradient(180deg, rgba(245,246,248,0), #f5f6f8, white); background-image: linear-gradient(180deg, rgba(245,246,248,0), #f5f6f8, white); content: ''; position: absolute; top: 0; left: 0; z-index: 0 }

@media (min-width: 576px) {
section.service-section { padding: 68px 0 148px }
}
section.help-section { background-image: -webkit-linear-gradient(180deg, #6EF1D9, #4772C8, #4F209E 180%); background-image: -moz-linear-gradient(180deg, #6EF1D9, #4772C8, #4F209E 180%); background-image: -ms-linear-gradient(180deg, #6EF1D9, #4772C8, #4F209E 180%); background-image: -o-linear-gradient(180deg, #6EF1D9, #4772C8, #4F209E 180%); background-image: linear-gradient(180deg, #6EF1D9, #4772C8, #4F209E 180%); position: relative; overflow: hidden; padding: 0 0 250px }
section.grow-section { -webkit-clip-path: polygon(0 0, 100% 100px, 100% 100%, 0 100%); -moz-clip-path: polygon(0 0, 100% 100px, 100% 100%, 0 100%); -o-clip-path: polygon(0 0, 100% 100px, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 100px, 100% 100%, 0 100%); background-image: -webkit-linear-gradient(175deg, #78fffd -75%, #155daa 135%); background-image: -moz-linear-gradient(175deg, #78fffd -75%, #155daa 135%); background-image: -ms-linear-gradient(175deg, #78fffd -75%, #155daa 135%); background-image: -o-linear-gradient(175deg, #78fffd -75%, #155daa 135%); background-image: linear-gradient(175deg, #78fffd -75%, #155daa 135%); position: relative; overflow: hidden; margin: -200px 0 0; padding: 160px 0 296px }

@media (min-width: 768px) {
section.grow-section { -webkit-clip-path: polygon(0 0, 100% 200px, 100% 100%, 0 100%); -moz-clip-path: polygon(0 0, 100% 200px, 100% 100%, 0 100%); -o-clip-path: polygon(0 0, 100% 200px, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 200px, 100% 100%, 0 100%); padding: 272px 0 296px }
}
section.member-service-section { position: relative; overflow: hidden; padding: 20px 0 300px }

@media (min-width: 768px) {
section.member-service-section { padding: 90px 0 300px }
}

@media (min-width: 992px) {
section.member-service-section { padding: 160px 0 300px }
}
section.member-package-section { position: relative; padding: 0 0 300px }
section.customer-story-banner { position: relative; padding: 150px 0 260px }

@media (min-width: 576px) {
section.customer-story-banner { padding: 180px 0 380px }
}

@media (min-width: 768px) {
section.customer-story-banner { padding: 180px 0 540px }
}

@media (min-width: 992px) {
section.customer-story-banner { padding: 200px 0 600px }
}

@media (min-width: 1200px) {
section.customer-story-banner { padding: 240px 0 680px }
}

@media (min-width: 1440px) {
section.customer-story-banner { padding: 264px 0 700px }
}

@media (min-width: 1600px) {
section.customer-story-banner { padding: 264px 0 780px }
}
section.customer-story-section { position: relative; overflow: hidden; padding: 0 0 320px }
section.contact-section { position: relative; overflow: hidden; padding: 40px 0 320px }
.full-container { position: relative; width: 100%; max-width: 1440px; margin: 0 auto }
.container { position: relative; width: 100%; max-width: 1120px; margin: 0 auto; padding: 0 30px }

@media (min-width: 768px) {
.container { padding: 0 40px }
}

@media (min-width: 768px) {
.container { padding: 0 50px }
}
.section-title h2 { font-size: 24px; font-weight: 700; line-height: 30px; letter-spacing: .4px }

@media (min-width: 576px) {
.section-title h2 { font-size: 32px; line-height: 40px }
}

@media (min-width: 768px) {
.section-title h2 { font-size: 36px; line-height: 45px }
}

@media (min-width: 1200px) {
.section-title h2 { font-size: 42px; line-height: 48px }
}

@media (min-width: 1440px) {
.section-title h2 { font-size: 48px; line-height: 60px; letter-spacing: .53px }
}
.section-title p { margin-top: 30px; font-size: 15px; font-weight: 300; line-height: 24px; letter-spacing: .6px }

@media (min-width: 1200px) {
.section-title p { font-size: 18px; line-height: 30px; letter-spacing: .6px }
}

@media (min-width: 1440px) {
.section-title p { font-size: 22px; line-height: 35px; letter-spacing: .85px }
}
.section-title.grow-title h2 { font-size: 24px; font-weight: 400; line-height: 32px; letter-spacing: 1.6px; text-transform: uppercase; color: #fff }
.section-title.grow-title h2 span { font-weight: 800 }

@media (min-width: 1200px) {
.section-title.grow-title h2 { font-size: 30px; line-height: 42px; letter-spacing: 2.7px }
}

@media (min-width: 1440px) {
.section-title.grow-title h2 { font-size: 35px; line-height: 58px; letter-spacing: 3px }
}
.section-title.service-marketing-title h2 { max-width: 680px; margin: 0 auto }
.section-title.service-marketing-title p { font-size: 16px; line-height: 28px; letter-spacing: .6px }
.section-title.service-package-title h2 { max-width: 620px }
.section-title.service-package-title p { max-width: 800px; font-size: 16px; line-height: 28px; letter-spacing: .6px }
.app { position: relative }
.app.fixed { position: fixed; overflow: hidden; width: 100% }
.app.fixed .header-container { background-color: #fff }
.modal.modal-package .modal-dialog { width: calc(100% - 40px); max-width: 1200px; margin: 40px 20px }

@media (min-width: 768px) {
.modal.modal-package .modal-dialog { width: calc(100% - 60px); margin: 60px auto }
}
.modal.modal-package .modal-content { -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; position: relative }
.modal.modal-package .modal-body { padding: 31px 25px }
.modal.modal-package .modal-body .close { position: absolute; top: 20px; right: 28px; font-size: 40px; font-weight: 400 }
.modal.modal-package .modal-body .close:focus { outline: none }

@media (min-width: 576px) {
.modal.modal-package .modal-body .close { top: 32px; right: 40px }
}
.modal.modal-package .modal-body .member-package-feature-list { margin-top: 30px }

@media (min-width: 576px) {
.modal.modal-package .modal-body .member-package-feature-list { margin-top: 64px }
}

@media (min-width: 768px) {
.modal.modal-package .modal-body { padding: 42px 75px 84px }
}

@media (min-width: 992px) {
.modal.modal-package .modal-body { padding: 56px 100px 112px }
}
.modal.modal-package .modal-package-title h3 { font-size: 20px; font-weight: 700; line-height: 24px; letter-spacing: 1.5px; text-transform: uppercase; text-align: center }

@media (min-width: 576px) {
.modal.modal-package .modal-package-title h3 { font-size: 29px; line-height: 19px; letter-spacing: 2px }
}
.popover { -webkit-box-shadow: 0 0 9px 3px rgba(201,210,247,0.33); -moz-box-shadow: 0 0 9px 3px rgba(201,210,247,0.33); -ms-box-shadow: 0 0 9px 3px rgba(201,210,247,0.33); -o-box-shadow: 0 0 9px 3px rgba(201,210,247,0.33); box-shadow: 0 0 9px 3px rgba(201,210,247,0.33); border: 0 }
.popover .arrow:before { border-top-color: transparent; border-bottom-color: transparent }
.popover .arrow:after { border-top-color: #636f83; border-bottom-color: #636f83 }
.popover .popover-body { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; padding: 10px; font-family: "Nunito Sans", sans-serif; font-size: .75rem; font-weight: 600; color: #fff; background-color: #636f83 }

@media (min-width: 768px) {
.popover .popover-body { padding: 20px; font-size: 1.25rem }
}

@media (min-width: 576px) {
.popover { -webkit-box-shadow: 0 0 15px 4px rgba(201,210,247,0.33); -moz-box-shadow: 0 0 15px 4px rgba(201,210,247,0.33); -ms-box-shadow: 0 0 15px 4px rgba(201,210,247,0.33); -o-box-shadow: 0 0 15px 4px rgba(201,210,247,0.33); box-shadow: 0 0 15px 4px rgba(201,210,247,0.33) }
}

@media (min-width: 768px) {
.popover { -webkit-box-shadow: 0 0 21px 5px rgba(201,210,247,0.33); -moz-box-shadow: 0 0 21px 5px rgba(201,210,247,0.33); -ms-box-shadow: 0 0 21px 5px rgba(201,210,247,0.33); -o-box-shadow: 0 0 21px 5px rgba(201,210,247,0.33); box-shadow: 0 0 21px 5px rgba(201,210,247,0.33) }
}

@media (min-width: 992px) {
.popover { -webkit-box-shadow: 0 0 27px 6px rgba(201,210,247,0.33); -moz-box-shadow: 0 0 27px 6px rgba(201,210,247,0.33); -ms-box-shadow: 0 0 27px 6px rgba(201,210,247,0.33); -o-box-shadow: 0 0 27px 6px rgba(201,210,247,0.33); box-shadow: 0 0 27px 6px rgba(201,210,247,0.33) }
}

@media (min-width: 1200px) {
.popover { -webkit-box-shadow: 0 0 33px 7px rgba(201,210,247,0.33); -moz-box-shadow: 0 0 33px 7px rgba(201,210,247,0.33); -ms-box-shadow: 0 0 33px 7px rgba(201,210,247,0.33); -o-box-shadow: 0 0 33px 7px rgba(201,210,247,0.33); box-shadow: 0 0 33px 7px rgba(201,210,247,0.33) }
}
@-webkit-keyframes chartLine {
from {
stroke-dashoffset:1040
}
to {
stroke-dashoffset:0
}
}
@-moz-keyframes chartLine {
from {
stroke-dashoffset:1040
}
to {
stroke-dashoffset:0
}
}
@-o-keyframes chartLine {
from {
stroke-dashoffset:1040
}
to {
stroke-dashoffset:0
}
}
@keyframes chartLine {
from {
stroke-dashoffset:1040
}
to {
stroke-dashoffset:0
}
}
@-webkit-keyframes longResultChartLine {
from {
stroke-dashoffset:100
}
to {
stroke-dashoffset:0
}
}
@-moz-keyframes longResultChartLine {
from {
stroke-dashoffset:100
}
to {
stroke-dashoffset:0
}
}
@-o-keyframes longResultChartLine {
from {
stroke-dashoffset:100
}
to {
stroke-dashoffset:0
}
}
@keyframes longResultChartLine {
from {
stroke-dashoffset:100
}
to {
stroke-dashoffset:0
}
}
@-webkit-keyframes briefcaseCover {
0% {
-webkit-transform:rotateX(0deg);
-moz-transform:rotateX(0deg);
-ms-transform:rotateX(0deg);
-o-transform:rotateX(0deg);
transform:rotateX(0deg);
z-index:5
}
20% {
-webkit-transform:rotateX(180deg);
-moz-transform:rotateX(180deg);
-ms-transform:rotateX(180deg);
-o-transform:rotateX(180deg);
transform:rotateX(180deg);
z-index:2
}
80% {
-webkit-transform:rotateX(180deg);
-moz-transform:rotateX(180deg);
-ms-transform:rotateX(180deg);
-o-transform:rotateX(180deg);
transform:rotateX(180deg);
z-index:2
}
100% {
-webkit-transform:rotateX(0deg);
-moz-transform:rotateX(0deg);
-ms-transform:rotateX(0deg);
-o-transform:rotateX(0deg);
transform:rotateX(0deg);
z-index:5
}
}
@-moz-keyframes briefcaseCover {
0% {
-webkit-transform:rotateX(0deg);
-moz-transform:rotateX(0deg);
-ms-transform:rotateX(0deg);
-o-transform:rotateX(0deg);
transform:rotateX(0deg);
z-index:5
}
20% {
-webkit-transform:rotateX(180deg);
-moz-transform:rotateX(180deg);
-ms-transform:rotateX(180deg);
-o-transform:rotateX(180deg);
transform:rotateX(180deg);
z-index:2
}
80% {
-webkit-transform:rotateX(180deg);
-moz-transform:rotateX(180deg);
-ms-transform:rotateX(180deg);
-o-transform:rotateX(180deg);
transform:rotateX(180deg);
z-index:2
}
100% {
-webkit-transform:rotateX(0deg);
-moz-transform:rotateX(0deg);
-ms-transform:rotateX(0deg);
-o-transform:rotateX(0deg);
transform:rotateX(0deg);
z-index:5
}
}
@-o-keyframes briefcaseCover {
0% {
-webkit-transform:rotateX(0deg);
-moz-transform:rotateX(0deg);
-ms-transform:rotateX(0deg);
-o-transform:rotateX(0deg);
transform:rotateX(0deg);
z-index:5
}
20% {
-webkit-transform:rotateX(180deg);
-moz-transform:rotateX(180deg);
-ms-transform:rotateX(180deg);
-o-transform:rotateX(180deg);
transform:rotateX(180deg);
z-index:2
}
80% {
-webkit-transform:rotateX(180deg);
-moz-transform:rotateX(180deg);
-ms-transform:rotateX(180deg);
-o-transform:rotateX(180deg);
transform:rotateX(180deg);
z-index:2
}
100% {
-webkit-transform:rotateX(0deg);
-moz-transform:rotateX(0deg);
-ms-transform:rotateX(0deg);
-o-transform:rotateX(0deg);
transform:rotateX(0deg);
z-index:5
}
}
@keyframes briefcaseCover {
0% {
-webkit-transform:rotateX(0deg);
-moz-transform:rotateX(0deg);
-ms-transform:rotateX(0deg);
-o-transform:rotateX(0deg);
transform:rotateX(0deg);
z-index:5
}
20% {
-webkit-transform:rotateX(180deg);
-moz-transform:rotateX(180deg);
-ms-transform:rotateX(180deg);
-o-transform:rotateX(180deg);
transform:rotateX(180deg);
z-index:2
}
80% {
-webkit-transform:rotateX(180deg);
-moz-transform:rotateX(180deg);
-ms-transform:rotateX(180deg);
-o-transform:rotateX(180deg);
transform:rotateX(180deg);
z-index:2
}
100% {
-webkit-transform:rotateX(0deg);
-moz-transform:rotateX(0deg);
-ms-transform:rotateX(0deg);
-o-transform:rotateX(0deg);
transform:rotateX(0deg);
z-index:5
}
}
@-webkit-keyframes briefcasePaper {
0% {
top:50%
}
25% {
top:36%
}
50% {
top:36%
}
75% {
top:50%
}
100% {
top:50%
}
}
@-moz-keyframes briefcasePaper {
0% {
top:50%
}
25% {
top:36%
}
50% {
top:36%
}
75% {
top:50%
}
100% {
top:50%
}
}
@-o-keyframes briefcasePaper {
0% {
top:50%
}
25% {
top:36%
}
50% {
top:36%
}
75% {
top:50%
}
100% {
top:50%
}
}
@keyframes briefcasePaper {
0% {
top:50%
}
25% {
top:36%
}
50% {
top:36%
}
75% {
top:50%
}
100% {
top:50%
}
}
@-webkit-keyframes briefcaseRibbon {
0% {
top:16.6%
}
20% {
top:18.6%
}
40% {
top:14.6%
}
60% {
top:17.6%
}
80% {
top:15.6%
}
100% {
top:16.6%
}
}
@-moz-keyframes briefcaseRibbon {
0% {
top:16.6%
}
20% {
top:18.6%
}
40% {
top:14.6%
}
60% {
top:17.6%
}
80% {
top:15.6%
}
100% {
top:16.6%
}
}
@-o-keyframes briefcaseRibbon {
0% {
top:16.6%
}
20% {
top:18.6%
}
40% {
top:14.6%
}
60% {
top:17.6%
}
80% {
top:15.6%
}
100% {
top:16.6%
}
}
@keyframes briefcaseRibbon {
0% {
top:16.6%
}
20% {
top:18.6%
}
40% {
top:14.6%
}
60% {
top:17.6%
}
80% {
top:15.6%
}
100% {
top:16.6%
}
}
@-webkit-keyframes packageFloatUp {
0% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
25% {
-webkit-transform:translateY(-5px);
-moz-transform:translateY(-5px);
-ms-transform:translateY(-5px);
-o-transform:translateY(-5px);
transform:translateY(-5px)
}
50% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
75% {
-webkit-transform:translateY(5px);
-moz-transform:translateY(5px);
-ms-transform:translateY(5px);
-o-transform:translateY(5px);
transform:translateY(5px)
}
100% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
@-moz-keyframes packageFloatUp {
0% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
25% {
-webkit-transform:translateY(-5px);
-moz-transform:translateY(-5px);
-ms-transform:translateY(-5px);
-o-transform:translateY(-5px);
transform:translateY(-5px)
}
50% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
75% {
-webkit-transform:translateY(5px);
-moz-transform:translateY(5px);
-ms-transform:translateY(5px);
-o-transform:translateY(5px);
transform:translateY(5px)
}
100% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
@-o-keyframes packageFloatUp {
0% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
25% {
-webkit-transform:translateY(-5px);
-moz-transform:translateY(-5px);
-ms-transform:translateY(-5px);
-o-transform:translateY(-5px);
transform:translateY(-5px)
}
50% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
75% {
-webkit-transform:translateY(5px);
-moz-transform:translateY(5px);
-ms-transform:translateY(5px);
-o-transform:translateY(5px);
transform:translateY(5px)
}
100% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes packageFloatUp {
0% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
25% {
-webkit-transform:translateY(-5px);
-moz-transform:translateY(-5px);
-ms-transform:translateY(-5px);
-o-transform:translateY(-5px);
transform:translateY(-5px)
}
50% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
75% {
-webkit-transform:translateY(5px);
-moz-transform:translateY(5px);
-ms-transform:translateY(5px);
-o-transform:translateY(5px);
transform:translateY(5px)
}
100% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
@-webkit-keyframes packageFloatDown {
0% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
25% {
-webkit-transform:translateY(5px);
-moz-transform:translateY(5px);
-ms-transform:translateY(5px);
-o-transform:translateY(5px);
transform:translateY(5px)
}
50% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
75% {
-webkit-transform:translateY(-5px);
-moz-transform:translateY(-5px);
-ms-transform:translateY(-5px);
-o-transform:translateY(-5px);
transform:translateY(-5px)
}
100% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
@-moz-keyframes packageFloatDown {
0% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
25% {
-webkit-transform:translateY(5px);
-moz-transform:translateY(5px);
-ms-transform:translateY(5px);
-o-transform:translateY(5px);
transform:translateY(5px)
}
50% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
75% {
-webkit-transform:translateY(-5px);
-moz-transform:translateY(-5px);
-ms-transform:translateY(-5px);
-o-transform:translateY(-5px);
transform:translateY(-5px)
}
100% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
@-o-keyframes packageFloatDown {
0% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
25% {
-webkit-transform:translateY(5px);
-moz-transform:translateY(5px);
-ms-transform:translateY(5px);
-o-transform:translateY(5px);
transform:translateY(5px)
}
50% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
75% {
-webkit-transform:translateY(-5px);
-moz-transform:translateY(-5px);
-ms-transform:translateY(-5px);
-o-transform:translateY(-5px);
transform:translateY(-5px)
}
100% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes packageFloatDown {
0% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
25% {
-webkit-transform:translateY(5px);
-moz-transform:translateY(5px);
-ms-transform:translateY(5px);
-o-transform:translateY(5px);
transform:translateY(5px)
}
50% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
75% {
-webkit-transform:translateY(-5px);
-moz-transform:translateY(-5px);
-ms-transform:translateY(-5px);
-o-transform:translateY(-5px);
transform:translateY(-5px)
}
100% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
@-webkit-keyframes patternFloatUp {
0% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
25% {
-webkit-transform:translateY(-10px);
-moz-transform:translateY(-10px);
-ms-transform:translateY(-10px);
-o-transform:translateY(-10px);
transform:translateY(-10px)
}
50% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
75% {
-webkit-transform:translateY(10px);
-moz-transform:translateY(10px);
-ms-transform:translateY(10px);
-o-transform:translateY(10px);
transform:translateY(10px)
}
100% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
@-moz-keyframes patternFloatUp {
0% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
25% {
-webkit-transform:translateY(-10px);
-moz-transform:translateY(-10px);
-ms-transform:translateY(-10px);
-o-transform:translateY(-10px);
transform:translateY(-10px)
}
50% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
75% {
-webkit-transform:translateY(10px);
-moz-transform:translateY(10px);
-ms-transform:translateY(10px);
-o-transform:translateY(10px);
transform:translateY(10px)
}
100% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
@-o-keyframes patternFloatUp {
0% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
25% {
-webkit-transform:translateY(-10px);
-moz-transform:translateY(-10px);
-ms-transform:translateY(-10px);
-o-transform:translateY(-10px);
transform:translateY(-10px)
}
50% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
75% {
-webkit-transform:translateY(10px);
-moz-transform:translateY(10px);
-ms-transform:translateY(10px);
-o-transform:translateY(10px);
transform:translateY(10px)
}
100% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes patternFloatUp {
0% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
25% {
-webkit-transform:translateY(-10px);
-moz-transform:translateY(-10px);
-ms-transform:translateY(-10px);
-o-transform:translateY(-10px);
transform:translateY(-10px)
}
50% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
75% {
-webkit-transform:translateY(10px);
-moz-transform:translateY(10px);
-ms-transform:translateY(10px);
-o-transform:translateY(10px);
transform:translateY(10px)
}
100% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
@-webkit-keyframes patternFloatDown {
0% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
25% {
-webkit-transform:translateY(10px);
-moz-transform:translateY(10px);
-ms-transform:translateY(10px);
-o-transform:translateY(10px);
transform:translateY(10px)
}
50% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
75% {
-webkit-transform:translateY(-10px);
-moz-transform:translateY(-10px);
-ms-transform:translateY(-10px);
-o-transform:translateY(-10px);
transform:translateY(-10px)
}
100% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
@-moz-keyframes patternFloatDown {
0% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
25% {
-webkit-transform:translateY(10px);
-moz-transform:translateY(10px);
-ms-transform:translateY(10px);
-o-transform:translateY(10px);
transform:translateY(10px)
}
50% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
75% {
-webkit-transform:translateY(-10px);
-moz-transform:translateY(-10px);
-ms-transform:translateY(-10px);
-o-transform:translateY(-10px);
transform:translateY(-10px)
}
100% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
@-o-keyframes patternFloatDown {
0% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
25% {
-webkit-transform:translateY(10px);
-moz-transform:translateY(10px);
-ms-transform:translateY(10px);
-o-transform:translateY(10px);
transform:translateY(10px)
}
50% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
75% {
-webkit-transform:translateY(-10px);
-moz-transform:translateY(-10px);
-ms-transform:translateY(-10px);
-o-transform:translateY(-10px);
transform:translateY(-10px)
}
100% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes patternFloatDown {
0% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
25% {
-webkit-transform:translateY(10px);
-moz-transform:translateY(10px);
-ms-transform:translateY(10px);
-o-transform:translateY(10px);
transform:translateY(10px)
}
50% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
75% {
-webkit-transform:translateY(-10px);
-moz-transform:translateY(-10px);
-ms-transform:translateY(-10px);
-o-transform:translateY(-10px);
transform:translateY(-10px)
}
100% {
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
@-webkit-keyframes patternFloatFooter {
0% {
-webkit-transform:rotateZ(20deg) translateX(-50%) translateY(0);
-moz-transform:rotateZ(20deg) translateX(-50%) translateY(0);
-ms-transform:rotateZ(20deg) translateX(-50%) translateY(0);
-o-transform:rotateZ(20deg) translateX(-50%) translateY(0);
transform:rotateZ(20deg) translateX(-50%) translateY(0)
}
25% {
-webkit-transform:rotateZ(20deg) translateX(-50%) translateY(15px);
-moz-transform:rotateZ(20deg) translateX(-50%) translateY(15px);
-ms-transform:rotateZ(20deg) translateX(-50%) translateY(15px);
-o-transform:rotateZ(20deg) translateX(-50%) translateY(15px);
transform:rotateZ(20deg) translateX(-50%) translateY(15px)
}
50% {
-webkit-transform:rotateZ(20deg) translateX(-50%) translateY(0);
-moz-transform:rotateZ(20deg) translateX(-50%) translateY(0);
-ms-transform:rotateZ(20deg) translateX(-50%) translateY(0);
-o-transform:rotateZ(20deg) translateX(-50%) translateY(0);
transform:rotateZ(20deg) translateX(-50%) translateY(0)
}
75% {
-webkit-transform:rotateZ(20deg) translateX(-50%) translateY(-15px);
-moz-transform:rotateZ(20deg) translateX(-50%) translateY(-15px);
-ms-transform:rotateZ(20deg) translateX(-50%) translateY(-15px);
-o-transform:rotateZ(20deg) translateX(-50%) translateY(-15px);
transform:rotateZ(20deg) translateX(-50%) translateY(-15px)
}
100% {
-webkit-transform:rotateZ(20deg) translateX(-50%) translateY(0);
-moz-transform:rotateZ(20deg) translateX(-50%) translateY(0);
-ms-transform:rotateZ(20deg) translateX(-50%) translateY(0);
-o-transform:rotateZ(20deg) translateX(-50%) translateY(0);
transform:rotateZ(20deg) translateX(-50%) translateY(0)
}
}
@-moz-keyframes patternFloatFooter {
0% {
-webkit-transform:rotateZ(20deg) translateX(-50%) translateY(0);
-moz-transform:rotateZ(20deg) translateX(-50%) translateY(0);
-ms-transform:rotateZ(20deg) translateX(-50%) translateY(0);
-o-transform:rotateZ(20deg) translateX(-50%) translateY(0);
transform:rotateZ(20deg) translateX(-50%) translateY(0)
}
25% {
-webkit-transform:rotateZ(20deg) translateX(-50%) translateY(15px);
-moz-transform:rotateZ(20deg) translateX(-50%) translateY(15px);
-ms-transform:rotateZ(20deg) translateX(-50%) translateY(15px);
-o-transform:rotateZ(20deg) translateX(-50%) translateY(15px);
transform:rotateZ(20deg) translateX(-50%) translateY(15px)
}
50% {
-webkit-transform:rotateZ(20deg) translateX(-50%) translateY(0);
-moz-transform:rotateZ(20deg) translateX(-50%) translateY(0);
-ms-transform:rotateZ(20deg) translateX(-50%) translateY(0);
-o-transform:rotateZ(20deg) translateX(-50%) translateY(0);
transform:rotateZ(20deg) translateX(-50%) translateY(0)
}
75% {
-webkit-transform:rotateZ(20deg) translateX(-50%) translateY(-15px);
-moz-transform:rotateZ(20deg) translateX(-50%) translateY(-15px);
-ms-transform:rotateZ(20deg) translateX(-50%) translateY(-15px);
-o-transform:rotateZ(20deg) translateX(-50%) translateY(-15px);
transform:rotateZ(20deg) translateX(-50%) translateY(-15px)
}
100% {
-webkit-transform:rotateZ(20deg) translateX(-50%) translateY(0);
-moz-transform:rotateZ(20deg) translateX(-50%) translateY(0);
-ms-transform:rotateZ(20deg) translateX(-50%) translateY(0);
-o-transform:rotateZ(20deg) translateX(-50%) translateY(0);
transform:rotateZ(20deg) translateX(-50%) translateY(0)
}
}
@-o-keyframes patternFloatFooter {
0% {
-webkit-transform:rotateZ(20deg) translateX(-50%) translateY(0);
-moz-transform:rotateZ(20deg) translateX(-50%) translateY(0);
-ms-transform:rotateZ(20deg) translateX(-50%) translateY(0);
-o-transform:rotateZ(20deg) translateX(-50%) translateY(0);
transform:rotateZ(20deg) translateX(-50%) translateY(0)
}
25% {
-webkit-transform:rotateZ(20deg) translateX(-50%) translateY(15px);
-moz-transform:rotateZ(20deg) translateX(-50%) translateY(15px);
-ms-transform:rotateZ(20deg) translateX(-50%) translateY(15px);
-o-transform:rotateZ(20deg) translateX(-50%) translateY(15px);
transform:rotateZ(20deg) translateX(-50%) translateY(15px)
}
50% {
-webkit-transform:rotateZ(20deg) translateX(-50%) translateY(0);
-moz-transform:rotateZ(20deg) translateX(-50%) translateY(0);
-ms-transform:rotateZ(20deg) translateX(-50%) translateY(0);
-o-transform:rotateZ(20deg) translateX(-50%) translateY(0);
transform:rotateZ(20deg) translateX(-50%) translateY(0)
}
75% {
-webkit-transform:rotateZ(20deg) translateX(-50%) translateY(-15px);
-moz-transform:rotateZ(20deg) translateX(-50%) translateY(-15px);
-ms-transform:rotateZ(20deg) translateX(-50%) translateY(-15px);
-o-transform:rotateZ(20deg) translateX(-50%) translateY(-15px);
transform:rotateZ(20deg) translateX(-50%) translateY(-15px)
}
100% {
-webkit-transform:rotateZ(20deg) translateX(-50%) translateY(0);
-moz-transform:rotateZ(20deg) translateX(-50%) translateY(0);
-ms-transform:rotateZ(20deg) translateX(-50%) translateY(0);
-o-transform:rotateZ(20deg) translateX(-50%) translateY(0);
transform:rotateZ(20deg) translateX(-50%) translateY(0)
}
}
@keyframes patternFloatFooter {
0% {
-webkit-transform:rotateZ(20deg) translateX(-50%) translateY(0);
-moz-transform:rotateZ(20deg) translateX(-50%) translateY(0);
-ms-transform:rotateZ(20deg) translateX(-50%) translateY(0);
-o-transform:rotateZ(20deg) translateX(-50%) translateY(0);
transform:rotateZ(20deg) translateX(-50%) translateY(0)
}
25% {
-webkit-transform:rotateZ(20deg) translateX(-50%) translateY(15px);
-moz-transform:rotateZ(20deg) translateX(-50%) translateY(15px);
-ms-transform:rotateZ(20deg) translateX(-50%) translateY(15px);
-o-transform:rotateZ(20deg) translateX(-50%) translateY(15px);
transform:rotateZ(20deg) translateX(-50%) translateY(15px)
}
50% {
-webkit-transform:rotateZ(20deg) translateX(-50%) translateY(0);
-moz-transform:rotateZ(20deg) translateX(-50%) translateY(0);
-ms-transform:rotateZ(20deg) translateX(-50%) translateY(0);
-o-transform:rotateZ(20deg) translateX(-50%) translateY(0);
transform:rotateZ(20deg) translateX(-50%) translateY(0)
}
75% {
-webkit-transform:rotateZ(20deg) translateX(-50%) translateY(-15px);
-moz-transform:rotateZ(20deg) translateX(-50%) translateY(-15px);
-ms-transform:rotateZ(20deg) translateX(-50%) translateY(-15px);
-o-transform:rotateZ(20deg) translateX(-50%) translateY(-15px);
transform:rotateZ(20deg) translateX(-50%) translateY(-15px)
}
100% {
-webkit-transform:rotateZ(20deg) translateX(-50%) translateY(0);
-moz-transform:rotateZ(20deg) translateX(-50%) translateY(0);
-ms-transform:rotateZ(20deg) translateX(-50%) translateY(0);
-o-transform:rotateZ(20deg) translateX(-50%) translateY(0);
transform:rotateZ(20deg) translateX(-50%) translateY(0)
}
}
.btn.btn-medium { width: 248px; height: 62px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; padding: 19px 24px 18px; font-size: 15px; font-weight: 800; line-height: 21px; letter-spacing: .9px; text-transform: uppercase; border-width: 2px; border-style: solid }

@media (min-width: 1200px) {
.btn.btn-medium { padding: 19px 24px 18px; font-size: 15px; line-height: 21px; letter-spacing: .9px }
}

@media (min-width: 1440px) {
.btn.btn-medium { width: 276px; height: 68px; padding: 21px 24px 20px; font-size: 17px; line-height: 23px; letter-spacing: 1px }
}
.btn.btn-large { width: 306px; height: 62px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; padding: 19px 24px 18px; font-size: 15px; font-weight: 800; line-height: 20px; letter-spacing: .8px; text-transform: uppercase; border-width: 2px; border-style: solid }

@media (min-width: 1200px) {
.btn.btn-large { padding: 19px 24px 18px; font-size: 15px; line-height: 20px; letter-spacing: .8px }
}

@media (min-width: 1440px) {
.btn.btn-large { width: 340px; height: 68px; padding: 21px 24px 20px; font-size: 17px; line-height: 23px; letter-spacing: 1px }
}
.btn.btn-outline { color: #404852; background-color: transparent; border: 1px solid #404852 }
.btn.btn-outline:hover { color: #fff; background-color: #404852 }
.btn.btn-green { color: #fff; background-color: #4ec40e; border-color: #4ec40e }
.btn.btn-green:hover { color: #4ec40e; background-color: #fff; border-color: #fff }
.btn.btn-white { color: #6772e5; background-color: #fff; border-color: #fff }
.btn.btn-white:hover { color: #fff; background-color: rgba(255,255,255,0.1) }
.btn.btn-blue { color: #fff; background-color: #486ec6; border-color: #486ec6 }
.btn.btn-blue:hover { color: #486ec6; background-color: #fff; border-color: #fff }
.btn.btn-started { width: 160px; height: 50px; -webkit-border-radius: 7.2px; -moz-border-radius: 7.2px; -ms-border-radius: 7.2px; -o-border-radius: 7.2px; border-radius: 7.2px; display: block; padding: 16px 0; font-size: 14px; font-weight: 600; line-height: 18px; letter-spacing: 1.61px; text-transform: uppercase; color: #fff; border: 2px solid #fff; background-color: rgba(255,255,255,0.1) }
.btn.btn-started:hover { color: #486ec6; background-color: #fff }

@media (min-width: 1200px) {
.btn.btn-started { width: 188px; height: 54px; padding: 15px 24px; font-size: 16px; line-height: 22px }
}

@media (min-width: 1440px) {
.btn.btn-started { width: 208px; height: 60px; padding: 16px 24px; font-size: 18px; line-height: 24px }
}
.btn.btn-package { width: 208px; height: 54px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; padding: 17px 24px 16px; font-size: 13px; font-weight: 800; line-height: 17px; text-transform: uppercase; border-width: 2px; border-style: solid }

@media (min-width: 1200px) {
.btn.btn-package { padding: 17px 24px 16px; font-size: 13px; line-height: 17px }
}

@media (min-width: 1440px) {
.btn.btn-package { width: 230px; height: 60px; padding: 19px 24px 18px; font-size: 14px; line-height: 19px }
}
.btn.btn-testimonial { width: 115px; height: 30px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; padding: 7px 24px; font-size: 12px; line-height: 16px; letter-spacing: .6px; color: #ff7fac; border-color: #ff7fac }
.btn.btn-testimonial:hover { background-color: #ff7fac }
.btn.btn-question { padding: 21px 24px 20px; color: #fff; background-color: rgba(255,255,255,0.1); border-width: 2px; border-color: #fff }
.btn.btn-question:hover { color: #486ec6; background-color: #fff }
.btn.btn-pricing { width: 100%; height: auto; -webkit-box-shadow: 0 26px 65px 0 rgba(49,99,22,0.28); -moz-box-shadow: 0 26px 65px 0 rgba(49,99,22,0.28); -ms-box-shadow: 0 26px 65px 0 rgba(49,99,22,0.28); -o-box-shadow: 0 26px 65px 0 rgba(49,99,22,0.28); box-shadow: 0 26px 65px 0 rgba(49,99,22,0.28); padding: 12px 16px; font-size: 14px; font-weight: 700; line-height: 19px; letter-spacing: .5px; text-transform: uppercase }
.btn.btn-pricing span { padding-right: 16px }
.btn.btn-pricing span i { font-style: normal; font-weight: 400; text-transform: initial }
.btn.btn-pricing span+span { padding-left: 16px; padding-right: 0; border-left: 1px solid #fff }

@media (min-width: 576px) {
.btn.btn-pricing span+span { padding-left: 40px }
}

@media (min-width: 576px) {
.btn.btn-pricing span { padding-right: 40px }
}
.btn.btn-pricing:hover span+span { border-left-color: #4ec40e }

@media (min-width: 480px) {
.btn.btn-pricing { width: auto; height: auto; padding: 16px 40px; font-size: 17px; line-height: 23px; letter-spacing: 1px }
}
.btn:focus { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none }
header.main_head { width: 100%; height: 108px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; position: absolute; top: 0; left: 0; z-index: 9 }

@media (min-width: 1200px) {
header.main_head { height: 146px }
}

@media (min-width: 1440px) {
header.main_head { height: 176px }
}
.header-container { width: 100%; height: 100%; max-width: 1440px; margin: 0 auto; padding: 0 30px }

@media (min-width: 768px) {
.header-container { padding: 0 50px }
}
.header-wrapper { width: 100%; height: 100% }
.header-wrapper.open .header-shortcut{width: 100%;display: block;text-align: center;}
.header-wrapper.open .header-shortcut .header-phone{width: auto; display: inline-block;}
.header-wrapper.open .header-shortcut .header-button{width: 180px; display: inline-block;margin: 0 !important}
.header-wrapper.open .header-logo { position: relative; z-index: 1 }
.header-wrapper.open .header-logo a { fill: #fff; }
.header-wrapper.open .header-menu { width: 100%; height: calc(100vh - 200px); -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -ms-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; display: block; position: fixed; overflow: auto; top: 0; left: 0; margin: 100px 0 150px; padding: 0 30px; background-color: #fff }
.header-wrapper.open .header-menu .nav { min-height: 100%; padding: 30px 0 }
.header-wrapper.open .header-menu .nav .nav-list .nav-items { color: #6772e5 }
.header-wrapper.open .header-menu .nav .nav-list .nav-items i.caret-down { margin-bottom: 8px; border-bottom-color: #6772e5; border-left-color: #6772e5 }
.header-wrapper.open .header-menu .nav .nav-list+.nav-list { margin: 20px 0 0 }

@media (min-width: 768px) {
.header-wrapper.open .header-menu .nav .nav-list+.nav-list { margin: 30px 0 0 }
}

@media (min-width: 768px) {
.header-wrapper.open .header-menu { padding: 130px 50px 200px }
}
.header-wrapper.open .header-shortcut { position: fixed; display: block !important; bottom: 0; left: 0; width: 100%; padding: 30px 0; background-color: #fff }
.header-wrapper.open .header-phone { max-width: 146px; margin: 0 auto }
.header-wrapper.open .header-phone p { color: #6772e5 }
.header-wrapper.open .header-phone a { color: #6772e5 }
.header-wrapper.open .header-phone #Phone-Shape { fill: #6772e5 }

@media (min-width: 768px) {
.header-wrapper.open .header-phone { max-width: 166px }
}
.header-wrapper.open .header-button { margin: 20px 0 0 }
.header-wrapper.open .header-button .btn-started { margin: 0 auto; color: #6772e5; border-color: #6772e5 }
.header-wrapper.open .header-button .btn-started:hover { color: #fff; background-color: #6772e5 }

@media (min-width: 768px) {
.header-wrapper.open .header-button { margin: 30px 0 0 }
}
.header-logo a { fill: #fff }
.header-logo a h1 { font-size: 28px; font-weight: 800; line-height: 40px; letter-spacing: 3px; text-transform: uppercase }

@media (min-width: 1200px) {
.header-logo a h1 { font-size: 28px; line-height: 40px; letter-spacing: 3px }
}

@media (min-width: 1440px) {
.header-logo a h1 { font-size: 35px; line-height: 47px; letter-spacing: 3.89px }
}
.header-logo a:hover { text-decoration: none }
.mobile-menu { width: 28px; height: 14px; display: block; position: relative; z-index: 2; cursor: pointer }
.mobile-menu span { width: 28px; height: 3px; -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -ms-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; display: block; background-color: #fff }
.mobile-menu span+span { margin-top: 8px }
.mobile-menu.mobile span { background-color: #6772e5 }
.mobile-menu.mobile span:first-child { -webkit-transform: rotate(45deg) translate(3px, 3px); -moz-transform: rotate(45deg) translate(3px, 3px); -ms-transform: rotate(45deg) translate(3px, 3px); -o-transform: rotate(45deg) translate(3px, 3px); transform: rotate(45deg) translate(3px, 3px); -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -ms-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out }
.mobile-menu.mobile span:last-child { -webkit-transform: rotate(-45deg) translate(5px, -5px); -moz-transform: rotate(-45deg) translate(5px, -5px); -ms-transform: rotate(-45deg) translate(5px, -5px); -o-transform: rotate(-45deg) translate(5px, -5px); transform: rotate(-45deg) translate(5px, -5px); -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -ms-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out }

@media (min-width: 1200px) {
.mobile-menu { display: none }
}
.header-menu { -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -ms-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out; display: none }
.header-menu .nav .nav-list { position: relative; width: 100%; text-align: center; -webkit-perspective: 2000px; perspective: 2000px }
.header-menu .nav .nav-list .nav-items { display: block; position: relative; width: 100%; font-size: 16px; line-height: 20px; letter-spacing: .5px; color: #fff; cursor: pointer }
.header-menu .nav .nav-list .nav-items:hover { opacity: .75; text-decoration: none }
.header-menu .nav .nav-list .nav-items:hover+.dropdown-menu { display: block; opacity: 1; visibility: visible }

@media (min-width: 1200px) {
.header-menu .nav .nav-list .nav-items:hover+.dropdown-menu { -webkit-transform: translateX(-50%) rotateX(0deg); -moz-transform: translateX(-50%) rotateX(0deg); -ms-transform: translateX(-50%) rotateX(0deg); -o-transform: translateX(-50%) rotateX(0deg); transform: translateX(-50%) rotateX(0deg); -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s }
}
.header-menu .nav .nav-list .nav-items i.caret-down { width: 9px; height: 9px; -webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); -o-transform: rotateZ(-45deg); transform: rotateZ(-45deg); display: inline-block; vertical-align: middle; margin-bottom: 6px; border-bottom: 2px solid #fff; border-left: 2px solid #fff }

@media (min-width: 768px) {
.header-menu .nav .nav-list .nav-items { font-size: 18px; line-height: 24px; letter-spacing: 1px }
}

@media (min-width: 1440px) {
.header-menu .nav .nav-list .nav-items { font-size: 20px; line-height: 27px; letter-spacing: 1.37px }
}
.header-menu .nav .nav-list .dropdown-menu { display: block; opacity: 1; visibility: visible; position: relative; top: 0; width: 100%; margin: 0; padding: 16px 0 0; background-color: transparent; border: 0 }
.header-menu .nav .nav-list .dropdown-menu:hover { display: block; opacity: 1; visibility: visible }
@media (min-width: 1200px) {
.header-menu .nav .nav-list .dropdown-menu:hover { -webkit-transform: translateX(-50%) rotateX(0deg); -moz-transform: translateX(-50%) rotateX(0deg); -ms-transform: translateX(-50%) rotateX(0deg); -o-transform: translateX(-50%) rotateX(0deg); transform: translateX(-50%) rotateX(0deg); -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s }
}

@media (min-width: 1200px) {
.header-menu .nav .nav-list .dropdown-menu { -webkit-transform: translateX(-50%) rotateX(-15deg); -moz-transform: translateX(-50%) rotateX(-15deg); -ms-transform: translateX(-50%) rotateX(-15deg); -o-transform: translateX(-50%) rotateX(-15deg); transform: translateX(-50%) rotateX(-15deg); -webkit-transition: 0.25s; -moz-transition: 0.25s; -ms-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; transform-origin: 50% 0; opacity: 0; visibility: hidden; position: absolute; top: 27px; left: 50%; width: 460px }
}
@media (max-width: 991px) {
	.sm_blk{background: transparent !important;}
	.sm_blk .dropdown-menu-group a{display: block !important; text-align: center;}
	.sm_blk .dropdown-menu-group{padding: 0 !important}
	.sm_blk .dropdown-menu-group p{margin: 0 !important}
}
.header-menu .nav .nav-list .dropdown-menu-wrapper { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; position: relative; background-color: #fafaff }
.header-menu .nav .nav-list .dropdown-menu-wrapper a { display: -ms-flexbox; display: -webkit-flex; display: flex; position: relative; align-items: center; padding: 6px 0; font-size: 14px; line-height: 1; letter-spacing: .5px; color: #636f83 }
.header-menu .nav .nav-list .dropdown-menu-wrapper a img { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 50%; left: 0; max-width: 48px; margin-right: 15px }
.header-menu .nav .nav-list .dropdown-menu-wrapper a p { margin-left: 58px; font-weight: 700; }
.header-menu .nav .nav-list .dropdown-menu-wrapper a p span { display: block; margin-top: 6px; font-size: 13px; font-weight: 400; line-height: 1.25; }

@media (min-width: 768px) {
.header-menu .nav .nav-list .dropdown-menu-wrapper a p span { font-size: 14px }
}

@media (min-width: 1440px) {
.header-menu .nav .nav-list .dropdown-menu-wrapper a p span { font-size: 15px }
}
.header-menu .nav .nav-list .dropdown-menu-wrapper a.overview img { max-width: 38px }
.header-menu .nav .nav-list .dropdown-menu-wrapper a.essentials img { max-width: 38px }
.header-menu .nav .nav-list .dropdown-menu-wrapper a.competitive img { max-width: 38px }
.header-menu .nav .nav-list .dropdown-menu-wrapper a.competitive-plus img { max-width: 38px }
.header-menu .nav .nav-list .dropdown-menu-wrapper a.complete img { max-width: 38px }
.header-menu .nav .nav-list .dropdown-menu-wrapper a:hover { text-decoration: none; color: #4a4a4a }
.header-menu .nav .nav-list .dropdown-menu-wrapper a:hover img { filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%) }

@media (min-width: 768px) {
.header-menu .nav .nav-list .dropdown-menu-wrapper a { font-size: 15px; letter-spacing: 1px }
}

@media (min-width: 1440px) {
.header-menu .nav .nav-list .dropdown-menu-wrapper a { font-size: 14px; letter-spacing: 1.37px }
}
.header-menu .nav .nav-list .dropdown-menu-wrapper:before { width: 20px; height: 10px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); content: ''; position: absolute; top: -10px; left: 50%; border-top: 0 solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; border-left: 10px solid transparent }

@media (min-width: 1200px) {
.header-menu .nav .nav-list .dropdown-menu-wrapper { -webkit-box-shadow: 0 20px 40px 0 rgba(9,12,15,0.15); -moz-box-shadow: 0 20px 40px 0 rgba(9,12,15,0.15); -ms-box-shadow: 0 20px 40px 0 rgba(9,12,15,0.15); -o-box-shadow: 0 20px 40px 0 rgba(9,12,15,0.15); box-shadow: 0 20px 40px 0 rgba(9,12,15,0.15); -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; background-color: rgba(255,255,255,0.96) }
}
.header-menu .nav .nav-list .dropdown-menu-sparator { width: 100%; height: 1px; display: block; margin: 10px 0 20px; background-color: #e7e7ef }

@media (min-width: 1200px) {
.header-menu .nav .nav-list .dropdown-menu-sparator { background-color: #f1f1f1 }
}
.header-menu .nav .nav-list .dropdown-menu-group { padding: 35px 30px }
.header-menu .nav .nav-list .dropdown-menu-group h3 { font-size: 17px; font-weight: 700; text-align: center; color: #6772e5 }

@media (min-width: 768px) {
.header-menu .nav .nav-list .dropdown-menu-group h3 { font-size: 19px }
}

@media (min-width: 1200px) {
.header-menu .nav .nav-list .dropdown-menu-group h3 { text-align: left }
}

@media (min-width: 1440px) {
.header-menu .nav .nav-list .dropdown-menu-group h3 { font-size: 21px }
}
.header-menu .nav .nav-list .dropdown-menu-group ul { list-style: none }
.header-menu .nav .nav-list .dropdown-menu-group ul li+li { margin-top: 15px }

@media (min-width: 1200px) {
.header-menu .nav .nav-list .dropdown-menu-group { padding: 45px 40px }
}
.header-menu .nav .nav-list .dropdown-menu-group.menu-grey { background-color: #fafaff }
.header-menu .nav .nav-list+.nav-list { margin-left: 46px }

@media (min-width: 1200px) {
.header-menu .nav .nav-list+.nav-list { margin-left: 40px }
}

@media (min-width: 1440) {
.header-menu .nav .nav-list+.nav-list { margin-left: 46px }
}

@media (min-width: 1200px) {
.header-menu .nav .nav-list { width: auto }
}

@media (min-width: 1200px) {
.header-menu { display: block }
}
.header-shortcut { display: none !important }

@media (min-width: 1200px) {
.header-shortcut { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important }
}
.header-phone { position: relative; padding-left: 30px }
.header-phone svg { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 50%; left: 0; max-width: 24px }

@media (min-width: 1200px) {
.header-phone svg { max-width: 24px }
}

@media (min-width: 1440px) {
.header-phone svg { max-width: 28px }
}
.header-phone p { font-size: 16px; line-height: 20px; letter-spacing: .5px; color: #fff }

@media (min-width: 768px) {
.header-phone p { font-size: 18px; line-height: 24px; letter-spacing: 1px }
}

@media (min-width: 1440px) {
.header-phone p { font-size: 20px; line-height: 27px; letter-spacing: 1.37px }
}

@media (min-width: 1200px) {
.header-phone { padding-left: 38px }
}

@media (min-width: 1440px) {
.header-phone { padding-left: 46px }
}
.header-button { margin-left: 20px }

@media (min-width: 1200px) {
.header-button { margin-left: 18px }
}

@media (min-width: 1440) {
.header-button { margin-left: 20px }
}
footer.fl-page-footer-wrap { -webkit-clip-path: polygon(0 0, 100% 100px, 100% 100%, 0 100%); -moz-clip-path: polygon(0 0, 100% 100px, 100% 100%, 0 100%); -o-clip-path: polygon(0 0, 100% 100px, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 100px, 100% 100%, 0 100%); background-image: -webkit-linear-gradient(135deg, #6EF1D9, #4772C8, #4F209E 100%); background-image: -moz-linear-gradient(135deg, #6EF1D9, #4772C8, #4F209E 100%); background-image: -ms-linear-gradient(135deg, #6EF1D9, #4772C8, #4F209E 100%); background-image: -o-linear-gradient(135deg, #6EF1D9, #4772C8, #4F209E 100%); background-image: linear-gradient(135deg, #6EF1D9, #4772C8, #4F209E 100%); position: relative; overflow: hidden; margin: -200px 0 0; padding: 160px 30px 240px }

@media (min-width: 768px) {
footer.fl-page-footer-wrap { -webkit-clip-path: polygon(0 0, 100% 200px, 100% 100%, 0 100%); -moz-clip-path: polygon(0 0, 100% 200px, 100% 100%, 0 100%); -o-clip-path: polygon(0 0, 100% 200px, 100% 100%, 0 100%); clip-path: polygon(0 0, 100% 200px, 100% 100%, 0 100%); padding: 308px 50px 368px }
}
.footer-illustration { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); position: absolute; bottom: -10px; left: 50%; z-index: 0; width: 100%; max-width: 1064px }
.footer-illustration svg { width: 100% }
.footer-bg { width: 100%; height: 505px; position: absolute; bottom: 2px; left: 0; z-index: 0; background-repeat: no-repeat; background-size: 1440px auto; background-position: center bottom }
.footer-bg-square { -webkit-transform: rotateZ(20deg) translateX(-50%); -moz-transform: rotateZ(20deg) translateX(-50%); -ms-transform: rotateZ(20deg) translateX(-50%);     -o-transform: rotateZ(20deg) translateX(-50%); transform: rotateZ(20deg) translateX(-50%); -webkit-animation-name: patternFloatFooter; -moz-animation-name: patternFloatFooter; -o-animation-name: patternFloatFooter; animation-name: patternFloatFooter; -webkit-animation-duration: 8s; -moz-animation-duration: 8s; -o-animation-duration: 8s; animation-duration: 8s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; animation-direction: normal; position: absolute; bottom: 0; left: 50% }
.footer-bg-square img { max-width: 247px }

@media (min-width: 768px) {
.footer-bg-square img { max-width: 370px }
}

@media (min-width: 1200px) {
.footer-bg-square img { max-width: 494px }
}
.footer-container { position: relative; z-index: 1; width: 100%; max-width: 1440px; margin: 0 auto }
.footer-wrapper { width: 100%; max-width: 1120px; margin: 0 auto }
.footer-logo { text-align: center }
.footer-logo a h2 { font-size: 28px; font-weight: 800; line-height: 40px; letter-spacing: 3px; text-transform: uppercase; color: #fff }

@media (min-width: 1200px) {
.footer-logo a h2 { font-size: 28px; line-height: 40px; letter-spacing: 3px }
}

@media (min-width: 1440px) {
.footer-logo a h2 { font-size: 34px; line-height: 45px; letter-spacing: 3.78px }
}
.footer-logo a:hover { text-decoration: none }
.footer-contact { margin-top: 25px; text-align: center }
.footer-contact a { font-size: 14px; font-weight: 800; line-height: 35px; letter-spacing: 1.6px; text-transform: uppercase; color: #fff }
.footer-contact a:hover { text-decoration: none; opacity: .75 }
.footer-contact a+a { margin-left: 0 }

@media (min-width: 576px) {
.footer-contact a+a { margin-left: 45px }
}

@media (min-width: 1440px) {
.footer-contact a+a { margin-left: 50px }
}

@media (min-width: 1200px) {
.footer-contact a { font-size: 16px; line-height: 40px; letter-spacing: 1.8px }
}

@media (min-width: 1440px) {
.footer-contact a { font-size: 18px; line-height: 45px; letter-spacing: 2px }
}
.footer-social { margin-top: 60px; vertical-align: middle }
.footer-social a { width: 42px; height: 42px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: inline-block; border: 1px solid #fff; opacity: .3 }
.footer-social a:hover { opacity: 1; background-color: #fff }
.footer-social a:hover .social-icon-fill { fill: #404852 }
.footer-social a:hover .social-icon-stroke { stroke: #404852 }
.footer-social a+a { margin-left: 30px }
.footer-menu { margin-top: 95px }
.footer-menu-wrapper { margin-bottom: 50px }
.footer-menu-wrapper h3 { margin-bottom: 10px; font-size: 18px; font-weight: 800; line-height: 45px; letter-spacing: 2px; text-transform: uppercase; text-align: center; color: #fff }

@media (min-width: 576px) {
.footer-menu-wrapper h3 { text-align: left }
}
.footer-menu-wrapper ul { list-style: none }
.footer-menu-wrapper ul li { text-align: center }
.footer-menu-wrapper ul li a { font-size: 15px; font-weight: 300; line-height: 25px; letter-spacing: .5px; color: #fff }
.footer-menu-wrapper ul li a:hover { text-decoration: none; opacity: .75 }
.footer-menu-wrapper ul li+li { margin-top: 10px }

@media (min-width: 576px) {
.footer-menu-wrapper ul li { text-align: left }
}
.footer-copyright { margin-top: 40px; text-align: center; color: #fff }
.footer-copyright p { font-size: 16px; line-height: 30px; letter-spacing: 2px }
.footer-copyright p a { color: #fff }
.footer-copyright p a:hover { text-decoration: none; opacity: .75 }
.hero-container { padding: 0 30px }

@media (min-width: 768px) {
.hero-container { padding: 0 50px }
}
.hero-text { position: relative; z-index: 8; width: 100%; max-width: 1200px; margin: 0 auto; text-align: center; color: #fff }
.hero-text h2 { max-width: 312px; margin: 0 auto; font-size: 21px; font-weight: 900; line-height: 28px; letter-spacing: 1.6px; text-transform: uppercase }

@media (min-width: 576px) {
.hero-text h2 { max-width: 436px; margin: 0 auto; font-size: 28px; line-height: 36px; letter-spacing: 2.6px }
}

@media (min-width: 768px) {
.hero-text h2 { max-width: 100%; font-size: 32px; line-height: 40px; letter-spacing: 3px }
}

@media (min-width: 1200px) {
.hero-text h2 { font-size: 36px; line-height: 45px; letter-spacing: 3.6px }
}

@media (min-width: 1440px) {
.hero-text h2 { font-size: 41px; line-height: 50px; letter-spacing: 4px }
}
.hero-text p { width: 100%; max-width: 800px; margin: 22px auto 0; font-size: 16px; line-height: 24px; letter-spacing: .36px; opacity: .7 }

@media (min-width: 768px) {
.hero-text p { font-size: 18px; line-height: 28px; letter-spacing: .42px }
}

@media (min-width: 1200px) {
.hero-text p { font-size: 20px; line-height: 32px; letter-spacing: .58px }
}

@media (min-width: 1440px) {
.hero-text p { font-size: 23px; line-height: 35px; letter-spacing: .64px }
}
.hero-text.hero-package-text p { max-width: 830px }
.hero-text.hero-customer-text p { max-width: 830px }

@media (min-width: 1440px) {
.hero-text.hero-customer-text p { font-size: 20px }
}
.hero-buttons { margin-top: 45px }
.hero-buttons .btn { width: calc(50% - 8px); height: 45px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; max-width: 192px; padding: 16px 0 14px; font-size: 11px; line-height: 1; letter-spacing: .5px }
.hero-buttons .btn.btn-pricing { width: auto; max-width: 100%; padding: 12px 16px; font-size: 14px; font-weight: 700; line-height: 19px; letter-spacing: .5px }

@media (min-width: 480px) {
.hero-buttons .btn.btn-pricing { width: auto; height: auto; padding: 16px 40px; font-size: 17px; line-height: 23px; letter-spacing: 1px }
}
.hero-buttons .btn+.btn { margin-left: 16px }

@media (min-width: 768px) {
.hero-buttons .btn+.btn { margin-left: 40px }
}

@media (min-width: 768px) {
.hero-buttons .btn { width: 248px; height: 62px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; max-width: 248px; padding: 19px 24px 18px; font-size: 15px; line-height: 21px; letter-spacing: .9px }
}

@media (min-width: 1440px) {
.hero-buttons .btn { width: 276px; height: 68px; max-width: 276px; padding: 21px 24px 20px; font-size: 17px; line-height: 23px; letter-spacing: 1px }
}

@media (min-width: 576px) {
.hero-buttons { margin-top: 65px }
}
.hero-bg { width: 100%; height: 624px; position: absolute; bottom: -2px; left: 0; background-repeat: no-repeat; background-size: 1440px auto; background-position: center bottom }
.hero-pattern-o { width: 155px; height: 155px; -webkit-animation-name: patternFloatUp; -moz-animation-name: patternFloatUp; -o-animation-name: patternFloatUp; animation-name: patternFloatUp; -webkit-animation-duration: 8s; -moz-animation-duration: 8s; -o-animation-duration: 8s; animation-duration: 8s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; animation-direction: normal; position: absolute; top: -35px; right: -70px; background-repeat: no-repeat; background-size: 100% auto; background-position: center bottom }

@media (min-width: 768px) {
.hero-pattern-o { width: 230px; height: 230px; top: -50px; right: -105px }
}

@media (min-width: 1200px) {
.hero-pattern-o { width: 310px; height: 310px; top: -70px; right: -140px }
}
.hero-pattern-c { width: 120px; height: 120px; -webkit-animation-name: patternFloatDown; -moz-animation-name: patternFloatDown; -o-animation-name: patternFloatDown; animation-name: patternFloatDown; -webkit-animation-duration: 8s; -moz-animation-duration: 8s; -o-animation-duration: 8s; animation-duration: 8s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; animation-direction: normal; position: absolute; top: 60px; left: -60px; background-repeat: no-repeat; background-size: 100% auto; background-position: center bottom }

@media (min-width: 768px) {
.hero-pattern-c { width: 180px; height: 180px; top: 90px; left: -90px }
}

@media (min-width: 1200px) {
.hero-pattern-c { width: 240px; height: 240px; top: 120px; left: -120px }
}
.bg-hero-white { width: 100%; height: 181px; position: absolute; bottom: -2px; left: 0; background-repeat: no-repeat; background-size: 1440px auto; background-position: center bottom }
.chart-illustration { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); position: absolute; z-index: 0; bottom: 60px; left: 50%; width: calc(100%); max-width: 260px }
.chart-illustration svg { overflow: hidden }
.chart-illustration.animation #chartLine { -webkit-animation-name: chartLine; -moz-animation-name: chartLine; -o-animation-name: chartLine; animation-name: chartLine; -webkit-animation-duration: 5s; -moz-animation-duration: 5s; -o-animation-duration: 5s; animation-duration: 5s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; animation-direction: normal; stroke-dasharray: 1040; stroke-dashoffset: 1040 }

@media (min-width: 480px) {
.chart-illustration { bottom: 80px; max-width: 360px }
}

@media (min-width: 576px) {
.chart-illustration { bottom: 120px; max-width: 480px }
}

@media (min-width: 768px) {
.chart-illustration { bottom: 160px; max-width: 576px }
}

@media (min-width: 992px) {
.chart-illustration { bottom: 180px; max-width: 768px }
}

@media (min-width: 1440px) {
.chart-illustration { bottom: 200px; max-width: 948px }
}
.illustration-container { width: 100%; margin: -142px auto 0 }
.illustration-container svg { width: 100% }
.illustration-container.service-illustration-container { margin: -142px auto 0 }

@media (min-width: 360px) {
.illustration-container.service-illustration-container { margin: -120px auto 0 }
}

@media (min-width: 480px) {
.illustration-container.service-illustration-container { max-width: 100%; margin: -120px auto 0 }
}

@media (min-width: 576px) {
.illustration-container.service-illustration-container { max-width:  100%; margin: -200px auto 0 }
}

@media (min-width: 768px) {
.illustration-container.service-illustration-container { max-width:  100%; margin: -280px auto 0 }
}

@media (min-width: 992px) {
.illustration-container.service-illustration-container { max-width: 992px; margin: -360px auto 0 }
}

@media (min-width: 1200px) {
.illustration-container.service-illustration-container { max-width: 1200px; margin: -440px auto 0 }
}

@media (min-width: 1440px) {
.illustration-container.service-illustration-container { max-width: 1340px; margin: -480px auto 0 }
}

@media (min-width: 360px) {
.illustration-container { margin: -156px auto 0 }
}

@media (min-width: 480px) {
.illustration-container { max-width: 480px; margin: -184px auto 0 }
}

@media (min-width: 576px) {
.illustration-container { max-width: 576px; margin: -244px auto 0 }
}

@media (min-width: 768px) {
.illustration-container { max-width: 768px; margin: -326px auto 0 }
}

@media (min-width: 992px) {
.illustration-container { max-width: 992px; margin: -408px auto 0 }
}

@media (min-width: 1200px) {
.illustration-container { max-width: 1200px; margin: -492px auto 0 }
}

@media (min-width: 1440px) {
.illustration-container { max-width: 1340px; margin: -536px auto 0 }
}
.illustration-subpage { text-align: center; padding: 0 10px }
.illustration-subpage img { width: 100%; max-width: 1396px }
#HeroLeftActivity { -webkit-transform: translate(80px, 347px); -moz-transform: translate(80px, 347px); -ms-transform: translate(80px, 347px); -o-transform: translate(80px, 347px); transform: translate(80px, 347px) }

@media (min-width: 576px) {
#HeroLeftActivity { -webkit-transform: translate(0px, 347px); -moz-transform: translate(0px, 347px); -ms-transform: translate(0px, 347px); -o-transform: translate(0px, 347px); transform: translate(0px, 347px) }
}
#HeroCenterActivity { -webkit-transform: translate(280px, 419px); -moz-transform: translate(280px, 419px); -ms-transform: translate(280px, 419px); -o-transform: translate(280px, 419px); transform: translate(280px, 419px) }

@media (min-width: 576px) {
#HeroCenterActivity { -webkit-transform: translate(354px, 419px); -moz-transform: translate(354px, 419px); -ms-transform: translate(354px, 419px); -o-transform: translate(354px, 419px); transform: translate(354px, 419px) }
}
#HeroRightActivity { -webkit-transform: translate(820px, 193px); -moz-transform: translate(820px, 193px); -ms-transform: translate(820px, 193px); -o-transform: translate(820px, 193px); transform: translate(820px, 193px) }

@media (min-width: 576px) {
#HeroRightActivity { -webkit-transform: translate(932px, 193px); -moz-transform: translate(932px, 193px); -ms-transform: translate(932px, 193px); -o-transform: translate(932px, 193px); transform: translate(932px, 193px) }
}
.service-container { position: relative; z-index: 1; width: 100%; max-width: 1220px; margin: 0 auto; padding: 0 30px }

@media (min-width: 768px) {
.service-container { padding: 0 50px }
}

@media (min-width: 1200px) {
.service-container { max-width: 1068px }
}

@media (min-width: 1440px) {
.service-container { max-width: 1220px }
}
.service-wrapper { margin: 56px auto; max-width: 100% }

@media (min-width: 576px) {
.service-wrapper { margin: 92px auto 56px; max-width: 516px }
}

@media (min-width: 768px) {
.service-wrapper { max-width: 668px }
}

@media (min-width: 1080px) {
.service-wrapper { max-width: 978px }
}
.service-item { display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; flex-flow: row; width: 100% }
.service-item:nth-child(2) { flex-flow: row-reverse nowrap; text-align: right }

@media (min-width: 1080px) {
.service-item:nth-child(2) { flex-flow: column nowrap; text-align: left }
}
@media (min-width: 1080px) and (max-width: 1199px){
	.service-item{width:32% !important}
}

@media (min-width: 576px) {
.service-item { flex-flow: row nowrap; width: 100% }
}

@media (min-width: 1080px) {
.service-item { flex-flow: column nowrap; align-items: initial; justify-content: initial }
}

@media (min-width: 1200px) {
.service-item { width: 296px }
}

@media (min-width: 1440) {
.service-item { width: 340px }
}
.expert-team-icon { position: relative }
.expert-team-bg { position: relative; width: 185px; cursor: pointer }
.expert-team-bg img { display: block; width: 100% }
.expert-team-bg.animate .expert-team-top-cover { -webkit-animation-name: briefcaseCover; -moz-animation-name: briefcaseCover; -o-animation-name: briefcaseCover; animation-name: briefcaseCover; -webkit-animation-duration: 5s; -moz-animation-duration: 5s; -o-animation-duration: 5s; animation-duration: 5s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; animation-direction: normal }
.expert-team-bg.animate .expert-team-paper { -webkit-animation-name: briefcasePaper; -moz-animation-name: briefcasePaper; -o-animation-name: briefcasePaper; animation-name: briefcasePaper; -webkit-animation-duration: 4s; -moz-animation-duration: 4s; -o-animation-duration: 4s; animation-duration: 4s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-delay: 1s; -moz-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; animation-direction: normal }
.expert-team-bg.animate .expert-team-ribbon { -webkit-animation-name: briefcaseRibbon; -moz-animation-name: briefcaseRibbon; -o-animation-name: briefcaseRibbon; animation-name: briefcaseRibbon; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-delay: 5s; -moz-animation-delay: 5s; -o-animation-delay: 5s; animation-delay: 5s; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; animation-direction: normal }
.expert-team-ribbon { position: absolute; top: 16.6%; left: 29.2%; z-index: 1; width: 17.3% }
.expert-team-ribbon img { display: block; width: 100% }
.expert-team-top-cover { transform-origin: 50% 3%; position: absolute; top: 47.4%; left: 37.9%; z-index: 5; width: 45.7% }
.expert-team-top-cover img { display: block; width: 100% }
.expert-team-paper { position: absolute; top: 50%; left: 44%; z-index: 3; width: 32.4% }
.expert-team-paper img { display: block; width: 100% }
.expert-team-bottom-cover { position: absolute; top: 60.8%; left: 37.9%; z-index: 4; width: 44.8% }
.expert-team-bottom-cover img { width: 100% }
.long-last-service { margin-top: 60px }

@media (min-width: 768px) {
.long-last-service { margin-top: 80px }
}

@media (min-width: 1080px) {
.long-last-service { margin-top: 81px }
}
.long-result-icon.animation #LongResultChartLine { -webkit-animation-name: longResultChartLine; -moz-animation-name: longResultChartLine; -o-animation-name: longResultChartLine; animation-name: longResultChartLine; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; animation-direction: normal; stroke-dasharray: 100; stroke-dashoffset: 100 }
.look-awesome-service { margin-top: 50px }

@media (min-width: 768px) {
.look-awesome-service { margin-top: 80px }
}

@media (min-width: 1080px) {
.look-awesome-service { margin-top: 18px }
}
.service-illustration { width: calc(50% - 10px); height: auto; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 20px 50px 0 rgba(220,225,236,0.5); -moz-box-shadow: 0 20px 50px 0 rgba(220,225,236,0.5); -ms-box-shadow: 0 20px 50px 0 rgba(220,225,236,0.5); -o-box-shadow: 0 20px 50px 0 rgba(220,225,236,0.5); box-shadow: 0 20px 50px 0 rgba(220,225,236,0.5); background-color: #fff }
.service-illustration:hover { -webkit-box-shadow: 0 20px 50px 0 rgba(220,225,236,0.8); -moz-box-shadow: 0 20px 50px 0 rgba(220,225,236,0.8); -ms-box-shadow: 0 20px 50px 0 rgba(220,225,236,0.8); -o-box-shadow: 0 20px 50px 0 rgba(220,225,236,0.8); box-shadow: 0 20px 50px 0 rgba(220,225,236,0.8); cursor: pointer }

@media (min-width: 576px) {
.service-illustration { width: 243px; height: 243px }
}

@media (min-width: 768px) {
.service-illustration { width: 309px; height: 309px }
}

@media (min-width: 1200px) {
.service-illustration { width: 296px; height: 296px }
}

@media (min-width: 1440) {
.service-illustration { width: 340px; height: 340px }
}
.expert-team-icon .expert-team-bg { width: 100%; max-width: 86px }

@media (min-width: 576px) {
.expert-team-icon .expert-team-bg { max-width: 120px }
}

@media (min-width: 768px) {
.expert-team-icon .expert-team-bg { max-width: 166px }
}

@media (min-width: 1440) {
.expert-team-icon .expert-team-bg { max-width: 185px }
}
.long-result-icon svg { width: 100%; max-width: 90px }

@media (min-width: 576px) {
.long-result-icon svg { max-width: 126px }
}

@media (min-width: 768px) {
.long-result-icon svg { max-width: 174px }
}

@media (min-width: 1440) {
.long-result-icon svg { max-width: 193px }
}
.look-awesome-icon svg { max-width: 82px }

@media (min-width: 576px) {
.look-awesome-icon svg { max-width: 114px }
}

@media (min-width: 768px) {
.look-awesome-icon svg { max-width: 164px }
}

@media (min-width: 1440) {
.look-awesome-icon svg { max-width: 182px }
}
.service-detail { margin-top: 0; width: calc(50% - 10px) }
.service-detail h3 { font-size: 16px; font-weight: 700; line-height: 18px; letter-spacing: .5px }

@media (min-width: 768px) {
.service-detail h3 { font-size: 18px; line-height: 32px; letter-spacing: 1px }
}

@media (min-width: 1440px) {
.service-detail h3 { font-size: 22px; line-height: 38px; letter-spacing: 1.22px }
}
.service-detail p { margin-top: 8px; font-size: 14px; font-weight: 300; line-height: 18px; letter-spacing: .4px }

@media (min-width: 768px) {
.service-detail p { font-size: 18px; line-height: 28px; letter-spacing: .4px }
}

@media (min-width: 1440px) {
.service-detail p { font-size: 22px; line-height: 35px; letter-spacing: .5px }
}

@media (min-width: 576px) {
.service-detail { margin: 0; width: 243px }
}

@media (min-width: 768px) {
.service-detail { margin: 0; width: 309px }
}

@media (min-width: 1080px) {
.service-detail { margin-top: 40px; padding: 0 32px }
}
.feature-section { position: relative; z-index: 1; width: 100%; max-width: 1440px; margin: 0 auto; padding-top: 16px }

@media (min-width: 360px) {
.feature-section { padding-top: 48px }
}

@media (min-width: 576px) {
.feature-section { padding-top: 72px }
}

@media (min-width: 992px) {
.feature-section { padding-top: 104px }
}

@media (min-width: 1200px) {
.feature-section { padding-top: 125px }
}

@media (min-width: 1440px) {
.feature-section { padding-top: 154px }
}
.feature-container { width: 100%; max-width: 1220px; margin: 0 auto; padding: 0 30px }

@media (min-width: 768px) {
.feature-container { padding: 0 50px }
}

@media (min-width: 1200px) {
.feature-container { max-width: 1120px }
}

@media (min-width: 1440px) {
.feature-container { max-width: 1220px }
}
.feature-illustration { -webkit-transform: translateX(calc(-58%)); -moz-transform: translateX(calc(-58%)); -ms-transform: translateX(calc(-58%)); -o-transform: translateX(calc(-58%)); transform: translateX(calc(-58%)); position: absolute; top: 0; left: 50%; width: 100% }
.feature-illustration svg { width: 100% }

@media (min-width: 576px) {
.feature-illustration { -webkit-transform: translateX(-58%); -moz-transform: translateX(-58%); -ms-transform: translateX(-58%); -o-transform: translateX(-58%); transform: translateX(-58%); max-width: 576px }
}

@media (min-width: 768px) {
.feature-illustration { max-width: 720px }
}

@media (min-width: 992px) {
.feature-illustration { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); left: -280px }
}

@media (min-width: 1080px) {
.feature-illustration { left: -300px; max-width: 780px }
}

@media (min-width: 1440px) {
.feature-illustration { left: -336px; max-width: 946px }
}
.feature-detail { margin-top: 300px }
.feature-detail h3 { margin-bottom: 40px; font-size: 22px; font-weight: 700; line-height: 28px; letter-spacing: .42px }

@media (min-width: 1200px) {
.feature-detail h3 { margin-bottom: 36px; font-size: 28px; line-height: 34px; letter-spacing: .56px }
}

@media (min-width: 1440px) {
.feature-detail h3 { margin-bottom: 40px; font-size: 32px; line-height: 37px; letter-spacing: .64px }
}
.feature-detail p { margin-bottom: 40px; font-size: 15px; font-weight: 300; line-height: 23px; letter-spacing: .4px }

@media (min-width: 1200px) {
.feature-detail p { margin-bottom: 36px; font-size: 18px; line-height: 28px; letter-spacing: .4px }
}

@media (min-width: 1440px) {
.feature-detail p { margin-bottom: 40px; font-size: 22px; line-height: 35px; letter-spacing: .5px }
}

@media (min-width: 360px) {
.feature-detail { margin-top: 380px }
}

@media (min-width: 480px) {
.feature-detail { margin-top: 450px }
}

@media (min-width: 576px) {
.feature-detail { margin-top: 520px }
}

@media (min-width: 768px) {
.feature-detail { margin-top: 660px }
}

@media (min-width: 992px) {
.feature-detail { margin-top: 0 }
}
.feature-list ul { list-style: none; margin-bottom: 24px }
.feature-list ul li { position: relative; padding-top: 5px; padding-left: 41px; font-size: 14px; font-weight: 600; line-height: 19px; letter-spacing: .42px }
.feature-list ul li:before { width: 28px; height: 28px; content: ''; position: absolute; top: 0; left: 0; background-image: url("/wp-content/themes/bb-theme-child/assets/icons/feature-list.png"); background-repeat: no-repeat; background-size: 100% }

@media (min-width: 1200px) {
.feature-list ul li:before { width: 32px; height: 32px }
}

@media (min-width: 1440px) {
.feature-list ul li:before { width: 35px; height: 35px }
}
.feature-list ul li+li { margin-top: 24px }

@media (min-width: 1440px) {
.feature-list ul li+li { margin-top: 28px }
}

@media (min-width: 576px) {
.feature-list ul li { min-height: 52px; padding-left: 51px }
}

@media (min-width: 1200px) {
.feature-list ul li { font-size: 16px; line-height: 22px; letter-spacing: .48px }
}

@media (min-width: 1440px) {
.feature-list ul li { font-size: 20px; line-height: 26px; letter-spacing: .67px }
}

@media (min-width: 768px) {
.feature-list ul { margin-bottom: 0 }
}
.card-list.package-list { margin-top: 72px }

@media (min-width: 1200px) {
.card-list.package-list { margin-top: 124px }
}
.card-item { -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 13px 15px 0 rgba(19,25,32,0.06); -moz-box-shadow: 0 13px 15px 0 rgba(19,25,32,0.06); -ms-box-shadow: 0 13px 15px 0 rgba(19,25,32,0.06); -o-box-shadow: 0 13px 15px 0 rgba(19,25,32,0.06); box-shadow: 0 13px 15px 0 rgba(19,25,32,0.06); width: calc(50% - 15px); max-width: 160px; min-height: 210px; margin-bottom: 30px; padding: 15px 20px; background-color: #fff }
.card-item h3 { font-size: 13px; font-weight: 400; line-height: 18px; letter-spacing: .5px; text-align: center }

@media (min-width: 768px) {
.card-item h3 { font-size: 15px; line-height: 20px; letter-spacing: 1px }
}

@media (min-width: 1440px) {
.card-item h3 { font-size: 17px; line-height: 22px; letter-spacing: 1.31px }
}
.card-item+.card-item { margin-left: 30px }
.card-item:hover { -webkit-box-shadow: 0 13px 15px 0 rgba(19,25,32,0.1); -moz-box-shadow: 0 13px 15px 0 rgba(19,25,32,0.1); -ms-box-shadow: 0 13px 15px 0 rgba(19,25,32,0.1); -o-box-shadow: 0 13px 15px 0 rgba(19,25,32,0.1); box-shadow: 0 13px 15px 0 rgba(19,25,32,0.1); cursor: pointer }

@media (min-width: 576px) {
.card-item { width: 180px; max-width: 180px; min-height: 225px; padding: 35px 25px }
}

@media (min-width: 1440px) {
.card-item { width: 200px; max-width: 200px; min-height: 250px }
}
.card-break.help-break:nth-child(2) { width: 100% }

@media (min-width: 360px) {
.card-break.help-break:nth-child(2) { width: 30px }
}
.card-break.help-break:nth-child(4) { width: 100% }

@media (min-width: 768px) {
.card-break.help-break:nth-child(4) { width: 30px }
}

@media (min-width: 1200px) {
.card-break.help-break:nth-child(4) { width: 100% }
}
.card-break.help-break:nth-child(6) { width: 100% }

@media (min-width: 360px) {
.card-break.help-break:nth-child(6) { width: 30px }
}

@media (min-width: 768px) {
.card-break.help-break:nth-child(6) { width: 100% }
}

@media (min-width: 992px) {
.card-break.help-break:nth-child(6) { width: 30px }
}
.card-break.help-break:nth-child(8) { width: 100% }

@media (min-width: 768px) {
.card-break.help-break:nth-child(8) { width: 30px }
}

@media (min-width: 992px) {
.card-break.help-break:nth-child(8) { width: 100% }
}

@media (min-width: 1200px) {
.card-break.help-break:nth-child(8) { width: 30px }
}
.card-break.help-break:nth-child(10) { width: 100% }

@media (min-width: 360px) {
.card-break.help-break:nth-child(10) { width: 30px }
}

@media (min-width: 1200px) {
.card-break.help-break:nth-child(10) { width: 100% }
}
.card-break.help-break:nth-child(12) { width: 100% }

@media (min-width: 992px) {
.card-break.help-break:nth-child(12) { width: 30px }
}
.card-break.help-break:nth-child(14) { width: 100% }

@media (min-width: 360px) {
.card-break.help-break:nth-child(14) { width: 30px }
}
.card-break.package-break:nth-child(2) { width: 30px }
.card-break.package-break:nth-child(4) { width: 30px }

@media (min-width: 360px) {
.card-break.package-break:nth-child(4) { width: 100% }
}

@media (min-width: 768px) {
.card-break.package-break:nth-child(4) { width: 30px }
}
.card-break.package-break:nth-child(6) { width: 30px }

@media (min-width: 768px) {
.card-break.package-break:nth-child(6) { width: 100% }
}

@media (min-width: 992px) {
.card-break.package-break:nth-child(6) { width: 30px }
}
.card-break.package-break:nth-child(8) { width: 30px }

@media (min-width: 360px) {
.card-break.package-break:nth-child(8) { width: 100% }
}

@media (min-width: 768px) {
.card-break.package-break:nth-child(8) { width: 30px }
}

@media (min-width: 992px) {
.card-break.package-break:nth-child(8) { width: 100% }
}

@media (min-width: 1200px) {
.card-break.package-break:nth-child(8) { width: 30px }
}
.card-break.package-break:nth-child(10) { width: 30px }

@media (min-width: 1200px) {
.card-break.package-break:nth-child(10) { width: 100% }
}
.card-break.package-break:nth-child(12) { width: 30px }

@media (min-width: 360px) {
.card-break.package-break:nth-child(12) { width: 100% }
}

@media (min-width: 992px) {
.card-break.package-break:nth-child(12) { width: 30px }
}
.card-break.package-break:nth-child(14) { width: 30px }
.card-break.package-break:nth-child(16) { width: 30px }

@media (min-width: 360px) {
.card-break.package-break:nth-child(16) { width: 100% }
}

@media (min-width: 768px) {
.card-break.package-break:nth-child(16) { width: 30px }
}

@media (min-width: 992px) {
.card-break.package-break:nth-child(16) { width: 100% }
}

@media (min-width: 1200px) {
.card-break.package-break:nth-child(16) { width: 30px }
}
.card-break.package-break:nth-child(18) { width: 30px }

@media (min-width: 768px) {
.card-break.package-break:nth-child(18) { width: 100% }
}

@media (min-width: 992px) {
.card-break.package-break:nth-child(18) { width: 30px }
}
.help-bg-square { -webkit-transform: translateY(calc(-50% - 600px)); -moz-transform: translateY(calc(-50% - 600px)); -ms-transform: translateY(calc(-50% - 600px)); -o-transform: translateY(calc(-50% - 600px)); transform: translateY(calc(-50% - 600px)); right: -133px; position: absolute; top: 50% }
.help-bg-square img { max-width: 310px }

@media (min-width: 768px) {
.help-bg-square img { max-width: 465px }
}

@media (min-width: 1200px) {
.help-bg-square img { max-width: 620px }
}

@media (min-width: 768px) {
.help-bg-square { right: -200px }
}

@media (min-width: 1200px) {
.help-bg-square { right: -267px }
}
.help-bg-circle { position: absolute; top: 50% }
.help-bg-circle img { max-width: 200px }

@media (min-width: 768px) {
.help-bg-circle img { max-width: 300px }
}

@media (min-width: 1200px) {
.help-bg-circle img { max-width: 400px }
}
.help-bg-circle.help-right { -webkit-transform: translateY(calc(-50% + 200px)); -moz-transform: translateY(calc(-50% + 200px)); -ms-transform: translateY(calc(-50% + 200px)); -o-transform: translateY(calc(-50% + 200px)); transform: translateY(calc(-50% + 200px)); right: -133px }

@media (min-width: 768px) {
.help-bg-circle.help-right { right: -200px }
}

@media (min-width: 1200px) {
.help-bg-circle.help-right { right: -267px }
}
.help-bg-circle.help-left { -webkit-transform: translateY(calc(-50% - 400px)); -moz-transform: translateY(calc(-50% - 400px)); -ms-transform: translateY(calc(-50% - 400px)); -o-transform: translateY(calc(-50% - 400px)); transform: translateY(calc(-50% - 400px)); left: -133px }

@media (min-width: 768px) {
.help-bg-circle.help-left { left: -200px }
}

@media (min-width: 1200px) {
.help-bg-circle.help-left { left: -267px }
}
.help-diagonal-section { position: absolute; top: 0; left: 0; z-index: 0; border-top: 343px solid #fff; border-right: 0 solid transparent; border-bottom: 343px solid transparent; border-left: 0 solid #fff }
.help-container { position: relative; z-index: 1; width: 100%; max-width: 1230px; margin: 0 auto; padding: 0 30px }

@media (min-width: 768px) {
.help-container { padding: 0 50px }
}

@media (min-width: 1200px) {
.help-container { max-width: 1120px }
}

@media (min-width: 1440px) {
.help-container { max-width: 1230px }
}
.help-detail { width: 100%; flex: 0 0 100%; margin-bottom: 72px; text-align: center }
.help-detail .sparator { width: 300px; height: 1px; margin: 36px auto 0; background-color: #404852; opacity: .1 }

@media (min-width: 1200px) {
.help-detail .sparator { width: 300px; margin: 68px auto 0 0 }
}

@media (min-width: 1440px) {
.help-detail .sparator { width: 348px }
}
.help-detail p { max-width: 100%; margin-top: 36px; font-size: 14px; font-weight: 300; line-height: 19px; letter-spacing: .4px }

@media (min-width: 1200px) {
.help-detail p { max-width: 310px; margin-top: 68px; font-size: 18px; line-height: 30px; letter-spacing: .4px }
}

@media (min-width: 1440px) {
.help-detail p { max-width: 370px; font-size: 22px; line-height: 35px; letter-spacing: .5px }
}

@media (min-width: 1200px) {
.help-detail { width: 400px; flex: 0 0 400px; margin-bottom: 0; text-align: left }
}

@media (min-width: 1440px) {
.help-detail { width: 470px; flex: 0 0 470px }
}
.help-image { height: 90px; margin-bottom: 25px }
.help-image img { position: relative; width: 100% }
.help-image.animate img { -webkit-animation-duration: 3s; -moz-animation-duration: 3s; -o-animation-duration: 3s; animation-duration: 3s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; animation-direction: normal }
.help-image.hospitality img { max-width: 90px }
.help-image.hospitality.animate img { -webkit-animation-name: packageFloatUp; -moz-animation-name: packageFloatUp; -o-animation-name: packageFloatUp; animation-name: packageFloatUp }
.help-image.service img { max-width: 106px }
.help-image.service.animate img { -webkit-animation-name: packageFloatUp; -moz-animation-name: packageFloatUp; -o-animation-name: packageFloatUp; animation-name: packageFloatUp }
.help-image.franchise img { max-width: 90px }
.help-image.franchise.animate img { -webkit-animation-name: packageFloatUp; -moz-animation-name: packageFloatUp; -o-animation-name: packageFloatUp; animation-name: packageFloatUp }
.help-image.catering img { max-width: 70px }
.help-image.catering.animate img { -webkit-animation-name: packageFloatUp; -moz-animation-name: packageFloatUp; -o-animation-name: packageFloatUp; animation-name: packageFloatUp }
.help-image.bars img { max-width: 67px }
.help-image.bars.animate img { -webkit-animation-name: packageFloatUp; -moz-animation-name: packageFloatUp; -o-animation-name: packageFloatUp; animation-name: packageFloatUp }
.help-image.fast img { max-width: 47px }
.help-image.fast.animate img { -webkit-animation-name: packageFloatUp; -moz-animation-name: packageFloatUp; -o-animation-name: packageFloatUp; animation-name: packageFloatUp }
.help-image.deliver img { max-width: 69px }
.help-image.deliver.animate img { -webkit-animation-name: packageFloatUp; -moz-animation-name: packageFloatUp; -o-animation-name: packageFloatUp; animation-name: packageFloatUp }
.help-image.all img { max-width: 78px }
.help-image.all.animate img { -webkit-animation-name: packageFloatUp; -moz-animation-name: packageFloatUp; -o-animation-name: packageFloatUp; animation-name: packageFloatUp }
.package-container { width: 100%; max-width: 1120px; margin: 68px auto 0; padding: 0 30px }

@media (min-width: 576px) {
.package-container { margin: 128px auto 0 }
}

@media (min-width: 768px) {
.package-container { padding: 0 50px }
}

@media (min-width: 1200px) {
.package-container { max-width: 1120px }
}

@media (min-width: 1440px) {
.package-container { max-width: 1220px }
}
.package-detail { color: #fff }
.package-detail .section-title { width: 100%; text-align: center }

@media (min-width: 992px) {
.package-detail .section-title { width: 403px; text-align: left }
}

@media (min-width: 1440px) {
.package-detail .section-title { width: 440px }
}
.package-description { width: 100%; margin-top: 30px }
.package-description p { font-size: 18px; font-weight: 300; line-height: 30px; letter-spacing: .6px; text-align: center }

@media (min-width: 992px) {
.package-description p { text-align: left; max-width: 362px }
}

@media (min-width: 1200px) {
.package-description p { max-width: 362px; font-size: 18px; line-height: 30px; letter-spacing: .6px }
}

@media (min-width: 1440px) {
.package-description p { max-width: 402px; font-size: 22px; line-height: 35px; letter-spacing: .85px }
}

@media (min-width: 992px) {
.package-description { width: 446px; margin-top: 0 }
}

@media (min-width: 1440px) {
.package-description { width: 495px }
}
.package-buttons { margin-top: 32px; text-align: center }
.package-buttons .btn { width: calc(50% - 10px); height: 45px; -webkit-border-radius: 22.5px; -moz-border-radius: 22.5px; -ms-border-radius: 22.5px; -o-border-radius: 22.5px; border-radius: 22.5px; max-width: 230px; padding: 16px 0 14px; font-size: 11px; line-height: 1 }
.package-buttons .btn+.btn { margin-left: 20px }

@media (min-width: 1440px) {
.package-buttons .btn+.btn { margin-left: 35px }
}

@media (min-width: 1200px) {
.package-buttons .btn { width: 208px; height: 54px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; padding: 17px 24px 16px; font-size: 13px; line-height: 17px }
}

@media (min-width: 992px) {
.package-buttons { text-align: left }
}

@media (min-width: 1200px) {
.package-buttons { margin-top: 46px }
}

@media (min-width: 1440px) {
.package-buttons { margin-top: 52px }
}
.package-image { height: 90px; margin-bottom: 25px }
.package-image img { position: relative; width: 100% }
.package-image.animate img { -webkit-animation-duration: 3s; -moz-animation-duration: 3s; -o-animation-duration: 3s; animation-duration: 3s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; animation-direction: normal }
.package-image.account img { max-width: 78px }
.package-image.account.animate img { -webkit-animation-name: packageFloatUp; -moz-animation-name: packageFloatUp; -o-animation-name: packageFloatUp; animation-name: packageFloatUp }
.package-image.website img { max-width: 79px }
.package-image.website.animate img { -webkit-animation-name: packageFloatUp; -moz-animation-name: packageFloatUp; -o-animation-name: packageFloatUp; animation-name: packageFloatUp }
.package-image.online img { max-width: 70px }
.package-image.online.animate img { -webkit-animation-name: packageFloatUp; -moz-animation-name: packageFloatUp; -o-animation-name: packageFloatUp; animation-name: packageFloatUp }
.package-image.mobile img { max-width: 47px }
.package-image.mobile.animate img { -webkit-animation-name: packageFloatUp; -moz-animation-name: packageFloatUp; -o-animation-name: packageFloatUp; animation-name: packageFloatUp }
.package-image.reputation img { max-width: 90px }
.package-image.reputation.animate img { -webkit-animation-name: packageFloatUp; -moz-animation-name: packageFloatUp; -o-animation-name: packageFloatUp; animation-name: packageFloatUp }
.package-image.marketing img { max-width: 118px }
.package-image.marketing.animate img { -webkit-animation-name: packageFloatUp; -moz-animation-name: packageFloatUp; -o-animation-name: packageFloatUp; animation-name: packageFloatUp }
.package-image.newsletter img { max-width: 61px }
.package-image.newsletter.animate img { -webkit-animation-name: packageFloatUp; -moz-animation-name: packageFloatUp; -o-animation-name: packageFloatUp; animation-name: packageFloatUp }
.package-image.custom img { max-width: 73px }
.package-image.custom.animate img { -webkit-animation-name: packageFloatUp; -moz-animation-name: packageFloatUp; -o-animation-name: packageFloatUp; animation-name: packageFloatUp }
.package-image.social img { max-width: 80px }
.package-image.social.animate img { -webkit-animation-name: packageFloatUp; -moz-animation-name: packageFloatUp; -o-animation-name: packageFloatUp; animation-name: packageFloatUp }
.package-image.seo img { max-width: 73px }
.package-image.seo.animate img { -webkit-animation-name: packageFloatUp; -moz-animation-name: packageFloatUp; -o-animation-name: packageFloatUp; animation-name: packageFloatUp }
.trusted-container { width: 100%; max-width: 968px; margin: 88px auto 0; padding: 0 30px }

@media (min-width: 576px) {
.trusted-container { margin: 138px auto 0 }
}

@media (min-width: 768px) {
.trusted-container { padding: 0 50px }
}

@media (min-width: 1200px) {
.trusted-container { max-width: 968px }
}

@media (min-width: 1440px) {
.trusted-container { max-width: 1064px }
}
.trusted-detail { color: #fff }
.trusted-image { margin: 40px auto 0 }
.trusted-image svg { width: 100% }

@media (min-width: 992px) {
.trusted-image { max-width: 680px }
}

@media (min-width: 1080px) {
.trusted-image { max-width: 100% }
}
.testimonial-container { width: 100%; max-width: 1120px; margin: 100px auto 0; padding: 0 30px }

@media (min-width: 576px) {
.testimonial-container { margin: 200px auto 0 }
}

@media (min-width: 768px) {
.testimonial-container { padding: 0 50px }
}

@media (min-width: 1200px) {
.testimonial-container { max-width: 1120px }
}

@media (min-width: 1440px) {
.testimonial-container { max-width: 1240px }
}
.testimonial-row+.testimonial-row { margin-top: 88px }
.testimonial-item { width: 100%; max-width: 412px }
.testimonial-item+.testimonial-item { margin-top: 88px }

@media (min-width: 992px) {
.testimonial-item+.testimonial-item { margin-top: 0 }
}

@media (min-width: 992px) {
.testimonial-item { max-width: 412px }
}

@media (min-width: 1080px) {
.testimonial-item { max-width: 448px }
}

@media (min-width: 1440px) {
.testimonial-item { max-width: 497px }
}
.testimonial-bg img { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 8px 22px 0 rgba(39,44,50,0.1); -moz-box-shadow: 0 8px 22px 0 rgba(39,44,50,0.1); -ms-box-shadow: 0 8px 22px 0 rgba(39,44,50,0.1); -o-box-shadow: 0 8px 22px 0 rgba(39,44,50,0.1); box-shadow: 0 8px 22px 0 rgba(39,44,50,0.1); max-width: 100% }

@media (min-width: 1200px) {
.testimonial-bg img { max-width: 412px }
}

@media (min-width: 1440px) {
.testimonial-bg img { max-width: 458px }
}
.testimonial-detail { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 8px 22px 0 rgba(39,44,50,0.1); -moz-box-shadow: 0 8px 22px 0 rgba(39,44,50,0.1); -ms-box-shadow: 0 8px 22px 0 rgba(39,44,50,0.1); -o-box-shadow: 0 8px 22px 0 rgba(39,44,50,0.1); box-shadow: 0 8px 22px 0 rgba(39,44,50,0.1); position: relative; width: calc(100% - 30px); max-width: 300px; margin: -126px auto 0; padding: 60px 30px 30px; background-color: #fff }
.testimonial-detail img { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-shadow: 0 8px 12px 0 #e6e6e6; -moz-box-shadow: 0 8px 12px 0 #e6e6e6; -ms-box-shadow: 0 8px 12px 0 #e6e6e6; -o-box-shadow: 0 8px 12px 0 #e6e6e6; box-shadow: 0 8px 12px 0 #e6e6e6; position: absolute; top: -36px; left: 50%; width: 72px }
.testimonial-detail .btn { margin-top: 20px }

@media (min-width: 576px) {
.testimonial-detail { max-width: 340px }
}

@media (min-width: 992px) {
.testimonial-detail { margin: -126px auto 0 }
}

@media (min-width: 1080px) {
.testimonial-detail { margin: -126px 0 0 auto }
}
.testimonial-text { position: relative; padding-top: 15px; font-size: 14px; font-weight: 300; font-style: italic; line-height: 22px; letter-spacing: .47px }
.testimonial-text:before { width: 41px; height: 32px; content: ''; position: absolute; top: 0; left: 0; background-image: url("/wp-content/themes/bb-theme-child/assets/icons/quote-icon.png"); background-repeat: no-repeat; background-size: 100% }
.testimonial-user { position: relative; margin-top: 10px; padding-left: 32px; font-size: 14px; font-weight: 600; line-height: 24px; letter-spacing: .47px }
.testimonial-user:before { width: 20px; height: 1px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); content: ''; position: absolute; top: 50%; left: 0; background-color: #404852 }
.bundle-section { position: relative; width: 100%; max-width: 1120px; margin: 0 auto; padding: 0 30px 320px }

@media (min-width: 576px) {
.bundle-section { padding: 0 30px 450px }
}

@media (min-width: 768px) {
.bundle-section { padding: 0 50px 540px }
}

@media (min-width: 992px) {
.bundle-section { padding: 0 50px 140px }
}

@media (min-width: 1200px) {
.bundle-section { max-width: 1120px }
}

@media (min-width: 1440px) {
.bundle-section { max-width: 1440px }
}
.bundle-illustration { -webkit-transform: translateX(50%); -moz-transform: translateX(50%); -ms-transform: translateX(50%); -o-transform: translateX(50%); transform: translateX(50%); position: absolute; right: 50%; bottom: 0; width: 320px; max-width: 721px }
.bundle-illustration svg { width: 100% }

@media (min-width: 576px) {
.bundle-illustration { right: 50%; width: 100%; max-width: 450px }
}

@media (min-width: 768px) {
.bundle-illustration { width: 100%; max-width: 540px }
}

@media (min-width: 992px) {
.bundle-illustration { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); top: 120px; right: -80px }
}

@media (min-width: 1080px) {
.bundle-illustration { max-width: 620px }
}

@media (min-width: 1200px) {
.bundle-illustration { top: 144px; max-width: 686px }
}

@media (min-width: 1440px) {
.bundle-illustration { top: 172px; right: -117px; max-width: 783px }
}
.bundle-container { width: 100%; max-width: 1220px; margin: 120px auto 0 }

@media (min-width: 768px) {
.bundle-container { margin: 180px auto 0 }
}

@media (min-width: 1200px) {
.bundle-container { margin: 234px auto 0 }
}
.bundle-detail { width: 100%; max-width: 660px; color: #fff }
.bundle-detail .sparator { width: 300px; height: 1px; margin: 36px auto 0; background-color: #fff; opacity: .2 }

@media (min-width: 992px) {
.bundle-detail .sparator { margin: 36px auto 0 0 }
}

@media (min-width: 1200px) {
.bundle-detail .sparator { width: 300px; margin: 68px auto 0 0 }
}

@media (min-width: 1440px) {
.bundle-detail .sparator { width: 348px }
}
.bundle-detail p { margin: 36px auto 0; max-width: 423px; font-size: 14px; font-weight: 300; line-height: 19px; letter-spacing: .4px; text-align: center }
.bundle-detail p+p { margin-top: 36px }

@media (min-width: 1200px) {
.bundle-detail p+p { margin-top: 36px }
}

@media (min-width: 1440px) {
.bundle-detail p+p { margin-top: 40px }
}

@media (min-width: 992px) {
.bundle-detail p { margin: 36px 0 0; text-align: left }
}

@media (min-width: 1200px) {
.bundle-detail p { margin: 68px 0 0; max-width: 423px; font-size: 18px; line-height: 30px; letter-spacing: .6px }
}

@media (min-width: 1440px) {
.bundle-detail p { max-width: 470px; font-size: 22px; line-height: 35px; letter-spacing: .85px }
}
.grow-container { position: relative; width: 100%; max-width: 1440px; margin: 0 auto }
.grow-bg-square { -webkit-animation-name: patternFloatUp; -moz-animation-name: patternFloatUp; -o-animation-name: patternFloatUp; animation-name: patternFloatUp; -webkit-animation-duration: 8s; -moz-animation-duration: 8s; -o-animation-duration: 8s; animation-duration: 8s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; animation-direction: normal; position: absolute; top: -166px; left: -150px }
.grow-bg-square img { max-width: 350px }

@media (min-width: 768px) {
.grow-bg-square img { max-width: 525px }
}

@media (min-width: 1200px) {
.grow-bg-square img { max-width: 700px }
}

@media (min-width: 768px) {
.grow-bg-square { top: -254px; left: -225px }
}

@media (min-width: 1200px) {
.grow-bg-square { top: -332px; left: -300px }
}
.grow-bg-circle { -webkit-animation-name: patternFloatDown; -moz-animation-name: patternFloatDown; -o-animation-name: patternFloatDown; animation-name: patternFloatDown; -webkit-animation-duration: 8s; -moz-animation-duration: 8s; -o-animation-duration: 8s; animation-duration: 8s; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -o-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-delay: 0s; -moz-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: normal; -moz-animation-direction: normal; -o-animation-direction: normal; animation-direction: normal; position: absolute; right: -133px; bottom: -325px }
.grow-bg-circle img { max-width: 323px }

@media (min-width: 768px) {
.grow-bg-circle img { max-width: 647px }
}

@media (min-width: 1200px) {
.grow-bg-circle img { max-width: 647px }
}

@media (min-width: 768px) {
.grow-bg-circle { right: -200px; bottom: -488px }
}

@media (min-width: 1200px) {
.grow-bg-circle { right: -267px; bottom: -650px }
}
.grow-content { width: 100%; max-width: 786px; margin: 0 auto; padding: 0 30px }

@media (min-width: 768px) {
.grow-content { padding: 0 50px }
}

@media (min-width: 1200px) {
.grow-content { max-width: 786px }
}

@media (min-width: 1440px) {
.grow-content { max-width: 908px }
}
.grow-wrapper { margin-top: 40px }
.grow-wrapper p { font-size: 14px; line-height: 19px; letter-spacing: .4px; text-align: center; color: #fff }

@media (min-width: 1200px) {
.grow-wrapper p { font-size: 18px; line-height: 30px; letter-spacing: .6px }
}

@media (min-width: 1440px) {
.grow-wrapper p { font-size: 22px; line-height: 35px; letter-spacing: .85px }
}
.customer-story-button { margin-top: 50px; text-align: center }
.question-wrapper { margin-top: 40px; text-align: center; color: #fff }
.question-wrapper h3 { font-size: 18px; font-weight: 800; line-height: 30px; letter-spacing: 1.24px; text-transform: uppercase }
.question-buttons { margin-top: 40px }
.question-buttons span { display: inline-block; margin: 10px 0; font-size: 18px; letter-spacing: 2px }

@media (min-width: 992px) {
.question-buttons span { margin: 0 25px }
}
.member-service-container { position: relative; width: 100%; max-width: 1200px; margin: 0 auto }
.member-service-illustration { -webkit-transform: translateX(calc(-50% - 100px)); -moz-transform: translateX(calc(-50% - 100px)); -ms-transform: translateX(calc(-50% - 100px)); -o-transform: translateX(calc(-50% - 100px)); transform: translateX(calc(-50% - 100px)); position: absolute; top: 0; left: 50%; width: 466px }
.member-service-illustration img, .member-service-illustration svg { width: 100% }

@media (min-width: 768px) {
.member-service-illustration { -webkit-transform: translateX(calc(-50% - 200px)); -moz-transform: translateX(calc(-50% - 200px)); -ms-transform: translateX(calc(-50% - 200px)); -o-transform: translateX(calc(-50% - 200px)); transform: translateX(calc(-50% - 200px)); width: 932px }
}

@media (min-width: 992px) {
.member-service-illustration { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); left: -509px }
}
.member-feature-container { width: 100%; max-width: 1220px; margin: 0 auto; padding: 400px 30px 0 }

@media (min-width: 768px) {
.member-feature-container { padding: 800px 50px 0 }
}

@media (min-width: 992px) {
.member-feature-container { padding: 0 50px }
}

@media (min-width: 1200px) {
.member-feature-container { max-width: 1120px }
}

@media (min-width: 1440px) {
.member-feature-container { max-width: 1220px }
}
.member-service-wrapper { position: relative; z-index: 1; margin-top: 15px }
.card-member-service { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 10px 25px 0 rgba(73,89,108,0.15); -moz-box-shadow: 0 10px 25px 0 rgba(73,89,108,0.15); -ms-box-shadow: 0 10px 25px 0 rgba(73,89,108,0.15); -o-box-shadow: 0 10px 25px 0 rgba(73,89,108,0.15); box-shadow: 0 10px 25px 0 rgba(73,89,108,0.15); height: calc(100% - 20px); margin-top: 20px; padding: 25px; border: 0 }
.card-member-service h3 { margin-top: 15px; font-size: 18px; font-weight: 700; line-height: 24px; letter-spacing: .5px }

@media (min-width: 768px) {
.card-member-service h3 { font-size: 22px; line-height: 32px; letter-spacing: .5px }
}
.card-member-service p { margin-top: 12px; font-size: 14px; line-height: 18px; letter-spacing: .4px; color: #636f83 }

@media (min-width: 768px) {
.card-member-service p { font-size: 18px; line-height: 27px; letter-spacing: .53px }
}
.card-member-service .member-service-number { width: 35px; height: 35px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-image: -webkit-linear-gradient(150deg, #65ffe3, #6228c2 200%); background-image: -moz-linear-gradient(150deg, #65ffe3, #6228c2 200%); background-image: -ms-linear-gradient(150deg, #65ffe3, #6228c2 200%); background-image: -o-linear-gradient(150deg, #65ffe3, #6228c2 200%); background-image: linear-gradient(150deg, #65ffe3, #6228c2 200%); display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center }
.card-member-service .member-service-number span { font-size: 18px; font-weight: 700; line-height: 38px; letter-spacing: 1px; color: #fff }

@media (min-width: 768px) {
.card-member-service { height: calc(100% - 30px); margin-top: 30px }
}
.member-service-marketing { position: relative; width: 100%; margin: 100px auto 0; padding: 0 30px }
.member-service-marketing .section-title { position: relative; z-index: 1 }

@media (min-width: 768px) {
.member-service-marketing { margin: 200px auto 0; padding: 0 50px }
}

@media (min-width: 992px) {
.member-service-marketing { max-width: 1200px }
}
.member-marketing-wrapper { width: 100%; max-width: 900px; margin: 0 auto }
.member-marketing-illustration { margin-top: 150px }
.member-marketing-icon { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 9px 3px rgba(201,210,247,0.33); -moz-box-shadow: 0 0 9px 3px rgba(201,210,247,0.33); -ms-box-shadow: 0 0 9px 3px rgba(201,210,247,0.33); -o-box-shadow: 0 0 9px 3px rgba(201,210,247,0.33); box-shadow: 0 0 9px 3px rgba(201,210,247,0.33); position: absolute; z-index: 1; background-color: #fff; cursor: pointer }
.member-marketing-icon img { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; max-width: 50%; max-height: 50% }
.member-marketing-icon span { -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); position: absolute; top: 100%; left: 50%; width: 200%; padding-top: 12.5%; font-size: .5rem; font-weight: 600; line-height: 1.33; letter-spacing: .75px; text-align: center; color: #636f83 }

@media (min-width: 576px) {
.member-marketing-icon span { width: 130%; font-size: .625rem }
}

@media (min-width: 768px) {
.member-marketing-icon span { font-size: .75rem }
}

@media (min-width: 992px) {
.member-marketing-icon span { font-size: 1rem }
}

@media (min-width: 1200px) {
.member-marketing-icon span { font-size: 1rem }
}
.member-marketing-icon:before { content: ''; display: block; padding-bottom: 100% }
.member-marketing-icon:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all ease 0.4s; -moz-transition: all ease 0.4s; -ms-transition: all ease 0.4s; -o-transition: all ease 0.4s; transition: all ease 0.4s }
.member-marketing-icon:focus { outline: 0 }

@media (min-width: 576px) {
.member-marketing-icon { -webkit-box-shadow: 0 0 15px 4px rgba(201,210,247,0.33); -moz-box-shadow: 0 0 15px 4px rgba(201,210,247,0.33); -ms-box-shadow: 0 0 15px 4px rgba(201,210,247,0.33); -o-box-shadow: 0 0 15px 4px rgba(201,210,247,0.33); box-shadow: 0 0 15px 4px rgba(201,210,247,0.33) }
}

@media (min-width: 768px) {
.member-marketing-icon { -webkit-box-shadow: 0 0 21px 5px rgba(201,210,247,0.33); -moz-box-shadow: 0 0 21px 5px rgba(201,210,247,0.33); -ms-box-shadow: 0 0 21px 5px rgba(201,210,247,0.33); -o-box-shadow: 0 0 21px 5px rgba(201,210,247,0.33); box-shadow: 0 0 21px 5px rgba(201,210,247,0.33) }
}

@media (min-width: 992px) {
.member-marketing-icon { -webkit-box-shadow: 0 0 27px 6px rgba(201,210,247,0.33); -moz-box-shadow: 0 0 27px 6px rgba(201,210,247,0.33); -ms-box-shadow: 0 0 27px 6px rgba(201,210,247,0.33); -o-box-shadow: 0 0 27px 6px rgba(201,210,247,0.33); box-shadow: 0 0 27px 6px rgba(201,210,247,0.33) }
}

@media (min-width: 1200px) {
.member-marketing-icon { -webkit-box-shadow: 0 0 33px 7px rgba(201,210,247,0.33); -moz-box-shadow: 0 0 33px 7px rgba(201,210,247,0.33); -ms-box-shadow: 0 0 33px 7px rgba(201,210,247,0.33); -o-box-shadow: 0 0 33px 7px rgba(201,210,247,0.33); box-shadow: 0 0 33px 7px rgba(201,210,247,0.33) }
}
.member-marketing-circle { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 0 9px 8px rgba(201,210,247,0.16); -moz-box-shadow: 0 0 9px 8px rgba(201,210,247,0.16); -ms-box-shadow: 0 0 9px 8px rgba(201,210,247,0.16); -o-box-shadow: 0 0 9px 8px rgba(201,210,247,0.16); box-shadow: 0 0 9px 8px rgba(201,210,247,0.16); position: relative; background-color: #fff }
.member-marketing-circle:before { content: ''; display: block; padding-bottom: 100% }
.member-marketing-circle.xl { width: 100%; height: auto; max-width: 837px; margin: 0 auto }
.member-marketing-circle.xl>.member-marketing-icon { width: 12.904%; height: auto; -webkit-box-shadow: 0 0 33px 7px rgba(201,210,247,0.33); -moz-box-shadow: 0 0 33px 7px rgba(201,210,247,0.33); -ms-box-shadow: 0 0 33px 7px rgba(201,210,247,0.33); -o-box-shadow: 0 0 33px 7px rgba(201,210,247,0.33); box-shadow: 0 0 33px 7px rgba(201,210,247,0.33) }
.member-marketing-circle.xl>.member-marketing-icon.cus { top: -0.35%; left: 16.12% }
.member-marketing-circle.xl>.member-marketing-icon.onl { top: -5.97%; left: 50.77% }
.member-marketing-circle.xl>.member-marketing-icon.seo { width: 10.276%; height: auto; top: 23.3%; left: -0.71% }
.member-marketing-circle.xl>.member-marketing-icon.ins { width: 10.276%; height: auto; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; top: 21.74%; right: .12%; background-image: -webkit-linear-gradient(180deg, #7024c4, #c21975, #c74c4d, #e09b3d); background-image: -moz-linear-gradient(180deg, #7024c4, #c21975, #c74c4d, #e09b3d); background-image: -ms-linear-gradient(180deg, #7024c4, #c21975, #c74c4d, #e09b3d); background-image: -o-linear-gradient(180deg, #7024c4, #c21975, #c74c4d, #e09b3d); background-image: linear-gradient(180deg, #7024c4, #c21975, #c74c4d, #e09b3d) }
.member-marketing-circle.xl>.member-marketing-icon.ema { bottom: 22.46%; left: .84% }
.member-marketing-circle.xl>.member-marketing-icon.loc { bottom: 25.08%; right: -1.43% }
.member-marketing-circle.lg { width: 71.458%; height: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50% }
.member-marketing-circle.lg>.member-marketing-icon { width: 18.058%; height: auto; -webkit-box-shadow: 0 0 33px 7px rgba(201,210,247,0.33); -moz-box-shadow: 0 0 33px 7px rgba(201,210,247,0.33); -ms-box-shadow: 0 0 33px 7px rgba(201,210,247,0.33); -o-box-shadow: 0 0 33px 7px rgba(201,210,247,0.33); box-shadow: 0 0 33px 7px rgba(201,210,247,0.33) }
.member-marketing-circle.lg>.member-marketing-icon.mob { top: 3.33%; right: 10.35% }
.member-marketing-circle.lg>.member-marketing-icon.soc { top: 37.4%; left: -7.35% }
.member-marketing-circle.lg>.member-marketing-icon.gra { bottom: 1%; left: 16.7% }
.member-marketing-circle.lg>.member-marketing-icon.vid { width: 14.38%; height: auto; right: 26.21%; bottom: -3.5%; background-color: #f44336 }
.member-marketing-circle.md { width: 60.1%; height: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50% }
.member-marketing-circle.md>.member-marketing-icon { width: 30.048%; height: auto; -webkit-box-shadow: 0 0 33px 7px rgba(201,210,247,0.33); -moz-box-shadow: 0 0 33px 7px rgba(201,210,247,0.33); -ms-box-shadow: 0 0 33px 7px rgba(201,210,247,0.33); -o-box-shadow: 0 0 33px 7px rgba(201,210,247,0.33); box-shadow: 0 0 33px 7px rgba(201,210,247,0.33) }
.member-marketing-circle.md>.member-marketing-icon.fac { width: 23.928%; height: auto; -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; top: -4.44%; left: 12.22%; background-color: #385c8e }
.member-marketing-circle.md>.member-marketing-icon.rep { top: 41.66%; right: -12.77% }
.member-marketing-circle.sm { width: 48.05%; height: auto; -webkit-box-shadow: 0 0 33px 8px rgba(201,210,247,0.16); -moz-box-shadow: 0 0 33px 8px rgba(201,210,247,0.16); -ms-box-shadow: 0 0 33px 8px rgba(201,210,247,0.16); -o-box-shadow: 0 0 33px 8px rgba(201,210,247,0.16); box-shadow: 0 0 33px 8px rgba(201,210,247,0.16); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50% }
.member-marketing-circle.sm h3 { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; font-size: .5rem; font-weight: 800; line-height: 1.33; letter-spacing: .4px; text-transform: uppercase; color: #486ec6 }

@media (min-width: 576px) {
.member-marketing-circle.sm h3 { font-size: .625rem; letter-spacing: .8px }
}

@media (min-width: 768px) {
.member-marketing-circle.sm h3 { font-size: .75rem; letter-spacing: 1.2px }
}

@media (min-width: 992px) {
.member-marketing-circle.sm h3 { font-size: 1.125rem; letter-spacing: 1.6px }
}

@media (min-width: 1200px) {
.member-marketing-circle.sm h3 { font-size: 1.125rem; letter-spacing: 2px }
}

@media (min-width: 576px) {
.member-marketing-circle.sm { -webkit-box-shadow: 0 0 15px 11px rgba(201,210,247,0.16); -moz-box-shadow: 0 0 15px 11px rgba(201,210,247,0.16); -ms-box-shadow: 0 0 15px 11px rgba(201,210,247,0.16); -o-box-shadow: 0 0 15px 11px rgba(201,210,247,0.16); box-shadow: 0 0 15px 11px rgba(201,210,247,0.16) }
}

@media (min-width: 768px) {
.member-marketing-circle.sm { -webkit-box-shadow: 0 0 21px 10px rgba(201,210,247,0.16); -moz-box-shadow: 0 0 21px 10px rgba(201,210,247,0.16); -ms-box-shadow: 0 0 21px 10px rgba(201,210,247,0.16); -o-box-shadow: 0 0 21px 10px rgba(201,210,247,0.16); box-shadow: 0 0 21px 10px rgba(201,210,247,0.16) }
}

@media (min-width: 992px) {
.member-marketing-circle.sm { -webkit-box-shadow: 0 0 27px 13px rgba(201,210,247,0.16); -moz-box-shadow: 0 0 27px 13px rgba(201,210,247,0.16); -ms-box-shadow: 0 0 27px 13px rgba(201,210,247,0.16); -o-box-shadow: 0 0 27px 13px rgba(201,210,247,0.16); box-shadow: 0 0 27px 13px rgba(201,210,247,0.16) }
}

@media (min-width: 1200px) {
.member-marketing-circle.sm { -webkit-box-shadow: 0 0 33px 16px rgba(201,210,247,0.16); -moz-box-shadow: 0 0 33px 16px rgba(201,210,247,0.16); -ms-box-shadow: 0 0 33px 16px rgba(201,210,247,0.16); -o-box-shadow: 0 0 33px 16px rgba(201,210,247,0.16); box-shadow: 0 0 33px 16px rgba(201,210,247,0.16) }
}

@media (min-width: 576px) {
.member-marketing-circle { -webkit-box-shadow: 0 0 15px 14px rgba(201,210,247,0.16); -moz-box-shadow: 0 0 15px 14px rgba(201,210,247,0.16); -ms-box-shadow: 0 0 15px 14px rgba(201,210,247,0.16); -o-box-shadow: 0 0 15px 14px rgba(201,210,247,0.16); box-shadow: 0 0 15px 14px rgba(201,210,247,0.16) }
}

@media (min-width: 768px) {
.member-marketing-circle { -webkit-box-shadow: 0 0 21px 20px rgba(201,210,247,0.16); -moz-box-shadow: 0 0 21px 20px rgba(201,210,247,0.16); -ms-box-shadow: 0 0 21px 20px rgba(201,210,247,0.16); -o-box-shadow: 0 0 21px 20px rgba(201,210,247,0.16); box-shadow: 0 0 21px 20px rgba(201,210,247,0.16) }
}

@media (min-width: 992px) {
.member-marketing-circle { -webkit-box-shadow: 0 0 27px 26px rgba(201,210,247,0.16); -moz-box-shadow: 0 0 27px 26px rgba(201,210,247,0.16); -ms-box-shadow: 0 0 27px 26px rgba(201,210,247,0.16); -o-box-shadow: 0 0 27px 26px rgba(201,210,247,0.16); box-shadow: 0 0 27px 26px rgba(201,210,247,0.16) }
}

@media (min-width: 1200px) {
.member-marketing-circle { -webkit-box-shadow: 0 0 33px 32px rgba(201,210,247,0.16); -moz-box-shadow: 0 0 33px 32px rgba(201,210,247,0.16); -ms-box-shadow: 0 0 33px 32px rgba(201,210,247,0.16); -o-box-shadow: 0 0 33px 32px rgba(201,210,247,0.16); box-shadow: 0 0 33px 32px rgba(201,210,247,0.16) }
}
.member-service-package { position: relative; width: 100%; max-width: 1120px; margin: 60px auto 110px; padding: 0 30px }
.member-service-package nav { -webkit-box-shadow: 0 10px 25px 0 rgba(73,89,108,0.15); -moz-box-shadow: 0 10px 25px 0 rgba(73,89,108,0.15); -ms-box-shadow: 0 10px 25px 0 rgba(73,89,108,0.15); -o-box-shadow: 0 10px 25px 0 rgba(73,89,108,0.15); box-shadow: 0 10px 25px 0 rgba(73,89,108,0.15); padding: 5px; background-color: #fff }
.member-service-package nav .nav-tabs { border: 0 }
.member-service-package nav .nav-item { width: 100%; padding: 15px 0; font-size: 16px; line-height: 24px; letter-spacing: .5px; text-align: center; color: #636f83; border: 0 }
.member-service-package nav .nav-item.active { font-weight: 700; color: #3e93df; background-color: #f5f6f8 }
.member-service-package nav .nav-item.active:hover { color: #3e93df; background-color: #f5f6f8 }
.member-service-package nav .nav-item:hover { color: #3e93df; background-color: #fafbfd }

@media (min-width: 576px) {
.member-service-package nav .nav-item+.nav-item { margin-left: 5px }
}

@media (min-width: 576px) {
.member-service-package nav .nav-item { width: calc(calc(100% - 15px) / 4); padding: 15px 0; font-size: 17px; line-height: 25px; letter-spacing: .62px }
}

@media (min-width: 768px) {
.member-service-package nav .nav-item { padding: 20px 0; font-size: 21px; line-height: 28px; letter-spacing: .62px }
}
.member-service-package .mobile-package-tabs { -webkit-box-shadow: 0 10px 25px 0 rgba(73,89,108,0.15); -moz-box-shadow: 0 10px 25px 0 rgba(73,89,108,0.15); -ms-box-shadow: 0 10px 25px 0 rgba(73,89,108,0.15); -o-box-shadow: 0 10px 25px 0 rgba(73,89,108,0.15); box-shadow: 0 10px 25px 0 rgba(73,89,108,0.15); display: block; margin-top: 60px; padding: 5px; background-color: #fff }
.member-service-package .mobile-package-tabs ul { list-style: none }
.member-service-package .mobile-package-tabs ul li span { display: block; width: 100%; padding: 15px 0; font-size: 16px; line-height: 24px; letter-spacing: .5px; text-align: center; color: #636f83; cursor: pointer }
.member-service-package .mobile-package-tabs ul li.active span { font-weight: 700; color: #3e93df; background-color: #f5f6f8 }
.member-service-package .mobile-package-tabs ul li.active span:hover { color: #3e93df; background-color: #f5f6f8 }

@media (min-width: 576px) {
.member-service-package .mobile-package-tabs { display: none }
}
.member-service-package .tab-content { margin-top: 500px }

@media (min-width: 768px) {
.member-service-package .tab-content { margin-top: 980px }
}

@media (min-width: 992px) {
.member-service-package .tab-content { margin-top: 80px }
}
.member-service-package+.member-service-package { margin-top: 80px; margin-bottom: 0 }

@media (min-width: 768px) {
.member-service-package { padding: 0 40px; margin: 60px auto 150px }
}

@media (min-width: 768px) {
.member-service-package { padding: 0 50px; margin: 60px auto 200px }
}
.service-package-illustration { position: absolute; z-index: 0 }
.service-package-illustration img, .service-package-illustration svg { width: 100% }
.service-package-illustration.bg { -webkit-transform: translateX(calc(50% + 180px)); -moz-transform: translateX(calc(50% + 180px)); -ms-transform: translateX(calc(50% + 180px)); -o-transform: translateX(calc(50% + 180px)); transform: translateX(calc(50% + 180px)); top: 200px; right: 50%; width: 514px }

@media (min-width: 576px) {
.service-package-illustration.bg { top: 40px }
}

@media (min-width: 768px) {
.service-package-illustration.bg { -webkit-transform: translateX(calc(50% + 360px)); -moz-transform: translateX(calc(50% + 360px)); -ms-transform: translateX(calc(50% + 360px)); -o-transform: translateX(calc(50% + 360px)); transform: translateX(calc(50% + 360px)); width: 1028px }
}

@media (min-width: 992px) {
.service-package-illustration.bg { -webkit-transform: translateX(calc(50%)); -moz-transform: translateX(calc(50%)); -ms-transform: translateX(calc(50%)); -o-transform: translateX(calc(50%)); transform: translateX(calc(50%)); top: 48px; right: 0; width: 771px }
}

@media (min-width: 1200px) {
.service-package-illustration.bg { -webkit-transform: translateX(calc(50% + 80px)); -moz-transform: translateX(calc(50% + 80px)); -ms-transform: translateX(calc(50% + 80px)); -o-transform: translateX(calc(50% + 80px)); transform: translateX(calc(50% + 80px)); top: 44px; width: 925px }
}

@media (min-width: 1440px) {
.service-package-illustration.bg { -webkit-transform: translateX(calc(50% + 120px)); -moz-transform: translateX(calc(50% + 120px)); -ms-transform: translateX(calc(50% + 120px)); -o-transform: translateX(calc(50% + 120px)); transform: translateX(calc(50% + 120px)); top: 40px; width: 1028px }
}
.service-package-illustration.essentials { -webkit-transform: translateX(calc(50% + 2px)); -moz-transform: translateX(calc(50% + 2px)); -ms-transform: translateX(calc(50% + 2px)); -o-transform: translateX(calc(50% + 2px)); transform: translateX(calc(50% + 2px)); top: 244px; right: 50%; width: 328px }

@media (min-width: 576px) {
.service-package-illustration.essentials { top: 80px }
}

@media (min-width: 768px) {
.service-package-illustration.essentials { top: 140px; width: 655px }
}

@media (min-width: 992px) {
.service-package-illustration.essentials { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); top: 140px; right: -64px; width: 491px }
}

@media (min-width: 1200px) {
.service-package-illustration.essentials { top: 140px; right: -94px; width: 589px }
}

@media (min-width: 1440px) {
.service-package-illustration.essentials { top: 140px; right: -134px; width: 655px }
}
.service-package-illustration.competitive { -webkit-transform: translateX(calc(50% + 2px)); -moz-transform: translateX(calc(50% + 2px)); -ms-transform: translateX(calc(50% + 2px)); -o-transform: translateX(calc(50% + 2px)); transform: translateX(calc(50% + 2px)); top: 244px; right: 50%; width: 325px }

@media (min-width: 576px) {
.service-package-illustration.competitive { top: 80px }
}

@media (min-width: 768px) {
.service-package-illustration.competitive { top: 140px; width: 650px }
}

@media (min-width: 992px) {
.service-package-illustration.competitive { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); top: 140px; right: -58px; width: 487px }
}

@media (min-width: 1200px) {
.service-package-illustration.competitive { top: 140px; right: -88px; width: 585px }
}

@media (min-width: 1440px) {
.service-package-illustration.competitive { top: 140px; right: -128px; width: 650px }
}
.service-package-illustration.competitive-plus { -webkit-transform: translateX(calc(50% - 4px)); -moz-transform: translateX(calc(50% - 4px)); -ms-transform: translateX(calc(50% - 4px)); -o-transform: translateX(calc(50% - 4px)); transform: translateX(calc(50% - 4px)); top: 244px; right: 50%; width: 336px }

@media (min-width: 576px) {
.service-package-illustration.competitive-plus { top: 80px }
}

@media (min-width: 768px) {
.service-package-illustration.competitive-plus { top: 140px; width: 672px }
}

@media (min-width: 992px) {
.service-package-illustration.competitive-plus { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); top: 140px; right: -58px; width: 504px }
}

@media (min-width: 1200px) {
.service-package-illustration.competitive-plus { top: 140px; right: -88px; width: 604px }
}

@media (min-width: 1440px) {
.service-package-illustration.competitive-plus { top: 140px; right: -128px; width: 672px }
}
.service-package-illustration.complete { -webkit-transform: translateX(calc(50% + 4px)); -moz-transform: translateX(calc(50% + 4px)); -ms-transform: translateX(calc(50% + 4px)); -o-transform: translateX(calc(50% + 4px)); transform: translateX(calc(50% + 4px)); top: 240px; right: 50%; width: 346px }

@media (min-width: 576px) {
.service-package-illustration.complete { top: 76px }
}

@media (min-width: 768px) {
.service-package-illustration.complete { top: 136px; width: 691px }
}

@media (min-width: 992px) {
.service-package-illustration.complete { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); top: 136px; right: -80px; width: 518px }
}

@media (min-width: 1200px) {
.service-package-illustration.complete { top: 136px; right: -118px; width: 621px }
}

@media (min-width: 1440px) {
.service-package-illustration.complete { top: 136px; right: -158px; width: 691px }
}
.service-package-tabs { position: relative; z-index: 1 }
.service-package-wrapper { position: relative; z-index: 1; margin-top: 30px }
.service-package-wrapper .row { margin: 0 -10px }
.service-package-wrapper div[class*='col-'] { padding: 0 10px }
.card-service-package { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 10px 25px 0 rgba(73,89,108,0.15); -moz-box-shadow: 0 10px 25px 0 rgba(73,89,108,0.15); -ms-box-shadow: 0 10px 25px 0 rgba(73,89,108,0.15); -o-box-shadow: 0 10px 25px 0 rgba(73,89,108,0.15); box-shadow: 0 10px 25px 0 rgba(73,89,108,0.15); margin-top: 20px; padding: 25px 20px 40px; border: 0 }
.card-service-package h3 { font-size: 18px; font-weight: 700; line-height: 24px; letter-spacing: .8px; text-align: center; text-transform: uppercase; color: #206fb3 }
.card-service-package img { max-width: 203px; height: auto; margin: 10px auto 0 }
.card-service-package ul { margin-top: 20px; list-style: none }
.card-service-package ul .package-list { margin-bottom: 10px }
.card-service-package ul li { position: relative; padding-left: 20px }
.card-service-package ul li span { font-size: 15px; line-height: 24px; letter-spacing: .58px; color: #636f83 }
.card-service-package ul li:before { width: 6px; height: 6px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; content: ''; position: absolute; top: 9px; left: 0; border: 2px solid #58bbde }
.card-service-package ul li+li { margin-top: 10px }
.card-service-package .service-package-pricing { margin-top: 15px }
.card-service-package .service-package-pricing p { display: inline-block; width: 100%; font-size: 20px; line-height: 0px; text-align: center }
.card-service-package .service-package-pricing p span { font-size: 35px; line-height: 47px }
.card-service-package .service-package-sparator { width: 100%; height: 1px; background-image: -webkit-linear-gradient(90deg, rgba(67,168,218,0), #318BC6, rgba(67,168,218,0)); background-image: -moz-linear-gradient(90deg, rgba(67,168,218,0), #318BC6, rgba(67,168,218,0)); background-image: -ms-linear-gradient(90deg, rgba(67,168,218,0), #318BC6, rgba(67,168,218,0)); background-image: -o-linear-gradient(90deg, rgba(67,168,218,0), #318BC6, rgba(67,168,218,0)); background-image: linear-gradient(90deg, rgba(67,168,218,0), #318BC6, rgba(67,168,218,0)); margin-top: 25px }
.card-service-package .service-package-see a { font-size: 15px; font-weight: 700; line-height: 24px; letter-spacing: .58px; color: #58bbde }
.card-service-package .service-package-see a span:before { content: 'See Less' }
.card-service-package .service-package-see a.collapsed span::before { content: 'See More' }
.card-service-package .service-package-see.essentials { margin-top: 24px }
.card-service-package .service-package-learn { margin-top: 35px; text-align: center }
.card-service-package .service-package-learn a { font-size: 15px; font-weight: 800; line-height: 20px; letter-spacing: 1.34px; text-transform: uppercase; color: #25b9fd }
.card-service-package .service-package-button { margin-top: 25px; text-align: center }
.card-service-package .service-package-button .btn { width: 100%; height: 50px; max-width: 168px; padding: 15px 0; font-size: 15px; font-weight: 800; line-height: 20px; letter-spacing: 1.34px; text-transform: uppercase }
.card-service-package .service-package-button .btn:hover { border-color: #4ec40e }
.service-package-text { max-width: 500px; margin-top: 20px }
.service-package-text p { font-size: 15px; line-height: 26px; letter-spacing: .5px; color: #636f83 }
.service-package-text p+p { margin-top: 20px }

@media (min-width: 768px) {
.service-package-text p { font-size: 18px; line-height: 30px }
}
.service-package-list { display: -ms-flexbox; display: -webkit-flex; display: flex; margin-top: 80px }
.service-package-list h3 { font-size: 22px; line-height: 30px; letter-spacing: .5px }

@media (min-width: 768px) {
.service-package-list h3 { font-size: 25px; line-height: 35px }
}
.service-package-list ul { margin-top: 15px; list-style: none }
.service-package-list ul li p { font-size: 15px; line-height: 24px; letter-spacing: .5px; color: #636f83 }

@media (min-width: 768px) {
.service-package-list ul li p { font-size: 14px; line-height: 30px }
}
.service-package-list ul li+li { margin-top: 10px }

@media (min-width: 768px) {
.service-package-list ul { margin-top: 30px }
}
.service-package-list .include-icon { width: 50px; height: 50px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; margin-bottom: 10px; background-color: #d2ffe1 }
.service-package-list .include-icon span { font-size: 18px; color: #36d56c }

@media (min-width: 768px) {
.service-package-list .include-icon { margin-bottom: 20px }
}
.service-package-list .exclude-icon { width: 50px; height: 50px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; align-items: center; margin-bottom: 10px; background-color: #fff7d5 }
.service-package-list .exclude-icon span { font-size: 15px; color: #ffcd00 }

@media (min-width: 768px) {
.service-package-list .exclude-icon { margin-bottom: 20px }
}
.service-package-include { padding-bottom: 40px; border-bottom: 1px solid #d8d8d8 }
.service-package-include ul li p span { margin-right: 18px; font-size: 15px; line-height: 1; color: #36d56c }

@media (min-width: 576px) {
.service-package-include { padding-right: 40px; padding-bottom: 0; border-right: 1px solid #d8d8d8; border-bottom: 0 }
}
.service-package-exclude { margin-top: 40px }
.service-package-exclude ul li p span { margin-right: 18px; font-size: 12px; line-height: 1; color: #ffcd00 }

@media (min-width: 576px) {
.service-package-exclude { margin-top: 0; margin-left: 40px }
}
.package-circle { position: absolute; z-index: 0; background-repeat: no-repeat; background-size: 100% auto; background-position: center bottom }
.package-circle.circle-1 { width: 261px; height: 261px; top: -152px; right: -160px }

@media (min-width: 768px) {
.package-circle.circle-1 { width: 391px; height: 391px; top: -228px; right: -240px }
}

@media (min-width: 1440px) {
.package-circle.circle-1 { width: 522px; height: 522px; top: -304px; right: -320px }
}
.package-circle.circle-2 { width: 187px; height: 187px; bottom: -48px; left: -160px }

@media (min-width: 768px) {
.package-circle.circle-2 { width: 280px; height: 280px; bottom: -72px; left: -240px }
}

@media (min-width: 1440px) {
.package-circle.circle-2 { width: 374px; height: 374px; bottom: -96px; left: -320px }
}
.package-circle.circle-3 { width: 391px; height: 391px; top: -56px; right: -200px }

@media (min-width: 768px) {
.package-circle.circle-3 { width: 586px; height: 586px; top: -84px; right: -300px }
}

@media (min-width: 1440px) {
.package-circle.circle-3 { width: 782px; height: 782px; top: -112px; right: -400px }
}
.package-circle.circle-4 { width: 261px; height: 261px; top: -110px; left: -132px }

@media (min-width: 768px) {
.package-circle.circle-4 { width: 391px; height: 391px; top: -165px; left: -198px }
}

@media (min-width: 1440px) {
.package-circle.circle-4 { width: 522px; height: 522px; top: -220px; left: -265px }
}
.member-service-main { position: relative; width: 100%; max-width: 1200px; margin: 0 auto }
.member-service-main:before { width: 1417px; height: 1417px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-image: -webkit-linear-gradient(190deg, #3753ec, #5ca1da); background-image: -moz-linear-gradient(190deg, #3753ec, #5ca1da); background-image: -ms-linear-gradient(190deg, #3753ec, #5ca1da); background-image: -o-linear-gradient(190deg, #3753ec, #5ca1da); background-image: linear-gradient(190deg, #3753ec, #5ca1da); content: ''; display: block; position: relative; left: -1137px; opacity: .1 }

@media (min-width: 576px) {
.member-service-main:before { width: 1200px; height: 1200px; left: -917px }
}

@media (min-width: 768px) {
.member-service-main:before { width: 1417px; height: 1417px; left: -1137px }
}
.service-main-wrapper { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 50%; padding: 0 30px; box-sizing: border-box }

@media (min-width: 768px) {
.service-main-wrapper { padding: 0 50px }
}
.service-main-list { display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; align-items: center }
.service-main-list.grow-your-bussiness { margin-left: 0 }
.service-main-list.grow-your-bussiness .service-main-image { width: 91px; flex: 0 0 91px }

@media (min-width: 576px) {
.service-main-list.grow-your-bussiness .service-main-image { width: 136px; flex: 0 0 136px }
}

@media (min-width: 768px) {
.service-main-list.grow-your-bussiness .service-main-image { width: 182px; flex: 0 0 182px }
}

@media (min-width: 768px) {
.service-main-list.grow-your-bussiness { margin-left: 16px }
}

@media (min-width: 1200px) {
.service-main-list.grow-your-bussiness { margin-left: 33px }
}
.service-main-list.save-your-budget { margin-left: 0 }
.service-main-list.save-your-budget .service-main-image { width: 102px; flex: 0 0 102px }

@media (min-width: 576px) {
.service-main-list.save-your-budget .service-main-image { width: 152px; flex: 0 0 152px }
}

@media (min-width: 768px) {
.service-main-list.save-your-budget .service-main-image { width: 203px; flex: 0 0 203px }
}

@media (min-width: 992px) {
.service-main-list.save-your-budget { margin-left: 60px }
}

@media (min-width: 1200px) {
.service-main-list.save-your-budget { margin-left: 122px }
}
.service-main-list.protect-your-reputation { margin-left: 0 }
.service-main-list.protect-your-reputation .service-main-image { width: 89px; flex: 0 0 89px }

@media (min-width: 576px) {
.service-main-list.protect-your-reputation .service-main-image { width: 134px; flex: 0 0 134px }
}

@media (min-width: 768px) {
.service-main-list.protect-your-reputation .service-main-image { width: 177px; flex: 0 0 177px }
}

@media (min-width: 992px) {
.service-main-list.protect-your-reputation { margin-left: 16px }
}

@media (min-width: 1200px) {
.service-main-list.protect-your-reputation { margin-left: 33px }
}
.service-main-list+.service-main-list { margin-top: 78px }

@media (min-width: 576px) {
.service-main-list+.service-main-list { margin-top: 132px }
}

@media (min-width: 1200px) {
.service-main-list+.service-main-list { margin-top: 156px }
}

@media (min-width: 576px) {
.service-main-list { flex-direction: row }
}
.service-main-image img { width: 100% }
.service-main-detail { max-width: 615px; margin-top: 25px; margin-left: 0; text-align: center }
.service-main-detail h3 { font-size: 24px; font-weight: 700; line-height: 1.67; letter-spacing: .5px }

@media (min-width: 576px) {
.service-main-detail h3 { font-size: 32px }
}

@media (min-width: 992px) {
.service-main-detail h3 { font-size: 40px }
}
.service-main-detail p { margin-top: 10px; font-size: 14px; line-height: 1.67; letter-spacing: .5px }

@media (min-width: 576px) {
.service-main-detail p { margin-top: 16px; font-size: 18px }
}

@media (min-width: 992px) {
.service-main-detail p { margin-top: 20px; font-size: 18px }
}

@media (min-width: 576px) {
.service-main-detail { margin-top: 0; margin-left: 44px; text-align: left }
}

@media (min-width: 1200px) {
.service-main-detail { margin-left: 88px }
}
.member-package-container { position: relative; width: 100%; max-width: 1040px; margin: 0 auto; padding: 0 30px }
.package-detail-container { width: 100%; height: 100%; position: absolute; overflow: hidden }
.package-detail-bg-wrapper { width: 100%; height: 100%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); position: absolute; left: 50%; max-width: 1040px }
.member-package-wrapper { margin-top: -162px }

@media (min-width: 576px) {
.member-package-wrapper { margin-top: -242px }
}

@media (min-width: 768px) {
.member-package-wrapper { margin-top: -512px }
}
.member-package-tabs { -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; -webkit-box-shadow: 0 0px 25px 0 rgba(73,89,8,0.15); -moz-box-shadow: 0 0px 25px 0 rgba(73,89,8,0.15); -ms-box-shadow: 0 0px 25px 0 rgba(73,89,8,0.15); -o-box-shadow: 0 0px 25px 0 rgba(73,89,8,0.15); box-shadow: 0 0px 25px 0 rgba(73,89,8,0.15); position: relative }
.member-package-tabs .nav { -webkit-border-radius: 12px 12px 0 0; -moz-border-radius: 12px 12px 0 0; -ms-border-radius: 12px 12px 0 0; -o-border-radius: 12px 12px 0 0; border-radius: 12px 12px 0 0; overflow: hidden; background-color: #dbeaeb; border: 0 }
.member-package-tabs .nav .nav-item { -webkit-border-radius: 12px 12px 0 0; -moz-border-radius: 12px 12px 0 0; -ms-border-radius: 12px 12px 0 0; -o-border-radius: 12px 12px 0 0; border-radius: 12px 12px 0 0; -webkit-box-shadow: 0 10px 25px 0 rgba(73,89,8,0.1); -moz-box-shadow: 0 10px 25px 0 rgba(73,89,8,0.1); -ms-box-shadow: 0 10px 25px 0 rgba(73,89,8,0.1); -o-box-shadow: 0 10px 25px 0 rgba(73,89,8,0.1); box-shadow: 0 10px 25px 0 rgba(73,89,8,0.1); position: relative; flex-grow: 1; padding: 0; font-size: 15px; font-weight: 700; line-height: 16px; letter-spacing: .4px; text-align: center; text-transform: uppercase; color: #636f83; background-color: #dbeaeb; border: 0 }
.member-package-tabs .nav .nav-item span { width: 100%; height: 100%; -webkit-border-radius: 12px 12px 0 0; -moz-border-radius: 12px 12px 0 0; -ms-border-radius: 12px 12px 0 0; -o-border-radius: 12px 12px 0 0; border-radius: 12px 12px 0 0; display: block; position: relative; z-index: 1; letter-spacing: 0.0525em;   word-spacing: 0.130em;
padding: 16px 0 }

@media (min-width: 576px) {
.member-package-tabs .nav .nav-item span { padding: 25px 0 }
	.member-package-tabs .nav .nav-item{font-size:13px;}
}
@media (min-width: 992px) {
.member-package-tabs .nav .nav-item span:first-child { display: none }
}
.member-package-tabs .nav .nav-item span:last-child { display: none }

@media (min-width: 992px) {
.member-package-tabs .nav .nav-item span:last-child { display: block }
	.member-package-tabs .nav .nav-item{font-size:15px;}
}
@media (max-width: 576px) {
.member-package-tabs .nav .nav-item{font-size:12px;}
}
.member-package-tabs .nav .nav-item:before { width: 100%; height: 100%; content: ''; position: absolute; top: 0; left: -12px; z-index: 0 }
.member-package-tabs .nav .nav-item:nth-child(4) { z-index: 0; background-color: #b9d5d6 }
.member-package-tabs .nav .nav-item:nth-child(4).active:before { background-color: #b9d5d6 }
.member-package-tabs .nav .nav-item:nth-child(4):before { background-color: #b9d5d6 }
.member-package-tabs .nav .nav-item:nth-child(3) { z-index: 1; background-color: #b9d5d6 }
.member-package-tabs .nav .nav-item:nth-child(3).active:before { background-color: #c9dfe1 }
.member-package-tabs .nav .nav-item:nth-child(3):before { background-color: #b9d5d6 }
.member-package-tabs .nav .nav-item:nth-child(2) { z-index: 2; background-color: #c9dfe1 }
.member-package-tabs .nav .nav-item:nth-child(2).active:before { background-color: #dbeaeb }
.member-package-tabs .nav .nav-item:nth-child(2):before { background-color: #c9dfe1 }
.member-package-tabs .nav .nav-item:nth-child(2).active+.nav-item { background-color: #c9dfe1 }
.member-package-tabs .nav .nav-item:nth-child(2).active+.nav-item:before { background-color: #c9dfe1 }
.member-package-tabs .nav .nav-item:nth-child(2).active+.nav-item+.nav-item { background-color: #b9d5d6 }
.member-package-tabs .nav .nav-item:nth-child(2).active+.nav-item+.nav-item:before { background-color: #b9d5d6 }
.member-package-tabs .nav .nav-item:nth-child(1) { z-index: 3; background-color: #dbeaeb }
.member-package-tabs .nav .nav-item:nth-child(1).active:before { background-color: transparent }
.member-package-tabs .nav .nav-item:nth-child(1):before { background-color: #dbeaeb }
.member-package-tabs .nav .nav-item:nth-child(1).active+.nav-item { background-color: #dbeaeb }
.member-package-tabs .nav .nav-item:nth-child(1).active+.nav-item:before { background-color: #dbeaeb }
.member-package-tabs .nav .nav-item:nth-child(1).active+.nav-item+.nav-item { background-color: #c9dfe1 }
.member-package-tabs .nav .nav-item:nth-child(1).active+.nav-item+.nav-item:before { background-color: #c9dfe1 }
.member-package-tabs .nav .nav-item:nth-child(1).active+.nav-item+.nav-item+.nav-item { background-color: #b9d5d6 }
.member-package-tabs .nav .nav-item:nth-child(1).active+.nav-item+.nav-item+.nav-item:before { background-color: #b9d5d6 }
.member-package-tabs .nav .nav-item.active { z-index: 4; background-color: #fff }
.member-package-tabs .nav .nav-item.active span { -webkit-box-shadow: -4px 10px 25px 0 rgba(73,89,8,0.1); -moz-box-shadow: -4px 10px 25px 0 rgba(73,89,8,0.1); -ms-box-shadow: -4px 10px 25px 0 rgba(73,89,8,0.1); -o-box-shadow: -4px 10px 25px 0 rgba(73,89,8,0.1); box-shadow: -4px 10px 25px 0 rgba(73,89,8,0.1); background-color: #fff }

@media (min-width: 768px) {
.member-package-tabs .nav { font-size: 14px; line-height: 19px; letter-spacing: .5px }
}
.member-package-tabs .tab-content { -webkit-border-radius: 0 0 12px 12px; -moz-border-radius: 0 0 12px 12px; -ms-border-radius: 0 0 12px 12px; -o-border-radius: 0 0 12px 12px; border-radius: 0 0 12px 12px; background-color: #fff }
.tab-bg { content: ''; position: absolute; right: 0; bottom: 0; z-index: 0 }
.tab-bg img { width: 100% }
.tab-bg.tab-essentials-about { width: 280px; height: 325px }

@media (min-width: 768px) {
.tab-bg.tab-essentials-about { width: 486px; height: 565px }
}
.tab-bg.tab-competitive-about { width: 280px; height: 200px }

@media (min-width: 768px) {
.tab-bg.tab-competitive-about { width: 461px; height: 360px }
}
.tab-bg.tab-competitive-plus-about { width: 308px; height: 237px }

@media (min-width: 768px) {
.tab-bg.tab-competitive-plus-about { width: 527px; height: 405px }
}
.tab-bg.tab-complete-about { width: 280px; height: 266px }

@media (min-width: 768px) {
.tab-bg.tab-complete-about { width: 437px; height: 416px }
}
.tab-bg.tab-faq { width: 100% }
.member-package-tab-content { -webkit-border-radius: 0 0 12px 12px; -moz-border-radius: 0 0 12px 12px; -ms-border-radius: 0 0 12px 12px; -o-border-radius: 0 0 12px 12px; border-radius: 0 0 12px 12px; position: relative; overflow: hidden; padding: 40px 32px 300px; background-color: #fff }
.member-package-tab-content:before { content: ''; position: absolute; right: 0; bottom: 0; z-index: 0; background-repeat: no-repeat }
.member-package-tab-content.customize { padding: 40px 32px 320px }

@media (min-width: 576px) {
.member-package-tab-content.customize { padding: 50px 40px 430px }
}

@media (min-width: 768px) {
.member-package-tab-content.customize { padding: 75px 60px 540px }
}

@media (min-width: 992px) {
.member-package-tab-content.customize { padding: 100px 80px 650px }
}
.member-package-tab-content.faq { padding: 40px 32px 290px }

@media (min-width: 576px) {
.member-package-tab-content.faq { padding: 50px 40px 410px }
}

@media (min-width: 768px) {
.member-package-tab-content.faq { padding: 75px 60px 530px }
}

@media (min-width: 992px) {
.member-package-tab-content.faq { padding: 100px 80px 650px }
}

@media (min-width: 576px) {
.member-package-tab-content { padding: 50px 40px 400px }
}

@media (min-width: 768px) {
.member-package-tab-content { padding: 75px 60px 100px }
}

@media (min-width: 992px) {
.member-package-tab-content { padding: 100px 80px 125px }
}
.member-package-feature { position: relative; z-index: 1 }
.member-package-feature:before { width: 246px; height: 270px; content: ''; position: absolute; top: -80px; right: -50px; z-index: 0; background-image: url("/wp-content/themes/bb-theme-child/assets/images/package-feature-particle.png"); background-repeat: no-repeat; background-size: 246px 270px }
.package-feature-left { margin-bottom: 80px }

@media (min-width: 768px) {
.package-feature-left { margin-bottom: 0; margin-left: 50px }
}
.member-package-feature-title { padding-right: 0 }
.member-package-feature-title h3 { font-size: 14px; font-weight: 700; line-height: 24px; letter-spacing: 1.34px; text-transform: uppercase }

@media (min-width: 768px) {
.member-package-feature-title { padding-right: 38px }
}
.member-package-feature-list { margin-top: 30px }
.member-package-feature-list ul { list-style: none }
.member-package-feature-list ul li { display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center }
.member-package-feature-list ul li img { max-width: 42px }
.member-package-feature-list ul li span { margin-left: 16px; font-size: 14px; line-height: 24px; letter-spacing: .54px }
.member-package-feature-list ul li+li { margin-top: 30px }
.member-package-feature-list.left { padding-right: 0 }

@media (min-width: 768px) {
.member-package-feature-list.left { padding-right: 38px }
}

@media (min-width: 576px) {
.member-package-feature-list { margin-top: 64px }
}
.member-package-feature-link { margin-top: 45px }
.member-package-feature-link a { font-size: 15px; font-weight: 800; line-height: 20px; letter-spacing: 1px; text-transform: uppercase; color: #25b9fd }
.member-package-feature-price { margin-top: 46px }
.member-package-feature-price h4 { font-size: 32px; font-weight: 700; line-height: 24px; letter-spacing: 2.97px }
.member-package-feature-price h4 span { font-size: 14px; font-weight: 700; line-height: 24px; letter-spacing: 1.34px }
.member-package-feature-button { margin-top: 48px }
.member-package-feature-button .btn { width: 100%; height: 50px; -webkit-box-shadow: 0 26px 65px 0 rgba(49,99,22,0.28); -moz-box-shadow: 0 26px 65px 0 rgba(49,99,22,0.28); -ms-box-shadow: 0 26px 65px 0 rgba(49,99,22,0.28); -o-box-shadow: 0 26px 65px 0 rgba(49,99,22,0.28); box-shadow: 0 26px 65px 0 rgba(49,99,22,0.28); display: block; font-size: 14px; font-weight: 700; line-height: 19px; letter-spacing: 1px; text-transform: uppercase }
.member-package-feature-button .btn+.btn { margin-top: 20px }

@media (min-width: 480px) {
.member-package-feature-button .btn { width: 226px; height: 50px; font-size: 15px; line-height: 20px; letter-spacing: 1.34px }
}
.member-package-about { position: relative; z-index: 1 }
.member-package-about h3 { font-size: 24px; font-weight: 700; line-height: 30px; letter-spacing: .5px }

@media (min-width: 768px) {
.member-package-about h3 { font-size: 28px; line-height: 24px; letter-spacing: 1px }
}
.member-package-about-text { width: 100%; margin-top: 30px }
.member-package-about-text p { font-size: 14px; line-height: 24px; letter-spacing: .4px }
.member-package-about-text p+p { margin-top: 34px }

@media (min-width: 768px) {
.member-package-about-text p { font-size: 16px; line-height: 30px; letter-spacing: .5px }
}
.member-package-about-text.text-small { width: 100% }

@media (min-width: 768px) {
.member-package-about-text.text-small { width: calc(100% - 280px) }
}
.member-package-about-text+.member-package-about-text { margin-top: 34px }
.member-package-about-button { margin-top: 80px }
.package-detail-bg { position: absolute; z-index: 0; background-repeat: no-repeat; background-size: 100% auto; background-position: center bottom }
.package-detail-bg.circle-1 { width: 261px; height: 261px; top: 240px; left: -160px }

@media (min-width: 768px) {
.package-detail-bg.circle-1 { width: 391px; height: 391px; top: 360px; left: -240px }
}

@media (min-width: 1440px) {
.package-detail-bg.circle-1 { width: 522px; height: 522px; top: 480px; left: -320px }
}
.package-detail-bg.square-1 { width: 333px; height: 333px; top: 480px; right: -170px }

@media (min-width: 768px) {
.package-detail-bg.square-1 { width: 499px; height: 499px; top: 720px; right: -255px }
}

@media (min-width: 1440px) {
.package-detail-bg.square-1 { width: 666px; height: 666px; top: 960; right: -340px }
}
.customize-package-title { display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center }
.customize-package-title h3 { max-width: 160px; font-size: 1.125rem; font-weight: 700; line-height: 1.25; letter-spacing: 1px }

@media (min-width: 576px) {
.customize-package-title h3 { max-width: 336px; font-size: 1.625rem; line-height: 1.3 }
}

@media (min-width: 768px) {
.customize-package-title h3 { max-width: 336px; font-size: 1.875rem; line-height: 1.5 }
}
.customize-package-title h4 { font-size: 2.625rem; font-weight: 700; line-height: 1.4; text-align: right; color: #6666d8 }
.customize-package-title h4 span { display: block; margin-top: -5px; margin-right: 5px; font-size: 1.125rem; line-height: 1.4 }

@media (min-width: 768px) {
.customize-package-title h4 span { font-size: 1.563rem; line-height: 1.4 }
}

@media (min-width: 768px) {
.customize-package-title h4 { font-size: 3.125rem; line-height: 1.33 }
}
.customize-range-slider { margin: 100px 0 150px }
.range-slider-wrapper { display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap }
.range-slider-wrapper+.range-slider-wrapper { margin-top: 100px }

@media (min-width: 992px) {
.range-slider-wrapper+.range-slider-wrapper { margin-top: 60px }
}

@media (min-width: 992px) {
.range-slider-wrapper { align-items: flex-start }
}
.range-slider-label { display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; flex: 0 0 100%; flex-wrap: wrap; justify-content: space-between; align-items: center }
.range-slider-label h3 { width: 100%; flex: 0 0 100%; font-size: .938rem; font-weight: 400; line-height: 1.67 }

@media (min-width: 576px) {
.range-slider-label h3 { width: 50%; flex: 0 0 50%; font-size: 1.125rem }
}

@media (min-width: 992px) {
.range-slider-label h3 { width: 100%; flex: 0 0 100%; font-size: 1.125rem }
}

@media (min-width: 992px) {
.range-slider-label { flex-wrap: wrap; width: 200px; flex: 0 0 200px; justify-content: flex-start; align-items: initial }
}
.range-slider-feature { margin-top: 5px }
.range-slider-feature ul { display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; list-style: none }
.range-slider-feature ul li img { max-width: 25px }

@media (min-width: 576px) {
.range-slider-feature ul li img { max-width: 35px }
}
.range-slider-feature ul li+li { margin-left: 5px }

@media (min-width: 576px) {
.range-slider-feature { margin-top: 0 }
}

@media (min-width: 992px) {
.range-slider-feature { margin-top: 20px }
}
.range-slider-form { display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; width: 100%; flex: 0 0 100%; margin-top: 20px }
.range-slider-form .range-control { width: calc(100% - 30px); height: 30px; flex: 0 0 calc(100% - 30px); position: relative }
.range-slider-form .range-control input { width: 100% }
.range-slider-form .range-control input[type=range] { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 50%; z-index: 2; background-color: transparent }
.range-slider-form .range-control input[type=range]::-webkit-slider-runnable-track {
-webkit-border-radius:4px;
-moz-border-radius:4px;
-ms-border-radius:4px;
-o-border-radius:4px;
border-radius:4px;
height:8px;
background-color:transparent;
border:none
}
.range-slider-form .range-control input[type=range]::-ms-track {
-webkit-border-radius:4px;
-moz-border-radius:4px;
-ms-border-radius:4px;
-o-border-radius:4px;
border-radius:4px;
height:8px;
background-color:transparent;
border:none
}
.range-slider-form .range-control input[type=range]::-moz-range-track {
-webkit-border-radius:4px;
-moz-border-radius:4px;
-ms-border-radius:4px;
-o-border-radius:4px;
border-radius:4px;
height:8px;
background-color:transparent;
border:none
}
.range-slider-form .range-control input[type=range]::-webkit-slider-thumb {
width:30px;
height:30px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
-webkit-appearance:none;
position:relative;
margin-top:-11px;
background-color:#4ec40e;
background-image:url("/wp-content/themes/bb-theme-child/assets/icons/range-arrows.png");
background-repeat:no-repeat;
background-position:center;
background-size:19px 12px;
border:none
}
.range-slider-form .range-control input[type=range]::-ms-thumb {
width:30px;
height:30px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
-webkit-appearance:none;
position:relative;
margin-top:-11px;
background-color:#4ec40e;
background-image:url("/wp-content/themes/bb-theme-child/assets/icons/range-arrows.png");
background-repeat:no-repeat;
background-position:center;
background-size:19px 12px;
border:none
}
.range-slider-form .range-control input[type=range]::-moz-range-thumb {
width:30px;
height:30px;
-webkit-border-radius:50%;
-moz-border-radius:50%;
-ms-border-radius:50%;
-o-border-radius:50%;
border-radius:50%;
-webkit-appearance:none;
position:relative;
margin-top:-11px;
background-color:#4ec40e;
background-image:url("/wp-content/themes/bb-theme-child/assets/icons/range-arrows.png");
background-repeat:no-repeat;
background-position:center;
background-size:19px 12px;
border:none
}
.range-slider-form .range-control input[type=range]:focus { outline: 0 }
.range-slider-form .range-control .range-active { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 50%; z-index: 1; height: 8px; background-color: #49b110 }
.range-slider-form .range-control .range-background { width: 100%; height: 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 50%; z-index: 0; background-color: #e4ebf1 }
.range-slider-form .range-control .range-value { position: absolute; top: 50px }
.range-slider-form .range-control .range-value p { width: 100px; height: 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background-image: -webkit-linear-gradient(90deg, #70acf0, #645bd4); background-image: -moz-linear-gradient(90deg, #70acf0, #645bd4); background-image: -ms-linear-gradient(90deg, #70acf0, #645bd4); background-image: -o-linear-gradient(90deg, #70acf0, #645bd4); background-image: linear-gradient(90deg, #70acf0, #645bd4); display: block; position: relative; z-index: 1; padding: 10px 0; font-size: .625rem; font-weight: 700; line-height: 1.2; letter-spacing: .83px; text-align: center; text-transform: uppercase; color: #fff }

@media (min-width: 576px) {
.range-slider-form .range-control .range-value p { width: 132px; height: 40px; padding: 15px 0; font-size: .75rem }
}

@media (min-width: 768px) {
.range-slider-form .range-control .range-value p { width: 150px; height: 45px; padding: 14px 0 13px; font-size: .938rem }
}
.range-slider-form .range-control .range-value.min-value:before { width: 16px; height: 16px; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); left: 0; border-top: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #63a7f4; border-left: 8px solid #63a7f4 }
.range-slider-form .range-control .range-value.max-value:before { width: 16px; height: 16px; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); right: 0; left: auto; border-top: 8px solid transparent; border-right: 8px solid #6b5ede; border-bottom: 8px solid #6b5ede; border-left: 8px solid transparent }
.range-slider-form .range-control .range-value:before { width: 32px; height: 16px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); content: ''; position: absolute; top: -10px; left: 50%; z-index: 0; border-top: 0; border-right: 16px solid transparent; border-bottom: 16px solid #6a80e8; border-left: 16px solid transparent }

@media (min-width: 768px) {
.range-slider-form .range-control { width: calc(100% - 40px); height: 30px; flex: 0 0 calc(100% - 40px) }
}
.range-slider-form p { width: 30px; flex: 0 0 30px; font-size: .938rem; font-weight: 700; line-height: 1.4; letter-spacing: .5px; text-align: right }

@media (min-width: 768px) {
.range-slider-form p { width: 40px; flex: 0 0 40px; font-size: 1.125rem; line-height: 1.67; letter-spacing: .5px }
}

@media (min-width: 576px) {
.range-slider-form { margin-left: 10px }
}

@media (min-width: 992px) {
.range-slider-form { width: calc(100% - 220px); flex: 0 0 calc(100% - 220px); margin-top: 0; margin-left: 20px }
}
.faq-wrapper .card { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 20px 50px 0 rgba(220,225,236,0.5); -moz-box-shadow: 0 20px 50px 0 rgba(220,225,236,0.5); -ms-box-shadow: 0 20px 50px 0 rgba(220,225,236,0.5); -o-box-shadow: 0 20px 50px 0 rgba(220,225,236,0.5); box-shadow: 0 20px 50px 0 rgba(220,225,236,0.5); border: 0 }
.faq-wrapper .card+.card { margin-top: 20px }
.faq-wrapper .card-header { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 20px 50px 0 rgba(220,225,236,0.5); -moz-box-shadow: 0 20px 50px 0 rgba(220,225,236,0.5); -ms-box-shadow: 0 20px 50px 0 rgba(220,225,236,0.5); -o-box-shadow: 0 20px 50px 0 rgba(220,225,236,0.5); box-shadow: 0 20px 50px 0 rgba(220,225,236,0.5); position: relative; padding: 0; background-color: #fff; border-bottom: 0 }
.faq-wrapper .card-header button { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; width: 100%; padding: 24px 56px; color: #2e374d; font-weight: 600; font-size: .875rem; line-height: 16px; letter-spacing: 1px; text-align: left; white-space: normal; border: 0 }
.faq-wrapper .card-header button:hover, .faq-wrapper .card-header button:focus { text-decoration: none;background: transparent !important; }
.faq-wrapper .card-header.card-indicator.indicator-green:before { border-color: #65ef80 }
.faq-wrapper .card-header.card-indicator.indicator-cyan:before { border-color: #71d8ff }
.faq-wrapper .card-header.card-indicator.indicator-blue:before { border-color: #71b3ff }
.faq-wrapper .card-header.card-indicator.indicator-purple:before { border-color: #bc71ff }
.faq-wrapper .card-header.card-indicator.indicator-pink:before { border-color: #ff71c2 }
.faq-wrapper .card-header.card-indicator.indicator-red:before { border-color: #ff7171 }
.faq-wrapper .card-header.card-indicator.indicator-gold:before { border-color: #FFD700 }
.faq-wrapper .card-header.card-indicator.indicator-brown:before { border-color: #CD853F }
.faq-wrapper .card-header.card-indicator.indicator-navajo:before { border-color: #FFDEAD }
.faq-wrapper .card-header.card-indicator.indicator-olive:before { border-color: #009933 }
.faq-wrapper .card-header.card-indicator.indicator-plum:before { border-color: #DDA0DD }
.faq-wrapper .card-header.card-indicator.indicator-rose:before { border-color: #FF3366 }
.faq-wrapper .card-header.card-indicator.indicator-orchid:before { border-color: #CCCCFF }
.faq-wrapper .card-header.card-indicator.indicator-DarkSlateBlue:before { border-color: #483D8B }
.faq-wrapper .card-header.card-indicator.indicator-rose:before { border-color: #FF3366 }
.faq-wrapper .card-header.card-indicator.indicator-rose:before { border-color: #FF3366 }



.faq-wrapper .card-header.card-indicator:before { width: 10px; height: 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); content: ''; position: absolute; top: 50%; left: 30px; border-width: 3px; border-style: solid }
.faq-wrapper .card-header.card-indicator:after { width: 11px; height: 8px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); content: ''; position: absolute; top: 50%; right: 30px; background-image: url("/wp-content/themes/bb-theme-child/assets/icons/accordion-arrow.png"); background-repeat: no-repeat; background-size: 100% }
.faq-wrapper .card-body { padding: 30px; background-color: #fff }
.faq-wrapper .card-body p { font-size: .813rem; line-height: 20px; letter-spacing: .93px }
.faq-cta { position: relative; z-index: 1; margin-top: 80px; text-align: center }
.faq-cta h3 { font-size: 1.5rem; font-weight: 700; line-height: 1.33; letter-spacing: .86px }
.faq-cta .cta-bg-left { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 50%; left: 0; max-width: 226px }
.faq-cta .cta-bg-left img { width: 100% }
.faq-cta .cta-bg-right { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); position: absolute; top: 50%; right: 0; max-width: 148px }
.faq-cta .cta-bg-right img { width: 100% }

@media (min-width: 576px) {
.faq-cta { margin-top: 120px }
}

@media (min-width: 992px) {
.faq-cta { margin-top: 160px }
}
.faq-buttons { position: relative; z-index: 1; margin-top: 30px }
.faq-buttons .btn-green { -webkit-box-shadow: 0 26px 65px 0 rgba(49,99,22,0.28); -moz-box-shadow: 0 26px 65px 0 rgba(49,99,22,0.28); -ms-box-shadow: 0 26px 65px 0 rgba(49,99,22,0.28); -o-box-shadow: 0 26px 65px 0 rgba(49,99,22,0.28); box-shadow: 0 26px 65px 0 rgba(49,99,22,0.28); width: 100%; height: 50px; padding: 15px 30px; font-size: .938rem; font-weight: 800; line-height: 20px; letter-spacing: 1.34px; text-transform: uppercase }
.faq-buttons .btn-green+.btn-green { margin-top: 20px }

@media (min-width: 576px) {
.faq-buttons .btn-green+.btn-green { margin-top: 0; margin-left: 15px }
}

@media (min-width: 576px) {
.faq-buttons .btn-green { width: auto }
}

@media (min-width: 576px) {
.faq-buttons { margin-top: 40px }
}

@media (min-width: 992px) {
.faq-buttons { margin-top: 50px }
}
.hero-customer-bg-rear { position: absolute; bottom: 22px; width: 100%; background-repeat: no-repeat; background-size: 1440px auto; background-position: center bottom }

@media (min-width: 576px) {
.hero-customer-bg-rear { bottom: 35px }
}

@media (min-width: 768px) {
.hero-customer-bg-rear { bottom: 46px }
}

@media (min-width: 992px) {
.hero-customer-bg-rear { bottom: 60px }
}

@media (min-width: 1200px) {
.hero-customer-bg-rear { bottom: 73px }
}

@media (min-width: 1440px) {
.hero-customer-bg-rear { bottom: 88px }
}
.hero-customer-bg-middle { position: absolute; bottom: 0; width: 100%; background-repeat: no-repeat; background-size: 1440px auto; background-position: center bottom }
.hero-customer-bg-front { position: absolute; bottom: 0; width: 100%; background-repeat: no-repeat; background-size: 1440px auto; background-position: center bottom }
.hero-customer-story-illustration { -webkit-transform: translateX(calc(-50%)); -moz-transform: translateX(calc(-50%)); -ms-transform: translateX(calc(-50%)); -o-transform: translateX(calc(-50%)); transform: translateX(calc(-50%)); position: absolute; bottom: 22px; left: 50%; width: 320px; background-repeat: no-repeat; background-size: 100% auto; background-position: center bottom }
.hero-customer-story-illustration img { width: 100% }

@media (min-width: 576px) {
.hero-customer-story-illustration { -webkit-transform: translateX(calc(-50% - 37px)); -moz-transform: translateX(calc(-50% - 37px)); -ms-transform: translateX(calc(-50% - 37px)); -o-transform: translateX(calc(-50% - 37px)); transform: translateX(calc(-50% - 37px)); bottom: 29px; width: 519px }
}

@media (min-width: 768px) {
.hero-customer-story-illustration { -webkit-transform: translateX(calc(-50% - 48px)); -moz-transform: translateX(calc(-50% - 48px)); -ms-transform: translateX(calc(-50% - 48px)); -o-transform: translateX(calc(-50% - 48px)); transform: translateX(calc(-50% - 48px)); bottom: 38px; width: 670px }
}

@media (min-width: 992px) {
.hero-customer-story-illustration { -webkit-transform: translateX(calc(-50% - 58px)); -moz-transform: translateX(calc(-50% - 58px)); -ms-transform: translateX(calc(-50% - 58px)); -o-transform: translateX(calc(-50% - 58px)); transform: translateX(calc(-50% - 58px)); bottom: 46px; width: 811px }
}

@media (min-width: 1200px) {
.hero-customer-story-illustration { -webkit-transform: translateX(calc(-50% - 70px)); -moz-transform: translateX(calc(-50% - 70px)); -ms-transform: translateX(calc(-50% - 70px)); -o-transform: translateX(calc(-50% - 70px)); transform: translateX(calc(-50% - 70px)); bottom: 56px; width: 974px }
}
/*.customer-story-container { width: 1440px; height: 100%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); position: absolute; top: 0; left: 50% }*/
.bg-customer-story { position: absolute; z-index: 0; background-repeat: no-repeat; background-size: 100% auto }
.bg-customer-story.customer-1 { width: 275px; height: 189px; display: none; top: 302px; left: -20px; background-image: url("/wp-content/themes/bb-theme-child/assets/images/customer-story-illustration-1.png") }

@media (min-width: 1200px) {
.bg-customer-story.customer-1 { display: block }
}
.bg-customer-story.customer-2 { width: 285px; height: 196px; display: none; top: 280px; right: -20px; background-image: url("/wp-content/themes/bb-theme-child/assets/images/customer-story-illustration-2.png") }

@media (min-width: 1200px) {
.bg-customer-story.customer-2 { display: block }
}
.bg-customer-story.customer-3 { width: 294px; height: 179px; display: none; top: 1322px; left: -20px; background-image: url("/wp-content/themes/bb-theme-child/assets/images/customer-story-illustration-3.png") }

@media (min-width: 1200px) {
.bg-customer-story.customer-3 { display: block }
}
.bg-customer-story.customer-4 { width: 327px; height: 162px; display: none; top: 1324px; right: -20px; background-image: url("/wp-content/themes/bb-theme-child/assets/images/customer-story-illustration-4.png") }

@media (min-width: 1200px) {
.bg-customer-story.customer-4 { display: block }
}
.bg-customer-story.customer-5 { width: 217px; height: 214px; display: none; top: 2292px; left: 80px; background-image: url("/wp-content/themes/bb-theme-child/assets/images/customer-story-illustration-5.png") }

@media (min-width: 1200px) {
.bg-customer-story.customer-5 { display: block }
}
.bg-customer-story.customer-6 { width: 335px; height: 216px; display: none; top: 2290px; right: -20px; background-image: url("/wp-content/themes/bb-theme-child/assets/images/customer-story-illustration-6.png") }

@media (min-width: 1200px) {
.bg-customer-story.customer-6 { display: block }
}
.bg-customer-story.customer-bg-square { width: 333px; height: 333px; top: 280px; left: -173px; background-image: url("/wp-content/themes/bb-theme-child/assets/images/customer-bg-square.png") }

@media (min-width: 768px) {
.bg-customer-story.customer-bg-square { width: 500px; height: 500px; left: -346px }
}

@media (min-width: 992px) {
.bg-customer-story.customer-bg-square { width: 666px; height: 666px; left: -446px }
}

@media (min-width: 1200px) {
.bg-customer-story.customer-bg-square { top: 460px; left: -346px }
}

@media (min-width: 1440px) {
.bg-customer-story.customer-bg-square { left: -246px }
}
.bg-customer-story.customer-bg-circle { width: 320px; height: 320px; top: 940px; right: -168px; background-image: url("/wp-content/themes/bb-theme-child/assets/images/customer-bg-circle.png") }

@media (min-width: 768px) {
.bg-customer-story.customer-bg-circle { width: 480px; height: 480px; top: 1340px; right: -336px }
}

@media (min-width: 992px) {
.bg-customer-story.customer-bg-circle { width: 640px; height: 640px; top: 1540px; right: -186px }
}

@media (min-width: 1200px) {
.bg-customer-story.customer-bg-circle { top: 1340px; right: -136px }
}

@media (min-width: 1440px) {
.bg-customer-story.customer-bg-circle { right: -86px }
}
.bg-customer-story.customer-bg-rombus { width: 430px; height: 430px; top: 1425px; left: -216px; background-image: url("/wp-content/themes/bb-theme-child/assets/images/customer-bg-rombus.png") }

@media (min-width: 768px) {
.bg-customer-story.customer-bg-rombus { width: 645px; height: 645px; top: 1725px; left: -432px }
}

@media (min-width: 992px) {
.bg-customer-story.customer-bg-rombus { width: 860px; height: 860px; top: 1825px }
}

@media (min-width: 1200px) {
.bg-customer-story.customer-bg-rombus { top: 1725px; left: -382px }
}
.bg-customer-story.customer-restaurant-plant { width: 39px; height: 130px; bottom: 20px; right: 10px; background-image: url("/wp-content/themes/bb-theme-child/assets/images/customer-restaurant-plant.png"); background-position: center bottom }

@media (min-width: 576px) {
.bg-customer-story.customer-restaurant-plant { width: 60px; height: 130px; right: 10px }
}

@media (min-width: 768px) {
.bg-customer-story.customer-restaurant-plant { width: 78px; height: 130px; right: 16px; bottom: 25px }
}

@media (min-width: 992px) {
.bg-customer-story.customer-restaurant-plant { right: 22px; bottom: 30px }
}
.bg-customer-story.customer-restaurant-person { width: 71px; height: 179px; bottom: -10px; left: -20px; z-index: 2; background-image: url("/wp-content/themes/bb-theme-child/assets/images/customer-restaurant-person.png"); background-position: center bottom }

@media (min-width: 576px) {
.bg-customer-story.customer-restaurant-person { width: 106px; height: 179px }
}

@media (min-width: 768px) {
.bg-customer-story.customer-restaurant-person { width: 142px; height: 179px; left: -40px }
}

@media (min-width: 992px) {
.bg-customer-story.customer-restaurant-person { bottom: 0 }
}
.bg-customer-story.customer-cafe-plant-left { width: 46px; height: 136px; bottom: 15px; left: 5px; background-image: url("/wp-content/themes/bb-theme-child/assets/images/customer-cafe-plant-left.png"); background-position: center bottom }

@media (min-width: 576px) {
.bg-customer-story.customer-cafe-plant-left { width: 70px; height: 136px; bottom: 20px; left: 5px }
}

@media (min-width: 768px) {
.bg-customer-story.customer-cafe-plant-left { width: 91px; height: 136px; bottom: 25px; left: 5px }
}

@media (min-width: 992px) {
.bg-customer-story.customer-cafe-plant-left { bottom: 30px; left: 15px }
}
.bg-customer-story.customer-cafe-plant-right { width: 35px; height: 122px; right: 8px; bottom: 20px; background-image: url("/wp-content/themes/bb-theme-child/assets/images/customer-cafe-plant-right.png"); background-position: center bottom }

@media (min-width: 576px) {
.bg-customer-story.customer-cafe-plant-right { width: 52px; height: 122px; right: 16px }
}

@media (min-width: 768px) {
.bg-customer-story.customer-cafe-plant-right { width: 69px; height: 122px; right: 24px; bottom: 25px }
}

@media (min-width: 992px) {
.bg-customer-story.customer-cafe-plant-right { right: 32px; bottom: 30px }
}
.bg-customer-story.customer-bar-plant-left { width: 38px; height: 163px; bottom: 15px; left: 10px; background-image: url("/wp-content/themes/bb-theme-child/assets/images/customer-bar-plant-left.png"); background-position: center bottom }

@media (min-width: 576px) {
.bg-customer-story.customer-bar-plant-left { width: 58px; height: 163px; bottom: 20px; left: 20px }
}

@media (min-width: 768px) {
.bg-customer-story.customer-bar-plant-left { width: 77px; height: 163px; bottom: 25px; left: 25px }
}

@media (min-width: 992px) {
.bg-customer-story.customer-bar-plant-left { bottom: 30px; left: 35px }
}
.bg-customer-story.customer-bar-plant-right { width: 40px; height: 128px; right: 5px; bottom: 20px; background-image: url("/wp-content/themes/bb-theme-child/assets/images/customer-bar-plant-right.png"); background-position: center bottom }

@media (min-width: 576px) {
.bg-customer-story.customer-bar-plant-right { width: 60px; height: 128px }
}

@media (min-width: 768px) {
.bg-customer-story.customer-bar-plant-right { width: 80px; height: 128px; right: 10px }
}

@media (min-width: 992px) {
.bg-customer-story.customer-bar-plant-right { right: 15px }
}
.bg-customer-story.customer-restaurant-menu { width: 227px; height: 214px; display: none; background-image: url("/wp-content/themes/bb-theme-child/assets/images/customer-restaurant-menu.png") }

@media (min-width: 768px) {
.bg-customer-story.customer-restaurant-menu { display: block; top: 670px; right: 20px }
}

@media (min-width: 992px) {
.bg-customer-story.customer-restaurant-menu { right: 30px }
}

@media (min-width: 1200px) {
.bg-customer-story.customer-restaurant-menu { top: 570px; right: 60px }
}

@media (min-width: 1440px) {
.bg-customer-story.customer-restaurant-menu { right: 90px }
}
.bg-customer-story.customer-cafe-menu { width: 165px; height: 94px; display: none; background-image: url("/wp-content/themes/bb-theme-child/assets/images/customer-cafe-menu.png") }

@media (min-width: 768px) {
.bg-customer-story.customer-cafe-menu { display: block; top: 1684px; right: 20px }
}

@media (min-width: 992px) {
.bg-customer-story.customer-cafe-menu { top: 1784px; right: 40px }
}

@media (min-width: 1200px) {
.bg-customer-story.customer-cafe-menu { top: 1634px; right: 80px }
}

@media (min-width: 1440px) {
.bg-customer-story.customer-cafe-menu { right: 140px }
}
.bg-customer-story.customer-cafe-plant { width: 53px; height: 93px; display: none; background-image: url("/wp-content/themes/bb-theme-child/assets/images/customer-cafe-plant.png") }

@media (min-width: 768px) {
.bg-customer-story.customer-cafe-plant { display: block; top: 1724px; left: 24px }
}

@media (min-width: 992px) {
.bg-customer-story.customer-cafe-plant { top: 1824px; left: 48px }
}

@media (min-width: 1200px) {
.bg-customer-story.customer-cafe-plant { top: 1724px; left: 96px }
}

@media (min-width: 1440px) {
.bg-customer-story.customer-cafe-plant { left: 96px }
}
.bg-customer-story.customer-bar-plant { width: 56px; height: 105px; display: none; background-image: url("/wp-content/themes/bb-theme-child/assets/images/customer-bar-plant.png") }

@media (min-width: 768px) {
.bg-customer-story.customer-bar-plant { display: block; top: 2598px; left: 25px }
}

@media (min-width: 992px) {
.bg-customer-story.customer-bar-plant { top: 2748px; left: 50px }
}

@media (min-width: 1200px) {
.bg-customer-story.customer-bar-plant { top: 2598px; left: 100px }
}

@media (min-width: 1440px) {
.bg-customer-story.customer-bar-plant { left: 200px }
}
.bg-customer-story.customer-bar-menu { width: 101px; height: 127px; display: none; background-image: url("/wp-content/themes/bb-theme-child/assets/images/customer-bar-menu.png") }

@media (min-width: 768px) {
.bg-customer-story.customer-bar-menu { display: block; top: 2684px; right: 40px }
}

@media (min-width: 992px) {
.bg-customer-story.customer-bar-menu { top: 2834px; right: 80px }
}

@media (min-width: 1200px) {
.bg-customer-story.customer-bar-menu { top: 2684px; right: 100px }
}

@media (min-width: 1440px) {
.bg-customer-story.customer-bar-menu { right: 230px }
}
.customer-story-title { max-width: 700px; margin: 100px auto 0; text-align: center }
.customer-story-title h2 { font-size: 24px; font-weight: 700; line-height: 1.125; letter-spacing: 1.25px }

@media (min-width: 768px) {
.customer-story-title h2 { font-size: 35px; line-height: 1.125; letter-spacing: 1.25px }
}
.customer-story-title p { margin-top: 15px; font-size: 15px; line-height: 1.67; letter-spacing: .5px; color: #818c9e }

@media (min-width: 768px) {
.customer-story-title p { margin-top: 25px; font-size: 18px; letter-spacing: .5px }
}

@media (min-width: 768px) {
.customer-story-title { margin: 150px auto 0 }
}

@media (min-width: 992px) {
.customer-story-title { margin: 200px auto 0 }
}
.customer-story-slider { margin-top: 25px }

@media (min-width: 768px) {
.customer-story-slider { margin-top: 40px }
}
.slider-arrow { -webkit-transform: translateY(calc(-50% - 30px)); -moz-transform: translateY(calc(-50% - 30px)); -ms-transform: translateY(calc(-50% - 30px)); -o-transform: translateY(calc(-50% - 30px)); transform: translateY(calc(-50% - 30px)); position: absolute; top: 50%; z-index: 3; width: 100% }
.slider-arrow .slider-arrow-prev { width: 53px; height: 53px; position: absolute; left: 26px }

@media (min-width: 768px) {
.slider-arrow .slider-arrow-prev { width: 107px; height: 107px; left: 53px }
}
.slider-arrow .slider-arrow-next { width: 53px; height: 53px; position: absolute; right: 26px }

@media (min-width: 768px) {
.slider-arrow .slider-arrow-next { width: 107px; height: 107px; right: 53px }
}

@media (min-width: 768px) {
.slider-arrow { -webkit-transform: translateY(calc(-50% - 45px)); -moz-transform: translateY(calc(-50% - 45px)); -ms-transform: translateY(calc(-50% - 45px)); -o-transform: translateY(calc(-50% - 45px)); transform: translateY(calc(-50% - 45px)) }
}

@media (min-width: 1200px) {
.slider-arrow { -webkit-transform: translateY(calc(-50% - 60px)); -moz-transform: translateY(calc(-50% - 60px)); -ms-transform: translateY(calc(-50% - 60px)); -o-transform: translateY(calc(-50% - 60px)); transform: translateY(calc(-50% - 60px)) }
}
.customer-story-device { position: relative; max-width: 745px; margin: 0 auto }
.customer-story-device img { position: relative; z-index: 1; width: 100% }
.customer-story-content { display: -ms-flexbox; display: -webkit-flex; display: flex; width: 100%; max-width: 594px; margin: 40px auto 0 }

@media (min-width: 768px) {
.customer-story-content { margin: 60px auto 0 }
}

@media (min-width: 992px) {
.customer-story-content { margin: 80px auto 0 }
}
.customer-story-profile { width: 48px; flex: 0 0 48px }
.customer-story-profile img { -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; width: 100% }

@media (min-width: 768px) {
.customer-story-profile { width: 72px; flex: 0 0 72px }
}
.customer-story-description { width: calc(100% - 68px); flex: 0 0 calc(100% - 68px); margin-left: 20px }
.customer-story-description h4 { margin-top: 15px; font-size: 15px; font-weight: 700; line-height: 1.5; letter-spacing: .64px }

@media (min-width: 768px) {
.customer-story-description h4 { font-size: 18px }
}
.customer-story-description p { font-size: 14px; line-height: 22px; letter-spacing: .5px; color: #818c9e }

@media (min-width: 768px) {
.customer-story-description p { font-size: 16px; line-height: 26px }
}

@media (min-width: 768px) {
.customer-story-description { width: calc(100% - 112px); flex: 0 0 calc(100% - 112px); margin-left: 40px }
}
.contact-sales-container { position: relative; width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 30px; box-sizing: border-box }
.contact-sales-container .section-title+.section-title { margin-top: 60px }

@media (min-width: 768px) {
.contact-sales-container .section-title+.section-title { margin-top: 80px }
}

@media (min-width: 768px) {
.contact-sales-container { padding: 0 50px }
}

.btn.btn-started{line-height: normal}
.contact-service-detail h3{color: rgb(64, 72, 82);}
.contact-service-detail p{color: rgb(64, 72, 82);}
.contact-service-item a{text-decoration: none}

@media (min-width: 1200px) {
	.desktop_view_blk{display: block !important}
.mobo_view_blk{display: none !important}
	.nav_bar_main{display: none}
}
@media (max-width: 1199px) {
	.nav_bar_main{display: block; text-align: center !important; margin-bottom: 100px !important;}
	.nav_bar_main .btn{border-color:#6772e5; color:#6772e5; position: relative; padding-top: 14px; margin: 0 auto !important;}
}

@media (max-width: 767px) {
	.hero-container{padding:0 15px;}
	.hero-container .hero-text h2{margin-left:0 !important; margin-right:0 !important}
	.hero-container .hero-text h2 br{display:none}
	.nav_bar_main{text-align: left !important;}
	.nav_bar_main .btn{margin: 0 !important}
	.nav_bar_main .btn{border-color:#fff; color:#fff;}
	.nav_bar_main .btn:hover{color:#6772e5}
	.desktop_view_blk{display: none !important}
.mobo_view_blk{display: block !important}
	.header-wrapper.open .header-menu .nav .nav-list .nav-items{text-align: left; text-transform: uppercase;font-weight:bold; color:#fff;font-size: 21px !important;letter-spacing: 2px}
	.header-menu .nav .nav-list .dropdown-menu-wrapper a{padding-left: 15px; text-align: left; text-transform: uppercase; color:#fff;font-size: 18px !important; letter-spacing: 2px}
	.mobile-menu.mobile span{background-color: #fff !important}
	.header-shortcut{text-align: left !important;margin: 0 !important; display: none !important}
	.header-shortcut .btn.btn-started{margin-left: 20px !important}
	.header-container{padding: 0 !important}
	.header-container .header-wrapper{padding: 0 25px}
	.header-menu .nav .nav-list .dropdown-menu-wrapper a:hover{color:#ddd !important}
	.header-container .header-wrapper.open, .header-wrapper.open .header-menu{
		background: rgba(72,113,234,1);
background: -moz-linear-gradient(left, rgba(72,113,234,1) 0%, rgba(108,185,218,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(72,113,234,1)), color-stop(100%, rgba(108,185,218,1)));
background: -webkit-linear-gradient(left, rgba(72,113,234,1) 0%, rgba(108,185,218,1) 100%);
background: -o-linear-gradient(left, rgba(72,113,234,1) 0%, rgba(108,185,218,1) 100%);
background: -ms-linear-gradient(left, rgba(72,113,234,1) 0%, rgba(108,185,218,1) 100%);
background: linear-gradient(to right, rgba(72,113,234,1) 0%, rgba(108,185,218,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4871ea', endColorstr='#6cb9da', GradientType=1 );
	}
/*	.header-wrapper.open .header-shortcut{background: #fff !important}*/
	.header-wrapper.open .header-button .btn-started{border-color:#fff !important; background: transparent !important; color: #fff !important; font-weight: bold; position: relative;top: 1px;}
	.header-menu .nav .nav-list .dropdown-menu-wrapper a p{font-weight: 600;}
	.header-menu .nav .nav-list .dropdown-menu-wrapper::before{display: none}
	.header-wrapper.open .header-menu .nav .nav-list .nav-items i.caret-down {
		margin-bottom: 8px;
		border-bottom-color: #fff;
		border-left-color: #fff;
	}
/*	.header-menu{margin-bottom: 0 !important; height: 100% !important;}*/
}


body{overflow-x:hidden}

.imgborder {outline: 6px solid #333333; outline-offset: 0px;}