@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');
@import url('https://fonts.googleapis.com/css?family=Covered+By+Your+Grace');
@import url('https://fonts.googleapis.com/css?family=Oswald:500');


*{margin:0;padding:0;}
html,body{width:100%;height:100%;}
body {
	background-color: #f5f5f5;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 18px;
  color: #575757;
}
h2 small {
  color: inherit;
}

.large {
  font-size: 150%;
}

.btn.btn-otpin {
  border: 4px solid #fff;
  background-color: #c52a3f;
  color: #fff;
  border-radius: 20px;
  padding: 11px 15px;
  font-size: 18px;
  white-space: normal;
}

.btn.btn-otpin:hover, .btn.btn-otpin:focus {
  color: #fff;
  background-color: #ff586e;
}

.gradient-rose {
  background: #ff586e;
  background: -moz-linear-gradient(top, #ff586e 0%, #c52a3e 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #ff586e), color-stop(100%, #c52a3e));
  background: -webkit-linear-gradient(top, #ff586e 0%, #c52a3e 100%);
  background: -o-linear-gradient(top, #ff586e 0%, #c52a3e 100%);
  background: -ms-linear-gradient(top, #ff586e 0%, #c52a3e 100%);
  background: linear-gradient(to bottom, #ff586e 0%, #c52a3e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff586e', endColorstr='#c52a3e', GradientType=0 );
}

.banner {
	width: 100%;
	height: 100%;
	padding-top: 1px;
	overflow:hidden;
	position: relative;
  /*background: url(../images/banner-main.jpg) #000 no-repeat center center;*/
  /*background-size: cover;*/
  /*background-color: #bbb;*/
}

.nav-position {
	bottom: 5px;
	position: absolute;
	width: 100%;
	background: rgba(255,255,255,0.8)!important;
}
.navbar {
	background: #fff;
	background: rgba(255,255,255,0.9);
	border-radius: 0;
	border-bottom: 1px #ccc solid;
	z-index:9;
}

.navbar-nav>li>a {
  font-size: 14px;
  color: #999;
  font-weight: 700;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover  {
  color: #FF93AC;
  background-color: transparent;
}

.navbar-nav>li>a .fa {
  color: #FF93AC;
}
.navbar-brand {
	height: auto;
	padding: 10px 15px;
}
.navbar-ease {
	background-color: white;
	background: rgba(255,255,255,0.9);
	box-shadow: 0 0 6px rgba(0,0,0,0.4);
}
.banner #homeBut {
	position: absolute;
	z-index: 1;
}
.banner .content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 95%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  color: #fff;
}

.banner h1 {
  font-family: 'Covered By Your Grace', cursive;
  font-size: 28px;
  margin-bottom: 30px;
}
.banner h1 .fa {
  font-size: 26px;
  color: #e64b60;
}
.banner h2 {
  font-family: 'Oswald', sans-serif;
  font-size: 28px;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 40px;
}
.banner h3 {
  font-size: 20px;
  margin-bottom: 30px;
  text-transform: uppercase;
  color: #fff;
}
.body-content {
  padding-top: 20px;
  background: #fff;
  padding-bottom: 40px;
}
.body-content p {
  font-size: 18px;
  margin-bottom: 15px;
}
.pink-bar {
  background: #FF93AC;
  width: 100%;
  padding: 10px 0;
  font-size: 30px;
  color: white;
  margin-bottom: 30px;
}
.left-media, .right-media {
  display: block;
  max-width: 100%;
  min-height: auto;
  margin-bottom: 20px;
}
.welcome-block {
  background: #f2f0f5;
  padding-top: 50px;
  padding-bottom: 50px;
}
.welcome-block h2 {
  margin-bottom: 30px;
}
.welcome-block .text-ribbon {
  display: inline-block;
  margin-bottom: 27px;
  padding: 0 35px;
  font-size: 24px;
  white-space: nowrap;
  height: 60px;
  line-height: 60px;
  color: #fff;
  background-color: #fa959c;
  position: relative;
}
.welcome-block .text-ribbon::before,
.welcome-block .text-ribbon::after {
  content: '';
  display: block;
  width: 47px;
  height: 87px;
  position: absolute;
  top: 0;
  background: url('../images/ribbon-deco.png') no-repeat 0 0;
}
.welcome-block .text-ribbon::before {
  background-position: 0 0;
  left: -4px;
}
.welcome-block .text-ribbon::after {
  background-position: -47px 0;
  right: -4px;
}
.welcome-block .video {
  padding: 8px;
  background: #fff;
}
.welcome-block .video img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 200%;
}
.nls-block {
  position: relative;
  color: #fff;
  background: #3e3e3e url('../images/nls-bg.jpg') no-repeat center top;
  background-size: cover;
  margin-top: 68px;
}
.nls-block .img-absolute {
  position: absolute;
  bottom: 0;
  left: 40px;
  z-index: 1;
  display: none;
}
.nls-block-top {
  padding-top: 50px;
  padding-bottom: 60px;
}
.optin-banner {
  padding-top: 35px;
  padding-bottom: 55px;
  background-color: #fa959c;
  color: #fff;
}
.btn-warning {
  padding: 14px 15px;
  background-color: #fc4949;
  border-color: transparent;
  border-radius: 20px;
  color: #fff;
}
.btn-warning:hover, .btn-warning:focus {
  background-color: #802525;
  color: #fff;
  border-color: transparent;
}
.nls-block .btn-warning {
  font-size: 20px;
}
.nls-block-top h2 {
  margin-top: 0;
  margin-bottom: 30px;
}
.nls-block-top p {
  margin-bottom: 40px;
}
.optin-banner h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4em;
  margin-bottom: 30px;
}
.optin-banner2 h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 30px;
}
.optin-banner h4 {
  color: #333;
  font-weight: bold;
}
.emailClients {
  margin: 30px 0 15px;
}
.emailClients ul li {
  margin-left: 30px;
}
.emailClients ul li:first-child {
  margin-left: 0;
}
.fb-faces {
  padding: 20px;
}
footer {
  font-size: 14px;
  padding: 15px 0;
  background-color: #383838;
  color: white;
}
footer ul {
  margin: 0;
  padding: 0;
}
footer ul>li {
  display: inline;
  padding-left: 5px;
  padding-right: 5px;
}
footer ul>li>a {
  color: #fff;
}
footer ul>li>a:hover {
  color: #aaa;
  text-decoration: none;
}
iframe {
	border: 0;
	color: white;
}
.modal-optin .modal-content {
  border-radius: 0;
  border-top: 8px solid #e64b60;
  /*background: #fff url('../images/yeve-nls-optin.png') no-repeat -85px 120px;*/
  /*height: 450px;
  padding-bottom: 20px;*/
}

.modal-optin .form-wrap h3 {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3em;
  color: #e64b60;
}
#processing-block {
  margin-bottom: 10px;
  text-align: center;
}
#error, #success {
  margin-bottom: 10px;
  font-size: 14px;
}
.btn.send-form {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  background-color: #c62b40;
  border-radius: 2px;
  padding: 7px 15px;
  white-space: normal;
}
.modal-optin label {
  font-weight: 400;
  color: #777777;
}
.modal-optin .form-control {
  height: 30px;
  font-size: 16px;
  border-radius: 2px;
  background-color: #eeeeee;
  border-color: #eeeeee;
  color: #666;
}
.modal-optin .form-control:focus {
  border-color: #66afe9;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
.modal-optin .form-control + span {
  font-size: 14px;
}
button.close {
  font-size: 13px;
}

.iosBugFixCaret .modal {
  position: absolute;
}

#slideNav {
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.6);
  display: none;
	width: 50px;
	height: 50px;
	color: #fff;
	text-align: center;
	line-height: 50px;
	transition: background 0.1s linear 0s;
}
#slideNav:hover {
	background-color:#FF93AC;
	color: #fff;
}
#slideNav.fixedNav {
  position: fixed;
  right: 0;
  top: 50%;
  margin-top: -80px;
  z-index: 11;
  display: block;
}
.anchor{
  display: block;
  height: 115px;
  margin-top: -115px;
  visibility: hidden;
}

