@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700&subset=cyrillic,greek');
body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

a,
a:hover {
    text-decoration: none;
    color: inherit;
}

button {
    background-color: transparent;
    padding: 0;
    margin: 0;
    border: none;
    cursor: pointer;
}

.menu__wrapp {
    color: #363636;
    font-size: 18px;
}

.menu {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 10px;
    min-height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.menu__list {
    width: 100%;
    padding-top: 20px;
    display: none;
}

.menu__link {
    font-size: 18px;
    color: #333333;
    -webkit-transition: color .3s;
    transition: color .3s;
}

.menu__link:hover {
    color: #ce4f70;
}

.menu__button {
    display: inline-block;
    margin-right: 5px;
}

.order__button {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 130px;
    min-height: 40px;
    border: 2px solid #ce4f70;
    padding-top: 3px;
    font-size: 14px;
    line-height: 2.4;
    vertical-align: middle;
    color: #363636;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: all .3s;
    -webkit-transition: all .4s;
    -webkit-transition: all .6s;
    transition: all .6s;
    text-decoration: none;
}

.order__button:hover {
    text-decoration: none;
    background-image: -webkit-gradient( linear, left top, right top, from(rgb(135, 20, 46)), to(rgb(197, 73, 105)));
    background-image: linear-gradient( 90deg, rgb(135, 20, 46) 0%, rgb(197, 73, 105) 100%);
    color: #ffffff;
}


/*SECTION ONE*/

.sec-one {}

.sec-one__wrapp {
    padding-top: 85px;
    background-color: #f1e5e0;
    background-image: url("../img/Artrolux%2b.png"), url("../img/sec-one_bg.jpg");
    background-repeat: no-repeat, no-repeat;
    background-size: auto, 100% 100%;
    background-position: 51% 12%, center top;
}

.sec-one__title {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 18px;
    color: #8a1731;
    text-align: left;
}

.sec-one__img {
    padding-bottom: 20px;
}

.sec-one__img img {
    margin: auto;
}

.form {
    padding: 35px 30px 31px 30px;
    text-align: center;
    background-color: #ffffff;
}

.form__top {
    font-weight: 700;
    font-size: 48px;
    color: #d4466b;
}

.form__top span {
    display: block;
    font-size: 18px;
    color: #333333;
    font-weight: 400;
}

.timer {
    font-size: 36px;
    color: #363636;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.timer__item {
    margin: 0px 4px;
}

.timer__name-wrapp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    -webkit-box-pack: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 300;
}

.timer__name {
    margin: 2px 5%;
    text-align: center;
}

.price {
    margin-bottom: 25px;
}

.price__new {
    font-size: 48px;
    color: #891630;
    font-weight: 700;
}

.price__new__euro {
    margin-left: -5px;
    font-size: 36px;
    font-weight: 400;
}

.price__old {
    position: relative;
    margin-left: 20px;
    font-size: 40px;
    color: #666666;
}

.price__old::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -7%;
    right: -7%;
    -webkit-transform: rotate(-19deg);
    transform: rotate(-19deg);
    background-color: #89162f;
    height: 3px;
}

.form {
    margin-bottom: 35px;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(205, 187, 177, 0.5);
    box-shadow: 0px 10px 20px 0px rgba(205, 187, 177, 0.5);
}

.form__input {
    border-radius: 2px;
    border: 1px solid #cbcbcb;
    margin-bottom: 12px;
    color: #363636;
    font-size: 18px;
    padding: 0px 13px 0px 13px;
}

.form__input:focus {
    padding: 0px 13px 0px 13px;
    border-color: #363636;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.button {
    padding: 5% 22%;
    font-size: 24px;
    font-weight: 300;
    text-transform: uppercase;
    color: #ffffff;
    -webkit-transition: all .3s;
    transition: all .3s;
    border-radius: 4px;
    background-image: -webkit-gradient( linear, left top, right top, from(rgb(158, 12, 43)), to(rgb(227, 71, 107)));
    background-image: linear-gradient( 90deg, rgb(158, 12, 43) 0%, rgb(227, 71, 107) 100%);
}

.button:hover,
.button:focus {
    background-image: linear-gradient( 364deg, rgb(227, 71, 107) 0%, rgb(158, 12, 43) 100%);
}

.form .button {
    display: block;
    width: 100%;
}

.from__subtitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 16px;
    font-size: 12px;
    сolor: #333;
}

.from__subtitle::before {
    content: '';
    margin-right: 5px;
    margin-top: 2px;
    background-position: center top;
    display: block;
    width: 11px;
    height: 14px;
    background-image: url("../img/buckler.svg");
    background-repeat: no-repeat;
    background-size: cover;
}

.benefits__wrapp {
    background-color: #ffffff;
    margin-bottom: 18px;
    padding: 15px 15px 18px 15px;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(179, 179, 179, 0.3);
    box-shadow: 0px 10px 20px 0px rgba(179, 179, 179, 0.3);
}

.benefits__text {
    padding-top: 23px;
    font-size: 18px;
    text-align: center;
    color: #363636;
}

.benefits__img img {
    margin: auto;
}


/*SECTION SECOND */

.sec-second {
    padding-top: 48px;
}

.sec-second__title {
    font-weight: 700;
    font-size: 30px;
    text-transform: uppercase;
}

