body {
	background: rgba(53,47,68,.5);
	font-family: 'Montserrat', sans-serif;
}
.header {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 50;
	box-shadow: 0 0 5px 1px rgba(28,52,67,.3);
}
.header:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 2;
}
.header__body {
	position: relative;
	display: flex;
	justify-content: space-between;
	height: 80px;
	align-items: center;
}
.header__logo {
	position: relative;
	z-index: 3;
}
.header__logo  img {
	max-width: 100%;
}
.header__burger {
	display: none;
}
.header__menu {}
.header__list {
	display: flex;
	position: relative;
	z-index: 2;
}
.header__list li {
	list-style-type: none;
	margin: 0 40px 0 0 ;
}
.header__link {
	color: #000;
	text-transform: uppercase;
	font-size: 14px;
	transition: all 0.3s ease 0s;
	font-weight: 500;
}
.header__link:hover{
	color: #D70C17;
}
.link-akcent {
	background: #b27a63;
	color: #fff;
	font-size: 14px;
	padding: 3px 7px;
	border-radius: 3px;
	transition: all ease .4s;
}
.link-akcent:hover {
	background: #efefef;
	color: #D80C17;
	font-size: 14px;
	padding: 3px 7px;
	border-radius: 3px;
}
.main_sect {
	min-height: 600px;
	background-size: cover;
    background-image: url(../img/top-bg.jpeg);
    background-position: 
}

.tile_top h1 {
	margin-top: 150px;
}
.akcent-marketplace {
    color: #dd347d;
    text-transform: uppercase;
}
.tile_top .akcent-direct {
    color: #FFCC00;
}
h1 {
	font-weight: 500;
	color: #fff;
	font-size: 48px;
}
h2 {
    font-weight: 500;
    color: #fff;
    font-size: 38px;
    margin-bottom: 30px;
}
h1 span {
	font-size: 35px;
}
.main_info_1 p {
    font-size: 19px;
    color: #fff;
}
.main_info_1 p span {
    font-weight: bold;
    font-size: 20px;
    color: #d43d3d;
}



.servise {
	background: #fff;
	padding: 70px 0;
}
.servise__block {
	text-align: center;
	    border-radius: 5px;
    box-shadow: 0 7px 50px 2px rgba(0,46,70,.07);
    padding: 7px;
    min-height: 420px;
}
.servise__block-img {
	transition: transform 0.25s ease 0s;
	max-width: 30%;
}
.servise__block-img:hover {
	transform: scale(1.06);
}
.servise__block-title {
	font-size: 16px;
	margin-bottom: 15px;
}
.servise__block-info {
	color: #4B4E51;
}
.servise__block-btn {
    background: #D70C17;
    color: #fff;
    margin: 0 auto;
    padding: 4px 8px;
    font-size: 17px;
    font-weight: 500;
    border-radius: 6px;
    text-align: center;
}

.how-to-get {
	background: url(../img/how-to-get-bg.webp);
	background-size: cover;
	background-position: left;
}
.how-to-get__block {
	text-align: center;
}
.how-to-get__img {
	background: url(../img/angle_right.png);
	background-repeat: no-repeat;
	background-position: center left;
}
.how-to-get__info {
	color: #fff;
	font-weight: 300;
	font-size: 18px;
}
.about-info {
	background: #F8F8F8;
	padding: 70px 0;
}
.title-area {
	font-weight: 500;
	color: #4B4E51;
	text-align: center;
	font-size: 40px;
}
.title-area:after {
	content: '';
	display: block;
	border-bottom: 2px solid #D70C17;
	margin: 0 auto;
	max-width: 70px;
	margin-top: 10px;
}
.abot-info_text {
	text-align: center;
	color: #4b4e51;
	font-size: 22px;
}
.advantages {
	background: #fff;
	padding: 70px 0;
}
.advantages__body {
	padding: 40px 0;
}
.advantages__block-img {
	margin: 0 auto;
	display: block;
	max-width: 100%;
	margin-bottom: 20px;
}
.advantages__block-title {
	text-align: center;
	font-size: 15px;
	color: #4B4E51;
}
.advantages__block-info {
	text-align: center;
	color: #4B4E51;
	font-size: 14px;
}
.advantages__distantion {
	text-align: center;
	margin-top: 70px;
}
.advantages__distantion p {
	font-size: 17px;
	color: #4B4E51;
	font-weight: 500;
}
.advantages__distantion a {
	background: #D70C17;
	color: #fff;
	padding: 7px 15px;
	border-radius: 10px;
}
.product-info {
	background: url(../img/info-bg.png);
	background-size: cover;
	padding: 70px 0 30px 0;
}
.product-info__question {
	color: color: #4B4E51;
	font-size: 19px;
}
.product-info__block {
	color: color: #4B4E51;
	font-size: 16px;
}


