@font-face {
    font-family: AdelleSansCYR;
    src: url("AdelleSansCYR-Regular.otf") format("opentype");
}

@font-face {
    font-family: AdelleSansCYR;
    font-weight: bold;
    src: url("AdelleSansCYR-Bold.otf") format("opentype");
}
@font-face {
    font-family: "Trim Semibold";
    src: url("Trim-SemiBold.woff");
}

body{
  font-family: "AdelleSansCYR";
}
.h3.bl{display:none}
.x-close{
	right: 2px;
    top: 2px;
    width: 20px;
    height: 20px;
    background: #fff;
    position: absolute;
    cursor: pointer;
	border-radius: 50%;
}
.x-close:before {
    transform: rotate(45deg);
}
.x-close:after {
    transform: rotate(-45deg);
}
.x-close:after,.x-close:before {
    position: absolute;
    content: ' ';
    height: 14px;
    width: 2px;
    background-color: #004d7d;
    left: 9px;
    top: 3px;
}


.wr{margin:0 auto;}
.h1{background:#f8f8f8;height:36px;}
.h2{position: relative;height:136px;width:100%;display:inline-block;text-align:center;    /*box-shadow: 0 2px 4px 0px rgba(0,0,0,0.1);*/
    border-bottom: 1px solid #d8d8d8;}
.logo{    background-image: url(logo.png);
    height: 37px;
    background-repeat: no-repeat;
    background-position: center center;
	margin: 40px 0 25px;
	}
.nav{text-transform:uppercase;font-weight:bold;font-size:14px;    display: inline-block;}
.nav div{
	font-family: "Trim Semibold";
	float:left;    
	margin: 0 15px;
	color:#2b2b2b;
	font-size:.875rem;
	
}
.nav .links div:hover{border-bottom:1px solid #0065a4;cursor:pointer}
.nav  a:nth-child(2) div:not(.deny)::after{
content: "\A";
    display: inline-block;
    width: 5px;
    height: 5px;
    border-right: 1px solid #b7b1b7;
    border-bottom: 1px solid #b7b1b7;
    transform: rotate(45deg);
    position: relative;
    left: 4px;
    bottom: 3px;
	transition:.4s all;
}
.h2.added{box-shadow:none}
#product-slide{display:none;    border-top: 1px solid #d8d8d8;    position: absolute;
    width: 100%;
    background: white;height: 37px;}
#product-slide>div{
	
	display:flex;
	justify-content:center;
	padding:11px 0 9px;
	box-sizing:border-box;
}
#product-slide div div:hover {
    border-bottom: 1px solid #0065a4;
    cursor: pointer;
	color:#0065a4;
}
#product-slide div div{
	box-sizing:border-box;
	font-family: "Trim Semibold";
    float: left;
    margin: 0 12px;
    color: #2b2b2b;
    font-size: .8rem;
	text-transform:uppercase;
}

