.popup { position: fixed; left: 0px; top: 0px !important; width: 100%; height: 100%; background: url("../img/popup.png") repeat; z-index: 10000; }
.popup1 { display: none; }
.popup2 { display: none; }
.window-popup { clear: both; width: 650px; height: auto; position: relative; margin: 150px auto 0; background: #fff !important; display: block; padding: 40px 30px; }
a.close-popup { position: absolute; top: 5px; right: 5px; width: 28px; height: 29px; background: url("../img/popupClose.png") no-repeat center; }
.width470 { width: 310px !important; padding: 20px 80px; margin-left: auto; margin-right: auto; }
form.width470 { padding: 20px 0; }
.add_new_project { width: 100%; display: block; height: auto; margin: 20px 0; }
.add_new_project h2 { font-size: 24px; color: #3db7b7; text-transform: uppercase; text-align: center; margin: 0 auto; }
.hor-line { width: 100px; margin: 0 auto; display: blok; height: 3px; background: #3db7b7; }
.popup-input-wrapper { margin-top: 30px; display: block; }
.popup-input-inner { width: 310px; height: auto; display: inline-block; margin-bottom: 10px; margin-right: 5px; }
.fl { float: left; }
.popup-input-inner input, .popup-input-inner label, .popup-input-inner textarea { width: 95%; color: #868686; font-weight: 200; }
.popup-input-inner input { height: 60px; }
.popup-input-inner label { font-size: 18px; line-height: 30px; text-transform: uppercase; }
input.text { height: 120px; line-height: 30px; font-size: 18px; }
.popup-input-inner label span { color: #3db7b7; }
a.create-np { clear: both; width: 60%; height: 40px; color: #fff; display: block; font-size: 24px; text-align: center; background: #3db7b7 url("../img/reg1.png") no-repeat top right; text-transform: uppercase; margin: 10px auto; }
a.create-np:hover { color: #000; }
#tabs-popup { width: 80%; margin: 0px auto; position: relative; display: block; height: 80px; }
#tabs-popup li { width: 50%; height: 40px; display: block; float: left; position: relative; }
#tabs-popup li a { text-align: center; display: block; font-size: 24px; line-height: 40px; font-weight: bold; color: #fff; background: #4d4d4d; height: 40px; }
#tabs-popup li.registration-popup a { background-image: url("../img/reg4.png"); background-repeat: no-repeat; background-position: right top; }
#tabs-popup li.registration-popup a:hover, #tabs-popup li.registration-popup a.active { background-image: url("../img/reg1.png"); background-color: #3db7b7; background-repeat: no-repeat; background-position: right top; }
#tabs-popup li.log-in-popup a { background-image: url("../img/reg2.png"); background-repeat: no-repeat; background-position: left bottom; }
#tabs-popup li.log-in-popup a:hover, #tabs-popup li.log-in-popup a.active { background-image: url("../img/reg3.png"); background-color: #78cdcd; background-repeat: no-repeat; background-position: left bottom; }
#registration-popup { clear: both; display: block; min-height: 110px; height: auto; width: 100%; zoom: 1; float: none; background: #fff; }
@media all and (max-width: 768px) {
.window-popup { width: 80% !important; margin: 120px auto 0; padding: 10px 5%; }
#registration-popup .popup-input-inner { width: 45%; margin-right: 5%; }
#tabs-popup li a { font-size: 20px; }
.width470 { width: 310px !important; padding: 20px 80px; margin-left: auto; margin-right: auto; }
}
@media all and (max-width: 480px) {
.width470 { width: 80% !Important; padding: 10px 5%; }
.popup-input-inner { width: 100% !important; }
#tabs-popup li { width: 100%; margin-bottom: 5px; }
#tabs-popup { margin-bottom: 40px; }
.popup-input-inner input { height: 40px; }
a.close-popup { width: 33px; height: 33px; background: url("../img/m-popupClose.png") no-repeat center; }
}