/*
Theme Name: Queen
Description: 
Version: 1.0
Data: 15.01.2019
Author: D.EGOROV
Author URI: https://b2b-creative.ru
*/

/* Базовые настройки
====================
*/

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Medium.eot');
	src: local('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Medium'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Medium.eot?#iefix') format('embedded-opentype'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Medium.woff') format('woff'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Light.eot');
	src: local('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Light'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Light.eot?#iefix') format('embedded-opentype'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Light.woff') format('woff'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'HelveticaNeueCyr';
	src: url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Bold.eot');
	src: local('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Bold'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Bold.woff') format('woff'),
		url('fonts/HelveticaNeueCyr/HelveticaNeueCyr-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}

@font-face {
    font-family: 'TT Norms';
    src: url('fonts/TTNorms/TTNorms-Light.eot');
    src: local('fonts/TTNorms/TT Norms Light'), local('fonts/TTNorms/TTNorms-Light'),
        url('fonts/TTNorms/TTNorms-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/TTNorms/TTNorms-Light.woff') format('woff'),
        url('fonts/TTNorms/TTNorms-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'TT Norms';
    src: url('fonts/TTNorms/TTNorms-Medium.eot');
    src: local(fonts/TTNorms/'TT Norms Medium'), local('fonts/TTNorms/TTNorms-Medium'),
        url('fonts/TTNorms/TTNorms-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/TTNorms/TTNorms-Medium.woff') format('woff'),
        url('fonts/TTNorms/TTNorms-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}


html,body {
    font-family: HelveticaNeueCyr;
    color: #1d1a24;
    line-height: 1.6;
    background: #fff;
}
body.hiddenbody-x {
	overflow-x: hidden;
}
body.hiddenbody {
    overflow: hidden !important;
}
body.blur .page-frame,
body.compensate-for-scrollbar .page-frame {
    -webkit-filter: blur(7px);
    filter: blur(7px);
    -webkit-box-shadow: -7px 10px 0 0px #222;
    box-shadow: -7px 10px 0 0px #222;
    max-height: 100vh;
}
body.home.compensate-for-scrollbar .page-frame {
    max-height: unset;
}
section {
	position: relative;
    padding: 5rem 0;
}
/* Изображение
====================
*/
img {
	max-width: 100%;
	max-height: 100%;
    height: auto;
}
img[src*=".svg"] {
  width: 100%; 
}
.image_circle,
.image_circle img{
    border-radius: 50%;
}
/* Заголовки
====================
*/
h1 {
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.2;
	margin: 0;
	margin-bottom: 2.5rem;
}
h2 {
	font-size: 1.5rem;
	line-height: 1.2;
	margin: 3rem 0 2rem;
	font-weight: 500;
}
h3 {
    font-size: 1.25rem;
    font-weight: bold;
    margin: 2.5rem 0 1.5rem;
    line-height: 1.4;
}
h4 {
    line-height: 1.1;
    font-weight: 600;
    margin: 1.5rem 0 .5rem;
}
.header h2 {
    font-size: 2.5rem;
    margin-top: 0;
    margin-bottom: 2rem;
}
.header h2 span{
    color: #e31e24;
}
/* Параграфы и ссылки
====================
*/
em, i {
    font-family: HelveticaNeueCyr;
    
}
pre, code, kbd, samp {
    color: #a44945;
    padding: 1rem 3rem;
    display: block;
    border-left: 2px solid;
    margin: 1.5rem 0;
}
a[href^="mailto:"] {
    
}
a, a:focus, input:focus, button:focus {
	outline:none !important;
	text-decoration: none !important;
}
a, a:focus, a:active {
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
a:hover {
}
small {
    font-size: 0.8rem;
}
/* Цитата
====================
*/
blockquote {
    position: relative;
    padding: 3rem 6rem;
    margin: 3rem 0;
    font-size: 1.25rem;
    border-top: 3px solid #e6e6e6;
    border-bottom: 3px solid #e6e6e6;
    font-family: HelveticaNeueCyr;
    font-style: italic;
}
blockquote::before,
blockquote::after {
    content: "";
    position: absolute;
    left: 50%;
    background: #fff url(i/divider.svg) no-repeat center;
    background-size: 3rem;
    width: 5rem;
    height: 1rem;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}
blockquote::before {
	top:0;
}
blockquote::after {
    bottom: -1rem;
}
blockquote p:first-child{
    margin: 0;
}
/* Выравнивание текста
====================
*/
.lt {
	text-align:left !important;
}
.ct {
	text-align:center !important;
}
.rt {
	text-align:right !important;
}
.img_link {
	border:none !important;
}
/* Списки
====================
*/
.list ul,
.list ol {
	padding: 0;
    margin: 0;
}
.list ol { 
	counter-reset: it; 
}
.list ul li,
.list ol li{
    position: relative;
    margin: 0.7rem 0;
    list-style: none;
    padding-left: 2rem;
    line-height: 1.4;
}
.list ul li{
    font-family: HelveticaNeueCyr;
	font-weight: 300;
}
.list ul > li::before {
	content: '';
	position: absolute;
	display: block;
	height: 0.5rem;
	width: 0.5rem;
	border-radius: 50%;
	background-color: #86ccd3;
	opacity: 1;
	left: 1rem;
	top: 0.5;
}
.list ul>li::after{
    display: none;
}
.list ol li::after {
    position: absolute;
    left: 0;
    top: 0%;
	content: counter(item) ". ";
	counter-increment: it;
    color: #000000;
}
/* Кнопки
====================
*/
.button {
    position: relative;
    z-index: 20;
}
.btn {
	position: relative;
	display: inline-block;
	font-weight: 300;
	cursor: pointer;
	border: 0;
	line-height: 5rem;
	font-size: 2rem;
	background-color: #fdd54e;
	max-width: 340px;
	transition: all 500ms ease 0ms;
	width: 100%;
	box-shadow: 0px 5px 10px -5px #838383;
}
.btn:hover,
.btn:active {
    border: 0;
	 background: #86ccd3;
}
.btn-lite,
.btn-lite:visited,
.btn-lite:focus,
.btn-lite:active{
    color: #212529;
    background: rgba(33, 37, 41, 0.1);
    -webkit-box-shadow: none;
            box-shadow: none;
}
.btn-lite:hover,
.btn-lite:active {
    color: #212529;
    background: rgba(33, 37, 41, 0.2);
    -webkit-box-shadow: none;
            box-shadow: none;
}
.btn.disabled, 
.btn[disabled], 
fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}
/* иконки на кнопках
====================
*/
.btn.b-icon {
    padding-right: 4rem;
}
.btn.b-icon::before {
    content: "";
    position: absolute;
    width: 2rem;
    height: 2rem;
    right: 1rem;
    background: center no-repeat;
    background-size: 1.5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.btn.b-icon.b-left::before {
    background-image: url(i/b-left.svg);
}
.btn.b-icon.b-send::before {
    background-image: url(i/b-send.svg);
}
.btn.b-icon.b-phone::before {
    background-image: url(i/b-phone.svg);
    background-size: 2rem 1.2rem;
}
.btn.b-icon.b-mess::before {
    background-image: url(i/b-mess.svg);
}
.btn.b-icon.b-transl::before {
    background-image: url(i/b-transl.svg);
}
.btn.b-icon.b-mail::before {
    background-image: url(i/b-mail.svg);
}
.btn.b-icon.b-mail::before {
    background-image: url(i/b-mail.svg);
}
.btn.b-icon.b-pay::before {
    background-image: url(i/b-pay.svg);
}
.btn.b-icon.b-calc::before {
    background-image: url(i/b-calc.svg);
}
/* разделитель инлайнов, например, в хлебных крошках
====================
*/
.sepa {
    padding: 0 10px;
}
/* Кнопка Наверх
====================
*/
.scrollup{
    width: 3rem;
    height: 3rem;
    position: fixed;
    bottom: 2rem;
    left: 2rem;
    display: none;
    text-indent: -9999px;
    background: url(i/arrow-top.svg) no-repeat center;
    background-size: 1.5rem;
    border: 2px solid transparent;
    z-index: 1;
    opacity: 0.4;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
    border-radius: 50%;
}
.scrollup:hover,
.scrollup:focus,
.scrollup:active{
    border: 2px solid #000;
    opacity: 1;
}
/* Для отложенной загрузки ютуба
====================
*/
.youtube {
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    overflow: hidden;
    -webkit-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out;
    cursor: pointer;
}
.youtube:before {
	content:"";
    background: url("data:image/png;base64,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") no-repeat center center;
    position: absolute;
    height: 100%;
    width: 100%;
}
.youtube:hover:before {
    background: url("data:image/png;base64,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") no-repeat center center;
}
.responsive_video {
position: relative;
padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
}
.responsive_video iframe,
.responsive_video .youtube {
position: absolute;
width: 100%!important;
height: 100%!important;
}

/* Отложенная загрузка изображений 
====================
*/
.responsively-lazy:not(img){
	position:relative;
	height:0
}
.responsively-lazy:not(img)>img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
img.responsively-lazy{
	width:100%;
}
/* Форма
====================
*/
.form{
}
.form a{
    font-weight: normal;
	color: #f40011;
}
.form .form-head {
    line-height: 1.2;
    margin: 0px;
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
    font-weight: bold;
}
.form .form-desk {
	margin: 1rem 0px 0rem;
	font-size: 0.9rem;
}
.form .button {
    margin: 1.5rem 0;
}
.form-group {
	position: relative;
	margin: 1rem auto 0rem;
	text-align: left;
}
/*.form-group label{
    line-height: 1;
    margin-bottom: 0.5rem;
    display: block;
    font-weight: 600;
}*/
.form-group label {
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	padding: 2rem 1rem;
	font-size: 1rem;
	font-weight: 500;
	color: #9a9b99;
}
.form-control:focus ~ label {
	font-size: 0.6rem;
	top: -1.2rem;
	left: 0.2rem;
	opacity: 0.8;
}
.form-group label small{
    color: #f40011;
}
.form-group label.label-none{
	display:none;
}
.wpapTextArea {
	margin:1rem;
}
.form span.add-textarea{
	position:relative;
    color: #000;
    font-weight: 600;
    cursor: pointer;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.form span.add-textarea:hover{
    color: #0299ae;
}
.form span.add-textarea svg:hover,
.form span.add-textarea:hover svg{
    fill: #0299ae;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.form span.add-textarea:not(.opened) + .form-group{
    display: none;
}
.form span.add-textarea.opened + .form-group{
    margin-top: -24px;
}
.form span.add-textarea svg {
    position: absolute;
    left: -2rem;
    top: 0;
    width: 1.2rem;
    height: 1.2rem;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.form span.add-textarea.opened svg{
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
.form-group .message-tooltip, .form-group .message-error {
	position: absolute;
	right: 0rem;
	top: -1.5rem;
	padding: 0.5rem 1rem;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.2;
	background: rgba(0, 0, 0, 0.5);
	z-index: 10;
	color: #f5f6f8;
	font-size: 0.8rem;
	max-width: 80%;
	border-radius: 4px;
	-webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
}
.form-group .message-tooltip:before,
.form-group .message-error:before{	
    content: "";
    position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
    border-width: 1rem 1rem 0 0;
    border-color: rgba(0, 0, 0, 0.5) transparent transparent transparent;
    right: 1rem;
    bottom: -1rem;
}
.form-group.disabled{
	opacity:0.3;
}
.form-control-an {
    position: relative;
    z-index: 2;
    border: 1px solid #a9a9a9;
    border-radius: 5px;
    width: 100%;
    padding: 0.5rem 1rem;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #000;
    font-size: 1rem;
    font-weight: 500;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.group .form-control-an {
    margin-bottom: 0.7rem;
}
.form-control-an.req{
	background: url(i/required.svg) no-repeat top right;
    background-size: 1.5rem;
}
.form-control-an:focus {
    border: 1px solid #49b190;
}
.form-control {
	position: relative;
	z-index: 2;
	border: 0px solid rgb(255, 255, 255);
	border-bottom: 2px solid rgba(255,255,255,0.2);
	border-radius: 0;
	background: transparent;
	margin: 0;
	width: 100%;
	padding: 0rem 1rem;
	height: auto;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #000000;
	font-size: 1rem;
	font-weight: 500;
	-webkit-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	line-height: 5rem;
}
.form-group {position:relative;}
.form-group:before{
	content:"";
	width:100%;
	height:100%;
	left:0;
	top:0;
	position:absolute;
	display:block;
	background-color: #f4f6f2;
}

.form-control:focus {
    border-bottom: 2px solid #f40011;
}
/*.form-control.required{
	background: #f5f6f8 url(i/required.svg) no-repeat top right;
    background-size: 1.5rem;
}*/
textarea.form-control {
    max-height: 209px;
}
.form-control::-webkit-input-placeholder {
    color: #000000 !important;
}
.form-control:-moz-placeholder {
    color: #000000 !important;
}

.form-control:-ms-input-placeholder {
    color: #000000 !important;
}
.form-control:-ms-input-placeholder {
    color: #000000 !important;
}

.form-control:placeholder {
    color: #000000 !important;
}

.form.ct .form-control:-webkit-input-placeholder {
    text-align: center;
}
.form.ct .form-control:-ms-input-placeholder {
    text-align: center;
}
.form.ct .form-control:-ms-input-placeholder {
    text-align: center;
}
.form.ct .form-control:placeholder {
    text-align: center;
}
.form.ct .form-control {
    text-align: center;
}
.form .button {
	margin: 2rem 0 1rem 0;
}
/* Поле добавления файла в форме
====================
*/
.box {
	position: relative;
	z-index: 2;
	text-align: left;
	margin-top: 1rem;
	font-weight: 300;
}
.box lable {mrgin:0 0 4px 0;}
.box input {font-weight: 300;}


/*.box{
    position: relative;
    margin: 1rem auto;
}
.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.inputfile + label {
    font-weight: 700;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    margin: 0;
}
.no-js .inputfile + label {
    display: none;
}
.inputfile:focus + label,
.inputfile.has-focus + label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
}
.inputfile + label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
/*}
.inputfile + label span {
    padding-left: 1rem;
}
.inputfile + label svg {
    width: 16px;
    height: 22px;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -8px;
    margin-right: 0.5rem;
}
.inputmyfile + label {
    color: #000;
    margin-left: -2rem;
}
.inputmyfile:focus + label,
.inputmyfile.has-focus + label,
.inputmyfile + label:hover {
    color: #fff;
}
/* Оформленные чекбоксы и радиокнопки 
====================
*/
input[type="checkbox"],
input[type="radio"] { 
display: none; 
}
input[type="checkbox"] + label,
input[type="radio"] + label {
    display: inline-block;
	position: relative;
	padding-left: 2rem;
	margin-bottom: 0.7rem;
    font-weight: normal;
	line-height: 1.4;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
input[type="checkbox"] + label::before,
input[type="radio"] + label::before {
	content: '';
	position: absolute;
	display: block;
	width: 1rem;
	height: 1rem;
	border: 1px solid #000;
	left: 0;
	top: 1px;
	opacity: 0;
	-webkit-transition: all .12s, border-color .08s;
	-o-transition: all .12s, border-color .08s;
	transition: all .12s, border-color .08s;
}
input[type="checkbox"] + label::after {
	content: '';
	position: absolute;
	display: block;
	width: 1rem;
	height: 1rem;
	border: 1px solid #000;
	left: 0;
	top: 1px;
	opacity: .3;
}
input[type="radio"] + label::before {
	border-radius:50%;
    width: 1.2rem;
    height: 1.2rem;
    opacity: 0.7;
}
input[type="checkbox"]:checked + label::before {
	width: 0.5rem;
    top: -3px;
    left: 6px;
	border: 2px solid #000;
	border-radius: 0;
	opacity: 1;
	border-top-color: transparent;
	border-left-color: transparent;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	    transform: rotate(45deg);
}
input[type="radio"]:checked + label::before{
    border: 1px solid #799840;
    opacity: 1;
}
input[type="radio"]:checked + label::after{
	content: '';
    position: absolute;
	display: block;
    width: 9px;
    height: 9px;
    left: 5px;
    top: 6px;
    background: #799840;
    border-radius: 50%;
}
input[type="radio"]:hover + label {
	color: #799840;
}
input[type="radio"]:hover + label::before {
	border: 2px solid #799840;
    opacity: 1;
}
input[type="checkbox"]:hover + label::after {
    opacity: 1;
}
.checkbox li{
    position: relative;
}
.checkbox-popup{
    position: absolute;
    display: none;
    left: 100%;
    top: 0;
    z-index: 100;
    background: #39383a;
    -webkit-box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.2);
    font-size: 0.7rem;
    white-space: nowrap;
    padding: 0.5rem 1rem;
    color: #fff;
}
.checkbox-popup.visible{
    display: inline-block;
}
.checkbox-popup::before{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17px 15px 17px 0;
    border-color: transparent #39383a transparent transparent;
    top: 50%;
    left: -15px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}
.checkbox-list{
    position: absolute;
    display: inline-block;
    background: #799840;
    padding: 0.5rem 1rem;
    top: 0;
    margin-left: 1rem;
    cursor: pointer;
}
label.agreement-label{
    font-size: 0.7rem;
    color: #666;
}
/* Всплывающие окна
====================
*/
.popup {
	display: none;
    width: 100%;
    max-width: 450px;
    padding: 3rem;
}
.fancybox-bg {
}
.fancybox-is-open .fancybox-bg {
    opacity: 0.5;
}
.fancybox-can-drag .fancybox-content {
    -webkit-box-shadow: 0 1rem 100px -10px rgba(0, 0, 0, 0.2);
            box-shadow: 0 1rem 100px -10px rgba(0, 0, 0, 0.2);
}
.fancybox-container {
    font-family: inherit;
}
.fancybox-slide--current .animate-top{
	-webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
	opacity: 1;
    transition: 
		transform boldms cubic-bezier(.4,0,0,1),
		opacity 0.5s cubic-bezier(.694,0,.335,1),
		-webkit-transform boldms cubic-bezier(.4,0,0,1);
}
.fancybox-slide--current .animate-top:nth-child(1) {
	-webkit-transition-delay: .05s;
	     -o-transition-delay: .05s;
	        transition-delay: .05s;
}
.fancybox-slide--current .animate-top:nth-child(2) {
	-webkit-transition-delay: .1s;
	     -o-transition-delay: .1s;
	        transition-delay: .1s;
}
.fancybox-slide--current .animate-top:nth-child(3) {
	-webkit-transition-delay: .2s;
	     -o-transition-delay: .2s;
	        transition-delay: .2s;
}
.fancybox-slide--current .animate-top:nth-child(4) {
	-webkit-transition-delay: .3s;
	     -o-transition-delay: .3s;
	        transition-delay: .3s;
}
.fancybox-slide--current .animate-top:nth-child(5) {
	-webkit-transition-delay: .4s;
	     -o-transition-delay: .4s;
	        transition-delay: .4s;
}
.fancybox-slide--current .animate-top:nth-child(6) {
	-webkit-transition-delay: .5s;
	     -o-transition-delay: .5s;
	        transition-delay: .5s;
}
.fancybox-slide--current .animate-top:nth-child(7) {
	-webkit-transition-delay: .6s;
	     -o-transition-delay: .6s;
	        transition-delay: .6s;
} 
.fancybox-content {
    overflow: visible;
}
.fancybox-close-small {
    height: 3rem;
    padding: 0.5rem;
    right: 0.5rem;
    top: 0.5rem;
    width: 3rem;
}
.fancybox-is-open .fancybox-bg {
    /* opacity: .2; */
}
/* Окно соглашения на политику конфиденциальности
====================
*/
#modal-not-agreement{
    display: none;
    position: fixed;
    text-align: center;
    width: 90%;
    max-width: 500px;
    padding: 4rem;
    background-color: white;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 99999;
    overflow: hidden;
    border: 0;
    -webkit-box-shadow: 0 0px 60px rgba(0, 0, 0, 0.15);
            box-shadow: 0 0px 60px rgba(0, 0, 0, 0.15);
}
#modal-not-agreement h2{
    color: #000;
    font-size: 1.875rem;
    font-weight: normal;
    text-align: center;
    text-transform: none;
    position: relative;
    margin: 1.5rem 0;
    padding: 0;
    display: block;
}
#modal-not-agreement .icon{
    width: 4rem;
    height: 4rem;
    border: 1px solid #de0000;
    border-radius: 50%;
    margin: 1.25rem auto;
    padding: 0;
    position: relative;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
}
#modal-not-agreement .icon svg{
    stroke: #de0000;
    fill: none;
    width: 1.5rem;
    height: 4rem;
}
#modal-not-agreement .btn{
    margin-top: 2rem;
}
#modal-not-agreement__overlay{
    display: none;
    position: fixed;
    background: #000;
    opacity: 0.5;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9998;
}
/* Базовое оформление пагинации
====================
*/
#pagination .nav-links {
      text-align: center;
}
#pagination .nav-links .page-numbers {
    border: 1px solid;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    display: inline-block;
    font-weight: 500;
     margin: 0 3px;
}
#pagination .nav-links .page-numbers:hover {
}
#pagination .nav-links .page-numbers.dots {
      border: 0;
}
#pagination .nav-links .page-numbers.current {
}
#pagination .nav-links .page-numbers.prev,
#pagination .nav-links .page-numbers.next {
      border: 0;
     width: 4rem;
}
/*Базовое оформление поля поиска
====================
*/
.search {
    position: relative;
}
.search-form {
    position: relative;
}
.search-field {
    border-radius: 1.5rem;
    border: 2px solid #DDDDDD;
    background: white;
    padding: 0.5rem 3.5rem 0.5rem 1rem;
    width: 100%;
}
.search-form:hover  .search-fiel,
.search-form:hover .search-submit {
    opacity: 1;
}
.search-field:focus,
.search-field:focus:hover {
    border: 2px solid #799840;
}
.search-submit {
    position: absolute;
    top: 0;
    right: 0.5rem;
    height: 40px;
    width: 40px;
    padding: 0;
    border: 0;
    text-indent: -9999px;
    background: url(i/search.svg) no-repeat center;
    background-size: 1.25rem;
    opacity: 0.5;
	cursor:pointer;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
/* Хлебные крошки
====================
*/
#breadcrumbs {
	padding-bottom: 1.5rem;
	margin-top: 1.3rem;
}
#breadcrumbs, #breadcrumbs a {
	color: #000;
	text-transform: uppercase;
	font-size: 1rem;
	text-transform: none;
	letter-spacing: 0rem;
}
#breadcrumbs a{
    color: #878787;
	font-weight: 300;
	border-bottom:0;
}
#breadcrumbs a:hover{
    color:#000000;
}
.singlepage #breadcrumbs span span span  span span,
.title-hide #breadcrumbs .breadcrumb_last,
.title-hide #breadcrumbs .current {
	display: none;
}