.nav a:nth-child(2) div.click::after{
	transform: rotate(-136deg);bottom: 0px;
}
.bl a{color:#004b87}
.bl a:hover{text-decoration:underline}
.h3{background:#f8f8f8;height:38px;border-bottom:1px solid #d8d8d8;font-size:10px;display: inline-block;
    text-align: center;width:100%;
	line-height: 40px;
	}
	.h3>div>div{float:left}
	.ib{display:inline-block}
.h3 span{color:#d8d8d8;    margin: 0 9px;}
.a-h{
     font-size: 3.375rem;
  color: rgb(0, 77, 125);
  font-weight: bold;
  text-align: center;
  margin:38px 0 16px;font-family: "Trim Semibold";
}
.a-h2{
    font-size: 2rem;
	color: rgb(0, 77, 125);
	text-align: center;
	margin:19px 0 42px;
	font-family: "Trim Semibold";
}
article{max-width:1366px;display:block;margin:0 auto 100px;min-height:755px;}
.pr{position:relative;bottom:3px}
.a-c{display: inline-block;
    width: 100%;}
.a-c>div,.filter-wr>div{float:left}

.a-c>.c-r{
	float: right;    position: relative;
}
#guess{
	display:none;
	    position: absolute;
    top: 0;
    color: white;
    background: #004d7d;
    padding: 30px 44px;
    font-size: 20px;
	top: -25px;
    left: 150px;
}
#guess>div:first-child{
text-align: center;font-weight:bold;
}
.c-l{max-width:476px;margin-right:30px}
.choice>div{
	float:left;
	background-image: linear-gradient(to right, currentColor 100%, rgba(255,255,255,0) 0%);
    background-position: 0 22px;
    background-size: 7px 1px;
    background-repeat: repeat-x;
	margin-top:26px;
	cursor:pointer;
}
.choice>div:first-child{margin-right:28px;}
.filter-wr{
  font-size: 18px;display: inline-block;
    width: 100%;
}
.filter-lupa-text{    margin-right: 60px;}
.filter-wr input{
border:none;
  border-bottom:1px solid rgb(0, 77, 125);
  width: 200px;padding-left: 25px;
    box-sizing: border-box;
}
 .filter-wr img{position: absolute;top:-2px;left:0}
.scrollable>div{
  background-color: rgb(248, 248, 248);
  width: 461px;
  height: 70px;cursor:pointer;
}
.scrollable>div{
margin-bottom:5px;
}
.scrollable{
  overflow-y:scroll;
  position:absolute;
  padding:0 17px 0 0;
  height:100%;
}
.scrollbar{
  cursor:n-resize;
  position:absolute;
  overflow:auto;
  top:0px;
  right:0px;
  z-index:2;
  background-color: rgb(0, 77, 125);
  width: 8px;
}

.options-with-scroll{
  position:relative;
  overflow:hidden;
  height:445px;
}
.grey-thing{
  background-color: rgb(248, 248, 248);
  position: absolute;
  width: 10px;
  height: 100%;
  right:0;
}
#map{height:500px;width:860px}
.store{
  box-sizing: border-box;
  font-size: 20px;
  font-weight: bold;
  padding-left:30px;display:table;
    
}
.store-text{    width: 300px;
    height: 100%;
    display: table-cell;
    vertical-align: middle;}

