.overlay{top:0;right:0;bottom:0;left:0;z-index:9999;visibility:hidden;background-color:rgba(0, 0, 0, 0.7);opacity:0;position:fixed;cursor:default;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-ms-transition:all 0.6s;-o-transition:all 0.6s;transition:all 0.6s;}
.overlay:target{visibility:visible;opacity:1;}
.popup{top:0;opacity: 0;right:0;left:42%;font-size:15px;z-index:10000;margin:0 auto;width:100%;min-width:320px;max-width:820px;position:fixed;padding:15px;border:1px solid #383838;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;background-color:#FFFFFF;-webkit-box-shadow:0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);-moz-box-shadow:0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);-ms-box-shadow:0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);-o-box-shadow:0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);box-shadow:0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);-webkit-transform:translate(-50%, -150%);-ms-transform:translate(-50%, -150%);-o-transform:translate(-50%, -150%);transform:translate(-50%, -150%);-webkit-transition:transform 0.6s ease-out;-moz-transition:transform 0.6s ease-out;-ms-transition:transform 0.6s ease-out;-o-transition:transform 0.6s ease-out;transition:transform 0.6s ease-out;}
.overlay:target+.popup{top:42%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);opacity: 1;}
.close{position:absolute;padding:0;top:-10px;right:-10px;width:37px;height:37px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;background-color:rgb(219, 85, 27);-webkit-box-shadow:0px 0px 10px #000;-moz-box-shadow:0px 0px 10px #000;box-shadow:0px 0px 10px #000;text-align:center;text-decoration:none;font-weight:bold;line-height:37px;-webkit-transition:background-color ease .7s;-moz-transition:background-color ease .7s;-ms-transition:background-color ease .7s;-o-transition:background-color ease .7s;transition:background-color ease .7s;}
.close:before{color:rgba(255, 255, 255, 0.9);content:'\2715';text-shadow:0 -1px rgba(0, 0, 0, 0.9);font-size:12px;}
.close:hover{background-color:rgba(252, 20, 0, 0.8);}
.popup.das21{width:483px;padding-bottom:35px;}
.popup.das21 input{width:73%;margin-left:31px;margin-bottom:16px;}
body > div.popup.das21 > div > form > input.sb{display:table;margin:0 auto;}
.popup.das21 h2{text-align:center;text-transform:uppercase;font-size:29px;display: block;}
.popup.uvel{left:50%;overflow-y:scroll;height:90%;overflow-x:hidden;}.popup.uvel img{width:100%;}
.overlay:target+.uvel{top:50%;opacity: 1;}
.popup.uvel >.close{right:00;top:0;border-radius:0 !important;box-shadow:none;}.resp-tab-item i:before{content:'â–¸';color:#fff;font-size:38px;margin-left:6px;line-height:44px;font-style:normal;}.resp-tab-item i{height:43px;width:43px;text-align:center;border-radius:50%;background:#50887d;display:inline-block;margin-right:15px;}
.sb {
    width: 100%;
    border: 0;
    background: #FFF200;
    text-transform: uppercase;
    font-size: 17px;
    color: #000000;
    font-family: 'GothaProMed';
    font-weight: bold;
    padding: 15px 0;
    cursor: pointer;
    margin: 4px 0 0;
}

.sb:hover {
    background: #000000;
    color: #fff;
}

@media screen and (max-width:1024px){
	.popup{
		left: 50%;
	}
}

@media screen and (max-width:500px){
	.popup.das21{width:100% !important;margin:0 auto !important;display:table;position:fixed;left:50%;}
    body > div.popup.das21 > div > form > input.sb{font-size:13px;}
    .popup.das21 h2{margin-bottom:20px;margin-top:20px;}
    .popup.uvel{position:fixed;top:0;width:100%;height:100%;}
    .popup.uvel p{margin:0 8px;}
    .popup.uvel h2{text-align:center;margin-top:55px;}
    .popup.uvel > .close{top:22px;right:27px;}
    .popup.das21 > a {
        right: 22px;
    }
}