.cookies {display:block;position:fixed;bottom:0;left:0;right:0;background:#fff;min-width: 320px;max-width:100%;z-index:98;box-shadow: 0 0 50px rgba(0,0,0,.1);padding:20px;box-sizing: border-box;max-height:100%;overflow-x: hidden}
.cookies .bg {width: 1740px;}
.cookies .inner {text-align:left;}
.cookies .col66 .inner {padding-left:120px;background: url(../img/ic_cookies.svg) no-repeat 10px center;
background-size: 68px auto}
.cookies .col33 .inner {text-align:right}
.cookies h3 {font-size: 18px;line-height:24px;font-weight:500;color:#000;margin-bottom:10px}
.cookies p {font-size: 16px;line-height:19px;color:#949494}
.cookies p a {color:#7B7B7B;font-weight:500;text-decoration:underline}
.cookies p a:hover {text-decoration: none}
.cookies .btns, .layercookies .btns {margin: -6px}
.cookies .btn, .layercookies .btn {padding: 14px;padding-left:25px;padding-right:25px;font-size:18px;line-height:30px;min-width:200px;box-sizing: border-box;text-align:center;margin:6px}
.cookies .btn.arrowdown:after, .layercookies .btn.arrowdown:after {display: inline-block;width:12px;height:12px;background: url(../img/ic_toggle_black.svg) no-repeat center center;background-size: contain;content:'';margin-left:8px}

.layercookies .closelayer {cursor:default}
.cookiesbox {background: #fff;border-radius: 10px;box-shadow: 0 0 30px rgba(0,0,0,.1);width: 860px;max-width:calc(100% - 30px);min-width:290px;height:586px;max-height:100vh;overflow:hidden;margin-left:auto;margin-right:auto}
.cookiesbox .cookiesallow {display: block;background: #C4C4C4;width: 66px;height:36px;border-radius:50px;overflow:hidden;margin:auto}
.cookiesbox .cookiesallow:before {display: block;width: 30px;height:30px;border-radius:30px;background:#fff;position:absolute;top:3px;left:3px;content:'';box-shadow: 0 0 30px rgba(0,0,0,.2)}
.cookiesbox .cookiesallow.active:before {left:auto;right:3px}
.cookiesbox .cookiesallow.active {background: #1EE278}

.layercookies .inner {padding: 25px;padding-left:30px;padding-right:30px}
.layercookies h2 {text-align:left;font-size: 22px;line-height:27px;color:#000}
.layercookies .btns {text-align:right}
.layercookies .table {display: block;border-top:1px solid #E7E7E7;border-bottom:1px solid #E7E7E7;background:#F4F4F4;position:absolute;top:77px;bottom:108px;left:0;right:0;overflow: auto}
.layercookies .table table tr td, .layercookies .table table tr th {font-size: 16px;text-align:left;line-height:19px;color:#000;padding:15px;padding-left:30px;padding-right:30px;border-bottom:1px solid #E7E7E7;vertical-align:top;width: 25%}
.layercookies .table table tr th {background:#fff}
.layercookies .table table tr:last-child td {border:0}
.layercookies .table table tr th:last-child, .layercookies .table table tr td:last-child {text-align:center}
.layercookies .absaction {position:absolute;bottom:0;right:0;left:0;background:#fff}

@media only screen and (min-width:641px) and (max-width:1540px) {
	.cookies .btn, .layercookies .btn {font-size: 14px;padding:6px;padding-left:25px;padding-right:25px;min-width: 160px}
	.cookies h3 {font-size: 16px}
	.cookies p {font-size: 14px;line-height:17px}
	.cookiesbox {height: 464px;}
	.layercookies .table {bottom:92px}
}

@media only screen and (max-width:1540px) {
	.cookies {padding:0;}
	.cookies .bg {width: 1200px;padding-left: 30px;padding-right:30px}
	.cookies .col33 {width: 40%}
	.cookies .col66 {width: 60%}
	.cookies .col66 .inner {padding-left:80px;background-size: 44px auto}
	.cookiesbox {width: 800px;}
	.layercookies h2 {font-size: 18px;line-height:22px}
	.layercookies .table {top:72px}
	.cookiesbox .cookiesallow {width: 46px;height:26px}
	.cookiesbox .cookiesallow:before {width: 20px;height:20px}
	.layercookies .table table tr td, .layercookies .table table tr th  {font-size: 14px;line-height:17px}
}

@media only screen and (max-width:1140px) {
	.cookies .col33, .cookies .col66 {width: 50%}
}

@media only screen and (max-width:920px) {
	.cookies .col33, .cookies .col66 {width:100%}
	.cookies .col33 .inner, .layercookies .btns {text-align:center}
}

@media only screen and (min-width:641px) {
	.btnmobile {display:none!important}
	.btndesktop {display: inline-block!important}
	.layercookies .table table tr td:last-child, .layercookies .table table tr th:last-child {left:0!important}
}

@media only screen and (max-width:640px) {
	.cookies {padding-top:30px;padding-bottom:30px}
	.cookies .col66 .inner {padding-top:80px;padding-left:10px;background-position: center 10px;text-align:center}
	.cookies .btn, .layercookies .btn {width: 240px;display: block;margin:auto;margin-bottom:20px}
	.cookies .btns, .layercookies .btns {margin-bottom:-20px;margin-top:0}
	.cookies p {margin-bottom:20px}
	.btnmobile {display:block!important}
	.btndesktop {display:none!important}
	.layercookies .table {bottom:186px;}
	.layercookies .table table {width: auto;max-width:none;;display: block;}
	.layercookies .table table tbody {display: block;width:calc(300vw - 360px);overflow:hidden}
	.layercookies .table table tr {position:relative;display: flex;flex-wrap:wrap;width:calc(300vw - 480px)}
	.layercookies .table table tr th {white-space: nowrap;}
	.layercookies .table table tr th, .layercookies .table table tr td {width:33.3333%;box-sizing: border-box;display: block;}
	.layercookies .table table tr td:last-child, .layercookies .table table tr th:last-child {position:absolute;left:calc(100vw - 160px);width: 130px;top:0;bottom:0;border-left: 1px solid #E7E7E7;padding-left:0;padding-right:0;z-index: 3;display: block}
	.layercookies .table table tr td:last-child {background:#F4F4F4}
	.layercookies .table table tr th.fixed:before {position:absolute;top:100%;left:-60px;width:60px;height:2000px;display:block;content:'';background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.06) 100%);
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.06) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0f000000',GradientType=1 );}

}