/* Меню. Иконка бургера
====================
*/
.mobile-icon  {
    position: relative;
    z-index: 100000;
}
.mobile-icon .close {
    width: 0rem;
    margin-right: 50px;
}
.mobile-icon .close .close-text{
    color: #666;
    text-transform: uppercase;
    letter-spacing: 2px;
    -webkit-transition: .5s ease-out;
    -o-transition: .5s ease-out;
    transition: .5s ease-out;
    opacity: 0;
    -webkit-transform: translateX(150%);
    -ms-transform: translateX(150%);
    transform: translateX(150%);
    text-align: right;
}
.open {
	position: absolute;
	top: 1.2rem;
	right: 15px;
	width: 30px;
	height: 20px;
	display: block;
	cursor: pointer;
	overflow: hidden;
	z-index: 100;
	-webkit-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}
.open span {
	display: block;
	height: 2px;
	width: 20px;
	background-color: #1d1a24;
	position: absolute;
    right: 0px;
	top: 0px;
	overflow: hidden;
    -webkit-transition: all .42s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .42s cubic-bezier(.645, .045, .355, 1);
    transition: all .42s cubic-bezier(.645, .045, .355, 1);
}
.open span:nth-child(1){
	margin-top: 3px;
	width: 30px;
	z-index: 9;
}
.open span:nth-child(2) {
	margin-top: 9px;
	width: 30px;
}
.open span:nth-child(3) {
    margin-top: 15px;
	width: 10px;
	width: 30px;
}
.open:hover span {
	width: 30px;
	background-color: #1d1a24;
}
/* Меню. Открытое меню
====================
*/
.active.mobile-icon .open span {
	width: 30px;
	background-color: #000000;
}
.active.mobile-icon span:nth-child(2) {
  overflow: visible;
}
.active.mobile-icon span:nth-child(1), 
.active.mobile-icon span:nth-child(3) {
	z-index: 100;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	    transform: rotate(-45deg);
}
.active.mobile-icon span:nth-child(1) {
    margin-top: -1px;
	-webkit-transform: rotate(-45deg) translateY(7px) translateX(-7px);
	-ms-transform: rotate(-45deg) translateY(7px) translateX(-7px);
	    transform: rotate(-45deg) translateY(7px) translateX(-7px);
}
.active.mobile-icon span:nth-child(2) {
	left:-30px;
	width: 0px;
}
.active.mobile-icon span:nth-child(3) {
	-webkit-transform: rotate(45deg) translateY(-4px) translateX(-4px);
	-ms-transform: rotate(45deg) translateY(-4px) translateX(-4px);
	    transform: rotate(45deg) translateY(-4px) translateX(-4px);
}
/* Меню. Мобильное меню
====================
*/
.mobile {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1001;
    color: #000000;
    background: #ffffff;
    font-weight: 300;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
        transform: translateY(-100%);
    -webkit-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    padding: 2rem;
}
.mobile.active{
    visibility: visible;
    opacity: 1;
    overflow-y: auto;
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
        transform: translateY(0%);
    -webkit-transition: .3s ease-out 0.3s;
    -o-transition: .3s ease-out 0.3s;
    transition: .3s ease-out 0.3s;
}
.mobile .descriptor{
    margin-bottom: 2rem;
}

.search .search-form {
	font-weight: 300;
}
.search .search-field {
	border-radius: 0;
	border: 2px solid #838383;
	background: white;
	padding: 0.5rem 1rem 0.5rem 2.5rem;
	width: 100%;
	font-weight: 300;
	transition:all 500ms ease 0ms;
}
.search .search-field:focus{
	border: 2px solid #86ccd3;
}
.search .search-submit {
	position: absolute;
	top: 0;
	right: unset;
	height: 40px;
	width: 40px;
	padding: 0;
	border: 0;
	text-indent: -9999px;
	background: url(i/loupe.jpg) no-repeat center;
	background-size: 1.25rem;
	opacity: 0.5;
	cursor: pointer;
	-webkit-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	left: 0rem;
}

