/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
   
button,html,input,select,textarea{color:#222}html{font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,img,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.browsehappy{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}

/*********************************************************************************/
/********************************* CUSTOM STYLES *********************************/
/*********************************************************************************/

/*************** UNIVERSAL ***************/

.no-gutter {padding-right:0 !important; padding-left:0 !important;}
.no-gutter-left {padding-left: 0 !important;}
.no-gutter-right {padding-right: 0 !important;}
.no-gutter-bot {padding-bottom: 0 !important;}
.no-gutter-top {padding-top: 0 !important;}
.no-margin {margin: 0 !important;}
.center {text-align: center;}
.padded {padding: 30px;}
.pad-right {padding-right: 30px;}
.pad-left {padding-left: 30px;}
.pad-bot {padding-bottom: 20px;}
.full-img {width: 100%;}
.relative {position: relative;}
.bg-grey {background-color: #f4f4f3;}
.bg-white {background-color: #fff;}
.bg-black {background-color: #000;}
.bg-orange {background: url('../img/bg-orange.jpg') 0 0 repeat;}
.bg-yellow {background-color: #fdd517;}
.border-bot {border-bottom: 1px solid #eee;}
.border-top {border-top: 1px solid #eee;}
.no-border {border: 0 none !important;}
.col-20 {width: 20%; float: left;}
.pad-topbot {padding-top: 40px; padding-bottom: 40px;}
.short-pad {padding-left: 10px !important; padding-right: 10px !important;}

h1 {font-weight: 700; color: #fff; margin: 30px 0; font-size: 70px; letter-spacing: 1px;}
h2 {font-weight: 700; color: #fdd517; margin: 60px 0 30px; font-size: 68px; letter-spacing: 1px;}
h3 {color: #fdd517; margin: 45px 0 30px; font-size: 38px;}
h3 sup {font-size: 20px; top: -0.3em}
h4 {font-size: 24px; color: #787776; margin: 60px 0;}


p {font-weight: 100; margin-bottom: 15px;}

body {font-family: 'Oswald', sans-serif; color: #303030; font-weight: 300; font-size: 17px;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.fine-print {font-size: 10px; color: #fff;}

ul, ol {padding: 0; list-style-position: inside;}
ul li, ol li {padding: 5px; font-weight: 300;}

strong {font-weight: 400;}

/*************** HEADER ***************/

header {width: 100%; background: url('../img/banner-top.jpg') top center no-repeat;}
header .title {height: 875px;}
header h1 {width: 410px;}

.header-title {position: absolute; bottom: 0; left: 0; margin: 0 0 80px 0;}

#navigation {background: url('../img/bg-overlay2.png') 0 0 repeat; left: 0; position: fixed; top: 0; width: 100%; z-index: 1000;}
#logo img {width: 119px; height: 53px; float: left; margin: 25px 25px 25px 0;}

nav ul {list-style-type: none; float: right; padding: 0; margin-top: 35px;}
nav ul li {float: left; margin: 0 10px;}
nav ul li a {padding: 20px; color: #fff;}
nav ul li a:hover, nav ul li a:focus {text-decoration: none;}
nav ul li a:focus {outline: none;}
nav ul li.last, nav ul li.last a {margin-right: 0; padding-right: 0;}

/*************** MAIN ***************/

/* Intro */
#intro {background: url('../img/bg-intro.jpg') top center no-repeat; min-height: 725px;}
#intro h2 {margin-top: 190px;}

.offer {position: relative;}
.offer p {text-transform:uppercase; font-size:28px; color:#ffffff; font-weight:600; margin-bottom:10px;}
.offer .yellow {color: #fdd517;}
.offer .dollar {font-size:40px; position:relative; top: 4px}
.offer .terms {font-size:14px; position: relative; top:-6px; font-weight:500;}
.offer a.findout {padding:10px 20px; font-size: 13px; background:#fdd517; color:#000; font-weight: 500; letter-spacing:0.01em; border-radius:4px; text-decoration:none; position: relative; top:-6px; left:10%;}
.offer a.findout:hover {color: #000; background:#fff; text-decoration: none;}
.offer .fancybox {position: absolute; top:24px; right:0; color:#fff; font-size:14px; text-decoration:none;}
.offer .fancybox:hover {text-decoration:underline;}
.offer #fancyb {display: none;}

@media (max-width: 991px) {
  .offer p {font-size:24px; margin-bottom:10px;}
  .offer .dollar {font-size:35px;}
  .offer .terms {font-size:13px;  top:-4px;}
  .offer a.findout {font-size: 12px; top:-4px; left:30px;}
  .offer .fancybox {top:21px; font-size:12px;}
  .offer .fancybox:hover {text-decoration:underline;}
  .offer #fancyb {display: none;}
}

@media (max-width: 767px) {
  .offer {text-align:center; padding:15px 0 25px 0;}
  .offer p {font-size:24px; margin-bottom:10px;}
  .offer .dollar {font-size:35px;}
  .offer .terms {top:-4px;}
  .offer a.findout {display:block; font-size: 13px; top:0; left:0px; margin:10px auto 0 auto; width: 200px;}
  .offer .fancybox {top:0; position: relative; display:block;}
  .offer .fancybox:hover {text-decoration:underline;}
  .offer #fancyb {display: none;}
}


@media (max-width: 400px) {
  .offer p {font-size:30px; margin-bottom:10px;}
  .offer .dollar {font-size:35px; top:2px;}
  .offer .terms {top:0; display:block;}
}

/* Features */
#features {/* background: url('../img/bg-features.jpg') top center no-repeat; */ background-color: #2f2f2f; min-height: 770px;}
#features .feat {background-color: #fff; float: left; margin-bottom: 30px;}
#features .feat p {float: left; padding: 90px 15px 0 40px;}


/* Stat */
#products h3 {margin-top: 0;}
#products img {margin-top: 100px;}

#products table {width: 100%;}
#products th {color: #bfbfbf; font-weight: 300; padding: 20px 10px 20px 30px; border-bottom: 2px solid #f8f8f8;}
#products th.p-code, #products td.p-code {width: 25%;}
#products th.p-desc, #products td.p-desc {width: 40%;}
#products th.p-kg, #products td.p-kg {width: 20%;}
#products th.p-qty, #products td.p-qty {width: 15%;}

#products td {padding: 20px 10px 20px 30px; color: #807f7f;}
#products td.even {background-color: #f8f8f8;} 

#products td.first {border-top: 2px solid #f8f8f8;}  
#products td.last {border-bottom: 2px solid #f8f8f8;} 

#products .black-dipped {background: url('../img/bg-products-middle.jpg') top center no-repeat;}
#products {background: url('../img/bg-products-bottom.jpg') bottom center no-repeat;}

/* Chart */
#chart {background-color: #fdd517;}
#chart h2 {color: #303031;}

#zoomthis {margin-top: 30px;}

#zoomCont {width: 100% !important; margin-top: 30px;}

/* Contact */

#contact {background: url('../img/bg-contact.jpg') top center no-repeat;}
#contact .number p {color: #807f7f; margin-top: 70px; text-align: right;}

#contact .form-control {font-size: 16px;}
#contact input.form-control {padding: 25px 30px; height: auto; border: 0 none; border-bottom: 2px solid #e9e9e9; box-shadow: none; border-radius: 0;}
#contact textarea.form-control {border: 0 none; border-bottom: 2px solid #e9e9e9; box-shadow: none; border-radius: 0; padding: 25px 30px; height: 140px;}

#contact .first-name .form-control,
#contact .last-name .form-control {border-top: 2px solid #e9e9e9;}

#contact .submit input {color: #fdbf17; font-size: 18px; float: right;}

div.wpcf7-validation-errors {border-color: #f00; float: left;}
div.wpcf7-mail-sent-ok {float: left;}

/*************** FOOTER ***************/

#logo-awp {width: 96px; height: 103px; float: left;}

footer p {font-size: 15px; padding: 45px 0 0 30px;}
footer p strong {font-weight: 400;}
footer .left {text-align: left; float: left;}
footer .right {text-align: right; float: right;}
footer .right a {color: #eb2135;}
footer .right a:hover, footer .right a:focus {text-decoration: none; color: #eb2135;}

/*************** COMPARISON ***************/

#comparison {background: url('../img/bg-comparison.jpg') center top no-repeat;}
#comparison .comparison {border-color: #000; margin: 40px 0 20px;}
#comparison .comparison p {padding: 10px 20px; display: inline-block; text-align: left;}
#comparison .comparison img {display: block; margin: 30px auto 40px; }
#comparison h4 {margin: 0 0 20px 0;}



/*************** BUTTONS ***************/

.btn {text-transform: uppercase; font-family: 'Oswald', sans-serif; transition: all 0.2s ease 0s; padding: 20px 40px;}
.btn span.fa {margin-left: 10px; font-size: 15px;}

.btn-teal {color: #fff; background-color: #009999;}
.btn-teal:hover, .btn-teal:focus {color: #fff; background-color: #018a8a;}

.btn-orange {color: #fff; background-color: #f26522;}
.btn-orange:hover, .btn-orange:focus {color: #fff; background-color: #ed4814;}

.btn-clear {color: #fff; background-color: transparent; border: 2px solid #fff;}
.btn-clear:hover, .btn-clear:focus {color: #f26522; background-color: #fff;}

.btn-grey {color: #676767; background-color: #efefef;}
.btn-grey:hover, .btn-grey:focus, .btn-grey.active {color: #fff; background-color: #e46320;}


/*************** Parallax ***************/

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

h1 {font-size: 60px;}
h2 {font-size: 58px;}
h3 {font-size: 34px;}

header h1 {width: 350px;}

#intro h2 {margin-top: 160px;}

#features .feat p {padding-top: 70px;}

h3 sup {font-size: 18px; top: -0.3em}

}

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

body {font-size: 16px;}
h2 {font-size: 48px;}

#features {min-height: 590px;}
#features .feat p {padding: 30px 15px 0 30px}

footer p {font-size: 14px; padding-left: 20px;}
footer .col-sm-6 {padding-left: 0; padding-right: 0;}

}

/* Mobile */
@media only screen and (max-width : 768px) {
	
	h1 {font-size: 40px;}
	h2 {font-size: 38px;}
	h3 {font-size: 24px;}

	header {background-size: 260%;}
	header h1 {margin-bottom: 10px;}
	header .title {height: 340px;}
	header .container.top {padding-left: 0; padding-right: 0;}
	
	.header-title {left: 15px; width: auto; margin-bottom: 20px;}
	.header-title a img {width: 50%;}
	
	
	#navigation {position: static;}
	
	nav {width: 100%; text-align: center;}
	nav ul {display: inline-block; float: none; vertical-align: top; margin-top: 15px;}
	nav ul li {margin: 0;}
	nav ul li a {float: left; padding: 0 20px;}
	nav ul li.last {padding-right: 5px;}
	nav ul li.last a {padding-right: 10px;}
	
	#logo {margin: auto; display: block; text-align: center;}
	#logo img {width: 80px; height: 35px; float: none; margin: 20px auto 0;}

	
	#intro {padding-left: 0; padding-right: 0; background: #fff; min-height: 400px; padding-bottom: 30px;}
	#intro h2 {margin-top: 30px;}
	#intro .container {padding-left: 0; padding-right: 0;}
	
	#features .container {padding: 0 0 20px 0;}
	#features .container .col-sm-6 {padding-left: 0; padding-right: 0; font-size: 15px;}
	#features .feat {margin-bottom: 15px;}
	#features h3 { padding-left: 0; padding-right: 0;}
	
	#comparison .logo {height: 50px;}
	#comparison h4 {margin-bottom: 40px;}
	#comparison .comparison {margin: 20px 0 10px;}
	#comparison .comparison img {margin: 0 auto 20px;}
	
	#products .container, #products .container .col-sm-6 { padding-left: 0; padding-right: 0;}
	#products h2 {margin-top: 0;}
	#products img {margin-top: 20px;}
	#products .container .col-sm-12.pad-topbot {padding: 20px 0; float: left;} 
	#products .container .col-sm-12 div {float: left; width: 100%; padding-left: 0; padding-right: 0;}
	#products .container .col-sm-12 h3 {margin-bottom: 10px;}
	
	#products table {font-size: 12px;}
	#products th {padding: 15px;}
	#products td {padding: 15px;}
	#products th.p-code, #products td.p-code {width: 25%;}
	#products th.p-desc, #products td.p-desc {width: 55%;}

	#chart .container, #chart .container div {padding-left: 0; padding-right: 0;}
	#chart .container div.pad-topbot {padding: 0;}
	#chart h2 {margin-top: 0;}
	#chart p {display: none;}
	#chart #zoomCont {display: none;}
	
	#contact .container, #contact .container div {padding-left: 0; padding-right: 0;}
	#contact h4 {margin: 0;}
	#contact .container .pad-topbot {padding-top: 0; padding-bottom: 0;}
	#contact .number p {margin: 20px 0; text-align: left;}
	#contact .short-pad {padding-left: 0 !important; padding-right: 0 !important;}
	#contact input.form-control, #contact textarea.form-control {padding: 15px 10px;}
	#contact .first-name .form-control, #contact .last-name .form-control {border-top: 0;}
	
	footer .container, footer .container div {padding-left: 0; padding-right: 0;}
	footer .left {float: none; padding: 15px 0 0 0; text-align: right;}
	footer .right {padding: 0;}
	
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir{background-color:transparent;border:0;overflow:hidden}.ir:before{content:"";display:block;width:0;height:150%}.hidden{display:none!important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both}@media print{*{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}

/** Core Owl Carousel CSS File *	v2 Beta **/
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height .5s ease-in-out;-moz-transition:height .5s ease-in-out;-ms-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity .4s ease;-moz-transition:opacity .4s ease;-ms-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale .1s ease;-moz-transition:scale .1s ease;-ms-transition:scale .1s ease;-o-transition:scale .1s ease;transition:scale .1s ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity .4s ease;-moz-transition:opacity .4s ease;-ms-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top;}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020;}.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:0px;}.fancybox-opened{z-index:8030;}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5);}.fancybox-outer,.fancybox-inner{position:relative;}.fancybox-inner{overflow:hidden;}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch;}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap;}.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%;}.fancybox-image{max-width:100%;max-height:100%;}#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url('../img/fancybox_sprite.png');}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060;}#fancybox-loading div{width:44px;height:44px;background:url('../img/fancybox_loading.gif') center center no-repeat;}.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040;}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url('../img/blank.gif');-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040;}.fancybox-prev{left:0;}.fancybox-next{right:0;}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden;}.fancybox-prev span{left:10px;background-position:0 -36px;}.fancybox-next span{right:10px;background-position:0 -72px;}.fancybox-nav:hover span{visibility:visible;}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important;}.fancybox-lock{overflow:hidden!important;width:auto;}.fancybox-lock body{overflow:hidden!important;}.fancybox-lock-test{overflow-y:hidden!important;}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url('../img/fancybox_overlay.png');}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0;}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll;}.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050;}.fancybox-opened .fancybox-title{visibility:visible;}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center;}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap;}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff;}.fancybox-title-inside-wrap{padding-top:10px;}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8);}@media only screen and(-webkit-min-device-pixel-ratio:1.5),only screen and(min--moz-device-pixel-ratio:1.5),only screen and(min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url('../img/fancybox_sprite@2x.png');background-size:44px 152px;}#fancybox-loading div{background-image:url('../img/fancybox_loading@2x.gif');background-size:24px 24px;}}

/* Morphing button plugin thingo */
.morph-button{position:relative;display:block;margin:0 auto}.morph-button>button{position:relative;padding:0 1em;border:none;background-color:#FFFFFF;color:#000;text-transform:uppercase;letter-spacing:1px;font-weight:700;line-height:80px;overflow:hidden}.morph-button.open>button,.morph-content{pointer-events:none}.morph-button.open .morph-content{pointer-events:auto}.morph-button-fixed,.morph-button-fixed .morph-content{width:300px;height:80px}.morph-button-fixed>button{z-index:1000;width:100%;height:100%;-webkit-transition:opacity .1s .5s;transition:opacity .1s .5s}.morph-button-fixed.open>button{opacity:0;-webkit-transition:opacity .1s;transition:opacity .1s}.morph-button-fixed .morph-content{position:fixed;z-index:900;opacity:0;-webkit-transition:opacity .3s .5s,width .4s .1s,height .4s .1s,top .4s .1s,left .4s .1s,margin .4s .1s;transition:opacity .3s .5s,width .4s .1s,height .4s .1s,top .4s .1s,left .4s .1s,margin .4s .1s}.morph-button-fixed.open .morph-content{opacity:1}.morph-button-fixed .morph-content>div{visibility:hidden;height:0;opacity:0;-webkit-transition:opacity .1s,visibility 0s .1s,height 0s .1s;transition:opacity .1s,visibility 0s .1s,height 0s .1s}.morph-button-fixed.open .morph-content>div{visibility:visible;height:auto;opacity:1;-webkit-transition:opacity .3s .5s;transition:opacity .3s .5s}.morph-button-fixed.active>button{z-index:2000}.morph-button-fixed.active .morph-content{z-index:1900}.morph-button-overlay .morph-content,.morph-button-sidebar .morph-content{-webkit-transition:opacity .3s .5s,width .4s .1s,height .4s .1s,top .4s .1s,left .4s .1s;transition:opacity .3s .5s,width .4s .1s,height .4s .1s,top .4s .1s,left .4s .1s}.morph-button-overlay.open .morph-content,.morph-button-sidebar.open .morph-content{-webkit-transition:width .4s .1s,height .4s .1s,top .4s .1s,left .4s .1s;transition:width .4s .1s,height .4s .1s,top .4s .1s,left .4s .1s}.morph-button.morph-button-overlay{margin:50px auto}.morph-button-overlay .morph-content{overflow:hidden;background:#FFFFFF}.morph-button-overlay.open .morph-content{top:0!important;left:0!important;width:100%;height:100%}.morph-button-modal::before{position:fixed;top:0;left:0;z-index:800;width:100%;height:100%;background:rgba(0,0,0,.5);content:'';opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s;pointer-events:none}.morph-button-modal.open::before{opacity:1;pointer-events:auto}.morph-button-modal.active::before{z-index:1800}.morph-button-modal .morph-content{overflow:hidden;-webkit-transition:opacity .3s .5s,width .4s .1s,height .4s .1s,top .4s .1s,left .4s .1s,margin .4s .1s;transition:opacity .3s .5s,width .4s .1s,height .4s .1s,top .4s .1s,left .4s .1s,margin .4s .1s}.morph-button-modal.open .morph-content{top:50%!important;left:50%!important;margin:-210px 0 0 -300px;width:600px;height:420px;-webkit-transition:width .4s .1s,height .4s .1s,top .4s .1s,left .4s .1s,margin .4s .1s;transition:width .4s .1s,height .4s .1s,top .4s .1s,left .4s .1s,margin .4s .1s}.morph-button.morph-button-modal-1{float:left}.morph-button.morph-button-modal-2,.morph-button.morph-button-modal-3{display:inline-block;margin:10px 15px}.morph-button-modal-1 .morph-content,.morph-button-modal-1>button{background-color:#553445}.morph-button-modal-2 .morph-content,.morph-button-modal-2>button,.morph-button-modal-3 .morph-content,.morph-button-modal-3>button{background-color:#fef0e3;color:#e75854}.morph-button-modal-4{display:inline-block}.no-js .morph-button .morph-content .icon-close,.no-js .morph-button>button{display:none}.morph-button-modal-4 .morph-content,.morph-button-modal-4>button{background-color:#faf1e0;color:#553445}.morph-button-modal-4 .morph-clone,.morph-button-modal-4>button span{padding-left:10px;color:#286f81}.morph-button-modal-4 .morph-clone{position:absolute;right:34px;bottom:30px;z-index:100;letter-spacing:1px;font-weight:700;-webkit-transition:bottom .4s .1s,right .4s .1s;transition:bottom .4s .1s,right .4s .1s}.morph-button-modal-4.open .morph-clone,.no-js .morph-button-modal-4 .morph-clone{right:10px;bottom:10px}.morph-button-modal-1::before{background:rgba(240,221,204,.7)}.morph-button-modal-2.open .morph-content{margin:-210px 0 0 -170px;width:340px;height:420px}.morph-button-modal-3.open .morph-content{margin:-255px 0 0 -210px;width:420px;height:510px}.morph-button-modal-3.open .morph-content>div{height:420px}.morph-button-modal-2.open .morph-content>div,.morph-button-modal-3.open .morph-content>div{-webkit-transition:opacity .3s .3s;transition:opacity .3s .3s}.morph-button-modal-4.open .morph-content{margin:-200px 0 0 -320px;width:640px;height:400px}.morph-button-inflow{overflow:hidden;max-width:100%;height:70px}.morph-button-inflow>button{width:100%;line-height:70px}.morph-button-inflow .morph-content{position:absolute;top:0;left:0;width:100%}.morph-button-inflow .morph-content .morph-clone{padding:0;font-weight:700;font-size:1.5em;line-height:70px}.morph-button-inflow-1{width:600px;margin:2em auto;-webkit-transition:height .5s cubic-bezier(.7,0,.3,1);transition:height .5s cubic-bezier(.7,0,.3,1)}.morph-button-inflow-1>button span{visibility:hidden}.morph-button-inflow-1 .morph-content .morph-clone{color:#000;background:#FFFFFF}.morph-button-inflow-2{position:absolute;top:50%;left:50%;width:220px;background-color:#fef0e3;-webkit-transition:height .3s,width .3s,-webkit-transform .3s;transition:height .3s,width .3s,transform .3s;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.morph-button-inflow-2>button{position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;color:#e75854;-webkit-transition:-webkit-transform .3s;transition:transform .3s}.morph-button-inflow-2.open>button{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.morph-button-inflow-2 .morph-content{width:260px;height:200px}.morph-button-inflow-2.open{width:260px}.morph-button-sidebar,.morph-button-sidebar .morph-content{width:60px;height:60px}.morph-button-sidebar{position:fixed;bottom:50px;left:50px}.morph-button-sidebar>button{line-height:60px;font-size:1.6em;padding:0}.morph-button-sidebar .morph-content{background:#FFFFFF}.morph-button-sidebar.open .morph-content{top:0!important;left:0!important;width:300px;height:100%;overflow:hidden;-webkit-backface-visibility:hidden}.morph-button .morph-content,.morph-button-modal-4 .morph-clone,.morph-button.open .morph-content{-webkit-transition-timing-function:cubic-bezier(.7,0,.3,1);transition-timing-function:cubic-bezier(.7,0,.3,1)}.noscroll{overflow:hidden}.morph-button-overlay.scroll .morph-content{overflow-y:scroll}.morph-button-sidebar.scroll .morph-content{overflow:auto}.no-js .morph-button{margin:10px 0;float:none}.no-js .morph-button,.no-js .morph-button .morph-content,.no-js .morph-button .morph-content>div{position:relative;width:auto;height:auto;opacity:1;visibility:visible;top:auto;left:auto;-webkit-transform:none;transform:none;pointer-events:auto}.no-js .morph-button-sidebar{width:300px;position:fixed;top:0;left:0;margin:0;height:100%;background:#FFFFFF;overflow:auto}.no-transition{-webkit-transition:none!important;transition:none!important}@media screen and (max-width:600px){.morph-button-modal.open .morph-content{top:0!important;left:0!important;margin:0;width:100%;height:100%;overflow-y:scroll;-webkit-transition:width .4s .1s,height .4s .1s,top .4s .1s,left .4s .1s;transition:width .4s .1s,height .4s .1s,top .4s .1s,left .4s .1s}}@media screen and (max-width:400px){.morph-button-fixed,.morph-button-fixed .morph-content{width:200px;height:80px}.morph-button-fixed>button{font-size:75%}.morph-button-sidebar>button{font-size:1.6em}.morph-button-inflow .morph-content .morph-clone{font-size:.9em}.morph-button-modal-4,.morph-button-modal-4 .morph-content{width:220px;height:120px}.morph-button-modal-4>button{font-size:100%;line-height:50px}.morph-button-modal-4>button span{display:block}.morph-button-modal-4 .morph-clone{right:83px;bottom:26px}.morph-button-sidebar,.morph-button-sidebar .morph-content{width:100%!important;height:60px!important}.morph-button-sidebar{bottom:0;left:0}.morph-button-sidebar.open .morph-content{height:100%!important}}

.content-style-social a:hover svg path,.morph-button-inflow-2>button svg path{fill:#e75854}@font-face{font-weight:400;font-style:normal;font-family:icomoon;src:url(../fonts/icomoon/icomoon.eot?i64fx9);src:url(../fonts/icomoon/icomoon.eot?#iefixi64fx9) format('embedded-opentype'),url(../fonts/icomoon/icomoon.woff?i64fx9) format('woff'),url(../fonts/icomoon/icomoon.ttf?i64fx9) format('truetype'),url(../fonts/icomoon/icomoon.svg?i64fx9#icomoon) format('svg')}.icon-close{z-index:100;display:block;overflow:hidden;width:3em;height:3em;text-align:center;line-height:3;cursor:pointer}.icon:before{position:relative;display:block;width:100%;height:100%;text-transform:none;font-weight:400;font-style:normal;font-variant:normal;font-family:icomoon;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.content-style-form button,.content-style-form label,.content-style-social a{text-transform:uppercase;letter-spacing:1px}.icon-camera:before{content:"\e017"}.icon-server:before{content:"\e022"}.icon-heart:before{content:"\e024"}.icon-zoom-in:before{content:"\e037"}.icon-microphone:before{content:"\e048"}.icon-cloud:before{content:"\e066"}.icon-user:before{content:"\e074"}.icon-briefcase:before{content:"\e075"}.icon-globe:before{content:"\e078"}.icon-cog::before{content:"\e600"}.icon-close::before{content:"\e601"}.icon-play::before{content:"\e602"}.icon-pause::before{content:"\e603"}.icon-close{position:absolute;top:20px;right:20px}.icon-close:hover{color:#333}.content-style-overlay{padding:100px 50px;text-align:center}.content-style-overlay h2{margin:0 0 1em;padding:0;font-weight:300;}.content-style-overlay p{margin:0 auto;padding:10px 0;max-width:700px;text-align:justify;font-weight:300;}.content-style-overlay .icon-close{border:2px solid #ccc; color:#ccc; border-radius:50%;line-height:2.8}.content-style-overlay .icon-close:hover{border-color:#333; color: #333;}.content-style-text{padding:60px;text-align:left}.content-style-text h2{margin:0 0 .5em;font-weight:300;font-size:1.85em}.content-style-text p{color:rgba(255,255,255,.5);font-weight:300;font-size:1.15em;line-height:1.4}.content-style-text label{padding:10px;color:#000;font-weight:700}.content-style-text .icon-close{top:0;right:0;color:rgba(0,0,0,.2)}.content-style-text .icon-close:hover{color:#000}.content-style-form{position:relative;text-align:left}.controls::after,.js .controls{position:absolute}.content-style-form h2{margin:0;padding:.4em 0 .3em;text-align:center;font-weight:300;font-size:3.5em}.content-style-form form{padding:10px 30px}.content-style-form form p{margin:0 0 5px;font-size:.7em}.content-style-form label{display:block;padding:10px 0 0;color:#d5bba4;font-weight:700}.content-style-form input[type=text],.content-style-form input[type=password]{padding:10px;width:100%;border:2px solid #ebd3bd;background:0 0;color:#b09a86;font-weight:300;font-size:2.2em}.content-style-form input[type=text]:focus,.content-style-form input[type=password]:focus{border-color:#e75854;color:#e75854}.content-style-form input:focus{outline:0}.content-style-form button{display:block;margin-top:2.5em;padding:1.5em;width:100%;border:none;background:#e75854;color:#000;font-weight:800;font-size:1.25em}.content-style-form .icon-close{top:0;right:0;color:#ebd3bd;font-size:75%}.content-style-form .icon-close:hover{color:#e75854}.js .content-style-form-1 .icon-close,.js .content-style-form-1 h2,.js .content-style-form-1 p{opacity:0;-webkit-transition:opacity .2s .35s,-webkit-transform .2s .35s;transition:opacity .2s .35s,transform .2s .35s;-webkit-transform:scale(.85);transform:scale(.85)}.content-style-form-1 p:first-child{-webkit-transition-delay:.4s;transition-delay:.4s}.content-style-form-1 p:nth-child(2){-webkit-transition-delay:.45s;transition-delay:.45s}.content-style-form-1 p:nth-child(3){-webkit-transition-delay:.5s;transition-delay:.5s}.morph-button.open .content-style-form-1 .icon-close,.morph-button.open .content-style-form-1 h2,.morph-button.open .content-style-form-1 p{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.js .content-style-form-2 .icon-close,.js .content-style-form-2 h2,.js .content-style-form-2 p{opacity:0;-webkit-transition:opacity .2s .3s,-webkit-transform .2s .3s;transition:opacity .2s .3s,transform .2s .3s;-webkit-transform:translateY(50px);transform:translateY(50px)}.content-style-form-2 p:first-child{-webkit-transition-delay:.35s;transition-delay:.35s}.content-style-form-2 p:nth-child(2){-webkit-transition-delay:.4s;transition-delay:.4s}.content-style-form-2 p:nth-child(3){-webkit-transition-delay:.45s;transition-delay:.45s}.content-style-form-2 p:nth-child(4){-webkit-transition-delay:.5s;transition-delay:.5s}.morph-button.open .content-style-form-2 .icon-close,.morph-button.open .content-style-form-2 h2,.morph-button.open .content-style-form-2 p{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.content-style-form-4 form{padding:30px;background:#fff;color:#ccb096;font-size:1.5em;-webkit-perspective:1000px;perspective:1000px}.content-style-form-4 input[type=text]{border:none;background-color:#f0f0f0}.content-style-form-4 form button{background:#ba997b}.content-style-form-4 form button:focus,.content-style-form-4 form button:hover{background:#a9896d}.js .content-style-form-4 p{opacity:0;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;-webkit-transform:rotateX(-45deg);transform:rotateX(-45deg);-webkit-transform-origin:center top;transform-origin:center top}.morph-button.open .content-style-form-4 p{opacity:1;-webkit-transition:opacity .4s .2s,-webkit-transform .4s .2s;transition:opacity .4s .2s,transform .4s .2s;-webkit-transform:rotateY(0);transform:rotateY(0)}.morph-button.open .content-style-form-4 p:nth-child(2){-webkit-transition-delay:.35s;transition-delay:.35s}.content-style-social{padding:30px;text-align:left}.morph-button-inflow-2>button svg{display:inline-block;padding-right:10px;width:20px;height:20px;vertical-align:-5%}.content-style-social a{display:block;padding:.5em 0;color:#67c2d4;vertical-align:middle;font-weight:700;font-size:.8em;line-height:32px}.js .content-style-social a{-webkit-transition:-webkit-transform .3s;transition:transform .3s;-webkit-transform:translateX(100%);transform:translateX(100%)}.content-style-social a:hover{color:#e75854}.content-style-social a svg{display:inline-block;padding-right:10px;vertical-align:middle;-webkit-backface-visibility:hidden}.morph-button-inflow.open .content-style-social a{-webkit-transform:translateX(0);transform:translateX(0)}.morph-button-inflow.open .content-style-social a:nth-child(2){-webkit-transition-delay:50ms;transition-delay:50ms}.morph-button-inflow.open .content-style-social a:nth-child(3){-webkit-transition-delay:.1s;transition-delay:.1s}.content-style-video{text-align:left}.video-mockup{width:640px;height:360px;max-width:100%;background:url(../img/rated.png) center center no-repeat;background-size:100%}.content-style-video .icon-close,.content-style-video .icon-pause{color:#286f81}.content-style-video .icon-close{top:0;right:0}.content-style-video .icon-close:hover{color:rgba(0,0,0,.4)}.controls{bottom:0;left:0;width:100%}.controls span{display:inline-block}.content-style-video .icon-pause{overflow:hidden;width:2.5em;height:2.5em;text-align:center;line-height:2.5;cursor:pointer;vertical-align:bottom}.content-style-video span.time{color:#286f81;letter-spacing:1px;font-weight:700;line-height:40px}.controls::after{content:'';height:7px;left:100px;right:70px;bottom:16px;background:#aaa}.content-style-sidebar h2{font-weight:300;font-size:2em;padding:.75em 0 .75em 1em;margin:0;color:#bb4445}.content-style-sidebar .icon-close{top:0;right:0;font-size:.85em}.content-style-sidebar ul{list-style:none;margin:0;padding:0}.content-style-sidebar ul li a{display:block;padding:12px 20px;color:#faf1e0;font-weight:400;font-size:1.05em;box-shadow:inset 0 1px rgba(0,0,0,.1)}.content-style-sidebar ul li:last-child a{box-shadow:inset 0 1px rgba(0,0,0,.1),inset 0 -1px rgba(0,0,0,.1)}.content-style-sidebar ul li a:hover{background:rgba(0,0,0,.1);box-shadow:none}.content-style-sidebar ul .icon::before{display:inline-block;width:auto;margin-right:20px;font-size:1.5em;vertical-align:-10%;color:rgba(0,0,0,.2)}@media screen and (max-width:770px){.content-style-overlay{font-size:75%}.content-style-overlay .icon-close{top:5px;right:5px}}

/*----------------------------------------------------------------------------*\
    Headhesive Specific Styles
/*----------------------------------------------------------------------------*/

.banner--clone {

    /* Required styles */
    position: fixed;
    top: 0;
    left: 0;

    /* Additional styles */
    background: #fff;
    /* background: rgba(255, 255, 255, 0.9); */
    z-index: 1000;

    /* Translate -100% to move off screen */
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);

    /* Animations */
    -webkit-transition: all 300ms ease-in-out;
       -moz-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;

}

.banner--stick {

    /* Translate back to 0%; */
    -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
            transform: translateY(0%);
}

.banner--unstick {
    /* Not required to use, but could be useful to have */
}
