@charset "utf-8";

@import "slider.css" all;

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}

html, body {
	height: 100%;
	position: relative;
	font-family: 'Roboto', sans-serif;

	color: #3a3c3e;
	font-weight: 400;
	line-height: 1.2;
	font-size: 18px;
	display: flex; /* чтобы прилип футер */
	flex-direction: column; /* чтобы прилип футер */
	overflow-y: overlay;
}

main {
	flex-grow: 2; /* чтобы прилип футер */ 
	margin-top: 80px;
}

/* ВЫРАВНИВАНИЕ */

.container {
	width: 850px;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 900px) {
	.container {
		width: 90%;
	}
}

/* ОБЩИЕ СТИЛИ */

img {
	max-width: 100%;	
}

ul, ol {
    padding-left: 40px;
    margin-bottom: 14px;
}

ul {
	list-style-type: circle;
}

li {
	margin-bottom: 14px;
}

li > ul,
li > ol {
	padding-bottom: 0;
/* 	list-style-type: disc; */
}

p {
	margin-bottom: 14px;
	line-height: 1.7;
/* 	font-size: 16px; */
}

strong {
	font-weight: 500;
}

svg {
	-webkit-transition: 0.3s all linear;
    -moz-transition: 0.3s all linear;
    -o-transition: 0.3s all linear;
    transition: 0.3s all linear;
}

a {
	text-decoration: none;
	color: #3d7dcc;
	border-bottom: 1px solid #3d7dcc;
	-webkit-transition: 0.3s all linear;
    -moz-transition: 0.3s all linear;
    -o-transition: 0.3s all linear;
    transition: 0.3s all linear;
    
    cursor: pointer;
}

a:HOVER {
	color: #484848;
	border-color: #484848; 
}

button {
	cursor: pointer;
}

h1 {
    margin-bottom: 10px;
    margin-top: 20px;
    font-size: 30px;
    color: #d82460;
}

h2 {
	margin-bottom: 20px;
    margin-top: 30px;
    
    font-size: 26px;
    font-weight: 400;
    
    
    color: #484848;
}

h3 {
	margin-bottom: 10px;
    margin-top: 20px;
    font-size: 24px;
    font-weight: 400;
    color: #d82460;
}

.all-caps {
	text-transform: uppercase;
}

.all-italic {
	font-style: italic;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
}

/* НЕстандартные ссылки */

.include-number {
	border-bottom: none;	
}

.include-number:HOVER {
	border-bottom: none;	
}

.no-bb {
	border-bottom: none;
}

.no-bb:HOVER {
	border-bottom: none;
}

.no-bb a {
	border-bottom: none;
}

.no-bb a:HOVER {
	border-bottom: none;
}

/* ОБЕРТКИ */

.bg-lightgrey {
	background-color: #F3F3F3;
	width: 100%;
}

.bg-darkgrey {
	background-color: #484848
}

/* ТЕКСТОВЫЕ СТИЛИ */

.nowrap {
	white-space: nowrap;
}

/* СТИЛИ КНОПОК */

.button {
	width: 100%;
	margin-bottom: 10px;
	
	position: relative;
	z-index: 0;
	
	font-family: 'Open Sans', sans-serif;
	text-align: center;
	
	display: table;
	padding: 20px;

	border: 1px solid;
/* 	border-radius: 6px; */
	
/* 	font-size: 16px; */
	font-weight: 500;
	text-decoration: none;
	line-height: 1;
	text-align: center;

	transition: background .4s .4s,border-color .4s 0s,color .2s 0s;
}

.button:HOVER {
	transition: background .4s .4s,border-color .4s 0s,color .2s 0s;
}

.button::before {
    content: '';
    position: absolute;
	top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    z-index: -1;
    opacity: 0;
    transform: scale3d(.7,1,1);
    transition: transform .42s,opacity .42s;
    border-radius: inherit;
    transition-timing-function: cubic-bezier(.2,1,.3,1);
}

.button:hover::before {
    opacity: 1;
    transform: translate3d(0,0,0) scale3d(1,1,1);
}

.button.red {
	background-color: #d82460;
	color: #ffffff;
	border-color: #d82460;
}