.mobile a {color:#000000;}
.mobile a:hover {color:#000000;}
.mobile .descriptor{
    margin-bottom: 2rem;
}

#menu-main a {
	color: #000000;
	font-size: 1.2rem;
}
#menu-main li {margin-bottom:0.5rem;}
#menu-main .sub-menu {margin-left:2rem;}
#menu-main .sub-menu li {margin-bottom:0rem;}
#menu-main .sub-menu a {font-size: 1rem;}
#menu-main .sub-menu .sub-menu {display:none;}
/* Базовое оформление слайдера
====================
*/
.slider .slick-slide{
    -webkit-transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.slider .item{
	border:0;
}
.slider .slick-current,
.slider-nav .slick-slide:hover{
      opacity: 1;
}
.slider-nav{
    cursor:pointer;
}
.slider .slick-arrow {
	position: absolute;
	/* text-indent: -9999px; */
	width: 5rem;
	height: 5rem;
	z-index: 10;
	background: no-repeat center;
	background-size: 1.5rem;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	border: 0px solid rgba(33, 37, 41, 0.2);
	border-radius: 0;
	bottom: 0;
	cursor: pointer;
	font-size: 0;
	background-color: #86ccd3;
}
.slider .slick-arrow:active{
    /*  -webkit-transform: translateY(4px);
          -ms-transform: translateY(4px);
              transform: translateY(4px);*/
    -webkit-transition: all 0.1s ease-in-out 0s;
    -o-transition: all 0.1s ease-in-out 0s;
    transition: all 0.1s ease-in-out 0s;
}
.slider .slick-arrow::before, 
.slider .slick-arrow::after {
    position: absolute;
    content: "";
    display: block;
    background: no-repeat center;
    background-size: 1.25rem;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 50%;
}
.slider .slick-arrow:hover{
    border: 0px solid rgba(121, 152, 64, 1);
	background-color: #fdd54e;
}
.slider .slick-next{
    right: -3rem;
}
.slider .slick-prev{
    left: -3rem;
}
/*.slider .slick-next::after{
    background-image: url(i/arrow-right.svg);
}
.slider .slick-prev::after{
    background-image: url(i/arrow-left.svg);
}*/
.slider_controls .slick-dots li {
    margin: 0 .5rem;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 5px;
}
.slider_controls .slick-dots button{
      border: 0;
     margin: 2px;
    background: transparent;
    display: block;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    width: .5rem;
    height: .5rem;
    color: transparent;
    border-radius: 50%;
    background-color: #000;
    cursor: pointer;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.slider_controls .slick-dots .slick-active button{
    background: #799840;
}
img.responsively-lazy {
    width: 100%;
    height: 100%;
}
.slider .slick-dots{
    position: absolute;
    width: 100%;
    bottom: -2rem;
}
.slider .slick-dots li {
    display: inline-block;
    margin: 0 1rem;
}
.slider .slick-dots li button{
    border: 0;
    text-indent: -9999px;
    width: 2.5rem;
    height: 2px;
    display: inline-block;
    padding: 0;
    background: #bababa;
    cursor: pointer;
}
.slider .slick-dots li.slick-active button{
    background: #799840;
    height: 3px;
}
.slider-grid .slick-slide {
    margin: 1.5rem;
}
.slider-grid .item {
    -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 30px rgba(0, 0, 0, 0.15);
}
.slick-slide {
    margin: 0.5rem;
}
.slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.slick-track .slick-slide {
}



/* Дизайн сайта
===================================================================*/


#header {
 
}
#header .row{
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    margin: 0;
    height: 70px;
}
#header .col{
    padding: 0;
}
#header .col:nth-child(1){
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 12rem;
	        flex: 0 0 12rem
}
#header .col:nth-child(2){
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto
}
#header .col:nth-child(3){
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 12rem;
	        flex: 0 0 12rem
}
#header .col:nth-child(4){
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 15rem;
	        flex: 0 0 15rem
}
.logo img{
    max-width: 14rem;
}
#header .phone{
    display: inline-block;
    border: 0;
    color: #000;
    font-weight: bold;
    font-size: 1.25rem;
}
#header .phone:before {display:none;}
#header .btn{
    padding: 0.6rem 4rem 0.6rem 1.4rem;
    height: 40px;
}
#header .descriptor{
    line-height: 1.4;
}




/* Меню
====================
*/
#menu{
    position: relative;
    z-index: 10;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #e6e6e6;
    -webkit-box-shadow: 0 1px 6px 0 #00000019;
    box-shadow: 0 1px 6px 0 #00000019;
}
#menu.oppenned{
    display: none;
}
#menu .row{
    height: 3rem;
}
#menu .links{
    margin-top: -5px;
}
#menu .links a{
    font-size: 0.8rem;
    line-height: 0.8rem;
    display: inline-block;
    padding: 4px 0 4px 1.5rem;
    margin-left: 1.25rem;
    text-transform: uppercase;
    border: 0;
    background: no-repeat center left;
    background-size: 1rem;
}
#menu .links .calc {
	background-image: url(i/plus.svg);
}
#menu .links .pay {
	background-image: url(i/pay.svg);
}
.menu_block .menu-item{
    list-style: none;
    display: inline-block;
    padding: 0;
    margin: 0;
    position: relative;
    float: left;
}
.menu_block .menu-item a{
    margin-right: 2.4rem;
    display: inline-block;
    position: relative;
    border: 0;
    border-bottom: 3px solid transparent;
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 0.6px;
    color: #1d1a24;
    text-transform: uppercase;
    margin-top: 3px;
}
.menu_block .menu-item a::before {
    content: "";
    position: absolute;
    left: 1rem;
    right: 1rem;
    height: 1px;
    background: #fff;
    bottom: 1rem;
    opacity: 0;
}
.menu_block .current-menu-item a,
.menu_block .menu-item a:hover {
    border-bottom-color:  #799840;
}
/* Подменю
====================
*/
.menu_block .sub-menu {
	text-align: left;
	display: none;
	margin: 0;
	padding: 0;
	left: 0;
	position: absolute;
	top: 100%;
	z-index: 1;
	background: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.menu_block .sub-menu .sub-menu{
	right: 0;
	left: 100%;
	top: 0;
	width: 380px;
}
.menu_block ul li:hover > .sub-menu {
	display: block;
} 
.menu_block .sub-menu li{
	display: block;
	width: 100%;
}
.menu_block .sub-menu li a,
.menu_block .sub-menu .sub-menu li a,
.menu_block .sub-menu:hover .sub-menu li a{
    color: #000;
    padding: 0.8rem 1.25rem;
    border: none;
    border-top: 1px solid #f3f3f3;
    border-bottom: 0px;
    background: #fff;
    font-size: 0.9rem;
    position: relative;
    display: block;
    white-space: nowrap;
    margin: 0;
    text-transform: none;
    font-weight: 400;
}
.menu_block .sub-menu .sub-menu li a,
.menu_block .sub-menu:hover .sub-menu li a{
    padding: 0.5rem 1rem;
}
.menu_block .sub-menu li.current-menu-item a,
.menu_block .sub-menu li.current-menu-parent a,
.menu_block .sub-menu li.current-post-ancestor a{
	color: #000;
}
.menu_block .sub-menu li:first-child a{
    border-top: 0;
    margin: 0;
    text-transform: none;
    letter-spacing: 0;
}
.menu_block .sub-menu li:hover a,
.menu_block .sub-menu .sub-menu li:hover a,
.menu_block .sub-menu li.current-menu-item a,
.menu_block .sub-menu li.current-menu-parent a,
.menu_block .sub-menu li.current-post-ancestor a{
	color: #fff;
	background: #799840;
    border-bottom: 0px;
}
.menu_block .sub-menu li:first-child::before,
.menu_block .sub-menu .menu-item a::before,
.menu_block .sub-menu .menu-item a::after{
	display: none;
}


/* Карта
====================
*/
#map_block{
    position: relative;
    height: 500px;
}
#map{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: #1d1a23;
}
#map img {
    max-width: none;
    max-height: none;
}
/* Рамка для отзывов
====================
*/
.frame{
    position: relative;
    display: block;
    border: 0;
    padding: 22px 20px;
    margin-bottom: 30px;
    -webkit-box-shadow: 5px 15px 50px -20px #000;
            box-shadow: 5px 15px 50px -20px #000;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.frame.mini{
    padding: 13px 9px;
}
.frame:hover{
    border: 0;
    -webkit-box-shadow: 0px 15px 50px -15px #000;
            box-shadow: 0px 15px 50px -15px #000;
}
.frame::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
	background: no-repeat center;
	background-image: url(i/frame.webp);
    background-size: 100% 100%;
}
.no-webp .frame::after {
	background-image: url(i/frame.png);
}
.frame::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
	opacity:0;
    background: rgba(100, 128, 49, 0.8) url(i/zoom.svg) no-repeat center;
    background-size: 3rem;
    -webkit-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
.frame:hover::before{
	opacity:1;
}
p {font-weight: 300;}
.header {margin-bottom:2rem;}


/* home */
.home .page-frame { overflow-x:hidden; max-height: unset;}


/* header */
#header  {}
#header .flexWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	font-weight: 300;
	font-size: 1.25rem;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 1rem 0;
	margin: 0 -1rem;
	line-height: 1.4;
}
#header .flexWrap .flexItem {}
#header .logo {}
#header .logo a {}
#header .logo a img {}
#header .headerLoc {
	background-image: url(i/map.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 1.5rem 0 1rem 5rem;
	margin-top: -1rem;
}
.headerDel {
	background-image: url(i/aerplane.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 1.5rem 0 1rem 5.5rem;
	margin-top: -1rem;
}
.headerCon {}
#header .phone {
	display: inline-block;
	border: 0;
	color: #000;
	font-weight: bold;
	font-size: 1.5rem;
	font-family: TT Norms;
	background-image: url(i/phone.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 2rem;
}
#header .btn {
	padding: 0;
	height: unset;
	color: #000000;
	text-transform: none;
	font-size: 1.2rem;
	border: 0;
	box-shadow: unset;
	background-repeat: no-repeat;
	background-position: left bottom;
	font-weight: 300;
	position: relative;
	margin-left: 2rem;
	border-bottom: 1px solid #000000;
	border-radius: 0;
	background:unset;
	transition:all 500ms ease 0ms;
}
#header .btn:before {
	content: "";
	position: absolute;
	display: block;
	background: url(i/callMe.jpg);
	width: 27px;
	height: 27px;
	left: -2.5rem;
	top: 0.4rem;
}
#header .btn:hover{
	color:#86ccd3;
	border-bottom: 1px solid #86ccd3;
}
.headerBtn {
	line-height: unset;
	width: unset;
	font-size: 0.9rem;
}



/* mainMenu */
.mainMenu {
	background-color: #f4f6f2;
	position: relative;
	z-index: 2;
}
.mainMenu .flexWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.mainMenu .flexWrap .flexItem {}
.mainMenu .search .search-form {
	width: 310px;
	font-weight: 300;
}
.mainMenu .search .search-field {
	border-radius: 0;
	border: 2px solid #ffffff;
	background: white;
	padding: 0.5rem 1rem 0.5rem 2.5rem;
	width: 100%;
	font-weight: 300;
	transition:all 500ms ease 0ms;
}
.mainMenu .search .search-field:focus{
	border: 2px solid #86ccd3;
}
.mainMenu .search .search-submit {
	position: absolute;
	top: 0;
	right: unset;
	height: 40px;
	width: 40px;
	padding: 0;
	border: 0;
	text-indent: -9999px;
	background: url(i/loupe.jpg) no-repeat center;
	background-size: 1.25rem;
	opacity: 0.5;
	cursor: pointer;
	-webkit-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	left: 0rem;
}
.label-place {}


#menu-main-1 {
	font-size: 1.375rem;
	font-weight: 300;
	padding: 1.5rem 0;
}
#menu-main-1 > li {
	position: relative;
	display: inline-block;
	margin-right: 1.5rem;
}
#menu-main-1 .sub-menu {
	display:none;
	position:absolute;
	opacity: 1;
	transition:all 500ms ease 0ms;
	}
#menu-main-1 li:hover>.sub-menu {
	display: block;
	background-color: #eff1ed;
	border: 1px solid #f4f6f2;
	padding: 1rem 2rem;
	font-size: 1.2rem;
	opacity: 1;
}
#menu-main-1 .sub-menu li {
	position:relative;
}
#menu-main-1 li:hover>.sub-menu .sub-menu {
	opacity: 1;
	left:100%;
	background-color: #e4e5e2;
	top: 0;
}
#menu-main-1 a {
	border: 0;
	color: #000000;
}
#menu-main-1 a:hover {
	border: 0;
	color: #86ccd3;
}
#menu-main-1 .sub-menu a {
	font-size: 1rem;
	line-height: 1.2;
	white-space: pre;
}
.label-place {
	display: block;
	background-image: url(i/cart.png);
	width: 27px;
	height: 26px;
	position: relative;
	
}
.jqcart-title {display:none;}
.jqcart-total-cnt {
	position: absolute;
	background-color: #86ccd3;
	padding: 0 0.5rem;
	border-radius: 0.8rem;
	color: #ffffff;
	font-size: 0.9rem;
	top: -0.5rem;
	right: -1rem;
	cursor:pointer;
}

