/*
 *  Indeed Social Share & Locker Pro – Modal box styles 
 *
 */

/* Start modal box */

.ism_ns_modal_class {
    background: #fefefe;
    position: fixed; /* Stay in place */
    z-index: 999998; /* Sit on top */
    padding-top: 250px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    line-height: 20px;
}

/* Modal Content */
.ism_ns_modal_content {
  font-family: 'Raleway', sans-serif;
    margin: auto;
    width: 500px;
    clear: both;

}

/* The Close Button */
.ism_ns_close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    padding-top: 10px;
}

.ism_ns_close:hover,
.ism_ns_close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.ism_first_section {
  /*height: 180px; */
  padding: 10px 20px;

}
.ism_first_section  h4{
  padding: 0;
}
.ns_content_message {
  font-family: 'Raleway', sans-serif;
  text-align: center;
  padding: 0 20px;
  font-size: 16px;
}
.ism_ns_email_placeholder {
  margin-top: 20px;
  height: 40px;
  color: #37383a;
}
.ism_ns_footer_sbs {
  padding: 0 0 20px;
  width: 80%;
}
#ism_ns_title {
  font-family: 'Raleway', sans-serif;
font-size: 35px;
font-weight: 500;
margin: 20px;
clear: both;
font-weight: 400;
}

#ism_ns_send_email {
  font-family: 'Raleway', sans-serif;
  height: 45px;
  color: #fff;
  width: 280px;
  border: none;
  cursor: pointer;
  font-size: 16px;
}


/* End modal box */


/* Theme 1 layout */

.ism_ns_theme_layout_1 {
  background: #093764;
}
.ism_ns_theme_layout_1 .ism_first_section{
  background: #fff;
}
.ism_ns_theme_layout_1 #ism_ns_title  {
  color: #093764;
}
.ism_ns_theme_layout_1 p{
  color: #7fdbe5;
}


.ism_ns_theme_layout_1 input[type="text"] {
  font-family: 'Raleway', sans-serif;
    border: 2px solid #fff;

  }

.ism_ns_theme_layout_1 #ism_ns_send_email {
  background:  #093764;
  border: 2px solid #ed9719;
  color: #ed9719;
}
.ism_ns_theme_layout_1 .ism_ns_close {
  color: #333;
}
.ism_ns_theme_layout_1 #ism_ns_footer_txt {
  color: #adafb3;
}
.ism_ns_theme_layout_1 #ism_ns_footer_txt a {
  color: #efa332;
}
/*** Theme 1 responsive ***/

/** Smarthphone portrait **/
@media only  screen and (min-width: 321px) and (max-width: 589px) {
  .ism_ns_theme_layout_1 {
    width: 90%;
    position: absolute;
    height: 330px;
    top: 20%;
    left: 5%;
  }
    .ism_ns_theme_layout_1 input[type="text"] {
      width: 70%;
    }
}

/** Smarthphone landscape **/
@media only screen and (min-width: 590px) and ( max-width: 767px ) {
  .ism_ns_theme_layout_1 {
    width: 80%;
    position: absolute;
    height: 330px;
    top: 100px;
    bottom: 35%;
    left: 10%;
  }
}

/** iPad **/
@media only screen and (min-width: 768px) and ( max-width: 899px ) {
  .ism_ns_theme_layout_1 {
    width: 80%;
    position: absolute;
    height: 30%;
    top: 40%;
    bottom: 35%;
    left: 10%;

  }
}
/** Laptop **/
@media only screen and (min-width: 900px) and ( max-width: 1440px ) {
  .ism_ns_theme_layout_1 {
    width: 50%;
    position: absolute;
    height: 35%;
    top: 40%;
    bottom: 35%;
    left: 26%;
  }
}
/*** End theme 1 responsive ***/

/* Theme 2 layout */

.ism_ns_theme_layout_2 {
  background: #8ab82d;
}

.ism_ns_theme_layout_2 #ism_ns_title {
  color: #fff;
}
.ism_ns_theme_layout_2 .ns_content_message {
  color: #fff;
}

.ism_ns_theme_layout_2 #ism_ns_email_form_value {
    background: #fffcfa;
}

.ism_ns_theme_layout_2 input[type="text"] {
    border: 2px solid #fff;
  }
