/*=================================================
Class Definitions
=================================================*/

.pop-news{
  width:604px;
  background:#fff;
  border:4px solid #000;
}
.pop-news h1{
  font-size:32px;
  color:#000;
  width:100%;
  text-align:center;
  margin:19px 0;
}
.pop-news .pop-text{
  width:100%;
  border-top:3px solid #efefef;
  text-align:center;
  padding-top:23px;
  line-height: 21px;
  position:relative;
}
.pop-news .pop-text .type1{
  font-size:20px;
  color:#000;
  margin-bottom:25px;
  margin-top:0px;
}
.pop-news .pop-text hr{
  background: #2d2dcc;
  height: 1px;
  position: absolute;
  z-index: 2;
  display: inline-block;
  width: 89%;
  left: 32px;
  margin: 0;
  bottom: 35px;
}
.pop-news .pop-text .type2{
  font-size: 25px;
  color: #2d2dcc;
  margin-bottom: 27px;
  margin-top: 0px;
  background: #fff;
  display: inline-block;
  padding: 0 35px;
  position:relative;
  z-index:4;
  font-family: VestaStdBold, sans-serif;
}
.pop-news form{
  background:#efefef;
  padding:20px 58px;
}
.pop-news input[type="email"]{
  width: 316px;
  float: left;
  height: 46px;
  margin-right: 5px;
  margin-bottom:15px;
}
.pop-news input[type="submit"]{
  cursor: pointer;
  width: 159px;
  margin-bottom:15px;
}
.pop-news form p{
  font-size:17px;
  color:#000;
  margin:0;
  text-align:center;
}
.pop-news form a{
  color:#2d2dcc;
  text-transform:uppercase;
}
.pop-news p.terms{
  font-size:13px;
  color:#000;
  margin:10px 0;
  text-align:center;
}
.pop-news p.terms a{
  color:#2d2dcc;
}
.pop-news p.terms a:hover, .pop-news form a:hover{
  color:#2d2dcc;
  opacity:.8;
}




.sb {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -350px;
  margin-top: -150px;
  z-index: 99999;
  opacity: 0;
}

.sb h2 {
  margin-top: 0;
}

.sb p {
  font-size: 20px;
}

.sb form input[type='text'], .sb form input[type='password'], .sb form input[type='email'], .sb form textarea{

}

.sb form input[type='submit']{
}
.pop-news1 .news-part2 .sb-close-btn {
  right: 5px;
  top: 5px;
}
.sb .sb-close-btn {
  background: url("close-icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  font-size: 0;
  height: 16px;
  position: absolute;
  right: 15px;
  text-indent: -99999px;
  top: 15px;
  width: 16px;
  z-index:10;
}

.sb.sb-withoverlay {
  position: absolute;
  top: 200px;
  left: 50%;
  margin-left: -250px;
}


.sb-open.sb-open-with-overlay {
  overflow: hidden;
}

.sb-open .sb-overlay {
  opacity: 1;
}

.sb-open .sb {
  opacity: 1;
}

.sb-overlay {
  height: 100%;
  width: 100%;
  background:none repeat scroll 0 0 rgba(255, 255, 255, 0.6);
  opacity: 0;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 100;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  overflow: auto;
  z-index:9999;
}

.sb-close-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

[class^="sb-animation-"], [class*=" sb-animation-"] {
  -webkit-animation-duration: 500ms;
  -moz-animation-duration: 500ms;
  -o-animation-duration: 500ms;
  animation-duration: 500ms;
}

.sb-animation-flyInRight {
  -webkit-animation-name: flyInRight;
  -moz-animation-name: flyInRight;
  -o-animation-name: flyInRight;
  animation-name: flyInRight;
}

.sb-animation-flyOutRight {
  -webkit-animation-name: flyOutRight;
  -moz-animation-name: flyOutRight;
  -o-animation-name: flyOutRight;
  animation-name: flyOutRight;
}

.sb-animation-flyInLeft {
  -webkit-animation-name: flyInLeft;
  -moz-animation-name: flyInLeft;
  -o-animation-name: flyInLeft;
  animation-name: flyInLeft;
}

.sb-animation-flyOutLeft {
  -webkit-animation-name: flyOutLeft;
  -moz-animation-name: flyOutLeft;
  -o-animation-name: flyOutLeft;
  animation-name: flyOutLeft;
}

.sb-animation-flyInUp {
  -webkit-animation-name: flyInUp;
  -moz-animation-name: flyInUp;
  -o-animation-name: flyInUp;
  animation-name: flyInUp;
}

.sb-animation-flyOutUp {
  -webkit-animation-name: flyOutUp;
  -moz-animation-name: flyOutUp;
  -o-animation-name: flyOutUp;
  animation-name: flyOutUp;
}

.sb-animation-flyInDown {
  -webkit-animation-name: flyInDown;
  -moz-animation-name: flyInDown;
  -o-animation-name: flyInDown;
  animation-name: flyInDown;
}

.sb-animation-flyOutDown {
  -webkit-animation-name: flyOutDown;
  -moz-animation-name: flyOutDown;
  -o-animation-name: flyOutDown;
  animation-name: flyOutDown;
}
/*=================================================
Animation Library
=================================================*/

@-webkit-keyframes flyInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(3000px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes flyInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(3000px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}

@-o-keyframes flyInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(3000px);
  }

  100% {
    -o-transform: translateX(0);
  }
}

