/* Begin Popup */

div.pop-up-container{position: fixed; z-index:99999; top: 0px; left: 0px; width: 100%; height:100%; background-color:black; opacity:0.66; visibility:hidden;}
/*div.pop-up{position:absolute; z-index:1111113; top: 0; bottom:0; left:40%; right:40%; width:30%; padding:0; background:#ffffff; visibility:hidden; opacity:0.4; border-radius:5px; border:10px solid #FFF; text-align:center;}*/

/*div.pop-up-container{position: fixed; top:0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 3; cursor: pointer; visibility: hidden; opacity: 0; -webkit-transition: opacity 0.3s 0, visibility 0 0.3s; transition: opacity 0.3s 0, visibility 0 0.3s;}*/
div.pop-up-container.is-visible {visibility: visible; opacity: 1; -webkit-transition: opacity 0.3s 0, visibility 0 0; transition: opacity 0.3s 0, visibility 0 0;}
div.pop-up-container.is-visible .div.pop-up {-webkit-transform: translateY(0); transform: translateY(0);}

div.pop-up{padding:0; width:29.7%; background:none; border-radius: 0.35em; position:absolute; z-index:100000; left:35.4%; top:15rem !important;
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.6s;
transition-duration: 0.6s;}

div.pop-up a.close{position:absolute; top:-0.6rem; right:-0.7rem; color:#000; background:#ffffff; border-radius:50px; text-decoration:none; font-weight:normal; line-height:1.2rem; text-align:center; font-size:1.4rem; display:block; width:25px; height:25px;}
div.pop-up img{width:100%; padding:0; margin:0; float:left; border-radius: 0.35em;}
.button{position:relative; width:100%; float:left; padding:0; margin:0;}
div.pop-up a.popup-btn {padding:0.5rem 0; margin:0 auto; color: #ffffff; text-decoration: none; border-radius: 10px; text-align:center; position:relative; display:block; bottom:3.5rem; left:0; width:35%;
background: #2f5d8a;
background: -moz-linear-gradient(top, #2f5d8a 0%, #2f608d 10%, #6e94b8 100%);
background: -webkit-linear-gradient(top, #2f5d8a 0%,#2f608d 10%,#6e94b8 100%);
background: linear-gradient(to bottom, #2f5d8a 0%,#2f608d 10%,#6e94b8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f5d8a', endColorstr='#6e94b8',GradientType=0 );
-webkit-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.52);
-moz-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.52);
box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.52);
border-bottom: 1px solid #5b6269;}
div.pop-up a.popup-btn:hover {color: #ffffff; text-decoration: none;
background: #4979a3;
background: -moz-linear-gradient(top, #4979a3 0%, #5987ad 10%, #8bacc9 100%);
background: -webkit-linear-gradient(top, #4979a3 0%,#5987ad 10%,#8bacc9 100%);
background: linear-gradient(to bottom, #4979a3 0%,#5987ad 10%,#8bacc9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4979a3', endColorstr='#8bacc9',GradientType=0 );}
/* End Popup */
/* styles for mobile*/

@media all and (max-width: 1600px) {
div.pop-up{width:35.2%; left:32.7%;}
}

@media all and (max-width: 1440px) {
div.pop-up{width:39.2%; left:30.7%;}
}

@media only screen and (max-width: 1366px) {
div.pop-up{width:41.5%; left:29.5%;}
}

@media only screen and (max-width: 1280px) {
div.pop-up{width:44.2%; left:28.2%;}
}

@media only screen and (max-width: 1152px) {
div.pop-up{width:49%; left:25.9%;}
}

@media only screen and (max-width: 1024px) {
div.pop-up{width:55.5%; left:22.8%;}
}

@media only screen and (max-width: 800px) {
div.pop-up{width:92.5%; left:4%; top:15.6rem !important;}
}

@media only screen and (max-width: 768px) {
div.pop-up{width:92.5%; left:4%; top:15.2rem !important;}
}

@media only screen and (max-width: 736px) {
div.pop-up{width:92.5%; left:4%; top:14.8rem !important;}
}

@media only screen and (max-width: 667px) {
div.pop-up{width:92.5%; left:4%; top:13.9rem !important;}
}

@media only screen and (max-width: 640px) {
div.pop-up{width:92.7%; left:4%; top:13.6rem !important;}
}

@media only screen and (max-width: 600px) {
div.pop-up{width:92.7%; left:4%; top:13rem !important;}
}

@media only screen and (max-width: 568px) {
}

@media only screen and (max-width: 480px) {
div.pop-up{width:92%; left:4.2%; top:11.3rem !important;}
div.pop-up a.popup-btn {bottom:2.7rem; width:40%; font-size:0.875rem; padding:0.3rem 0;}
}

@media only screen and (max-width: 414px) {
}

@media only screen and (max-width: 384px) {
}

@media only screen and (max-width: 375px) {
}

@media only screen and (max-width: 360px) {
div.pop-up{width:92%; left:4.2%; top:9.7rem !important;}
div.pop-up a.popup-btn {bottom:2.7rem; width:50%; font-size:0.875rem; padding:0.3rem 0;}
}

@media only screen and (max-width: 320px) {
div.pop-up{width:90%; left:4.2%; top:8.7rem !important;}
div.pop-up a.popup-btn {bottom:2.5rem; width:50%; font-size:0.875rem; padding:0.3rem 0;}
}