.store.clicked{background:#004d7d;color:white}
.store a{
	height: 100%;
    display: table-cell;
    vertical-align: middle;padding-right:27px;
	font-weight:400;
	    color: #004d7d;

    text-decoration: underline;
}
.nav-x,.nav-oh{display:none}
.store.clicked a{
	color: #fff;
}
#symbol,.nav2,.nav-x{display:none}

.city-choice-wr{display:inline-block}
.city-choice-wr>div{float:left}

.city-choice-wr>div:first-child{
	margin-right: 10px;
}
.city-choice-wr select {
    -moz-appearance:none; 
    -webkit-appearance:none; 
    appearance:none;
	border:none;
	box-shadow:none;
	outline:none;
	color:#004d7d;
	padding-right: 5px;
}
.city-choice-wr select.ready{ 
	background:url("arrow-right.png") no-repeat right 5px #fff;
	cursor:pointer;
}

.city-choice-wr select option{
	color:#000;
	display: none;
}
@-moz-document url-prefix() { 
  .city-choice-wr select option:checked {
     display:initial;
  }
}

.filter-drop{
  font-size: 20px;
  color: rgb(0, 77, 125);
      margin-top: 32px;
	      float: left;
}
.stat{
    font-size: 18px;
    color: rgb(0, 77, 125);
    margin-top: 24px;
    float: right;
    margin-right:15px;
    border: 2px solid currentColor;
    padding: 8px 16px 6px;
	cursor:pointer;
transition: all .4s ease;	
}
.stat:hover{
	color:white;
	background:rgb(0, 77, 125);
	border-color:rgb(0, 77, 125);
}
.filter-drop span{
    background-image: linear-gradient(to right, currentColor 60%, rgba(255,255,255,0) 0%);
    background-position: 0 20px;
    background-size: 7px 1px;
    background-repeat: repeat-x;
}
.filter-drop2{display:none}
.filter-drop,.filter-drop2{cursor:pointer}
.filter-drop:hover span{
background-image: linear-gradient(to right, currentColor 100%, rgba(255,255,255,0) 0%);
}
/*

footer

*/
footer.top{background: #181818;height:189px;}
footer{width:1366px;margin:0 auto;}
.fwr{
	background:black;    background: #181818;
}
.icons{    float: right;margin-top:60px;
padding: 18px 0;
    border-top: .0625rem solid #242424;
    border-bottom: .0625rem solid #242424;
}
.icons div{
	width:36px;
	height:36px;
	border-radius:50%;
	background:#5f5f5f;
	font-size:22px;
	display: flex;
    justify-content: center;
    align-items: center;
	float:left;
	margin:0 12px;
	transition: all .4s ease;
}
.icons div:hover{
	background:#eee;
}
.clearfix{clear:both;float:none !important}
.filter2{display:none}
.footer-bottom {
    float: left;
    width: 100%;
    color: #fff;
    padding: 2.25rem 0;
    border-top: .0625rem solid #242424;
    background: #0e0e0e;
    text-align: center;
}
.footer-bottom{border-top: .0625rem solid #242424;padding: 1.875rem 0;box-sizing:border-box;height: 190px;    background: #0e0e0e;}
.footer-bottom div,.footer-bottom{    box-sizing: border-box;}
.footer-inner {
    width: 100%;
    max-width: 90rem;
    padding: 0 .75rem;
    margin: 0 auto;
}.footer-back-to-top {
    padding: 0;
    text-align: center;
    width: 100%;
    margin-bottom: 1.125rem;
}.footer-back-to-top a {
    transition: color .4s ease;
    color: rgba(255, 255, 255, .6);
    display: inline-block;
}.footer-bottom-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
}.footer-bottom-links p {
    position: relative;
    float: left;
    font-size: .75rem;
    color: rgba(255, 255, 255, .6);
    margin-bottom: 0;
    line-height: 1.5625rem;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    line-height: 1.125rem;
    margin-top: .75rem;
}
.footer-back-to-top a:hover {
	
    color: #fff;
}
/*


*big-choice


*/
#big-choice .col{float:left;width:230px}
/*.col>div:last-child{margin-bottom:40px}*/
#big-choice{
	display:none;
	position: fixed;
    top: 30px;
    left: calc((100% - 784px)/2);
    background: #f8f8f8;
    padding:0;
    box-shadow: 0 0 4px 1px rgba(0,75,122,0.1);
	height:calc(100vh - 60px);
	    overflow: hidden;
		    box-sizing: border-box;
   width: 784px;   z-index: 2;
}
.scrollable2{
	overflow-y: scroll;
    position: absolute;
height: inherit;
    background: #f8f8f8;
    padding: 36px 42px 50px;
    box-sizing: border-box;
}
.scrollbar2 {
    cursor: n-resize;
    position: absolute;
    overflow: auto;
    top: 0px;
    right: 0px;
    z-index: 2;
    background-color: rgb(0, 77, 125);
    width: 8px;
}
.big-title{
	font-size:30px;
	font-weight:bold;
	margin-bottom:25px;
}
.small-title{
		font-size:20px;
	font-weight:bold;
	margin-top:21px;
}
.col div:not(.small-title){
	font-size:18px;
	text-decoration:underline;
	
}
.col div:not(.small-title) span{
	cursor:pointer;
}
.big-inner{
	display: inline-block;
    width: 690px;
}
.white-thing {
    background:white;
    position: absolute;
    width: 10px;
    height: 100%;
    right: 0;    bottom: 0px;
}
.space-taker{
	    height: 42px;
    position: absolute;
    bottom: 0;
    width: calc(100% - 10px);
    background: #f8f8f8;
    left: 0px;
}
.filter-current{
	font-size: 18px;
    display: inline-block;
    width: 100%;    
	margin: 15px 0 0;
}
.filter-current-text{
	margin-right:90px;
}
.filter-current .icon-check-empty{
	display:none;
}
.filter-current .icon-check-empty,.filter-current .icon-check{
	cursor:pointer;
}
.filter-current>*{
	float:left;
}
.choose.okna .items:nth-child(2) {
padding-top: 28px;
    margin-bottom: -33px;
}
.choose.okna .items:nth-child(2) img {
	width:100px;
    border: none;
}
.choose.okna .items:nth-child(2) img+div {
	width:100px;
}
.choose.okna .items:nth-child(2) div.active img {
    box-shadow: none;
	-webkit-filter: contrast(80%); /* Safari 6.0 - 9.0 */
    filter: contrast(80%);
}
/*


*media


*/

@media (max-width: 1400px){
	article,footer{
		max-width:1210px;
	}
	#map{height:500px;width:700px}
	.scrollable>div {
		width: 458px;
	}
}
@media (max-width: 1240px){
	.pr{
		margin-bottom: 1px;
		margin-top: 1px;
	}
	.a-h {
    font-size: 40px;
	}
	.a-h2 {
    font-size: 26px;
	}
	.store{font-size: 18px;}
.options-with-scroll {
    height: 360px;
}
.filter-lupa-text {

    margin-bottom: 12px;
}
.scrollable>div {
    width: 384px;
    height: 56px;
}
article,footer {
    max-width: 1010px;
}
	#map{height:450px;width:550px}
	.c-l {
		max-width: 400px;
	}
	.c-l{    
		margin-left: 16px;
	}
}

@media (max-width: 1010px){
	.a-h {
    font-size: 30px;
	    margin: 25px 0;
	}
	.a-h2 {
    font-size: 22px;
}
	article,footer {
    max-width: 710px;
}
.a-c>.c-l{
	max-width:initial;
	float:none;	
	width: 550px;
    margin: 35px auto 0;
	
}
.scrollable>div {
    width: 534px;
}
.store-text {
    width: 320px;
}
.a-c>.c-r{
	float:none;   
width:100%;
}
.city-choice-wr {
display: flex;
    width: auto;
    margin: 0 auto 20px;
    justify-content: center;
}
#map{margin:0 auto;display:block;float:none}

}


@media (max-width: 760px){

	.options-with-scroll {
    height: 300px;
}
	#big-choice{
		top: 0;
		left: 0;
		padding: 0;
		width: 100%;
		height: 100%;z-index: 11;
	}
	.big-inner {
		    width: 270px;
    text-align: center;
    margin: 0 auto;
    display: block;
	}
	.big-title {
    font-size: 24px;
    margin-bottom: 10px;    text-align: center;
}
#big-choice .col {
    float: left;
    display: inline-block;
    width: auto;
    text-align: left;
}
.scrollable2{
	    width: 100%;
}
.col div:not(.small-title) {
    font-size: 20px;
    margin: 12px 0;
}
	.stat {
    margin: -3px auto 25px;
    float: none;
    width: 178px;
    box-sizing: border-box;
}
	
	
	/*.city-choice-wr select option {
    display: initial;
}*/
	#guess {
		left: calc(50% - 157px);
		    padding: 20px 24px;
	}
    #sp{
	display:none;
	font-family: "Trim Semibold";text-transform: none;
    position: absolute;
    background: white;