.banner-default {
  color: #fff;
  margin-top: 40px;
}
.banner-default-content-wrapper {
  min-height: 320px;
  background: url('../images/banner-contacts.jpg') no-repeat center top;
  background-size: cover;
  position: relative;
}
.banner-default-content-wrapper .contant {
  position: absolute;
  width: 100%;
  top: 50%;
}

.banner-default h1 {
  font-size: 36px;
}

.img-abs-wrap {
  position: relative;
  top: 55px;
  height: 1px;
  z-index: 1;
}
.img-abs-wrap img {
  position: absolute;
  bottom: 0;
}
.default-block {
  padding-top: 35px; 
  padding-bottom: 35px; 
}
.email-form-wrapper {
  margin-top: 20px;
  margin-bottom: 20px;
}
.email-form-wrapper .form-control {
  border-radius: 2px;
  height: 44px;
}
.email-form-wrapper textarea.form-control {
  height: auto;
}
.btn.btn-pink {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  padding: 7px 15px;
  background-color: #fa959c;
  border-radius: 2px;
}

.location {
  margin-top: 40px;
}
.optin-logo {
  margin-top: 50px;
}
.mt-5 {
  margin-top: 50px;
}
.g-recaptcha {
    display: inline-block;
    margin-bottom: 10px;
}
@media screen and (max-width: 991px) {
  .banner {
    background: url(../images/banner-main2.jpg) #000 no-repeat;
    background-position: left center !important;
    background-size: cover;
    background-color: #bbb;
  }
  .modal-optin .modal-content {
    height: auto;
  }
}

