
/*#popup_window{
padding: 10px;
background: #267E8A;
cursor: pointer;
color: #FCFCFC;
margin: 200px 0px 0px 200px;
}*/
.popup-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(196, 196, 196, .85);
    top: 0;
    left: 100%;
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
}
.overlay .popup-overlay {
    opacity: 1;
    left: 0
}
.popup {
    position: fixed;
    top: 15%;
    left: 50%;
    z-index: -9999;
}
.popup .popup-body {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f7f7f7));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0);
    opacity: 0;
    min-height: 150px;
    width: 400px;
    margin-left: -200px;
    padding: 20px;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
    position: relative;
    -moz-box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);
    -webkit-box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);
    box-shadow: 1px 2px 3px 1px rgb(185, 185, 185);
    text-align: center;
    border: 1px solid #e9e9e9;
}
.popup.visible, .popup.transitioning {
    z-index: 9999;
}
.popup.visible .popup-body {
    opacity: 1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.popup .popup-exit {background: url("../images/close-icn.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;height: 32px !important;
    margin-right: 7px;  margin-top: 0px;   width: 32px !important; position: absolute !important;
    right: 0 !important;z-index: 999999 !important;}
.popup .popup-content {
    overflow-y: auto;
}
.popup-content .popup-title {
    font-size: 24px;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 10px;
}
.popup-content p {
    font-size: 13px;
    text-align: justify;
}
@media only screen and (min-width:2000px) and (max-width:3000px) {
	.popup .popup-exit{  margin-right: -23px !important;  margin-top: -67px !important;}
}
@media only screen and (min-width: 1600px) and (max-width:2000px) {
	.popup .popup-exit{  margin-right: -23px !important;  margin-top: -67px !important;}
	
}
@media only screen and (min-width: 1500px) and (max-width:1600px) {
.popup .popup-exit{  margin-right: -23px !important;  margin-top: -7px !important;}
	.popup textarea, .popup input[type="text"], .popup input[type="tel"], .popup input[type="email"], .popup input[type="password"]{padding: 8px 16px !important;}
	
}
@media only screen and (min-width: 1400px) and (max-width:1500px) {
	.popup .popup-exit{  margin-right: -25px !important;  margin-top: -67px !important;}
	.popup textarea, .popup input[type="text"], .popup input[type="tel"], .popup input[type="email"], .popup input[type="password"]{padding: 8px 16px !important;}
}
@media only screen and (min-width: 1300px) and (max-width:1400px) {
.popup .popup-exit{  margin-right: -25px !important;  margin-top: 6px !important;cursor: pointer !important;}
.popup textarea, .popup input[type="text"], .popup input[type="tel"], .popup input[type="email"], .popup input[type="password"]{padding: 8px 16px !important;}
	
}
@media only screen and (min-width: 1260px) and (max-width:1300px) {
	
.popup .popup-exit{ margin-right: -21px !important;margin-top:10px!important;}
	.popup textarea, .popup input[type="text"], .popup input[type="tel"], .popup input[type="email"], .popup input[type="password"]{padding: 8px 16px !important; }

}
@media only screen and (min-width: 1200px) and (max-width:1260px) {
	

	.popup textarea, .popup input[type="text"], .popup input[type="tel"], .popup input[type="email"], .popup input[type="password"]{padding: 8px 16px !important;}
	
}
@media only screen and (min-width: 1100px) and (max-width:1200px) {

}





@media only screen and (min-width: 1024px) and (max-width:1100px) { 

/*popup*/
.popup.visible, .popup.transitioning{ margin-top: 0 !important;}


}

@media only screen and (min-width: 980px) and (max-width:1023px) {
/*popup*/
.popup.visible, .popup.transitioning{ margin-top: 0 !important;}
.popup .popup-exit{ margin-right: -4px !important; margin-top:120px !important;}
.popup{ top: 0 !important;}

@media only screen and (min-width: 800px) and (max-width:979px) { 
/*popup*/
.popup.visible, .popup.transitioning{ margin-top: 0 !important;}
.popup .popup-exit{ margin-right: -4px !important; margin-top:120px !important;}
.popup{ top: 0 !important;}
}
@media only screen and (min-width: 768px) and (max-width:799px) {

/*popup*/
.popup.visible, .popup.transitioning{ margin-top: 0 !important;}
.popup .popup-exit{ margin-right: -4px !important; margin-top:120px !important;}
.popup{ top: 0 !important;}
}

@media only screen and (min-width: 650px) and (max-width: 768px) { 


/*popup*/
.popup.visible, .popup.transitioning{ margin-top: 0 !important;}
.popup .popup-exit{ margin-right: -4px !important; margin-top:120px !important;}
.popup{ top: 0 !important;}

}