.prod-slider .item {
    height: 100%;
    position: relative;
	z-index: 1;}
 
.prod-slider  .slider-track {
    transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  }
.prod-slider  img {
      width: 100%;
      -webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
      -o-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
      transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
      -webkit-transform: scale(1.2);
          -ms-transform: scale(1.2);
              transform: scale(1.2);
    }
.prod-slider .slick-active img {
      -webkit-transform: scale(1);
          -ms-transform: scale(1);
              transform: scale(1);
    }	


.articul {
	margin-top: -1.7rem;
	font-size: 1.125rem;
}
.articul span {
	font-weight:300;
}
.articul + hr {
	border: 0;
	height: 1px;
	background-color: #f4f6f2;
	margin: 0.5rem 0 2rem;
}

.prodBaseInfo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.wrapProgGallery {
	width: calc(100%/3);
	max-width: 468px;
	margin-right: 3rem;
}
.prod-slider .slick-slide {margin:0px;}
.prod-slider.slider .slick-next {
	width: 3rem;
	line-height: 3rem;
	height: 3rem;
}
.prod-slider.slider .slick-prev {
	width: 3rem;
	line-height: 3rem;
	height: 3rem;
	right: 3rem;
}
.prod-slider.slider .slick-next::after {
	text-indent: unset;
	line-height: 3rem;
	font-size: 1.5rem;
}
.prod-slider.slider .slick-prev:after {
	text-indent: unset;
	line-height: 3rem;
	font-size: 1.5rem;
}

.wrapProgChar {
	width: calc(100%/3);
	padding-left: 3rem;
}


.wrapProgBay {
	width: calc(100%/3);
	padding: 2.5rem 2rem;
	background-color: #f4f6f2;
}
.prodPrice {
	font-size: 1.5rem;
	font-weight: bold;
	display: inline-block;
}
.prodSale {
	color: #ff0000;
	font-size: 0.9rem;
	font-weight: 300;
}
.prodPrice.crossed span {
	display: inline-block;
	position: relative;
}
.prodPrice.crossed span:before {
	content: "";
	position: absolute;
	display: block;
	left: 0;
	top: 50%;
	width: 100%;
	height: 2px;
	background-color: #000000;
}
.add_item, .add_item:hover, .add_item:active, .add_item:focus {
	background-image: url(i/cart.png);
	background-repeat: no-repeat;
	background-position: 2rem center;
	line-height: 4rem;
	max-width: 15rem;
	font-size: 1.5rem;
	font-weight: 500;
	padding: 0 0 0 01rem;
}
.cardProdInfo .add_item, .cardProdInfo .add_item:hover, .cardProdInfo .add_item:active, .cardProdInfo .add_item:focus {
	font-size: 1rem;
	width: 3rem;
	background-position: center;
	background-size: 1.4rem;
	display: block;
	line-height: 3rem;
	height: 3rem;
	padding: 0;
	background-color: #f0f0f0;
	border-radius: 50%;
}
.cardProdInfo .add_item:hover {
	background-color:#fdd54e;
}

.prodSalePrice {
	font-size: 1.5rem;
	color: #ff0000;
	display: inline-block;
}
.deliveryBlock {margin: 2rem 0 0 0; }
.deliveryBlock span {display:block; font-weight:500; color:#000000;}
.deliveryBlock > div {
	font-weight: 300;
	margin: 0.5rem 0;
	line-height: 1.2;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 32px auto;
	padding-left: 3.5rem;
	font-size: 0.8rem;
	color: #666;
}
.deliveryBlockItem1 {background-image: url(i/ico1.png);}
.deliveryBlockItem2 {background-image: url(i/ico2.png);}
.deliveryBlockItem3 {background-image: url(i/ico3.png);}

.wrapMarker.active {display:block;}
.wrapMarker {
	display: none;
	margin-top: 1.5rem;
}

.ancorBlock {
	margin-top: 8.4rem;
	font-size: 1.5rem;
	border-bottom: 2px solid #f4f6f2;
}
.ancorBlock ul {}
.ancorBlock ul li {
	display: inline-block;
	margin-right: 4.5rem;
}
.ancorBlock ul li .ancor {
	cursor: pointer;
	color: #838383;
	padding-bottom: 0.6rem;
	display: block;
	position:relative;
	transition:all 500ms ease 0ms;
}
.ancorBlock ul li .ancor:hover{
	color:#000000;
}
.ancorBlock ul li .ancor.active{
	color:#000000;
}
.ancorBlock ul li .ancor.active:before{
	content: "";
	position: absolute;
	display: block;
	height:2px;
	width:100%;
	background:#000000;
	left:0px;
	bottom:0px;
}


.flexWrap.characteristic {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	border-bottom: 1px dashed #838383;
	color: #838383;
	padding: 0.4rem 0 0 0;
	line-height: 1;
	margin: 0.8em 0;
}
.flexWrap.characteristic .flexItem {
	position: relative;
}
.flexWrap.characteristic .flexItem span{
	position: relative;
}
.flexWrap.characteristic .flexItem::before {
	content: "";
	position: absolute;
	display: block;
	background-color: #ffffff;
	width: 100%;
	height: calc(100% + 7px);
	top: 0;
	left: 0;
	z-index: 0;
}
.prodListVal {color:#000000;}


.prodSeeAlso-slide {margin-bottom: 5rem;}
.prodSeeAlso-slide.slider .slick-prev {top:-5rem; bottom:unset;}
.prodSeeAlso-slide.slider .slick-next {top:-5rem; bottom:unset;}

.cardProd {
	position: relative;
	transition:all 500ms ease 0ms;
	overflow:hidden;
}
.cardProd:hover {
	box-shadow: 0 0 10px #999999;
}
.prodPhoto {
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	border: 0px;
	cursor: pointer;
	background-size: cover;
	margin-bottom: 1rem;
}
.cardProdInfo {
	padding: 0 1rem;
}
.cardProdLink {
	line-height: 1.4;
}
.cardProdLink a {
	color: #000000;
	font-size: 1.25rem;
	border: 0;
	cursor: pointer;
}
.cardProd .flexWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin: 1rem 0 3rem 0;
}
.cardProdPrice, .cardProdSalePrice {
	font-size: 2rem;
	line-height: 1;
}
.cardProdPrice.crossed {
	font-size: 1.25rem;
	font-weight:300;
	position:relative;
	line-height: 1;
}
.cardProdPrice.crossed span {
	display: inline-block;
	position: relative;
}
.cardProdPrice.crossed span:before {
	content: "";
	position: absolute;
	display: block;
	left: 0;
	top: 50%;
	width: 100%;
	height: 1px;
	background-color: #000000;
}

.cardProdSale {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.5rem;
	padding: 0.7rem 0 0 0rem;
	width: 70px;
	text-align: center;
}
.cardProdSale::before {
	content: "";
	position: absolute;
	display: block;
	width: 150px;
	height: 150px;
	background-color: #86ccd3;
	z-index: -1;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	left: -75px;
	top: -75px;
}
.cardProdCall {
	position: absolute;
	top: 0.6rem;
	right: 0.6rem;
	opacity: 0;
	-webkit-transition: all 500ms ease 0ms;
	-o-transition: all 500ms ease 0ms;
	transition: all 500ms ease 0ms;
	-webkit-transform:translate(10px, -10px);
	    -ms-transform:translate(10px, -10px);
	        transform:translate(10px, -10px);
}
.cardProd:hover .cardProdCall {
	-webkit-transform:translate(0px, 0px);
	    -ms-transform:translate(0px, 0px);
	        transform:translate(0px, 0px);
	opacity: 1;
}
.cardProdCall a {
	background-image: url(i/phone2.png);
	display: block;
	width: 28px;
	height: 28px;
	background-repeat: no-repeat;
}


/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/* home-page */
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
.imgWrap, .bgImg, .bgText {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.imgWrap img, .bgImg img {
	position: absolute;
	max-width: unset;
	max-height: unset;
}


/* offer */
#offer {
	height: 53.2rem;
	background-image: url(i/offerBg.jpg);
	padding-top: 8rem;
}
#offer h1 {
	margin: 2.5rem 0 0 3.5rem;
	font-size: 3.5rem;
	letter-spacing: 2px;
	position:relative;
}
#offer h1::before {
	position: absolute;
	content: "";
	display: block;
	background-image: url(i/headdingBefore.png);
	width: 116px;
	height: 116px;
	left: -3.5rem;
	top: -3rem;
}
.offerText {
	margin: 2.5rem 0 0 3.5rem;
	font-size: 2rem;
	font-weight: 300;
	line-height: 1.4;
}
.offerImg1 {
	left: calc(100% - 2.5rem);
	top: -5.5rem;
}
.offerImg2 {
	left: calc(100% - 4rem);
	top: 4rem;
}
.bgText {
	text-align: center;
	left: 50%;
	-webkit-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	        transform: translateX(-50%);
	text-transform: uppercase;
	font-size: 9rem;
	top: -7rem;
	font-weight: bold;
	letter-spacing: 0.3rem;
	color: #ffffff;
}


/* underOffer */
#underOffer {
	padding-top: 0;
	margin-top: -9rem;
}
.underOfferRow {
	max-width: 1198px;
	margin: auto;
	box-shadow: 0 0 15px #838383;
}
.underOfferRow>div {padding:0px;}
.underOffer-slider {}
.underOffer-slider .slick-slide {
	margin: 0px;
	background-color: #f4f6f2;
}
.underOffer-slider .item {
	padding: 2rem 3rem 4.2rem 3rem;
}
.underOfferHeadding {
	font-weight: 300;
	font-size: 2rem;
	line-height: 1.2;
}
.underOfferPrice {
	margin-top: 0rem;
	font-size: 2.5rem;
}
.underOfferImg {
	text-align: right;
	margin-top: 0rem;
}
.underOfferImg img {
	max-height: 283px;
}


.underOffer-slider .slick-dots li {display:none;}
.underOffer-slider .slick-dots li.slick-active {display:block;}
.slider.underOffer-slider .slick-dots {
	position: absolute;
	bottom: 0rem;
	line-height: 5rem;
	width: 7rem;
	text-align: center;
	font-size: 2rem;
	font-weight: 300;
	background-color: #fafbf9;
}
.slider .slick-prev:after {
	content: "\2190";
	font-size: 2rem;
	top: 0;
	left: 0px;
	text-indent: unset;
	line-height: 5rem;
}
.slider .slick-next:after {
	content: "\2192";
	font-size: 2rem;
	top: 0;
	left: 0px;
	text-indent: unset;
	line-height: 5rem;
}
.slider .slick-next {
	right: 0rem;
}
.slider .slick-prev {
	right: 5rem;
	left:unset;
}

.firstOrder {
	text-align: center;
	padding: 3.5rem 0;
	height: 100%;
	background-color: #ffffff;
}
.firstOrderText {
	font-size: 2.5rem;
	line-height: 1.3;
	margin-bottom: 4.5rem;
}
.firstOrder .wrapBtn {}
.firstOrder .btn {}


/* rival */
#rival {}
.rivalListItem {
	max-width: 618px;
	width: 100%;
}
.rivalListItem:before {}
.rivalListImg {
	position: relative;
}
.rivalListImg > img {
	position: relative;
	box-shadow: 0 0 15px #838383;
}
.rivalListImg-1  {}
.rivalListImg-1 .rivalListImg1 {
	right: -3rem;
	top: 4rem;
	z-index:1;
}
.rivalListImg-1 .rivalListImg2 {
	display: none;
}
.rivalListImg-2 {
	float: right;
	position:relative;
}
.rivalListImg-2 .rivalListImg1 {display: none;}
.rivalListImg-2 .rivalListImg2 {
	right: 1.5rem;
	top: -7rem;
}
.rivalListImg-3 {}
.rivalListImg-3 .rivalListImg1 {display: none;}
.rivalListImg-3 .rivalListImg2 {
	right: -7rem;
	top: 8rem;
}
.rivalListText {
	margin-top: 3rem;
	padding-left: 6rem;
	font-size: 2rem;
	line-height: 1.2;
	font-weight: 500;
	position: absolute;
	max-width: 620px;
	width: 100%;
}
.rivalListNum {
	position: absolute;
	z-index: 1;
	font-size: 10rem;
	font-weight: bold;
	top: -7rem;
	left: 2rem;
	color:#fdd54e;
}

/* digit */
#digit {
	margin-top: 10rem;
	text-align: center;
	margin-bottom: 4.5rem;
}
.digitListIimg {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: end;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
.digitListIimg img {}
.digitListHeadding {
	font-weight: bold;
	margin-top: 3rem;
	font-size: 1.815rem;
	line-height: 1.2;
	height: 4.5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 0.5rem;
}
.digitListText {
	font-size: 1.25rem;
}


.digiText {
	position: relative;
	max-width: 1146px;
	width: 100%;
	margin: 13rem auto 0;
	font-weight: bold;
	font-size: 2rem;
	padding: 5.8rem 6.5rem;
	line-height: 1.5;
	background-color: #f4f6f2;
}
.digiText::before {
	position: absolute;
	content: "";
	display: block;
	background-image: url(i/virgule.png);
	width: 101px;
	height: 89px;
	left: -1.2rem;
	top: -1.5rem;
}
.digiTextImg1 {
	right: 4rem;
	bottom: 3rem;
}

/* сat */
#сat {
	background-image: url(i/catBg.jpg);
	background-position: center top;
	background-size: cover;
}
#сat .bgText {
	text-align: left;
	top: -5rem;
	left: 7rem;
	transform: unset;
}
#сat h2 {
	padding-left: 3rem;
	font-weight: bold;
	font-size: 3rem;
	position: relative;
	margin-bottom: 5.5rem;
}
#сat h2:before {
	position: absolute;
	content: "";
	display: block;
	background-image: url(i/headdingBefore.png);
	width: 116px;
	height: 116px;
	left: 0.2rem;
	top: -2.5rem;
}

