/* ------------------------------------------------------------ *\
        Generic
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
        Reset
\* ------------------------------------------------------------ */

* { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }

*:before, 
*:after { box-sizing: border-box; }

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section { display: block; }

html,
body { height: 100%; }

html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; }

body { font-smoothing: antialiased; }

img { border: 0; vertical-align: middle; }
strong { font-weight: bold; }
small { font-size: 80%; }

button,
input,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; font-smoothing: antialiased; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

button { overflow: visible; }
textarea { overflow: auto; resize: none; }

table { border-collapse: collapse; border-spacing: 0; }
th,
td { padding: 0; }

/* ------------------------------------------------------------ *\
        Icons
\* ------------------------------------------------------------ */

.ico {
    display: inline-block;
    vertical-align: middle;
}

.ico-check {
    background: url(images/ico-check.png) no-repeat 0 0;
    width: 20px;
    height: 15px;
}
.ico-get-card {
    background: url(images/ico-get-card.png) no-repeat 0 0;
    width: 69px;
    height: 65px;
}

.ico-shake {
    background: url(images/ico-shake.png) no-repeat 0 0;
    width: 94px;
    height: 65px;
}
.ico-write {
    background: url(images/ico-write.png) no-repeat 0 0;
    width: 81px;
    height: 65px;
}
.ico-search {
    background: url(images/ico-search.png) no-repeat 0 0;
    width: 65px;
    height: 62px;
}
.ico-shield {
    background: url(images/ico-shield.png) no-repeat 0 0;
    width: 51px;
    height: 63px;
}
.ico-cog {
    background: url(images/ico-cog.png) no-repeat 0 0;
    width: 62px;
    height: 63px;
}
.ico-24 {
    background: url(images/ico-24.png) no-repeat 0 0;
    width: 88px;
    height: 32px;
}

.ico-check-lg {
    background: url(images/ico-check-lg.png) no-repeat 0 0;
    width: 106px;
    height: 106px;
}

.ico-warning {
    background: url(images/ico-warning.png) no-repeat 0 0;
    width: 81px;
    height: 70px;
}

.ico-check-green {
    background: url(images/ico-check-green.png) no-repeat 0 0;
    width: 15px;
    height: 16px;
}
.ico-check-blue {
    background: url(images/ico-check-blue.png) no-repeat 0 0;
    width: 15px;
    height: 16px;
}
.ico-check-black {
    background: url(images/ico-check-black.png) no-repeat 0 0;
    width: 24px;
    height: 18px;
}

/* ------------------------------------------------------------ *\
        Base
\* ------------------------------------------------------------ */