.ism_ns_theme_layout_2 #ism_ns_send_email {
  background:  #ff8247;
  border-color: #ff8247;
}
.ism_ns_theme_layout_2 .ism_ns_close {
  margin-right: 10px;
  color: #fff;
}
.ism_ns_theme_layout_2 #ism_ns_footer_txt {
  color: #797a7d;
}
.ism_ns_theme_layout_2 #ism_ns_footer_txt a {
  color: #fff;
}
/*** Theme 2 responsive ***/

/** Smarthphone portrait **/
@media only  screen and (min-width: 321px) and (max-width: 589px) {

    .ism_ns_theme_layout_2 {
      width: 90%;
      position: absolute;
      height: 330px;
      top: 20%;
      left: 5%;
    }

    .ism_ns_theme_layout_2 input[type="text"] {
      width: 70%;
    }
}

/** Smarthphone landscape **/
@media only screen and (min-width: 590px) and ( max-width: 767px ) {
  .ism_ns_theme_layout_2 {
    width: 80%;
    position: absolute;
    height: 330px;
    top: 100px;
    bottom: 35%;
    left: 10%;
  }
}

/** iPad **/
@media only screen and (min-width: 768px) and ( max-width: 899px ) {
  .ism_ns_theme_layout_2 {
    width: 80%;
    position: absolute;
    height: 30%;
    top: 40%;
    bottom: 35%;
    left: 10%;
  }
}
/** Laptop **/
@media only screen and (min-width: 900px) and ( max-width: 1440px ) {
  .ism_ns_theme_layout_2 {
    width: 50%;
    position: absolute;
    height: 35%;
    top: 40%;
    bottom: 35%;
    left: 26%;
  }
}
/*** End theme 2 responsive ***/

/* Theme 3 layout */
.ism_ns_theme_layout_3 {
  background: #fff;
}
.ism_ns_theme_layout_3 .ism_first_section{
  background: #d9534f;
}
.ism_ns_theme_layout_3 #ism_ns_title {
  color: #fff;
}
.ism_ns_theme_layout_3 .ns_content_message{
  color: #fff;
}

.ism_ns_theme_layout_3 ::placeholder {
  color: #333;
}
.ism_ns_theme_layout_3 input[type="text"] {
  border: 2px solid #e48683;
  }
.ism_ns_theme_layout_3 #ism_ns_send_email {
  background:  #d9534f;
  border-color: #d9534f;
}
.ism_ns_theme_layout_3 .ism_ns_close {
  color: #fff;
}
.ism_ns_theme_layout_3 #ism_ns_footer_txt {
  color: #797a7d;
}
#ism_ns_footer_txt a {
  color: #d9534f;
}
/*** Theme 3 responsive ***/

/** Smarthphone portrait **/
@media only  screen and (min-width: 321px) and (max-width: 589px) {
   .ism_ns_theme_layout_3  {
    width: 90%;
    position: absolute;
    height: 330px;
    top: 100px;
    left: 5%;
  }
    .ism_ns_theme_layout_3 input[type="text"] {
      width: 75%;
    }
    .ism_ns_theme_layout_3 .ism_ns_footer_sbs {
    padding: 0 0 20px;
  }
}

/** Smarthphone landscape **/
@media only screen and (min-width: 590px) and ( max-width: 767px ) {
  .ism_ns_theme_layout_3 {
    width: 80%;
    position: absolute;
    height: 330px;
    top: 100px;
    bottom: 35%;
    left: 10%;
  }

}

/** iPad **/
@media only screen and (min-width: 768px) and ( max-width: 899px ) {
  .ism_ns_theme_layout_3 {
    width: 80%;
    position: absolute;
    height: 30%;
    top: 40%;
    bottom: 35%;
    left: 10%;
  }
}
/** Laptop **/
@media only screen and (min-width: 900px) and ( max-width: 1440px ) {
  .ism_ns_theme_layout_3 {
    width: 50%;
    position: absolute;
    height: 35%;
    top: 40%;
    bottom: 35%;
    left: 26%;
  }
}
/*** End theme 3 responsive ***/



/***** responsive ************/

@media only  screen and (min-width: 321px) and (max-width: 589px) {
  #ism_ns_send_email {
      width: 70%;
  }

}