/*****************************************

					bootstrap

*****************************************/

p.scribe { 

	padding: 30px 0 10px 0;

    font-size: 20px;

}



.thankyouM{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #2D7B7D;
    line-height: 0px;
    float: left;
    width: 100%;

}



.modal-open {

  overflow: hidden;

}

.modal {

  display: none;

  overflow: hidden;

  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 999999;

  -webkit-overflow-scrolling: touch;

  outline: 0;

}

.modal.fade .modal-dialog {

  -webkit-transform: translate(0, -25%);

  -ms-transform: translate(0, -25%);

  -o-transform: translate(0, -25%);

  transform: translate(0, -25%);

  -webkit-transition: -webkit-transform 0.3s ease-out;

  -o-transition: -o-transform 0.3s ease-out;

  transition: transform 0.3s ease-out;

}

.modal.in .modal-dialog {

  -webkit-transform: translate(0, 0);

  -ms-transform: translate(0, 0);

  -o-transform: translate(0, 0);

  transform: translate(0, 0);

}

.modal-open .modal {

  overflow-x: hidden;

  overflow-y: auto;

}







.modal-backdrop {

  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 99999;

  background-color: #000000;

}

.modal-backdrop.fade {

  opacity: 0;

  filter: alpha(opacity=0);

}

.modal-backdrop.in {

  opacity: 0.9;

  filter: alpha(opacity=90);

}

.modal-header {/*padding: 15px;  border-bottom: 1px solid #e5e5e5;*/ position:relative;}







.aside{width:236px; float:left; padding-left:15px;}









.wlink a{ color:#fff; font-weight:normal;text-decoration:none;}

.modal-footer {  padding: 15px;

  text-align: right;

  border-top: 1px solid #e5e5e5;

}
/*new-change*/
.modal-dialog {
  position: relative;

  /*width: auto;*/

  margin: 10% auto;

  background: #367c7c;
  width: 550px;
}
.modal-content {

  position: relative;

  /*padding:0px 10px 0px;*/

  outline: 0;

}
@media screen and (max-width: 767px) and (min-width: 320px){
  .modal-dialog{
    width: 85%!important;
  }
}
.rside{width:100%; float: left; color: #777; font-size:.9rem; font-weight: 400;line-height: 130%;  margin-top: 5px; box-sizing: border-box; text-align: left;}
.modal-title {font-family: 'Lato', sans-serif;    padding: 20px 0px 25px 30px;    color: #fff;    font-size: 1rem;    font-weight: 700;    line-height: 100%;    position: relative;    text-transform: uppercase;}
.modal-header .close { border: none; position: absolute; right: -15px; top: -15px; border-radius: 100%; color: #000000!important; width: 30px; height: 30px; font-size: 20px; cursor: pointer; background: #78B2B4; text-align: center;  font-weight: bold; padding: 0px; /*border: solid 1px #285252; margin: 3px; line-height: 25px;*/}
/*.modal-header .close:after {content: ''; position: absolute; top: -3px; left: -3px; right: -3px; bottom: -3px; background: #78b2b4; border-radius: 100%; z-index: -1; }*/
#pera{font-size: 16px; line-height: 22px;}
.modal-body {font-family: 'Lato', sans-serif;    width: 100%;  background:#ffffff;  /*background: url('http://www.jdjournal.com/wp-content/themes/flex-mag/newsletterpopup/popup-repet.jpg') repeat-x left bottom #f5f5f5;*/    display: inline-block;    padding-top: 40px;    /*padding-bottom: 40px;*/}
.form-box{text-align: left; margin-top: 30px;background:#78B2B4; padding: 20px 30px 30px 30px; box-sizing: border-box; width: 100%; float: left; }
.inner-space30{background: #ffffff; padding: 0px 30px; box-sizing: border-box; width: 100%; float: left;}
.mail-box{padding: 5px 100px 5px 10px; width: 100%!important; box-sizing: border-box; height: 37px!important; text-indent: 0px!important; /* border: solid 1px #387e7c!important;line-height: 38px!important; margin-right: 20px;*/ } 
.mail-box2{padding: 5px 100px 5px 10px; width: 40.5%!important; box-sizing: border-box; height: 37px!important; text-indent: 0px!important; /* border: solid 1px #387e7c!important;line-height: 38px!important; margin-right: 20px;*/ } 
.new-form-style{float: left; width: 100%; position: relative;}
.posab{position: absolute; right: 0px; top: 0px; z-index: 1}
.wlink{ color:rgba(255, 255, 255, 0.58); font-size:14px; padding-top:30px;}
.btn-dark{ cursor:pointer; background: #2d7b7d; text-align: center; color: #fff; border: none; height:37px; line-height:36px; font-weight: bold; padding: 0px 10px;}
/*@media (min-width: 768px){
.modal-dialog {

    width: 720px;

    margin: 50px auto;

	  background: #367c7c;

}*/