.button.red.ghost {
	background-color: #ffffff;
	color: #d82460;
	border-color: #d82460;
}

/* .button.red.ghost:HOVER { */
/* 	background-color: #d82460; */
/* 	color: #ffffff; */
/* 	border-color: #d82460; */
/* } */

.button.red:BEFORE {
	background: #484848;
}

.button.red:hover {
	border-color: #484848;
	color: #ffffff;
}

.button.grey {
	background-color: #484848;
	color: #ffffff;
	border-color: #484848;
}

.button.grey:hover {
    border-color: #d82460;
    color: #ffffff;
}

.button.grey:BEFORE {
    background: #d82460;
}

.button.grey:hover:BEFORE {
	border-color: #d82460;
	color: #ffffff;
}

.button.grey.ghost {
    background-color: #ffffff;
    color: #484848;
    border-color: #484848;
}

.button.grey.ghost:HOVER {
/*     background-color: #484848; */
    color: #ffffff;
    border-color: #484848;
}

.more-link {
	display: flex;
	border-bottom: none;
	align-items: center;
}

.more-link:HOVER svg {
    fill: #484848;
}

.more-link span {
	margin-right: 10px;
}

.more-link svg {
    width: 15px;
    height: 10px;
    fill: #484848;
}

.more-link {
	position: relative;
	
	display: inline-block;
	
	padding-right: 20px;
	
	border-bottom: none;
	
	-webkit-transition: 0.3s all linear;
    -moz-transition: 0.3s all linear;
    -o-transition: 0.3s all linear;
    transition: 0.3s all linear;
}

.more-link:AFTER {
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	
	width: 15px;
	height: 100%;
	
	background-image: url("data:image/svg+xml;charset=utf8,<svg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'><path fill='%233d7dcc' d='M506.134,241.843c-0.006-0.006-0.011-0.013-0.018-0.019l-104.504-104c-7.829-7.791-20.492-7.762-28.285,0.068 c-7.792,7.829-7.762,20.492,0.067,28.284L443.558,236H20c-11.046,0-20,8.954-20,20c0,11.046,8.954,20,20,20h423.557 l-70.162,69.824c-7.829,7.792-7.859,20.455-0.067,28.284c7.793,7.831,20.457,7.858,28.285,0.068l104.504-104 c0.006-0.006,0.011-0.013,0.018-0.019C513.968,262.339,513.943,249.635,506.134,241.843z'/></svg>"); 
	background-repeat: no-repeat;
	background-size: 100%;	
	background-position: 0 50%;
	
	-webkit-transition: 0.3s all linear;
    -moz-transition: 0.3s all linear;
    -o-transition: 0.3s all linear;
    transition: 0.3s all linear;
}

.more-link-animated:HOVER .more-link {
	border-bottom: none;
	
    margin-left: 5px;
    -webkit-transition: all 300ms ease 0s;
    -moz-transition: all 300ms ease 0s;
    -o-transition: all 300ms ease 0s;
    transition: all 300ms ease 0s;
}

.button.indent {
	position: relative;
	margin-bottom: 60px;
}

.button.indent:AFTER {
	position: absolute;
	content: "";
	
	width: 30%;
	height: 1px;
	
	left: 50%;
	bottom: -30px;
	
	background-color: #484848;
	
	transform: translate(-50%, 0);
}

/* intro */

.intro {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	
	margin-top: 20px;
	margin-bottom: 20px;
}

.intro h1 {
	margin-top: 0;
	margin-bottom: 0;
}

.intro-img {
	width: 100px;
	min-width: 100px;
	height: 100px;
	border-radius: 50%;
	overflow: hidden;
	font-size: 0;
	
	margin-right: 10px;
}

/* buttons-menu */

.buttons-menu {
	margin-bottom: 30px;
	margin-top: 30px;
}

/* question */

.request-section {
    margin-top: 40px;
    margin-bottom: 40px;
}

.request-section .drop {
	display: block;
	padding-right: 20px;
	border-bottom: none;
	color: #009caf;
	
	position: relative;
}