@keyframes flyInRight {
  0% {
    opacity: 0;
    transform: translateX(3000px);
  }

  100% {
    transform: translateX(0);
  }
}

@-webkit-keyframes flyOutRight {
  0% {
    -webkit-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(3000px);
  }
}

@-moz-keyframes flyOutRight {
  0% {
    -moz-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -moz-transform: translateX(3000px);
  }
}

@-o-keyframes flyOutRight {
  0% {
    -o-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -o-transform: translateX(3000px);
  }
}

@keyframes flyOutRight {
  0% {
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    transform: translateX(3000px);
  }
}

@-webkit-keyframes flyInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-3000px);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes flyInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-3000px);
  }

  100% {
    -moz-transform: translateX(0);
  }
}

@-o-keyframes flyInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-3000px);
  }

  100% {
    -o-transform: translateX(0);
  }
}

@keyframes flyInLeft {
  0% {
    opacity: 0;
    transform: translateX(-3000px);
  }

  100% {
    transform: translateX(0);
  }
}
@-webkit-keyframes flyOutLeft {
  0% {
    -webkit-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-3000px);
  }
}

@-moz-keyframes flyOutLeft {
  0% {
    -moz-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -moz-transform: translateX(-3000px);
  }
}

@-o-keyframes flyOutLeft {
  0% {
    -o-transform: translateX(0);
  }

  100% {
    opacity: 0;
    -o-transform: translateX(-3000px);
  }
}

@keyframes flyOutLeft {
  0% {
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    transform: translateX(-3000px);
  }
}

@-webkit-keyframes flyInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes flyInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }

  100% {
    -moz-transform: translateY(0);
  }
}

@-o-keyframes flyInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }

  100% {
    -o-transform: translateY(0);
  }
}

@keyframes flyInUp {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }

  100% {
    transform: translateY(0);
  }
}

@-webkit-keyframes flyOutUp {
  0% {
    -webkit-transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
}

@-moz-keyframes flyOutUp {
  0% {
    -moz-transform: translateY(0);
  }

  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
}

@-o-keyframes flyOutUp {
  0% {
    -o-transform: translateY(0);
  }

  100% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
}

@keyframes flyOutUp {
  0% {
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}


@-webkit-keyframes flyInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }

  100% {
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes flyInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }

  100% {
    -moz-transform: translateY(0);
  }
}

@-o-keyframes flyInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }

  100% {
    -o-transform: translateY(0);
  }
}

@keyframes flyInDown {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }

  100% {
    transform: translateY(0);
  }
}

@-webkit-keyframes flyOutDown {
  0% {
    -webkit-transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
}

@-moz-keyframes flyOutDown {
  0% {
    -moz-transform: translateY(0);
  }

  100% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
}

@-o-keyframes flyOutDown {
  0% {
    -o-transform: translateY(0);
  }

  100% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
}

@keyframes flyOutDown {
  0% {
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}


@media screen and (max-width: 768px) {

  .sb {
    top:10%;
    margin-top:0;
  }
  .pop-news h1{
    margin:5px 0;
  }
  .pop-news .pop-text {
    padding: 10px 10px 0;
  }

  .pop-news .pop-text .type1 {
    font-size: 16px;
    margin-bottom: 10px;
  }

  .pop-news .pop-text .type2 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .pop-news form {
    padding: 10px 58px;
  }
  .pop-news input[type="email"], .pop-news input[type="submit"] {
    margin-bottom: 10px;
  }
  .pop-news input[type="email"] {
    width: 100% !important;
  }
  .pop-news p.terms {
    margin: 5px 0;
  }

  .pop-news form p {
    font-size: 15px;
  }

}