body { min-width: 320px; background: #f5f5f5; font-family: 'Caros', sans-serif; font-size: 16px; line-height: 1.5; color: #303030; letter-spacing: 0.05em; font-weight: 300; }

a { color: #333; text-decoration: none; }
a:hover { color: #333; }

h1,
h2 { 
    font-size: 32px; 
    letter-spacing: 0.05em;
    font-weight: 400;
    line-height: 1.38;
    color: #000;
    font-family: 'Caros', sans-serif;
}

h3 { 
    font-size: 24px;
    font-weight: 400;
    color: #000;
    letter-spacing: 0.05em;
}
h4 {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.05em;

}
h5 { 
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.05em;
    line-height: 1.5;
}

h6 {}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
}


img {
    border: none;
    border: 0;
}

ul,
ol {
    list-style: none;
}

.color-white {
    color: #fff;

}

.col {
    float: left;
}

.col-1of5 {
    width: 20%;
    padding: 0 15px;
    min-height: 1px;
}

/* ------------------------------------------------------------ *\
        Fonts
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
        Caros
\* ------------------------------------------------------------ */

@font-face {
    font-family: 'Caros';
    src: url('fonts/carossoft-webfont.eot');
    src: url('fonts/carossoft-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/carossoft-webfont.woff2') format('woff2'),
        url('fonts/carossoft-webfont.woff') format('woff'),
        url('fonts/carossoft-webfont.ttf') format('truetype'),
        url('fonts/carossoft-webfont.svg#caros_softregular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Caros';
    src: url('fonts/carossoft-light-webfont.eot');
    src: url('fonts/carossoft-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/carossoft-light-webfont.woff2') format('woff2'),
        url('fonts/carossoft-light-webfont.woff') format('woff'),
        url('fonts/carossoft-light-webfont.ttf') format('truetype'),
        url('fonts/carossoft-light-webfont.svg#caros_softlight') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Caros';
    src: url('fonts/carossoft-extralight-webfont.eot');
    src: url('fonts/carossoft-extralight-webfont.eot?#iefix') format('embedded-opentype'),
        url('fonts/carossoft-extralight-webfont.woff2') format('woff2'),
        url('fonts/carossoft-extralight-webfont.woff') format('woff'),
        url('fonts/carossoft-extralight-webfont.ttf') format('truetype'),
        url('fonts/carossoft-extralight-webfont.svg#caros_softextralight') format('svg');
    font-weight: 200;
    font-style: normal;

}
.font-weight-bold {
    font-weight:bold;
}

/* ------------------------------------------------------------ *\
        Helpers
\* ------------------------------------------------------------ */

.offset-top-negative {
    margin-top: -32px;
}

/*  Clear  */
.clear:after { content: ''; line-height: 0; display: table; clear: both; }


/*  Notext  */
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

/* ------------------------------------------------------------ *\
        Wrapper
\* ------------------------------------------------------------ */

.wrapper {
    overflow: hidden;
}

/* ------------------------------------------------------------ *\
        Titles
\* ------------------------------------------------------------ */

.title-promo {
    text-transform: uppercase;
    color: #fb5d5d;
    font-weight: 600;
    font-size: 22px;
    font-family: 'Montserrat', sans-serif;
}

/* ------------------------------------------------------------ *\
        Slogan
\* ------------------------------------------------------------ */

.slogan {
    font-size: 22px;
    font-weight: 400;
    text-align: center;
    color:#fff;
    margin-top: -8px;
    font-family: 'Montserrat', sans-serif;
}

/* ------------------------------------------------------------ *\
        Intro Alt
\* ------------------------------------------------------------ */

.intro-alt {
    min-height: 768px;
    background-size: cover;
    position: relative;
    background-position: 0  top;
}

.intro-alt .intro-inner {
    color: #fff;
    font-size: 30px;
    position: absolute;
    bottom: 60px;
    left: 0;
    right: 0;
    text-shadow: 0 0 15px rgba(0, 0, 0, .5);
}

.intro-alt .intro-inner h1 {
    font-size: 35px;
    margin-bottom: 10px;

}

/* ------------------------------------------------------------ *\
        Intro Primary
\* ------------------------------------------------------------ */

.intro-primary  {
    position: relative;
    min-height: 992px;    
}

.intro-primary .container {
    position: relative;
    padding-top: 237px;    
}

.intro-primary .intro-img-bg {
    position: absolute;
    left: 195px;
    top: 0;
}

.intro-primary .intro-entry {
    margin-left: -15px;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.74) 46%, rgba(255,255,255,0.71) 52%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(46%, rgba(255,255,255,0.74)), color-stop(52%, rgba(255,255,255,0.71)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.74) 46%, rgba(255,255,255,0.71) 52%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.74) 46%, rgba(255,255,255,0.71) 52%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.74) 46%, rgba(255,255,255,0.71) 52%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0.74) 46%, rgba(255,255,255,0.71) 52%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
    border-radius: 90px;
    padding: 60px 230px 60px 60px;
    font-family: 'Montserrat', sans-serif;
}
.intro-entry-foot {
    font-weight: 500;   
}

.intro-primary .title-promo {
    margin-bottom: 28px;    
}

.intro-primary h1 {
    margin-bottom: 33px;
    line-height: 1.2;
}

.intro-primary .list-checks {
    font-size: 22px;
    line-height: 1.36;
    margin-bottom: 28px;
}

.intro-primary .intro-actions {
    padding-top: 28px;
}

.intro-primary .intro-image {
    position: absolute;
    bottom: 20px;
    left: calc(100% - 75px);
}
/* ------------------------------------------------------------ *\
        Shell
\* ------------------------------------------------------------ */

.shell { width: 1200px; margin: auto; padding: 0 10px; }

/* ------------------------------------------------------------ *\
        Header
\* ------------------------------------------------------------ */

.header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    padding: 62px 0 0 0;
}

.header .socials {
    text-align: right;
    padding-top: 18px;
}

.header .logo {
    margin-left: -15px;
}

/* ------------------------------------------------------------ *\
        Header Alt
\* ------------------------------------------------------------ */

.header-alt {
    padding: 50px 0;
    background: #2a2a2a;
    position: static;
}

.header-alt .socials {
    padding-top: 10px;
}

/* ------------------------------------------------------------ *\
        Main
\* ------------------------------------------------------------ */

.main {     overflow: hidden;}
.main .section {
    padding-top:43px;
}

/* ------------------------------------------------------------ *\
        Footer
\* ------------------------------------------------------------ */

.footer {
    background: #2a2a2a;
    padding: 85px 0 30px;
    color: #999;
}

.footer .footer-title {
    color: #fff;
    font-weight: 700;
}

.footer a {
    color: #fff;
}

.footer a:hover {
    text-decoration: underline;
}

.footer .footer-logo {
    display: inline-block;
    margin-bottom: 34px;
}

.footer .footer-title {
    margin-bottom: 34px;
}

/* ------------------------------------------------------------ *\
        Button
\* ------------------------------------------------------------ */

.btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 50px;
    line-height: 48px;
    padding: 0 30px;
    background: #0183b7;
    border-radius: 30px;
    color: #fff;
    border: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}

.btn-white {
    background: #fff;
    color: #0183b7;
}

.btn-ghost {
    background: transparent;
    border: 2px solid #0183b7;
    color: #0183b7;
    line-height: 46px;
}

.btn-ghost:hover {
    background: #0183b7;
    color: #fff;
    border-color: #0183b7;
}

.btn-medium {
    min-width: 175px;
}

/*  Btn Primary  */

