/* WEBMERC 2016 */

.h-feature-headline span {
	padding: 0;
}

.h1 {
	margin: 0 auto;
}

.x-content-band {
	margin: 0;
}

.x-main.full {
	margin-top: -120px;
}

.x-pricing-column-info p {
	font-size: 14pt;
}

.x-ul-icons li [class*="x-icon-"] {
	color: #444;
	text-align: center;
}

.x-map .x-map-inner {
  height: auto;
  padding: 0;
}

.h-feature-headline span i {
	top: 60%;
    left: -3em;
}

.merc_head.h1 {
	margin: 0 auto !important;
	color: #FFF;
}

.x-prompt {
    margin: 0 0 1.5em;
	border: 0;
	padding: 0;
	color: #FFF;
	background-color: transparent;
}

.x-prompt h2 {
	color: #FFF;
}

.merc_overlay {
	background: rgba(0,0,0,0.7) !important;
}

/* SLIDE */

.x-flexslider {
  background: transparent !important;
  padding-top: 30vh;
}

.flex-control-nav {
  background: transparent;
  top: 50vh;
  right: 5vw;
}

.flex-control-nav li {
  display: block;
  margin-bottom: 2.5vh;
}

.flex-control-nav a {
  background: #FFF;
}

.flex-control-nav a.flex-active {
  background: #7B715F;
}

.flex-active-slide h2 {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
	-webkit-animation-delay: 0s; /* Chrome, Safari, Opera */
	animation-delay: 0s;
}

.flex-active-slide .btn {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
	-webkit-animation-delay: 0s; /* Chrome, Safari, Opera */
	animation-delay: 0s;
}

.flex-active-slide .anim22 {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-delay: 1s; /* Chrome, Safari, Opera */
	animation-delay: 1s;

}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}


@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.x-colophon.bottom {
  background: #7B715F;
}

.h2 span {
  padding: 20px;
  border-bottom: 5px solid #c60c30;
}

.h-feature-headline span {
  padding: 0;
}

.x-btn.color {
  background: #c60c30;
}

.x-btn:before, [type="submit"]:before{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #FFF;
    border-radius: 35px;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.x-btn:hover:before, .x-btn:focus:before, .x-btn:active:before, [type="submit"]:hover:before, [type="submit"]:focus:before, [type="submit"]:active:before { 
  color: #7B715F;
	border-radius: 20px;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.x-btn:hover, [type="submit"]:hover {
  background: rgba(255,255,255,0.2);
  display: inline-block;
  line-height: 1.2;
  padding: 10px 30px;
  border: 0px;
  border-radius: 30px;
  font-size: 22px;
  text-transform: uppercase;
  font-weight: bold;
  color: #7B715F;
  text-shadow: none;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  overflow: hidden;
}

.x-btn, [type="submit"]{
  background: rgba(255,255,255,0.2);
  display: inline-block;
  line-height: 1.2;
  padding: 10px 30px;
  border: 0px;
  border-radius: 30px;
  font-size: 22px;
  text-transform: uppercase;
  font-weight: bold;
  color: #FFF;
  text-shadow: none;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  overflow: hidden;
}

[type="submit"] {
	background: #7B715F;
}

[type="submit"]:hover {
	background: #EEE;
}

.x-navbar-inner {
	background: #FFF;
}

.x-slides {
  text-align: center;
}

.x-slides h2 {
  margin-top: 10vh;
  font-size: 10em;
  color: #FFF;
}

.x-slides p {
  color: #FFF;
  font-size: 185.7%;
  font-weight: 200;
  line-height: 1.2;
}

.wpcf7-form-control-wrap{
	margin-bottom: 30px;
}

.nav-down {
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
}

.nav-up {
    top: -100px;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
}

@media screen and (max-width: 750px) and (orientation:portrait){	
	#x-content-band-3 p {
		font-size: 100% !important;
	}
	
	.flex-control-nav {
		display: none;
	}
	
	.x-slides h2 {
		margin-top: 15vh;
		font-size: 10vh;
	}
	
	.x-slides p {
		margin-bottom: 0;
	}
	
	.x-flexslider-shortcode-container {
		margin-bottom: 0;
	}
	
	.merc_head.h1 {
		font-size: 300%;
	}
	
	.h1 {
		font-size: 300%;
	}
	
	input[type="submit"] {
		display: block;
		width: 100%;
	}
	
	.wpcf7-form-control-wrap>div>div {
		margin: 0 auto;
	}
	
	.x-ul-icons {
		text-align: center;
	}
}

@media screen and (max-width: 750px) and (orientation:landscape){
	.x-flexslider {
		height: 120vh !important;
	}
	
	#x-content-band-3 p {
		font-size: 100% !important;
	}
	
	.flex-control-nav {
		display: none;
	}
	
	.x-slides h2 {
		margin-top: 40vh;
		font-size: 10vh;
	}
	
	.x-slides p {
		margin-bottom: 0;
	}
	
	.x-flexslider-shortcode-container {
		margin-bottom: 0;
	}
	
	.merc_head.h1 {
		font-size: 300%;
	}
	
	.h1 {
		font-size: 300%;
	}
	
	input[type="submit"] {
		display: block;
		width: 100%;
	}
	
	.wpcf7-form-control-wrap>div>div {
		margin: 0 auto;
	}
	
	.x-ul-icons {
		text-align: center;
	}
}