/* ===== POP-UP ===== */
.asw-popup { position: fixed; inset: 0; z-index: 9999; padding:20px;}
.asw-popup[hidden] { display: none !important; }
.asw-popup__overlay { position:absolute; inset:0; background:rgba(0,0,0,.45); }
.asw-popup__dialog { 
	position:relative; 
	max-width:870px; 
	height:450px;  
	background: linear-gradient(270deg, rgba(253, 151, 17, 0.95) 0%, rgba(255, 145, 0, 0.95) 50.48%, rgba(253, 151, 17, 0.95) 100%); 
	margin:0 auto; 
	top: calc((100% - 435px) / 2);
	border-radius:20px;
	border-bottom-left-radius: 0;
}

.asw-popup__close { 
	position: absolute;
    right: 40px;
    top: 30px;
    background: none;
    border: 0;
    cursor: pointer;
	width: 26px;
    height: 28px;
    padding: 0;
}

.asw-screen-bg{
	background-image:url('../image/subscribe-bg-2.png');
	background-position: center bottom 0px;
    background-repeat: no-repeat;
    position: absolute;
    bottom: -15px;
    left: -30px;
    width: 934px;
    height: 259px;
}
.asw-screen{padding:40px;}
#asw-screen-1{
	display:flex; 
	flex-wrap:nowrap;     
	justify-content: space-between;
	padding:40px; 
	background-image:url('../image/subscribe-bg.png');
	background-repeat: no-repeat;
    background-position: left bottom;
    height: 100%;
	column-gap:20px;
}
#asw-screen-2 .asw-pop-title, #asw-screen-3 .asw-pop-title, #asw-screen-4 .asw-pop-title, #asw-screen-2 .asw-desc, #asw-screen-3 .asw-desc, #asw-screen-4 .asw-desc{text-align:center;}
.asw-screen .custom-checkbox input{    width: 22px !important;    height: 22px !important;}
.asw-form-left{width:420px;}
.asw-form-right{width:315px; margin-top:70px;}
.asw-pop-title{
	color:#fff;
	font-size:calc((100vw - 360px) /(1920 - 360)*(48 - 30) + 30px);
	font-weight:700;
	line-height:120%;
	margin:38px 0 0 0;
}
.asw-screen[hidden]{ display:none !important; }
.asw-desc {
	font-size:calc((100vw - 360px) /(1920 - 360)*(24 - 18) + 18px);
	line-height:120%;
	font-weight:400;
	color:#fff;
	margin-top:14px;
}

.custom-checkbox {
    position: relative;
    display: inline-block;
    width: 100%;
    height: auto;
}
.custom-checkbox span{
    color: white;
    font-size: 12px;
    position: relative;
    top: -6px;
    left: 8px;
}
.custom-checkbox input {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    height: 100%;
    margin: 0;
    cursor: pointer;
    border: 2px solid #333;
    border-radius: 4px;
    background: #fff;
    outline: none;
}
.asw-prefooter .custom-checkbox input{
    width: 22px !important;
    height: 22px !important;
}
.custom-checkbox input{
	border: none !important;
	outline: none !important;
}