.request-section .drop:AFTER {
    content: "";
    width: 15px;
    height: 15px;
    background: url(../img/icon-cross.svg) no-repeat;
    background-size: 100%;
    right: 0;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.drop.opened:AFTER  {
	background: url(../img/icon-opened-cross.svg) no-repeat;
 	background-size: 100%;

}

.drop.opened {
 	color: #019cae;
	border-top: 1px solid #019cae;
	border-bottom: 1px solid #019cae;	
}

ul.request-slide {
	list-style: none;
	padding-bottom: 0;
	padding-top: 0;
	padding-left: 0;
}

.request-slide li {
	margin-left: 0;
	margin-bottom: 0;
}

.request-slide .drop {
	padding: 14px 0;
	padding-right: 20px;
	text-decoration: none;
	border-top: 1px solid #f8f8f8;
	border-bottom: 1px solid #f8f8f8;
/* 	font-size: 16px; */
	color: #d82460;
	font-weight: 500;
    width: 100%;
}

.request-slide .drop.darkgreen {
	color: #1d5473; 
}

.request-slide .drop.darkgreen:hover {
	color: #1d5473;
	border-top: 1px solid #1d5473;
	border-bottom: 1px solid #1d5473;
}

.request-section .drop.darkgreen:AFTER {
    content: "";
    width: 15px;
    height: 15px;
	background-image: 
		url("data:image/svg+xml;charset=utf8,<svg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='50 50 100 100' enable-background='new 50 50 100 100' xml:space='preserve'><polygon fill='%231d5473' points='148.5,96.024 105.976,96.024 105.976,53.5 97.024,53.5 97.024,96.024 54.5,96.024 54.5,104.976 97.024,104.976 97.024,147.5 105.976,147.5 105.976,104.976 148.5,104.976 '/></svg>"); 
		
	background-repeat: no-repeat;
	background-size: 100%;
    right: 3px;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}


.drop.darkgreen.opened:AFTER  {
	background-image: 
		url("data:image/svg+xml;charset=utf8,<svg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100px' height='100px' viewBox='50 50 100 100' enable-background='new 50 50 100 100' xml:space='preserve'><polygon fill='%231d5473' points='139.469,54.816 101.73,92.555 63.993,54.816 56.047,62.761 93.786,100.5 56.047,138.238 63.993,146.184 101.73,108.444 139.469,146.184 147.415,138.238 109.676,100.5 147.415,62.761 '/></svg>"); 
	background-repeat: no-repeat;
	background-size: 100%;

}

.slide-wrap {
	list-style-type: none;
	padding-left: 0;
	margin-top: 20px;
}

.slide-wrap li {
	margin-bottom: 5px;
}

/* footer */

footer {
	margin-top: 20px;
}

.copyright {
	padding: 20px 0;
	font-size: 12px;
	color: #ffffff;
}

.copyright a {
	font-size: 12px;
	color: #ffffff;
	border-color: #ffffff;
}

/* header */

header {
	width: 100%;
	background-color: #f8f9fa;
	
	display: flex;
	justify-content: space-around;
	align-content: center;
	
	padding-top: 10px;
	padding-bottom: 10px; 
}

.header-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

header .include-number {
    font-size: 18px;
    color: #484848;
    display: flex;
    align-items: center;
}

header .header-soc {
    border-bottom: none;
    display: flex;
    align-content: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #d82460;
    padding: 8px;
}

header .header-soc.whatsapp {
	background-color: #5ac64e;
	border-radius: 6px;
}

header .header-soc svg {
	min-width: 20px;
    width: 20px;
    height: 20px;
    fill: #ffffff;
}

.fixed {
    position: fixed;
    z-index: 1000;
}

/* slider */

.slider-container {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 900px) and (max-width: 1199px) {
	.slider-container {
		width: 850px;
	}
}

.portfolio img {
	margin-right: 3px;
	margin-left: 3px;
}

@media (max-width: 1199px) {
	.portfolio img {
		margin-right: 0;
		margin-left: 0;
	}
}


.back-link {
	display: flex;
	border-bottom: none;
	align-items: center;
	position: relative;
	padding-left: 20px;
	color: #d82460;
	margin-bottom: 15px;
	margin-top: 15px;
}

.back-link:BEFORE {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	
	width: 15px;
	height: 100%;
	
	background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 327.682 327.682' style='enable-background:new 0 0 327.682 327.682;' fill='%23d82460' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath  d='M130.342,234.956c0-0.002-0.007-0.003-0.007-0.005l-74.061-71.11l74.059-71.118c4-3.838,6.2-8.962,6.2-14.426 c0-5.465-2.2-10.59-6.2-14.43c-8.067-7.747-21.193-7.745-29.247,0.002L2.099,158.917C0.759,160.204,0,161.982,0,163.841 s0.76,3.637,2.099,4.924l98.982,95.049c4.033,3.874,9.327,5.811,14.626,5.811s10.593-1.937,14.628-5.811 c4-3.837,6.2-8.958,6.2-14.421C136.535,243.926,134.335,238.798,130.342,234.956z M120.88,253.966 c-2.794,2.688-7.533,2.697-10.341,0.002l-93.86-90.127l93.867-90.131c2.794-2.695,7.526-2.683,10.334,0.002 c1.287,1.241,2,2.867,2,4.582c0,1.714-0.713,3.338-2,4.579l-79.186,76.044c-1.34,1.287-2.099,3.065-2.099,4.924 s0.76,3.637,2.099,4.925l79.179,76.03c1.294,1.244,2.007,2.874,2.007,4.591C122.88,251.101,122.167,252.727,120.88,253.966z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M225.908,234.951l-74.061-71.11l74.061-71.117c4-3.838,6.2-8.962,6.2-14.426c0-5.465-2.2-10.59-6.2-14.43 c-8.067-7.743-21.187-7.745-29.254,0.002l-98.98,95.049c-1.34,1.287-2.099,3.065-2.099,4.924c0,1.859,0.759,3.637,2.099,4.924 l98.98,95.051c4.033,3.871,9.327,5.806,14.626,5.806c5.299,0,10.593-1.935,14.628-5.809c4-3.837,6.2-8.958,6.2-14.421 c0-5.466-2.2-10.595-6.193-14.437C225.915,234.954,225.908,234.952,225.908,234.951z M216.451,253.966 c-2.799,2.693-7.545,2.691-10.346,0.002l-93.853-90.127l93.851-90.127c2.799-2.693,7.545-2.691,10.346-0.002 c1.287,1.241,2,2.867,2,4.582c0,1.714-0.713,3.338-2,4.579l-79.186,76.044c-1.34,1.287-2.099,3.065-2.099,4.924 c0,1.859,0.759,3.637,2.099,4.925l79.181,76.03c1.294,1.244,2.007,2.874,2.007,4.591 C218.452,251.101,217.738,252.727,216.451,253.966z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M321.488,234.956c0-0.002-0.007-0.003-0.007-0.005l-74.061-71.11l74.061-71.117c4-3.838,6.2-8.962,6.2-14.426 c0-5.465-2.2-10.59-6.2-14.43c-8.061-7.741-21.193-7.733-29.254,0.002l-98.98,95.049c-1.34,1.287-2.099,3.065-2.099,4.924 c0,1.859,0.759,3.637,2.099,4.924l98.98,95.053c4.033,3.867,9.332,5.803,14.626,5.803c5.299,0,10.6-1.937,14.628-5.808 c4-3.837,6.2-8.958,6.2-14.421C327.682,243.926,325.482,238.798,321.488,234.956z M312.025,253.966 c-2.852,2.738-7.492,2.736-10.346,0.002l-93.853-90.127l93.851-90.126c2.852-2.737,7.492-2.737,10.346-0.003 c1.287,1.241,2,2.867,2,4.582c0,1.714-0.713,3.338-2,4.579l-79.186,76.044c-1.34,1.287-2.099,3.065-2.099,4.924 c0,1.859,0.759,3.637,2.099,4.925l79.181,76.03c1.294,1.244,2.007,2.874,2.007,4.591 C314.025,251.101,313.312,252.727,312.025,253.966z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E"); 
	background-repeat: no-repeat;
	background-size: 100%;	
	background-position: 0 50%;
	
	-webkit-transition: 0.3s all linear;
    -moz-transition: 0.3s all linear;
    -o-transition: 0.3s all linear;
    transition: 0.3s all linear;
}

.back-link:HOVER:BEFORE {
	background-image: url("data:image/svg+xml;charset=utf8,%3C?xml version='1.0' encoding='iso-8859-1'?%3E%3C!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 327.682 327.682' style='enable-background:new 0 0 327.682 327.682;' fill='%23484848' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath  d='M130.342,234.956c0-0.002-0.007-0.003-0.007-0.005l-74.061-71.11l74.059-71.118c4-3.838,6.2-8.962,6.2-14.426 c0-5.465-2.2-10.59-6.2-14.43c-8.067-7.747-21.193-7.745-29.247,0.002L2.099,158.917C0.759,160.204,0,161.982,0,163.841 s0.76,3.637,2.099,4.924l98.982,95.049c4.033,3.874,9.327,5.811,14.626,5.811s10.593-1.937,14.628-5.811 c4-3.837,6.2-8.958,6.2-14.421C136.535,243.926,134.335,238.798,130.342,234.956z M120.88,253.966 c-2.794,2.688-7.533,2.697-10.341,0.002l-93.86-90.127l93.867-90.131c2.794-2.695,7.526-2.683,10.334,0.002 c1.287,1.241,2,2.867,2,4.582c0,1.714-0.713,3.338-2,4.579l-79.186,76.044c-1.34,1.287-2.099,3.065-2.099,4.924 s0.76,3.637,2.099,4.925l79.179,76.03c1.294,1.244,2.007,2.874,2.007,4.591C122.88,251.101,122.167,252.727,120.88,253.966z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M225.908,234.951l-74.061-71.11l74.061-71.117c4-3.838,6.2-8.962,6.2-14.426c0-5.465-2.2-10.59-6.2-14.43 c-8.067-7.743-21.187-7.745-29.254,0.002l-98.98,95.049c-1.34,1.287-2.099,3.065-2.099,4.924c0,1.859,0.759,3.637,2.099,4.924 l98.98,95.051c4.033,3.871,9.327,5.806,14.626,5.806c5.299,0,10.593-1.935,14.628-5.809c4-3.837,6.2-8.958,6.2-14.421 c0-5.466-2.2-10.595-6.193-14.437C225.915,234.954,225.908,234.952,225.908,234.951z M216.451,253.966 c-2.799,2.693-7.545,2.691-10.346,0.002l-93.853-90.127l93.851-90.127c2.799-2.693,7.545-2.691,10.346-0.002 c1.287,1.241,2,2.867,2,4.582c0,1.714-0.713,3.338-2,4.579l-79.186,76.044c-1.34,1.287-2.099,3.065-2.099,4.924 c0,1.859,0.759,3.637,2.099,4.925l79.181,76.03c1.294,1.244,2.007,2.874,2.007,4.591 C218.452,251.101,217.738,252.727,216.451,253.966z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cpath d='M321.488,234.956c0-0.002-0.007-0.003-0.007-0.005l-74.061-71.11l74.061-71.117c4-3.838,6.2-8.962,6.2-14.426 c0-5.465-2.2-10.59-6.2-14.43c-8.061-7.741-21.193-7.733-29.254,0.002l-98.98,95.049c-1.34,1.287-2.099,3.065-2.099,4.924 c0,1.859,0.759,3.637,2.099,4.924l98.98,95.053c4.033,3.867,9.332,5.803,14.626,5.803c5.299,0,10.6-1.937,14.628-5.808 c4-3.837,6.2-8.958,6.2-14.421C327.682,243.926,325.482,238.798,321.488,234.956z M312.025,253.966 c-2.852,2.738-7.492,2.736-10.346,0.002l-93.853-90.127l93.851-90.126c2.852-2.737,7.492-2.737,10.346-0.003 c1.287,1.241,2,2.867,2,4.582c0,1.714-0.713,3.338-2,4.579l-79.186,76.044c-1.34,1.287-2.099,3.065-2.099,4.924 c0,1.859,0.759,3.637,2.099,4.925l79.181,76.03c1.294,1.244,2.007,2.874,2.007,4.591 C314.025,251.101,313.312,252.727,312.025,253.966z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E"); 
}

.icon-item {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    font-size: 16px;
    border-radius: 0;
    padding: 17px 7px;
    border-color: #d82460;
    border-bottom: 1px solid #d82460;
    background-color: #d82460;
    color: #ffffff;
}

.icon-item svg {
    margin-right: 15px;
    fill: #ffffff;
}

.menu-kontakts svg {
	width: 40px;
	min-width: 40px;
	height: 40px;
}

.menu-kontakts .icon-item {
    padding: 10px 0 10px 30px;
}

.menu-kontakts .icon-item.button.whatsapp {
	background-color: #5ac64e;
	border-color: #5ac64e;
    border-bottom: 1px solid #5ac64e;
}

.menu-kontakts .icon-item.button.tg {
	background-color: #61a8de;
	border-color: #61a8de;
    border-bottom: 1px solid #61a8de;
}

.menu-kontakts .icon-item.button.fb {
	background-color: #1059b2;
	border-color: #1059b2;
    border-bottom: 1px solid #1059b2;
}

.menu-kontakts .icon-item.button.insta {
	background-color: #b13aa3;
	border-color: #b13aa3;
    border-bottom: 1px solid #b13aa3;
}

.menu-kontakts .icon-item.button.vk {
	background-color: #2787F5;
	border-color: #2787F5;
    border-bottom: 1px solid #2787F5;
}

.menu-kontakts .icon-item.button.youtube {
	background-color: #cc181e;
	border-color: #cc181e;
    border-bottom: 1px solid #cc181e;
}

/* .menu-kontakts .icon-item.button.insta svg, */
/* .menu-kontakts .icon-item.button.tg svg, */
/* .menu-kontakts .icon-item.button.call svg { */
/* 	width: 30px; */
/* 	min-width: 30px; */
/* 	height: 30px; */
/* 	margin-top: 5px; */
/* 	margin-bottom: 5px; */
/* } */

.menu-kontakts .icon-item:hover {
	color: #ffffff;
}

.menu-kontakts .icon-item:hover:BEFORE {
	background-color: #484848;
}

/* .cookies-box  */

.cookies-box {
    position: fixed;
    z-index: 1001;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 62px;
	bottom: 0;
    left: 0;
    right: 0;
    padding: 6px 0 10px 12px;
    font-size: 12px;
    line-height: 1.28571429;
    border-radius: 8px 8px 0 0;
    box-sizing: border-box;
    background-color: rgba(34,34,34,0.9);
    color: #fff;
    box-shadow: 2px 8px 24px 0 rgb(0 0 0 / 16%);
}

.cookies-box p {
	margin-bottom: 0;
}

.cookies-cross {
    position: relative;
    display: block;
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
    padding: 12px;
    box-sizing: content-box;
    color: currentColor;
    border-bottom: none;
    background-color: transparent;
    border: none;
}

.cookies-box a {
	color: #ffffff;
	border-color: #ffffff;
}

.cookies-box a:HOVER {
	color: #ffffff;
	opacity: 0.6;
}

.cookies-cross::before,
.cookies-cross::after {
    content: '';
    position: absolute;
    width: 22px;
    height: 1px;
    top: 23px;
    left: 12px;
    background-color: #ffffff;
    
    -webkit-transition: 0.3s all linear;
    -moz-transition: 0.3s all linear;
    -o-transition: 0.3s all linear;
    transition: 0.3s all linear;
}

.cookies-cross::before {
	transform: rotate(45deg);
}

.cookies-cross::after {
	transform: rotate(-45deg);
}

.cookies-cross:HOVER::before, .cookies-cross:HOVER::after {
	opacity: 0.6;
}

@media (min-width: 640px){
	.cookies-box {
	    font-size: 14px;
	    left: 15px;
	    max-width: 471px;
	    padding: 8px 0 8px 16px;
	    border-radius: 4px;
 	 	bottom: 20px;
	}
}