.panel {background-color: #000;height: 34px;padding: 10px;}
.panel a#login_pop, .panel a#join_pop {border: 2px solid #aaa;color: #fff;display: block;float: right;margin-right: 10px;
padding: 5px 10px;text-decoration: none;text-shadow: 1px 1px #000;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;
-o-border-radius: 10px;border-radius: 10px;}
a#login_pop:hover, a#join_pop:hover {border-color: #eee;}
.overlay {background-color: rgba(0, 0, 0, 0.7);bottom: 0;cursor: default;left: 0;opacity: 0;position: fixed;right: 0;top: 0;
visibility: hidden;z-index:9;-webkit-transition: opacity .5s;-moz-transition: opacity .5s;-ms-transition: opacity .5s;-o-transition: opacity .5s;
transition: opacity .5s;}
.overlay:target {visibility: visible;opacity: 1;}
.popup {background-color:#F2F2F2;display: inline-block;left: 50%; width:50%;opacity: 0;padding:10px;position: fixed;text-align: justify;top: 40%;
visibility: hidden;z-index: 1000;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-transition: opacity .5s, top .5s;-moz-transition: opacity .5s, top .5s;-ms-transition: opacity .5s, top .5s;-o-transition: opacity .5s, top .5s;transition: opacity .5s, top .5s; }
.overlay:target+.popup {top: 50%;opacity: 1;visibility: visible;}