/* Когда чекбокс отмечен */
.custom-checkbox input:checked {
	background: #fff url(../image/check.svg) no-repeat center center;
    background-size: 18px 18px;
}
.asw-form label{width:100%; margin-bottom:10px;}
.asw-form input[type="email"], .asw-form input[type="text"] { 
	height: 55px;
    padding: 19.5px 16px;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    color: #8A909C;
	border:0;
	border-radius:3px;
	
	
}
.asw-pp input{zoom:1.5;}
.asw-pp span a{color:#fff;  }
.asw-pp span{    
	font-size: 12px;
    position: relative;
    top: -5px;
    color: #fff;
}
.name-n{
	margin: 0 40px 0 24px;
}
.custom-checkbox a{
	text-decoration: underline;
	color: white;
}
.custom-checkbox a:hover{
	opacity: .8;
}
.asw-form-footer input[type="name"]{
	margin-left: 20px;
	margin-right: 20px;
}
.asw-form input:focus { border-color:#999; }
.asw-pp { font-size:.9rem; color:#555; }
.asw-pp a {
	border-radius: 3px;
	color:#0a56c2;
text-decoration:underline; }
.asw-btn { 
	
	padding: 10px 24px;
	border: 0;
	border-radius: 3px;
	background: #0074C4;
	color: #fff;
	cursor: pointer;
	font-weight: 400;
	font-size: 20px;
	height: 55px;
	width: 100%;
	
	
	
}
.asw-btn:hover { opacity:.9; }
.asw-msg { min-height:1.2em; font-size:.9rem; color:#444; }

/* ===== PRE-FOOTER ===== */
.asw-prefooter {
	
	background: url('../image/back.webp');
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 261px;
    display: flex;
    align-items: center;
	position:relative;
	
}

.asw-prefooter .asw-btn{max-width:180px;}
.asw-prefooter__inner { 
	
	max-width: 870px;
	margin: 0 auto;
	padding-top: 9px;
	padding-bottom: 14px;
	
}
.asw-prefooter__title { 
	
	letter-spacing: 0.04em;
	font-weight: 700;
	
	font-size: 36px;
	color: #fff;
	line-height: 120%;
	
	text-align: center;
	
	
}
#asw-form-footer input{
	width: 312px;
	height: 56px;
}

.asw-prefooter__close{border: 0;
    background: none;
    position: absolute;
    right: 20px;
top: 20px;}

.asw-prefooter__desc {
	margin: 0 0 12px;
	color: #ffffff;
	font-weight: 400;
	text-align: center;
	font-size: 18px;
}
.asw-prefooter__desc h3{
	font-weight: 700;
	font-size: 36px;
	color: #fff;
	line-height: 120%;
	text-align: center;
	font-family: 'Karla', sans-serif;
}


.wrap-asw-form {
	
	display: flex;
	justify-content: center;
	margin-top: 28px;
	padding-bottom: 11px;
	
	
	
}
@media (max-width: 768px){
	.asw-form--inline { grid-template-columns:1fr; }
}

/* ===== WIDGET BUTTON ===== */
.asw-widget{
	position:fixed; 
	right:0; 
	bottom:0; 
	z-index:999; 
	padding:12px 10px;  
}
.asw-widget__close{
	position: absolute;
	right: 0;
	top:5px;
	width: 50px;
    right: -10px;
	}
.asw-widget__close svg{width:18px;}
.asw-widget button{	cursor:pointer; 
	background:transparent;
	border:0;
}
.asw-widget img{width:auto; max-height:200px; }
@media (max-width:768px){ .asw-widget{ right:0; bottom:0; } }


@media (max-width: 1200px) { 
	.custom-checkbox {
		position: relative;
		display: inline-block;
		width: 100%;
		height: auto;
		margin-left: 0px;
	}
	.wrap-asw-form {
		display: flex
		;
		flex-direction: column;
		justify-content: center;
		margin-top: 28px;
	padding-bottom: 11px;
	align-items: center;
	}
	.name-n {
	margin: 15px 0px 15px 0px;
	}
	#asw-form-footer input {
		width: 475px;
		height: 56px;
	}
	.custom-checkbox {
		display: inline-block;
		
		
		height: auto;
		position: relative;
		left: 0;
		text-align: center;
	}
}

@media (max-width: 700px) {
	.asw-screen{padding-bottom:100px; margin-top: calc(100% - 300px);}
	.asw-pop-title{margin:5px 0 0 0;}
	.asw-popup__dialog{
		width: 100%;
		height: auto;
		top: calc((100% - 535px) / 2);
		border-bottom-right-radius:0;
	}
	#asw-screen-1{
		margin-top:0;
		flex-wrap: wrap;
		height: 100%;
		background-size: 100%;
		padding:20px;
		padding-bottom: 100px;
	}
	.asw-form-left{width:100%;}
	.asw-form-right{width:100%; margin-top: 20px;}
	.asw-form input[type="email"], .asw-form input[type="text"]{height:45px;}
	.asw-widget img{width:130px;}
	.asw-popup__close{right:10px; top:10px;}
	.asw-screen-bg{        
		background-size: 100%;
        width: calc(100% + 32px);
        left: -16px;
	bottom: 0px;}
}








@media (max-width: 600px) { 
	.asw-prefooter__title {
		letter-spacing: 0.01em;
		font-weight: 700;
		font-size: 26px;
		color: #fff;
		line-height: 120%;
		text-align: center;
	}
	.asw-prefooter__desc br{
		display: none;
	}
	#asw-form-footer input {
		width: 100%;
		height: 51px;
	}
	.asw-btn {
		padding: 10px 24px;
		border: 0;
		border-radius: 3px;
		background: #0074C4;
		color: #fff;
		cursor: pointer;
		font-weight: 400;
		font-size: 20px;
		height: 57px;
		width: 195px;
		width: 92%;
	}
	.asw-btn {
		padding: 10px 24px;
		border: 0;
		border-radius: 3px;
		background: #0074C4;
		color: #fff;
		cursor: pointer;
		font-weight: 400;
		font-size: 20px;
		height: 50px;
		width: 195px;
		width: 100%;
	}
	.custom-checkbox {
		display: inline-block;
		width: 100%;
		height: auto;
		position: relative;
		left: 0px;
		text-align: center;
	}
	.asw-form--inline {
		
		padding: 0 15px;
	}
	.custom-checkbox {
		position: relative;
		display: inline-block;
		width: 100%;
		height: auto;
		margin-left: 0px;
		text-align: left;
	}
}