.сatListItem {
	position: relative;
	overflow: hidden;
	margin-bottom: 1.5rem;
	cursor: pointer;
	background-color: #ffffff;
	box-shadow: 0 0 15px #838383;
	transition:all 500ms ease 0ms;
}
.сatListItem:hover {
	box-shadow: 0 0 15px #fdd54e;
}
.сatListItem:hover .btn{
	background: #86ccd3;
	
}
.сatListName a {
	color: #000000;
	margin: 2rem 2rem 0rem 4rem;
	font-size: 2rem;
	width: 50%;
	display: block;
	z-index:1;
}
.сatListName a:before {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	left: 0rem;
	top: 0rem;
	z-index: 1;
}
.сatListImg {
	position: absolute;
	bottom: 0;
	left: 60%;
}
.сatListImg img {
	max-width:unset;
	max-height:unseet;
}
.сatListLink {}
.сatListLink {
	text-align: center;
	position: absolute;
	bottom: 5rem;
	left: 4rem;
	width: 260px;
}
.сatListLink .btn {
	line-height: 4rem;
}

/* сatText */ 
#сatText {
	padding: 0rem 0 14rem 0;
	background-color:#f4f6f2;
}
.сatTextSimple {
	padding-left: 3rem;
	font-size: 3rem;
	position: relative;
	font-weight: bold;
	line-height: 1.2;
	margin: 8rem 0;
	position: relative;
	z-index: 1;
}
.сatTextSimple p {font-weight:bold;}
.сatTextSimple:before {
	position: absolute;
	content: "";
	display: block;
	background-image: url(i/headdingBefore.png);
	width: 116px;
	height: 116px;
	left: 0.2rem;
	top: -2.5rem;
}
#сatText .wrapBtn {
	margin-top: 8rem;
	text-align: center;
	position: relative;
	z-index: 1;
}
.searchImg1 {
	right: calc(100% - 11rem);
	bottom: -14rem;
}

/* trouble */
#trouble{}
#trouble h2 {
	color: #000000;
	margin: 5.3rem 2rem 0rem 3rem;
	font-size: 3rem;
	display: block;
	z-index: 1;
}
#trouble h2::before {
	position: absolute;
	content: "";
	display: block;
	background-image: url(i/headdingBefore.png);
	width: 116px;
	height: 116px;
	left: 01rem;
	top: 3rem;
}
.troubleSubHeadding {
	margin-top: 1.5rem;
	margin-left: 3rem;
	font-size: 1.8rem;
	font-weight: 300;
	max-width: 500px;
	margin-bottom: 6.5rem;
}
.troubleListItem {
	min-height: 45rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 14rem;
}
.troubleList-1 {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}
.troubleList-2 {}
.troubleList-3 {
	-webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
	margin-bottom: 0;
}
.troubleListImg {
	position: absolute;
	left: 0;
	top: 0;
}
.troubleList-1 .troubleListImg{}
.troubleList-2 .troubleListImg{
	right:0;
	left: unset;
}
.troubleList-3 .troubleListImg{}
.troubleListImg img {
	box-shadow: 0 0 15px #838383;
}
.troubleListWrapText {
	width: 100%;
	max-width: 700px;
	margin-right: 2.5rem;
	position:relative;
}
.troubleListWrapText:after{
	position: absolute;
	content: "";
	display: block;
	background: #86ccd3;
	width: 100%;
	height: 100%;
	left: 1.5rem;
	top: 1.5rem;
}
.troubleListWrapText1 {
	padding: 5rem;
	font-size: 1.25rem;
	font-weight: 300;
	background-color: #f4f6f2;
	position: relative;
	z-index: 1;
}


.troubleList-2 .troubleListWrapText{
	width: 100%;
	max-width: 700px;
	margin-right: 0rem;
	position:relative;
	margin-left: 2.5rem;
}
.troubleList-2 .troubleListWrapText:after{
	left: -1.5rem;
	top: 1.5rem;
}


.troubleListHeadding {
	font-weight: normal;
	font-size: 2rem;
}
.troubleListText{}
.troubleListImg1 {
	right: -5rem;
	bottom: -5rem;
}
.troubleList-2 .troubleListImg1{
	left: -5rem;
	right:unset;
	
}

/* help */
#help{}
#help h2 {
	color: #000000;
	margin: 1rem 2rem 0rem 3rem;
	font-size: 3rem;
	display: block;
	z-index: 1;
	position: relative;
}
#help h2::before {
	position: absolute;
	content: "";
	display: block;
	background-image: url(i/headdingBefore.png);
	width: 116px;
	height: 116px;
	left: -3rem;
	top: -2.5rem;
}
.helpSubHeadding {
	margin-top: 1.5rem;
	margin-left: 3rem;
	font-size: 1.8rem;
	font-weight: 300;
	max-width: 500px;
	margin-bottom: 3.5rem;
}
.helpList {
	margin-left: 6rem;
	width: 100%;
	max-width: 600px;
	position: relative;
}
.helpList .flexWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 3.5rem;
}
.helpList .flexWrap span {
	font-size: 1.8rem;
	font-weight: 300;
	line-height: 1.4;
}
.helpList .flexWrap span:nth-child(1) {
	font-weight: bold;
	color: #86ccd3;
	font-size: 5rem;
	line-height: 1;
	margin-right: 1.5rem;
}
.helpItem-1{}
.helpItem-2{}
.helpItem-3 {
	flex-wrap: wrap;
}

#help .wrapBtn {
	max-width: 700px;
	width: 100%;
	margin: 1rem 0 0 6rem;
}
#help .btn {
	text-align: center;
}

.helpImg1 {
	left: calc(100% - 2rem);
	top: -14.5rem;
}
.helpImg2 {
	bottom: -12rem;
	left: calc(100% + 7rem);
}
#help .bgText {
	transform: unset;
	left: 5rem;
	text-align: left;
	color: #fafbf9;
}

/* dir* */
#dir{}
.dirTextWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 4rem;
	position: relative;
	background-color: #f4f6f2;
}
.dirImg {
	background-image: url(i/dir.png);
	overflow: hidden;
	min-width: 472px;
	background-position: center top;
	height: 600px;
	background-repeat: no-repeat;
	position: relative;
	align-self: end;
}
.dirText {
	padding: 4.5rem 3rem;
	font-size: 1.5rem;
}
.dirText p {
	font-weight: 500;
	line-height: 1.4;
}
.dirImg1 {
	left: -4rem;
	top: 10.5rem;
}
.dirImg2 {
	left: 21rem;
	top: 14rem;
}
.dirImg3 {
	left: -3rem;
	top: -3rem;
}
.dirImg4 {
	right: -3rem;
	bottom: -4rem;
}


/* recall */
#recall {
	margin-top: 4rem;
	background-image: url(i/oBg.jpg;);
	background-size: cover;
	background-position: center top;
	padding-bottom: 7rem;
}
#recall h2 {
	color: #000000;
	margin: 1.3rem 2rem 6rem 3rem;
	font-size: 3rem;
	display: block;
	z-index: 1;
	position: relative;
}
#recall h2::before {
	position: absolute;
	content: "";
	display: block;
	background-image: url(i/headdingBefore.png);
	width: 116px;
	height: 116px;
	left: -2.7rem;
	top: -2.7rem;
}
#recall .bgText {
	transform: unset;
	left: 5rem;
	text-align: left;
	color: #fdfdfd;
}
.recall-slider{}
.recall-slider .item {
	background-color:#ffffff;
}

.recall-slider .item .oneSlide {
}
.recallItemHeadding {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	max-height: 13.125rem;
	height: 13.125rem;
	overflow: hidden;
}
.recallListImg{}
.recallListImg {
	min-width: 13.125rem;
	max-width: 13.125rem;
	height: 13.125rem;
}
.recallListHeadding {
	margin: 0 2rem 0 2rem;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.2;
}
.profitSlideText {
	margin: 1rem 2rem 2rem;
	font-size: 1.125rem;
}
.profitSlideText p{}

.recall-slider .slick-slide {
	margin: 0 0rem 0 0rem;
}

.flexWrapSliders {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.wrapRecall-slider{
	max-width:44.5%;
	position:relative;
	}
.recall-slider {
	position: relative;
	z-index: 1;
}	
.wrapRecall-slider::before {
	content: "";
	position: absolute;
	display: block;
	background-color: #f4f6f2;
	width: calc(100% - 5rem);
	height: calc(100% - 5rem);
	left: 10rem;
	top: 7.2rem;
}	
.wrapRecall-slider:after {
	content: "";
	position: absolute;
	display: block;
	background-color: #ffffff;
	width: calc(100%);
	height: calc(100%);
	left: 0rem;
	top: 0rem;
}
.wrapRecall-sliderDubler{max-width:44.5%}

.recall-slider.slider .slick-prev {
	right: 0rem;
	bottom:-5rem;
}
.recall-slider.slider .slick-next {
	right: -5rem;
	bottom:-5rem;
}
.recall-slider .slick-dots li {display:none;}
.recall-slider .slick-dots li.slick-active {display:block;}
.slider.recall-slider .slick-dots {
	position: absolute;
	bottom: -5rem;
	left: 10rem;
	line-height: 5rem;
	width: 7rem;
	text-align: center;
	font-size: 2rem;
	font-weight: 300;
	background-color: #f4f6f2;
}

.recall-sliderDubler {
	-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
}
.recall-sliderDubler .item {
	background-color:#ffffff;
}
.recall-sliderDubler .recallListHeadding, .recall-sliderDubler .profitSlideText {opacity:0.9;}

/* sert */
#sert {}
#sert h2 {
	color: #000000;
	margin: 3.3rem 2rem 6rem 3rem;
	font-size: 3rem;
	display: block;
	z-index: 1;
	position: relative;
}
#sert h2:before {
	position: absolute;
	content: "";
	display: block;
	background-image: url(i/headdingBefore.png);
	width: 116px;
	height: 116px;
	left: -2.7rem;
	top: -2.7rem;
}
#sert .bgText {
	transform: unset;
	left: 4rem;
	text-align: left;
	color: #fafbf9;
	top: -6rem;
}

.sert-slider {}
.sert-slider a {
	display: block;
	width: 320px;
	padding: 2rem;
	position: relative;
	transition:all 500ms ease 0ms;
}
.sert-slider a:hover {
	-webkit-transform:scale(1.03);
	    -ms-transform:scale(1.03);
	        transform:scale(1.03);
}
.sert-slider a::before {
	position: absolute;
	content: "";
	display: block;
	background-image: url(i/frameSert.jpg);
	width: 100%;
	height: 100%;
	left: 0rem;
	top: 0rem;
	background-size: cover;
}
.sert-slider a img {
	display: block;
	position: relative;
	z-index: 1;
}
.sert-slider.slider .slick-next {
	top: -5rem;
	bottom: unset;
}
.sert-slider.slider .slick-prev {
	top: -5rem;
	bottom: unset;
}

/* openForm */
#openForm {
	margin-top: 3rem;
	background-image: url(i/openformBg.jpg;);
	background-size: cover;
	background-position: center top;
	padding-bottom: 7rem;
}
#openForm h2 {
	color: #000000;
	margin: 3.3rem 2rem 4rem 3rem;
	font-size: 3.75rem;
	display: block;
	z-index: 1;
	position: relative;
	font-weight: bold;
	max-width: 800px;
	line-height: 1.15;
}
#openForm h2:before {
	position: absolute;
	content: "";
	display: block;
	background-image: url(i/headdingBefore.png);
	width: 116px;
	height: 116px;
	left: -2.7rem;
	top: -2.7rem;
}
.form2 {
	background: rgba(255,255,255,1);
	padding: 2rem 4rem;
	position: relative;
}
.form2 .form {
	max-width: 745px;
}
.form2 .form .form-desk {
	margin: 1rem 0px 2rem;
	font-size: 0.9rem;
	font-size: 2rem;
	line-height: 1.3;
	max-width: 700px;
}
.form2 .form-group {
	width: 50%;
	float: left;
	max-width: 22rem;
}
.form2 .box {
	float: left;
	width: 100%;
}
.form2 .form-group+.form-group {
	width: 50%;
	float: right;
	max-width: 22rem;
}
.form2 .form-group+.form-group:after{
	content: "";
	display: block;
	width: 100%;
	position:relative;
	clear: both;
}
.form2  .form .button {
	clear: both;
}
.clear {clear: both;}