.btn-primary {
    min-width: 240px;
    padding: 0 15px;
    font-size: 14px; 
    color: #fff;
    letter-spacing: 0.05em;
    background: #fb5d5d;
    font-weight: 400;    
}

.btn-primary:hover {
    background: #ff7070;
} 

.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active:hover,
.btn-primary.active:hover,
.open>.dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus, .btn-primary.active:focus,
.open>.dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open>.dropdown-toggle.btn-primary.focus {
    background: #ff7070;
}

/* ------------------------------------------------------------ *\
        Slider Fade
\* ------------------------------------------------------------ */

.slider-fade {
    margin-top: -10px;
}

.slider-fade .slide{
    padding: 10px 0;
}

/* ------------------------------------------------------------ *\
        Section
\* ------------------------------------------------------------ */

.section {
    padding: 75px 0;
}

.section h2 {
    margin-bottom: 25px;
    padding-top: 12px;
}

.section .section-head {
    margin-bottom: 50px;
    text-align: center;
}
.section .section-actions {
    text-align: center;
}
.section-title {
    color:#2f2f2f;
}

/* ------------------------------------------------------------ *\
        Section Features Alt
\* ------------------------------------------------------------ */

.section-about .section-actions {
    padding-top: 30px;
    text-align: left;

}

.section-about .section-head {
    text-align: left;
    font-weight: 400;
    margin-bottom: 30px;
}

.section-about .section-content {
    padding-left: 10px;
}
.section-about .section-image {
    margin-left: -15px;
    border-radius: 100px 0 100px 100px;
} 

.section-about .section-image img {
    width: 100%;
    height: auto;
}

.section-about .section-image img {
    border-radius: 100px 0 100px 100px;
    box-shadow: 0 0 100px rgba(0, 0, 0, .4) 
}


/* ------------------------------------------------------------ *\
        Section Features
\* ------------------------------------------------------------ */
.section-features .section-head {
    margin-bottom: 100px;
}

.section-features .section-head h2 {
    padding: 0 25% 0px 0;
} 

.section-features .section-body {
    position: relative;
}

