.main-body-content {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    color: #333;
}

.main-body-content p,
.main-body-content .p {
    font-size: 18px;
    line-height: 1.3;
    margin: 15px auto;
}

.main-body-content h1,
.main-body-content h2,
.main-body-content h3,
.main-body-content h4,
.main-body-content h5,
.main-body-content h6 {
    margin: 8px auto;
}

.main-body-content ul,
.main-body-content ol {
    margin: 15px auto;
}

.main-body-content ol li {
    font-size: inherit;
}

.main-body-content ul {
    list-style-type: none;
}

.main-body-content li {
    font-size: 18px;
}

.main-body-content .text-italic,
.main-body-content em {
    font-style: italic;
    font-weight: inherit;
}

.main-body-content .text-underline,
.main-body-content u {
    text-decoration: underline;
    font-weight: inherit;
}

.main-body-content strong,
.main-body-content .text-bold {
    font-weight: 700;
}

.main-body-content .text-extra-bold {
    font-weight: 900;
}


.main-body-content .text-smaller {
    font-size: 50%;
}

.main-body-content .text-bigger {
    font-size: 125%;
}

.main-body-content h1,
.main-body-content .h1 {
    font-size: 36px;
    font-weight: bold;
}

.main-body-content h2,
.main-body-content .h2 {
    font-size: 32px;
}

.main-body-content h3,
.main-body-content .h3 {
    font-size: 28px;
}

.main-body-content h4,
.main-body-content .h4 {
    font-size: 24px;
}

.main-body-content h5,
.main-body-content .h5 {
    font-size: 22px;
}

.main-body-content h6,
.main-body-content .h6 {
    font-size: 20px;
}

.main-body-content a {
    color: #026ee2;
    text-decoration: underline;
}

.main-body-content a:hover {
    text-decoration: none;
}

.main-body-content .pink {
    color: #dc408a;
}

.main-body-content .text-dark-cyan {
    color: #17393d;
}

.main-body-content .text-dark-teal {
    color: #124e5e;
}

.main-body-content .text-white {
    color: #fff;
}

.main-body-content .text-red {
    color: #fd5a51;
}

.main-body-content .text-black {
    color: #000;
}

.main-body-content .text-dark-blue {
    color: #2b4761;
}

.main-body-content .text-dark-grey {
    color: #333;
}

.main-body-content .text-brown {
    color: #393e38;
}

.main-body-content .click {
    cursor: pointer;
}

.main-body-content ul {
    list-style-type: none;
}

.main-body-content ul li {
    font-size: 18px;
}

.main-body-content div.spacer {
    display: block;
    height: 15px;
    width: 100%;
}

.main-body-content .padding-0 {
    padding: 0;
}

.main-body-content hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 3px solid #576265;
}

.main-body-content hr.white {
    border-top: 3px solid #fff;
}

.main-body-content hr.black {
    border-top: 3px solid #000;
}

.main-body-content .margin-top-0 {
    margin-top: 0;
}

.main-body-content .margin-bottom-0 {
    margin-bottom: 0;
}

.main-body-content .margin-left-50 {
    margin-left: 50px;
}

.main-body-content .margin-left-015 {
    margin-left: -15px;
}

.main-body-content .margin-right-015 {
    margin-right: -15px;
}

.container {
    /*max-width: 1000px;*/
}

.container-850 {
    max-width: 850px;
    margin-right: auto;
    margin-left: auto;
}

.mw-620 {
    max-width: 620px;
    margin-left: auto;
    margin-right: auto;
}


/*--------------------------------------*/




.main-body-content .bg-blue {
    background-color: #00a1fd;
    color: #fff;

}