.product-info a {
	font-size: 18px;
	display: inline-block;
	background: #D70C17;
	color: #fff;
	padding: 5px 15px;
	margin-right: 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin-bottom: 20px;
}
.product-info a:hover {
	background: #2C353D;
	color: #fff;
}



.our-service {
	background: #F8F8F8;
	padding: 70px 0 0 0;
}
.our-service_left {
	text-align: center;
	margin-top: 50px;
}
.our-service__right h3{
	font-size: 28px;
	color: #4B4E51;
	margin-bottom: 30px;
}
.our-service__right p{
	font-size: 19px;
	color: #4B4E51;
	margin-bottom: 30px;
}
.our-service__right a {
	margin-top: 80px;
}
.order {
	background: #2C353D;
	padding: 70px 0;

    text-align: center;
}
.order__info {
	color: #9CA0A4;
	font-size: 35px;
	font-weight: 500;
}
.order p a {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
}
.order-ico {
    color: #fff;
    font-size: 30px;
    margin-right: 15px;
}

.my-work {
    background-image: url(../img/web93-image.png);
    background-size: cover;
}
.my-work h2 {
    margin-bottom: 50px;
    font-weight: bold;
    text-align: center;
}
.my-work .slide_item img {
    max-width: 98%;
    border: 3px solid #efefef;
}
.my-work .next_button {
        color: #000;
    padding: 0px 11px;
    background-color: #fff;
    top: 30%;
    border: 1px solid #fff;
    border-radius: 50%;
    font-size: 25px;
}
.my-work .prev_button {
        color: #444;
        background-color: #fff;
    padding: 0px 11px;
    top: 30%;
    border: 1px solid #fff;
    border-radius: 50%;
    font-size: 25px;
}


.contacts {
	background: #fff;
	padding: 70px 0;
}
.contacts__title {
	font-size: 26px;
	color: #4B4E51;
}
.contacts__block {
	font-size: 18px;
	color: #4B4E51;
}
.contacts__block i {
	color: #D70C17;
}
footer {
	background: #2C353D;
	padding: 70px 0;
	color: #9CA0A4;
}
.footer__block-title {
	font-size: 20px;
}
.footer__block-center, .footer__block-right {
	text-align: right;
}
.footer__block-center a {
	color: #9CA0A4;
}
.footer__block-center a:hover {
	color: #D70C17;
}
.block__right-title {
	font-size: 16px;
	font-weight: bold;
}
.block__right-phone {
	color: #9CA0A4;
}
.block__right-phone:hover {
	color: #D70C17;
}
.footer__wh-btn {
	background: #0CC243;
	color: #EEFAFA;
	border-radius: 10px;
	padding: 5px 10px;
	transition: all ease .4s;
}
.footer__wh-btn:hover {
	background: #EEFAFA;
	color: #0CC243;
	border-radius: 10px;
	padding: 5px 10px;
}
.footer__vb-btn {
	background: #9069AE;
	color: #EEFAFA;
	border-radius: 10px;
	padding: 5px 10px;
	transition: all ease .4s;
}
.footer__vb-btn:hover {
	background: #EEFAFA;
	color: #9069AE;
	border-radius: 10px;
	padding: 5px 10px;
}
.urservise {
	background: #fff;
}
.urservise__body img {
	max-width: 100%;
	margin-bottom: 30px;
}
.urservise__body h2 {
	text-align: center;
	color: #4B4E51;
	margin-top: 100px;
	font-size: 25px;
}
.urservise__body ul {
	color: #444444;
}
.urservise__body li {
	color: #444444;
	font-size: 16px;
	margin-bottom: 	20px;
}