.section-features .section-body-inner {
    height: 450px;
    background: rgba(235, 235, 235, 0.55);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

.section-features .features-outer {
    margin-top: -191px;
    margin-right: -15px;
}

.section-features .features-offset-top {
    padding-top: 107px;
}


/* ------------------------------------------------------------ *\
        Socials
\* ------------------------------------------------------------ */

.socials {
    color: #323232;
    font-size: 20px;
}

.socials .fa {
    font-size: 24px;
}

.socials li {
    display: inline-block;
    vertical-align: middle;
}

.socials a {
    color: #323232;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
}

.socials a:hover {
    color: #999;

} 

.socials li + li {
    margin-left: 20px;
}

/* ------------------------------------------------------------ *\
        Socials Alt
\* ------------------------------------------------------------ */

.socials-alt {
    color: #fff;
}

.socials-alt a {
    color: #fff;
}

/* ------------------------------------------------------------ *\
        List Dots
\* ------------------------------------------------------------ */

.list-dots {
    list-style-type: disc;
    padding-left: 37px;
    margin-bottom: 20px;
    line-height: 1.6;
    max-width: 670px;
}

/* ------------------------------------------------------------ *\
        terms
\* ------------------------------------------------------------ */

.terms {
    font-size: 16px;
    font-style: italic;
}

.terms a {
    color: #fff;
    text-decoration: underline;
}

/* ------------------------------------------------------------ *\
        Steps
\* ------------------------------------------------------------ */

.steps {
    margin-bottom: 40px;
}

.step {
    text-align: center;
}

.step .step-image {
    margin-bottom: 30px;
}

.step h4 {
    margin-bottom: 7px;
    font-size: 18px;
    font-weight: 400;
}

/* ------------------------------------------------------------ *\
        Card Details					
\* ------------------------------------------------------------ */

.card-details {
    margin: 0 -15px;
    position: relative;
}

.card-details .slick-slide img {
    width: 100%;
    height: auto;
}

.card-details .card-details-entry {
    position: absolute;
    left: 0;
    bottom: 10%;
    right: 68%;
}
.landing-page .card-details .card-details-entry {
    left: 29px;
    right: auto;
}

.card-details .card-details-entry h4 {
    margin-bottom: 0;
    text-transform: none;
    font-weight: 400;
    font-size: 16px;
}


.card-details .card-details-entry-reverse {
    left: 54%;
    right: 0;
    bottom: auto;
    top: 10%;
    text-align: right;
}
.landing-page .card-details .card-details-entry-reverse {
    left: auto;
    right: 40px;
    top: 15%;
}

/* ------------------------------------------------------------ *\
        Feature Primary
\* ------------------------------------------------------------ */

.feature-primary {
    height: 275px;
    max-width: 275px;
    border: 1px solid #fff;
    color: #fff;
    text-align: center;
    position: relative;
}

.feature-inner {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    padding: 10px 18px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.feature-inner p:last-child {
    padding-top: 10px;
    margin-bottom: 0;
}

.feature-primary h4 {
    text-align: center;
}

/*  Feature Primary Alt  */

.feature-primary-alt {
    width: 220px;
    height: 220px;
}

.feature-primary-alt .overlay {
    font-size: 15px;
}

.feature-primary-alt .feature-icon-holder {
    height: 66px;
    line-height: 66px;
    margin-bottom: 13px;
    display: inline-block;
}

.feature-primary-alt h4 {
    margin-bottom: 7px;
}

/* ------------------------------------------------------------ *\
        Feature
\* ------------------------------------------------------------ */

.feature {
    padding: 30px 35px;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 0 40px rgba(0, 0, 0, .2);
    text-align: center;    
}
.landing-page .feature {
    box-shadow: 0 0 40px rgba(9, 152, 230, 0.3);
    color:#000;
}

.feature h4 {
    font-weight: 600;
    margin-bottom: 0;
    font-size: 16px;
}
.landing-page .feature h4 {
    font-size: 18px;
}
.feature-body p {
    font-size: 14px;
}
.landing-page .feature-body p {
    font-size: 16px;
}

.feature .feature-image-outer {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    line-height: 100px;
    display: inline-block;
    background: #f5f5f5;
    margin-bottom: 25px;
}

.feature + .feature  {
    margin-top: 30px;
    text-align: center;
}

/* ------------------------------------------------------------ *\
        Overlay
\* ------------------------------------------------------------ */

.has-overlay {
    position: relative;
}

.has-overlay a {
    height: 100%;
    width: 100%;
    display: block;
    color: #fff;
    cursor: default;
}

.has-overlay a:hover .overlay,

.has-overlay a:active .overlay {
    height: 100%;
}

.has-overlay a:blur .overlay {
    height: 0;
}

.overlay {
    background: #fff;
    color: #666;
    position: absolute;
    height: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    overflow: hidden;
}

.overlay p {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    padding: 0 25px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* ------------------------------------------------------------ *\
        List Checks
\* ------------------------------------------------------------ */

.list-checks li {
    position: relative;
    padding-left: 35px;
    font-weight: 500;
}
.landing-page .list-checks li {
    font-weight:400;
}

.list-checks li + li {
    margin-top: 33px;
}

.list-checks li i {
    position: absolute;
    top: 9px;
    left: 0px;
}

/* ------------------------------------------------------------ *\
        Packages
\* ------------------------------------------------------------ */
.landing-page .section-packages {
    margin-top: 80px;
}

.packages {
    max-width: 1012px; 
    margin: 0 auto;   
}
.landing-page .packages {
    margin-top: 90px;	
}
.package-outer:after { content: ''; line-height: 0; display: table; clear: both; }

.package-outer-left {
    margin-right: 10px;
}

.package-outer-right {
    margin-left: 10px;
}

.package {
    text-align: center;
    margin-bottom: 70px;
    border-radius: 30px;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, .2);
    font-size: 18px;    
}
.landing-page .package {
    border-radius: 0 30px 30px 0;
    position: relative;
}
.landing-page .package-outer-left .package {
    border-radius: 30px 0 0 30px;
}

.package .package-head {
    padding-bottom: 20px;
    background: #fff;
    padding: 40px 25px 15px;
    border-radius: 30px 0 0 0;
}
.package .package-head h3 {
    font-weight: 300;
    line-height: 1.5;
}
.package .package-head h3 span {
    display: block;
    color: #5f686f;
    font-weight: 400;
}

.package .package-image {
    padding: 20px;
    background: #5f686f;																
    position: relative;
    margin-bottom: 50px;
}
.landing-page .package .package-image {
    background: none;
}
.landing-page .package .package-image img {
    -webkit-box-shadow: -1px 3px 36px 7px #f0f0f0;
    -moz-box-shadow: -1px 3px 36px 7px #f0f0f0;
    box-shadow: -1px 3px 36px 7px #f0f0f0;
    filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=5, OffY=5, Color=#f0f0f0);
}

.package .package-image:after {
    content: '';
    display: inline-block;
    top: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17px 47.5px 0 47.5px;
    border-color: #5f686f transparent transparent transparent;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.landing-page .package .package-image:after {
    display:none;
}

.package .package-body {
    background: #fff;
    padding-bottom: 90px;
    position: relative;
    min-height: 1300px; 
    border-radius: 0 0 15px 15px;
} 
.landing-page .package .package-body {
    min-height: 1190px; 
}

.package .package-actions {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 0px 0 30px;
    border-radius: 0 0 15px 15px;
} 
.landing-page .package .package-actions {
    bottom: 23px;
}

.package .list-features {
    margin-bottom: 0;
}
.package .list-features p {
    margin-bottom: 0;    
}
.landing-page .package .list-features p {
    color:#000;
    letter-spacing: 0;
}
.landing-page .package .list-features p strong {
    font-weight: 400;
}

.package .list-features .list-feature-empty-lg {
    min-height: 95px;
    line-height: 95px;
    padding: 0 20px;
}

.package .list-features .line-placeholder {
    width: 40px;
    background: #2f2f2f;
    height: 1px;
    display: inline-block;
    margin: 0 auto;
}

.package .list-features + .list-features {
    border-top: 2px solid #cecece;
}

.package .list-features li {
    padding: 20px 20px;
}

.package .list-features li + li {
    border-top: 1px solid #cecece;
}
.landing-page .package .list-features:not(:first-of-type) li:last-child {
    border-bottom: 1px solid #cecece;
}

.package-outer-foot {
    font-size: 12px;
    padding-top: 60px;
    position: relative;


}

.package-outer-foot:after {
    content: '';
    display: inline-block;
    height: 60px;
    border-radius: 20px 0 0 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    background: #5f686f;
}

.landing-page .package-outer-foot:after {
    display: none;
}

.package-outer-foot-gold:after {
    background: #c7af69;
}

.package-outer-right .package .package-head {
    border-radius: 0 30px 0 0;
}

.package-outer-foot .package-outer-foot-entry {
    background: #fff;
    border-radius: 0 0 0 20px;
    padding: 40px 50px;
    position: relative; 
    z-index: 1;
    font-size: 12px;
    line-height: 2;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, .2); 
}


.package-outer-right .package-outer-foot:after {
    border-top-left-radius: 0px;
    border-top-right-radius: 20px;


}

.package-outer-right .package-outer-foot .package-outer-foot-entry {
    border-radius: 0 0 20px 0;
}

.package-outer-foot p {
    margin-bottom: 18px;
    font-size: 18px;    
}
.landing-page .package-outer-foot p {
    color:#000;
    letter-spacing: 0.05rem;
}
.package-outer-foot p:last-child {
    margin-bottom: 0;
}

/*  Package Gold  */

.package-gold .package-image {
    background: #c7af69;
}
.landing-page .package-gold .package-image {
    background: none;
}
.package-gold .package-image:after {
    border-color: #c7af69 transparent transparent transparent;
}

.package-gold .package-head h3 span {
    color: #c7af69;
}

.final-info-text {
    font-size: 18px;
    font-weight: 300;
    padding:50px 20px 0;
    line-height: 1.7;    
}
.landing-page .final-info-text {
    letter-spacing: 0.05rem;
    text-align: justify;
    margin-top: 55px;
    margin-bottom: 74px;
}
/* ------------------------------------------------------------ *\
        Worktime
\* ------------------------------------------------------------ */

.worktime p {
    margin-bottom: 0;
}

.worktime h4 {
    margin-top: 0;
    margin-bottom: 0;
}

.worktime .worktime-inner {
    margin-bottom: 35px;
}

/* ------------------------------------------------------------ *\
        Copyright
\* ------------------------------------------------------------ */

.copyright {
    text-align: center;
}

/* ------------------------------------------------------------ *\
        List Certificates
\* ------------------------------------------------------------ */

.list-certificates li {
    display: inline-block;
}

.list-certificates li + li {
    margin-left: 10px;
}

/* ------------------------------------------------------------ *\
        Form Elements
\* ------------------------------------------------------------ */

/*  Fields  */

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.field {
    border: 0;
    width: 100%;
    height: 40px;
    line-height: 38px;
    border: 1px solid #d5d5d5;
    background: #fff;
    padding: 0 14px;
    font-size: 16px;
    border-radius: 5px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #e2e1e1;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #e2e1e1;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #e2e1e1;
}
:-moz-placeholder { /* Firefox 18- */
    color: #e2e1e1;
}

.field:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    opacity: 0;
}
.field:focus::-moz-placeholder { /* Firefox 19+ */
    opacity: 0;
}
.field:focus:-ms-input-placeholder { /* IE 10+ */
    opacity: 0;
}
.field:focus:-moz-placeholder { /* Firefox 18- */
    opacity: 0;
}

