/**subscription page design**/

/**fonts**/
@font-face {
    font-family: GothamSSm-Light;
    src: url(../fonts/GothamSSm-Light.otf);
}
@font-face {
    font-family: GothamSSm-Book;
    src: url(../fonts/GothamSSm-Book.otf);
}

@font-face {
    font-family: GothamSSm-Medium;
    src: url(../fonts/GothamSSm-Medium.otf);
}

@font-face {
    font-family: GothamSSm-BookItalic;
    src: url(../fonts/GothamSSm-BookItalic.otf);
}

/**end fonts**/

/**********======================***********/
.subscribe-form .custom-select{border-radius: 0;padding:0;height:35px;border:1px solid #e5e4dd;color:#555;position:relative;}
.subscribe-form .custom-select .selectpicker{margin:0;background-color:#fff;border:0;text-transform: inherit;color:#b6b5b0;font-weight:normal;}
.subscribe-form .custom-select .selectpicker:hover,.subscribe-form .custom-select .selectpicker:active,.subscribe-form .custom-select .selectpicker:focus{background-color:transparent;border:none;color:#b6b5b0;box-shadow: none;}
.custom-select:after {background: #e5e4dd;width: 1px;content: "";height: 100%;position: absolute;right: 40px;top: 0;}
.bootstrap-select.btn-group .btn .caret{right:16px;}
.btn-group.open .dropdown-toggle{box-shadow: none;}
.dropdown-menu{box-shadow: none;}
/**********======================***********/

/********=======================***********/
.tpse-form-block-checkbox input[type="checkbox"] + span {
  border: 1px solid #e3e2db;
  color: #555;
  cursor: pointer;
  display: inline-block;
  height: 17px;
  margin: -1px 9px 0 0;
  position: relative;
  vertical-align: middle;
  width: 17px;
}
.tpse-form-block-checkbox input[type="checkbox"]:checked + span:before{content: "";display: block;font-family: FontAwesome,sans-serif;position: absolute;color:#fed430;margin:1px 0 0 1px;width:13px;height:13px;background:#fed430}
/*******========================***********/


/*.subscribe-header h2:after, .subscribe-header h2:before {
  content: "\2015";
  margin: 0 22px;
  display: inline-block;
  color: #e3e2db;
}
.subscribe-header h2:after {
  left: inherit;
}*/
.subscribe-header p{
  font-size: 14px;
  font-family:GothamSSm-Book;
  color:#000; 
  margin-top: 34px;
  margin-bottom: 34px;
}
.border {
  border: 1px solid #ccc;
}

.subscribe-form label {
  text-align: left;
  text-transform: uppercase;
  display: block;
}

.subscribe-form .form-group .cms-form-block-error label.error {
    color:red;
    text-align: left;
    text-transform: none;
}

.custom-select .btn-default{
  background: transparent;
  color:#b0afa9;
  font-weight: normal;
  padding: 8px 12px;
  border-radius: 0;
  border-bottom: transparent;
 }
.tpse-form-block-checkbox input[type="checkbox"] 
{
  display: none;
}
.custom-select .btn-default:hover,.custom-select .btn-default:focus,.custom-select .btn-default:active{
  background: transparent !important;
  color:#b0afa9;
  }

.subscribe-form .form-group label{
  display: block;
  color: #000;
  font-family: GothamSSm-Medium;
  font-weight: normal;
}

.subscribe-form .bootstrap-select.btn-group .btn .caret {
  right: 16px;
  margin-top: 0px;
  color: #b0afa9;
}

.subscribe-form .bootstrap-select:not([class*="span"]) {
  width: 100%;
}
.interest-block .form-group label{
  font-size: 15px;
  color:#2e2d2c;
  text-transform: capitalize;
  font-family:GothamSSm-Book;
  font-weight: 400;
  margin-bottom: 10px;
}

.form-group.heading label{
  font-size: 16px;
  color:#000;
  margin-top: 20px;
  margin-bottom: 15px;
  font-family: GothamSSm-Medium;
  text-transform: uppercase;
}

.subscribe-block .btn-primary,.subscribe-block .btn-primary:hover {
  text-transform: uppercase;
  background-color: #fed430;
  border: 1px solid #fed430;
  color: #000;
  padding: 15px 30px;
  line-height: 16px;
  margin-top: 25px;
  margin-bottom: 25px;
  border-radius: 0;
   font-family: GothamSSm-Medium;
   font-size: 14px;
  }

  .subscribe-form .form-group label{
     color:#000;
  }

  .subscribe-form .custom-select {
   border: transparent;
 }

.tell-us-button a.btn.btn-default {
/*  width: 100%;*/
  font-size: 14px;
  font-family: GothamSSm-Medium;
  color:#000;
  background: #e3e2db;
  padding: 8px 12px;
    border-radius: 0;
  }

.tell-us-button a.btn.btn-default  i{
  vertical-align: middle;
}

.tell-us-button label{
  visibility: hidden;
}

.subscribe-form .custom-select {
  border-radius: 0;
  padding: 0;
  height: auto;
  color: #555;
  position: relative;
}
.subscription-custom-style .form-control{
  padding: 8px 12px;
  height:auto;
  border-radius: 0;
}
 .subscribe-form .bootstrap-select{
padding: 0;
margin-bottom: 0;
 }

@media (min-width: 768px)
{
.nav-justified .form-group1
 {
  display: table-cell;
  width: 1%;
/*  padding-left: 10px;
  padding-right: 10px;*/
}
.subscribe-header h2:after, .subscribe-header h2:before {
   margin: 0 25px;
 }
 }


/**subscription page customization**/

h2.section-title {	
   font: 30px Arial, Helvetica, sans-serif;
   line-height: 24px
}

.section-title {
   text-align: center;
   margin: 0;
}

.section-title .title {
   display: inline-block;
   padding: 0 50px;
   position: relative;
}

.section-title .title:after{
   content: '';
   position: absolute;
   top: 50%;
   left: 0;
   height: 1px;
   width: 100%;
   background-color: gray;
}

.section-title .title span {
 background: #fff;
 position: relative;
 z-index: 2;
 padding: 0 17px;
 text-align: left;
 display: inline-block;
}
input[type="checkbox"]:checked + span {
  background: transparent; 
 }

.nav-justified .custom-checkbox {
  display: block;
  width: 25%;
  margin-top: 24px;
}
  
.form-group.custom-checkbox > label{
    margin-bottom: 20px;
}
  
.custom-select .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}

.tpse-form-block-checkbox label {
  font-size: 15px;
  color: #2e2d2c !important;
  text-transform: capitalize;
  font-family: GothamSSm-Book !important;
  font-weight: 400;
  margin-bottom: 10px;
}

.subscribe-form .nav-justified>li {
    padding: 0 10px
}

.remove-justify .nav-justified>li {
    display: block;
    float: left;
    width: 33.33333333%
}

.remove-justify .nav-justified>li.tellus-btn {
    padding-top: 22px
}

.subscribe-form .nav-justified .custom-checkbox {
    width: 25%;
    display: block !important
}

.remove-justify .nav-justified .custom-checkbox {
    display: none !important
}

.remove-justify .tellus-btn a  {
  font-size: 14px;
  font-family: GothamSSm-Medium;
  color:#000;
  background: #e3e2db;
  padding: 8px 12px;
  border-radius: 0;
}

.subscribe-form label.error{
    color:red;
    text-transform: lowercase;
    font-weight: normal
}
/*.form-group.tell-us-button {
  position: relative;
  top: 32px;
}*/

/**customization end**/

/**subscription page design end**/