.udostover__info {
	font-style: italic;
	padding: 0 10px;
}


.main_comment {
    background-color: #fff;
}
.main_comment h2 {
    font-size: 46px;
    padding: 7px 0 7px 10px;
    margin-bottom: 50px;
    margin-top: 30px;
    text-align: center;
    color: #444;
}
.slider_container {
    width: 100%;
    position: relative;
}
.next_button, 
.prev_button {
    color: #000;
    font-size: 46px;
    position: absolute;
    z-index: 10;
    cursor: pointer;
    top: 20%;
    padding: 0 25px;
    border-radius: 50px;
}
.next_button {
    right: 0px;
}
.prev_button {
    left: 0px;
}
.slide_item {
    text-align: center;
}
.slide_item img {
    margin-bottom: 5px;
}
.slide_item p {
    font-size: 13px;
    color: #444;
    margin-top: 0;
}
.sub_comment {
    text-align: center;
    margin-bottom: 30px;
}
.sub_comment a {
    font-weight: bold;
    color: #F6D427;
    font-size: 14px;
    text-decoration: underline;
}
.comment-yandex-stat {
    text-align: center;
    margin-bottom: 40px;
}





input[type="text"] {
	border: 1px solid #D70C17;
	border-radius: 5px;
    color: #fff;
    font-size: 14px;
    padding: 10px 15px;
    width: 246px;
}
input[type=button] {
    background: #D70C17 none repeat scroll 0 0;
    border: #fff solid 1px;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    margin-left: 10px;
    padding: 10px 20px;
}

.body_slides{
    list-style:none;
    margin:0;
    padding:0;
    z-index:-2; 
    background:#000;
}
.body_slides,
.body_slides:after{
    width:100%;
    height:100%;
    top:0px;
    left:0px;}
.body_slides:after { 
    content: '';
    background: transparent url(url(../pattern.png) repeat top left;
}
.body_slides li{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background-size:cover;
    background-repeat:no-repeat;
    opacity:0;
    -webkit-animation: anim_slides 18s linear infinite 0s;
    -moz-animation: anim_slides 18s linear infinite 0s;
    -o-animation: anim_slides 18s linear infinite 0s;
    -ms-animation: anim_slides 18s linear infinite 0s;
    animation: anim_slides 18s linear infinite 0s;
}
.body_slides li:nth-child(1){
	background-image: url(../img/top-bg.webp) ;
}
.body_slides li:nth-child(2){
	-webkit-animation-delay: 6.0s;
	-moz-animation-delay: 6.0s;
	background-image: url(../img/top-bg-2.webp) ;
}
.body_slides li:nth-child(3){
	-webkit-animation-delay: 12.0s;
	-moz-animation-delay: 12.0s;
	background-image: url(../img/top-bg-3.webp) ;
}
@-webkit-keyframes anim_slides {
	0% {opacity:0;}
	6% {opacity:1;}
	34% {opacity:1;}
	60% {opacity:0;}
	100% {opacity:0;}
}
@-moz-keyframes anim_slides {
	0% {opacity:0;}
	6% {opacity:1;}
	34% {opacity:1;}
	60% {opacity:0;}
	100% {opacity:0;}
}




/* начало кнопки звонка */
.callback-bt {
        background:#0CC243;
        border-radius:50%;
        cursor:pointer;
        height:68px;
        text-align:center;
        width:68px;
        position: fixed;
        left: 7%;
    bottom: 3%;
        z-index:999;
        transition:.3s;
        -webkit-animation:hoverWave linear 1s infinite;
        animation:hoverWave linear 1s infinite;
}

.callback-bt .text-call{
        height:68px;
        width:68px;        
        border-radius:50%;
        position:relative;
        overflow:hidden;
}

.callback-bt .text-call span {
    text-align: center;
    color:#38a3fd;
    opacity: 0;
    font-size: 0;
        position:absolute;
        right: 4px;
        top: 22px;
    line-height: 14px;
        font-weight: 600;
    text-transform: uppercase;
    transition: opacity .3s linear;
    font-family: 'montserrat', Arial, Helvetica, sans-serif;
}

.callback-bt .text-call:hover span {
    opacity: 1;
        font-size: 11px;
}
.callback-bt:hover i {
    display:none;
}

.callback-bt:hover {
        z-index:1;
        background:#fff;
        color:transparent;
        transition:.3s;
}
.callback-bt:hover i {
        color:#38a3fd;
        font-size:40px;
        transition:.3s;
}
.callback-bt i {
        color:#fff;
        font-size:34px;
        transition:.3s;
        line-height: 66px;transition: .5s ease-in-out;
}

.callback-bt i  {
    animation: 1200ms ease 0s normal none 1 running shake;
        animation-iteration-count: infinite;
        -webkit-animation: 1200ms ease 0s normal none 1 running shake;
        -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes hoverWave {
        0% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 0 rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
}
40% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 15px rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
}
80% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 26.7px rgba(56,163,253,0.067)
}
100% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 40px rgba(56,163,253,0.0)
}
}@keyframes hoverWave {
        0% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 0 rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
}
40% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 15px rgba(56,163,253,0.2),0 0 0 0 rgba(56,163,253,0.2)
}
80% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 26.7px rgba(56,163,253,0.067)
}
100% {
        box-shadow:0 8px 10px rgba(56,163,253,0.3),0 0 0 30px rgba(56,163,253,0),0 0 0 40px rgba(56,163,253,0.0)
}
}