width: 170px;
    height: 20px;
    left: 0;
    padding-left: 48px;
    font-size: 20px;
    top: 35px;
	letter-spacing:0.04em;
	}
	#sp::before{
content: "\f104";
    border: none;
    font-family: FontAwesome;
    bottom: 0px;
    left: -15px;
    position: relative;
    font-size: 22px;
	}
    #symbol+.nav-oh .nav{float: none;
		display:block;
		    position: absolute;
    top: 0;
    right: -300px;
		}
	.wr{position:relative}
	#product-slide-x{display:none}
	#product-slide-x{padding: 0px;}
	#product-slide-x>a:first-child>div{border-top:none;padding-top:12px;}
	#product-slide-x>a:last-child>div{border-bottom:1px solid rgb(211,211,211)}
	.bl a:hover{text-decoration:none}

	.nav .nav2:hover {
			border-bottom: none;
	}
	.nav .nav2 div:hover {
			border-bottom: none;
	}
	.nav-x{
		position: fixed;
    width: 100%;
    height: 100%;
    background: rgb(0,0,0);
	opacity:0;
    top: 41px;
    right: 0;
	}
	.nav-oh .links{background:#f8f8f8;    padding: 0;
    margin: 14px 0;}
	.h1{display:none}
.nav{display:none}
.nav{ 
width:300px;
background: white;    
float: right;    
height: 100%;
}
.nav .links{
	overflow-y:scroll;
	    height: calc(100vh - 168px);
}
body.oh{overflow:hidden}
.nav-white{
	background:white;
	width:300px;
	height: 72px;
}

