@font-face{
	font-family: "open-sans";
	src: url("../fonts/OpenSans-Light_0.ttf") format("truetype");
	font-weight: 300;
	font-style: normal;
}
@font-face{
	font-family: "open-sans";
	src: local("Open Sans"),
		 local("OpenSans"),
		 url("../fonts/opensans.woff2") format("woff2"),
		 url("../fonts/opensans.woff") format("woff"),
		 url("../fonts/opensans.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
}
@font-face{
	font-family: "open-sans";
	src: local("Open Sans Italic"),
		 local("OpenSans-Italic"),
		 url("../fonts/opensansitalic.woff2") format("woff2"),
		 url("../fonts/opensansitalic.woff") format("woff"),
		 url("../fonts/opensansitalic.ttf") format("truetype");
	font-weight: 400;
	font-style: italic;
}
@font-face{
	font-family: "open-sans";
	src: local("Open Sans Semibold"),
		 local("OpenSans-Semibold"),
		 url("../fonts/opensanssemibold.woff2") format("woff2"),
		 url("../fonts/opensanssemibold.woff") format("woff"),
		 url("../fonts/opensanssemibold.ttf") format("truetype");
	font-weight: 600;
	font-style: normal;
}
@font-face{
	font-family: "open-sans";
	src: local("Open Sans Semibold Italic"),
		 local("OpenSans-SemiboldItalic"),
		 url("../fonts/opensanssemibolditalic.woff2") format("woff2"),
		 url("../fonts/opensanssemibolditalic.woff") format("woff"), url("../fonts/opensanssemibolditalic.ttf") format("truetype");
	font-weight: 600;
	font-style: italic;
}
@font-face{
	font-family: "open-sans";
	src: local('Open Sans Bold'),
		 local('OpenSans-Bold'),
		 url('../fonts/opensansbold.woff2') format('woff2'),
		 url('../fonts/opensansbold.woff') format('woff'),
		 url('../fonts/opensansbold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

/* Roboto Condensed */
@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed/RobotoCondensed-Medium.woff2') format('woff2'),
        url('../fonts/RobotoCondensed/RobotoCondensed-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed/RobotoCondensed-Bold.woff2') format('woff2'),
        url('../fonts/RobotoCondensed/RobotoCondensed-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed/RobotoCondensed-SemiBold.woff2') format('woff2'),
        url('../fonts/RobotoCondensed/RobotoCondensed-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed/RobotoCondensed-Light.woff2') format('woff2'),
        url('../fonts/RobotoCondensed/RobotoCondensed-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed/RobotoCondensed-Black.woff2') format('woff2'),
        url('../fonts/RobotoCondensed/RobotoCondensed-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed/RobotoCondensed-Regular.woff2') format('woff2'),
        url('../fonts/RobotoCondensed/RobotoCondensed-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url('../fonts/RobotoCondensed/RobotoCondensed-ExtraBold.woff2') format('woff2'),
        url('../fonts/RobotoCondensed/RobotoCondensed-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}



body.not-front .dialog-off-canvas-main-canvas{
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
.footer{
	margin-top: auto;
}
/*body.not-front #block-webshop-content{
	flex: 1;
}*/
/*.services__text-block{
	height: 100%;
}*/

.hidden {
	display: none!important;
}

.container{
	width: 1170px;
	padding: 0 15px;
	margin: 0 auto;
	position: relative;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
html, body{
	font-family: "open-sans", sans-serif;
	font-size: 14px;
	color: #202020;
	font-weight: 400;
	font-style: normal;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
 	position: relative;
 	/* min-width: 1170px; */
 	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
}
ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
a{
	text-decoration: none;
}
h1,h2,h3,h4,h5,h6{
	margin-top: 0;
}
p{
	font-size: 14px;
	font-weight: 400;
}
button{
	border: none;
	background: no-repeat;
	outline: none;
	cursor: pointer;
}
input:invalid{
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}
input::-ms-clear,
input::-ms-reveal{
   display: none;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{
   display: none;
}

/*************************************
			  HEADER
**************************************/

.header{

	position: relative;

}

.header__top-line{

	background: -webkit-gradient(linear, left top, right top, color-stop(30%, #343a3f), color-stop(20%, #FFF));

	background: -webkit-linear-gradient(left, #343a3f 30%, #FFF 20%);

	background: -moz-linear-gradient(left, #343a3f 30%, #FFF 20%);

	background: -o-linear-gradient(left, #343a3f 30%, #FFF 20%);

	background: linear-gradient(90deg, #343a3f 30%, #FFF 20%);

	-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);

	   -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);

	        box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);

	position: relative;

	z-index: 6;

}

.header__container{

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	height: 98px;

}

.header__logo-box{

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-webkit-align-items: center;

	   -moz-box-align: center;

	    -ms-flex-align: center;

	        align-items: center;

	z-index: 1;

	width: 300px;

	background: -webkit-linear-gradient(192.5deg, #fff 26px, #343a3f 27px);

	background: -moz-linear-gradient(192.5deg, #fff 26px, #343a3f 27px);

	background: -o-linear-gradient(192.5deg, #fff 26px, #343a3f 27px);

	background: linear-gradient(-102.5deg, #fff 26px, #343a3f 27px);

}

.header__logo-link{



}

.header__logo-img{



}

.header__box{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	   -moz-box-orient: vertical;
	   -moz-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	   -moz-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	z-index: 1;
	background-color: #fff;
	padding-left: 25px;
}

.header__top-block{

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	padding-right: 85px;

	-webkit-box-pack: justify;

	-webkit-justify-content: space-between;

	   -moz-box-pack: justify;

	    -ms-flex-pack: justify;

	        justify-content: space-between;

	-webkit-box-align: center;

	-webkit-align-items: center;

	   -moz-box-align: center;

	    -ms-flex-align: center;

	        align-items: center;

	height: 32px;

}

.header__contact-us{

	display: inline-block;

	color: #717c85;

	margin-right: 102px;

}

.header__mail,

.header__tel{

	color: #353c41;

	font-weight: 600;

	font-size: 16px;

	padding-left: 22px;

	position: relative;

}

.header__tel span{

	font-weight: 400;

}

.header__mail:after,

.header__tel:after{

	content: "";

	display: inline-block;

	background-repeat: no-repeat;

	position: absolute;

	left: 0;

	top: 50%;

	-webkit-transform: translateY(-50%);

	   -moz-transform: translateY(-50%);

	    -ms-transform: translateY(-50%);

	     -o-transform: translateY(-50%);

	        transform: translateY(-50%);

}

.header__mail:after{

	background-image: url(../img/header/mail.png);

	width: 15px;

	height: 11px;

}

.header__tel:after{

	background-image: url(../img/header/tel.png);

	width: 16px;

	height: 15px;

}

.header__bottom-block{

	-webkit-box-flex: 1;

	-webkit-flex: auto;

	   -moz-box-flex: 1;

	    -ms-flex: auto;

	        flex: auto;

	border-top: 1px solid #bcc5cd;

}

.header__bottom-box{

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-webkit-align-items: center;

	   -moz-box-align: center;

	    -ms-flex-align: center;

	        align-items: center;

	-webkit-box-pack: justify;

	-webkit-justify-content: space-between;

	   -moz-box-pack: justify;

	    -ms-flex-pack: justify;

	        justify-content: space-between;

	height: 100%;

}

.header__menu{

	display: inline-block;

}

.header__menu-item{

	display: inline-block;

	padding-right: 9px;

	margin-right: 5px;

	position: relative;

}

.header__menu-item:last-child{

	padding-right: 0;

	margin-right: 0;

}

.header__menu-item:after{

	content: "";

	display: inline-block;

	width: 1px;

	height: 14px;

	background-color: #bcc5cd;

	position: absolute;

	top: 50%;

	right: 0;

	-webkit-transform: translateY(-50%);

	   -moz-transform: translateY(-50%);

	    -ms-transform: translateY(-50%);

	     -o-transform: translateY(-50%);

	        transform: translateY(-50%);

}

.header__menu-item:last-child:after{

	display: none;

}

.header__menu-link{

	display: block;

	color: #202020;

	font-weight: 600;

	font-size: 16px;

	padding: 0 4px;

	position: relative;

	z-index: 1;

}

.header__menu-link:after{

	content: "";

	display: block;

	width: 0%;

	height: 6px;

	background-color: #bcc5cd;

	z-index: -1;

	position: absolute;

	bottom: 1px;

	left: 50%;

	-webkit-transform: translateX(-50%);

	   -moz-transform: translateX(-50%);

	    -ms-transform: translateX(-50%);

	     -o-transform: translateX(-50%);

	        transform: translateX(-50%);

	-webkit-transition: 0.25s;

	-o-transition: 0.25s;

	-moz-transition: 0.25s;

	transition: 0.25s;

}

.header__menu-link:hover:after{

	width: 100%;

}

.header__our-service{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
	height: 40px;
	font-size: 15px;
	color: #fff;
	background-color: rgba(233,88,33,1);
	-webkit-border-radius: 30px;
	   -moz-border-radius: 30px;
	        border-radius: 30px;
	padding: 0 20px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}

.header__our-service:hover{

	background-color: rgba(233,88,33,0.8);

}

.header__our-service-text{

	display: inline-block;

	margin-right: 6px;

}

.header__burger{

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-webkit-flex-direction: column;

	   -moz-box-orient: vertical;

	   -moz-box-direction: normal;

	    -ms-flex-direction: column;

	        flex-direction: column;

	-webkit-box-pack: justify;

	-webkit-justify-content: space-between;

	   -moz-box-pack: justify;

	    -ms-flex-pack: justify;

	        justify-content: space-between;

	width: 12px;

	height: 10px;

}

.header__burger span{

	display: block;

	width: 100%;

	height: 2px;

	background-color: #fff;

}

.header__order-call{
	height: 40px;
	font-size: 15px;
	color: #fff;
	background-color: rgba(38,153,76,1);
	-webkit-border-radius: 30px;
	   -moz-border-radius: 30px;
	        border-radius: 30px;
	padding: 0 17px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}

.header__order-call:hover{

	background-color: rgba(38,153,76,0.8);

}





/*************************************

			  МЕНЮ

**************************************/



.menu__box{

	display: none;

	background: -webkit-gradient(linear, left top, right top, color-stop(30%, #e5eaef), color-stop(20%, #fff));

	background: -webkit-linear-gradient(left, #e5eaef 30%, #fff 20%);

	background: -moz-linear-gradient(left, #e5eaef 30%, #fff 20%);

	background: -o-linear-gradient(left, #e5eaef 30%, #fff 20%);

	background: linear-gradient(90deg, #e5eaef 30%, #fff 20%);

	z-index: 5;

	position: absolute;

	top: 97px;

	left: 0;

	right: 0;

	opacity: 0;

	-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);

	   -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);

	        box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);

}

.menu__box.active{

	display: block;

	-webkit-animation: showmenu 0.2s linear;

	   -moz-animation: showmenu 0.2s linear;

	     -o-animation: showmenu 0.2s linear;

	        animation: showmenu 0.2s linear;

	-webkit-animation-fill-mode: forwards;

	   -moz-animation-fill-mode: forwards;

	     -o-animation-fill-mode: forwards;

	        animation-fill-mode: forwards;

}

@-webkit-keyframes showmenu{

	0%{

		opacity: 0;

		top: 120px;

	}

	100%{

		opacity: 1;

		top: 97px;

	}

}

@-moz-keyframes showmenu{

	0%{

		opacity: 0;

		top: 120px;

	}

	100%{

		opacity: 1;

		top: 97px;

	}

}

@-o-keyframes showmenu{

	0%{

		opacity: 0;

		top: 120px;

	}

	100%{

		opacity: 1;

		top: 97px;

	}

}

@keyframes showmenu{

	0%{

		opacity: 0;

		top: 120px;

	}

	100%{

		opacity: 1;

		top: 97px;

	}

}

.menu__box.back-active{

	-webkit-animation: backshowmenu 0.2s linear;

	   -moz-animation: backshowmenu 0.2s linear;

	     -o-animation: backshowmenu 0.2s linear;

	        animation: backshowmenu 0.2s linear;

}

@-webkit-keyframes backshowmenu{

	0%{

		opacity: 1;

		top: 97px;

	}

	100%{

		opacity: 0;

		top: 70px;

	}

}

@-moz-keyframes backshowmenu{

	0%{

		opacity: 1;

		top: 97px;

	}

	100%{

		opacity: 0;

		top: 70px;

	}

}

@-o-keyframes backshowmenu{

	0%{

		opacity: 1;

		top: 97px;

	}

	100%{

		opacity: 0;

		top: 70px;

	}

}

@keyframes backshowmenu{

	0%{

		opacity: 1;

		top: 97px;

	}

	100%{

		opacity: 0;

		top: 70px;

	}

}

.menu__close{

	display: inline-block;

    width: 40px;

    height: 40px;

    position: absolute;

    top: 10px;

    right: 10px;

    cursor: pointer;

}

.menu__close:before,

.menu__close:after{

    content: "";

    display: inline-block;

    width: 22px;

    height: 2px;

    background-color: #717c85;

    -webkit-border-radius: 5px;

       -moz-border-radius: 5px;

            border-radius: 5px;

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    margin: auto;

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    -moz-transition: 0.3s;

    transition: 0.3s;

}

.menu__close:before {

    -webkit-transform: rotate(45deg);

       -moz-transform: rotate(45deg);

        -ms-transform: rotate(45deg);

         -o-transform: rotate(45deg);

            transform: rotate(45deg);

}

.menu__close:after {

    -webkit-transform: rotate(-45deg);

       -moz-transform: rotate(-45deg);

        -ms-transform: rotate(-45deg);

         -o-transform: rotate(-45deg);

            transform: rotate(-45deg);

}

.menu__close:hover:before,

.menu__close:hover:after{

	background-color: #202020;

}



.menu__container{

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

}

.menu__list-box{

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-webkit-flex-direction: column;

	   -moz-box-orient: vertical;

	   -moz-box-direction: normal;

	    -ms-flex-direction: column;

	        flex-direction: column;

	width: 295px;

	padding-top: 30px;

	background-color: #e5eaef;

	position: relative;

	z-index: 1;

}

.menu__list-title{

	font-size: 16px;

	color: #707070;

	line-height: 19px;

	margin-bottom: 30px;

}

.menu__list{

	display: block;

	visibility: visible;

}

.menu__item{

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-webkit-align-items: center;

	   -moz-box-align: center;

	    -ms-flex-align: center;

	        align-items: center;

	height: 86px;

	min-height: 86px;

	font-size: 20px;

	color: #202020;

	font-weight: 600;

	line-height: 23px;

	padding-left: 38px;

	cursor: pointer;

	position: relative;

	z-index: 1;

	-webkit-box-sizing: border-box;

	   -moz-box-sizing: border-box;

	        box-sizing: border-box;

	-webkit-transition: 0.25s;

	-o-transition: 0.25s;

	-moz-transition: 0.25s;

	transition: 0.25s;

	margin-bottom: 12px;

}

.menu__item:last-child{

	margin-bottom: 0;

}

.menu__item:hover,

.menu__item.active{

	color: #fff;

}

.menu__item:before{

	content: "";

	display: block;

	height: 100%;

	width: 3px;

	background-color: #e95821;

	position: absolute;

	left: 0;

	top: 0;

	-webkit-transition: 0.25s;

	-o-transition: 0.25s;

	-moz-transition: 0.25s;

	transition: 0.25s;

	z-index: -1;

}

.menu__item.active:before{

	width: 100%;

}

.menu__item:after{

	content: "";

	display: inline-block;

	border: 12px solid transparent;

	border-right: none;

	border-left: 0px solid #e95821;

	position: absolute;

	left: 0;

	top: 50%;

	-webkit-transform: translateY(-50%);

	   -moz-transform: translateY(-50%);

	    -ms-transform: translateY(-50%);

	     -o-transform: translateY(-50%);

	        transform: translateY(-50%);

	-webkit-transition: 0.29s;

	-o-transition: 0.29s;

	-moz-transition: 0.29s;

	transition: 0.29s;

	opacity: 0;

}

.menu__item.active:after{

	left: 100%;

	border-left-width: 12px;

	opacity: 1;

}

.menu__item span{

	display: inline-block;

}

.menu__copyright{

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	margin-top: auto;

	font-size: 12px;

	color: #a9b2ba;

	padding-top: 20px;

	padding-bottom: 10px;

}

.menu__content-box{

	-webkit-box-flex: 1;

	-webkit-flex: 1;

	   -moz-box-flex: 1;

	    -ms-flex: 1;

	        flex: 1;

	padding-top: 25px;

	padding-left: 65px;

	background-color: #fff;

	position: relative;

}

.menu__list-box,

.menu__content-box{

	padding-bottom: 25px;

}

.menu__content{

	display: none;

}

.menu__content.active{

	display: block;

}

.menu__number{

	color: #e5eaef;

	font-weight: 700;

	font-size: 24px;

	padding-bottom: 3px;

	margin-bottom: 9px;

	border-bottom: 2px solid #e5eaef;

}

.menu__title{

	font-size: 20px;

	font-weight: 700;

	color: #e95821;

	margin-bottom: 20px;

}

.menu__text-title{

	display: inline-block;

	cursor: pointer;

	color: #202020;

	padding-left: 38px;

	font-size: 16px;

	font-weight: 700;

	margin-bottom: 12px;

	position: relative;

	width: 100%;

}

.menu__text-title:hover{

	text-decoration: underline;

}

.menu__text-title:before{

	content: "";

	display: inline-block;

	width: 27px;

	height: 2px;

	background-color: #e95821;

	position: absolute;

	top: 10px;

	left: 0;

}

.menu__text-list{

	

}

.menu__text-list li{
	margin-bottom: 1px;
}

.menu__text-list li:last-child{
	margin-bottom: 0;
	margin-bottom: 15px;
}

.menu__text-list li a{
	display: block;
	color: #202020;
	line-height: 24px;
	cursor: pointer;
	padding-left: 80px;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}

.menu__text-list li a:hover,
.menu__text-list li a.active{
	background-color: #e5eaef;
}


/*************************************
			  БАННЕР
**************************************/

.banner{
	height: 480px;
	padding-top: 160px;
	background-image: url(../img/poster/poster_bg.jpg);

	background-repeat: no-repeat;

	background-position: center;

	-webkit-background-size: cover;

	   -moz-background-size: cover;

	     -o-background-size: cover;

	        background-size: cover;

	-webkit-box-sizing: border-box;

	   -moz-box-sizing: border-box;

	        box-sizing: border-box;

}

.banner__title{

	color: #fff;

	position: relative;

}

.banner__title:after{

	content: "";

	display: inline-block;

	width: 99px;

	height: 6px;

	background-color: #e95821;

	position: absolute;

	bottom: -25px;

	left: 0;

}

.banner__narrow{

	font-size: 32px;

	font-weight: 300;

}

.banner__weight{

	display: block;

	font-family: "Roboto Condensed", sans-serif;

	font-size: 42px;

	text-transform: uppercase;

	margin-top: 3px;

}





/*************************************

			О КОМПАНИИ

**************************************/



.main-about{

	padding: 60px 0;

}

.block-title{

	font-size: 26px;

	font-weight: 300;

	color: #202020;

	position: relative;

}

.block-title:after{

	content: "";

	display: inline-block;

	width: 99px;

	height: 4px;

	background-color: #e95821;

	position: absolute;

	bottom: -13px;

	left: 0;

}

.main-about__text-box{

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	margin-top: 40px;

}

.main-about__text{

	width: 50%;

	padding-right: 40px;

	-webkit-box-sizing: border-box;

	   -moz-box-sizing: border-box;

	        box-sizing: border-box;

}





/*************************************

			УСЛУГИ

**************************************/



.service{

	padding: 45px 0;

	background-color: #eef1f3;

}

.service__container{

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-flex-wrap: wrap;

	    -ms-flex-wrap: wrap;

	        flex-wrap: wrap;

}

.service__box{

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-webkit-flex-direction: column;

	   -moz-box-orient: vertical;

	   -moz-box-direction: normal;

	    -ms-flex-direction: column;

	        flex-direction: column;

	-webkit-flex-wrap: wrap;

	    -ms-flex-wrap: wrap;

	        flex-wrap: wrap;

	height: 220px;

	padding: 35px;

	cursor: pointer;

	-webkit-box-sizing: border-box;

	   -moz-box-sizing: border-box;

	        box-sizing: border-box;

	-webkit-transition: 0.3s;

	-o-transition: 0.3s;

	-moz-transition: 0.3s;

	transition: 0.3s;

	-webkit-box-shadow: inset 0 0 0 0 #eef1f3;

	   -moz-box-shadow: inset 0 0 0 0 #eef1f3;

	        box-shadow: inset 0 0 0 0 #eef1f3;

	background-repeat: no-repeat;

	-webkit-background-size: cover;

	   -moz-background-size: cover;

	     -o-background-size: cover;

	        background-size: cover;

}

.service__box:hover{

	-webkit-box-shadow: inset 0 0 0 10px #eef1f3;

	   -moz-box-shadow: inset 0 0 0 10px #eef1f3;

	        box-shadow: inset 0 0 0 10px #eef1f3;

}

.service__name{

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	margin-bottom: auto;

	width: 100%;

	font-size: 18px;

	color: #fff;

	font-weight: 400;

	text-transform: uppercase;

	position: relative;

}

.service__name:after{

	content: "";

	display: inline-block;

	width: 0;

	height: 3px;

	background-color: #e95821;

	position: absolute;

	bottom: -10px;

	left: 0;

	-webkit-transition: 0.3s;

	-o-transition: 0.3s;

	-moz-transition: 0.3s;

	transition: 0.3s;

}

.service__box:hover .service__name:after{

	width: 48px;

}

.service__button{

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: center;

	-webkit-justify-content: center;

	   -moz-box-pack: center;

	    -ms-flex-pack: center;

	        justify-content: center;

	margin-top: auto;

	height: 42px;

	width: 192px;

	font-size: 14px;

	color: #fff;

	padding: 11px 0 0;

	background-color: #e95821;

	-webkit-border-radius: 30px;

	   -moz-border-radius: 30px;

	        border-radius: 30px;

	-webkit-box-sizing: border-box;

	   -moz-box-sizing: border-box;

	        box-sizing: border-box;

	opacity: 0;

	-webkit-transition: 0.3s;

	-o-transition: 0.3s;

	-moz-transition: 0.3s;

	transition: 0.3s;

}

.service__button:hover{

	background-color: #fff;

	color: #202020;

}

.service__box:hover .service__button{

	opacity: 1;

}



.service__box-33{

	width: 33.333%;

}

.service__box-66{

	width: 66.666%;

}

.service__box-50{

	width: 50%;

}

.service__box-100{

	width: 100%;

}

.service__box_height{

	height: 440px;

}

.service__bottom-block{

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

}

.service__left-block{

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-flex-wrap: wrap;

	    -ms-flex-wrap: wrap;

	        flex-wrap: wrap;

}

.service__right-block{

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

}

.pay-online{

	display: block;

	width: 290px;

	margin: 30px auto 0;

	color: #fff;

	font-size: 14px;

	text-align: center;

	background-color: rgba(233,88,33,1);

	padding: 12px 0;

	-webkit-border-radius: 30px;

	   -moz-border-radius: 30px;

	        border-radius: 30px;

	border: 1px solid #e95821;

	-webkit-box-sizing: border-box;

	   -moz-box-sizing: border-box;

	        box-sizing: border-box;

	-webkit-transition: 0.3s;

	-o-transition: 0.3s;

	-moz-transition: 0.3s;

	transition: 0.3s;

}

.pay-online:hover{

	background-color: rgba(233,88,33,0);

	color: #202020;

}





/*************************************

			НАШИ ЭКСПЕРТЫ

**************************************/



.experts{

	padding-top: 40px;

	padding-bottom: 50px;

}

.experts__slider{

	position: relative;

	text-align: center;

	margin-top: 40px;

}

.experts__slide{

	outline: none;

	padding: 0 15px;

}

.experts__slider .slick-track {

    padding: 20px 0;

}

.experts__box{

	color:#202020;

	display: inline-block;

	padding: 23px;

	-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);

	   -moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);

	        box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);

	position: relative;

	color: #202020;

	outline: none;

	cursor: pointer;

	-webkit-transition: 0.3s;

	-o-transition: 0.3s;

	-moz-transition: 0.3s;

	transition: 0.3s;

}

.experts__box:hover{

	-webkit-box-shadow: 0 0 17px 0 rgba(0,0,0,0.25);

	   -moz-box-shadow: 0 0 17px 0 rgba(0,0,0,0.25);

	        box-shadow: 0 0 17px 0 rgba(0,0,0,0.25);

}

.experts__box:before,

.experts__box:after{

	content: "";

	display: block;

	width: 0;

	height: 3px;

	background-color: #e95821;

	position: absolute;

	-webkit-transition: 0.3s;

	-o-transition: 0.3s;

	-moz-transition: 0.3s;

	transition: 0.3s;

	left: 50%;

	-webkit-transform: translateX(-50%);

	   -moz-transform: translateX(-50%);

	    -ms-transform: translateX(-50%);

	     -o-transform: translateX(-50%);

	        transform: translateX(-50%);

}

.experts__box:before{

	top: 0;

}

.experts__box:after{

	bottom: 0;

}

.experts__box:hover:before,

.experts__box:hover:after{

	width: 100%;

}

.experts__img-box{

	width: 214px;

	height: 214px;

	text-align: center;

	margin-bottom: 12px;

}

.experts__img{

	display: inline-block !important;

	max-height: 100%;

	max-width: 100%;

}

.experts__name{

	text-align: center;

	font-size: 14px;

	padding-bottom: 8px;

	margin-bottom: 9px;

	border-bottom: 1px solid #c1c8ce;

}

.experts__name span{

	display: block;

	font-size: 18px;

	font-weight: 700;

}

.experts__position{

	font-size: 14px;

	text-align: center;

}

.experts__diplom{

	display: inline-block;

	padding-top: 10px;

	font-weight: 600;

	color: #e95821;

	text-decoration: underline;

	-webkit-transition: 0.3s;

	-o-transition: 0.3s;

	-moz-transition: 0.3s;

	transition: 0.3s;

	-webkit-box-sizing: border-box;

	   -moz-box-sizing: border-box;

	        box-sizing: border-box;

}

.experts__diplom:hover{

	text-decoration: none;

}

.arrows .slick-arrow{

	display: inline-block;

	width: 20px;

	height: 33px;

	position: absolute;

	top: 50%;

	-webkit-transform: translateY(-50%);

	   -moz-transform: translateY(-50%);

	    -ms-transform: translateY(-50%);

	     -o-transform: translateY(-50%);

	        transform: translateY(-50%);

	background-repeat: no-repeat;

	padding: 0;

}

.arrows .slick-prev{

	left: -50px;

	background-image: url(../img/icons/prev.png);

}

.arrows .slick-prev:hover{

	background-image: url(../img/icons/prev-active.png);

}

.arrows .slick-next{

	right: -50px;

	background-image: url(../img/icons/next.png);

}

.arrows .slick-next:hover{

	background-image: url(../img/icons/next-active.png);

}



/*************************************

			  ОТЗЫВЫ

**************************************/



.comments{

	padding-top: 35px;

	padding-bottom: 40px;

	background-color: #eef1f3;

}

.comments__slider{

	margin-top: 50px;

}

.comments__slide{

	padding: 0 15px;

	outline: none;

}

.comments__slider .slick-track{

	padding-top: 20px;

}

.comments__box{

	display: block;

	outline: none;

	text-align: center;

}

.comments__img-box{

	position: relative;

	margin-bottom: 25px;

	-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);

	   -moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);

	        box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);

	-webkit-transition: 0.3s;

	-o-transition: 0.3s;

	-moz-transition: 0.3s;

	transition: 0.3s;

}

.comments__box:hover .comments__img-box{

	-webkit-transform: scale(1.05);

	   -moz-transform: scale(1.05);

	    -ms-transform: scale(1.05);

	     -o-transform: scale(1.05);

	        transform: scale(1.05);

}

.comments__img-box:after,

.comments__img-box:before{

	content: "";

	position: absolute;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	opacity: 0;

	-webkit-transition: 0.3s;

	-o-transition: 0.3s;

	-moz-transition: 0.3s;

	transition: 0.3s;

}

.comments__img-box:after{

	background-color: #000;

}

.comments__box:hover .comments__img-box:after{

	opacity: 0.2;

}

.comments__img-box:before{

	display: inline-block;

	background-image: url(../img/icons/magnifier.png);

	background-repeat: no-repeat;

	width: 44px;

	height: 47px;

	margin: auto;

	z-index: 1;

}

.comments__box:hover .comments__img-box:before{

	opacity: 1;

}

.comments__img{

	width: 100%;

}

.comments__link,

.service-page__link{

	display: inline-block;

	color: #fff;

	font-size: 14px;

	padding: 10px 35px;

	background-color: rgba(38, 153, 76, 1);

	border: 1px solid #26994c;

	-webkit-border-radius: 30px;

	   -moz-border-radius: 30px;

	        border-radius: 30px;

	-webkit-box-sizing: border-box;

	   -moz-box-sizing: border-box;

	        box-sizing: border-box;

	opacity: 0;

	-webkit-transition: 0.3s;

	-o-transition: 0.3s;

	-moz-transition: 0.3s;

	transition: 0.3s;

}

.comments__link:hover,

.service-page__link:hover{

	background-color: rgba(38, 153, 76, 0);

	color: #26994c;

}

.comments__box:hover .comments__link{

	opacity: 1;

}



/* Стиллизованный fancybox */

.fancybox-bg{

	background: #343a3f;

}

.fancybox-button svg{

	display: none;

}

.fancybox-button--close{

	position: relative;

	background: none;

}

.fancybox-button--close:before,

.fancybox-button--close:after{

	content: "";

	display: inline-block;

	width: 35px;

	height: 4px;

	background-color: #c1c8ce;

	-webkit-border-radius: 5px;

	   -moz-border-radius: 5px;

	        border-radius: 5px;

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	margin: auto;

}

.fancybox-button--close:before{

	-webkit-transform: rotate(45deg);

	   -moz-transform: rotate(45deg);

	    -ms-transform: rotate(45deg);

	     -o-transform: rotate(45deg);

	        transform: rotate(45deg);

}

.fancybox-button--close:after{

	-webkit-transform: rotate(-45deg);

	   -moz-transform: rotate(-45deg);

	    -ms-transform: rotate(-45deg);

	     -o-transform: rotate(-45deg);

	        transform: rotate(-45deg);

}

.fancybox-toolbar{

	top: 10px;

	right: 10px;

}

.fancybox-button--arrow_left,

.fancybox-button--arrow_right{

	width: 35px !important;

	height: 35px !important;

	margin: 0 !important;

	padding: 0 !important;

}

.fancybox-button--arrow_left{

	background: url(../img/icons/prev.png) no-repeat center !important;

	left: 80px !important;

}

.fancybox-button--arrow_right{

	background: url(../img/icons/next.png) no-repeat center !important;

	right: 80px !important;

}

.fancybox-navigation button:before{

	display: none;

}

/* end */





/*************************************

			  FOOTER

**************************************/



.footer{

	padding-bottom: 15px;

	background-image: url(../img/footer/footer_bg.jpg);

	background-repeat: no-repeat;

	-webkit-background-size: cover;

	   -moz-background-size: cover;

	     -o-background-size: cover;

	        background-size: cover;

	overflow: hidden;

}

.footer__container{

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-pack: justify;

	-webkit-justify-content: space-between;

	   -moz-box-pack: justify;

	    -ms-flex-pack: justify;

	        justify-content: space-between;

}

.footer__contacts-block{

	padding-left: 27px;

	padding-top: 40px;

}

.footer__contacts-title{

	color: #fff;

	font-weight: 700;

	font-size: 18px;

	margin-bottom: 20px;

}

.footer__contact-box{

	margin-bottom: 13px;

}

.footer__contact-label{

	display: block;

	font-size: 14px;

	color: #7d8388;

	margin-bottom: 2px;

}

.footer__tel,

.footer__mail,

.footer__address{

	font-weight: 600;

	font-size: 16px;

	line-height: 20px;

	color: #fff;

	position: relative;

}

.footer__tel:before,

.footer__mail:before,

.footer__address:before{

	content: "";

	display: inline-block;

	background-repeat: no-repeat;

	position: absolute;

}

.footer__tel:before{

	background-image: url(../img/footer/tel.png);

	width: 19px;

	height: 19px;

	top: 1px;

	left: -30px;

}

.footer__mail:before{

	background-image: url(../img/footer/mail.png);

	width: 19px;

	height: 14px;

	top: 4px;

	left: -30px;

}

.footer__address:before{

	background-image: url(../img/footer/geo.png);

	width: 14px;

	height: 20px;

	top: 2px;

    left: -28px;

}

.footer__form-block{

	padding: 35px 0;

	background-color: #3b3d40;

	-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);

	   -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);

	        box-shadow: 0 0 20px 0 rgba(0,0,0,0.3);

}

.form{

	width: 360px;

	padding: 0 65px;

}

.form__title{

	text-align: center;

	font-weight: 700;

	font-size: 18px;

	color: #fff;

	margin-bottom: 21px;

}

.form__field{

	display: block;

	width: 100%;

	height: 40px;

	border: 1px solid #bcc5cd;

	-webkit-border-radius: 30px;

	   -moz-border-radius: 30px;

	        border-radius: 30px;

	margin-bottom: 8px;

	padding: 0 37px;

	font-size: 14px;

	-webkit-box-sizing: border-box;

	   -moz-box-sizing: border-box;

	        box-sizing: border-box;

	outline: none;

	background: none;

}

.footer__field{

	color: #fff;

}

.footer__field::-webkit-input-placeholder{

	color: #fff;

	font-size: 14px;

}

.footer__field::-moz-placeholder{

	color: #fff;

	font-size: 14px;

}

.form__field:focus::-moz-placeholder{

	opacity: 0;

}

.form__field:focus::-webkit-input-placeholder{

	opacity: 0;

}

.form__agree-box{

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

       -moz-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

	margin-bottom: 12px;

}

.form__agree-checkbox{

	display: none;

}

.form__agree-label{

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-webkit-align-items: center;

	   -moz-box-align: center;

	    -ms-flex-align: center;

	        align-items: center;

	cursor: pointer;

}

.form__custom-checkbox{

	display: inline-block;

	width: 18px;

	height: 18px;

	border: 2px solid #26994c;

	-webkit-border-radius: 2px;

	   -moz-border-radius: 2px;

	        border-radius: 2px;

	position: relative;

	-webkit-box-sizing: border-box;

	   -moz-box-sizing: border-box;

	        box-sizing: border-box;

}

.form__custom-checkbox:after{

	content: "";

	display: none;

	width: 11px;

	height: 9px;

	background-image: url(../img/footer/tick1.png);

	background-repeat: no-repeat;

	position: absolute;

	top: 2px;

	left: 1.5px;

}

.form__agree-checkbox:checked + label .form__custom-checkbox:after{

	display: inline-block;

}

.form__label-text{

	display: inline-block;

	color: #7d8388;

	font-size: 11px;

	margin-left: 8px;

}

.footer__privacy-link{

	color: #7d8388;

	text-decoration: underline;

}

.footer__privacy-link:hover{

	text-decoration: none;

}

.form__button{

	display: block;

	width: 100%;

	height: 40px;

	background-color: #26994c;

	-webkit-border-radius: 30px;

	   -moz-border-radius: 30px;

	        border-radius: 30px;

	border: 1px solid #26994c;

	outline: none;

	color: #fff;

	font-size: 14px;

	cursor: pointer;

	-webkit-transition: 0.3s;

	-o-transition: 0.3s;

	-moz-transition: 0.3s;

	transition: 0.3s;

	-webkit-box-sizing: border-box;

	   -moz-box-sizing: border-box;

	        box-sizing: border-box;

}

.form__button:hover{

	background-color: #fff;

	color: #26994c;

}

.form__button:disabled{

	opacity: 0.6;

	pointer-events: none;

}

.footer__copyright-block{

	padding-top: 34px;

	text-align: right;

}

.footer__logo-link{



}

.footer__logo-img{

	width: 220px;

}

.footer__copyright-box{

	font-size: 12px;

	color: #7d8388;

	margin-top: 8px;

	margin-bottom: 0;

}

.footer__copyright{

	display: block;

	margin-bottom: 2px;

}

.footer__offer{

	display: block;

}

.footer .pay-online{

	width: 225px;

	margin-top: 20px;

	margin-bottom: 25px;

}

.footer .pay-online:hover{

	color: #fff;

}

.footer__make-site{

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-webkit-align-items: center;

	   -moz-box-align: center;

	    -ms-flex-align: center;

	        align-items: center;

	-webkit-box-pack: end;

	-webkit-justify-content: flex-end;

	   -moz-box-pack: end;

	    -ms-flex-pack: end;

	        justify-content: flex-end;

	font-size: 12px;

	color: #7d8388;

}

.footer__make-site a{

    margin-left: 7px;

    margin-bottom: -4px;

}





/*************************************

		 ОКНО ЗАКАЗАТЬ ЗВОНОК

**************************************/



.window__bg{

	display: none;

	position: fixed;

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	background-color: rgba(52,58,63,0.8);

	z-index: 10;

}

.window__bg.active{

	display: block;

	-webkit-animation: showbg 0.25s linear;

	   -moz-animation: showbg 0.25s linear;

	     -o-animation: showbg 0.25s linear;

	        animation: showbg 0.25s linear;

	-webkit-animation-fill-mode: forwards;

	   -moz-animation-fill-mode: forwards;

	     -o-animation-fill-mode: forwards;

	        animation-fill-mode: forwards;

}

@-webkit-keyframes showbg{

	0%{

		opacity: 0;

	}

	100%{

		opacity: 1;

	}

}

@-moz-keyframes showbg{

	0%{

		opacity: 0;

	}

	100%{

		opacity: 1;

	}

}

@-o-keyframes showbg{

	0%{

		opacity: 0;

	}

	100%{

		opacity: 1;

	}

}

@keyframes showbg{

	0%{

		opacity: 0;

	}

	100%{

		opacity: 1;

	}

}

.window__bg.back-active{

	-webkit-animation: backshowbg 0.25s linear;

	   -moz-animation: backshowbg 0.25s linear;

	     -o-animation: backshowbg 0.25s linear;

	        animation: backshowbg 0.25s linear;

	-webkit-animation-fill-mode: forwards;

	   -moz-animation-fill-mode: forwards;

	     -o-animation-fill-mode: forwards;

	        animation-fill-mode: forwards;

}

@-webkit-keyframes backshowbg{

	0%{

		opacity: 1;

	}

	100%{

		opacity: 0;

	}

}

@-moz-keyframes backshowbg{

	0%{

		opacity: 1;

	}

	100%{

		opacity: 0;

	}

}

@-o-keyframes backshowbg{

	0%{

		opacity: 1;

	}

	100%{

		opacity: 0;

	}

}

@keyframes backshowbg{

	0%{

		opacity: 1;

	}

	100%{

		opacity: 0;

	}

}

.order-call{

	display: none;

	padding: 40px 0;

	background-color: #fff;

	position: fixed;

	top: 50%;

	left: 50%;

	-webkit-transform: translate(-50%, -50%);

	   -moz-transform: translate(-50%, -50%);

	    -ms-transform: translate(-50%, -50%);

	     -o-transform: translate(-50%, -50%);

	        transform: translate(-50%, -50%);

	z-index: 15;

}

.order-call.active{

	display: block;

	-webkit-animation: showwindow 0.25s linear;

	   -moz-animation: showwindow 0.25s linear;

	     -o-animation: showwindow 0.25s linear;

	        animation: showwindow 0.25s linear;

	-webkit-animation-fill-mode: forwards;

	   -moz-animation-fill-mode: forwards;

	     -o-animation-fill-mode: forwards;

	        animation-fill-mode: forwards;

}

@-webkit-keyframes showwindow{

	0%{

		opacity: 0;

	}

	100%{

		opacity: 1;

	}

}

@-moz-keyframes showwindow{

	0%{

		opacity: 0;

	}

	100%{

		opacity: 1;

	}

}

@-o-keyframes showwindow{

	0%{

		opacity: 0;

	}

	100%{

		opacity: 1;

	}

}

@keyframes showwindow{

	0%{

		opacity: 0;

	}

	100%{

		opacity: 1;

	}

}

.order-call.back-active{

	-webkit-animation: backshowwindow 0.25s linear;

	   -moz-animation: backshowwindow 0.25s linear;

	     -o-animation: backshowwindow 0.25s linear;

	        animation: backshowwindow 0.25s linear;

	-webkit-animation-fill-mode: forwards;

	   -moz-animation-fill-mode: forwards;

	     -o-animation-fill-mode: forwards;

	        animation-fill-mode: forwards;

}

@-webkit-keyframes backshowwindow{

	0%{

		opacity: 1;

	}

	100%{

		opacity: 0;

	}

}

@-moz-keyframes backshowwindow{

	0%{

		opacity: 1;

	}

	100%{

		opacity: 0;

	}

}

@-o-keyframes backshowwindow{

	0%{

		opacity: 1;

	}

	100%{

		opacity: 0;

	}

}

@keyframes backshowwindow{

	0%{

		opacity: 1;

	}

	100%{

		opacity: 0;

	}

}

.order-call__title{

	color: #202020;

	font-size: 21px;

	margin-bottom: 20px;

}

.order-call__field{

	color: #717c85;

}

.order-call__field::-webkit-input-placeholder{

	color: #717c85;

	font-size: 14px;

}

.order-call__field::-moz-placeholder{

	color: #717c85;

	font-size: 14px;

}

.order-call__close{

	display: inline-block;

	width: 40px;

	height: 40px;

	position: absolute;

	top: 0;

	right: 0;

	cursor: pointer;

}

.order-call__close:before,

.order-call__close:after{

	content: "";

	display: inline-block;

	width: 22px;

	height: 2px;

	background-color: #717c85;

	-webkit-border-radius: 5px;

	   -moz-border-radius: 5px;

	        border-radius: 5px;

	position: absolute;

	top: 1px;

	right: 0;

	bottom: 0;

	left: 0;

	margin: auto;

	-webkit-transition: 0.3s;

	-o-transition: 0.3s;

	-moz-transition: 0.3s;

	transition: 0.3s;

}

.order-call__close:before{

	-webkit-transform: rotate(45deg);

	   -moz-transform: rotate(45deg);

	    -ms-transform: rotate(45deg);

	     -o-transform: rotate(45deg);

	        transform: rotate(45deg);

}

.order-call__close:after{

	-webkit-transform: rotate(-45deg);

	   -moz-transform: rotate(-45deg);

	    -ms-transform: rotate(-45deg);

	     -o-transform: rotate(-45deg);

	        transform: rotate(-45deg);

}

.order-call__close:hover:before,

.order-call__close:hover:after{

	background-color: #202020;

}





/*************************************

		   СТРАНИЦА УСЛУГИ

**************************************/



/* Хлебные крошки */

.in-page__cap{

	padding-top: 33px;

	padding-bottom: 30px;

	border-bottom: 1px solid #bcc5cd;

	-webkit-box-sizing: border-box;

	   -moz-box-sizing: border-box;

	        box-sizing: border-box;

}

.bread-crumbs__container{

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	-webkit-box-align: center;

	-webkit-align-items: center;

	   -moz-box-align: center;

	    -ms-flex-align: center;

	        align-items: center;

}

.bread-crumbs__box{

	

}

.bread-crumbs{



}

.bread-crumbs li{

	display: inline-block;

}

.bread-crumbs li:not(:first-child):before {

    content: " | ";

    display: inline-block;

    color: #717c85;

    font-size: 14px;

}

.bread-crumbs li a,

.bread-crumbs li span{

	font-size: 12px;

	color: #717c85;

}

.bread-crumbs li a:hover{

	text-decoration: underline;

}

.bread-crumbs li span{



}

.back-services{

	display: inline-block;

    color: #fff;

    font-size: 14px;

    text-align: center;

    background-color: rgba(233,88,33,1);

    padding: 12px 50px;

    -webkit-border-radius: 30px;

       -moz-border-radius: 30px;

            border-radius: 30px;

    margin-left: auto;

    border: 1px solid #e95821;

    -webkit-box-sizing: border-box;

       -moz-box-sizing: border-box;

            box-sizing: border-box;

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    -moz-transition: 0.3s;

    transition: 0.3s;

}

.back-services:hover{

	background-color: rgba(233,88,33,0);

	color: #202020;

}



/* Заголовок страницы */

.page-title{

	font-size: 26px;

	font-weight: 600;

	margin-top: 3px;

	margin-bottom: 0;

}



/* Блоки с услугами */
.services{
	/* padding: 50px 0; */
	padding-top: 50px;
	padding-bottom: 50px;
}
.services__list{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	/*height: 510px;*/
	/* margin-top: 50px; */
}
.services__item{
	width: 360px;
	cursor: pointer;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	margin-bottom: 20px;
	margin-right: 28px;
}
.services__item:nth-child(3n){
	margin-right: 0;
}
.services__item:hover{
	-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
	   -moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
	        box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
}
.services__img-box{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	width: 100%;
	height: 263px;
	text-align: center;
}
.services__img-box:after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000;
	opacity: 0.3;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}
.services__item:hover .services__img-box:after{
	opacity: 0;
}

.services__img{

	display: inline-block;

	max-height: 100%;

	max-width: 100%;

}

.services__name{

	width: 100%;

	font-size: 16px;

	line-height: 20px;

	font-weight: 600;

	color: #202020;

	text-transform: uppercase;

	padding: 13px 45px;

	position: relative;

	-webkit-transition: 0.3s;

	-o-transition: 0.3s;

	-moz-transition: 0.3s;

	transition: 0.3s;

	-webkit-box-sizing: border-box;

	   -moz-box-sizing: border-box;

	        box-sizing: border-box;

}

.services__item:hover .services__name{

	color: #fff;

}

.services__name:after{

	content: "";

	width: 4px;

	height: 30px;

	background-color: #e95821;

	position: absolute;

	top: 18px;

	left: 27px;

	-webkit-transition: 0.3s;

	-o-transition: 0.3s;

	-moz-transition: 0.3s;

	transition: 0.3s;

	z-index: -1;

}

.services__item:hover .services__name:after{

	top: 0;

	right: 0;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

.services__description{
	display: none;
	padding: 22px 42px;
	/*max-height: 110px;*/
	/*-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;*/
	/*opacity: 0;*/
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.services__item:hover .services__description{
	/*opacity: 1;*/
	/*max-height: 200px;*/
}
.services__description li{
	margin-bottom: 13px;
}
.services__description li:last-child{
	margin-bottom: 0;
}
.services__description a{
	font-size: 14px;
	color: #202020;
}
.services__description a:hover{
	color: #e95821;
	text-decoration: underline;
}

/* Текст */
.services__text-block{
	/*background-color: #eef1f3;*/
	padding: 40px 0;
}


/*************************************
		   СТРАНИЦА УСЛУГА
**************************************/

.service-page__text-block{
	padding: 40px 0;
}
.service-page__container{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	   -moz-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	   -moz-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.service-page__text{
	width: 750px;
}
.service-page__form-container{
	width: 330px;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	   -moz-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}
.service-page__form-block{
	width: 330px;
	padding: 25px 35px;
	-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
	   -moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
	        box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	margin-bottom: auto;
	background-color: #fff;
	position: relative;
	z-index: 2;
}

.service-page__form-block .form__field{

	width: 100%;

}

.service-page__form-block .form__title{

	font-size: 18px;

}

.service-page__form-block.fixed{

	position: fixed;

	top: 0;

}

.service-page__form-block.absolute{

	position: absolute;

	bottom: 0;

}







/* Слайдер */

.service-page__slider-box{

	background-color: #eef1f3;

	padding-top: 50px;

	padding-bottom: 35px;

}

.service-page__slider{

	

}

.service-page__slider .slick-track {

    padding-top: 20px;

}

.service-page__slide{

	padding: 0 15px;

	outline: none;

}

.service-page__box{

	display: block;

    outline: none;

    text-align: center;

}

.service-page__img-box{

	display: -webkit-box;

	display: -webkit-flex;

	display: -moz-box;

	display: -ms-flexbox;

	display: flex;

	width: 255px;

	height: 160px;

	position: relative;

	text-align: center;

    margin-bottom: 22px;

    -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);

       -moz-box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);

            box-shadow: 0 0 15px 0 rgba(0,0,0,0.15);

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    -moz-transition: 0.3s;

    transition: 0.3s;

}

.service-page__box:hover .service-page__img-box{

	-webkit-transform: scale(1.05);

	   -moz-transform: scale(1.05);

	    -ms-transform: scale(1.05);

	     -o-transform: scale(1.05);

	        transform: scale(1.05);

}

.service-page__img-box:before,

.service-page__img-box:after{

	content: "";

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    opacity: 0;

    -webkit-transition: 0.3s;

    -o-transition: 0.3s;

    -moz-transition: 0.3s;

    transition: 0.3s;

}

.service-page__img-box:before{

    display: inline-block;

    background-image: url(../img/icons/magnifier.png);

    background-repeat: no-repeat;

    width: 44px;

    height: 47px;

    margin: auto;

    z-index: 1;

}

.service-page__box:hover .service-page__img-box:before{

    opacity: 1;

}

.service-page__img-box:after{

	background-color: #000;

}

.service-page__box:hover .service-page__img-box:after{

    opacity: 0.3;

}

.service-page__img{

	display: inline-block;

	width: 100%;

}

.service-page__box:hover .service-page__link{

	opacity: 1;

}

#block-webshop-local-tasks ul li {

	display: inline-block;

	padding: 5px 5px;

	border: 1px solid;

}

div#drupal-live-announce {

	display: none;

}

div#block-webshop-local-tasks {

	max-width: 1170px;

	margin: 0 auto;

}
.header__buttons{
	display: flex;
}
.header__our-service{
	margin-right: 10px;
}


.session-popup {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 99;
	padding: 24px;
	padding-left: 40px;
	background: #343a3f;
	min-height: 89px;
	box-sizing: border-box;
	opacity: 0;
	pointer-events: none;
	user-select: none;
  }
  
  .session-popup.active {
	opacity: 1;
	pointer-events: all;
  }
  
  .session-popup.actve {
	opacity: 1;
	pointer-events: all;
  }
  .session-popup__body {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px;
	align-items: center;
	color: #fff;
  }
  
  .session-popup__button {
	padding: 10px 33px;
	min-height: 41px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	background: #26994c;
	border-radius: 82px;
	color: currentColor;
	box-sizing: border-box;
	transition: background-color 0.3s ease;
  }
  
  @media (any-hover: hover) {
	.session-popup__button:hover {
	  cursor: pointer;
	  background-color: rgba(38, 153, 76, 0.8);
	}
  }

  @media screen and (max-width: 767px) {
	.session-popup {
		min-height: 60px;
		padding: 20px;
	}
  }