.form2 .btn, .form2 .btn:visited,.form2 .btn:focus,.form2 .btn:active {
	max-width: 22rem;
}
#modal-not-agreement .btn {
	margin-top: 2rem;
	font-size: 1.2rem;
}
.openFormImg1 {
	right: -20rem;
	bottom: -4rem;
}
.openFormImg2 {
	bottom: -5rem;
	right: 11rem;
}
.form2 .checkbox {
	text-align: left !important;
	z-index: 2;
	position: relative;
}

/* footer */
footer {
	padding: 3rem 0;
	background-color:#f4f6f2;
}
footer .logo{}
footer .logo a{}
footer .logo a img{}
footer .search .search-form {
	width: 310px;
	font-weight: 300;
}
footer .search .search-field {
	border-radius: 0;
	border: 2px solid #ffffff;
	background: white;
	padding: 0.5rem 1rem 0.5rem 2.5rem;
	width: 100%;
	font-weight: 300;
	transition:all 500ms ease 0ms;
}
footer .search .search-field:focus{
	border: 2px solid #86ccd3;
}
footer .search .search-submit {
	position: absolute;
	top: 0;
	right: unset;
	height: 40px;
	width: 40px;
	padding: 0;
	border: 0;
	text-indent: -9999px;
	background: url(i/loupe.jpg) no-repeat center;
	background-size: 1.25rem;
	opacity: 0.5;
	cursor: pointer;
	-webkit-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
	left: 0rem;
}
footer .flexWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
footer .flexItem {}
footer .flexItem:nth-child(1) {
	max-width: 20rem;
}
footer .flexItem:nth-child(2) {}
footer .flexItem:nth-child(3) {}
footer .flexItem:nth-child(4) {
	max-width: 15rem;
	min-width: 15rem;
}
footer .flexItem:nth-child(3) ul {
	column-count: 2;
	max-width: 28rem;
	line-height: 1.2;
}
footer .flexItem:nth-child(3) ul li {
	page-break-inside: avoid;
   break-inside: avoid-column;
   
}
.footerDes {
	margin: 1.2rem 0;
	line-height: 1.2;
}
.footerHeadding {
	font-size: 1.25rem;
	margin-top: -0.5rem;
	border-bottom: 1px solid #dee0dd;
	padding-bottom: 0.5rem;
	margin-bottom: 0.5rem;
}
footer ul {
	font-size: 0.9rem;
}
footer ul li {
	margin-bottom: 0.5rem;
	line-height: 1.1;
}
footer ul li a{
	color:#878787;
}
footer ul li a:hover{
	color:#86ccd3;
}
.footerPhone{}
.footerPhone .phone:before, .jqcart-wrapper .phone:before{display:none;}
.footerPhone a {
	padding: 0 0 0 2rem;
	font-size: 1.5rem;
	color: #000000;
	background-image: url(i/phone-f.png);
	background-repeat: no-repeat;
	background-position: center left;
}
.footerPhone a:hover{
	color:#86ccd3;
}
.footerLoc{
	font-size: 0.9rem;
	color:#878787;
}

/* catalog */
#catalog {margin-top:1rem;}
#catalogWrap {padding:0px 0 5rem 0;}
#catalogWrap h1 {margin:0px;}

.cardProd {
	margin-bottom: 2rem;
	box-shadow: 0 0 10px #999999;
}
.cardProd:hover {
	box-shadow: 0 0 10px 3px #fdd54e;
}

.cat-slider {margin:0 0 3rem 0;}
.cat-slider .slick-slide {margin: 0;}
.cat-slider img {width: 100%;}

.next.page-numbers, .prev.page-numbers {
	position: relative;
	width: 2rem !important;
	height: 2rem !important;
	align-items: center !important;
	vertical-align: middle;
}
.prev.page-numbers:before {
	content: "\2039";
	font-size: 1.5rem;
	display: block;
	position: absolute;
	top: -2px;
	left: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	line-height: 2rem;
}
.next.page-numbers::before {
	content: "\203A";
	font-size: 1.5rem;
	display: block;
	position: absolute;
	top: -2px;
	left: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	line-height: 2rem;
}
#pagination {
	margin: -1rem 0 0 0;
	z-index: 1;
	position: relative;
	text-align: center;
}
#pagination .nav-links .page-numbers {
	border: 0;
	border-radius: 0;
	width: 2rem;
	height: 2rem;
	line-height: 2rem;
	display: inline-block;
	font-weight: 500;
	margin: 0 0px;
	background-color: #f0f0f0;
	color: #000000;
	border-radius: 50%;
}
#pagination .nav-links .page-numbers:hover{
	background-color: #fdd54e;
	color: #ffffff;
}
#pagination .nav-links .page-numbers.current {
	background-color: #86ccd3;
	color: #ffffff;
}
.navigation.pagination{display: inline-block;}

.cat-des {margin-top: 3rem;}

.category-list {
	background-color: #fafafa;
	padding: 2rem;
}
.spoiler {border-bottom: 1px solid #e0e0e0;}
.category-list .name {line-height: 1.3;}

.category-list .name a {
	color: #000000;
	padding: 7px 0;
	display: block;
}
.category-list .name a:hover {
	color:#fdd54e;
}

.spoiler-head{
    position: relative;
    cursor: pointer;
    font-size: 1rem;
    padding: 10px;
    padding-left: 1.5rem;
}
.spoiler-head:hover{
    color: #86ccd3;
}
.spoiler-head::before {
    content: "";
    position: absolute;
    top: 0.8rem;
    left: 0px;
    width: 1rem;
    height: 1rem;
    background: url(i/arrow-right-mini.svg) no-repeat center left / 1rem;
}
.spoiler-head.opened::before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
        transform: rotate(90deg);
}
.opened .spoiler-head:hover {
    cursor: default;
    color: #2c364a;
}
.spoiler-content{
    padding-bottom: 1rem;
    margin: -5px 0;
}
.spoiler-content li{
    padding: 3px 0;
    padding-left: 1.5rem;
    line-height: 1.4;
}
.spoiler-content li a{
    font-size: 0.85rem;
	color:#000000;
}
.spoiler-content li a:hover{
	color:#fdd54e;
}

.sidebar .wrapper {
	margin-bottom: 1rem;
	padding: 1rem 2rem;
}
.form-select {
	display: block;
	width: 100%;
	border: 0;
	background: #fff;
}
#ok_filter, #clear_filter {
line-height: 3rem;
font-size: 1.2rem;
width: unset;
padding: 0 1rem;}

/* page */
#content.contacts {
	background-image: url(i/delBg.jpg);
	background-size: cover;
	background-position: center;
	margin-top: -4.5rem;
	padding-top: 5rem;
}
#content.contacts h1 {
	position: relative;
	margin: 3rem 0 3rem 3rem;
}
#content.contacts h1::before {
	position: absolute;
	content: "";
	display: block;
	background-image: url(i/headdingBefore.png);
	width: 90px;
	height: 90px;
	left: -2.5rem;
	top: -2.5rem;
	background-size: cover;
}
/* page-contacts*/
#content.contacts {
	background-image: url(i/delBg.jpg);
	background-size: cover;
	background-position: center;
}
#content .contacts dt {
	margin-top: 1rem;
    line-height: 1.2;
}
#content .showOnMap span {
	color: #3496cd;
	cursor: pointer;
}
#content .contact-info dd a {
	color: #000000;
	cursor: pointer;
}
#content .contact-info dd a:hover {
	color: #000000;
}
#content .contact-info {
	padding-left: 3rem;
	margin-bottom: 2rem;
	font-weight: 300;
}

.adressListName,
.phone,
.sk,
.email{position:relative; display:block;}

.adressListName::before, .phone::before, .sk::before, .email::before {
	position: absolute;
	content: "";
	display: block;
	height: 2rem;
	width: 2rem;
	background-image: url(i/cloc.png);
	top: 50%;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: -3rem;
	background-position: center;
	background-repeat: no-repeat;
}
#content .phone::before{background-image: url(i/cphone.png);}
#content .email::before {background-image: url(i/cmail.png);}
#content .autoheight .contact-info:last-child {margin-bottom: 3rem;}
#map_block {min-height:300px;}

#content.contacts .wrapBtn{
	margin-bottom: 3rem;
}
/* filter */
.filter-icon {
	background: url(i/filter.svg) no-repeat center / 1.5rem;
	width: 100%;
	margin-top: 0.5rem;
	cursor: pointer;
	width: 12rem;
	background-position: center right 0.5rem;
	background-color: #86ccd3;
	padding: 0.5rem;
	line-height: unset;
	color: #ffffff;
}
.filter-icon:hover {
	background-color: #fdd54e;
	
}

/* page-delivery */

.colName {
	font-size: 2rem;
	font-weight: 300;
	margin: 1rem 0;
}
.delivery li strong {
}
#delForm {
	background-image: url(i/delBg.jpg);
	background-size: cover;
	background-position: center;
}
.delForm {
	background-color: #ffffff;
	padding: 3rem;
	text-align: center;
	position: relative;
}
.delCar {
	right: 100%;
	top: 0;
}
.delVawe {
	right: calc(100% + 41rem);
	top: 6rem;
}
.delMan {
	right: calc(100% + 0rem);
	bottom: -5rem;
}

/* page-about */
.aboutSert {
	background-image: url(i/delBg.jpg);
	background-size: cover;
	background-position: center;
}
.about-page img.alignright {
	float: right;
	max-width: 500px;
	width: 50%;
}
/* page-thank */
#question {
	background-image: url(i/delBg.jpg);
	background-size: cover;
	background-position: center;
	margin-top: -4.5rem;
	padding-top: 5rem;
}
#question h2 {
	font-size: 3.5rem;
	line-height: 1.2;
	margin: 1rem 0 0rem;
	font-weight: 500;
}
#question h3 {
	font-size: 1.25rem;
	font-weight: bold;
	margin: 1.5rem 0 1.5rem;
	line-height: 1.4;
}
#question img{
	max-height: 500px;
}

/* action-page */
.action-page {padding-top:0;}
.postImg {margin-bottom: 2rem;}

/* archive-action */
.archive-action {padding-top:0;}
.postList { margin-top: 2rem;}
.postWrap {
	position: relative;
	margin-bottom: 2rem;
}
.postInfo {
	position: absolute;
	bottom: 0;
	color: #ffffff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 0rem;
}
.titlePost {
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	padding: 1.5rem 2rem;
	text-transform: uppercase;
	font-size: 1.5rem;
	line-height: 1.4;
}
.linkPost {
	background: rgba(0,0,0,0.05);
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	box-shadow: 0 30px 45px rgba(0,0,0,0.15);
	transition:all 500ms ease 0ms;
}
.linkPost:hover {
	background: rgba(0,0,0,0);
	box-shadow: 0 0px 0px rgba(0,0,0,0);
}
.linkPost span {position:relative;}
.linkPost::before {
	position: absolute;
	content: "";
	display: block;
	background: url(i/stiker.svg);
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	-webkit-transform: scale(-1);
	-ms-transform: scale(-1);
	transform: scale(-1);
	left: 0;
	top: 0;
	transition:all 500ms ease 0ms;
	background-repeat: no-repeat;
}
.linkPost:hover:before {
	-webkit-transform: scale(-1.15);
	-ms-transform: scale(-1.15);
	transform: scale(-1.15);
	transform-origin: 47% 47%;
}



/*
==============================
	xl 1535 - ноутбуки
==============================
*/
@media (max-width: 1535px) {

/* header */	
#menu-main-1 > li {
	position: relative;
	display: inline-block;
	margin-right: 0.5rem;
}	
	
/* offer */	
	#offer h1 {margin: 2.5rem 0 0 2.5rem;}
	.offerText {margin: 2.5rem 0 0 2.5rem;}

/* rival */
.rivalListText {
	margin-top: 3rem;
	font-size: 2rem;
	line-height: 1.2;
	font-weight: 500;
	position: absolute;
	max-width: 620px;
	width: 100%;
	left: 620px;
	top: 3rem;
	padding-right: 2rem;
}
.rivalListImg-2 .rivalListText {
	right: 620px;
	left: unset;
	padding-left: 2rem;
	padding-right: 3rem;
}
/* digit */
#digit {
	margin-top: 0rem;
}
/* сat */
.сatListName a {
	line-height: 1.2;
}

/* sert */
.sert-slider a {
	width: 100%;
}

/* openForm */
.openFormImg1 {
	right: -26rem;
}
}


/*
==============================
	lg 1299 - нетбуки
==============================
*/
@media (max-width: 1299px) {
html {
    font-size: 15px;
}
section {
    padding: 4rem 0;
}

/* header */
#header .flexWrap {
	font-size: 1rem;
}

/* menu-main */
#menu-main-1 > li {
	margin-right: 0.5rem;
	font-size: 1.1rem;
}
.mainMenu .search .search-form {
	width: 100%;
	max-width: 310px;
	float: right;
}
.mainMenu .flexWrap .flexItem.search {
	flex-grow: 1;
	padding-right: 1rem;
}

/* offer */
#offer {
	height: 39.2rem;
	padding-top: 6rem;
}
#offer h1 {
	font-size: 2.5rem;
	letter-spacing: 1px;
	position: relative;
}
.offerImg1 {
	left: calc(100% - 2.5rem);
	top: -5.5rem;
	height: calc(100% + 8rem );
}
/* underOffer */
.underOffer-slider {
	background-color: #f4f6f2;
}
.underOfferImg img {
	max-height: 200px;
}
.firstOrderText {
	font-size: 2.25rem;
}
.underOfferPrice {
	font-size: 2.25rem;
}