/*  Bootstrap Select  */

.bootstrap-select .btn {
    border-radius: 5px;
    background: #fff;
    width: 100%;
    height: 40px;
    line-height: 38px;
    border: 1px solid #d5d5d5;
    color: #666;
    font-weight: 400;
    padding: 0 14px;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){
    width: 100%;
}

/* ------------------------------------------------------------ *\
        Form
\* ------------------------------------------------------------ */
.form {
    color: #333;
}

.form h2 {
    font-size: 22px;
    margin-bottom: 0px;
}

.form .form-head {
    margin-bottom: 25px;
}
.form .form-head h1 {
    font-size: 32px;
    font-weight: 700;
    color: #333;

}
.form .form-head-aside {
    text-align: right;
}
.form .form-head-aside img { 
    max-width: 100%;
    height: auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    border-radius: 8px;
}

.form .form-head-content {
    font-size: 26px;
}

.form .form-inner {
    display: none;
}

/*  Form section  */

.form .form-section-head {
    margin-bottom: 40px;
}

.form .form-section-aside {
    font-size: 14px;
    text-align: right;
    font-style: italic;
    padding-top: 5px;
}

.form .form-section-aside p {
    margin-bottom: 0;
}

.form .form-section-aside a {
    color: #0183b7;
    text-decoration: underline;
}

/*  Form Group  */

.form .form-group-head {
    padding-bottom: 10px;
    border-bottom: 1px solid #cccccc;
    margin-bottom: 40px;
}

.form .form-group-head h2 {
    font-weight: 400;
    color: #999999;

}