.nav2>div:first-child{float:left}
.nav2>div:nth-child(3){float:right}
.logo{float:left;width:220px;    padding-left: 20px; padding-top: 20px;}



	#symbol {
    display: inline-block;
    border: none;
        width: calc(100% - 300px);
    margin: 0 auto;
    color: black;
    height: 41px;
    background-color: white;
    z-index: 11;
	    position: absolute;
    top: 0;
    right: 0;
	}
	#symbol div {
    position: relative;
    left: calc(100% - 44px);
    width: 30px;
    top: 9px;
    box-shadow: 0 2px 0px 1px black, 0 10px 0px 1px black, 0 18px 0px 1px black;
}
#symbol{
box-shadow: 2px 0 3px rgba(0,0,0,0.1);
}
#symbol.clicked div{
	box-shadow: 0 2px 0px 1px #004d7d, 0 10px 0px 1px #004d7d, 0 18px 0px 1px #004d7d;
}
#symbol2{position:relative;
width: 40px;
        height: 15px;
    margin: 0;padding-right:14px;
}
#symbol2:before, #symbol2:after {
  position: absolute;
  content: ' ';
  height: 18px;
  width: 2px;
  background-color: #000;
      left: 22px;
    top: 6px;
}
#symbol2:before {
  transform: rotate(45deg);
}
#symbol2:after {
  transform: rotate(-45deg);
}
.nav2>.logo2 {
   background-image: url(logo.png);
    height: 28px;
    background-repeat: no-repeat;
    background-position: center center;
    width: 152px;
    padding: 9px 0;
    margin: 0;
    padding-left: 14px;
    background-size: contain;
    box-sizing: border-box;margin-left: 10px;
    margin-top: 20px;
}
.nav div{
	float:none;padding:14px 0;text-align:left
	
}
.nav a div{
	border-bottom:1px solid rgb(211, 211, 211);
	padding-left: 16px;    
	padding-top: 18px;
}
.nav-oh{    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
top: 0;}
.nav .nav2{display:block;    margin-bottom: -30px;}
.nav div{margin:0}
.nav a:nth-child(1) div{border-top:1px solid #d3d3d3}
.h2{height: auto;}
.h3{border-bottom:none;height:35px;}
.h3 {font-size:10px;       margin-top: -7px;
    padding-top: 3px;}
.nav .nav2+.links a div:hover,.nav .nav2+.links a div.active {
	border-bottom: 1px solid rgb(211, 211, 211);
	color:#004d7d;
}
.nav div{font-family:"Gotham SSm A", "Gotham SSm B", 'Helvetica Neue', Helvetica, Arial, sans-serif}
.nav .nav2 +.links a div {
	font-size:13px;
    letter-spacing: 0.04em;    background: white;
	padding: .75rem .9375rem;    line-height: 1.5rem;
    font-size: .875rem;
    color: #2b2b2b;
}
.h3 span{
	    position: relative;
    top: 1px;
}
.a-h {
    font-size: 26px;
    margin: 22px 0 16px;
}
.a-h2 {
    font-size: 18px;
}
#product-slide-x div{
	font-size: 14px;
    letter-spacing: 0;
    text-transform: none;
    padding-left: 32px;
    font-weight: 400;
	    padding: 2px 0 2px 32px;
		border:none;
		color:#004d7d;display:block !important;
}

