﻿.popup {
  position:fixed; z-index:10001; top:10%; left:50%;
  width:660px; height:auto; background:rgba(255,255,255,1);
	max-width:100%;
    -moz-transition:top 800ms;
    -o-transition:top 800ms;
    -webkit-transition:top 800ms;
  transition:top 800ms;
  padding:20px;
}
  .p_content { width:100%; text-align:center; font-size:23px; padding:40px 0 0;font-family:Arial;text-align:left; }
  .p_content img{max-width:100%;}
  .p_content small{float:left;color:#fff;font-weight:normal;font-size:12px;margin-top:8px;text-align:center;width:100%;}
  .p_content input[type="text"]{background:#fff;border:0px;width:96%;height:30px;color:#444;padding:3px;}
  .p_content input[type="submit"]{background:#fe0000;border:0px;width:100%;height:35px;color:#fff;padding:3px;text-align:center;cursor:pointer;}
  .p_content input[type="submit"]:hover{opacity:0.75;}
  .p_anch {
    float:left; position:relative; z-index:1; width:100%;
    margin:80px 0 0 0; text-align:center; font-size:18px;
  }
  .p_anch a { color:#000; }
  .p_anch a:hover { text-decoration:none; }
  .p_anch_bottom { margin:1500px 0 0 0; padding:0 0 50px 0; }
  .p_close { position:absolute; top:0; right:0; width:10px; padding:15px 11px 0 0; }
  .p_close span { display:block; width:18px; height:5px; background:#fff; }
  .p_close span:first-child {
      -ms-transform:rotate(45deg);
      -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
  }
  .p_close span:last-child {
    margin:-5px 0 0;
      -ms-transform:rotate(135deg);
      -webkit-transform:rotate(135deg);
    transform:rotate(135deg);
  }
  .p_body {
    position:fixed;z-index:1001;  top:0; left:0; width:100%; height:100%;
    background:#000; opacity:0.9;
      -moz-transition:opacity 800ms;
      -o-transition:opacity 800ms;
      -webkit-transition:opacity 800ms;
    transition:opacity 800ms;
  }
.js_popup .send-btn{padding:7px 10px !important;color:#fff;text-align:center;background:#98226e;cursor:pointer;width:auto;font-family:'Droid Sans';font-size:18px;margin-left:auto;margin-right:auto;width:120px;margin-bottom:0px;border:0px;line-height:22px;border-radius:0px !important;}
.js_popup .send-btn:hover{opacity:0.75;}
#emailform label{min-width:160px;vertical-align:top;}
#emailform label.personalized{width:100%;}
.js_popup h4{text-align:center;margin-bottom:10px;font-family:'Droid Sans';}
.js_popup input[type="text"]{border:1px solid #ddd;width:50%;}
.js_popup textarea.textarea{border:1px solid #ddd;width:79%;height:100px !important;max-height:100px !important;overflow:auto;resize:none;}
.js_popup .p_close{padding:7px 10px !important;color:#fff;text-align:center;background:#98226e;cursor:pointer;width:auto;font-family:'Roboto Condensed';font-size:18px;margin-left:auto;margin-right:auto;margin-bottom:20px;border:0px;line-height:22px;border-radius:0px !important;}
.js_popup .p_close:hover{opacity:0.75;}
/* JS-styles — declaratively */
.js_popup {}
  .js_p_start {}
  .js_p_close {}
  .js_p_body {}
  .js_slide_top { height:0; overflow:hidden; top:-300px; }
  .js_fadeout { height:0; overflow:hidden; opacity:0; }

.div100, .div33{float:left;}
.div100{width:100%;}
.div33{width:33.333%;}
@media only screen and (max-width : 360px)
{
  .js_popup textarea.textarea{max-height:80px !important;height:80px !important;}
}
@media only screen and (min-width : 320px) and (max-width : 760px)
{
.div100,.div33{float:left;margin-bottom:5px;width:100%;}
.p_content input[type="text"]{background:#fff;border:0px;width:100%;height:30px;color:#444;padding:0px;}
.js_popup input[type="text"]{height:30px;}
.popup{width:90%;left:47%;}
.js_popup .p_close{font-size: 12px;padding: 2px 6px !important;}
#emailform label{min-width:93px;line-height:18px;margin-right: 10px;}
#emailform label.personalized{width:100%;}
}
@media only screen and (min-width : 320px)
{
.popup{left:44%;}	
.js_popup textarea.textarea{width:98%;}
.p_content input[type="text"]{background:#fff;border:0px;width:96%;height:25px;color:#444;padding:3px;}
}
@media only screen and (min-width : 360px)
{
.popup{left:43%;}	
.js_popup textarea.textarea{width:93%;}
}
@media only screen and (min-width : 480px)
{
.popup{left:45%;}
.js_popup textarea.textarea{width:82%;}	
}
@media only screen and (min-width : 640px)
{
.popup{left:46%;}
.js_popup textarea.textarea{width:73%;}	
}
@media only screen and (min-width : 768px)
{
.popup{left:45%;}
.js_popup textarea.textarea{width:79%;}
 .p_content input[type="text"]{background:#fff;border:0px;width:96%;height:30px;color:#444;padding:3px;}	
}
@media only screen and (min-width : 800px)
{
.popup{left:45%;}	
}
@media only screen and (min-width : 900px)
{
.popup{left:46%;}	
}
@media only screen and (min-width : 1020px)
{
.popup{left:46%;}	
}
@media only screen and (min-width : 1200px)
{
.popup{left:50%;}	
}