.close {background:#40A9FA url(../images/wrong-icon.png) no-repeat center ;height: 30px;line-height: 30px;position: absolute;right: 10px;text-align: center;
text-decoration: none;top:10px;width: 30px;}
.close:before {color: rgba(255, 255, 255, 0.9);content: "";font-size: 24px;text-shadow: 0 -1px rgba(0, 0, 0, 0.9);}
.close:hover {background-color:#E63337;}

.popup p, .popup div {margin-bottom: 10px;}
.popup label {display: inline-block;text-align: left;width: 120px;}
/*.popup input[type="text"], .popup input[type="password"] {
border: 1px solid;
border-color:#E9E9E9;
margin: 0;
padding: 0;


}
.popup input[type="text"]:hover, .popup input[type="password"]:hover {
border-color:#E9E9E9;
}*/

.popup h1 {width:100%; height:auto; min-height:10px; line-height:30px; font-size:28px; color:#E63337; text-align: center; margin:10px 0 ; padding:0 0 0 0; font-weight:600; text-transform: capitalize; background: none;}


.compare-enquire-form {  width:400px; height:auto; min-height:100px; margin:0 auto; padding:0;}
.compare-enquire-form:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.compare-enquire-form ul { float:left; margin:0; padding:0; list-style:none;}
.compare-enquire-form ul li { float:left; width:400px; height:auto; min-height:10px; margin:10px 0; padding:0; font-size:14px; text-align:center; color:#333; line-height:25px; font-weight:500;}
.compare-enquire-form ul li a { font-size:14px; text-align:center; color:#E63337; height:auto; line-height:25px; text-decoration:none; font-weight:500;}
.compare-enquire-form ul li a:hover { color:#40A9FA;}

.compare-enquire-form-bor  { float:left; width:400px; height:45px; line-height:45px; font-size:15px; text-align:left; color:#333; font-weight:500;margin:0 0 0 0; padding:0 0 0 10px; background:#FFF; border:1px solid #DDD; font-family: 'Raleway', sans-serif; }

.compare-enquire-form-bor:focus { background:#F5F5F5; border:1px solid #40A9FA; }

.compare-enquire-form select { float:left; font-size:15px; margin:0; padding:0 0 0 10px; color:#333 !important;  width:400px; height:45px; line-height:45px; font-weight:500; background:#FFF  url(../images/arrow-select.png) no-repeat right 10px center ;border:1px solid #DDD; font-family: 'Raleway', sans-serif; font-weight:500; appearance:none; -webkit-appearance:none;-moz-appearance: none; text-indent: 0.01px; text-overflow: ''; }
.compare-enquire-form select:focus { float:left; font-size:15px; margin:0; padding:0 0 0 10px; color:#333 !important;  width:400px; height:45px; line-height:45px; font-weight:500; background:#FFF  url(../images/arrow-select.png) no-repeat right 10px center ;border:1px solid #40A9FA; font-family: 'Raleway', sans-serif; font-weight:500; appearance:none; -webkit-appearance:none;-moz-appearance: none; text-indent: 0.01px; text-overflow: ''; }

input.compare-enquire-btn { float: left; font-weight:500; width:400px; text-align:center; background:#40A9FA; margin:0; padding:0; height:45px; line-height:45px; color:#FFF; text-decoration:none; text-shadow: none; font-size:16px; text-align:center; text-transform:capitalize; border: none;cursor:pointer; text-transform:uppercase; font-family: 'Raleway', sans-serif; }
input.compare-enquire-btn:hover {background:#E63337;color:#FFF; text-decoration:none;}

/* Portrait tablet to landscape and desktop */
@media only screen and ( min-width: 768px) and ( max-width: 980px ) {


.popup h1 {width:100%; height:auto; min-height:10px; line-height:30px; font-size:26px; color:#E63337; text-align: center; margin:10px 0 ; padding:0 0 0 0; font-weight:600; text-transform: capitalize; background: none;}


.compare-enquire-form {  width:300px; height:auto; min-height:100px; margin:0 auto; padding:0;}
.compare-enquire-form:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.compare-enquire-form ul { float:left; margin:0; padding:0; list-style:none;}
.compare-enquire-form ul li { float:left; width:300px; height:auto; min-height:10px; margin:10px 0; padding:0; font-size:14px; text-align:center; color:#333; line-height:25px; font-weight:500;}
.compare-enquire-form ul li a { font-size:14px; text-align:center; color:#E63337; height:auto; line-height:25px; text-decoration:none; font-weight:500;}
.compare-enquire-form ul li a:hover { color:#40A9FA;}

.compare-enquire-form-bor  { float:left; width:300px; height:45px; line-height:45px; font-size:15px; text-align:left; color:#333; font-weight:500;margin:0 0 0 0; padding:0 0 0 10px; background:#FFF; border:1px solid #DDD; font-family: 'Raleway', sans-serif; }

.compare-enquire-form-bor:focus { background:#F5F5F5; border:1px solid #40A9FA; }

.compare-enquire-form select { float:left; font-size:15px; margin:0; padding:0 0 0 10px; color:#333 !important;  width:300px; height:45px; line-height:45px; font-weight:500; background:#FFF  url(../images/arrow-select.png) no-repeat right 10px center ;border:1px solid #DDD; font-family: 'Raleway', sans-serif; font-weight:500; appearance:none; -webkit-appearance:none;-moz-appearance: none; text-indent: 0.01px; text-overflow: ''; }
.compare-enquire-form select:focus { float:left; font-size:15px; margin:0; padding:0 0 0 10px; color:#333 !important;  width:300px; height:45px; line-height:45px; font-weight:500; background:#FFF  url(../images/arrow-select.png) no-repeat right 10px center ;border:1px solid #40A9FA; font-family: 'Raleway', sans-serif; font-weight:500; appearance:none; -webkit-appearance:none;-moz-appearance: none; text-indent: 0.01px; text-overflow: ''; }

input.compare-enquire-btn { float: left; font-weight:500; width:300px; text-align:center; background:#40A9FA; margin:0; padding:0; height:45px; line-height:45px; color:#FFF; text-decoration:none; text-shadow: none; font-size:16px; text-align:center; text-transform:capitalize; border: none;cursor:pointer; text-transform:uppercase; font-family: 'Raleway', sans-serif; }
input.compare-enquire-btn:hover {background:#E63337;color:#FFF; text-decoration:none;}

}
/* Portrait tablet to landscape and desktop */


/* Landscape phone to portrait tablet */
@media only screen and ( min-width: 600px) and ( max-width: 767px ) {

.popup h1 {width:100%; height:auto; min-height:10px; line-height:28px; font-size:22px; color:#E63337; text-align: center; margin:10px 0 ; padding:0 0 0 0; font-weight:600; text-transform: capitalize; background: none;}


.compare-enquire-form {  width:260px; height:auto; min-height:100px; margin:0 auto; padding:0;}
.compare-enquire-form:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.compare-enquire-form ul { float:left; margin:0; padding:0; list-style:none;}
.compare-enquire-form ul li { float:left; width:260px; height:auto; min-height:10px; margin:10px 0; padding:0; font-size:14px; text-align:center; color:#333; line-height:25px; font-weight:500;}
.compare-enquire-form ul li a { font-size:14px; text-align:center; color:#E63337; height:auto; line-height:25px; text-decoration:none; font-weight:500;}
.compare-enquire-form ul li a:hover { color:#40A9FA;}

.compare-enquire-form-bor  { float:left; width:260px; height:45px; line-height:45px; font-size:15px; text-align:left; color:#333; font-weight:500;margin:0 0 0 0; padding:0 0 0 10px; background:#FFF; border:1px solid #DDD; font-family: 'Raleway', sans-serif; }

.compare-enquire-form-bor:focus { background:#F5F5F5; border:1px solid #40A9FA; }

.compare-enquire-form select { float:left; font-size:15px; margin:0; padding:0 0 0 10px; color:#333 !important;  width:260px; height:45px; line-height:45px; font-weight:500; background:#FFF  url(../images/arrow-select.png) no-repeat right 10px center ;border:1px solid #DDD; font-family: 'Raleway', sans-serif; font-weight:500; appearance:none; -webkit-appearance:none;-moz-appearance: none; text-indent: 0.01px; text-overflow: ''; }
.compare-enquire-form select:focus { float:left; font-size:15px; margin:0; padding:0 0 0 10px; color:#333 !important;  width:260px; height:45px; line-height:45px; font-weight:500; background:#FFF  url(../images/arrow-select.png) no-repeat right 10px center ;border:1px solid #40A9FA; font-family: 'Raleway', sans-serif; font-weight:500; appearance:none; -webkit-appearance:none;-moz-appearance: none; text-indent: 0.01px; text-overflow: ''; }

input.compare-enquire-btn { float: left; font-weight:500; width:260px; text-align:center; background:#40A9FA; margin:0; padding:0; height:45px; line-height:45px; color:#FFF; text-decoration:none; text-shadow: none; font-size:16px; text-align:center; text-transform:capitalize; border: none;cursor:pointer; text-transform:uppercase; font-family: 'Raleway', sans-serif; }
input.compare-enquire-btn:hover {background:#E63337;color:#FFF; text-decoration:none;}


}
/* Landscape phone to portrait tablet */

@media only screen and ( min-width: 481px) and ( max-width: 599px ) {


.popup {

left: 50%; width:70%; height:300px; overflow-x:hidden; /*scroll overflow along X and Y axis */
          overflow-y:scroll; 

}
.overlay:target+.popup {
top: 50%;
opacity: 1;
visibility: visible;
}


.popup h1 {width:100%; height:auto; min-height:10px; line-height:28px; font-size:20px; color:#E63337; text-align: center; margin:10px 0 ; padding:0 0 0 0; font-weight:600; text-transform: capitalize; background: none;}


.compare-enquire-form {  width:260px; height:auto; min-height:100px; margin:0 auto; padding:0;}
.compare-enquire-form:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.compare-enquire-form ul { float:left; margin:0; padding:0; list-style:none;}
.compare-enquire-form ul li { float:left; width:260px; height:auto; min-height:10px; margin:10px 0; padding:0; font-size:14px; text-align:center; color:#333; line-height:25px; font-weight:500;}
.compare-enquire-form ul li a { font-size:14px; text-align:center; color:#E63337; height:auto; line-height:25px; text-decoration:none; font-weight:500;}
.compare-enquire-form ul li a:hover { color:#40A9FA;}

.compare-enquire-form-bor  { float:left; width:260px; height:45px; line-height:45px; font-size:15px; text-align:left; color:#333; font-weight:500;margin:0 0 0 0; padding:0 0 0 10px; background:#FFF; border:1px solid #DDD; font-family: 'Raleway', sans-serif; }

.compare-enquire-form-bor:focus { background:#F5F5F5; border:1px solid #40A9FA; }

.compare-enquire-form select { float:left; font-size:15px; margin:0; padding:0 0 0 10px; color:#333 !important;  width:260px; height:45px; line-height:45px; font-weight:500; background:#FFF  url(../images/arrow-select.png) no-repeat right 10px center ;border:1px solid #DDD; font-family: 'Raleway', sans-serif; font-weight:500; appearance:none; -webkit-appearance:none;-moz-appearance: none; text-indent: 0.01px; text-overflow: ''; }
.compare-enquire-form select:focus { float:left; font-size:15px; margin:0; padding:0 0 0 10px; color:#333 !important;  width:260px; height:45px; line-height:45px; font-weight:500; background:#FFF  url(../images/arrow-select.png) no-repeat right 10px center ;border:1px solid #40A9FA; font-family: 'Raleway', sans-serif; font-weight:500; appearance:none; -webkit-appearance:none;-moz-appearance: none; text-indent: 0.01px; text-overflow: ''; }

input.compare-enquire-btn { float: left; font-weight:500; width:260px; text-align:center; background:#40A9FA; margin:0; padding:0; height:45px; line-height:45px; color:#FFF; text-decoration:none; text-shadow: none; font-size:16px; text-align:center; text-transform:capitalize; border: none;cursor:pointer; text-transform:uppercase; font-family: 'Raleway', sans-serif; }
input.compare-enquire-btn:hover {background:#E63337;color:#FFF; text-decoration:none;}


}



@media only screen and ( min-width: 320px) and ( max-width: 480px ) {	

.popup {

left: 50%; width:70%; height:300px; overflow-x:hidden; /*scroll overflow along X and Y axis */
          overflow-y:scroll; 

}
.overlay:target+.popup {
top: 50%;
opacity: 1;
visibility: visible;
}


.popup h1 {width:100%; height:auto; min-height:10px; line-height:28px; font-size:20px; color:#E63337; text-align: center; margin:10px 0 ; padding:0 0 0 0; font-weight:600; text-transform: capitalize; background: none;}


.compare-enquire-form {  width:188px; height:auto; min-height:100px; margin:0 auto; padding:0;}
.compare-enquire-form:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.compare-enquire-form ul { float:left; margin:0; padding:0; list-style:none;}
.compare-enquire-form ul li { float:left; width:188px; height:auto; min-height:10px; margin:10px 0; padding:0; font-size:13px; text-align:center; color:#333; line-height:25px; font-weight:500;}
.compare-enquire-form ul li a { font-size:13px; text-align:center; color:#E63337; height:auto; line-height:25px; text-decoration:none; font-weight:500;}
.compare-enquire-form ul li a:hover { color:#40A9FA;}

.compare-enquire-form-bor  { float:left; width:188px; height:45px; line-height:45px; font-size:14px; text-align:left; color:#333; font-weight:500;margin:0 0 0 0; padding:0 0 0 10px; background:#FFF; border:1px solid #DDD; font-family: 'Raleway', sans-serif; }

.compare-enquire-form-bor:focus { background:#F5F5F5; border:1px solid #40A9FA; }

.compare-enquire-form select { float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important;  width:188px; height:45px; line-height:45px; font-weight:500; background:#FFF  url(../images/arrow-select.png) no-repeat right 10px center ;border:1px solid #DDD; font-family: 'Raleway', sans-serif; font-weight:500; appearance:none; -webkit-appearance:none;-moz-appearance: none; text-indent: 0.01px; text-overflow: ''; }
.compare-enquire-form select:focus { float:left; font-size:14px; margin:0; padding:0 0 0 10px; color:#333 !important;  width:188px; height:45px; line-height:45px; font-weight:500; background:#FFF  url(../images/arrow-select.png) no-repeat right 10px center ;border:1px solid #40A9FA; font-family: 'Raleway', sans-serif; font-weight:500; appearance:none; -webkit-appearance:none;-moz-appearance: none; text-indent: 0.01px; text-overflow: ''; }

input.compare-enquire-btn { float: left; font-weight:500; width:188px; text-align:center; background:#40A9FA; margin:0; padding:0; height:45px; line-height:45px; color:#FFF; text-decoration:none; text-shadow: none; font-size:14px; text-align:center; text-transform:capitalize; border: none;cursor:pointer; text-transform:uppercase; font-family: 'Raleway', sans-serif; }
input.compare-enquire-btn:hover {background:#E63337;color:#FFF; text-decoration:none;}

}