/* rival */
.rivalListItem {
	width: 50%;
}
.rivalListText {
	margin-top: 2rem;
	font-size: 2rem;
	line-height: 1.2;
	font-weight: 500;
	position: absolute;
	width: 50%;
	left: 50%;
	top: 3rem;
	padding-right: 1rem;
	padding-left: 3rem;
}
.rivalListImg-2 .rivalListText {
	right: 100%;
	left: unset;
	padding-left: 2rem;
	padding-right: 2rem;
	width: 100%;
}

/* digit */
.digitListHeadding {
	font-weight: bold;
	margin-top: 2rem;
	font-size: 1.25rem;
	line-height: 1.2;
	height: 3.5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 0.5rem;
}
.digitListText {
	font-size: 1rem;
}
.digiText {
	margin: 7rem auto 0;
}
#сat h2 {
	font-size: 2rem;
}
#сat h2::before {
	width: 100px;
	height: 100px;
	background-size: contain;
	background-repeat: no-repeat;
}


.сatListName a {
	font-size: 1.5rem;
	font-weight: 300;
	margin: 2rem 2rem 0rem 2rem;
}
.сatListLink {
	text-align: center;
	position: absolute;
	bottom: 2rem;
	left: 2rem;
	width: 260px;
}
.сatListLink .btn {
	line-height: 3rem;
	max-width: 200px;
	font-size: 1.5rem;
}
.сatListImg {
	position: absolute;
	bottom: 0;
	left: 60%;
	height: 100%;
}
.сatListImg img {
	max-width: unset;
	max-height: unseet;
	height: 100%;
}
.сatListItem {
	height: 240px !important;
}
.сatTextSimple {
	font-size: 2rem;
}

#trouble h2 {
	font-size: 2rem;
}
#trouble h2::before {
	width: 90px;
	height: 90px;
	background-size: contain;
	background-repeat: no-repeat;
}
.troubleSubHeadding {
	margin-top: 1.5rem;
	margin-left: 3rem;
	font-size: 1.5rem;
	font-weight: 300;
	max-width: 500px;
	margin-bottom: 3.5rem;
	line-height: 1.2;
}
.troubleListItem {
	min-height: unset;
	height: 37rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 3rem;
}
.troubleListImg {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}
.troubleListImg img {
	box-shadow: 0 0 15px #838383;
	height: 100%;
	max-height: 37rem;
}
.troubleListHeadding {
	font-weight: normal;
	font-size: 2rem;
	line-height: 1.2;
	margin-bottom: 1.5rem;
}

/* help  */
#help h2 {
	font-size: 2rem;
}
#help h2::before {
	width: 90px;
	height: 90px;
	background-size: contain;
	background-repeat: no-repeat;
}
.helpSubHeadding {
	margin-top: 1.5rem;
	margin-left: 3rem;
	font-size: 1.5rem;
	font-weight: 300;
	max-width: 500px;
	margin-bottom: 3.5rem;
	line-height: 1.2;
}
.helpList {
	margin-left: 4rem;
	width: 100%;
	max-width: 500px;
	position: relative;
}
.helpList .flexWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 1.5rem;
}
.helpList .flexWrap span {
	font-size: 1.4rem;
	font-weight: 300;
	line-height: 1.4;
}
.helpList .flexWrap span:nth-child(1) {
	font-weight: bold;
	color: #86ccd3;
	font-size: 4rem;
	line-height: 1;
	margin-right: 1rem;
}

/* dir */
.dirImg {
	min-width: 250px;
}
.dirText p {
	font-weight: 300;
	line-height: 1.3;
}
.dirText {
	padding: 4.5rem 3rem;
	font-size: 1.25rem;
}
.dirImg {
	min-width: 250px;
	height: 440px;
	background-size: contain;
}
.dirImg2 {
	left: 21rem;
	top: 14rem;
	display: none;
}

/* recall */
#recall h2 {
	font-size: 2rem;
}
#recall h2::before {
	width: 90px;
	height: 90px;
	background-size: contain;
	background-repeat: no-repeat;
}
.wrapRecall-slider {
	width: 600px;
	position: relative;
	max-width: unset;
}
.wrapRecall-sliderDubler {
	width: 600px;
	max-width: unset;
	position: absolute;
	left: calc(600px + 10rem);
	top: -8px;
}
.wrapRecall-slider::before {
	left: 10rem;
	top: 10rem;
}

/* sert */
#sert h2 {
	font-size: 2rem;
}
#sert h2::before {
	width: 90px;
	height: 90px;
	background-size: contain;
	background-repeat: no-repeat;
}

/* openForm */
#openForm h2 {
	color: #000000;
	margin: 3.3rem 2rem 4rem 3rem;
	font-size: 2.5rem;
	display: block;
	z-index: 1;
	position: relative;
	font-weight: bold;
	max-width: 650px;
	line-height: 1.15;
}
#openForm h2::before {
	width: 100px;
	height: 100px;
	background-size: contain;
	background-repeat: no-repeat;
}
.form2 .form .form-desk {
	margin: 1rem 0px 2rem;
	font-size: 0.9rem;
	font-size: 1.5rem;
	line-height: 1.2;
	max-width: 700px;
}
.form2 .form-group {
	width: 49%;
	float: left;
}
.form2 .btn, .form2 .btn:visited, .form2 .btn:focus, .form2 .btn:active {
	max-width: 49%;
}
.openFormImg1 {
	right: -25rem;
	height: calc(100% + 15rem);
}

/* footer */
footer .flexItem:nth-child(1) {
	max-width: 15rem;
}
footer .search .search-form {
	width: 310px;
	font-weight: 300;
	max-width: 100%;
}
footer .flexWrap>.flexItem:nth-child(3) {
	margin: 0 2rem;
}
/* page-product */
.cardProdPrice, .cardProdSalePrice {
	font-size: 1.6rem;
	line-height: 1;
}
.cardProdLink a {
	font-size: 1.125rem;
	font-weight: 300;
}
}


/*
==============================
	md 1023 - планшеты
==============================
*/
@media (max-width: 1023px) {
section {
    padding: 3rem 0;
}
/* header */

#header .logo a img {width: 9rem;}
#header .headerLoc {
	background-image: url(i/map.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0rem 0 0rem 3rem;
	margin-top: 0rem;
	background-size: 2.5rem auto;
	font-size: 0.8rem;
}

.headerDel {
	background-image: url(i/aerplane.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0rem 0 0rem 3.5rem;
	margin-top: 0rem;
	font-size: 0.8rem;
	background-size: 3rem auto;
}
/*header .flexWrap .flexItem:nth-child(3){display:none;}*/

#header .phone {
	font-size: 1.2rem;
}
#header .btn {
	font-size: 1rem;
	line-height: unset;
}
/* menu-main */
#menu-main-1 {
	font-size: 1rem;
	font-weight: 300;
	padding: 1.5rem 0;
}
#menu-main-1 > li {
	margin-right: 0.5rem;
	font-size: 1rem;
}

.mainMenu .search .search-form {
	width: 100%;
	max-width: 160px;
}

/* offer */
.offerText {
	margin: 0.5rem 0 0 2.5rem;
	line-height: 1.2;
	font-size: 1.5rem;
}
.offerImg1 {
	left: calc(100% - 1.5rem);
	top: -5.5rem;
	height: calc(100% + 8rem );
}
.offerImg2 {
	left: calc(100% - 2rem);
	top: 4rem;
}

/* underOffer */
.firstOrderText {
	font-size: 1.8rem;
}
.firstOrder .btn {
	max-width: 240px;
	font-size: 1.5rem;
}
.underOfferHeadding {
	font-weight: 300;
	font-size: 1.4rem;
	line-height: 1.2;
}

.underOfferPrice {
	font-size: 1.4rem;
}
.slider .slick-arrow {
	position: absolute;
	width: 3rem;
	height: 3rem;
}
.slider .slick-prev {
	right: 3rem;
	left: unset;
}
.slider .slick-prev::after {
	line-height: 3rem;
	font-size: 2rem;
}
.slider .slick-next::after {
	font-size: 2rem;
	line-height: 3rem;
}
/* rival */
.rivalListText {
	margin-top: 0rem;
	font-size: 1.5rem;
	top: 3rem;
}

/* digi */
#digit {
	margin-bottom: 0rem;
}
.digiText {
	margin: 4rem auto 0;
	padding: 3rem;
	font-size: 1.25rem;
}
.digiText::before {
	position: absolute;
	content: "";
	display: block;
	background-image: url(i/virgule.png);
	width: 101px;
	height: 60px;
	left: -1.2rem;
	top: -1.5rem;
	background-size: contain;
	background-repeat: no-repeat;
}

/* сat */
#сatText {
	padding: 0rem 0 8rem 0;
	background-color: #f4f6f2;
}
.searchImg1 {
	right: calc(100% - 11rem);
	bottom: -8rem;
	height: 100%;
}

/* trouble */
.troubleListItem {
	height: 30rem;
}
.troubleListImg img {
	box-shadow: 0 0 15px #838383;
	max-height: 30rem;
	height: unset;
}
.troubleListHeadding {
	font-weight: normal;
	font-size: 1.5rem;
	line-height: 1.2;
	margin-bottom: 1.5rem;
}
.troubleListWrapText1 {
	padding: 3rem;
	font-size: 1.25rem;
	font-weight: 300;
	background-color: #f4f6f2;
	position: relative;
	z-index: 1;
}
.helpImg1 {
	left: calc(100% - 8rem);
	top: -22.5rem;
	height: 54rem;
}


/* dir */
.dirImg {
	min-width: 146px;
	height: 300px;
	background-size: contain;
}

/* recall */
.wrapRecall-slider::before {
	left: 8rem;
	top: 8rem;
}
.slider.recall-slider .slick-dots {
	position: absolute;
	bottom: -3rem;
	left: 8rem;
	line-height: 3rem;
	width: 6rem;
	text-align: center;
	font-size: 2rem;
	font-weight: 300;
	background-color: #f4f6f2;
}
.recall-slider.slider .slick-next {
	right: -3rem;
	bottom: -3rem;
}
.recall-slider.slider .slick-prev {
	right: 0rem;
	bottom: -3rem;
}
/* sert */
.sert-slider.slider .slick-prev {
	top: -3rem;
	bottom: unset;
}
.sert-slider.slider .slick-next {
	top: -3rem;
}
/* openForm */
#openForm h2 {
	color: #000000;
	margin: 3.3rem 2rem 4rem 3rem;
	font-size: 2rem;
	display: block;
	z-index: 1;
	position: relative;
	font-weight: bold;
	max-width: 650px;
	line-height: 1.15;
}

.form2 .form-group, .form2 .form-group + .form-group, .form2 .btn, .form2 .btn:visited, .form2 .btn:focus, .form2 .btn:active {
	width: 100%;
	float: none;
	max-width: 270px;
	margin: 0 auto 1rem !important;
}
.form2 .form .button {
	clear: both;
	text-align: center;
}
.openFormImg1 {
	right: -17rem;
	height: calc(100% + -3rem);
}

/* footer */
footer .flexItem:nth-child(2) {
	display: none;
}


/* poduct-page */
.wrapProgChar {
	display: none;
}
.wrapProgGallery {
	width: 50%;
}
.wrapProgBay {
	width: 50%;
}

/* page-thank */
#question h2 {
	font-size: 2rem;
	line-height: 1.2;
	margin: 1rem 0 0rem;
	font-weight: 500;
}


}


/*
==============================
	sm 769 - фаблеты
==============================
*/
@media (max-width: 769px) {
h1 {
	font-size: 1.8rem;
	margin-bottom: 1rem;
}
blockquote {
    padding: 2rem 3rem;
    margin: 2rem 0;
    font-size: 1.25rem;
}
/* header */

#header .flexWrap .flexItem:nth-child(2){display:none;}
#header .flexWrap .flexItem:nth-child(4){
	margin-right: 4rem;
}
#header .phone {
	font-size: 1rem;
}
.headerDel {
	padding: 0;
	margin-top: 0rem;
	font-size: 0.8rem;
	background: no-repeat;
	line-height: 1.2;
}
#header .logo a img {
	width: 7rem;
	margin-right: 1rem;
}
#header .phone {
	display: inline-block;
	border: 0;
	color: #000;
	font-weight: bold;
	font-family: TT Norms;
	padding-left: 0;
	background: none;
}
#header .btn::before {
	display: none;
}
#header .btn, #header .btn:hover {
	border: 0;
	margin:0;
}
.headerCon {
	margin-left: 1rem;
}
/* mainMenu */
.mainMenu {
	background-color: #f4f6f2;
	position: relative;
	z-index: 2;
	padding: 1rem 0;
}
.mainMenu .search .search-form {
	width: 100%;
	max-width: unset;
	float: right;
}

/* offer */
#offer {
	height: unset;
	padding-top: 4rem;
}
#offer h1 {
	font-size: 2rem;
	letter-spacing: 1px;
	position: relative;
	margin: 0 0 0 1rem;
	line-height: 1.2;
}
#offer h1::before {
	position: absolute;
	content: "";
	display: block;
	background-image: url(i/headdingBefore.png);
	width: 90px;
	height: 90px;
	left: -2.5rem;
	top: -2rem;
	background-size: contain;
	background-repeat: no-repeat;
}
.offerText {
	margin: 0.5rem 0 0 -0rem;
	line-height: 1.2;
	font-size: 1.2rem;
}
.offerImg1 {
	left: calc(100% - -0.5rem);
	top: -5.5rem;
	height: calc(100% + 8rem );
}