.nav a:nth-child(2) div:not(.deny)::after {
 content: "\f105";
    transform: rotate(0);
	border:none;
    font-family: FontAwesome;
	bottom:0;left:5px;
	transition:initial;
}
article,footer{width:100%;max-width:initial}
#map {
    width: 100%;
    height: 80vh;
}
.scrollable{height: 80vh;}
.a-c>.c-l {
	width:100%;
	max-width:initial;
}
.scrollable>div {
    width: 100%;
}
.store-text {
    width: 100%;
}
footer{padding-top:80px;box-sizing:border-box;}
.icons {
    float: none;
    margin: 0 auto;
    width: 320px;
}

.filter-wr .filter-lupa-text,.filter-current .filter-current-text{
    display: block;
    margin: 0;
margin-left: 25px;
}

.filter-drop,.pr{display:none}
.filter-wr .filter-drop2,.filter-current i{
	display:block;float: right;margin-right: 25px;color:#004d7d;
}
.filter-current i{
	    margin-bottom: 10px;
	color:black;
	font-size:26px;
	
}
.filter-drop2 span{
    background-image: linear-gradient(to right, currentColor 60%, rgba(255,255,255,0) 0%);
    background-position: 0 20px;
    background-size: 7px 1px;
    background-repeat: repeat-x;
}

.filter2{
	display:block;
	margin:40px 25px 20px;
	width:calc(100% - 50px);position:relative;border-bottom: 1px solid #004d7d;
}
.filter-wr,.filter-current {
    font-size: 20px;
}
.filter2 img{
	position: absolute;    bottom: 7px;
    left: 3px;
}
#map-input2{
	width: inherit;
    box-shadow: none;
    outline: none;
    border: none;
    padding-left:30px;font-size: 20px;
}
#map-input2::-webkit-input-placeholder { 
  color: #004d7d;
}
#map-input2::-moz-placeholder {
  color: #004d7d;
}
#map-input2:-ms-input-placeholder { 
  color: #004d7d;
}
#map-input2:-moz-placeholder {
  color: #004d7d;
}
article{margin-bottom:5px}
.h2 {
    height: 50px;margin-top: -8px
}
.logo {
    height: 26px;
    padding: 0;
    background-size: contain;
	margin-top:15px;width: 180px;
}
.icons {
display: flex;
    justify-content: center;
    width: 100%;
	padding:12px 0;
	border-bottom: 1px solid #242424;
	border-top: 1px solid #242424;
}
.icons div {
    width: 30px;
    height: 30px;
	font-size:20px;
}
.nav-x{display:none}

#products-x.clicked{
	border-top: 1px solid rgb(211, 211, 211);    padding-left: 33px;
}
.nav a:nth-child(2) div::after{transition:initial}
.nav a:nth-child(2) #products-x.clicked::after {
    transform: rotate(90deg);
    left: 169px;
	color:#777;    top: 10px;
}
}


