/*
 * Globals
 */

/* Links */
a,
a:focus,
a:hover {
  color: #fff;
}

/* Custom default button */
.btn-default,
.btn-default:hover,
.btn-default:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritence from `body` */
  background-color: #fff;
  border: 1px solid #fff;
}


/*
 * Base structure
 */

html,
body {
  height: 100%;
  
  font-family: 'Lato', sans-serif;
  
}
body {
  
  
  /*
  text-align: center;
  text-shadow: 0 1px 3px rgba(0,0,0,.5);
  */
  
}

.highlight {background-color: #003E5C;padding:0 10px 5px 10px;}

/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper {
  display: table;
  width: 100%;
  height: 100%; /* For at least Firefox */
  min-height: 100%;
}
.site-wrapper-inner {
  display: table-cell;
  vertical-align: top;
}
.cover-container {
  margin-right: auto;
  margin-left: auto;
}

/* Padding for spacing */
.inner {
  padding: 30px;
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {font-weight: 300;font-family: 'Lato', sans-serif;}
p, p span {font-size: 20px;font-weight: 400;line-height: 28px;margin: 0 0 15px 0;}



.left h1 {
	font-size:100px;
	line-height:85px;
	font-weight:bold;
	padding-left:10px;
	letter-spacing:-9px;
  }
  
.left .logo h1 {
	font-size:30px;
	line-height:85px;
	font-weight:bold;
	letter-spacing:-1px;
	color: #9F0D6D;

} 
  
h2 {font-size: 48px;margin-top:0px;}
h3 {
	font-size:30px;
	line-height:40px;
	font-weight:bold;
	letter-spacing:-0px;
}
.ch{width:50%;margin:0 auto;height: auto;top:48%;position: absolute;right:0;text-align:center;z-index: 10;
	-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}

	
/* General input styles */
input[type="text"], input[type="email"], textarea {outline: none;border: solid 1px #fff;font-size: 18px;background: none;font-weight: 300;color: #fff;-webkit-appearance: none;
    border-radius: 0;box-shadow: none}
input[type="text"]:focus, input[type="email"]:focus, textarea:focus {border-color: #3e8a70;outline: none;-o-transition: .4s;-ms-transition: .4s;-moz-transition: .4s;    -webkit-transition: .4s;transition: .4s;}
	

/* Subscribe styles */
.subscribe-form {margin: 40px 0 0;display: inline-block;}
#subscribe-loading {text-align: center;margin: 0 0 0 10px;display: none;}
.btn-subscribe-container {height: 62px;float: left;position: relative;}
.txt-subscribe {height: 60px;width: 342px;padding: 0 22px;margin: 0;float: left;text-transform: lowercase;}
.txt-subscribe::-webkit-input-placeholder {text-transform: none;color:#fff;}
.txt-subscribe:-moz-placeholder {text-transform: none;color:#fff;}
.txt-subscribe::-moz-placeholder {text-transform: none;color:#fff;}
.txt-subscribe:-ms-input-placeholder {text-transform: none;color:#fff;}
.txt-subscribe.placeholder {text-transform: none;}
.btn-subscribe {background: #fff;border: none;color: #6ebfa3;height: 60px;font-size: 20px;font-weight: 400;padding: 0 22px;-o-transition: .4s;-ms-transition: .4s;
    -moz-transition: .4s;-webkit-transition: .4s;transition: .4s;}
.btn-subscribe:hover {color: #fff;background: #3e8a70;}
.btn-subscribe:active, .btn-subscribe:focus {outline: none;}
div.subscribe-message {font-size: 18px;line-height: 25px;text-align: center;}
.subscribe-error-field, .subscribe-message {font-size: 18px;line-height: 23px;font-weight: 300;text-align: left;clear: both;padding-top:10px;}
.subscribe-error-field .fa {color: #fff;font-size: 21px;float: left;margin: 1px 10px 0 0;}
.subscribe-error div, .subscribe-success div {float: left;}
.subscribe-message .fa {font-size: 21px;margin: 2px 10px 0 0;}
.subscribe-message div {display: inline;}
	
	
/*
 * Affix and center
 */

@media (min-width: 768px) {
  /* Pull out the header and footer */
  .masthead {
    position: fixed;
    top: 0;
  }
  .mastfoot {
    position: fixed;
    bottom: 0;
  }
  /* Start the vertical centering */
  .site-wrapper-inner {
    vertical-align: middle;
  }
  /* Handle the widths */
  .masthead,
  .mastfoot,
  .cover-container {
    width: 100%; /* Must be percentage or pixels for horizontal alignment */
  }
}

@media (min-width: 992px) {
  .masthead,
  .mastfoot,
  .cover-container {
    width: 700px;
  }
}
@media only screen and (max-width: 479px) {
h1{font-size:62px !important;line-height:52px !important;vertical-align:middle;}

}