/* animations icon */

@keyframes shake {
0% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
10% {
    transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
}
20% {
    transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
}
30% {
    transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
}
40% {
    transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg);
}
50% {
    transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg);
}
60% {
    transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
}
70% {
    transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg);
}
80% {
    transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg);
}
90% {
    transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg);
}
100% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
}

@-webkit-keyframes shake {
0% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
10% {
    transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        -webkit-transform: rotateZ(-30deg);
}
20% {
    transform: rotateZ(15deg);
        -ms-transform: rotateZ(15deg);
        -webkit-transform: rotateZ(15deg);
}
30% {
    transform: rotateZ(-10deg);
        -ms-transform: rotateZ(-10deg);
        -webkit-transform: rotateZ(-10deg);
}
40% {
    transform: rotateZ(7.5deg);
        -ms-transform: rotateZ(7.5deg);
        -webkit-transform: rotateZ(7.5deg);
}
50% {
    transform: rotateZ(-6deg);
        -ms-transform: rotateZ(-6deg);
        -webkit-transform: rotateZ(-6deg);
}
60% {
    transform: rotateZ(5deg);
        -ms-transform: rotateZ(5deg);
        -webkit-transform: rotateZ(5deg);
}
70% {
    transform: rotateZ(-4.28571deg);
        -ms-transform: rotateZ(-4.28571deg);
        -webkit-transform: rotateZ(-4.28571deg);
}
80% {
    transform: rotateZ(3.75deg);
        -ms-transform: rotateZ(3.75deg);
        -webkit-transform: rotateZ(3.75deg);
}
90% {
    transform: rotateZ(-3.33333deg);
        -ms-transform: rotateZ(-3.33333deg);
        -webkit-transform: rotateZ(-3.33333deg);
}
100% {
    transform: rotateZ(0deg);
        -ms-transform: rotateZ(0deg);
        -webkit-transform: rotateZ(0deg);
}
}
/* конец кнопки звонка */









#button-up{
  display: none;
  position: fixed;
  right: 5px;
  bottom: 1px;			
  color: #fff;
  background-color: rgba(205,124,130,.5);
  text-align: center;
  font-size: 30px;
  padding: 15px;
  transition: .3s;
}
 
#button-up:hover{
  cursor: pointer;
  background-color: rgba(255,209,1,.5);
  color: #444;
  transition: .3s;
}