@import url(http://fonts.googleapis.com/css?family=Open+Sans:400);
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);

#popupContainer {
  display:none;
  box-sizing:border-box;
  width:560px; padding:30px 40px;
  position:fixed;
  left:50%;
  top:15% !important;
  z-index:10000;
  margin-left:-280px;
  background:#ECF0F1;
}
#popupInnercontainer {
  position:relative;
  font:normal normal 16px 'Open Sans', sans-serif;
}
#popupClose {
  position:absolute; right:0; top:0;
  font-size:20px; color:#22313F;
  cursor:pointer;
}

#popupSocialbuttoncontainer {margin:0 auto; padding:0;}
#popupSocialbuttons {overflow:hidden;}
.popupSocialbutton {
  background:#DCE0E0;
  position:relative;
  float:left;
  height:40px; width:150px;
  margin:5px;
  overflow:hidden;
  border-radius:3px;
}
.popupSocialicon {
  float:left;
  width:38px; height:100%;
  border-radius:3px 0px 0px 3px;
  text-align:center;
}
.popupSocialicon i.fa {color:#fff; line-height:42px;}

.popupSocialslide {
  height:100%; width:112px;
  position:absolute; right:0; top:0; z-index:2;
  text-align:center;
  border-radius:0 3px 3px 0;
  transition:all 0.2s ease-in-out;
}
.popupSocialslide p {
  font:normal 400 16px/1.5 'Open Sans', sans-serif; color:#fff;
  border-left:1px solid #ccc;
  margin-top:8px;
}

.popupSocialcount {
  height:100%; width:112px;
  position:absolute; right:0; top:0; z-index:1;
  border-radius:0 3px 3px 0;
  text-align:center;
}
.popupSocialcount iframe {margin:10px!important;}

.popupSocialbutton:hover .popupSocialslide {right:-112px;}

.popupSocial-facebook .popupSocialicon, .popupSocial-facebook .popupSocialslide {background:#305c99;}
.popupSocial-twitter .popupSocialicon, .popupSocial-twitter .popupSocialslide {background:#00cdff;}
.popupSocial-google .popupSocialicon, .popupSocial-google .popupSocialslide {background:#d24228;}

#popupSharecontainer {}

/*---Popup Msg---*/
.popupMsg {margin-bottom:20px; color:#22313F;}
.popupMsgheader {font-size:1.5em;}
.popupMsgsubheader {font-size:1em;}
.subscribeField {
  border-bottom:1px solid #22313F;
  margin:20px auto;
}
.subscribeField i.fa {
  color:#22313F; margin-right:9px;
}
input {
  font:normal normal 16px/1.6em 'Open Sans', sans-serif; color:#22313F;
  border:none; outline:none;
}
.field {
  width:450px; height:45px;
  background:rgba(0,0,0,0);
}
#subbutton {
  width:250px; height:45px;
  display:block;
  margin:50px auto 0;
  background:#27ae60;
  cursor:pointer;
}

#popupSeparator {
  font-size:1.2em; color:#22313F;
  text-align:center;
  margin:30px 0;
  position:relative;
}
#popupSeparator:before, #popupSeparator:after {
  content:'';
  position:absolute; top:50%;
  width:45%; height:1px;
  background:#bbb;
}
#popupSeparator:before {left:0;}
#popupSeparator:after {right:0;}

#popupOverlay {
  width:100%; height:100%;
  position:fixed; left:0; top:0;
  z-index:9999;
  background:rgba(0,0,0,0.5);
  display:none;
}