.form .form-label {
    font-weight: 400;
}
.form .form-label-alt {
    text-align: right;
    padding-top: 30px;
}
.form .form-label img {
    display: block;
    margin-top: 7px;
    margin-bottom: 20px;
}

.form .form-group {
    margin-bottom: 0;
}

.form .form-controls {
    padding-bottom: 40px;
}

.form .form-row-alt {
    padding-bottom: 25px;
}

.form .form-control {
    position: relative;
}
.form .form-control-note {
    position: absolute;
    top: 35px;
    left: 100%;
    display: inline-block;
}

.form .form-actions {
    padding-top: 40px;
}

/*  Btn Form  */

.form .form-btn {
    min-width: 175px;
    margin-right: 34px;
}

/*  Custom Checkbox  */

.list-checkboxes {
    margin-bottom: 0;
}

.checkbox {
    margin: 0;
}

.checkbox  input {
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    position: absolute;
}

.checkbox label {
    padding-left: 24px;
    position: relative;
}
.checkbox label:before {
    content: '\f096';
    display: inline-block;
    font: normal normal normal 18px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    top: 3px;
    left: 0;
}

.checkbox label a {
    color: #0183b6;
}

.checkbox input:checked ~ label:before {
    content: '\f046';
}


.file-upload-outer {
    display: block;
}

.file-upload-outer  + .file-upload-outer  {
    margin-top: 30px;
}

.file-upload { position: relative; overflow: hidden; }
.file-upload i {  margin-right: 8px; }
.file-upload-btn { display: inline-block; font-weight: 400;  }
.file-upload-input { opacity: 0; font-size: 100px; position: absolute; bottom: -10px; right: -10px; cursor: pointer; }

.file-upload-notes em {
    display: block;
    font-style: italic;
    font-size: 15px;
}

.file {
    background: #efefef;
    padding: 5px 35px 5px 16px;
    min-height: 32px;
    overflow: hidden;
    position: relative;
}

.file .file-upload-btn span {
    overflow: hidden;
}

.file p {
    margin-bottom: 0;
    overflow: hidden;
}

.file .file-actions {
    width: 50%;
    float: right;
    text-align: right;
}