@media (max-width: 460px){
	.store {
		padding-left: 12px;
		font-size: 15px;
	}
.scrollable>div {
    height: 50px;
}
	
	.stat {
    margin-top: 26px;
    float: right;
    margin-right: 10px;
    padding: 5px 4px 3px;
    border-width: 1px;
    width: auto;
}
	
	
	.options-with-scroll {
    height: 300px;
}
	 .filter-wr>div {
    float: none;
}
.filter-wr .filter-drop2 {
    float: none;
	margin-left:25px;
	margin-top:15px;
	display:none;
}
.filter-drop{
	font-size: 18px;
	display:block;    
	margin-left: 10px;
    margin-bottom: 25px;
}
	
	
	
}

/**
*
*	new
*
*/
footer.top>div{float:left;}
footer.top {
    padding-top: 70px;
}
footer.top>div:not(:last-child){
	color:rgba(255,255,255,.6);
    width: 190px;
    margin-right: 15px;
}

footer.top>div:not(:last-child) li{
list-style: none;
font-size: .875rem;
line-height: 1.5rem;
}
footer.top>div:not(:last-child) li:hover{
color: #fff;
}

.top>.footer-links{    float: right;position:relative}

@media (max-width: 760px){
footer.top {
    height:auto;
	padding-left:12px;padding-bottom: 20px;
}
footer.top>div:not(:last-child) {
    color: rgba(255,255,255,.6);
    width: 100%;
    margin-right:0;
	text-align:center;
}
footer.top>div{float:none;margin-top: 20px;}
footer.top {
    padding-top: 30px;
}
.top>.footer-links {
    float: none;
}
}

.logo-bottom{
	background-image: url(logo-bottom.png);	
	position:absolute;
	width:246px;
	height:83px;
	top:-40px;
}
b.go-top{
    font-family: "Trim Semibold";
	font-size: 14px;
}
b.go-top::after {
    content: "\A";
    display: inline-block;
    width: 6px;
    height: 6px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(225deg);
    position: relative;
    left: 5px;
    bottom: -1px;
}
.footer-bottom-links a{transition: color .4s ease;}
.footer-bottom-links a:hover {
    color: #fff;
}
@media (max-width: 760px){
	.logo-bottom{display:none}
}



.cookie-popin-wrapper {
    position: fixed;
    bottom:0;
    width: 100%;
    display: none;
    z-index:3000;
	font-family: "AdelleSansCYR";
}

.cookie-popin {
    width: 100%;
    background-color: #000;
    color: #fff;
    margin: 0;
    text-align: left;
    padding: 20px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.cookie-popin::after {
    content: "";
    display: table;
    clear: both;
}

.cookie-left {
    float: left;
    width: 80%;
    font-size: 14px;    
	letter-spacing: 0.02em;padding-left: 5%;
}
.cookie-left a{color:#004b87}
.cookie-right {
    float: right;
    width: 10%;
}

.cookie-button {
    display: block;
    margin: auto;
    width: 110px;
    height: 35px;
    background-color: #00966c;
	color:#fff;
    border: 1px solid #4b4c4c;
    float: right;
    outline: none;
    cursor: pointer;
	font-size:13px;
}

.cookie-button:hover {
    background-color: #00764c;
}

.cookie-popin-link {
    text-decoration: underline;
}


.cookie-cross{float:right}
.cookie-cross .x-close{
	background:#ccc;
	    border: 1px solid white;position:relative;margin-left: 21px;
    margin-top: 4px;
}
.cookie-cross .x-close:after,.cookie-cross .x-close:before{
	background-color: #676767;
	height:12px;
	top:4px;
}


    

@media (max-width: 959px) {
	.cookie-cross{display:none}
    .cookie-popin {
        width: 100%;
        text-align: center;
        font-size: 16px;
        border-radius: 0;
    }

    .cookie-left, .cookie-right {
        float: right;
        width: 100%;
    }

    .cookie-button {
        float: none;
        margin: 10px auto;
        width: 130px;
        height: 42px;
        font-size: 20px;
        color: white;
    }
	.cookie-cross{
		float: none;
        margin: 0;
		width: 100%;
	}
	.cookie-cross .x-close{
		top: 60px;
		position: relative;
		left: 110px;
	}
}