@media screen and (max-width: 767px) {
  .banner {
    background-position: right center !important;
  }
  .banner .content {
    text-align: center;
    top: 55%;
  }
}

@media screen and (min-width:768px) {
  .banner h1 {
    font-size: 58px;
  }
  .banner h1 .fa {
    font-size: 24px;
  }
  .banner h2 {
    font-size: 58px;
  }
  .banner h3 {
    font-size: 24px;
  }
  .navbar-nav li {
    margin-top: 10px;
  }
  .navbar-nav>li>a {
    padding-left: 10px;
    padding-right: 10px;
  }
  .modal-optin .modal-dialog {
    width: 650px;
  }
  .left-media {
    float: left;
    margin-right: 20px;
    margin-bottom: 0;
  }
  .right-media {
    float: right;
    margin-left: 20px;
    margin-bottom: 0;
  }
  .welcome-block .text-ribbon {
    font-size: 36px;
  }
  .nls-block .btn-warning {
    font-size: 24px;
    padding: 14px 35px;
  }
  .btn.btn-otpin {
    font-size: 24px;
    padding: 11px 25px;
  }
  
  .modal-optin .form-wrap h3 {
    font-size: 22px;
  }
  .modal-optin .modal-body {
    padding: 15px 30px;
  }
  .btn.send-form {
    font-size: 20px;
  }
  .modal-optin .form-control {
    height: 44px;
  }
  .welcome-block {
    background: #f2f0f5 url(../images/welcome-bg.png) no-repeat center center;
    background-size: 100% auto;
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .nls-block-top p {
    font-size: 24px;
  }
  .nls-block-top {
    padding-top: 100px;
    padding-bottom: 120px;
  }
  .optin-banner h2 {
    font-size: 34px;
    font-weight: 400;
  }
  footer {
    font-size: 16px;
  }
  .banner-default h1 {
    font-size: 56px;
  }
  .default-block {
    padding-top: 70px; 
    padding-bottom: 70px; 
  }
  .map-wrapper {
    padding: 10px;
    background-color: #fff;
    border: 1px solid #eee;
  }
  .btn.btn-pink {
    font-size: 20px;
  }
  .email-form-wrapper .form-control {
    padding-left: 42px;
    background-image: url('../images/sprites_form.png');
    background-position: 15px 0;
    background-repeat: no-repeat;
  }
  .email-form-wrapper .form-control.name {background-position-y: 13px;}
  .email-form-wrapper .form-control.email {background-position-y: -37px;}
  .email-form-wrapper .form-control.comments {background-position-y: -92px;}

}
@media screen and (min-width:992px) {
  .navbar-nav>li>a {
    padding-left: 12px;
    padding-right: 12px;
  }
  .nls-block .img-absolute {
    display: block;
  }
  .nls-block .img-absolute {
    left: 10px;
    width: 180px;
  }
/*  .form_ontainer {
  margin-top: 50px;
}*/
  .modal-optin .modal-content {
    background: #fff url('../images/yeve-nls-optin.png') no-repeat -85px 120px;
  }
}
@media screen and (min-width:1200px) {
  .navbar-nav>li>a {
    font-size: 18px;
  }
  .nls-block .img-absolute {
    left: 0px;
    width: 260px;
  }
  .banner-default-content-wrapper {
    min-height: 510px;
  }
}

@media screen and (min-width:1500px) {
  .nls-block .img-absolute {
    left: 40px;
    width: auto;
  }
}