.file .btn-remove {
    color: #9c9b9b;
    position: absolute;
    top: 50%;
    right: 8px;
    font-size: 18px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.file .btn-remove:hover {
    color: #333;

} 

.file .file-actions a {
    display: inline-block;
    margin-left: 5px;
}

.file .file-actions a span {
    text-decoration: underline;
}

.file .file-actions a:hover {
    text-decoration: none;
}

.file .file-actions a:hover span {
    text-decoration: none;
}

.file + .file {
    margin-top: 28px;
}

/* ------------------------------------------------------------ *\
        Section Preview
\* ------------------------------------------------------------ */

.section-preview {
    color: #333;
    font-size: 14px;
}

.section-preview h2 {
    font-size: 22px;
    margin-bottom: 0;
}
.section-preview  .section-head {
    margin-bottom: 25px;
    font-size: 26px;
    text-align: left;
}
.section-preview  .section-head  h1 {
    font-size: 32px;
    font-weight: 700;
    color: #333;
}

.section-preview p {
    margin-bottom: 0;
}

.section-preview .section-entry {
    max-width: 950px;
    margin: 0 auto;
    font-size: 26px;
}

.section-preview .section-entry h1 {
    font-size: 32px;
    margin-bottom: 30px;
}

.section-preview .section-entry p {
    margin-bottom: 30px;
}

.section-preview .section-entry i {
    margin-bottom: 30px;
}

.section-preview .section-content-head {
    margin-bottom: 25px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;

}

.section-preview .section-content-head h2 {
    font-weight: 400;
    color: #999;
    margin-bottom: 0;
}

.section-preview .section-inner .row + .row {
    padding-top: 25px;
}

.section-preview .section-inner + .section-inner {
    border-top: 1px solid #ccc;
}
.section-preview .section-inner {
    padding: 20px 0;
}

.section-preview .section-content {
    margin-bottom: 30px;
}

.section-preview .section-actions {
    text-align: left;
}

.section-preview .section-actions .btn {
    margin-right: 25px;
}

.form-controls.has-error input {
    border: 1px solid #b94a48;
}

.bootstrap-select.btn-group .dropdown-menu li a span.text:first-letter {
    text-transform: uppercase !important;
}

/* ------------------------------------------------------------ *\
        Modal
\* ------------------------------------------------------------ */

.modal .modal-content {
    padding: 25px 65px;
    text-align: center;
}

.modal .modal-image {
    margin-bottom: 30px;
} 

.modal .modal-entry {
    margin-bottom: 30px;
}




/* ------------------------------------------------------------ *\
        Media Quaries
\* ------------------------------------------------------------ */

@media(max-width: 1900px){
    .intro-primary .intro-image {
        left: auto;
        right: 0;
    }
}

@media(max-width: 1300px){
    .card-details {
        margin: 0;
    }
}

@media(max-width: 1200px){
    .feature-primary {
        max-width: 275px;
        width: auto;
    }

    .footer {
        font-size: 15px;
        padding-top: 30px;
    }

    .slider-primary .slide-content h1 br {
        display: none;
    }

    .intro-primary .intro-entry {
        padding-right: 60px;
    }


}

@media(max-width: 992px){
    .intro-primary .intro-img-bg {
        left: -300px;
    }

    .intro-primary .intro-image {
        max-width: 280px;
        position: static;
        margin: -35px auto 0;
    }

    .intro-primary .intro-image img {
        max-width: 100%;
        width: 100%;
        height: auto;

    }

    .intro-primary .list-checks {
        font-size: 16px;
    }

    h1, h2 {
        font-size: 25px;
    }

    .col-1of2-sm {
        width: 50%;
    }

    .feature-primary {
        margin: 0 auto 30px;
    }

    .card-details .card-image {
        margin-bottom: 20px;
    }

    .package {
        margin: 0 auto 60px;
    }

    .package-outer {
        margin: 0 0 80px;
    }

    .package-outer .package-outer-foot:after {
        right: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .package-outer-right {
        margin-bottom: 0;
    }

    .list-certificates li + li {
        margin-left: 10px;
    }

    .list-certificates li  {
        margin: 0 10px 15px;
    }

    .list-checks li {
        padding-left: 45px;
    }

    .list-checks li i {
        left: 6px;
    }

    .section {
        padding: 50px 0;
    }

    .slider-primary .slide {
        padding-top: 310px;
        padding-bottom: 50px;
        min-height: 600px;
    }


    .slider-primary .slide-content {
        padding-left: 20px;
        font-size: 16px;
    }
    .slider-primary .slide-content h1{
        font-size: 20px;
        line-height: 1.38;
    }


    .footer {
        padding-top: 50px;
    }

    .copyright {
        padding-top: 20px;
    }

    .step .step-image {
        margin-bottom: 20px;
    }

    .steps .col-xs-12:last-child .step {
        margin-bottom: 0;
    }

    .form .form-label-alt {
        text-align: left;
        padding-top: 0;
    }
    .form .form-controls {
        padding-bottom: 30px;
    }

    .form .form-control-with-note {
        padding-right: 60px;

    }

    .form .form-control-note {
        left: auto;
        right: 15px;
    }

    .form .form-label.text-nowrap {
        white-space: normal;
    }

    .form .form-head-aside {
        text-align: left;

    }

    .form-section .form-section-aside {
        text-align: left;
        padding-top: 10px;
    }

    .file-upload-notes {
        margin-bottom: 28px;
    }

    .section-preview .section-inner .row + .row {
        padding-top: 0;
    }
    .section-preview .section-content-head {
        margin-bottom: 10px;
    }

    .section-preview .section-content {
        margin-bottom: 0;
    }

    .list-checks br {
        display: none;
    }

    .card-details .card-details-entry {
        position: static;
        font-size: 14px;
    }

    .card-details .card-details-entry-reverse {
        margin-bottom: 30px;
    }

    .section-about .section-image {
        max-width: 420px;
        margin: 0 auto 0px;
    }

    .section-about .section-actions {
        margin-bottom: 50px;
    }

    .section-features .features-outer {
        margin-top: -60px;
        margin-right: 0;
    }

    .section-features .section-head h2 {
        padding: 0;
    }

    .feature {
        margin-bottom: 30px;

    }
}

@media(max-width: 767px){
    .section {
        padding: 25px 0;
    }
    .package .package-image img {
        max-width: 280px;
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

    .header {
        padding-top: 20px;
    }

    .header .logo {
        margin-left: 0;
    }

    .intro-primary .intro-entry {
        margin-left: 0;
        padding: 50px 15px;
    }

    .intro-primary .container {
        padding-top: 180px;
    }

    .intro-primary .intro-image {
        margin: 50px auto 0;
    }

    .intro-primary h1 br { 
        display: none;
    }

    .slogan {
        font-size: 14px;
        width: 50%;
        float: right;
        text-align: right;
    }

    .col {
        width: 100%;
    }

    .list-winners {
        text-align: center;
    }

    .footer {
        text-align: center;
    }

    .form h2 {
        font-size: 20px;
    }

    .form .form-head h1 {
        font-size: 26px;
    }

    .form .form-head-content {
        font-size: 22px;
    }

    .form .form-actions {
        text-align: center;
    }

    .form .form-actions .btn {
        margin-bottom: 20px;
    }

    .section-preview h2 {
        font-size: 20px;
    }

    .section-preview .section-head{
        font-size: 22px;
    }
    .section-preview .section-head h1 {
        font-size: 26px;
    }


    .section-preview .section-entry {
        font-size: 22px;
    }

    .section-preview .section-entry h1 {
        font-size: 26px;
    }


    .section-preview .section-actions {
        text-align: center;
        padding-top: 40px;
    }

    .section-preview .section-actions .btn {
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .section-features .section-head {
        margin-bottom: 30px;
    }

    .step {
        margin-bottom: 60px;
    }

    .form .form-section-aside {
        padding-top: 0;
    }

    .socials {
        font-size: 15px;
    }

    .socials i {
        font-size: 20px;
    }

    .socials li {
        margin-bottom: 5px;
    }

    .socials li + li {
        margin-left: 12px;
    }

    .intro-alt {
        min-height: 568px;
    }

    .intro-alt .intro-inner {
        font-size: 22px;
    }
    .intro-alt .intro-inner h1 {
        font-size: 29px;
    }

    .section-winners h2 {
        font-size: 22px;
        margin-bottom: 60px;
    }

    .winner-name {
        margin-bottom: 60px;
    }

    .winners-name {
        margin-bottom: 60px;
    }

    .slider-primary .slide-content {
        padding-right: 0;
        text-align: center;
        padding-left: 0;
    }

    .slider-primary .slide-content-image {
        position: static;
        margin-bottom: 40px;
    }

    .slider-primary .slide-content-image img {
        display: inline-block;
    }

    .package {
        font-size: 16px;
    }
}

/* ------------------- landing-page --------------- */

.landing-page {
    background-color: #fff;
    font-family: 'Raleway', sans-serif;
    min-width:unset;
}

.landing-page .intro-primary  { 
    width:100%;
    background: url(images/new_friend_promo/intro-banner.jpg) top center no-repeat;
    background-size: cover;
    min-height: 637px;
}

.landing-page .intro-primary .container {
    padding-top: 130px;
}


.landing-page .intro-primary h1 {
    margin-bottom: 33px;
    line-height: 1.2;
    font-size: 30px;
    color:#fff;
    margin-top: 50px;
}

.landing-page .intro-primary h1 {
    font-size: 50px;
    color:#fff;
    font-weight: bold;
    font-family: 'Raleway', sans-serif;
}

.landing-page .intro-primary h2 {
    color:#fff;
    font-weight:400;
    font-size: 36px;
    font-family: 'Raleway', sans-serif;
    margin-top: 50px;
}

.landing-page .intro-primary h2 strong {
    font-size:42px;
    font-weight: 800;
}

.landing-page .intro-primary h2 span {
    font-size:60px;
}

.landing-page .intro-primary .prices-row {
    display: flex;
    justify-content: center;
    align-items:center;
    position: absolute;
    bottom:-45px;
    transform: translateX(-50%);
    left: 50%;
}

.landing-page .prices-row .prices-box {
    border-radius: 50%;
    font-size:20px;
    background-color: #29af5f;
    color:#fff;
    width: 150px;
    height: 150px;
    margin: 0 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Caros', sans-serif;
}

.landing-page .prices-row .prices-box p {
    margin-bottom: 0;
}

.landing-page .prices-row .prices-box.prices-box-red {
    background-color: #f83c53;
}

.landing-page .prices-row .prices-box.prices-box-blue {
    background-color: #078ed2;
}

.landing-page .prices-row .prices-box span {
    font-size:62px;
    font-weight: bold;
}

.landing-page .main {
    margin-top: 120px;
}

.landing-page .section {
    padding-top:43px;
    margin-bottom: 78px;
    font-size:22px;
    color:#64737d;
}

.landing-page .section p {
    margin-bottom: 30px;
}

.landing-page .section strong {
    color:#0a0203;
}

.landing-page .link-icard {
    color:#1ba3e8;
    font-weight: 600;
}

@media (max-width:1199px) {
    .landing-page .intro-primary h1 {
        font-size: 40px;
    }

    .landing-page .intro-primary h2 {
        font-size: 30px;
    }

    .landing-page .intro-primary h2 span {
        font-size: 50px;
    }
}

@media (max-width:991px) {
    .landing-page .main {
        margin-top: 50px;
    }

    .landing-page .section {
        font-size: 18px;
    }

    .landing-page .img-div img {
        width:100%;
    }

    .landing-page .prices-row .prices-box {
        width: 100px;
        height: 100px;
    }

    .landing-page .prices-row .prices-box span {
        font-size: 35px;
    }
}

@media (max-width: 577px) { 

    .landing-page .intro-primary .prices-row {
        bottom: -30px; 
    }

    .landing-page .prices-row .prices-box {
        font-size: 15px;
        padding: 13px 11px;
        margin: 0 5px;
    }

    .landing-page .prices-row .prices-box span {
        font-size: 32px;
    }

    .landing-page .intro-primary h1 {
        font-size: 32px;
    }

    .landing-page .intro-primary h2 strong {
        font-size: 32px;
    }

    .landing-page .intro-primary h2 {
        font-size: 22px;
        margin-top: 0px;
    }

    .landing-page .intro-primary h2 span {
        font-size: 40px;
    }

    .landing-page .intro-primary {
        min-height: 545px;
    }

    .landing-page .intro-primary .container {
        padding-top: 90px;
    }
    
    .landing-page .prices-row .prices-box {
        width: 80px;
        height: 80px;
    }

}

@media (max-width: 359px) { 
    .landing-page .section {
        font-size: 16px;
    }

    .landing-page .intro-primary h1 {
        font-size: 25px;
    }
    .landing-page .intro-primary h2 strong {
        font-size: 22px;
    }
    .landing-page .intro-primary h2 {
        font-size: 20px;
    }

}