/*--Всплывающие окна--*/

@media screen and (max-width: 767px){
	.pop{position: fixed;z-index: 5000;top: 0;bottom: 0;left: 0;right: 0;overflow-y: scroll;}
	.pop>.controls{display: none;}
}

@media screen and (min-width: 768px) and (max-width: 899px){
	.pop{position: fixed;z-index: 5000;top: 0;bottom: 0;left: 0;right: 0;overflow-y: scroll;}
	.pop>.controls{display: none;}
}

@media screen and (min-width: 900px) and (max-width: 1199px){
	.pop{position: fixed;z-index: 5000;top: 0;bottom: 0;left: 0;width:100vw;overflow-y: scroll;padding: 50px 0;}
	.pop.bg{background-color: rgba(0,0,0,0.8);}
	.pop>.block{position: relative;background-color: #fff;}
	.pop>.controls{position: absolute;z-index: 1;top: 0;bottom: 0;left: 0;right: 0;}
	.pop>.controls>.btn{position: absolute;min-width: 80px;}
	.pop>.controls>.btn span{text-align: center;width: 20px;height: 26px;line-height: 26px;font-size: 1.8em;cursor: pointer;}
	.pop>.controls>.btn:hover span{color:#fff;}
	.pop>.controls>.prev{top:0;left:0;bottom:0;z-index: 1;}
	.pop>.controls>.prev span{position: absolute;top: 50%;left:35px;margin-top: -14px;}
	.pop>.controls>.next{top:0;right:0;bottom:0;z-index: 1;}
	.pop>.controls>.next span{position: absolute;top: 50%;right:35px;margin-top: -14px;}
	.pop>.controls>.close{top:0;right:0;height: 30%;z-index: 2;}
	.pop>.controls>.close span{position: absolute;top: 35px;right:35px;}
}

@media screen and (min-width: 1200px){
	.pop{position: fixed;z-index: 5000;top: 0;bottom: 0;left: 0;width:100vw;overflow-y: scroll;padding: 50px 0;}
	.pop.bg{background-color: rgba(0,0,0,0.8);}
	.pop>.block{position: relative;background-color: #fff;z-index: 2;}
	.pop>.controls{position: absolute;z-index: 1;top: 0;bottom: 0;left: 0;right: 0;}
	.pop>.controls>.btn{position: absolute;min-width: 80px;}
	.pop>.controls>.btn span{text-align: center;width: 20px;height: 28px;line-height: 28px;font-size: 2em;color: #838383;}
	.pop>.controls>.btn:hover span{color:#fff;}
	.pop>.controls>.prev{top:0;left:0;bottom:0;z-index: 1;}
	.pop>.controls>.prev span{position: absolute;top: 50%;left:40px;margin-top: -14px;}
	.pop>.controls>.next{top:0;right:0;bottom:0;z-index: 1;}
	.pop>.controls>.next span{position: absolute;top: 50%;right:40px;margin-top: -14px;}
	.pop>.controls>.close{top:0;right:0;height: 30%;z-index: 2;}
	.pop>.controls>.close span{position: absolute;top: 40px;right:40px;}
}

.pop.subscribe>.block .controls>.close{position: absolute;z-index:1;top:0;right:0;width: 40px;height: 40px;line-height: 40px;text-align: center;cursor: pointer;}
.pop.subscribe>.block .controls>.close span{font-size: 1.3em;color:#333;}
.pop.subscribe>.block .controls>.close:hover span{color:#000;}
.pop.subscribe>.block>.head{background-color: #09d;line-height: 40px;padding: 0 20px;}
.pop.subscribe>.block>.head span{color: #fff;font-family: 'SegoeUIBold';font-size: 1.3em;display: inline-block;}
.pop.subscribe>.block>.content{background-color: #EFEFEF;padding: 20px;}
.pop.subscribe>.block>.content .row{margin: 0 0 20px;}
.pop.subscribe>.block>.content .row:last-child{margin-bottom: 0;}

.pop.subscribe>.block>.content .inputbox{height:30px;padding: 0 10px;background-color:#fff;border: 2px solid transparent;border-radius: 0;-webkit-appearance: none;outline: none;width: 100%;font-size: 1em;}
.pop.subscribe>.block>.content .inputbox:hover{border: 2px solid #9e9e9e;}
.pop.subscribe>.block>.content .inputbox:focus{border: 2px solid #dd4823;}

.pop.subscribe>.block>.content .btn{width:100%;height: 35px;line-height: 35px;padding: 0 15px;border-radius: 0;background-color: #ff0402;cursor: pointer;border: 0;outline: none;}
.pop.subscribe>.block>.content .btn:first-child{margin-left: 0;}
.pop.subscribe>.block>.content .btn a{display: block;}
.pop.subscribe>.block>.content .btn i{color: #fff;}
.pop.subscribe>.block>.content .btn span{color: #fff;}

.pop.subscribe>.block>.content .head{margin: 20px 0;text-align: center;position: relative;}
.pop.subscribe>.block>.content .head:before{content: '';display: block;position: absolute;top: 50%;height: 1px;left:0;right: 0;background-color: #ccc}
.pop.subscribe>.block>.content .head span{position:relative;background-color: #EFEFEF;display: inline-block;padding: 0 10px;}

.pop.subscribe>.block>.content .social-auth{}
.pop.subscribe>.block>.content .social-auth:after{content:'';display: block;clear: both;}
.pop.subscribe>.block>.content .social-auth>.btn{width: calc(50% - 10px);float: left;display: block;margin-left:20px;}
.pop.subscribe>.block>.content .social-auth>.btn:first-child{margin-left:0;}
.pop.subscribe>.block>.content .social-auth>.btn.vk{background-color: #45668e;}
.pop.subscribe>.block>.content .social-auth>.btn.vk:hover{background-color: #38577D;}
.pop.subscribe>.block>.content .social-auth>.btn.tt{background-color: #00aced;}
.pop.subscribe>.block>.content .social-auth>.btn.tt:hover{background-color: #0084b4;}
.pop.subscribe>.block>.content .social-auth>.btn.fb{background-color: #6d84b4;}
.pop.subscribe>.block>.content .social-auth>.btn.fb:hover{background-color: #3b5998;}
.pop.subscribe>.block>.content .social-auth>.btn.gg{background-color: #dd4b39;}
.pop.subscribe>.block>.content .social-auth>.btn.gg:hover{background-color: #BF3A29;}

@media screen and (max-width: 767px){
	.pop.subscribe>.block{background-color: #EFEFEF;min-height: 100%;}
}

@media screen and (min-width: 768px) and (max-width: 899px){
	.pop.subscribe>.block{background-color: #EFEFEF;min-height: 100%;}
}

@media screen and (min-width: 900px) and (max-width: 1199px){
	.pop.subscribe>.block{width:350px;margin:0 auto;}
}

@media screen and (min-width: 1200px){
	.pop.subscribe>.block{width:350px;margin:0 auto;}
}


.pop.trailer>.block .controls>.close{position: absolute;z-index:1;top:0;right:0;width: 40px;height: 40px;line-height: 40px;text-align: center;cursor: pointer;}
.pop.trailer>.block .controls>.close span{font-size: 1.3em;color:#a6a6a6;}
.pop.trailer>.block .controls>.close:hover span{color:#fff;}
.pop.trailer>.block>.head{background-color: #555;line-height: 40px;padding: 0 20px;}
.pop.trailer>.block>.head span{color: #fff;font-family: 'SegoeUIBold';font-size: 1.3em;display: inline-block;}
.pop.trailer>.block>.content{background-color: #EFEFEF;}
.pop.trailer>.block>.content .row{margin-bottom: 20px;}
.pop.trailer>.block>.content .row:last-child{margin-bottom: 0;}

.pop.trailer>.block>.content .content-list{}
.pop.trailer>.block>.content .content-list .btn{margin-top: 10px;border: 0.1em solid #333;border-radius:4px;line-height: 30px; padding:0 10px;cursor:pointer;display:block;text-align: center;}
.pop.trailer>.block>.content .content-list .btn:first-child{margin-top: 0;}
.pop.trailer>.block>.content .content-list .btn i{color:#333;}
.pop.trailer>.block>.content .content-list .btn span{color:#333;}
.pop.trailer>.block>.content .content-list .btn:hover{border: 0.1em solid #0067B8;background-color: #0067B8;}
.pop.trailer>.block>.content .content-list .btn:hover i{color: #fff;text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);}
.pop.trailer>.block>.content .content-list .btn:hover span{color: #fff;text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);}

@media screen and (max-width: 767px){
	.pop.trailer>.block{background-color: #EFEFEF;min-height: 100%;}
}

@media screen and (min-width: 768px) and (max-width: 899px){
	.pop.trailer>.block{background-color: #EFEFEF;min-height: 100%;}
}

@media screen and (min-width: 900px) and (max-width: 1199px){
	.pop.trailer>.block{width:800px;margin:5% auto 0;}
}

@media screen and (min-width: 1200px){
	.pop.trailer>.block{width:1100px;margin:5% auto 0;}
}

/*--Default popup--*/

.pop.default .controls>.close{position: absolute;z-index:1;top:0;right:0;width: 40px;height: 40px;line-height: 40px;text-align: center;cursor: pointer;}
.pop.default>.block .controls>.close span{font-size: 1.3em;color:#a6a6a6;}
.pop.default>.block .controls>.close:hover span{color:#fff;}
.pop.default>.block>.head{background-color: #555;line-height: 40px;padding: 0 20px;}
.pop.default>.block>.head span{color: #fff;font-family: 'SegoeUIBold';font-size: 1.3em;display: inline-block;}
.pop.default>.block>.content{background-color: #EFEFEF;padding: 20px;}
.pop.default>.block>.content .row{margin-bottom: 20px;}
.pop.default>.block>.content .row:last-child{margin-bottom: 0;}

.pop.default>.block>.content .content-list{}
.pop.default>.block>.content .content-list .btn{margin-top: 10px;border: 0.1em solid #333;border-radius:4px;line-height: 30px; padding:0 10px;cursor:pointer;display:block;text-align: center;}
.pop.default>.block>.content .content-list .btn:first-child{margin-top: 0;}
.pop.default>.block>.content .content-list .btn i{color:#333;}
.pop.default>.block>.content .content-list .btn span{color:#333;}
.pop.default>.block>.content .content-list .btn:hover{border: 0.1em solid #0067B8;background-color: #0067B8;}
.pop.default>.block>.content .content-list .btn:hover i{color: #fff;text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);}
.pop.default>.block>.content .content-list .btn:hover span{color: #fff;text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);}

@media screen and (max-width: 767px){
	.pop.default>.block{background-color: #EFEFEF;min-height: 100%;}
}

@media screen and (min-width: 768px) and (max-width: 899px){
	.pop.default>.block{background-color: #EFEFEF;min-height: 100%;}
}

@media screen and (min-width: 900px) and (max-width: 1199px){
	.pop.default>.block{width:800px;margin:2% auto 0;}
}

@media screen and (min-width: 1200px){
	.pop.default>.block{width:1100px;margin:2% auto 0;}
}

/*--City select popup--*/

.pop.select .controls>.close{position: absolute;z-index:1;top:0;right:0;width: 40px;height: 40px;line-height: 40px;text-align: center;cursor: pointer;}
.pop.select>.block .controls>.close span{font-size: 1.3em;color:#a6a6a6;}
.pop.select>.block .controls>.close:hover span{color:#fff;}
.pop.select>.block>.head{background-color: #555;line-height: 40px;padding: 0 20px;}
.pop.select>.block>.head span{color: #fff;font-family: 'SegoeUIBold';font-size: 1.3em;display: inline-block;}
.pop.select>.block>.content{background-color: #EFEFEF;}

@media screen and (max-width: 767px){
	.pop.select>.block{background-color: #EFEFEF;min-height: 100%;}
}

@media screen and (min-width: 768px) and (max-width: 899px){
	.pop.select>.block{background-color: #EFEFEF;min-height: 100%;}
}

@media screen and (min-width: 900px) and (max-width: 1199px){
	.pop.select>.block{width:800px;margin:2% auto 0;}
}

@media screen and (min-width: 1200px){
	.pop.select>.block{width:900px;margin:2% auto 0;}
}