/*******  BASE  *******/

body, html {
    font-family: 'Open Sans', sans-serif;
    font-size: 10px;
    color: #fff;
    background: #f4f4f4;
}

.visible-on-phone {
    display: none;
}


img {
    border: 0;
    width: 100%;
}


.red-text {
    color: #da352b !important;
}

.red-text-add {
    color: #da352a !important;
}

.black-text {
    color: #000 !important;
}

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

.bold {
    font-weight: 600 !important;
}

.normal {
    font-weight: 400 !important;
}

.lighter {
    font-weight: 300 !important;
}

.pad-l-50 {
    padding-left: 50px;
}

.no-mar-bot {
    margin-bottom: 0 !important;
}

h2 {
    font-size: 8rem;
    font-weight: 800;
    font-style: italic;
    text-transform: uppercase;
}

h3 {
    font-size: 8rem;
    line-height: 1.4;
    font-weight: 700;
    font-style: italic;
}

a {
    color: #fff;
}

a.button {
    display: block;
    font: 700 2.625rem 'Open Sans', serif;
    line-height: 2.3;
    color:#ffffff;
    background:#a42930;
    background: -moz-linear-gradient(top, #a42930 0%, #e80004 46%, #e80004 54%, #a42930 100%);
    background: -webkit-linear-gradient(top, #a42930 0%, #e80004 46%, #e80004 54%, #a42930 100%);
    background: -o-linear-gradient(top, #a42930 0%, #e80004 46%, #e80004 54%, #a42930 100%);
    background: -ms-linear-gradient(top, #a42930 0%, #e80004 46%, #e80004 54%, #a42930 100%);
    background: linear-gradient(top, #a42930 0%, #e80004 46%, #e80004 54%, #a42930 100%);
    border:5px solid #cacaca;
    text-shadow: 1px 1px 0 #000;
    border-radius: 10px;
    max-width: 483px;
    cursor:pointer;
    margin:0 auto;
    text-align: center;
}

button.btn.button-order {
    background: transparent;
    display: block;
    margin: 0 auto;
}

.button-order img {
    max-width: 483px;
    width: 100%;
    margin: 0 auto;
    display: block;
}

a.button:hover,
a.button:focus,
button.btn.button-order:hover,
button.btn.button-order:focus {
    text-decoration: none;
    opacity: 0.7;
    color: #fff;
    outline: none !important;
}

/*FORMS*/
.modal-lg {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
    overflow: visible !important;
}

.modal-content {
    background: #A42930;
    text-align: center;
    padding: 30px 20px;
}

.modal-header {
    border-bottom: 0;
}

.modal-header .close {
    margin-top: -20px;
    font-size: 20px;
    color: #fff;
    opacity: 1;
}

.modal-header .close span {
    font-size: 48px;
}

.modal-title {
    font-size: 2.5rem;
}

.form-control {
    width: 60%;
    margin: 20px auto;
}

label {
    display: block;
    max-width: 100%;
    margin-top: 10px;
    font-size: 1.7rem;
    font-weight: 400;
}

.modal .button {
    background: transparent;
    border: 2px solid;
    border-radius: 8px;
    font-size: 2rem;
    padding: 10px 17px;
    margin-top: 10px;
}

.modal .button:hover,
.modal .button:focus {
    background: #fff;
    color: #A42930;
    outline: none !important;
}

a.to-home {
    display: block;
    margin: 0 auto;
    width: 200px;
    height: 50px;
    border: 2px solid green;
    text-align: center;
    line-height: 2.7;
    text-decoration: none;
    color: green;
    font-size: 18px;
}

/******************         1-2 SCREEN       ******************************/
.header {
    background: rgba(0, 0, 0, 0.8);
    padding: 25px 0;
}

.header .logo img {
    width: 65%;
}

.header a.red-text-add {
    margin-top: 10px;
    display: inline-block;
    font-size: 2rem;
    font-weight: 700;
    text-decoration: underline;
}

.header a.red-text-add:hover,
.header a.red-text-add:focus {
    text-decoration: none;
    outline: none !important;
}

.logo img {
    width: 95%;
}

.video-section {
    position: relative;
    background: #000 url("../img/bg1_1641x1200.jpg") no-repeat left top;
    background-size: cover;
    padding-bottom: 40px;
}

.video-section h2 {
    margin: 70px 0 100px 0;
    font-size: 9rem;
    line-height: 1.3;
    text-align: right;
}

.player {
    background: transparent;
}
.player img {
    max-width: 568px;
    width: 100%;
    display: block;
    margin: 70px 0 85px 0;
}

.player:hover,
.player:focus {
    text-decoration: none;
    opacity: 0.75;
    outline: none !important;
}

.video-section p {
    font-size: 3.25rem;
    font-style: italic;
}

i.fa.fa-angle-down.red-text-add {
    font-size: 70px;
}

.bg2 {
    background: #fff url("../img/pepper-bg1.png") no-repeat center;
    background-size: cover;
    padding: 300px 0;
}

.bg2 h2 {
    margin-bottom: 40px;
}

.bg2 p {
    color: #020202;
    font-size: 4rem;
    font-weight: 400;
    margin: 70px 0;
}

.bg2 p.red-text {
    font-size: 3.25rem;
    font-weight: 700;
    font-style: italic;
    margin-bottom: 70px;
    text-align: center;
}


/*  SPLASH  */

section.splash.logo-section {
    background: #000;
    padding-top: 70px;
}

.splash p {
    font-size: 1.6rem;
    margin-bottom: 15px;
}

.splash h2 {
    font-size: 8rem;
    margin: 35px 0 45px 0;
}

.splash h3 {
    font-size: 8rem;
    font-weight: 700;
    font-style: normal;
    margin-bottom: 25px;
}

.splash a.button.btn_483x107 {
    max-width: 200px;
    height: 60px;
    line-height: 1.6;
    font-size: 30px;
    text-transform: uppercase;
}

.splash a.button.btn_483x107:hover,
.splash a.button.btn_483x107:focus {
    opacity: 0.7;
}
/******************         3 SCREEN       ******************************/

.bg3 {
    background: url("../img/bg3-new.png") no-repeat center;
    background-size: cover;
    padding: 90px 0;
}

.bg3 h3,
.bg4 h3,
.bg5 h3 {
    margin-bottom: 20px;
    font-size: 8rem;
    font-style: italic;
}

.bg3 h4,
.bg4 h4,
.bg5 h4 {
    font-size: 6.2rem;
    font-weight: 700;
    font-style: italic;
    margin-top: -15px;
}

.bg3 p,
.bg4 p,
.bg5 p {
    font-size: 2.8rem;
    font-weight: 600;
    margin-top: 30px;
    margin-bottom: 40px;
}

.bg3 .statistic p,
.bg4 .statistic p,
.bg5 .statistic p {
    font-size: 3rem;
    margin-bottom: 60px;
}

.row.statistic {
    margin-top: 30px;
}

.bg3 .statistic p.counter,
.bg4 .statistic p.counter,
.bg5 .statistic p.counter {
    font-size: 20rem;
    line-height: 0.5;
}

.counter span.red-text-add {
    font-size: 6.7rem;
    line-height: 1;
    font-weight: 400;
    font-variant: small-caps;
}

.bg3 h6,
.bg4 h6,
.bg5 h6 {
    font-size: 3.6rem;
    font-weight: 700;
    font-style: italic;
}

.clear {
    clear: both;
}
/******************         4 SCREEN       ******************************/

.bg4 {
    background:  url(../img/bg4-new.png) no-repeat center;
    background-size: cover;
    padding: 90px 0;
}




/******************         5 SCREEN       ******************************/

.bg5 {
    background:  url(../img/bg5-new.png) no-repeat center;
    background-size: cover;
    padding: 90px 0;
}


.bg5 h3 {
    text-transform: uppercase;
}

.bg5 h6 {
    font-weight: 400;
    line-height: 1.4;
}

/******************         6 SCREEN       ******************************/

.bg6 {
    background: url("../img/gradient-bg.png") no-repeat center;
    background-size: cover;
    padding: 90px 0 30px 0;
}

.bg6 img.circle {
    max-width: 382px;
}


.bg6 h3 {
    font-size: 7.5rem;
    font-weight: 700;
    text-transform: uppercase;
    margin: 50px 0;
}

.bg6 h3 span {
    text-transform: none;
}

.bg6 h4 {
    font-size: 8rem;
    font-weight: 700;
    font-style: italic;
    margin-bottom: 40px;
}

.bg6 p {
    color: #020202;
    font-size: 3.8rem;
    font-weight: 600;
    margin-top: 20px;
}

.bg6 span.red-text-add {
    font-size: 4.3rem;
    font-weight: 700;
    font-style: italic;
}

.bg6 h3 img {
    max-width: 560px;
    margin-left: 15px;
}


/******************         7 SCREEN       ******************************/

.bg7 {
    background: url("../img/gradient-bg.png") no-repeat center;
    background-size: cover;
    padding: 30px 0;
    position: relative;
    overflow: hidden;
}

.bg7 h4 {
    font-size: 5rem;
    font-weight: 700;
    font-style: italic;
}

.bg7 h6 {
    font-size: 4rem;
    font-weight: 700;
    font-style: italic;
    margin: 20px 0;
}

.bg7 p {
    color: #020202;
    font-size: 3.2rem;
    font-weight: 600;
    margin: 40px 0 30px 0;
}

.bg7 p.pad-l-50 {
    position: relative;
}

.bg7 img.left-icon {
    display: inline-block;
    max-width: 40px;
    position: absolute;
    left: -5px;
    top: 8px;
}


.bg7 img.bottom-aligned {
    position: absolute;
    width: 35%;
    bottom: -40px;
    right: 0;
}

/******************         8 SCREEN       ******************************/
.bg8 {
    background: url("../img/gradient-bg.png") no-repeat center;
    background-size: cover;
    padding: 90px 0;
}

.bg8 h3 {
    margin-bottom: 100px;
}

.bg8 p {
    font-size: 2.3rem;
    font-style: italic;
    margin-bottom: 60px;
}

/******************         9 SCREEN       ******************************/
.bg9 {
    background: url("../img/gradient-bg.png") no-repeat center;
    background-size: cover;
    padding: 90px 0;
}

.bg9 h3 {
    margin-bottom: 70px;
    font-size: 10rem;
    font-weight: 700;
    font-style: italic;
}

.bg9 img {
    height: 400px;
    width: auto;
    display: block;
    margin: 0 auto 20px;
}

.bg9 p {
    color: #020202;
    font-size: 4rem;
    font-weight: 600;
    width: 70%;
    margin: 0 auto 20px;
}

/******************         10 SCREEN       ******************************/

.bg10 {
    background: url("../img/gradient-bg.png") no-repeat center;
    background-size: cover;
    padding: 90px 0 0 0;
}

.bg10 h3 {
    margin-bottom: 40px;
    font-size: 8rem;
    position: relative;
    z-index: 3;
}

.bg10 h5 {
    font-size: 5rem;
    font-weight: 700;
    font-style: italic;
    position: relative;
    z-index: 3;
}

.bg10 h6 {
    font-size: 3.6rem;
    line-height: 1.3;
    font-weight: 700;
    font-style: italic;
    margin-bottom: 30px;
    position: relative;
    z-index: 3;
}

.bg10 p {
    color: #020202;
    font-size: 4rem;
    font-weight: 600;
    position: relative;
    z-index: 3;
}

.bg10 img {
    margin-top: -15%;
    position: relative;
    z-index: 1;
}

.bg10 .with-pad-top {
    padding-top: 15%;
}


/******************         11 SCREEN       ******************************/
.bg11 {
    background: #444 url("../img/bg11-lips.png") no-repeat center top;
    background-size: cover;
    padding: 90px 0;
}

.bg11 h3 {
    margin-bottom: 70px;
}

.bg11 p {
    color: #fff;
    font-size: 4rem;
    font-weight: 600;
    position: relative;
    margin: 30px 0;
}

p.pad-l-100 {
    padding-left: 100px !important;
}

.bg11 p span.red-text-add {
    font-weight: 700;
    font-style: italic;
}

.bg11 p img {
    width: 80px;
    position: absolute;
    left: 0;
}

/******************         12 SCREEN       ******************************/
.bg12 {
    background: #fff url("../img/bg11-lips.png") no-repeat center top;
    background-size: cover;
    padding: 90px 0;
}

.bg12 h3 {
    margin-bottom: 30px;
}

.bg12 p {
    color: #020202;
    font-size: 4rem;
    font-weight: 600;
    position: relative;
    margin: 30px 0;
}

.bg12 p img {
    width: 80px;
    position: absolute;
    left: 0;
}


.gallery {
    background: #000;
    padding: 115px 0 125px 0;
}

.gallery h3 {
    font-size: 5rem;
    font-weight: 700;
    font-style: italic;
    margin-bottom: 130px;
}

.carousel-inner .item {
   padding: 0 55px;
}

.carousel-inner img {
    max-width: 260px;
}

.carousel-inner.second {
    margin-bottom: 30px;
}

.carousel-inner.second img {
    max-width: 90%;
    width: 100%;
}

a.carousel-control img {
    max-height: 100%;
    max-width: 77px;
}

.second a.carousel-control img {
    max-height: 100%;
    margin-top: 15%;
    max-width: 77px;
}

.carousel-inner .item p {
    font-size: 2rem;
    font-style: italic;
    padding: 10px 30px;
}

.carousel-control {
    width: 5%;
    opacity: 1;
    z-index: 999999;
}

.carousel-control:focus, .carousel-control:hover {
    opacity: 0.7;
}
a.left.carousel-control {
    background: transparent;
}
a.right.carousel-control {
    background: transparent;
}


.gallery .button-order {
    margin: 120px auto 0;
    display: block;
}


/******************         13 SCREEN       ******************************/

.bg13 {

    background: url("../img/gradient-bg.png") no-repeat center;
    background-size: cover;
    padding: 90px 0 0 0;
}

.bg13 h3 {
    margin-bottom: 70px;
}

.bg13 h6 {
    font-size: 4rem;
    font-weight: 700;
    font-style: italic;
    margin-top: 30px;
}

.bg13 p {
    color: #020202;
    font-size: 4rem;
    font-weight: 600;
}

.bg13 p.smaller {
    font-size: 3rem;
}

img.phone {
    width: 42%;
    margin-left: 20%;
}

img.booklet-open {
    width: 55%;
    margin: 0 auto;
    display: block;
    margin-top: 30px;
}

/******************         14 SCREEN       ******************************/

.bg14 {

    background: url("../img/radial-bg-06.png") no-repeat center;
    background-size: cover;
    padding: 100px 0;
}

.bg14 p {
    color: #020202;
    font-size: 4rem;
    font-weight: 600;
}

.bg14 h4 {
    font-size: 5rem;
    font-weight: 700;
    margin-top: 110px;
    margin-bottom: 0;
}

.price {
    font-weight: 700;
    font-size: 31rem;
}

.price span {
    font-size: 10rem;
}

/******************         15 SCREEN       ******************************/

.bg15 {

    background: url("../img/gradient-bg.png") no-repeat center;
    background-size: cover;
    padding: 70px 0 90px 0;
}

.bg15 h3 {
    margin-bottom: 50px;
}

.bg15 ol li {
    color: #020202;
    font-size: 3.2rem;
    font-weight: 600;
    margin: 40px 0;
}

.bg15 ol li span {
    font-style: italic;
}

img.box {
    position: absolute;
    left: -1px;
}

.bg15 ol{
    counter-reset: myCounter;
}
.bg15 li{
    list-style: none;
}
.bg15 li:before {
    counter-increment: myCounter;
    content:counter(myCounter);
    color: #fff;
    background: #d42529;
    display: inline-block;
    text-align: center;
    margin: 8px 12px;
    line-height: 1.2;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
}

.bg15 button.btn.button-order {
    background: transparent;
    display: block;
    margin-right: 10%;
    margin-left: auto;
}

p.questions {
    font-size: 4rem;
    font-weight: 600;
    color: #020202;
    margin: 60px 0 0 10%;
    line-height: 1.2;
}

a.questions {
    font-size: 4rem;
    font-weight: 600;
    margin: 0 0 0 23%;
    display: block;
    text-decoration: underline;
}

.bg15 .button-order img {
    margin-top: 30px;
}

/******************         16 SCREEN       ******************************/

.bg16 {
    background: url("../img/bg16.png") no-repeat center;
    background-size: cover;
    padding: 300px 0;
}

.bg16-old {
    background: url("../img/bg16-old.png") no-repeat center;
    background-size: cover;
    padding: 90px 0;
}

/******************         17 SCREEN       ******************************/

.bg17 {
    background: #fff;
    background-size: cover;
    padding: 70px 0;
}

.bg17 h3 {
    margin-bottom: 40px;
}

.bg17 h6 {
    font-size: 4rem;
    font-weight: 700;
    font-style: italic;
    margin: 30px 0;
}

.bg17 p {
    color: #020202;
    font-size: 4rem;
    font-weight: 600;
    position: relative;
}

.bg17 i.fa.fa-caret-right.red-text-add {
    position: absolute;
    left: 0;
    top: -5px;
    font-size: 8rem;
}

.pad-l-35 {
    padding-left: 35px !important;
}


footer {
    background: #d9262a;
    padding: 20px 0;
}

footer img {
    width: 24px;
    margin-right: 10px;
}

footer i {
    margin-right: 10px;
}

footer .logofooter img {
    width: 95%;
    display: block;
    margin-right: 0;
    margin-top: -10px;
}

footer h2 {
    font-size: 4rem;
    font-weight: 700;
    font-style: normal;
    margin-bottom: 40px;
}

footer span {
    font-size: 1.2rem;
    font-weight: 400;
    display: inline-block;
    margin-top: 20px;
}

footer a {
    font-size: 2.4rem;
    font-weight: 700;
    margin-top: 15px;
    display: inline-block;
}

footer a:hover,
footer a:focus {
    color: #fff;
}

.no-pad {
    padding: 0 !important;
}

.g-recaptcha {
    width: 100%;
    margin: 10px auto;
}

.g-recaptcha div {
    margin: 0 auto;
}

/* header + footer changes */

.header a.red-text-add.first {
    margin-right: 20px;
}

.header a.red-text-add {
    text-decoration: none;
}

.header a.red-text-add:hover,
.header a.red-text-add:focus {
    text-decoration: underline;
}

footer img {
    width: 18px;
    margin-right: 3px;
}

footer .logofooter img {
    width: 80%;
    margin-top: -3px;
}

footer a {
    font-size: 2.4rem;
    font-weight: 700;
    margin-top: 15px;
    margin-bottom: 20px;
    display: inline-block;
}

footer span {
    display: block;
    line-height: 1.8;
}

/* header + footer changes end */

.modal-form p {
	margin-bottom: 25px;
	font-size: 1.2rem;
}
.modal-form p a {
	color: #fff !important;
	font-size: 1.3rem;
}

.offer-group input[type="checkbox"] {
	width: 20px;
	height: 20px;
	top: 4px;
	position: relative;
	margin-right: 5px;
	border: 1px solid #fff;
}

.offer-group p {
	font-size: 1.3rem;
	margin: 20px 0 35px 0;
}

.offer-group p a {
	color: #fff;!important;
}

.promo h2.delivery {
	margin-top: 20px;
	margin-bottom: 120px;
}

img.img-rounded.bordered {
	border-radius: 50%;
	border: 4px solid #fff;
	position: relative;
}

.modal-form input[type="checkbox"] {
	top: 2px;
}

.header a.phone.red-text-add {
	font-size: 3.3rem;
	margin-top: -5px;
	margin-bottom: 15px;
}

.header .phone-small {
	margin-bottom: 15px;
}

.header img {
	max-width: 380px;
}

footer a.phone.white-text {
	font-size: 3rem;
}

/******************       MEDIA      ******************************/

/*******************************************************************************
              1980 +
********************************************************************************/

@media (min-width: 1980px) {

.bg15 ol li {
    margin: 85px 0;
}

    .bg7 img.bottom-aligned {
        width: 28%;
    }

}

/*******************************************************************************
              1650 +
********************************************************************************/

@media (min-width: 1650px) {

    .logo-section,
    .contacts {
        background-size: cover;
    }

    .splash h3 {
        margin-bottom: 35px;
    }

    .splash p {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .splash h2 {
        font-size: 3.125rem;
        margin: 50px 0 70px 0;
    }
}

/*******************************************************************************
              1920
********************************************************************************/

@media (max-width: 1930px) {
    body, html {
        font-size: 10px;
    }

    h2 {
        font-size: 5.5rem;
    }

    h3 {
        font-size: 4.5rem;
    }

    .with-pad {
        padding-left: 135px;
    }

    .contacts {
        background-size: contain;
    }

    .video-section h2 {
        font-size: 8rem;
    }
}

/*******************************************************************************
              1550 /RETINA 15/
********************************************************************************/

@media (max-width: 1550px) {
    body, html {
        font-size: 10px;
    }

	.header a.red-text-add {
		font-size: 1.6rem;
	}

    .splash h2,
    .splash h3 {
        font-size: 5rem;
    }

    .header .logo img {
        width: 95%;
    }

    .video-section p,
    .bg2 p {
        font-size: 2.2rem;
    }

    .video-section h2 {
        font-size: 4rem;
    }

    h2 {
        font-size: 5rem;
    }

    .with-pad {
        padding-left: 0;
    }

    .video-section p {
        font-size: 2.5rem;
    }

    .bg2 {
        padding: 100px 0;
    }

    .bg3 h3,
    .bg4 h3,
    .bg5 h3 {
        margin-bottom: 30px;
        font-size: 5rem;
    }

    .bg3 h4,
    .bg4 h4,
    .bg5 h4 {
        font-size: 3.5rem;
    }

    .bg3 p,
    .bg4 p,
    .bg5 p {
        font-size: 1.8rem;
        margin-bottom: 40px;
    }

    .bg3 .statistic p,
    .bg4 .statistic p,
    .bg5 .statistic p {
        font-size: 1.8rem;
        margin-bottom: 40px;
    }

    .bg3 .statistic p.counter,
    .bg4 .statistic p.counter,
    .bg5 .statistic p.counter {
        font-size: 10rem;
    }

    .counter span.red-text-add {
        font-size: 5rem;
    }

    .bg3 h6,
    .bg4 h6,
    .bg5 h6 {
        font-size: 1.8rem;
    }

    .bg6 img.circle {
        max-width: 300px;
    }

    .bg6 h3 {
        font-size: 5rem;
    }

    .bg6 h4 {
        font-size: 4rem;
    }

    .bg6 p {
        font-size: 2rem;
    }

    .bg6 span.red-text-add {
        font-size: 2.5rem;
    }

    .bg6 h3 img {
        max-width: 280px;
        margin-left: 15px;
    }

    .bg7 h4 {
        font-size: 3rem;
    }

    .bg7 h6 {
        font-size: 2.6rem;
    }

    .bg7 p {
        font-size: 1.8rem;
    }


    .bg8 .col-sm-8.col-sm-offset-4.col-xs-12 {
        padding-left: 15px;
    }

    .bg8 p {
        font-size: 2rem;
        font-style: italic;
        margin-bottom: 20px;
    }

    .bg9 {
        padding: 70px 0;
    }

    .bg9 img {
        height: 200px;
    }

    .bg9 h3,
    .bg10 h3 {
        margin-bottom: 60px;
        font-size: 5.5rem;
    }


    .bg9 p,
    .bg10 p {
        margin-bottom: 30px;
        font-size: 2rem;
    }

    .bg10 h5 {
        font-size: 3.5rem;
    }

    .bg10 h6 {
        font-size: 2.5rem;
    }

    .bg10 p {
        font-size: 1.8rem;
    }

    .bg11 {
        padding: 50px 0;
    }

    .bg11 p,
    .bg12 p {
        margin-bottom: 40px;
        font-size: 2.4rem;
    }

    .bg11 p img,
    .bg12 p img {
        width: 60px;
        position: absolute;
        left: 10px;
        top: 5px;
    }

    .bg12 {
        padding: 50px 0;
    }

    .carousel-inner img {
        max-width: 130px;
    }

    a.carousel-control img {
        max-width: 50px;
    }

    .gallery {
        padding: 50px 0;
    }

    a.button-order img {
        width: 60%;
    }

    .player img {
        width: 60%;
        margin: 70px 0 85px 0;
    }

    a.button {
        max-width: 300px;
        height: 80px;
        line-height: 2.7;
    }

    .button-order img {
        width: 60% !important;
    }

    .gallery .button-order {
        margin: 50px auto 20px;
    }

    h2.slogan {
        font-size: 3rem;
        line-height: 48px;
    }

    img.lips.fadeIn.wow.animated {
        max-width: 220px;
        margin-bottom: 30px;
    }

    .statistic img.center-block {
        max-width: 200px;
    }

    .box2 img {
        max-width: 220px;
    }

    .land2 .carousel-indicators li {
        line-height: 2.2;
    }

    .contacts .col-sm-7.col-xs-12 {
        padding-top: 8%;
    }

    .bg13 h6,
    .bg13 p {
        font-size: 2.7rem;
    }

    .bg13 p.smaller {
        font-size: 2.2rem;
    }

    .bg14 p {
        font-size: 3rem;
    }

    .price {
        font-size: 23rem;
    }

    .bg15 ol li {
        font-size: 2rem;
    }

    .bg15 li:before {
        line-height: 1.8;
    }

    p.questions {
        font-size: 2.5rem;
    }

    a.questions {
        font-size: 2.5rem;
        margin-left: 20%;
    }

    a.questions:hover,
    a.questions:focus {
        text-decoration: none;
    }

    .bg16 {
        padding: 150px 0;
    }

    .bg17 h6,
    .bg17 p {
        font-size: 2.4rem;
    }

    .bg17 i.fa.fa-caret-right.red-text-add {
        top: 0;
        font-size: 6rem;
    }

    footer a {
        font-size: 2rem;
    }

    footer span {
        font-size: 1rem;
        margin-top: 10px;
    }

}

/*******************************************************************************
              1400
********************************************************************************/

@media (max-width: 1400px) {
    .logo-section,
    .contacts {
        background-size: contain;
    }

    .carousel-inner .item p.col-xs-10 {
        min-height: 85px;
        font-size: 1.3rem;
        line-height: 1.5;
        padding-top: 16px;
    }
}

/*******************************************************************************
              1024
********************************************************************************/

@media (max-width: 1025px) {
    body, html {
        font-size: 7px;
    }

    .logo img {
        max-width: 230px;
    }

    .header a.red-text-add {
        margin-top: -3px;
	    font-size: 1.7rem;
    }

    a.button {
        max-width: 230px;
        height: 60px;
    }

    .bg3 p {
        font-size: 2rem;
        margin-bottom: 25px;
    }

    .statistic p {
        font-size: 2rem;
        padding: 0 7px;
    }

    p.counter {
        font-size: 8rem;
        margin-top: 20px;
    }



    h3.text-center {
        font-size: 3.5rem;
        margin-bottom: 20px;
    }

    .bg5 p {
        font-size: 2.2rem;
    }

    .bg5 p span {
        font-size: 46px;
        left: -40px;
    }

    .bg7 p {
        font-size: 1.8rem;
    }

    .bg7 img.left-icon {
        max-width: 20px;
        left: 15px;
        top: 5px;
    }

    a.logo-text img {
        max-width: 300px;
    }

    img.lips.fadeIn.wow.animated {
        max-width: 150px;
    }

    section.land2.bg7 .icon {
        max-width: 25px;
    }

    .statistic img.center-block {
        max-width: 100px;
    }

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

    img.booklet-img {
        max-width: 265px;
    }

    .land2 .carousel-indicators li {
        line-height: 2.5;
    }

    .splash a.button.btn_483x107 {
        max-width: 160px;
    }

    .bg11 p img, .bg12 p img {
        width: 45px;
        position: absolute;
        left: 30px;
        top: 0;
    }

    .bg15 ol li {
        margin: 15px 0;
    }

    .bg6 img.circle {
        max-width: 200px;
    }
}

/*******************************************************************************
              992
********************************************************************************/

@media (max-width: 995px) {

	.hidden-from-992 {
		display: none;
	}

    h2 {
        font-size: 4.5rem;
    }

    .player img {
        margin: 50px 0 55px 0;
    }


    .bg3 {
        padding: 40px 0;
    }

    h3 {
        font-size: 3.5rem;
    }

    .bg3 h3 {
        margin-bottom: 15px;
        margin-top: 0;
    }

    .bg3 p {
        margin-bottom: 5px;
    }

    .bg4,
    .bg5,
    .bg10 {
        padding: 40px 0;
    }

    section.statistic {
        padding-top: 30px;
    }

    .bg5 p {
        font-size: 2rem;
        margin-bottom: 40px;
    }

    .bg8 {
        padding: 30px 0;
    }

    .bg9 p img, .bg10 p img {
        left: -55px;
        max-width: 35px;
    }

    .bg12 p {
        font-size: 2rem;
    }

    .carousel-inner .item p {
        font-size: 1.5rem;
        padding: 10px;
    }

    .bg3 h4 {
        display: none;
    }

    .bg3 a.button {
        margin-bottom: 20px;
        margin-top: -7px;
    }

    img.pc.pull-left {
        max-width: 300px;
        margin: 0 auto 30px;
        display: block;
        float: none !important;
    }

    section.land2.bg7 img {
        max-width: 300px;
        display: block;
        margin: 0 auto 30px;
    }

    section.land2.bg7 .icon {
        margin: 0 10px 10px 0;
    }

    .bg2.land2 p {
        font-size: 1.5rem;
    }

    .box1 img,
    .box2 img {
        max-width: 300px;
        display: block;
        margin: 0 auto 30px;
    }

    .contacts img.circle {
        max-width: 200px;
        margin: 30px auto;
        display: block;
    }

    .contacts p {
        text-align: center;
    }

    .box2.col-sm-3.text-right.col-xs-12 {
        display: none;
    }

    .col-md-4.hidden-sm img {
        display: none;
    }

    body.splash {
        background: #000 url(../img/bg-pepper_1600x583.png) repeat-y;
        background-size: contain;
        min-height: 100vh;
    }

    section.splash.logo-section {
        background: transparent;
        padding-top: 15px;
    }


    .splash p {
        max-width: 350px;
        margin: 0 auto 15px;
        font-size: 12px;
    }

    .splash .btns {
        margin-bottom: 30px;
    }

    .header a.red-text-add {
        margin-top: -3px;
        position: relative;
        top: -20px;
    }

    .bg7 img.bottom-aligned {
        width: 25%;
    }

    .bg2 {
        padding: 50px 0 20px 0;
    }

    .bg10 .with-pad-top {
        padding-top: 0;
    }

    .bg10 img {
        display: none;
    }

    img.box {
        opacity: 0.15;
    }

    footer a.logofooter {
        text-align: center;
    }

    footer .logofooter img {
        max-width: 450px;
        margin-right: 0;
    }

    footer .col-sm-3.col-xs-12 {
        text-align: center;
    }

    footer span {
        display: none;
    }

    .bg6 {
        padding: 30px 0;
    }

    .header a.red-text-add {
        margin-top: -3px;
        position: relative;
        top: 5px;
        font-size: 1.8rem;
    }

    footer .logofooter img {
        width: 80%;
        margin-top: -3px;
        margin-left: auto;
        margin-right: auto;
    }
}


/*******************************************************************************
              750
********************************************************************************/

@media (max-width: 750px) {
    .logo.col-sm-6.col-xs-12 {
        text-align: center;
    }

    .player img {
        width: 50%;
    }


    .bg4 {
        padding: 50px 0 0 0;
    }

    .statistic p {
        font-size: 2rem;
        padding: 0 20%;
    }

    p.counter {
        font-size: 8rem;
    }

    h3.text-center {
        padding: 0 20px;
    }

    .bg7 img {
        max-width: 230px;
        margin: 0 auto;
        display: block;
    }

    button.btn.button-order {
        display: block;
        margin: 0 auto;
    }

        .carousel-inner .item p {
            font-size: 2rem;
            padding: 10px 15%;
        }

    .modal-title {
        font-size: 1.75rem;
    }

    .form-control {
        width: 60%;
        margin: 10px auto;
    }

    .modal-open .modal {
        overflow-y: auto !important;
    }

    .land2 .carousel-inner .item p {
        padding: 0 0 0 10px;
    }

    .land2 .carousel-indicators li {
        line-height: 1.5;
        width: 20px;
        height: 20px;
        margin: 2px;
    }

    .bg13 h6, .bg13 p {
        font-size: 2rem;
    }

    .bg14 h4 {
        font-size: 4rem;
    }

    .price {
        font-size: 12rem;
        margin: 40px auto;
    }


    .header a.red-text-add {
        font-size: 1.69rem;
    }

    footer span {
        display: none;
    }

}

/*******************************************************************************
              600
********************************************************************************/

@media (max-width: 600px) {

    .header a.red-text-add {
        display: none;
    }

    .bg3 {
        background: url(../img/bg3_mobile.jpg) no-repeat left top;
        background-size: cover;
        padding: 25px 0;
    }

    .bg8 {
        padding: 25px 0;
        background-size: cover;
    }

    .modal-lg {
        width: 95%;
    }

    .video-section h2 {
        margin: 50px 0 40px 0;
    }

    .bg2 {
        padding: 45px 0 40px 0;
    }

    .bg9,
    .bg10 {
        background-size: cover;
    }


    .carousel-inner .item {
        padding: 0;
    }


    .land2.statistic p {
        padding: 0 5px;
        font-size: 1.5rem;
    }

    .price {
        font-size: 9rem;
    }

    .price span {
        font-size: 3rem;
    }
    footer .logofooter img {
        max-width: 250px;
        margin-right: 0;
    }

}

/*******************************************************************************
              550
********************************************************************************/

@media (max-width: 500px) {
    .visible-on-phone {
        display: block;
        width: 100%;
    }

    .hidden-on-phone {
        display: none;
    }

}

/*******************************************************************************
              460
********************************************************************************/

@media (max-width: 460px) {

    body, html {
        font-size: 8px;
    }

    .modal-open .modal {
        padding: 0 !important;
    }

    .statistic h4 {
        font-size: 3.2rem;
    }

    .statistic h2 {
        font-size: 5rem;
    }

    .bg5 {
        background-size: cover;
    }

    a.logo-text img {
        max-width: 200px;
    }

    .land2 .carousel-indicators {
        bottom: 10px;
        left: 0;
        width: 100%;
        padding-left: 0;
        margin-left: 0;
    }

    .land2 .carousel-inner img {
        display: none;
    }

    .contacts img.circle {
        max-width: 120px;
        margin: 30px auto 0;
        display: block;
    }

    footer h2 {
        font-size: 2rem;
        font-weight: 700;
        font-style: normal;
        margin-bottom: 20px;
    }

    .splash a.button.btn_483x107 {
        max-width: 110px;
    }

    .splash p {
        max-width: 250px;
    }

    .land2 .carousel-inner .item p {
        padding: 0 10px;
    }
    .carousel-inner .item p.col-xs-2 {
        font-size: 4rem;
    }

    i.fa.fa-angle-down.red-text-add {
        font-size: 45px;
    }

    .bg17 h6, .bg17 p {
        font-size: 2rem;
    }

}