.main-body-content .bg-people {
    background-color: #0089fc;
    background-image: url(https://d2l6tmiv6e1a1j.cloudfront.net/mindmovies/MM_171010_newgen_bg_people.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    padding-bottom: 15px;
    padding-top: 15px;
}

.main-body-content .testimonials {
    background-color: #343536;
    color: #fff;
    border-top: 15px solid rgba(255, 255, 255, 0.3);
    border-bottom: 15px solid rgba(255, 255, 255, 0.3);
    -webkit-background-clip: padding-box;
    /* for Safari */
    background-clip: padding-box;
    /* for IE9+, Firefox 4+, Opera, Chrome */

}

.main-body-content .bg-pink {
    background-color: #dc408a;
    color: #fff;
}

.main-body-content .bg-light-pink {
    background-color: #ff72c5;
    color: #fff;
}

.main-body-content .bg-grey {
    background-color: #343536;
    color: #fff;
}


.main-body-content .bg-redgirl {
    background-image: url(https://d2l6tmiv6e1a1j.cloudfront.net/mindmovies/MM_171010_newgen_bg_teen_red.jpg);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: auto 100%;
    line-height: 75px;
    text-align: right;
    font-weight: 900;
    font-size: 80px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.main-body-content .vertical-blue-box {
    position: absolute;
    height: 100%;
    width: 50px;
    background-color: #00a1fd;
    left: 0;
}

.main-body-content .vertical-pink-box {
    position: absolute;
    height: 100%;
    width: 50px;
    background-color: #dc408a;
    left: 0;
}

.block-group p {
    padding: 15px;
    margin: 0;
}

.block-group svg.arrow-right {
    position: absolute;
    top: 15px;
    left: 15px;
    margin-right: 15px;
}

.block-group svg.arrow-left {
    position: absolute;
    top: 45px;
    right: 15px;
    margin-left: 15px;
}

.main-body-content div[class^='block-1'],
.main-body-content div[class*='block-1'] {
    max-width: 48%;
    display: block;
    margin-bottom: 15px;
    margin-top: 15px;
    position: relative;
}

.slide {
    display: block;
}


.main-body-content .block-group img {
    max-width: 100%;
}

.main-body-content .block-11,
.main-body-content .block-13 {
    float: left;
}

.main-body-content .block-12,
.main-body-content .block-14 {
    float: right;
}

.main-body-content .block-11,
.main-body-content .block-14 {
    height: 400px;
    overflow: hidden;
}

.main-body-content div[class^='block-1'] span,
.main-body-content div[class*='block-1'] span,
.r4 span {
    display: block;
    position: absolute;
    z-index: 9999;
}

.main-body-content .block-11 span {
    left: 0;
    top: 15px;
}

.main-body-content .block-14 span {
    right: 0;
    bottom: 30px;
}

.main-body-content .block-11 span {
    display: block;
    position: absolute;
    left: 0;
    top: 15px;
    z-index: 9999;
}

.main-body-content .block-12 p {
    padding-left: 60px;
}

.main-body-content .block-13 p {
    padding-right: 80px;
    text-align: left;
    padding-top: 45px;
    padding-bottom: 75px
}

.bg-grey .arrow-right {
    position: absolute;
    top: 15px;
    left: 15px;
    margin-right: 15px;
}

.r4 svg {
    top: 50px !important;
    left: 0 !important;
}

.r4 p {
    padding-left: 50px;
    padding-top: 30px;
    padding-bottom: 15px;
}

.r4 span {
    display: block;
    position: absolute;
    z-index: 9999;
    left: 0;
    bottom: 15px;
}

.r5 .subtext {
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-block;
    max-width: 500px;
}

.r5 .h1 {
    font-size: 55px;
    font-weight: 900;
    margin-top: 5px;
    margin-bottom: 5px;
    max-width: 500px;
    display: inline-block;
    padding-right: 15px;
}

.r6 .col-md-5 {
    background-color: #00a1fd;
    background-image: url(https://d2l6tmiv6e1a1j.cloudfront.net/mindmovies/MM_171010_newgen_r6_1.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
}

.r6 .col-md-5+.col-md-5 {
    background-color: #00a1fd;
    background-image: url(https://d2l6tmiv6e1a1j.cloudfront.net/mindmovies/MM_171010_newgen_r6_2.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
}

.r6 p {
    max-width: 200px;
    margin-left: 0px !important;
}

.r6 .h1 {
    font-size: 100px;
    margin: 0;
}

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


.r7 .col-md-offset-1 {
    background-color: #343536;
    color: #fff;
}

.r7 .col-md-offset-1 p {
    text-align: center;
    font-weight: 900
}

.bg-people2 {
    background-color: #aaa9a8;
    background-image: url(https://d2l6tmiv6e1a1j.cloudfront.net/mindmovies/MM_171010_newgen_bg_people2.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
}

.r8 .bg-blue {
    background-color: rgba(0, 161, 253, 0.6);
}

.r8 .bg-pink {
    background-color: rgba(220, 64, 138, 0.6);
}

.r8 img {
    display: inline-block;
}

.r8 ul {
    display: inline-block;
    padding: 0;
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
    max-width: 300px;
    vertical-align: middle;
}

.r8 ul li {
    text-indent: -5px;
    margin-bottom: 15px;
    font-size: 24px;
}

.r8 ul li:before {
    content: "- ";
    text-indent: -5px;
}

.r8 .h1 {
    background-color: #343536;
    padding: 15px;
    text-align: center;
}

.r10 {
    background-color: #00a1fd;
    padding-top: 10px;
    padding-bottom: 10px;
}

.r10 img {
    margin-right: -15px;
    margin-left: auto;
    display: block;
    max-width: 100%;

}

.r11 {
    background-color: #343536;
    padding-top: 10px;
}

.r11 .row>div {
    position: relative;
}

.r11-1 {
    position: absolute;
    bottom: 0;
    top: -446px;
    left: 0;
}

.r12 .h1 {
    font-size: 50px;
}

.r12 .step4 span,
.r12 .step5 span,
.r12 .step6 span {
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    background-color: #dc408a;
    color: #fff;
    display: block;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 0;
    z-index: 9999;
}

.r12 .step5 span {
    top: initial;
    bottom: 0;
    background-color: #00a1fd;
}

.r12 .step6 span {
    bottom: 45px;
    padding-left: 5%;
    padding-right: 5%;
    text-transform: uppercase;
    font-style: italic;
    top: initial;
    left: initial;
}

.r13 {
    background-color: #343536;
    color: #fff;
}

.r15 {
    background-color: #dc408a;
    color: #fff;
}

.r15 .h1 {
    font-size: 50px;
    text-transform: uppercase;
}

.r15 img.hidden-xs {
    float: right;
    margin-top: 15px;
}

.r16 {
    background-color: #343536;
    color: #fff;
    padding-bottom: 15px;
}



.faq {
    font-size: 72px;
    font-family: "Lato";
    font-weight: 900;
    color: #cb573d;
    line-height: 1.2;
    text-align: left;
    margin: 0;
}

.faq span {
    color: #d26e57;
}

div[class^='faqs-'],
div[class*='faqs-'] {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    padding-left: 30px;
    padding-right: 20px;
    position: relative;
    margin-top: 15px;
    margin-bottom: 15px;
    min-height: 180px;
    padding-top: 15px;
    padding-bottom: 15px;
}

div[class^='faqs-']:not(:first-child),
div[class*='faqs-']:not(:first-child) {
    display: none;
}

div[class^='faqs-']:before,
div[class*='faqs-']:before {
    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS4yODltbSIgaGVpZ2h0PSIxMy43NThtbSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjQzBDMEMwIiBkPSJNMzEuMjYzIDM4LjIwNUwxNC4zNiAxOS4zOTUgMzEuMjY0LjU4NUgxNi45MjZMLjAyMyAxOS4zOTVsMTYuOTAzIDE4LjgxaDE0LjMzN3oiLz48L3N2Zz4=');
    position: absolute;
    top: 50%;
    left: -50px;
}

div[class^='faqs-']:after,
div[class*='faqs-']:after {
    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS4yODltbSIgaGVpZ2h0PSIxMy43NThtbSI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjQzBDMEMwIiBkPSJNLjczNyAzOC4yMDVsMTYuOTAyLTE4LjgxTC43MzYuNTg1aDE0LjMzN2wxNi45MDMgMTguODEtMTYuOTAzIDE4LjgxSC43Mzd6Ii8+PC9zdmc+');
    position: absolute;
    top: 50%;
    right: -65px;
}

.starthidden {
    display: none;
}

.r17 {
    background-color: #8e8a86;
    background-image: url(https://d2l6tmiv6e1a1j.cloudfront.net/mindmovies/MM_171010_newgen_r17.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: left top;
    color: #fff;
    padding-top: 50px;
    padding-bottom: 30px;
}

.r17 .h1 {
    font-size: 40px;
}

.r17 .nat {
    background-color: #3d899f;
    opacity: 0.9;
    padding: 15px;
    text-shadow: 0px 4px 3px rgba(0, 0, 0, .8);
    display: none;
}


.r17 .btn {
    font-size: 20px;
    padding: 15px 25px;
}

.r17 .text-underline {
    text-align: center;
}

.r18 {
    background-color: #00a1fd;
    color: #fff;
}

.r18 .box {
    background-color: #dc408a;
    color: #fff;
    padding: 15px;
    text-align: left;
    width: 57%;
    float: left;
    margin-top: 30px;
}

.r18 .img {
    float: right;
    width: 43%;
    margin-bottom: -60px;
}

.r18 .img span {
    font-size: 18px;
    margin-top: -30px;
    font-style: italic;
    text-align: left;
    display: block;
}

.r18 .h1 {
    font-weight: normal;
    width: 57%;
    float: left;
    text-align: center;
    margin-top: 10px;
}

.r18 .h1 strong {
    font-weight: 900
}

.r18 .h2 {
    font-weight: bold;
    width: 57%;
    float: left;
    text-align: center;
    margin-bottom: 0;
    line-height: 1.4;
    margin-top: 30px;

}

.r18 .white {
    /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAACvAAAAABAQAAAAAqT0YHAAAAAnRSTlMAAHaTzTgAAAAPSURBVHgBY/g/tADD0AIAIROuUgYu7kEAAAAASUVORK5CYII=);
    background-position: center top;
    background-repeat: repeat-y;*/
    background-color: #fff;
    color: #000;
}

.r18 .white h1 {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #fff;
    margin: 0;
    color: #000;
    font-size: 50px;
    font-weight: 900;
}


.r18 .strikethrough {
    position: relative;
}

.r18 .strikethrough:before {
    position: absolute;
    content: "";
    left: -5px;
    top: 50%;
    right: -5px;
    border-top: 6px solid;
    border-color: #343536;

    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
}


.r19 {
    background-color: #6bafd8;
    background-image: url(https://d2l6tmiv6e1a1j.cloudfront.net/mindmovies/MM_171010_newgen_r19_bg.jpg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    padding-top: 60px;
    padding-bottom: 60px;
}

.r19 .box,
.bg-people .box {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 15px;
    text-align: center;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;

}

.r19 .box img,
.bg-people .box img {
    display: inline;
}

.r19 .box .h1,
.bg-people .box .h1 {
    font-weight: 900
}


.mm-logo {
    max-width: 220px;
    width: 70%;
}



.facebook_small {
    background: url('//d2l6tmiv6e1a1j.cloudfront.net/mindmovies_com/MM_2015_05_01_facebook_small.png');
    width: 56px;
    height: 56px;
    background-repeat: no-repeat;
}

.twitter_small {
    background: url('//d2l6tmiv6e1a1j.cloudfront.net/mindmovies_com/MM_2015_05_01_twitter_small.png');
    width: 56px;
    height: 56px;
    background-repeat: no-repeat;
}

.youtube_small {
    background: url('//d2l6tmiv6e1a1j.cloudfront.net/mindmovies_com/MM_2015_05_01_youtube_small.png');
    width: 56px;
    height: 56px;
    background-repeat: no-repeat;
}

.pinterest_small {
    background: url('//d2l6tmiv6e1a1j.cloudfront.net/mindmovies_com/MM_2015_05_01_pinterest_small.png');
    width: 56px;
    height: 56px;
    background-repeat: no-repeat;
}

.instagram_small {
    background: url('//d2l6tmiv6e1a1j.cloudfront.net/mindmovies_com/MM_2015_05_01_instagram_small.png');
    width: 56px;
    height: 56px;
    background-repeat: no-repeat;
}

/*
.hvr-bounce-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
.hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
    -webkit-animation-name: hvr-pulse-grow;
    animation-name: hvr-pulse-grow;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

*/

div[class^='faqs-']:before,
div[class*='faqs-']:before,
div[class^='faqs-']:after,
div[class*='faqs-']:after {
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    cursor: pointer;
}

div[class^='faqs-']:hover:before,
div[class*='faqs-']:hover:before,
div[class^='faqs-']:hover:after,
div[class*='faqs-']:hover:after,
div[class^='faqs-']:hover:focus,
div[class*='faqs-']:hover:focus,
div[class^='faqs-']:focus:after,
div[class*='faqs-']:focus:after,
div[class^='faqs-']:active:before,
div[class*='faqs-']:active:before,
div[class^='faqs-']:active:after,
div[class*='faqs-']:active:after {
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}






/*----------------------------------FOOTER-----------------------------*/

.footer_ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.footer_ul li {
    list-style-type: none;
    line-height: 25px;

}

.footer_ul li a {
    font-size: 15px;
    color: white;
}

.footer_ul li a:hover {
    text-decoration: underline;
}

.footer_ul_title {
    font-size: 17px;
    text-transform: uppercase;
    color: #fecb51;
}

.footer_ul_title_other {
    font-size: 17px;
    text-transform: uppercase;
    color: #fecb51;
    margin-top: 25px;
}

.copyright {
    padding-top: 10px;
}

@media (max-width: 980px) {
    .copyright {
        text-align: center;
    }
}


@media (max-width: 768px) {
    .footer_wrap {
        text-align: center;
    }
}


@media (min-width: 1200px) {
    nav .container {
        width: 960px;
    }
}

nav img {
    margin-left: auto;
    margin-right: auto;
}





























/* -------------------------------- */


@media (max-width:768px) {
    .main-body-content p {
        font-size: 18px;
    }

    .main-body-content .text-smaller {
        font-size: 80%;
    }

    .main-body-content h1,
    .main-body-content .h1 {
        font-size: 34px;
    }

    .main-body-content h2,
    .main-body-content .h2 {
        font-size: 30px;
    }

    .main-body-content h3,
    .main-body-content .h3 {
        font-size: 26px;
    }

    .main-body-content h4,
    .main-body-content .h4 {
        font-size: 24px;
    }

    .main-body-content h5,
    .main-body-content .h5 {
        font-size: 20px;
    }

    .main-body-content h6,
    .main-body-content .h6 {
        font-size: 18px;
    }

    .main-body-content li {
        font-size: 18px;
    }

    .main-body-content .margin-right-negative {
        margin-right: -15px;
    }

    div[class^='faqs-']:not(:first-child),
    div[class*='faqs-']:not(:first-child) {
        display: block;
    }

    div[class^='faqs-'],
    div[class*='faqs-'] {
        border-left: none;
        border-right: none;
        padding-left: 0px;
        padding-right: 0px;
        position: relative;
        margin-top: 15px;
        margin-bottom: 15px;
        padding-top: 0;
        padding-bottom: 0;
        min-height: 10px;
    }

    div[class^='faqs-']:before,
    div[class*='faqs-']:before {
        content: none;
        position: absolute;
        top: 50%;
        left: -50px;
    }

    div[class^='faqs-']:after,
    div[class*='faqs-']:after {
        content: none;
        position: absolute;
        top: 50%;
        right: -60px;
    }

    .main-body-content div[class^='block-1'],
    .main-body-content div[class*='block-1'] {
        max-width: initial;
        width: initial;
        display: block;
        margin-bottom: 15px;
        margin-top: 15px;
        position: relative;
        float: none;
    }

    .main-body-content div[class^='block-1'] img,
    .main-body-content div[class*='block-1'] img {
        max-width: 100%;
        display: block;
        float: none;
        margin: 0 auto;
    }

    .main-body-content .margin-left-50 {
        margin-left: 0px;
    }

    .main-body-content .margin-left-50-xs {
        margin-left: 50px;
    }

    .r18 .box {
        padding: 1px 15px;
        width: initial;
        float: none;
        margin-top: 0px;
        margin-left: -15px;
        margin-right: -15px;
    }

    .r18 .h4 {
        font-size: 18px;
    }

    .r18 .img {
        max-width: 80%;
        float: none;
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: auto;
    }

    .r18 .h1 {
        font-size: 32px;
        width: 100%;
        float: none;
    }

    .r18 .white h1 {
        font-size: 32px;
    }

    .r18 .h2 {
        font-size: 28px;
        margin-top: 0;
        width: 100%;
        float: none;
    }

    .r9 .text-right {
        text-align: center;
    }

    .r15 img {
        max-width: 150px;
    }

    .main-body-content div[class^='block-1'] span,
    .main-body-content div[class*='block-1'] span,
    .r4 span {
        bottom: -2px;
        top: initial;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        max-width: 50%;
        position: absolute;
    }

    .r4 .margin-left-015 {
        margin-left: auto;
        margin-right: auto;
    }

    .r4 img {
        max-width: 100%;
    }

    .r4 .col-sm-7 {
        background-color: #fff;
    }

    .r12 .step6 span {
        position: relative;
        bottom: 0px;
        padding-left: 0;
        padding-right: 0;
        top: initial;
        left: 0px;
        font-size: 16px;
    }

    .r18 .img span {
        font-size: 16px;
        margin-top: -15px;
    }

    .r17 {
        background-image: none;
        padding-top: 15px;
        padding-bottom: 0px;
    }
}


@media (max-width:480px) {
    .main-body-content p {
        font-size: 16px;
    }

    .main-body-content .text-smaller {
        font-size: 80%;
    }

    .main-body-content h1,
    .main-body-content .h1 {
        font-size: 24px;
    }

    .main-body-content h2,
    .main-body-content .h2 {
        font-size: 22px;
    }

    .main-body-content h3,
    .main-body-content .h3 {
        font-size: 20px;
    }

    .main-body-content h4,
    .main-body-content .h4 {
        font-size: 18px;
    }

    .main-body-content h5,
    .main-body-content .h5 {
        font-size: 18px;
    }

    .main-body-content h6,
    .main-body-content .h6 {
        font-size: 16px;
    }

    .main-body-content li {
        font-size: 16px;
    }

    .faq .panel-body {
        font-size: 16px;
    }

    .main-body-content .margin-right-negative {
        margin-right: -15px;
    }

    .main-body-content ul.checkmark li:before {
        width: 20px !important;
        height: 20px !important;
        margin-right: 10px;
    }

    .r1 .bg-redgirl {
        font-size: 24px;
        line-height: 1.3;
        background-image: none;
        text-align: center;
        background-size: 50% auto;
        background-position: top left;
    }

    .r2 img {
        float: none;
    }

    .main-body-content .block-11,
    .main-body-content .block-14 {
        height: auto;
    }

    .r17 .h1 {
        color: #fff;
        text-shadow: 0 0 30px #000;
    }

    .r17 .text-underline {
        text-align: center;
    }
}








@media (min-width: 768px) {
    .container {
        width: 750px;
    }

    .r17 .nat p {
        font-size: 22px
    }

}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }

    .r6 .col-md-5 {
        border-right: 10px solid #fff;
    }

    .r6 .col-md-5+.col-md-5 {
        border-right: none;
        border-left: 10px solid #fff;
    }

    .r7 {
        background: #343536;
        background: -moz-linear-gradient(left, #343536 0%, #343536 50%, #cccccc 50%, #cccccc 100%);
        background: -webkit-linear-gradient(left, #343536 0%, #343536 50%, #cccccc 50%, #cccccc 100%);
        background: linear-gradient(to right, #343536 0%, #343536 50%, #cccccc 50%, #cccccc 100%);
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }

    .r1>div {
        min-height: 420px;
    }

    .r6>div {
        min-height: 420px;
    }
}


@media (min-width: 768px) and (max-width: 991px) {
    .r8 .col-sm-6>div {
        min-height: 335px;
    }

    .r15 .h1 {
        font-size: 40px;
    }

    .r15 img.hidden-xs {
        margin-bottom: 0px;
        margin-top: 135px;
    }

    .r1 .bg-redgirl {
        font-size: 70px;
        padding-top: 30px;
        background-size: 50% auto;
        background-position: top left;
    }


    .r18 .box {
        padding: 15px;
        float: left;
        margin-top: 30px;
    }

    .r18 .h4 {
        font-size: 20px;
    }

    .r18 .h1 {
        font-size: 32px;
        width: 100%;
        float: none;
    }

    .r18 .h2 {
        font-size: 28px;
        width: 100%;
        float: none;
    }

    .r9 .text-right {
        text-align: center;
    }

    .r9 .h1 {
        font-size: 32px
    }

    .main-body-content .block-11,
    .main-body-content .block-14 {
        height: 306px;
    }

    .r4 .col-sm-7 {
        height: 323px;
        overflow: hidden;
        padding: 0;
        position: relative;
    }

    .r4 .col-sm-7>img {
        position: absolute;
        height: 323px;
        width: 532px;
    }

    .r18 .img span {
        font-size: 16px;
        margin-top: -25px;
    }
}


@media (min-width: 992px) and (max-width: 1199px) {
    .r8 ul {
        max-width: 240px;
    }

    .r11-1 {
        top: -304px;
        width: 75%;
    }

    .r15 .h1 {
        font-size: 45px;
    }

    .r1>div {
        min-height: 450px;
    }

    .r1 .bg-redgirl {
        font-size: 50px;
        padding-top: 30px;
    }

    .r18 .box {
        margin-top: 10px;
    }

    .r18 .h4 {
        font-size: 18px;
    }

    .main-body-content .block-11,
    .main-body-content .block-14 {
        height: 330px;
    }

    .r4 .col-sm-7 {
        height: 292px;
        overflow: hidden;
        padding: 0;
        position: relative;
    }

    .r4 .col-sm-7>img {
        position: absolute;
        height: 292px;
        width: 481px;
    }

    .r18 .img span {
        font-size: 16px;
        margin-top: -30px;
    }
}