/* CSS Document */
/*html {
  font-family: "roboto", helvetica;
  position: relative;
  height: 100%;
  font-size: 100%;
  line-height: 1.5;
  color: #444;
}

h2 {
  margin: 1.75em 0 0;
  font-size: 5vw;
}

h3 { font-size: 1.3em; }
*/
.v-center-new-pop {
  height: 100vh;
  width: 100%;
  display: table;
  position: relative;
  text-align: center;
}

.v-center-new-pop > div {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  top: -10%;
}

.becom-deal {
  /*font-size: 3vmin;*/
  /*padding: 0.75em 1.5em;*/
  background-color: #fff;
  /*border: 1px solid #bbb;*/
  color: #522b2c !important;
  text-decoration: none;
  display: inline;
  border-radius: 4px;
  -webkit-transition: background-color 1s ease;
  -moz-transition: background-color 1s ease;
  transition: background-color 1s ease;
}

.becom-deal:hover {
  -webkit-transition: background-color 1s ease;
  -moz-transition: background-color 1s ease;
  transition: background-color 1s ease;
}

.becom-deal-small {
  padding: .75em 1em;
  font-size: 0.8em;
}

.modal-new-box {
  display: none;
  position: absolute;
  z-index: 1000;
  width: 98%;
  background: white;
  border-bottom: 1px solid #aaa;
  border-radius: 4px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-clip: padding-box;
}
@media (min-width: 32em) {

.modal-new-box { width: 50%; padding:20px; position:absolute; z-index:99999; }
}

.modal-new-box header,
.modal-new-box .modal-header {
  padding: 1.25em 1.5em;
  border-bottom: 1px solid #ddd;
}

.modal-new-box header h3,
.modal-new-box header h4,
.modal-new-box .modal-header h3,
.modal-new-box .modal-header h4 { margin: 0; }

.modal-new-box .modal-new-become { padding: 20px 0; }

.modal-new-box .modal-new-become input[type="text"]{ border: 1px solid #ccc;
    border-radius: 3px;
    float: left;
    font-family: "open_sansregular";
    height: 36px;
    margin-bottom: 20px;
    padding: 0 2%;
    width: 96%;
}
.modal-new-box .modal-new-become input[type="email"]{ border: 1px solid #ccc;
    border-radius: 3px;
    float: left;
    font-family: "open_sansregular";
    height: 36px;
    margin-bottom: 20px;
    padding: 0 2%;
    width: 96%;
}

.modal-new-box .modal-new-become select{ border: 1px solid #ccc;
    border-radius: 3px;
    float: left;
    font-family: "open_sansregular";
    height: 36px;
    margin-bottom: 20px;
    padding: 0 2%;
    width: 100%;
}


.modal-new-box .modal-new-become .contact-now {
    background: #0cb609 none repeat scroll 0 0;
    border: medium none;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 24px;
    padding: 15px 50px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.2s ease-out 0s;
    width: auto;
	margin:0 auto;
}
.modal-new-box .modal-new-become .contact-now:hover {
    background: #df6c10 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    transition: all 0.2s ease-out 0s;
}


.modal-new-box footer,
/*.modal-new-box .modal-footer {
  padding: 1em;
  border-top: 1px solid #ddd;
  background: rgba(0, 0, 0, 0.02);
  text-align: right;
}*/

.modal-overlay-become-dealer {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 900;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3) !important;
}

a.close {
/*background: rgba(0, 0, 0, 0) url("http://cws.imimg.com/gifs/btn-close-h.png") no-repeat scroll 0 0;*/
    float: right;
    font-size: 19px;
    height: 29px;
    margin-right: -30px;
    margin-top: -25px;
    width: 31px;
	position:relative;
	background:none;
}
  line-height: 1;
  font-size: 1.5em;
  position: absolute;
  top: 5%;
  right: 2%;
  text-decoration: none;
  color: #bbb;
}

a.close:hover {
  color: #222;
  -webkit-transition: color 1s ease;
  -moz-transition: color 1s ease;
  transition: color 1s ease;
}

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

.modal-new-box{ z-index:99999; width:90%; padding:10px;}

a.close{ margin-right:-18px;}