.sec-second__img {
    padding-bottom: 15px;
}

.sec-second__photo {
    margin: auto;
}

.sec-second__text {
    padding-top: 24px;
    background-color: rgb(237, 250, 255);
    font-size: 14px;
    color: #333333;
}

.graph {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 25px 15px;
    margin: 0px -15px;
    background-color: #e0f6ff;
}

.graph__item {
    width: 25%;
    font-size: 12px;
    color: #333333;
    text-align: center;
}

.graph_ellips {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 50px;
    height: 50px;
    text-align: center;
    font-size: 19px;
    line-height: 3;
    color: #333333;
    background-image: url("../img/ellips-60.svg"), url("../img/ellips.png");
    background-size: auto;
    background-repeat: no-repeat;
    margin: auto auto 20px auto;
}

.graph_ellips--bg-20 {
    background-image: url("../img/ellips-20.svg"), url("../img/ellips.png");
}

.graph_ellips--bg-18 {
    background-image: url("../img/ellips-20.svg"), url("../img/ellips.png");
}


/*SECTION THREE*/

.sec-three__title {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 30px;
    color: #363636;
}

.sec-three__title span {
    margin-top: 14px;
    display: block;
    color: #89162f;
    font-size: 12px;
}

.expert {
    margin-top: 30px;
}

.expert__img {
    padding-bottom: 23px;
}

.expert__img img {
    margin: auto;
}

.expert__wrapp {
    background-color: #e7f7f9;
    padding-bottom: 51px;
}

.expert__text {
    padding-top: 24px;
    padding-left: 12px;
    font-size: 14px;
    color: #565656;
}

.expert__name {
    font-weight: 700;
    font-size: 16px;
}

.expert__name p {
    font-weight: 400;
    margin-bottom: 0px;
}


/*SECTION FOUR */

.sec-four {
    padding-top: 47px;
}

.sec-four__title {
    margin-bottom: 40px;
    font-weight: 700;
    font-size: 30px;
    color: #363636;
    text-transform: uppercase;
}

.sec-four__title span {
    display: block;
    margin-top: 5px;
    font-size: 18px;
    font-weight: 300;
}

.sec-four__desc {
    font-weight: 700;
    font-size: 14px;
    color: #89162f;
    background-color: #f8f1ed;
    padding: 40px 15px;
}

.consti {
    float: left;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(89%, #f8f1ed), color-stop(9%, #ffffff));
    background-image: linear-gradient(to bottom, #f8f1ed 89%, #ffffff 9%);
    padding-bottom: 15px;
}

.consti__item {
    margin-bottom: 34px;
}

.consti__wrapp {
    padding: 15px;
    background-color: #ffffff;
    text-align: center;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(179, 179, 179, 0.3);
    box-shadow: 0px 10px 20px 0px rgba(179, 179, 179, 0.3);
}

.consti__img {
    margin-bottom: 24px;
}

.consti__img img {
    margin: auto;
}

.consti__title {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #87142e;
}

.consti__desc {
    padding: 0px 34px;
    margin-top: -20px;
    font-size: 14px;
    color: #363636;
    white-space: pre-line;
}


/*SECTIONE FIVE*/

.sec-five {}

.slider {
    background-color: #fff3ee;
    padding-bottom: 133px;
}

.slider__img {
    padding: 0px 51px 31px 51px;
    text-align: center;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 30px 100px 0px rgba(209, 84, 117, 0.2);
    box-shadow: 0px 30px 100px 0px rgba(209, 84, 117, 0.2);
}

.slider__img img {
    margin: auto;
}

.slider__name {
    margin-top: 23px;
    font-size: 18px;
    color: #363636;
}

.slider__name span {
    font-weight: 700;
}

.slider__text {
    padding-top: 33px;
    font-size: 14px;
    color: #363636;
}

#reviews .carousel-indicators {
    bottom: -20%;
}

.carousel-indicators li {
    width: 15px;
    height: 15px;
    border-width: 3px;
    border-color: #333333;
}

.carousel-indicators li.active {
    margin: 0;
    width: 16px;
    height: 16px;
    border-width: 3px;
    border-color: #d15475;
    background-color: #d15475;
}

.order {
    padding: 32px 0px;
    text-transform: uppercase;
    text-align: center;
}


/*SECTION SIX*/

.sec-six {
    padding: 50px 0px;
}

.sec-six__title {
    font-weight: 700;
    font-size: 30px;
    text-transform: uppercase;
}

.applicat {
    padding-top: 52px;
    background-color: #e8f8f9;
    text-align: center;
}

.applicat--padding {
    padding-bottom: 50px;
}

.applicat__img {
    margin-bottom: 13px;
}

.applicat__desc {
    color: #363636;
    font-size: 14px;
}


/*SECTION SEVEN */

.sec-seven {
    padding-top: 30px;
    background-color: #fcf3ee;
}

.sec-seven__title {
    font-weight: 700;
    font-size: 30px;
    color: #363636;
    margin-bottom: 37px;
}

.delivery {
    min-height: 150px;
    text-align: left;
}

.delivery__img {
    margin-bottom: 19px;
}


/*SECTION EIGHT*/

.sec-eight {
    margin-top: 50px;
}