/* underOffer */
#underOffer {
	padding-top: 2rem;
	margin-top: 0;
}
.underOfferRow {
	max-width: 500px;
	margin: auto;
	box-shadow: 0 0 15px #838383;
}
.firstOrder {
	text-align: center;
	padding: 2.5rem 0;
	height: 100%;
	background-color: #ffffff;
}
.firstOrderText {
	font-size: 1.5rem;
}
.firstOrderText {
	font-size: 1.5rem;
	margin-bottom: 2rem;
}
.firstOrder .btn {
	max-width: 240px;
	font-size: 1.25rem;
	line-height: 4rem;
}
.slider.underOffer-slider .slick-dots {
	position: absolute;
	bottom: 0rem;
	line-height: 3rem;
	width: 5rem;
	text-align: center;
	font-size: 1.5rem;
	font-weight: 300;
	background-color: #fafbf9;
}

/* rival */
.rivalListNum {
	position: absolute;
	z-index: 1;
	font-size: 4rem;
	font-weight: bold;
	top: -3rem;
	left: 0rem;
	color: #fdd54e;
}
.rivalListImg-1 .rivalListImg1 {
	right: -3rem;
	top: 4rem;
	z-index: 1;
	display: none;
}
.rivalListImg-2 .rivalListImg2 {
	right: 1.5rem;
	top: -7rem;
	display: none;
}
.rivalListText {
	margin-top: 0rem;
	font-size: 1.125rem;
	top: 1rem;
	padding-left: 1rem;
	padding-right: 1rem;
}
.rivalListImg-2 .rivalListText {
	right: 100%;
	left: unset;
	padding-left: 1rem;
	padding-right: 1rem;
	width: 100%;
}
.rivalListImg-3 .rivalListImg2 {
	right: -7rem;
	top: 8rem;
	display: none;
}

/* digit */
.digitListText {
	font-size: 1rem;
	margin-bottom: 3rem;
}
#сat h2 {
	font-size: 1.8rem;
	margin-bottom: 2rem;
}
.сatListItem {
	height: 240px !important;
	max-width: 500px;
	margin: 1rem auto;
}

/* сat */
.сatTextSimple {
	font-size: 1.8rem;
	margin: 5rem 0 0;
}
#сatText .wrapBtn {
	margin-top: 3rem;
	text-align: center;
}

.btn {
	position: relative;
	display: inline-block;
	font-weight: 300;
	cursor: pointer;
	border: 0;
	line-height: 4rem;
	font-size: 1.5rem;
	background-color: #fdd54e;
	max-width: 240px;
	transition: all 500ms ease 0ms;
	width: 100%;
	box-shadow: 0px 5px 10px -5px #838383;
}
.searchImg1 {
	right: calc(100% - 14rem);
	bottom: -8rem;
	height: 86%;
}

/* trouble */
#trouble h2 {
	font-size: 1.8rem;
	margin: 1rem 0 0 1rem;
	position: relative;
}
#trouble h2::before {
	width: 90px;
	height: 90px;
	background-size: contain;
	background-repeat: no-repeat;
	left: -2rem;
	top: -2rem;
}
.troubleSubHeadding {
	margin-top: 2rem;
	margin-left: 1rem;
	font-size: 1.25rem;
	font-weight: 300;
	max-width: 500px;
	margin-bottom: 3.5rem;
	line-height: 1.2;
}

/* help */
#help h2 {
	font-size: 1.8rem;
	margin: 1rem 0 0 1rem;
	position: relative;
}
#help h2::before {
	width: 90px;
	height: 90px;
	background-size: contain;
	background-repeat: no-repeat;
	left: -2rem;
	top: -2rem;
}
.helpSubHeadding {
	margin-top: 2rem;
	margin-left: 1rem;
	font-size: 1.25rem;
	font-weight: 300;
	max-width: 500px;
	margin-bottom: 3.5rem;
	line-height: 1.2;
	position: relative;
	z-index: 1;
}
.helpList {
	margin-left: 2rem;
	width: 100%;
	max-width: 50%;
	position: relative;
}
.helpImg1 {
	left: 100%;
	top: -22.5rem;
	height: 54rem;
}
.helpList .flexWrap span:nth-child(1) {
	font-weight: bold;
	color: #86ccd3;
	font-size: 3rem;
	line-height: 1;
	margin-right: 1rem;
}
.helpList .flexWrap span {
	font-size: 1.3rem;
	font-weight: 300;
	line-height: 1.2;
}
.dirText {
	padding: 2.5rem 1.5rem;
	font-size: 1.125rem;
}
.dirImg3 {
	left: -1rem;
	top: -3rem;
}

/* recall */
#recall h2 {
	font-size: 1.8rem;
	margin: 1rem 2rem 3rem;
}
.wrapRecall-slider {
	width: 100%;
	position: relative;
	max-width: unset;
}
.recall-slider.slider .slick-prev {
	right: 3rem;
	bottom: -3rem;
}
.recall-slider.slider .slick-next {
	right: 0rem;
	bottom: -3rem;
}
.wrapRecall-sliderDubler {
	opacity:0;
}
.recallListHeadding {
	margin: 0 2rem 0 2rem;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.2;
}

/* sert */
#sert h2 {
	font-size: 1.8rem;
}
.sert-slider.slider .slick-prev {
	top: -3rem;
	bottom: unset;
}
.sert-slider.slider .slick-next {
	top: -3rem;
}

/* openForm */
#openForm {
	margin-top: 0;
}
#openForm h2 {
	color: #000000;
	margin: 1.3rem 1rem 2rem 2rem;
	font-size: 1.8rem;
	display: block;
	z-index: 1;
	position: relative;
	font-weight: bold;
	max-width: 650px;
	line-height: 1.15;
}
.form2 {
	background: rgba(255,255,255,1);
	padding: 2rem 4rem;
	position: relative;
	max-width: 500px;
	margin: auto;
}
.openFormImg1 {
	display: none;
}

/* footer */
footer .flexWrap > .flexItem:nth-child(3) {
	margin: 0 2rem;
	display: none;
}
footer .flexItem:nth-child(1) {
	max-width: unset;
	width: 50%;
	padding-right: 1rem;
}
/* page-product */
.articul {
	margin-top: -0.7rem;
	font-size: 1.125rem;
}
.prodBaseInfo {
	display: block;
}
.wrapProgGallery {
	width: 100%;
	margin: auto;
}
.wrapProgBay {
	width: 100%;
	margin-top: 2rem;
}
.ancorBlock {
	margin-top: 2.4rem;
	font-size: 1.25rem;
	border-bottom: 2px solid #f4f6f2;
}
.ancorBlock ul li {
	display: inline-block;
	margin-right: 1.5rem;
}
.sidebar {
	display: none;
	margin-bottom: 2rem;
}
/* page-delivery */
.delMan {
	right: calc(100% + -9rem);
	
}


/*
==============================
	xs 499 - смартфоны
==============================
*/
@media (max-width: 499px) {
html {
    font-size: 14px;
}
blockquote {
    padding: 1rem 2rem;
    margin: 2rem 0;
    font-size: 1.125rem;
}
pre, code, kbd, samp {
    padding: 0.5rem 2rem;
}
/* header */
#header .btn {
	font-size: 1rem;
	display: none;
}
.logo img {
	max-width: 6rem;
	margin-left: 1rem;
}
#header .phone {
	padding-left: 1.2rem;
}
header .flexWrap .flexItem:nth-child(3){display:none;}
/* offer */
#offer h1 {
	font-size: 1.5rem;
	letter-spacing: unset;
	position: relative;
	margin: 0 0 0 1rem;
	line-height: 1;
}
#offer h1::before {
	position: absolute;
	content: "";
	display: block;
	background-image: url(i/headdingBefore.png);
	width: 60px;
	height: 60px;
	left: -1.5rem;
	top: -1.5rem;
	background-size: contain;
	background-repeat: no-repeat;
}

.rivalListItem {
	width: 100%;
}
.rivalListText {
	margin-top: 0rem;
	font-size: 1.125rem;
	top: unset;
	padding-left: 1rem;
	padding-right: 1rem;
	position: relative;
	width: 100%;
	left: unset;
	margin: 1rem auto 3rem;
}
.rivalListImg-2 .rivalListText {
	right: 100%;
	left: unset;
	padding-left: 1rem;
	padding-right: 1rem;
	width: 100%;
	right: unset;
}

/* digit */
#digit {
	margin-bottom: 0rem;
	padding-top: 0;
}
.digitListHeadding {
	font-weight: bold;
	margin-top: 2rem;
	font-size: 1.125rem;
	line-height: 1.2;
	height: 3.5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	text-align: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-bottom: 0.5rem;
}
.digitListIimg img {
	width: 100px;
}

/* сat */
#сat h2 {
	font-size: 1.4rem;
	margin-bottom: 2rem;
}
.сatListName a {
	font-size: 1.2rem;
	font-weight: 300;
	margin: 2rem 2rem 0rem 2rem;
}
.сatListItem {
	height: 200px !important;
	max-width: 500px;
	margin: 1rem auto;
}

.сatTextSimple {
	font-size: 1.4rem;
	margin: 5rem 0 0;
}

/* trouble */
#trouble h2 {
	font-size: 1.4rem;
	margin: 1rem 0 0 2rem;
	position: relative;
}
#trouble h2::before {
	width: 60px;
	height: 60px;
	background-size: contain;
	background-repeat: no-repeat;
	left: -2rem;
	top: -1.5rem;
}
.troubleListItem {
	height: unset;
	display: block;
}
.troubleListImg {
	position: relative;
	left: 0;
	top: 0;
	height: unset;
	width: 100%;
}
.troubleListWrapText::after {
	display: none;
}
.troubleList-2 .troubleListWrapText {
	margin-left: 0;
}

/* help */
#help h2 {
	font-size: 1.4rem;
	margin: 1rem 0 0 2rem;
	position: relative;
}
#help h2::before {
	width: 60px;
	height: 60px;
	background-size: contain;
	background-repeat: no-repeat;
	left: -2rem;
	top: -1.5rem;
}
.helpList {
	margin-left: 2rem;
	width: 100%;
	max-width: 250px;
	position: relative;
}
.helpList .flexWrap span:nth-child(1) {
	font-weight: bold;
	color: #86ccd3;
	font-size: 2rem;
	line-height: 1;
	margin-right: 1rem;
}
.helpList .flexWrap span {
	font-size: 1.125rem;
	font-weight: 300;
	line-height: 1.2;
}
#help .wrapBtn {
	max-width: 700px;
	width: 100%;
	margin: 1rem auto 0;
	text-align: center;
}
.helpImg1 {
	right: 0;
	top: 50%;
	height: 300px;
	left: unset;
	-webkit-transform: translate(87%,-59%);
	    -ms-transform: translate(87%,-59%);
	        transform: translate(87%,-59%);
}

/* dir */
.dirTextWrap {
	margin-top: 1rem;
}
.dirTextWrap {
	display: block;
	margin-top: 1rem;
	padding-top: 2rem;
}

/* recall */
#recall h2 {
	font-size: 1.4rem;
	margin: 1rem 2rem 3rem;
}
.wrapRecall-sliderDubler {
	opacity: 0;
}
.recallItemHeadding {
	display: block;
	align-items: unset;
	max-height: unset;
	height: unset;
	overflow: unset;
	text-align: center;
}
.recallListImg {
	min-width: 13.125rem;
	max-width: 13.125rem;
	height: 13.125rem;
	margin: auto;
}

/* sert */
#sert h2 {
	font-size: 1.4rem;
	margin: 2rem 2rem 3rem;
}
.sert-slider a {
	display: block;
	padding: 1.7rem;
	position: relative;
	transition: all 500ms ease 0ms;
}

#openForm h2 {
	font-size: 1.4rem;
}
.form2 {
	padding: 1rem 2rem;
}
.form2 .form .form-desk {
	font-size: 1.25rem;
}
.form-control {
	line-height: 4rem;
}
.form-group label {
	padding: 1.3rem 1rem;
}

/* footer */
footer .flexWrap {
	display: block;
}
footer .flexItem:nth-child(1) {
	width: 100%;
	margin-bottom: 3rem;
}
footer .logo img {
	max-width: 9rem;
	margin-left: 0rem;
}
footer .flexItem:nth-child(4) {
	max-width: 100%;
	min-width: 100%;
}

/* product-page */
.cardProdPrice, .cardProdSalePrice {
	font-size: 1.2rem;
	line-height: 1;
}
.cardProdInfo .add_item, .cardProdInfo .add_item:hover, .cardProdInfo .add_item:active, .cardProdInfo .add_item:focus {
	font-size: 1rem;
	width: 1.5rem;
	background-position: center;
	background-size: 1.4rem;
	display: block;
	line-height: 3rem;
	height: 1.5rem;
	padding: 0;
	border-radius: 50%;
	background-size: 15px;
}

/* pop-up */
#modal-not-agreement .btn {
	margin-top: 2rem;
	font-size: 1.2rem;
	line-height: 1.2;
	padding: 0.5rem;
}
/**************************************************/
}



/* animation */
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}


@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}