@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.4
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  box-sizing: border-box;
}

body {
  line-height: 1;
  margin: 0;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  outline: 0;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/*!
 * -----------------------------------------------------
 * Main
 * -----------------------------------------------------
 */
html {
  font-size: 62.5%;
}

body {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  font-family: 'SF UI Display', sans-serif;
  background-color: #F3F5F6;
}

main {
  width: 100%;
  max-width: 1600px;
  min-height: 100px;
  position: relative;
  margin: 0 auto;
  background-color: #ffffff;
}

main.shop-nav-on {
  margin-top: 19rem;
}

main.shop-nav-on nav {
  margin-top: 8rem;
}

.center {
  display: block;
  text-align: center;
}

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

.pull-center {
  margin-left: auto;
  margin-right: auto;
  float: none;
}

.overlay {
  width: 100%;
  height: 700px;
  /*padding-top: 20rem;*/
}

.cover {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.hr:before {
  content: ' ';
  width: 10rem;
  height: 2px;
  margin: 0 0 4rem 0;
  padding: 0;
  display: block;
  background-color: #ff9900;
  overflow: hidden;
}

.hr-white:before {
  content: ' ';
  width: 10rem;
  height: 2px;
  margin: 0 0 4rem 0;
  padding: 0;
  display: block;
  background-color: rgba(63, 74, 82, 0.2);
  overflow: hidden;
}

.hr-white-full:before {
  content: ' ';
  width: 10rem;
  height: 2px;
  margin: 0 0 4rem 0;
  padding: 0;
  display: block;
  background-color: rgba(255, 255, 255, 0.2);
  overflow: hidden;
}

.border-bottom {
  border-bottom: 1px solid rgba(63, 74, 82, 0.2);
}

.breadcrumb--container {
  width: 100%;
  height: 10rem;
  border-bottom: 1px solid rgba(63, 74, 82, 0.2);
}

.breadcrumb--container h1 {
  line-height: 7.5rem;
  text-transform: uppercase;
  font-size: 2.4rem;
  font-weight: 300;
  padding: 0;
  margin: 1.5rem 0;
}

section {
  position: relative;
  background-color: #ffffff;
  z-index: 1;
}

.container-center {
  margin: 0 auto;
  float: none;
}

.mobile-hidden-btn {
  display: none;
}

.tablet-hidden-btn {
  display: none;
}

.desktop-hidden-btn {
  display: inline-block;
}

.mobile-hidden {
  display: none;
}

.tablet-hidden {
  display: none;
}

.desktop-hidden {
  display: block;
}

@media only screen and (min-width: 768px) {
  .mobile-hidden {
    display: inline-block;
  }
  .tablet-hidden {
    display: none;
  }
  .desktop-hidden {
    display: inline-block;
  }
  .mobile-hidden {
    display: block;
  }
  .tablet-hidden {
    display: none;
  }
  .desktop-hidden {
    display: block;
  }
}

@media only screen and (min-width: 992px) {
  .mobile-hidden-btn {
    display: inline-block;
  }
  .tablet-hidden-btn {
    display: inline-block;
  }
  .desktop-hidden-btn {
    display: none;
  }
  .mobile-hidden {
    display: block;
  }
  .tablet-hidden {
    display: block;
  }
  .desktop-hidden {
    display: none;
  }
}

/*!
 * -----------------------------------------------------
 * Colors
 * -----------------------------------------------------
 */
.color-drak {
  color: #3F4A52;
  -webkit-stroke: #3F4A52;
  -moz-stroke: #3F4A52;
  -ms-stroke: #3F4A52;
  -o-stroke: #3F4A52;
  stroke: #3F4A52;
}

.color-drak-half {
  color: rgba(63, 74, 82, 0.5);
  -webkit-stroke: rgba(63, 74, 82, 0.5);
  -moz-stroke: rgba(63, 74, 82, 0.5);
  -ms-stroke: rgba(63, 74, 82, 0.5);
  -o-stroke: rgba(63, 74, 82, 0.5);
  stroke: rgba(63, 74, 82, 0.5);
}

.color-gray {
  color: #e7ebef;
  -webkit-stroke: #e7ebef;
  -moz-stroke: #e7ebef;
  -ms-stroke: #e7ebef;
  -o-stroke: #e7ebef;
  stroke: #e7ebef;
}

.color-white {
  color: #ffffff;
  -webkit-stroke: #ffffff;
  -moz-stroke: #ffffff;
  -ms-stroke: #ffffff;
  -o-stroke: #ffffff;
  stroke: #ffffff;
}

.color-white-half {
  color: rgba(255, 255, 255, 0.7);
  -webkit-stroke: rgba(255, 255, 255, 0.7);
  -moz-stroke: rgba(255, 255, 255, 0.7);
  -ms-stroke: rgba(255, 255, 255, 0.7);
  -o-stroke: rgba(255, 255, 255, 0.7);
  stroke: rgba(255, 255, 255, 0.7);
}

.color-blue {
  color: #ff9900;
  -webkit-stroke: #ff9900;
  -moz-stroke: #ff9900;
  -ms-stroke: #ff9900;
  -o-stroke: #ff9900;
  stroke: #ff9900;
}

.color-blue-drak {
  color: #214a97;
  -webkit-stroke: #214a97;
  -moz-stroke: #214a97;
  -ms-stroke: #214a97;
  -o-stroke: #214a97;
  stroke: #214a97;
}

.color-green {
  color: #16cc53;
  -webkit-stroke: #16cc53;
  -moz-stroke: #16cc53;
  -ms-stroke: #16cc53;
  -o-stroke: #16cc53;
  stroke: #16cc53;
}

.color-sports-green {
  color: #82c655;
  -webkit-stroke: #82c655;
  -moz-stroke: #82c655;
  -ms-stroke: #82c655;
  -o-stroke: #82c655;
  stroke: #82c655;
}

.color-digital-blue {
  color: #57c3ce;
  -webkit-stroke: #57c3ce;
  -moz-stroke: #57c3ce;
  -ms-stroke: #57c3ce;
  -o-stroke: #57c3ce;
  stroke: #57c3ce;
}

.color-purple {
  color: #9f8be8;
  -webkit-stroke: #9f8be8;
  -moz-stroke: #9f8be8;
  -ms-stroke: #9f8be8;
  -o-stroke: #9f8be8;
  stroke: #9f8be8;
}

.color-pink {
  color: #d861a5;
  -webkit-stroke: #d861a5;
  -moz-stroke: #d861a5;
  -ms-stroke: #d861a5;
  -o-stroke: #d861a5;
  stroke: #d861a5;
}

.color-red {
  color: #dd3b50;
  -webkit-stroke: #dd3b50;
  -moz-stroke: #dd3b50;
  -ms-stroke: #dd3b50;
  -o-stroke: #dd3b50;
  stroke: #dd3b50;
}

.color-brown {
  color: #d39871;
  -webkit-stroke: #d39871;
  -moz-stroke: #d39871;
  -ms-stroke: #d39871;
  -o-stroke: #d39871;
  stroke: #d39871;
}

.color-venue-gray {
  color: #9ca9b2;
  -webkit-stroke: #9ca9b2;
  -moz-stroke: #9ca9b2;
  -ms-stroke: #9ca9b2;
  -o-stroke: #9ca9b2;
  stroke: #9ca9b2;
}

/*!
 * -----------------------------------------------------
 * Background Colors
 * -----------------------------------------------------
 */
.drak {
  background-color: #3F4A52;
}

.drak-half {
  background-color: rgba(63, 74, 82, 0.5);
}

.gray {
  background-color: #e7ebef;
}

.white {
  background-color: #ffffff;
}
.half-white{background-color: rgba(255, 153, 0, 0.8)}
.white-half {
  background-color: rgba(255, 153, 0, 0.8);
}

.blue {
  background-color: #ff9900;
}

.blue-drak {
  background-color: #214a97;
}

.green {
  background-color: #16cc53;
}

.sports-green {
  background-color: #82c655;
}

.digital-blue {
  background-color: #57c3ce;
}

.purple {
  background-color: #9f8be8;
}

.pink {
  background-color: #d861a5;
}

.red {
  background-color: #dd3b50;
}

.brown {
  background-color: #d39871;
}

.venue-gray {
  background-color: #9ca9b2;
}

/*.white-gr {
  background-image: radial-gradient(circle at top center, rgba(120, 128, 133, 0.15), #ffffff 50%);
}
*/
.white-gr {
    background-color: #eee;
}
/*!
 * -----------------------------------------------------
 * Border Colors
 * -----------------------------------------------------
 */
.border-drak {
  border-color: #3F4A52 !important;
}

.border-drak-half {
  border-color: rgba(63, 74, 82, 0.5) !important;
}

.border-gray {
  border-color: #e7ebef !important;
}

.border-white {
  border-color: #ffffff !important;
}

.border-white-half {
  border-color: rgba(255, 255, 255, 0.7) !important;
}

.border-blue {
  border-color: #ff9900 !important;
}

.border-blue-drak {
  border-color: #214a97 !important;
}

.border-green {
  border-color: #16cc53 !important;
}

.border-sports-green {
  border-color: #82c655 !important;
}

.border-digital-blue {
  border-color: #57c3ce !important;
}

.border-purple {
  border-color: #9f8be8 !important;
}

.border-pink {
  border-color: #d861a5 !important;
}

.border-red {
  border-color: #dd3b50 !important;
}

.border-brown {
  border-color: #d39871 !important;
}

.border-venue-gray {
  border-color: #9ca9b2 !important;
}

/*!
 * -----------------------------------------------------
 * Typography
 * -----------------------------------------------------
 */
@font-face {
  font-family: 'wm15';
  src: url("../fonts/wallmob/wm15.eot");
  src: url("../fonts/wallmob/wm15.eot") format("rembedded-opentype"), url("../fonts/wallmob/wm15.woff") format("woff"), url("../fonts/wallmob/wm15.ttf") format("truetype"), url("../fonts/wallmob/wm15.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

/*Icons*/
.icon {
  font-family: 'wm15';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
}

.icon.icon-x6 {
  font-size: 6rem;
}

.icon-arrow-down:before {
  content: "\e607";
}

span.icon.play-icon {
  color: inherit;
  margin: 0 0.5rem 0 0;
}

h3 {
  font-size: 2.8rem;
  margin-top: 0;
}

p, a, span, .textwidget {
  font-size: 1.6rem;
}

h1 {
  font-weight: 100;
  padding: 3rem 0;
}

h1 {
  font-weight: 100;
  font-size: 4.8rem;
  line-height: 1.1;
  margin-bottom: 0.5rem;
  margin-top: 0;
}

h1.hero-h1 {
  font-weight: 100;
  font-size: 8.8rem;
  line-height: 1.1;
  padding: 0;
  margin-bottom: 0rem;
  margin-top: 0;
}

h2 {
  font-weight: 100;
  max-width: 400px;
  font-size: 4.8rem;
  line-height: 1.1;
  margin-bottom: 2.0rem;
  margin-top: 0;
}

h2.quote {
  font-size: 1.4rem;
  text-transform: uppercase;
}

.mailto {
  color: inherit;
  font-weight: 600;
  letter-spacing: 0.05rem;
  text-transform: uppercase;
  font-size: 2rem;
  line-height: 1.2;
}

h3 {
  text-transform: none;
  font-size: 2.4rem;
  font-weight: 300;
  padding: 0;
  margin: 1.5rem 0;
}

h3.hero-h3 {
  text-transform: none;
  font-size: 2.4rem;
  max-width: 600px;
  font-weight: 300;
  padding: 0;
  margin: 0.5rem auto 2.5rem auto;
}

h4 {
  color: inherit;
  font-weight: 600;
  letter-spacing: 0.05rem;
  text-transform: uppercase;
  font-size: 2rem;
  line-height: 1.2;
  display: block;
  margin: 0 0 1.7rem 0;
}

p, i, .ninja-forms-required-itrems {
  font-size: 1.6rem;
  line-height: 1.5;
  margin: 0 0 5rem 0;
  text-align: justify;
  color: rgba(63, 74, 82, 0.5);
}

p b {
  color: #3F4A52;
  padding: 0 0 1rem 0;
  display: inline-block;
}

p.legal {
  font-size: 1rem;
  margin-top: 2.3rem;
}

p .link {
  color: #ff9900;
  cursor: pointer;
}

p .link:hover {
  color: #ff9900;
  text-decoration: none;
}

p.legal a {
  color: rgba(255, 255, 255, 0.7);
  font-size: 1rem;
  padding: 0 1rem;
  transition: color 0.2s;
}

p.legal a:nth-child(1) {
  padding: 0 1rem 0 2rem;
}

p.legal a:hover {
  color: #ffffff;
  text-decoration: none;
}

span, a {
  font-size: 1.4rem;
}

li {
  font-size: 1.4rem;
  line-height: 1.5;
}

.line {
  width: 10rem;
  height: 2px;
  margin: 0 0 2.1rem 0;
  padding: 0;
  display: block;
  overflow: hidden;
}

.line.full-width {
  width: 100%;
}

.partners-h2 {
  color: #214a97;
  font-size: 1.4rem;
}

.partners-a {
  text-transform: uppercase;
  font-weight: 600;
}

.uppercase {
  text-transform: uppercase;
}

.signup-link {
  text-decoration: none;
  font-weight: 600;
  letter-spacing: 0.05rem;
  text-transform: uppercase;
  line-height: 2.5;
  display: block;
}

.max-width-none {
  max-width: none;
}

@media only screen and (min-width: 320px) {
  h2 {
    font-size: 3.8rem;
  }
.info-box-big h2 {
    font-size: 30px;
}
}

@media only screen and (min-width: 768px) {
  h2 {
    font-size: 4.8rem;
  }
  .panel-grid h2{max-width:100%;}
  nav {
    padding: 1rem 4rem 0 2rem;
}
}
 @media screen and (min-width: 768px) and (max-width:1024px) {
  nav {
    padding: 1rem 4rem 0 2rem !important;
}
.flexslider .slides img {
    width: 100%;
}
.flexslider ul li .col-xs-12.pull-left {
    position: relative;
    bottom: 0px;
}
.flexslider {
    height: 580px;
}
.slider {
    height: 580px;
}
.about-img {    
	top: 90px !important;
    right: 50px !important;
}
.about-img img{width:100%;}
.textwidget .col-xs-12.col-sm-6.col-lg-6 h2 {
    font-size: 42px;
}
.enquiry-frm.white-gr .fbody.col-xs-12.col-lg-12 .col-xs-12.col-lg-6:nth-child(odd) {
    margin-right: 9px !important;
    margin-left: 9px !important;
    width: 45%;
    padding: 0px;
}
.enquiry-frm.white-gr .fbody.col-xs-12.col-lg-12 .col-xs-12.col-lg-6.captcha-img .col-xs-12.col-lg-6:first-child {
    max-width: 49%;
    padding-right: 15px;
    margin-left: 0px !important;
}
.enquiry-frm.white-gr .fbody.col-xs-12.col-lg-12 .col-xs-12.col-lg-6.captcha-img .col-xs-12.col-lg-6:last-child {
    max-width: 48%;
}
footer { min-height: 40px !important;}
}
/*!
 * -----------------------------------------------------
 * Header
 * -----------------------------------------------------
 */
header {
  width: 100%;
  height: 895px;
  margin-top: 8rem;
  background-image: url("../images/hero_bg.png");
  background-repeat: no-repeat;
  background-position: center;
  padding: 18rem 0 0 0;
}

@media only screen and (min-width: 320px) {
  header .container .col-xs-12 {
    padding: 0;
  }
}

@media only screen and (min-width: 768px) {
  .menu-header-container {
    display: none;
  }
}

@media only screen and (min-width: 992px) {
  header .container .col-xs-12 {
    padding: 0 15px;
  }
}

/*
 @media only screen and (min-width : 1200px) {
   .read-more, .button {
     width: auto;
   }
 }
 */
/*!
  * -----------------------------------------------------
  * Info Box
  * -----------------------------------------------------
  */
.info-box-big, .info-box-small {
  width: 100%;
  position: relative;
  padding: 3rem;
}

.info-box-small {
  max-width: none;
}

.hero-big-box {
  margin-right: 0;
}

.info-box--bg-color, .info-box--overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.info-box--bg-color {
  opacity: 0.7;
  z-index: 2;
}

.info-box--overlay {
  z-index: 2;
  padding: 3rem;
}

.info-box--overlay p {
  margin: 0 0 2rem 0;
}

.info-box-small h3 {
  padding: 0;
  margin: 0;
}

.info-box-big h2 {
  max-width: 470px;
  color:#fff;
}

.info-box-small .info-box-small-link {
  position: absolute;
  bottom: 3rem;
  right: 3rem;
  color: #fff;
}

.info-box-small .info-box-small-link:after {
  content: '';
  width: 17px;
  background-image: url("../images/arow.svg");
  height: 10px;
  display: block;
  float: right;
  margin: 2px 0 0 5px;
  transition: margin 0.2s;
}

.info-box-small .info-box-small-link:hover {
  text-decoration: none;
}

.info-box-small .info-box-small-link:hover:after {
  margin: 2px 0 0 10px;
}



@media screen and (min-width: 0px) and (max-width:320px) {
 .info-box-small {
    max-width: none;
  }
  .hero-big-box {
    margin-right: 0;
  }
  .hero-big-box-left {
    margin-left: 0;
  }
  .quote--container {
    padding: 0;
  }
  header, .info-box--container {
    height: 42rem;
    padding: 0;
  }
  .flexslider {
    height: 42rem;
}
.slider {
    height: 42rem;
    padding: 0;
}
.flexslider .slides img {
	width: 100%;
}
  .enquiry-frm .col-xs-12.col-lg-6 + .col-xs-12.col-lg-12 input{float:none;}
  header .container, .info-box--container .container {
    padding: 0;
  }
  header .container div:nth-child(1) .info-box-small, .info-box--container .container div:nth-child(1) .info-box-small {
    height: 42rem;
    padding-top: 5rem;
  }
  .flexslider ul li .col-xs-12.pull-left {
    position: relative;
     bottom: 0px; 
	 top:0px;
}
  .flexslider ul li .col-xs-12.pull-left .info-box-big {
    display: block;
}
.flex-direction-nav {
    top: 21%;
}
nav {
    padding: 0.5rem 0 0 0 !important;
    max-height: 60px;
}
.slz-name.legel-hidden {
    text-align: center;
    padding: 5px 0;
}
 footer {
    min-height: 60px !important;
} 
.enquiry-frm {
    padding: 60px 0 30px;
    position: relative;
}


}


@media screen and (min-width: 360px) and (max-width:767px) {
  .info-box-small {
    max-width: none;
  }
  .hero-big-box {
    margin-right: 0;
  }
  .hero-big-box-left {
    margin-left: 0;
  }
  .quote--container {
    padding: 0;
  }
  header, .info-box--container {
    height: 45rem;
    padding: 0;
  }
  .flexslider {
    height: 45rem;
}
.slider {
    height: 45rem;
    padding: 0;
}
.flexslider .slides img {
	width: 100%;
}
  .enquiry-frm .col-xs-12.col-lg-6 + .col-xs-12.col-lg-12 input{float:none;}
  header .container, .info-box--container .container {
    padding: 0;
  }
  header .container div:nth-child(1) .info-box-small, .info-box--container .container div:nth-child(1) .info-box-small {
    height: 45rem;
    padding-top: 5rem;
  }
  .flexslider ul li .col-xs-12.pull-left {
    position: relative;
     bottom: 0px; top:0px;padding: 0px;
    margin: 0px;
}
.slider .half-white {
    background-color: rgb(255, 153, 0);
}
.slider .flexslider {
    background-color: rgb(255, 153, 0);
}
.enquiry i {overflow: hidden;}
.enquiry img {width: 182%;position: relative;right: 230px;}
#main_header_menu li.menu-item:last-child a{
    background: url(../images/tel-contact.png) no-repeat scroll;
    background-position: 6px -22px;
    padding-left: 34px;
}
  .flexslider ul li .col-xs-12.pull-left .info-box-big {
    display: block;
}
.flex-direction-nav {
    top: 21%;
}
nav {
    padding: 0.5rem 0 0 0 !important;
    max-height: 60px;
}
.slz-name.legel-hidden {
    text-align: center;
    padding: 5px 0;
}
 footer {
    min-height: 60px !important;
} 
}

@media only screen and (min-width: 768px) {
  .info-box-big {
    max-width: 58rem;
  }
  .info-box-small {
    max-width: 267px;
    height: 267px;
  }
  .quote--container {
    padding: 0 1.5rem;
  }
  .info-box--bg-color {
    opacity: 1;
  }
  header {
    margin-top: 0;
    height: 595px;
    padding: 0rem 0 0 0;
  }
  header .container {
    padding: 0 1.5rem;
  }
  header .container div:nth-child(1) .info-box-small {
    height: 267px;
    padding: 3rem;
  }
  .info-box--container {
    height: 595px;
    padding: 18rem 0 0 0;
  }
  .info-box--container .container {
    padding: 0 1.5rem;
  }
  .info-box--container .container div:nth-child(1) .info-box-small {
    height: 30rem;
    padding: 3rem;
  }
  header .container div:nth-child(2), .info-box--container .container div:nth-child(2) {
    display: block;
  }
  .hero-big-box {
    margin-right: 187px;
  }
  .hero-big-box-left {
    margin-left: 187px;
    height: 330px;
  }
  
}

@media only screen and (min-width: 992px) {
  header {
    height: 650px;
  }
  .info-box-small {
    max-width: 267px;
  }
  .hero-big-box {
    margin-right: 267px;
  }
  .hero-big-box-left {
    margin-left: 267px;
    height: 360px;
  }
}

@media only screen and (min-width: 1200px) {
  .hero-big-box {
    margin-right: 0px;
	/*margin-bottom:350px;*/
  }
}

/*!
 * -----------------------------------------------------
 * Footer
 * -----------------------------------------------------
 */
footer {
  width: 100%;
  min-height: 94px;
  background-color: #2E373D;
  padding-top: 4rem;
  float: left;
}

footer .container .social {
  margin: 1.3rem 0 0 0;
  position: relative;
  bottom: 0;
  right: 0;
}

footer .container .social .link.inline {
  padding: 0 1rem;
}

footer .container .social .link.inline span {
  color: #fff;
}

footer .container .social .link.inline:nth-child(2) {
  padding: 0 1.5rem 0 1rem;
}

footer .container ul {
  list-style: none;
  margin: 0;
}

footer .container ul li {
  float: left;
  padding: 0 1em;
}

footer .container ul li a {
  text-decoration: none;
}

footer .container ul li a:hover {
  text-decoration: none;
  color: #fff;
}

footer .container ul li:first-child {
  padding: 0 1em 0 0;
  max-width: 80rem;
}

footer .container div.legal {
  padding: 1rem 0 0 1.5rem;
}

footer .container div.legal p {
  float: left;
  text-decoration: none;
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.5);
}

footer .container div.legal div {
  float: left;
  margin-left: 0.5rem;
}

footer .container div.legal div a {
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.5);
  padding: 0 0.5rem;
}

footer .container div.legal div a:hover {
  color: #fff;
  text-decoration: none;
}

footer .container.mobile-footer {
  width: 100%;
  margin: 0;
}

footer .container.mobile-footer .social {
  margin: 1.3rem 0 0 0;
  position: absolute;
  bottom: 0;
  right: 0;
}

footer .container.mobile-footer .social .link.inline {
  padding: 0 1rem;
}

footer .container.mobile-footer .social .link.inline span {
  color: #fff;
}

footer .container.mobile-footer .social .link.inline:nth-child(2) {
  padding: 0 1.5rem 0 1rem;
}

footer .container.mobile-footer .col-xs-12 {
  padding: 0 1.5rem;
}

footer .container.mobile-footer ul.mobile-footer--nav-highlight {
  margin: 1.5rem 0 1rem 0;
  display: inline-block;
}

footer .container.mobile-footer ul.mobile-footer--nav-highlight li {
  float: left;
  width: auto;
  padding: 0 0.5em 0 0;
}

footer .container.mobile-footer ul.mobile-footer--nav-highlight li:first-child {
  padding: 0 0.5em 0 0;
  max-width: none;
}

footer .container.mobile-footer ul.mobile-footer--nav-highlight li a.get-started {
  margin: 0;
}

footer .container.mobile-footer ul.mobile-footer--nav li {
  width: 100%;
  padding: 0.5rem 0;
}

footer .container.mobile-footer ul.mobile-footer--nav li:first-child {
  max-width: none;
  padding: 1.2rem 0 0.5rem 0;
}

footer .container.mobile-footer ul.mobile-footer--nav li a.get-started {
  margin: 0;
}

footer .container.mobile-footer div.legal {
  padding: 1rem 0 0 1.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  margin: 2rem 0 0 0;
}

footer .container.mobile-footer div.legal p {
  float: left;
  text-decoration: none;
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.5);
}

footer .container.mobile-footer div.legal div {
  float: left;
  margin-left: 0.5rem;
}

footer .container.mobile-footer div.legal div a {
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.5);
  padding: 0 0.5rem;
}

footer .container.mobile-footer div.legal div a:hover {
  color: #fff;
  text-decoration: none;
}

footer .container.mobile-footer .social .link.inline span {
  font-size: 2rem;
}

footer .social-container {
  position: relative;
}

@media only screen and (min-width: 320px) {
  footer {
    padding: 1rem 0;
  }
  footer .container {
    padding: 0;
  }
  footer .container > .col-xs-6 {
    padding: 0;
  }
  footer .container ul li {
    float: left;
  }
  footer .social {
    padding: 3rem 0 0 0;
  }
  footer .social ul {
    float: left;
  }
  footer .social ul li {
    float: left;
  }
  footer a.link.inline {
    float: left;
  }
  footer a.link.inline:nth-child(2) {
    padding-left: 0;
  }
  footer .container div.legal {
    padding: 1rem 0 0 0;
  }
  footer .container div.legal p {
    margin: 0 1rem 1rem 0;
  }
  footer .container div.legal div {
    margin-left: 0;
  }
  footer .container div.legal div a:first-child {
    padding: 0 0;
  }
}

@media only screen and (min-width: 768px) {
  footer .container ul {
    padding: 0;
  }
  footer .container > div {
    padding: 0;
  }
  footer .legel-hidden {
    display: none;
  }
  footer .container ul li {
    float: right;
  }
  footer .social {
    padding: 0;
  }
  footer .social ul {
    float: right;
  }
  footer .social ul li.mobile-hidden {
    float: right;
  }
  footer a.link.inline {
    float: right;
  }
  footer .container ul .textwidget li {
    padding: 0 0.5rem;
    width: auto;
    float: left;
  }
  footer .container ul .textwidget li:nth-child(1) {
    padding: 0 0.5rem 0 0;
  }
  footer .container ul .textwidget li .get-started {
    margin-top: 0rem;
    margin-left: 1rem;
  }
}

@media only screen and (min-width: 992px) {
  footer .container ul {
    padding: 0 0 0 1.5rem;
  }
  footer .container > div {
    padding: 0 1.5rem;
  }
  footer {
    padding: 4rem 0 0 0;
  }
  footer .container {
    padding: 0 1.5rem;
  }
  footer .container > .col-xs-6 {
    padding: 0 1.5rem;
  }
  footer .social {
    padding: 0 1.5rem;
  }
  footer .social ul {
    float: right;
  }
  footer .social ul li {
    float: right;
  }
  footer a.link.inline {
    float: right;
  }
  footer .container div.legal {
    padding: 1rem 0 0 1.5rem;
  }
  footer .container div.legal p {
    margin: 0 0 3rem 0;
  }
  footer .container div.legal div {
    margin-left: 0.5rem;
  }
  footer .container div.legal div a:first-child {
    padding: 0 0.5rem;
  }
  footer .container ul .textwidget li {
    padding: 0 0.5rem;
    width: auto;
    float: left;
  }
  footer .container ul .textwidget li:nth-child(1) {
    padding: 0 0.5rem 0 0;
  }
  footer .container ul .textwidget li .get-started {
    margin-top: 0rem;
    margin-left: 1rem;
  }
}

/*!
 * -----------------------------------------------------
 * Single
 * -----------------------------------------------------
 */
.single--img {
  width: 100%;
  height: 450px;
  margin-bottom: 5rem;
  background-position: center center;
}

.single.container {
  padding-bottom: 5rem;
}

.single.container ul {
  margin: 0 0 2rem 2rem;
}

.single.container ul li {
  text-transform: uppercase;
  font-weight: 600;
}

.single.container > div {
  margin: 0 auto;
  float: none;
}

.single.container.single--no-header {
  padding-top: 5rem;
}

.single.container h2 {
  max-width: 47rem;
}

.single.container p a {
  color: #ff9900;
}

.single.container p a:hover {
  text-decoration: none;
}

.single.container p.single--date {
  color: #ff9900;
  margin: 0 0 2rem 0;
}

.single.container p span.link a {
  color: #3F4A52;
  -webkit-transition: color 0.2s ease 0s;
  -moz-transition: color 0.2s ease 0s;
  -ms-transition: color 0.2s ease 0s;
  -o-transition: color 0.2s ease 0s;
  transition: color 0.2s ease 0s;
}

.single.container p span.link a:nth-child(2) {
  margin: 0 0 0 1.5rem;
}

.single.container p span.link a:hover {
  color: #ff9900;
  text-decoration: none;
}

.single.container .single--nav-container {
  width: 100%;
  height: 5rem;
}

.single.container .single--nav-container div {
  width: 5rem;
  height: 5rem;
}

.single.container .single--nav-container div a {
  display: block;
}

.single.container .single--nav-container div a span {
  font-size: 2.6rem;
}

.pricing-container > div {
  padding: 0 1.5rem;
}

@media only screen and (min-width: 768px) {
  .pricing-container > div {
    padding: 0 1.5rem;
  }
}

@media only screen and (min-width: 992px) {
  .pricing-container > div {
    padding: 0rem;
  }
}

/*!
 * -----------------------------------------------------
 * 404 page
 * -----------------------------------------------------
 */
.error404 {
  background-color: #3F4A52;
  height: 100vh;
}

.error404 .page404 {
  height: 100vh;
  background-image: url("../images/cover-404.png");
  background-repeat: no-repeat;
  background-position: 3rem 17rem;
  background-size: 70rem;
}

.error404 .container {
  padding: 0 2rem;
}

.error404 .container h1 {
  margin-bottom: 0;
  margin-top: 2rem;
}

.error404 .container div img {
  width: 100%;
  min-width: 58rem;
}

.error404 .container a {
  margin-bottom: 1rem;
}

@media only screen and (min-width: 768px) {
  .error404 {
    background-color: #3F4A52;
    height: 100vh;
  }
  .error404 .page404 {
    height: 100vh;
    background-image: url("../images/cover-404.png");
    background-repeat: no-repeat;
    background-position: center 80%;
    background-size: 90rem;
  }
  .error404 .container {
    padding: 0 2rem;
  }
  .error404 .container h1 {
    margin-bottom: 0;
    margin-top: 2rem;
  }
  .error404 .container div img {
    width: 100%;
    min-width: 58rem;
  }
  .error404 .container a {
    margin-bottom: 1rem;
  }
}

/*!
 * -----------------------------------------------------
 * Grid
 * =====================================================
 * Top / Bottom
 * -----------------------------------------------------
 */
.pad-xs-0 {
  padding: 0rem 0;
}

.pad-xs-1 {
  padding: 1rem 0;
}

.pad-xs-2 {
  padding: 2rem 0;
}

.pad-xs-3 {
  padding: 3rem 0;
}

.pad-xs-4 {
  padding: 4rem 0;
}

.pad-xs-5 {
  padding: 5rem 0;
}

.pad-xs-6 {
  padding: 6rem 0;
}

.pad-xs-7 {
  padding: 7rem 0;
}

.pad-xs-8 {
  padding: 8rem 0;
}

.pad-xs-9 {
  padding: 9rem 0;
}

.pad-xs-10 {
  padding: 10rem 0;
}

.pad-xs-11 {
  padding: 15rem 0;
}

.pad-xs-12 {
  padding: 20rem 0;
}

/*!
 * -----------------------------------------------------
 * Top
 * -----------------------------------------------------
 */
.pad-xs-top-0 {
  padding-top: 0rem;
}

.pad-xs-top-1 {
  padding-top: 1rem;
}

.pad-xs-top-2 {
  padding-top: 2rem;
}

.pad-xs-top-3 {
  padding-top: 3rem;
}

.pad-xs-top-4 {
  padding-top: 4rem;
}

.pad-xs-top-5 {
  padding-top: 5rem;
}

.pad-xs-top-6 {
  padding-top: 6rem;
}

.pad-xs-top-7 {
  padding-top: 7rem;
}

.pad-xs-top-8 {
  padding-top: 8rem;
}

.pad-xs-top-9 {
  padding-top: 9rem;
}

.pad-xs-top-10 {
  padding-top: 10rem;
}

.pad-xs-top-11 {
  padding-top: 15rem;
}

.pad-xs-top-12 {
  padding-top: 20rem;
}

/*!
 * -----------------------------------------------------
 * Bottom
 * -----------------------------------------------------
 */
.pad-xs-bot-0 {
  padding-bottom: 0rem;
}

.pad-xs-bot-1 {
  padding-bottom: 1rem;
}

.pad-xs-bot-2 {
  padding-bottom: 2rem;
}

.pad-xs-bot-3 {
  padding-bottom: 3rem;
}

.pad-xs-bot-4 {
  padding-bottom: 4rem;
}

.pad-xs-bot-5 {
  padding-bottom: 5rem;
}

.pad-xs-bot-6 {
  padding-bottom: 6rem;
}

.pad-xs-bot-7 {
  padding-bottom: 7rem;
}

.pad-xs-bot-8 {
  padding-bottom: 8rem;
}

.pad-xs-bot-9 {
  padding-bottom: 9rem;
}

.pad-xs-bot-10 {
  padding-bottom: 10rem;
}

.pad-xs-bot-11 {
  padding-bottom: 15rem;
}

.pad-xs-bot-12 {
  padding-bottom: 20rem;
}

@media only screen and (min-width: 768px) {
  .pad-sm-0 {
    padding: 0rem 0;
  }
  .pad-sm-1 {
    padding: 1rem 0;
  }
  .pad-sm-2 {
    padding: 2rem 0;
  }
  .pad-sm-3 {
    padding: 3rem 0;
  }
  .pad-sm-4 {
    padding: 4rem 0;
  }
  .pad-sm-5 {
    padding: 5rem 0;
  }
  .pad-sm-6 {
    padding: 6rem 0;
  }
  .pad-sm-7 {
    padding: 7rem 0;
  }
  .pad-sm-8 {
    padding: 8rem 0;
  }
  .pad-sm-9 {
    padding: 9rem 0;
  }
  .pad-sm-10 {
    padding: 10rem 0;
  }
  .pad-sm-11 {
    padding: 15rem 0;
  }
  .pad-sm-12 {
    padding: 20rem 0;
  }
  .pad-sm-top-0 {
    padding-top: 0rem;
  }
  .pad-sm-top-1 {
    padding-top: 1rem;
  }
  .pad-sm-top-2 {
    padding-top: 2rem;
  }
  .pad-sm-top-3 {
    padding-top: 3rem;
  }
  .pad-sm-top-4 {
    padding-top: 4rem;
  }
  .pad-sm-top-5 {
    padding-top: 5rem;
  }
  .pad-sm-top-6 {
    padding-top: 6rem;
  }
  .pad-sm-top-7 {
    padding-top: 7rem;
  }
  .pad-sm-top-8 {
    padding-top: 8rem;
  }
  .pad-sm-top-9 {
    padding-top: 9rem;
  }
  .pad-sm-top-10 {
    padding-top: 10rem;
  }
  .pad-sm-top-11 {
    padding-top: 15rem;
  }
  .pad-sm-top-12 {
    padding-top: 20rem;
  }
  .pad-sm-bot-0 {
    padding-bottom: 0rem;
  }
  .pad-sm-bot-1 {
    padding-bottom: 1rem;
  }
  .pad-sm-bot-2 {
    padding-bottom: 2rem;
  }
  .pad-sm-bot-3 {
    padding-bottom: 3rem;
  }
  .pad-sm-bot-4 {
    padding-bottom: 4rem;
  }
  .pad-sm-bot-5 {
    padding-bottom: 5rem;
  }
  .pad-sm-bot-6 {
    padding-bottom: 6rem;
  }
  .pad-sm-bot-7 {
    padding-bottom: 7rem;
  }
  .pad-sm-bot-8 {
    padding-bottom: 8rem;
  }
  .pad-sm-bot-9 {
    padding-bottom: 9rem;
  }
  .pad-sm-bot-10 {
    padding-bottom: 10rem;
  }
  .pad-sm-bot-11 {
    padding-bottom: 15rem;
  }
  .pad-sm-bot-12 {
    padding-bottom: 20rem;
  }
}

@media only screen and (min-width: 992px) {
  .pad-md-0 {
    padding: 0rem 0;
  }
  .pad-md-1 {
    padding: 1rem 0;
  }
  .pad-md-2 {
    padding: 2rem 0;
  }
  .pad-md-3 {
    padding: 3rem 0;
  }
  .pad-md-4 {
    padding: 4rem 0;
  }
  .pad-md-5 {
    padding: 5rem 0;
  }
  .pad-md-6 {
    padding: 6rem 0;
  }
  .pad-md-7 {
    padding: 7rem 0;
  }
  .pad-md-8 {
    padding: 8rem 0;
  }
  .pad-md-9 {
    padding: 9rem 0;
  }
  .pad-md-10 {
    padding: 10rem 0;
  }
  .pad-md-11 {
    padding: 15rem 0;
  }
  .pad-md-12 {
    padding: 20rem 0;
  }
  .pad-md-top-0 {
    padding-top: 0rem;
  }
  .pad-md-top-1 {
    padding-top: 1rem;
  }
  .pad-md-top-2 {
    padding-top: 2rem;
  }
  .pad-md-top-3 {
    padding-top: 3rem;
  }
  .pad-md-top-4 {
    padding-top: 4rem;
  }
  .pad-md-top-5 {
    padding-top: 5rem;
  }
  .pad-md-top-6 {
    padding-top: 6rem;
  }
  .pad-md-top-7 {
    padding-top: 7rem;
  }
  .pad-md-top-8 {
    padding-top: 8rem;
  }
  .pad-md-top-9 {
    padding-top: 9rem;
  }
  .pad-md-top-10 {
    padding-top: 10rem;
  }
  .pad-md-top-11 {
    padding-top: 15rem;
  }
  .pad-md-top-12 {
    padding-top: 20rem;
  }
  .pad-md-bot-0 {
    padding-top: 0rem;
  }
  .pad-md-bot-1 {
    padding-bottom: 1rem;
  }
  .pad-md-bot-2 {
    padding-bottom: 2rem;
  }
  .pad-md-bot-3 {
    padding-bottom: 3rem;
  }
  .pad-md-bot-4 {
    padding-bottom: 4rem;
  }
  .pad-md-bot-5 {
    padding-bottom: 5rem;
  }
  .pad-md-bot-6 {
    padding-bottom: 6rem;
  }
  .pad-md-bot-7 {
    padding-bottom: 7rem;
  }
  .pad-md-bot-8 {
    padding-bottom: 8rem;
  }
  .pad-md-bot-9 {
    padding-bottom: 9rem;
  }
  .pad-md-bot-10 {
    padding-bottom: 10rem;
  }
  .pad-md-bot-11 {
    padding-bottom: 15rem;
  }
  .pad-md-bot-12 {
    padding-bottom: 20rem;
  }
}

@media only screen and (min-width: 1200px) {
  .pad-lg-0 {
    padding: 0rem 0;
  }
  .pad-lg-1 {
    padding: 1rem 0;
  }
  .pad-lg-2 {
    padding: 2rem 0;
  }
  .pad-lg-3 {
    padding: 3rem 0;
  }
  .pad-lg-4 {
    padding: 4rem 0;
  }
  .pad-lg-5 {
    padding: 5rem 0;
  }
  .pad-lg-6 {
    padding: 6rem 0;
  }
  .pad-lg-7 {
    padding: 7rem 0;
  }
  .pad-lg-8 {
    padding: 8rem 0;
  }
  .pad-lg-9 {
    padding: 9rem 0;
  }
  .pad-lg-10 {
    padding: 10rem 0;
  }
  .pad-lg-11 {
    padding: 15rem 0;
  }
  .pad-lg-12 {
    padding: 20rem 0;
  }
  
  .pad-lg-about {
    padding: 20rem 0 15rem;
  }
  .pad-lg-top-0 {
    padding-top: 0rem;
  }
  .pad-lg-top-1 {
    padding-top: 1rem;
  }
  .pad-lg-top-2 {
    padding-top: 2rem;
  }
  .pad-lg-top-3 {
    padding-top: 3rem;
  }
  .pad-lg-top-4 {
    padding-top: 4rem;
  }
  .pad-lg-top-5 {
    padding-top: 5rem;
  }
  .pad-lg-top-6 {
    padding-top: 6rem;
  }
  .pad-lg-top-7 {
    padding-top: 7rem;
  }
  .pad-lg-top-8 {
    padding-top: 8rem;
  }
  .pad-lg-top-9 {
    padding-top: 9rem;
  }
  .pad-lg-top-10 {
    padding-top: 10rem;
  }
  .pad-lg-top-11 {
    padding-top: 15rem;
  }
  .pad-lg-top-12 {
    padding-top: 20rem;
  }
  .pad-lg-bot-0 {
    padding-bottom: 0rem;
  }
  .pad-lg-bot-1 {
    padding-bottom: 1rem;
  }
  .pad-lg-bot-2 {
    padding-bottom: 2rem;
  }
  .pad-lg-bot-3 {
    padding-bottom: 3rem;
  }
  .pad-lg-bot-4 {
    padding-bottom: 4rem;
  }
  .pad-lg-bot-5 {
    padding-bottom: 5rem;
  }
  .pad-lg-bot-6 {
    padding-bottom: 6rem;
  }
  .pad-lg-bot-7 {
    padding-bottom: 7rem;
  }
  .pad-lg-bot-8 {
    padding-bottom: 8rem;
  }
  .pad-lg-bot-9 {
    padding-bottom: 9rem;
  }
  .pad-lg-bot-10 {
    padding-bottom: 10rem;
  }
  .pad-lg-bot-11 {
    padding-bottom: 15rem;
  }
  .pad-lg-bot-12 {
    padding-bottom: 20rem;
  }
}

/*!
 * -----------------------------------------------------
 * Nav
 * -----------------------------------------------------
 */
nav + div {
  margin-top: 11rem !important;
}

.hidden {
  display: none !important;
}

.menu-header-container {
  padding-top: 5px;
  float: right;
}

nav {
  width: 100%;
  max-width: 1600px;
  height: 65px;
  /* padding: 3rem 4rem 0 4rem; */
  border-bottom: 1px solid rgba(63, 74, 82, 0.2);
  display: block;
  position: fixed;
  z-index:999999;
  top: 0;
  background-color: #fff;
  transition: background 0.5s;
}

nav img.logo {
  max-width: 184px;
}

nav ul {
  height: 100%;
}

nav ul li {
  float: left;
  padding: 0 1.5em;
  height: 100%;
  position: relative;
}

nav ul li a {
  color: #3F4A52;
  text-transform: uppercase;
  transition: color 0.2s;
  font-weight:600;
}

nav ul li.current-menu-item a, .current-menu-parent > a, .current_page {
  color: #ff9900;
}

nav ul li a:hover, nav ul li a:focus {
  text-decoration: none;
  color: #ff9900;
}

/*!
 * -----------------------------------------------------
 * Drop Down Nav
 * -----------------------------------------------------
 */
nav ul ul {
  width: 100%;
  min-width: 17rem;
  height: auto;
  border-left: 1px solid #E7EBEF;
  border-right: 1px solid #E7EBEF;
  border-bottom: 1px solid #E7EBEF;
  background-color: #ffffff;
  opacity: 0;
  margin-top: 4.1rem;
  margin-left: -1rem;
  padding: 0;
  position: absolute;
  pointer-events: none;
  -webkit-box-shadow: 0 0.5rem 1rem rgba(63, 74, 82, 0.12);
  -moz-box-shadow: 0 0.5rem 1rem rgba(63, 74, 82, 0.12);
  box-shadow: 0 0.5rem 1rem rgba(63, 74, 82, 0.12);
  -webkit-transition: opacity 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s;
  transition: opacity 0.2s ease 0s;
}

nav ul ul li {
  width: 100%;
  line-height: 30px;
  padding: 0;
}

nav ul ul li:hover {
  background-color: #F3F5F6;
  color: #3F4A52;
}

nav ul ul li a {
  width: 100%;
  padding: 1rem 2rem;
  display: inline-block;
}

nav ul li:hover ul {
  opacity: 1;
  pointer-events: all;
  -webkit-transition: opacity 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s;
  transition: opacity 0.2s ease 0s;
}

nav ul li:hover ul {
  opacity: 1;
  pointer-events: all;
  -webkit-transition: opacity 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s;
  transition: opacity 0.2s ease 0s;
}

/*!
 * -----------------------------------------------------
 * Mobile Nav
 * -----------------------------------------------------
 */
.mobile-nav {
  width: 32px;
  margin: 1.8rem 0 0 0;
}

.mobile-nav .mobile-nav-icon {
  width: 100%;
  height: 2rem;
  max-width: 26px;
  float: left;
  position: relative;
  z-index: 210;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

.mobile-nav .mobile-nav-icon.open .mobile-nav-icon-line {
  background-color: #ffffff;
}

.mobile-nav--container {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  right: -100%;
  z-index: 200;
  -webkit-transition: right 0.2s ease 0s;
  -moz-transition: right 0.2s ease 0s;
  -ms-transition: right 0.2s ease 0s;
  -o-transition: right 0.2s ease 0s;
  transition: right 0.2s ease 0s;
}

.mobile-nav--container.open {
  right: 0;
}

.mobile-nav--container .mobile-nav--overflow {
  height: 100%;
  overflow-y: auto;
  z-index: 200;
  background-color: #3F4A52;
}

.mobile-nav--container .mobile-nav--overflow .mobile-nav--content-container {
  position: relative;
  top: 0;
}

.mobile-nav--container .mobile-nav--overflow .mobile-nav--content-container .mobile-nav--content {
  padding-left: 30px;
  padding-right: 60px;
}

.mobile-nav--container .mobile-nav--overflow .mobile-nav--content-container .mobile-nav--content .logo {
  margin: 3rem 0 3rem 0;
}

.mobile-nav--container .mobile-nav--overflow .mobile-nav--content-container .mobile-nav--content .get-started {
  margin: 3rem 0;
  background-color: #ff9900;
  color: #ffffff;
}

.mobile-nav--container .mobile-nav--overflow .mobile-nav--content-container .mobile-nav--content .menu {
  width: 100%;
}

.mobile-nav--container .mobile-nav--overflow .mobile-nav--content-container .mobile-nav--content .menu .menu-item {
  width: 100%;
  float: left;
  text-align: left;
  padding: 1.5rem 1rem;
}

.mobile-nav--container .mobile-nav--overflow .mobile-nav--content-container .mobile-nav--content .menu .menu-item.has_sub_nav:after {
  content: "";
  font-family: 'wm15';
  color: #ffffff;
  font-size: 2rem;
  position: absolute;
  top: 1rem;
  right: -3rem;
  transform: rotate(90deg);
  -webkit-transition: transform 0.5s ease 0s;
  -moz-transition: transform 0.5s ease 0s;
  -ms-transition: transform 0.5s ease 0s;
  -o-transition: transform 0.5s ease 0s;
  transition: transform 0.5s ease 0s;
}

.mobile-nav--container .mobile-nav--overflow .mobile-nav--content-container .mobile-nav--content .menu .menu-item.open.has_sub_nav:after {
  transform: rotate(-90deg);
}

.mobile-nav--container .mobile-nav--overflow .mobile-nav--content-container .mobile-nav--content .menu .menu-item ul.drop-down {
  height: 0;
  position: relative;
  opacity: 1;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0);
  border: none;
  margin-top: 0rem;
  margin-left: 0;
  box-shadow: none;
  color: #e7ebef;
  -webkit-transition: height 0.2s ease 0s;
  -moz-transition: height 0.2s ease 0s;
  -ms-transition: height 0.2s ease 0s;
  -o-transition: height 0.2s ease 0s;
  transition: height 0.2s ease 0s;
}

.mobile-nav--container .mobile-nav--overflow .mobile-nav--content-container .mobile-nav--content .menu .menu-item ul.drop-down.open {
  height: 190px;
  margin-top: 1rem;
}

.mobile-nav--container .mobile-nav--overflow .mobile-nav--content-container .mobile-nav--content .menu .menu-item ul.drop-down li {
  height: auto;
}

.mobile-nav--container .mobile-nav--overflow .mobile-nav--content-container .mobile-nav--content .menu .menu-item ul.drop-down li:hover {
  background-color: rgba(255, 255, 255, 0);
  color: #ffffff;
}

.mobile-nav--container .mobile-nav--overflow .mobile-nav--content-container .mobile-nav--content .menu .menu-item a {
  color: #ffffff;
}

.mobile-nav--container .mobile-nav--overflow .mobile-nav--content-container .mobile-nav--content .menu .menu-item.current_page_item a {
  color: #ff9900;
}

main.shop-nav-on nav .container .mobile-nav--container .mobile-nav--overflow .mobile-nav--content-container .mobile-nav--content .logo {
  margin: 11rem 0 3rem 0;
}

.mobile-nav .mobile-nav-icon .mobile-nav-icon-line {
  width: 100%;
  height: 2px;
  float: left;
  margin: 0 0 4px 0;
  background-color: rgba(63, 74, 82, 0.9);
  display: block;
  position: absolute;
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.mobile-nav .mobile-nav-icon .mobile-nav-icon-line:last-child {
  width: 100%;
  height: 2px;
  float: left;
  margin: 0;
}

.mobile-nav .mobile-nav-icon .mobile-nav-icon-line:nth-child(1) {
  top: 0px;
}

.mobile-nav .mobile-nav-icon .mobile-nav-icon-line:nth-child(2), .mobile-nav .mobile-nav-icon .mobile-nav-icon-line:nth-child(3) {
  top: 6px;
}

.mobile-nav .mobile-nav-icon .mobile-nav-icon-line:nth-child(4) {
  top: 12px;
}

.mobile-nav .mobile-nav-icon.open .mobile-nav-icon-line:nth-child(1) {
  top: 6px;
  opacity: 0;
}

.mobile-nav .mobile-nav-icon.open .mobile-nav-icon-line:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mobile-nav .mobile-nav-icon.open .mobile-nav-icon-line:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.mobile-nav .mobile-nav-icon.open .mobile-nav-icon-line:nth-child(4) {
  top: 6px;
  opacity: 0;
}

/*!
 * -----------------------------------------------------
 * Shop Nav
 * -----------------------------------------------------
 */
.shop-nav {
  width: 100%;
  height: 80px;
  float: left;
  position: relative;
  border-bottom: 1px solid rgba(63, 74, 82, 0.2);
  display: block;
  background-color: #ffffff;
  transition: background 0.5s;
}

.shop-nav .shop-nav--container .shop-nav--ul {
  width: 80px;
  height: 79px;
  display: block;
  list-style: none;
  right: 0;
  overflow: hidden;
  position: absolute;
}

.shop-nav .shop-nav--container .shop-nav--ul .noto--btn {
  width: 80px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  padding: 1.8rem 3.5rem;
  margin: 0;
  border-left: 1px solid rgba(63, 74, 82, 0.2);
  background-color: rgba(255, 255, 255, 0);
  background-image: url("../images/notification.svg");
  background-repeat: no-repeat;
  background-position: center;
  font-size: 1.4rem;
}

.shop-nav .shop-nav--container .shop-nav--ul .noto--btn:hover {
  background-color: #fafafa;
  text-decoration: none;
}

.shop-nav .shop-nav--container .shop-nav--ul .shoping-cart {
  width: 80px;
  height: 100%;
  position: absolute;
  top: 0;
  right: -8.1rem;
  cursor: pointer;
  padding: 1.8rem 3.5rem;
  margin: 0;
  border-left: 1px solid rgba(63, 74, 82, 0.2);
  background-color: rgba(255, 255, 255, 0);
  background-image: url("../images/cart-black.svg");
  background-repeat: no-repeat;
  background-position: center;
  font-size: 1.4rem;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}

.shop-nav .shop-nav--container .shop-nav--ul .shoping-cart:hover {
  background-color: #fafafa;
  text-decoration: none;
}

.shop-nav .shop-nav--container .shop-nav--ul .shoping-cart.open {
  right: 0rem;
}

.shop-nav .shop-nav--container .widget_shopping_cart {
  display: none;
}

.shop-nav .shop-nav--container .widget_search {
  width: 100%;
  height: 79px;
  float: left;
}

.shop-nav .shop-nav--container .widget_search .search-form {
  width: 100%;
  height: 100%;
}

.shop-nav .shop-nav--container .widget_search .search-form label {
  width: 100%;
  height: 100%;
  float: left;
}

.shop-nav .shop-nav--container .widget_search .search-form label span {
  display: none;
}

.shop-nav .shop-nav--container .widget_search .search-form label .search-field {
  width: 100%;
  height: 100%;
  display: block;
  border: none;
  outline: none;
  font-size: 2rem;
  font-weight: 300;
  padding: 0 0 0 2rem;
}

.shop-nav .shop-nav--container .widget_search .search-form label .search-field::-webkit-input-placeholder {
  color: transparent;
  text-indent: -9999px;
  background-image: url("../images/sh.svg");
  background-size: 26px;
  background-repeat: no-repeat;
  background-position: 0 0%;
}

.shop-nav .shop-nav--container .widget_search .search-form label .search-field::-moz-input-placeholder {
  color: transparent;
  text-indent: -9999px;
  background-image: url("../images/sh.svg");
  background-size: 26px;
  background-repeat: no-repeat;
  background-position: 0 50%;
}

.shop-nav .shop-nav--container .widget_search .search-form label .search-field:-moz-input-placeholder {
  color: transparent;
  text-indent: -9999px;
  background-image: url("../images/sh.svg");
  background-size: 26px;
  background-repeat: no-repeat;
  background-position: 0 50%;
}

.shop-nav .shop-nav--container .widget_search .search-form label .search-field::-ms-input-placeholder {
  color: transparent;
  text-indent: -9999px;
  background-image: url("../images/sh.svg");
  background-size: 26px;
  background-repeat: no-repeat;
  background-position: 0 50%;
}

.shop-nav .shop-nav--container .widget_search .search-form input {
  height: 100%;
  float: left;
  display: none;
}

.shop-nav .shop-nav--container .product_list_widget {
  float: right;
  list-style: none;
}

.counet {
  font-size: 1rem;
  background-color: #ff9900;
  padding: 0.2rem 0.5rem;
  color: #ffffff;
  border-radius: 100%;
  margin: 0 0 0 10px;
}

@media only screen and (min-width: 320px) {
 
  header {
    margin-top: 6rem;
  }
}
}

@media only screen and (min-width: 768px) {
  .menu-header-container {
    display: none;
  }
}

@media only screen and (min-width: 992px) {
  nav {
    padding: 0.5rem 4rem 0 4rem;
  }
  .menu-header-container {
    display: block;
  }

}

/*!
 * -----------------------------------------------------
 * Cookie bar
 * -----------------------------------------------------
 */
#cookie-law-bar {
  right: 0 !important;
  left: 0 !important;
  max-width: 1600px;
  margin: 0 auto;
  padding: 1.5rem 0 !important;
}

#cookie-law-bar p {
  margin: 0;
  display: inline;
}

#cookie-law-bar button#cookie-law-btn {
  background: #ff9900;
  color: #fff;
  padding: 0.4rem 3rem;
  font-size: 1.4rem;
  font-family: 'SF UI Display', sans-serif;
  cursor: pointer;
  text-decoration: none;
  color: #ffffff;
  border-radius: 0;
  text-transform: uppercase;
  -webkit-transition: all .25s;
  -moz-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
  font-weight: 400;
}

/*!
 * -----------------------------------------------------
 * Button
 * -----------------------------------------------------
 */
.btn {
  padding: 1.4rem 3rem;
  font-size: 1.4rem;
  font-family: 'SF UI Display', sans-serif;
  cursor: pointer;
  text-decoration: none;
  color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 0;
  text-transform: uppercase;
  -webkit-transition: all .25s;
  -moz-transition: all .25s;
  -o-transition: all .25s;
  transition: all .25s;
}

.app {
  background-image: url("../images/store.png");
  width: 182px;
  height: 50px;
  display: block;
}

.btn:hover {
  border-color: #ff9900;
  background-color: #ff9900;
}

.btn-close {
  color: #ffffff;
  font-weight: 100;
  font-size: 5rem;
  margin: 1em 0 0 1em;
  cursor: pointer;
}

.btn-close:hover {
  color: #ffffff;
  text-decoration: none;
}

.btn.btn-blue {
  border-color: #ff9900;
  background-color: #ff9900;
}

.btn.btn-blue:hover {
  color: #ffffff;
}

.btn.btn-ghost.btn-blue {
  color: #ff9900;
}

.btn.btn-ghost.btn-blue:hover {
  color: #ffffff;
}

.btn.btn-blue:hover {
  border-color: #008aeb;
  background-color: #008aeb;
}

.btn.btn-green {
  border-color: #16cc53;
  background-color: #16cc53;
  color: #ffffff;
}

.btn.btn-green:hover {
  border-color: #14b54a;
  background-color: #14b54a;
}

.btn.btn-ghost.btn-green {
  color: #16cc53;
}

.btn.btn-ghost.btn-green:hover {
  color: #ffffff;
}

.btn.btn-white {
  border-color: #ffffff;
  background-color: #ffffff;
  color: #000;
}

.btn.btn-ghost.btn-white {
  color: #ffffff;
}

.btn.btn-ghost.btn-white:hover {
  color: #000;
}

.btn.btn-white:hover {
  border-color: #eeeeee;
  background-color: #eeeeee;
}

.btn.btn-ghost {
  background-color: transparent;
}

.get-started {
  margin-top: 0rem;
  margin-left: 1rem;
  cursor: pointer;
}

/*!
 * -----------------------------------------------------
 * Input
 * -----------------------------------------------------
 */
form.form-container {
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
  background-color: #ffffff;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
}

form.form-container.page {
  -webkit-box-shadow: 0 0.2rem 1rem rgba(63, 74, 82, 0.12);
  -moz-box-shadow: 0 0.2rem 1rem rgba(63, 74, 82, 0.12);
  box-shadow: 0 0.2rem 1rem rgba(63, 74, 82, 0.12);
}

form.form-container.page .fhead {
  margin: 0;
}

form.form-container .fhead {
  width: 100%;
  background-color: #ff9900;
  text-align: center;
  color: #ffffff;
  padding: 23px 0;
  margin: 0;
}

form.form-container .fbody {
  width: 100%;
  padding: 3rem;
  display: inline-block;
}

.input-container, .field-wrap {
  width: 100%;
  min-height: 50px;
  float: left;
  position: relative;
  border: 1px solid #C5CBD0;
  background-color: #ffffff;
  margin-bottom: 3rem;
  position: relative;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}

.input-container.has-error {
  margin-bottom: 5rem;
}

.input-container.has-error .form-error {
  position: absolute;
  top: 5.5rem;
}

.input-container.is-completed.password, .input-container.is-active.password, .input-container.password.has-error {
  margin-bottom: 5rem;
}

.input-container.is-completed.password .strength-meter, .input-container.is-active.password .strength-meter, .input-container.password.has-error .strength-meter {
  position: absolute;
  top: 5.5rem;
  left: 0;
  border: none !important;
  font-weight: 800 !important;
  padding: 1rem 1rem !important;
  font-size: 1rem !important;
  text-transform: uppercase;
}

.input-container.password.has-error {
  margin-bottom: 5rem;
}

.input-container.password.has-error .strength-meter {
  position: absolute;
  top: 5.5rem;
  left: 0;
}

.input-container.password.has-error .form-error {
  position: absolute;
  top: 5.8rem;
  left: 8rem;
}

.input-container.small {
  width: 100%;
  margin: 0 0 3rem 0;
}

@media only screen and (min-width: 992px) {
  form.form-container.page .fhead {
    margin: -153px 0 0 0;
  }
  .input-container.small {
    width: 25%;
    margin: 0 1rem 0 0;
  }
}

.field-wrap.submit-wrap {
  width: auto;
  min-height: 50px;
  float: left;
  position: relative;
  border: none;
  background-color: rgba(255, 255, 255, 0);
  margin-bottom: 3rem;
}

.ninja-forms-required-items {
  float: left;
  margin-bottom: 3rem;
}
.enquiry-frm .col-xs-12.col-lg-6 .input-container select {
    background: url(../images/custom-select.png) no-repeat scroll 100% center;
}
.col-xs-12.col-lg-6.captcha-img .col-xs-12.col-lg-6:first-child .input-container:after {background:none;}
.enquiry-frm.white-gr .fbody.col-xs-12.col-lg-12 .col-xs-12.col-lg-6:nth-child(odd) {
    margin-right: 50px;
    width: 45%;
    padding: 0px;
}
.enquiry-frm.white-gr .fbody.col-xs-12.col-lg-12 .col-xs-12.col-lg-6:nth-child(even) {
    margin-left: 50px;
    width: 45%;
    padding: 0px;
}
.enquiry-frm.white-gr .fbody.col-xs-12.col-lg-12 .col-xs-12.col-lg-6.captcha-img .col-xs-12.col-lg-6:first-child{margin-right: 0px;width: 50%;padding-right: 15px;}
.enquiry-frm.white-gr .fbody.col-xs-12.col-lg-12 .col-xs-12.col-lg-6.captcha-img .col-xs-12.col-lg-6:last-child{margin-left: 0px;width: 50%;padding-left: 15px;}

.enquiry-frm .col-xs-12.col-lg-6:first-child .input-container:after {
    content: " ";
    background: url(../images/custom-select.png) center no-repeat #fff;
    display: block;
    height: 60px;
    width: 26px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 9;
    cursor: pointer;
    pointer-events: none;
    -ms-pointer-events: none;
    -webkit-pointer-events: none;
}
.input-container .input-type, .field-wrap input[type=text].ninja-forms-field, .field-wrap input[type=email].ninja-forms-field, .field-wrap input[type=tal].ninja-forms-field, .field-wrap input[type=number].ninja-forms-field, .field-wrap textarea.ninja-forms-field {
    width: 100%;
    box-sizing: border-box;
    padding: 21px 0 21px 1em;
    min-height: 60px;
    max-height: 60px;
    float: left;
    border: none;
    outline: none;
    font-size: 1.4rem;
    font-family: 'SF UI Display', sans-serif;
    background-color: transparent;
    -webkit-appearance: none;
    text-align: left;
}

abbr[title], acronym[title] {
    text-decoration: none !important;
}

form.form-container .fbody .input-select {
  width: 100%;
  height: 50px;
  font-size: 1.4rem;
  font-family: 'SF UI Display', sans-serif;
  margin-bottom: 2em;
  padding: 0 0 0 1em;
  float: left;
  box-sizing: border-box;
  border: 1px solid #C5CBD0;
  border-radius: 0;
  outline: none;
  background-color: #ffffff;
  -webkit-appearance: none;
}

.input-container .input-label, .field-wrap label {
  position: absolute;
  top: 1.4rem;
  left: 1em;
  font-size: 1.4rem;
  color: rgba(0, 0, 0, 0.5);
  pointer-events: none;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}

.input-container .input-label abbr.required, .field-wrap label abbr.required {
  border: none;
}

.ninja-forms-req-symbol {
  color: rgba(0, 0, 0, 0.5);
  font-size: 1.4rem;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  -webkit-transition: 0.2s ease all;
}

.input-submit, input[type=supmit] {
  margin: 0 auto;
  display: block;
  width: auto;
  min-height: auto;
  float: left;
  position: relative;
  border: none;
  margin-bottom: 3rem;
}

.input-type:focus ~ .input-label, .input-type:valid ~ .input-label {
  top: 0.6em;
  left: 1.3em;
  font-size: 1rem;
}

.is-active.is-completed .input-label{
  top: 0.6em;
  left: 1.3em;
  font-size: 1rem;
}

.is-active {
  border: 1px solid #16cc53;
}

.is-active label.input-label {
  color: #ff9900;
}

.s-hidden {
  visibility: hidden;
  padding-right: 10px;
}

.select {
  cursor: pointer;
  display: inline-block;
  width: 100%;
  height: 50px;
  float: left;
  position: relative;
  border: 1px solid #C5CBD0;
  background-color: #ffffff;
  margin-bottom: 3rem;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}

.select.active {
  border: 1px solid #3F4A52;
}

.select .styledSelect {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
  padding: 17px 0 5px 1em;
  font-size: 1.4rem;
  color: rgba(0, 0, 0, 0.5);
  font-weight: bold;
  -webkit-transition: border 0.2s ease 0s;
  -moz-transition: border 0.2s ease 0s;
  -ms-transition: border 0.2s ease 0s;
  -o-transition: border 0.2s ease 0s;
  transition: border 0.2s ease 0s;
}

.select .styledSelect:after {
  content: "";
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-color: black transparent transparent transparent;
  position: absolute;
  top: 23px;
  right: 10px;
}

.select ul.options {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 999;
  margin: 1rem 0 0 0;
  padding: 0 0;
  list-style: none;
  border: 1px solid #E7EBEF;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0.2rem 1rem rgba(63, 74, 82, 0.12);
  -moz-box-shadow: 0 0.2rem 1rem rgba(63, 74, 82, 0.12);
  box-shadow: 0 0.2rem 1rem rgba(63, 74, 82, 0.12);
}

.select ul.options:before, .select ul.options:after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
}

.select ul.options:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 6px solid #E7EBEF;
  top: -7px;
}

.select ul.options:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  top: -6px;
}

.select ul.options li {
  margin: 0 0;
  padding: 1.5rem 2rem;
}

.select ul.options li:hover {
  background-color: #F3F5F6;
  color: #3F4A52;
}

/*!
 * -----------------------------------------------------
 * Usp
 * -----------------------------------------------------
 */
.usp-list {
  margin-bottom: 5rem;
  list-style: none;
}

.usp-list li {
  padding: 2rem 0 0 0;
	display: inline-block;
}

.usp-list li:first-child {
  margin: 0;
}
.usp-list li {
    font-weight: 400;
    position: relative;
    cursor: default;
    color: #3F4A52;
    padding-left: 0px;
    margin-top: 20px;
    padding-top: 0px;
	display: flex;
}
.usp-list li i {
    float: left;
    margin-right: 8px !important;
}
.usp-list li i:before {
    font-size: 9px;
    line-height: 24px;
    color: #ff922b;
}
.usp-list p {
	float:left;
    font-weight: 400;
    position: relative;
    cursor: default;
    color: #777;
    padding-left: 10px;
    margin-top: 0px;
	margin-bottom:0px;
    padding-top: 0px;
}

.usp-list li a {
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  padding-left: 3rem;
  cursor: default;
  color: #3F4A52;
}

.usp-list li a:hover {
  text-decoration: none;
}

.usp-list li a span {
  font-size: 1.4rem;
  width: 80%;
  float: left;
}

.usp-list li a span.icon {
  font-size: 2.4rem;
  width: 2.8rem;
  text-align: left;
}

/*!
 * -----------------------------------------------------
 * Usp colors
 * -----------------------------------------------------
 */
ul.usp-list.color-gray li a span.icon {
  color: #e7ebef;
}

ul.usp-list.color-white li a span.icon {
  color: #ffffff;
}

ul.usp-list.color-white-half li a span.icon {
  color: rgba(255, 255, 255, 0.7);
}

ul.usp-list.color-venue-gray li a span.icon {
  color: #9ca9b2;
}

ul.usp-list.color-drak-half li a span.icon {
  color: rgba(63, 74, 82, 0.5);
}

ul.usp-list.color-dark li a span.icon {
  color: #3F4A52;
}

ul.usp-list.color-blue li a span.icon {
  color: #ff9900;
}

ul.usp-list.color-blue-drak li a span.icon {
  color: #214a97;
}

ul.usp-list.color-green li a span.icon {
  color: #16cc53;
}

ul.usp-list.color-sports-green li a span.icon {
  color: #82c655;
}

ul.usp-list.color-digital-blue li a span.icon {
  color: #57c3ce;
}

ul.usp-list.color-purple li a span.icon {
  color: #9f8be8;
}

ul.usp-list.color-pink li a span.icon {
  color: #d861a5;
}

ul.usp-list.color-red li a span.icon {
  color: #dd3b50;
}

ul.usp-list.color-brown li a span.icon {
  color: #d39871;
}

/*!
 * -----------------------------------------------------
 * List
 * -----------------------------------------------------
 */
.pricing-container h3.hr-white:before {
  margin: 0 0 2rem 0;
}

.pricing-list {
  width: 100%;
  list-style: none;
  margin: 0 0 2rem 0;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0.2rem 1rem rgba(63, 74, 82, 0.12);
  -moz-box-shadow: 0 0.2rem 1rem rgba(63, 74, 82, 0.12);
  box-shadow: 0 0.2rem 1rem rgba(63, 74, 82, 0.12);
}

.pricing-list li {
  padding: 1.5rem 3rem;
}

.pricing-list li span {
  width: 100%;
  max-width: 85%;
  display: inline-block;
}

.pricing-list li i.pricing-list--drop-down--icon {
  font-size: 2.5rem;
  transform: rotate(-90deg);
  -webkit-transition: transform 0.5s ease 0s;
  -moz-transition: transform 0.5s ease 0s;
  -ms-transition: transform 0.5s ease 0s;
  -o-transition: transform 0.5s ease 0s;
  transition: transform 0.5s ease 0s;
}

.pricing-list li.pricing-list--header {
  background-color: #ff9900 !important;
  text-align: center;
  color: #ffffff;
  text-transform: none;
  font-size: 2.4rem;
  font-weight: 300;
}

.pricing-list li ul.pricing-list--drop-down {
  list-style: none;
  max-height: 500rem;
  overflow: hidden;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.pricing-list li ul.pricing-list--drop-down li {
  padding: 1.4rem 3rem;
  color: rgba(63, 74, 82, 0.5);
}

.pricing-list li ul.pricing-list--drop-down li:nth-child(odd) {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 0);
}

.pricing-list li ul.pricing-list--drop-down li:last-child {
  padding: 1.5rem 3rem 0.5rem 3rem;
}

.pricing-list li ul.pricing-list--drop-down li:first-child {
  padding: 1.5rem 3rem 1.3rem 3rem;
}

.pricing-list li ul.pricing-list--drop-down li:before {
  content: "– ";
  /* FontAwesome Unicode */
  font-family: 'wm15';
  display: inline-block;
  color: #3f4a52;
  margin-left: 0rem;
  /* same as padding-left set on li */
  width: 2rem;
  /* same as padding-left set on li */
}

.pricing-list li ul.pricing-list--drop-down li.pricing-list--drop-down--content:before {
  content: "";
  /* FontAwesome Unicode */
  font-family: 'wm15';
  display: inline-block;
  color: #3f4a52;
  margin-left: 0rem;
  /* same as padding-left set on li */
  width: 2rem;
  /* same as padding-left set on li */
}

.pricing-list li.list--hidden i.pricing-list--drop-down--icon {
  font-size: 2.5rem;
  transform: rotate(90deg);
  -webkit-transition: transform 0.5s ease 0s;
  -moz-transition: transform 0.5s ease 0s;
  -ms-transition: transform 0.5s ease 0s;
  -o-transition: transform 0.5s ease 0s;
  transition: transform 0.5s ease 0s;
}

.pricing-list li.list--hidden ul.pricing-list--drop-down {
  max-height: 0rem;
}

.pricing-list li a {
  color: #3F4A52;
  -webkit-transition: color 0.2s ease 0s;
  -moz-transition: color 0.2s ease 0s;
  -ms-transition: color 0.2s ease 0s;
  -o-transition: color 0.2s ease 0s;
  transition: color 0.2s ease 0s;
}

.pricing-list li a:hover {
  color: #ff9900;
  text-decoration: none;
}

.pricing-list li:nth-child(odd) {
  background-color: #F3F5F6;
}

.pricing-list li i {
  font-size: 2.5rem;
  margin: 0;
}

.pricing-list-btn {
  margin: 0rem 0 4rem 0;
}

ol {
  list-style-type: none;
  counter-reset: item;
  margin: 0 0 1.5em 0;
  padding: 0;
}

ol > li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}

ol > li:before {
  content: counters(item, ".") ". ";
  display: table-cell;
  padding-right: 0.6em;
}

ol li ol > li:before {
  content: counters(item, ".") " ";
}

ol li h2 {
  font-size: 1.8rem;
  font-weight: 600;
}

/*!
 * -----------------------------------------------------
 * Video
 * -----------------------------------------------------
 */
body.details-active {
  overflow: hidden;
}

body.details-active main {
  -webkit-filter: blur(10px);
  -moz-filter: blur(10px);
  -ms-filter: blur(10px);
  -o-filter: blur(10px);
  filter: blur(10px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

div.details {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(63, 74, 82, 0.95);
  background-color: rgba(46, 55, 61, 0.95);
  color: rgba(255, 255, 255, 0.5);
  display: none;
  cursor: default;
  z-index: 3;
  cursor: url("../images/cursor-close.png"), default;
}

.details-active div.details {
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -ms-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
}

div.details div.inner.active {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  visibility: visible;
  opacity: 1.0;
}

div.details div.inner {
  height: 100%;
  visibility: hidden;
  opacity: 0.0;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transition-delay: 0.0s;
  -moz-transition-delay: 0.0s;
  -ms-transition-delay: 0.0s;
  -o-transition-delay: 0.0s;
  transition-delay: 0.0s;
  position: absolute;
  top: 0;
  left: 0;
}

div.details > .inner {
  display: block;
  position: relative;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  width: 66%;
}

.video-container .video-sizer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.5%;
}

.video-container .video-sizer iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
}

@media only screen and (min-width: 320px) {
  .video-overlay {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .video-overlay .container {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
  }
  .video-overlay .container .info-box-small {
    height: 267px;
  }
  .video-overlay .container div.col-lg-12 {
    padding: 0;
    width: 100%;
  }
  .video-overlay .container div.col-lg-12 div {
    background-color: rgba(31, 163, 255, 0.7);
    max-width: 100%;
  }
  .video-overlay .container div .info-box-small .info-box-small-link {
    right: 3rem;
  }
  .video-is-mobile.details {
    width: 100%;
    height: 100vh;
  }
  .video-is-mobile.details .inner {
    transform: rotate(90deg);
    width: 100%;
  }
  .video-is-mobile.details .inner .video-sizer {
    padding: 40%;
  }
}

@media only screen and (min-width: 768px) {
  .video-overlay .container {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
  }
  .video-overlay .container div.col-lg-12 {
    padding: 0;
    width: 100%;
  }
  .video-overlay .container div.col-lg-12 div {
    background-color: rgba(31, 163, 255, 0.7);
    max-width: 100%;
  }
  .video-overlay .container div .info-box-small .info-box-small-link {
    right: 3rem;
  }
}

@media only screen and (min-width: 992px) {
  .video-overlay {
    width: 100%;
    padding: auto;
    margin: auto;
  }
  .video-overlay .container {
    float: none;
    width: 1170px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
  .video-overlay .container div.col-lg-12 {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
  }
  .video-overlay .container div.col-lg-12 div {
    max-width: 267px;
    background-color: #ff9900;
    background-image: none;
  }
  .video-overlay .container div .info-box-small .info-box-small-link {
    right: 3rem;
  }
}

/*
 @media only screen and (min-width : 1200px) {
   .read-more, .button {
     width: auto;
   }
 }
 */
/*!
 * -----------------------------------------------------
 * Sign-up
 * -----------------------------------------------------
 */
.sign-up-container {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 5;
  background-color: #2e373d;
  transition: opacity 0.2s ease-in-out;
}

.sign-up-container .container {
  height: 100%;
  overflow-y: auto;
  z-index: 200;
}

.sign-up-hidden {
  opacity: 0;
  pointer-events: none;
  z-index: -1;
}

.sign-up-info ul {
  width: 100%;
  list-style: none;
}

.sign-up-info ul li {
  width: 100%;
  padding: 15px 0 14px 30px;
}

.sign-up-info ul li:nth-child(odd) {
  background-color: #384249;
}

.sign-up-in {
  opacity: 1;
  pointer-events: all;
  transform: translate(0, 0);
}

.sign-up-out {
  margin-bottom: 2rem;
  margin-top: 5rem;
}

@media only screen and (min-width: 320px) {
  .sign-up-info {
    margin-top: 0;
  }
}

@media only screen and (min-width: 992px) {
  .sign-up-info {
    margin-top: 8rem;
  }
}

/*!
 * -----------------------------------------------------
 * Images
 * -----------------------------------------------------
 */
.bg-center {
  background-repeat: no-repeat !important;
  background-position: center center;
}

.bg-right {
  background-repeat: no-repeat !important;
  background-position: right center;
}

.bg-right-90 {
  background-repeat: no-repeat !important;
  background-position: 90% center;
}

.bg-right-95 {
  background-repeat: no-repeat !important;
  background-position: 95% center;
}

.bg-right-145 {
  background-repeat: no-repeat !important;
  background-position: 145% center;
}

.bg-left {
  background-repeat: no-repeat !important;
  background-position: left center;
}

.bg-left-90 {
  background-repeat: no-repeat !important;
  background-position: 10% center;
}

.bg-left-95 {
  background-repeat: no-repeat !important;
  background-position: 5% center;
}

.bg-left-145 {
  background-repeat: no-repeat !important;
  background-position: -145% center;
}

.bg-right-xs-90 {
  background-repeat: no-repeat !important;
  background-position: 90% center;
}

.bg-right-xs-95 {
  background-repeat: no-repeat !important;
  background-position: 95% center;
}

.bg-right-xs-145 {
  background-repeat: no-repeat !important;
  background-position: 145% center;
}

.bg-right-xs-360 {
  background-repeat: no-repeat !important;
  background-position: 360px center;
}

.bg-left-xs-90 {
  background-repeat: no-repeat !important;
  background-position: 10% center;
}

.bg-left-xs-95 {
  background-repeat: no-repeat !important;
  background-position: 5% center;
}

.bg-left-xs-145 {
  background-repeat: no-repeat !important;
  background-position: -145% center;
}

.bg-left-xs-360 {
  background-repeat: no-repeat !important;
  background-position: -360px center;
}

.bg-xs-hidden {
  background-size: 0px;
}

.bg-xs-show {
  display: block;
}

.bg-xs-sm {
  background-size: 300px;
}

.bg-xs-md {
  background-size: 400px;
}

.bg-xs-lg {
  background-size: 600px;
}

.bg-xs-xl {
  background-size: 800px;
}

.bg-xs-full {
  background-size: auto;
}

@media only screen and (min-width: 768px) {
  .bg-sm-hidden {
    background-size: 0px;
  }
  .bg-sm-show {
    display: block;
  }
  .bg-sm-sm {
    background-size: 300px;
  }
  .bg-sm-md {
    background-size: 400px;
  }
  .bg-sm-lg {
    background-size: 600px;
  }
  .bg-sm-xl {
    background-size: 800px;
  }
  .bg-sm-full {
    background-size: auto;
  }
  .bg-right-sm-90 {
    background-repeat: no-repeat !important;
    background-position: 90% center;
  }
  .bg-right-sm-95 {
    background-repeat: no-repeat !important;
    background-position: 95% center;
  }
  .bg-right-sm-145 {
    background-repeat: no-repeat !important;
    background-position: 145% center;
  }
  .bg-right-sm-360 {
    background-repeat: no-repeat !important;
    background-position: 360px center;
  }
  .bg-left-sm-90 {
    background-repeat: no-repeat !important;
    background-position: 10% center;
  }
  .bg-left-sm-95 {
    background-repeat: no-repeat !important;
    background-position: 5% center;
  }
  .bg-left-sm-145 {
    background-repeat: no-repeat !important;
    background-position: -145% center;
  }
  .bg-left-lg-360 {
    background-repeat: no-repeat !important;
    background-position: -360px center;
  }
}

@media only screen and (min-width: 992px) {
  .bg-md-hidden {
    background-size: 0px;
  }
  .bg-md-show {
    display: block;
  }
  .bg-md-sm {
    background-size: 300px;
  }
  .bg-md-md {
    background-size: 400px;
  }
  .bg-md-lg {
    background-size: 600px;
  }
  .bg-md-xl {
    background-size: 800px;
  }
  .bg-md-full {
    background-size: auto;
  }
  .bg-right-md-90 {
    background-repeat: no-repeat !important;
    background-position: 90% center;
  }
  .bg-right-md-95 {
    background-repeat: no-repeat !important;
    background-position: 95% center;
  }
  .bg-right-md-145 {
    background-repeat: no-repeat !important;
    background-position: 145% center;
  }
  .bg-right-md-360 {
    background-repeat: no-repeat !important;
    background-position: 360px center;
  }
  .bg-left-md-90 {
    background-repeat: no-repeat !important;
    background-position: 10% center;
  }
  .bg-left-md-95 {
    background-repeat: no-repeat !important;
    background-position: 5% center;
  }
  .bg-left-md-145 {
    background-repeat: no-repeat !important;
    background-position: -145% center;
  }
  .bg-left-md-360 {
    background-repeat: no-repeat !important;
    background-position: -360px center;
  }
}

@media only screen and (min-width: 1200px) {
  .bg-lg-hidden {
    background-size: 0px;
  }
  .bg-lg-show {
    display: block;
  }
  .bg-lg-sm {
    background-size: 300px;
  }
  .bg-lg-md {
    background-size: 400px;
  }
  .bg-lg-lg {
    background-size: 600px;
  }
  .bg-lg-xl {
    background-size: 800px;
  }
  .bg-lg-full {
    background-size: auto;
  }
  .bg-right-lg-90 {
    background-repeat: no-repeat !important;
    background-position: 90% center;
  }
  .bg-right-lg-95 {
    background-repeat: no-repeat !important;
    background-position: 95% center;
  }
  .bg-right-lg-145 {
    background-repeat: no-repeat !important;
    background-position: 145% center;
  }
  .bg-right-lg-360 {
    background-repeat: no-repeat !important;
    background-position: 360px center;
  }
  .bg-left-lg-90 {
    background-repeat: no-repeat !important;
    background-position: 10% center;
  }
  .bg-left-lg-95 {
    background-repeat: no-repeat !important;
    background-position: 5% center;
  }
  .bg-left-lg-145 {
    background-repeat: no-repeat !important;
    background-position: -145% center;
  }
  .bg-left-lg-360 {
    background-repeat: no-repeat !important;
    background-position: -360px center;
  }
}

/*!
 * -----------------------------------------------------
 * Scrollmagic
 * -----------------------------------------------------
 */
.scrollmagic-text div {
  margin-top: 40rem;
}

.scrollmagic-text div:first-child {
  margin-top: 10rem;
}

.scrollmagic-text div:last-child {
  margin-bottom: 10rem;
}

#trigger1 {
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
}

#pin1 {
  width: 350px;
  height: 450px;
  background-repeat: no-repeat;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  transition: background 0.2s ease 0s;
}

.sm-container {
  padding: 0;
}

.sm-container .pin-img {
  height: 42rem;
  background-repeat: no-repeat;
  background-size: 280px;
  background-position: center center;
  transition: background 0.2s;
}

.sm-container .pin-img.pos-1 {
  background-image: url("../images/digital-big-powa.png");
}

.sm-container .pin-img.pos-2 {
  background-image: url("../images/pos-2.png");
}

.sm-container .pin-img.pos-3 {
  background-image: url("../images/pos-3.png");
}

.sm-container > .col-xs-12 {
  padding: 0;
}

@media only screen and (min-width: 320px) {
  .pin-img {
    width: 100%;
    height: 42rem;
  }
  .pin-img.pos-2 {
    display: none;
  }
  .pin-img.pos-3 {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  .pin-img {
    width: 50%;
    height: 42rem;
  }
  .pin-img.pos-2 {
    display: block;
  }
  .pin-img.pos-3 {
    display: block;
  }
}

@media only screen and (min-width: 992px) {
  header .container .col-xs-12 {
    padding: 0 15px;
  }
  .scrollmagic-text div:last-child {
    margin-bottom: 10rem;
  }
}

@media only screen and (min-width: 1200px) {
  .scrollmagic-text div:last-child {
    margin-bottom: 10rem;
  }
}

/*!
 * -----------------------------------------------------
 * Faq
 * -----------------------------------------------------
 */
.faq--question-box {
  width: 100%;
  display: inline-block;
  margin-bottom: 0.2rem;
  overflow: hidden;
}

.faq--question-box .faq--text {
  width: 100%;
  float: left;
  cursor: pointer;
}

.faq--question-box .faq--text .faq--img {
  width: 57px;
  max-width: 57px;
  height: 5rem;
  padding: 1rem 0;
  float: left;
  text-align: center;
}

.faq--question-box .faq--text p {
  float: left;
  line-height: 1rem;
  margin: 0;
  color: #3F4A52;
  padding: 2rem 1rem;
}

.faq--question-box .faq--text span {
  float: right;
  height: 0;
  line-height: 0;
  padding-top: 1.5rem;
  padding-right: 1rem;
}

.faq--question-box .faq--text span i {
  font-size: 2.5rem;
  transform: rotate(-90deg);
  -webkit-transition: transform 0.5s ease 0s;
  -moz-transition: transform 0.5s ease 0s;
  -ms-transition: transform 0.5s ease 0s;
  -o-transition: transform 0.5s ease 0s;
  transition: transform 0.5s ease 0s;
}

.faq--question-box .faq--container {
  float: left;
  max-height: 500px;
  border-left: 57px;
  border-style: solid;
  padding: 1rem 4rem 0 1rem;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}

.faq--question-box p b {
  padding: 0;
}

.faq--question-box.faq--hidden .faq--container {
  max-height: 0;
  padding: 0 4rem 0 1rem;
}

.faq--question-box.faq--hidden .faq--text span i {
  transform: rotate(90deg);
}

.faq--text-content {
  max-width: 600px;
  padding-left: 2rem;
}

/*!
 * -----------------------------------------------------
 * Articles
 * -----------------------------------------------------
 */
.articles {
  padding: 5rem 0rem;
}

.articles h2 {
  max-width: 45rem;
  padding: 0 1.5rem;
}

.articles .hr {
  padding: 0 1.5rem;
}

.articles .hr:before {
  margin: 0 0 5.1rem 0;
}

.articles p.hr {
  padding: 1rem 0 0 0;
}

.articles p.hr:before {
  margin: 0 0 1.1rem 0;
}

.articles .articles--container .articles--box {
  margin-bottom: 6rem;
}

.articles .articles--container .articles--box .articles--link h3 {
  color: #3F4A52;
  margin: 1.5em 0 1rem 0;
  min-height: 5.2rem;
  -webkit-transition: color 0.2s ease 0s;
  -moz-transition: color 0.2s ease 0s;
  -ms-transition: color 0.2s ease 0s;
  -o-transition: color 0.2s ease 0s;
  transition: color 0.2s ease 0s;
}

.articles .articles--container .articles--box .articles--link:hover {
  text-decoration: none;
}

.articles .articles--container .articles--box .articles--link:hover h3 {
  color: #ff9900;
}

.articles .articles--container .articles--box .articles--link .articles--img {
  width: 100%;
  height: 25rem;
  background-position: center;
  background-repeat: no-repeat;
}

.articles .articles--container .articles--box .articles--date {
  width: 100%;
  display: block;
  margin-bottom: 1rem;
  color: #ff9900;
  font-size: 1rem;
  font-weight: 800;
  text-transform: uppercase;
}

@media only screen and (min-width: 992px) {
  .articles {
    padding: 5rem 1.5rem;
  }
}

/*!
 * -----------------------------------------------------
 * Press
 * -----------------------------------------------------
 */
.press {
  padding-bottom: 4rem;
}

.press .press--container .press--box {
  min-height: 25rem;
}

.press .press--container .press--box .press--link:hover {
  text-decoration: none;
}

.press .press--container .press--box .press--img {
  width: 100%;
  height: 10rem;
  background-position: left center;
  background-repeat: no-repeat;
  opacity: 0.4;
}

.press .press--container .press--box .press--img.video--img {
  height: 20rem;
  margin-bottom: 2rem;
  -webkit-transition: opacity 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s;
  transition: opacity 0.2s ease 0s;
}

.press .press--container .press--box .press--img.video--img:hover {
  opacity: 1;
}

.press .press--container .press--box .press--date {
  margin: 0 0 2rem 0;
  color: #ff9900;
  font-size: 1rem;
  font-weight: 800;
  text-transform: uppercase;
  width: 100%;
  display: block;
}

.press .press--container .press--box .press--date.video--title {
  font-size: 1.4rem;
}

.press-h2, .press-hr {
  padding: 0 1.5rem;
}

/*!
 * -----------------------------------------------------
 * Recommended Posts
 * -----------------------------------------------------
 */
@media only screen and (min-width: 320px) {
  .recommended-posts .recommended-posts--item {
    padding: 0;
  }
  .recommended-posts .recommended-posts--item:first-child {
    margin: 0;
  }
  .recommended-posts .recommended-posts--container {
    padding: 0 1.5rem;
  }
  .recommended-posts .recommended-posts--container .recommended-posts--box {
    padding: 0;
    margin-bottom: 2rem;
    display: block;
  }
  .recommended-posts .recommended-posts--container .recommended-posts--box h3, .recommended-posts .recommended-posts--container .recommended-posts--box small, .recommended-posts .recommended-posts--container .recommended-posts--box p {
    padding: 0 1.5rem;
  }
  .recommended-posts .recommended-posts--container .recommended-posts--box h3 {
    min-height: 8.2rem;
    margin: 1.5rem 0;
    color: #3F4A52;
  }
  .recommended-posts .recommended-posts--container .recommended-posts--box h3.hr:before {
    margin: 0 0 1rem 0;
  }
  .recommended-posts .recommended-posts--container .recommended-posts--box .recommended-posts--img {
    height: 150px;
  }
  .recommended-posts .recommended-posts--container .recommended-posts--box .recommended-posts--date {
    font-size: 1rem;
    font-weight: 800;
    text-transform: uppercase;
    color: #ff9900;
    margin: 1.5rem 0;
    display: block;
  }
}

@media only screen and (min-width: 768px) {
  .recommended-posts .recommended-posts--container {
    padding: 0;
  }
  .recommended-posts .recommended-posts--container h3 {
    padding: 0 1.5rem;
  }
  .recommended-posts .recommended-posts--container .recommended-posts--item {
    padding: 0 1.5rem;
  }
  .recommended-posts .recommended-posts--container .recommended-posts--item:first-child {
    margin: 0;
  }
  .recommended-posts .recommended-posts--container .recommended-posts--box {
    padding: 0 0 1.5rem 0;
    display: block;
    margin-bottom: 1.5rem;
  }
  .recommended-posts .recommended-posts--container .recommended-posts--box:hover {
    text-decoration: none;
  }
  .recommended-posts .recommended-posts--container .recommended-posts--box h3, .recommended-posts .recommended-posts--container .recommended-posts--box small, .recommended-posts .recommended-posts--container .recommended-posts--box p {
    padding: 0 1.5rem;
  }
  .recommended-posts .recommended-posts--container .recommended-posts--box h3 {
    min-height: 8.2rem;
    margin: 1.5rem 0;
    color: #3F4A52;
  }
  .recommended-posts .recommended-posts--container .recommended-posts--box h3.hr:before {
    margin: 0 0 1rem 0;
  }
  .recommended-posts .recommended-posts--container .recommended-posts--box .recommended-posts--img {
    height: 150px;
  }
  .recommended-posts .recommended-posts--container .recommended-posts--box .recommended-posts--date {
    font-size: 1rem;
    font-weight: 800;
    text-transform: uppercase;
    color: #ff9900;
    margin-bottom: 1rem;
    display: block;
  }
}

@media only screen and (min-width: 992px) {
  .recommended-posts .recommended-posts--container {
    padding: 0;
    margin: 0 auto;
    float: none;
  }
  .recommended-posts .recommended-posts--container .recommended-posts--item {
    padding: 0 1.5rem;
  }
  .recommended-posts .recommended-posts--container .recommended-posts--item:first-child {
    margin: 0 0 0 13%;
  }
  .recommended-posts .recommended-posts--container .recommended-posts--box {
    padding: 0 0 1.5rem 0;
    display: block;
  }
  .recommended-posts .recommended-posts--container .recommended-posts--box h3, .recommended-posts .recommended-posts--container .recommended-posts--box small, .recommended-posts .recommended-posts--container .recommended-posts--box p {
    padding: 0 1.5rem;
  }
  .recommended-posts .recommended-posts--container .recommended-posts--box h3 {
    min-height: 9rem;
    margin: 1.5rem 0;
    color: #3F4A52;
  }
  .recommended-posts .recommended-posts--container .recommended-posts--box h3.hr:before {
    margin: 0 0 1rem 0;
  }
  .recommended-posts .recommended-posts--container .recommended-posts--box .recommended-posts--img {
    height: 150px;
  }
  .recommended-posts .recommended-posts--container .recommended-posts--box .recommended-posts--date {
    font-size: 1rem;
    font-weight: 800;
    text-transform: uppercase;
    color: #ff9900;
    margin-bottom: 1rem;
    display: block;
  }
}

/*!
 * -----------------------------------------------------
 * Time line
 * -----------------------------------------------------
 */
.time-line.container {
  padding: 0;
}

.time-line.container .time-line--container {
  height: 100%;
  display: inline-block;
  border-left: none;
  padding-top: 5rem;
}

.time-line.container .time-line--container > .col-xs-12 {
  padding: 0;
}

.time-line.container .time-line--container .time-line--marker .time-line--marker-point {
  margin: 0 0 3rem 0;
}

.time-line.container .time-line--container .time-line--marker .time-line--marker-point .time-line--small {
  color: #ff9900;
  height: 32px;
  width: 32px;
  border-radius: 10rem;
  background-color: #ffffff;
  border: 2px solid #ff9900;
  padding-top: 0.9rem;
  margin-top: 20px;
  margin-left: 20px;
  font-size: 1rem;
  text-align: center;
  text-transform: uppercase;
  font-weight: 800;
}

.time-line.container .time-line--container .time-line--marker .time-line--marker-point .time-line--big {
  font-size: 2.4rem;
  color: #ff9900;
  height: 72px;
  width: 72px;
  border-radius: 10rem;
  background-color: #ffffff;
  border: 2px solid #ff9900;
  text-align: center;
  padding-top: 2.3rem;
}

.time-line.container .time-line--container .time-line--box {
  margin-bottom: 5rem;
  border-bottom: 2px solid #e7ebef;
  padding: 0;
}

.time-line.container .time-line--container .time-line--box:last-child {
  border: none;
}

.time-line.container .time-line--container .time-line--box p {
  margin: 0 0 2rem 0;
}

.time-line.container .time-line--container .time-line--box .time-line--link {
  color: #ff9900;
  display: block;
  margin: 3rem 0;
  -webkit-transition: color 0.2s ease 0s;
  -moz-transition: color 0.2s ease 0s;
  -ms-transition: color 0.2s ease 0s;
  -o-transition: color 0.2s ease 0s;
  transition: color 0.2s ease 0s;
}

.time-line.container .time-line--container .time-line--box .time-line--link:hover {
  text-decoration: none;
  color: #008aeb;
}

@media only screen and (min-width: 992px) {
  .time-line.container {
    padding: 0 1.5rem;
  }
  .time-line.container .time-line--container {
    height: 100%;
    display: inline-block;
    border-left: 2px solid #e7ebef;
    padding-top: 5rem;
  }
  .time-line.container .time-line--container .time-line--marker .time-line--marker-point {
    margin: 3rem 0 0 -5.2rem;
  }
  .time-line.container .time-line--container .time-line--marker .time-line--marker-point .time-line--small {
    color: #ff9900;
    height: 32px;
    width: 32px;
    border-radius: 10rem;
    background-color: #ffffff;
    border: 2px solid #ff9900;
    padding-top: 0.9rem;
    margin-top: 20px;
    margin-left: 20px;
    font-size: 1rem;
    text-align: center;
    text-transform: uppercase;
    font-weight: 800;
  }
  .time-line.container .time-line--container .time-line--marker .time-line--marker-point .time-line--big {
    font-size: 2.4rem;
    color: #ff9900;
    height: 72px;
    width: 72px;
    border-radius: 10rem;
    background-color: #ffffff;
    border: 2px solid #ff9900;
    text-align: center;
    padding-top: 2.3rem;
  }
  .time-line.container .time-line--container .time-line--box {
    margin-bottom: 5rem;
    border-bottom: 2px solid #e7ebef;
  }
  .time-line.container .time-line--container .time-line--box:last-child {
    border: none;
  }
  .time-line.container .time-line--container .time-line--box .time-line--link {
    color: #ff9900;
    display: block;
    margin: 3rem 0;
    -webkit-transition: color 0.2s ease 0s;
    -moz-transition: color 0.2s ease 0s;
    -ms-transition: color 0.2s ease 0s;
    -o-transition: color 0.2s ease 0s;
    transition: color 0.2s ease 0s;
  }
  .time-line.container .time-line--container .time-line--box .time-line--link:hover {
    text-decoration: none;
    color: #008aeb;
  }
}

@media only screen and (min-width: 1200px) {
  .time-line.container {
    padding: 0 1.5rem;
  }
  .time-line.container .time-line--container {
    height: 100%;
    display: inline-block;
    border-left: 2px solid #e7ebef;
    padding-top: 5rem;
  }
  .time-line.container .time-line--container .time-line--marker .time-line--marker-point {
    margin: 3rem 0 0 -5.2rem;
  }
  .time-line.container .time-line--container .time-line--marker .time-line--marker-point .time-line--small {
    color: #ff9900;
    height: 32px;
    width: 32px;
    border-radius: 10rem;
    background-color: #ffffff;
    border: 2px solid #ff9900;
    padding-top: 0.9rem;
    margin-top: 20px;
    margin-left: 20px;
    font-size: 1rem;
    text-align: center;
    text-transform: uppercase;
    font-weight: 800;
  }
  .time-line.container .time-line--container .time-line--marker .time-line--marker-point .time-line--big {
    font-size: 2.4rem;
    color: #ff9900;
    height: 72px;
    width: 72px;
    border-radius: 10rem;
    background-color: #ffffff;
    border: 2px solid #ff9900;
    text-align: center;
    padding-top: 2.3rem;
  }
  .time-line.container .time-line--container .time-line--box {
    margin-bottom: 5rem;
    border-bottom: 2px solid #e7ebef;
  }
  .time-line.container .time-line--container .time-line--box:last-child {
    border: none;
  }
  .time-line.container .time-line--container .time-line--box p {
    margin: 0 0 5rem 0;
  }
  .time-line.container .time-line--container .time-line--box .time-line--link {
    color: #ff9900;
    display: block;
    margin: 3rem 0;
    -webkit-transition: color 0.2s ease 0s;
    -moz-transition: color 0.2s ease 0s;
    -ms-transition: color 0.2s ease 0s;
    -o-transition: color 0.2s ease 0s;
    transition: color 0.2s ease 0s;
  }
  .time-line.container .time-line--container .time-line--box .time-line--link:hover {
    text-decoration: none;
    color: #008aeb;
  }
}

/*!
 * -----------------------------------------------------
 * Quote
 * -----------------------------------------------------
 */
.quote {
  padding: 0;
}

.quote p:nth-child(1) {
  font-size: 1.4rem;
  font-weight: 200;
  color: #3F4A52;
}

.quote h2 {
  font-size: 1.4rem;
  text-transform: uppercase;
}

.quote .quote--tag {
  float: left;
  margin: 0 4.5rem 0 0;
}

.quote .quote--text {
  float: left;
  max-width: 900px;
}

.quote--tag-small {
  width: 100%;
  max-width: 6rem;
}

.quote--tag-big {
  width: 100%;
  max-width: 6rem;
  margin-bottom: 1rem;
}

@media only screen and (min-width: 768px) {
  .quote--tag-big {
    width: 100%;
    max-width: 6rem;
  }
  .quote p:nth-child(1) {
    font-size: 2.4rem;
    font-weight: 200;
    color: #3F4A52;
  }
  .quote .quote--text {
    float: left;
    max-width: 790px;
  }
}

@media only screen and (min-width: 992px) {
  .quote--tag-big {
    width: 100%;
    max-width: 10rem;
  }
  .quote {
    padding: 0 1.5rem;
  }
  .quote p:nth-child(1) {
    font-size: 2.4rem;
    font-weight: 200;
    color: #3F4A52;
  }
  .quote .quote--text {
    float: left;
    max-width: 760px;
  }
}

@media only screen and (min-width: 1200px) {
  .quote .quote--text {
    float: left;
    max-width: 900px;
  }
}

/*!
 * -----------------------------------------------------
 * SiteOrigin Page Builder
 * -----------------------------------------------------
 */
#pg-4-0, #pg-4-1, #pg-4-2, #pg-4-3, #pg-4-4, .panel-grid {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.panel-grid, .panel-grid-cell .so-panel {
  margin: 0 !important;
}

.panel-grid-cell {
  padding: 0 !important;
}

/*!
 * -----------------------------------------------------
 * Woocommerce
 * -----------------------------------------------------
 */
div.product {
  position: relative;
  padding: 0rem;
  overflow: hidden;
  border: 2px solid #e7ebef;
  text-align: center;
  -webkit-transition: border 0.2s ease 0s;
  -moz-transition: border 0.2s ease 0s;
  -ms-transition: border 0.2s ease 0s;
  -o-transition: border 0.2s ease 0s;
  transition: border 0.2s ease 0s;
}

div.product:hover {
  border-color: #ff9900;
}

div.product .woocommerce-LoopProduct-link {
  height: 5rem;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: right 0.5s ease 0s;
  -moz-transition: right 0.5s ease 0s;
  -ms-transition: right 0.5s ease 0s;
  -o-transition: right 0.5s ease 0s;
  transition: right 0.5s ease 0s;
}

div.product .woocommerce-LoopProduct-link.wc-move-forward {
  right: 7rem;
}

div.product:hover a {
  text-decoration: none;
}

div.product:hover .add_to_cart_button {
  background-color: #ff9900;
  color: #ffffff;
}

div.product img {
  width: auto !important;
  padding: 2rem;
  margin: 0 auto;
  height: 340px !important;
}

div.product h3 {
  text-transform: none;
  color: #3F4A52;
  font-size: 1.4rem;
  font-weight: 600;
  padding: 0;
  margin: 1.5em 0;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
}

div.product span {
  width: 100%;
  text-align: center;
  display: inline-block;
  color: #3F4A52;
  font-size: 2.4rem;
  text-transform: uppercase;
  font-weight: 700;
  padding: 0 0 1rem 0;
}

div.product span .woocommerce-Price-currencySymbol {
  display: inline;
}

div.product span.onsale {
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  padding: 1.8rem 3.5rem;
  margin: 0;
  border-radius: 0;
  background-color: #e7ebef;
  font-size: 1.4rem;
  color: #3F4A52;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}

div.product span ins {
  background-color: rgba(255, 255, 255, 0);
}

div.product span del {
  text-decoration: none;
  opacity: 0.5;
}

div.product span del span {
  font-size: 1.4rem;
  text-decoration: line-through;
  position: relative;
  font-weight: 500;
}

div.product span del span.woocommerce-Price-amount::after {
  width: 50%;
  border-bottom: 0.18rem solid #3F4A52;
  left: 0;
  margin-top: calc(0.125em / 2 * -1);
  position: absolute;
  right: 0;
  top: 50%;
}

div.product:hover span.onsale {
  background-color: #ff9900;
  color: #ffffff;
}

div.product .added_to_cart {
  width: auto;
  height: 5rem;
  position: absolute;
  top: 0;
  right: 0;
  padding: 1.8rem 3.5rem;
  margin: 0;
  border-left: 1px solid #48b4ff;
  border-radius: 0;
  background-color: #ff9900;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjMwcHgiIGhlaWdodD0iMzBweCIgdmlld0JveD0iMCAwIDMwIDMwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCAzOS4xICgzMTcyMCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+QXJ0Ym9hcmQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0zIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPgogICAgICAgIDxnIGlkPSJBcnRib2FyZCIgc3Ryb2tlPSIjRkZGRkZGIj4KICAgICAgICAgICAgPGcgaWQ9Ikdyb3VwLTE1IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzLjAwMDAwMCwgMy4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC04Ij4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNSwyMi41IEM1LDIxLjExOTE2NjcgNi4xMTkxNjY2NywyMCA3LjUsMjAgQzguODgwODMzMzMsMjAgMTAsMjEuMTE5MTY2NyAxMCwyMi41IEMxMCwyMy44ODA4MzMzIDguODgwODMzMzMsMjUgNy41LDI1IEM2LjExOTE2NjY3LDI1IDUsMjMuODgwODMzMyA1LDIyLjUgTDUsMjIuNSBaIiBpZD0iU3Ryb2tlLTUxNDgiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTkuMTY2NjY2NywyMi41IEMxOS4xNjY2NjY3LDIxLjExOTE2NjcgMjAuMjg1ODMzMywyMCAyMS42NjY2NjY3LDIwIEMyMy4wNDc1LDIwIDI0LjE2NjY2NjcsMjEuMTE5MTY2NyAyNC4xNjY2NjY3LDIyLjUgQzI0LjE2NjY2NjcsMjMuODgwODMzMyAyMy4wNDc1LDI1IDIxLjY2NjY2NjcsMjUgQzIwLjI4NTgzMzMsMjUgMTkuMTY2NjY2NywyMy44ODA4MzMzIDE5LjE2NjY2NjcsMjIuNSBMMTkuMTY2NjY2NywyMi41IFoiIGlkPSJTdHJva2UtNTE0OSI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDxwb2x5bGluZSBpZD0iU3Ryb2tlLTUxNTAiIHBvaW50cz0iMy45Nzk1ODMzMyA0LjE2NjY2NjY3IDI0LjE2NjY2NjcgNC4xNjY2NjY2NyAyMi41IDE2LjY2NjY2NjcgNS44MzMzMzMzMyAxNi42NjY2NjY3IDMuMzMzMzMzMzMgMCAwIDAiPjwvcG9seWxpbmU+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==");
  background-repeat: no-repeat;
  background-position: center;
  font-size: 1.4rem;
  color: #3F4A52;
  -webkit-transition: right 0.5s ease 0s;
  -moz-transition: right 0.5s ease 0s;
  -ms-transition: right 0.5s ease 0s;
  -o-transition: right 0.5s ease 0s;
  transition: right 0.5s ease 0s;
}

div.product .added_to_cart.wc-hidden {
  right: -7.1rem;
}

div.product .add_to_cart_button {
  width: 100%;
  float: left;
  padding: 1.8rem 0;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  background-color: rgba(255, 255, 255, 0);
  border-radius: 0;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  color: #ff9900;
}

div.product .add_to_cart_button:hover {
  background-color: #ff9900;
  color: #ffffff;
}

@media (min-width: 1200px) {
  .col-lg-4 {
    width: 30%;
  }
}

@media only screen and (min-width: 320px) {
  div.product {
    margin: 0;
  }
}

@media only screen and (min-width: 768px) {
  div.product {
    margin: 0rem;
  }
}

@media only screen and (min-width: 992px) {
  div.product {
    margin: 0rem;
  }
}

@media only screen and (min-width: 1200px) {
  div.product {
    margin: 1.45rem;
  }
}

/*!
 * -----------------------------------------------------
 * Woocommerce cart
 * -----------------------------------------------------
 */
.wc-h2 {
  margin-top: 5rem;
}

.woocommerce form {
  margin: 0;
}

.woocommerce-info, .create-account {
  display: none;
}

#order_review_heading {
  margin-top: 5rem;
}

.woocommerce-shipping-fields {
  display: inline-block;
  width: 100%;
}

#customer_details .col-1 {
  padding-top: 2rem;
}

.woocommerce table.shop_table.cart {
  border-radius: 0;
  border: none;
}

.woocommerce table.shop_table.cart thead {
  background-color: #ffffff;
}

.woocommerce table.shop_table.cart thead tr th {
  border-bottom: 1px solid #E7EBEF;
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 800;
  padding: 2.3rem 1rem  2.1rem 1rem;
}

.woocommerce table.shop_table.cart tbody .actions {
  padding: 0;
}

.woocommerce table.shop_table.cart tbody .button {
  background-color: rgba(255, 255, 255, 0);
  color: #ff9900;
  border-radius: 0;
  border: 1px solid #ff9900;
  padding: 1.8rem 2rem;
  text-transform: uppercase;
  font-weight: 400;
  margin-top: 1rem;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}

.woocommerce table.shop_table.cart tbody .button:disabled {
  padding: 1.8rem 2rem;
  color: #ff9900;
}

.woocommerce table.shop_table.cart tbody .button:disabled:hover {
  color: #ff9900;
  background-color: rgba(255, 255, 255, 0);
}

.woocommerce table.shop_table.cart tbody .button:hover {
  color: #ffffff;
  background-color: #ff9900;
}

.woocommerce table.shop_table.cart tbody .coupon .input-text {
  margin: 0;
  padding: 1.6rem 1rem;
  width: 17rem;
  border: 0;
}

.woocommerce table.shop_table.cart tbody tr {
  background-color: #ffffff;
  -webkit-transition: background-color 0.2s ease 0s;
  -moz-transition: background-color 0.2s ease 0s;
  -ms-transition: background-color 0.2s ease 0s;
  -o-transition: background-color 0.2s ease 0s;
  transition: background-color 0.2s ease 0s;
}

.woocommerce table.shop_table.cart tbody tr td {
  border: none;
  padding: 0.8rem 1rem;
}

.woocommerce table.shop_table.cart tbody tr td input[type=number] {
  border: 1px solid #E7EBEF;
}

.woocommerce table.shop_table.cart tbody tr td span, .woocommerce table.shop_table.cart tbody tr td a {
  color: rgba(63, 74, 82, 0.5);
}

.woocommerce table.shop_table.cart tbody tr td span:hover, .woocommerce table.shop_table.cart tbody tr td a:hover {
  text-decoration: none;
}

.woocommerce table.shop_table.cart tbody tr td a:hover {
  color: #ff9900;
}

.woocommerce table.shop_table.cart tbody tr td.product-remove {
  text-align: center;
  padding: 0;
  display: inline;
}

.woocommerce table.shop_table.cart tbody tr td.product-remove:hover {
  background-color: rgba(255, 255, 255, 0);
}

.woocommerce table.shop_table.cart tbody tr td.product-remove:hover .remove {
  color: #ff9900 !important;
}

.woocommerce table.shop_table.cart tbody tr td.product-remove .remove {
  margin: 0;
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 0;
  line-height: 4.5rem;
  padding: 0 1rem;
  font-weight: 100;
  font-size: 2.6rem;
  color: rgba(63, 74, 82, 0.5) !important;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}

.woocommerce table.shop_table.cart tbody tr td.product-remove .remove:hover {
  background-color: rgba(255, 255, 255, 0);
}

.woocommerce table.shop_table.cart tbody tr:hover {
  background-color: #F3F5F6;
}

.woocommerce table.shop_table.cart tbody tr:last-child {
  background-color: rgba(255, 255, 255, 0);
}

.woocommerce table.shop_table.cart tbody tr:last-child:hover {
  background-color: rgba(255, 255, 255, 0);
}

.cart-collaterals .cart_totals h2 {
  text-transform: none;
  font-size: 2.4rem;
  font-weight: 300;
  padding: 0;
  margin: 1.5rem 0 1rem 0;
}

.cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button {
  background-color: #ff9900;
  float: left;
  border-radius: 0;
  -webkit-transition: background-color 0.2s ease 0s;
  -moz-transition: background-color 0.2s ease 0s;
  -ms-transition: background-color 0.2s ease 0s;
  -o-transition: background-color 0.2s ease 0s;
  transition: background-color 0.2s ease 0s;
}

.cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button:hover {
  border-color: #008aeb;
  background-color: #008aeb;
}

/*!
 * -----------------------------------------------------
 * Woocommerce checkout
 * -----------------------------------------------------
 */
.woocommerce-checkout #payment div.form-row.place-order {
  padding: 2rem 0 0 0;
}

.woocommerce-checkout #payment ul.payment_methods {
  padding: 2rem 0;
}

#customer_details > div {
  background-color: #ffffff;
  padding: 0 1.5rem;
}

#customer_details > div .form-row {
  width: 100%;
  min-height: 50px;
  float: left;
  position: relative;
  border: 1px solid #C5CBD0;
  background-color: #ffffff;
  margin-bottom: 3rem;
  -webkit-transition: border 0.2s ease 0s;
  -moz-transition: border 0.2s ease 0s;
  -ms-transition: border 0.2s ease 0s;
  -o-transition: border 0.2s ease 0s;
  transition: border 0.2s ease 0s;
  text-align: left;
}

#customer_details > div .form-row.update_totals_on_change {
  width: 100%;
  height: 50px;
  float: left;
  position: relative;
  padding: 0;
  border: none;
  background-color: #ffffff;
  margin-bottom: 3rem;
  -webkit-transition: border 0.2s ease 0s;
  -moz-transition: border 0.2s ease 0s;
  -ms-transition: border 0.2s ease 0s;
  -o-transition: border 0.2s ease 0s;
  transition: border 0.2s ease 0s;
}

#customer_details > div .form-row input[type=text],
#customer_details > div .form-row input[type=email],
#customer_details > div .form-row input[type=tel],
#customer_details > div .form-row input[type=password],
#customer_details > div .form-row .country_select .select2-choice,
#customer_details > div .form-row input[type=number],
#customer_details > div .form-row textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 23px 0 5px 1em;
  float: left;
  border: none;
  outline: none;
  font-size: 1.4rem;
  font-family: 'SF UI Display', sans-serif;
  background-color: transparent;
  -webkit-appearance: none;
  text-align: left;
}

#customer_details > div .form-row textarea {
  min-height: 8rem;
}

#customer_details > div .form-row.notes label {
  top: 0.6rem;
  left: 1.6rem;
  font-size: 1rem;
}

#customer_details > div .form-row label {
  position: absolute;
  top: 1.2rem;
  left: 1.3rem;
  font-size: 1.4rem;
  color: rgba(0, 0, 0, 0.5);
  pointer-events: none;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  text-align: left;
}

#customer_details > div .form-row.create-account {
  border: none;
}

#customer_details > div .form-row.create-account input[type=checkbox] {
  display: none;
}

#customer_details > div .form-row.create-account input[type=checkbox] + label {
  /*Style for checkbox normal*/
  position: relative;
  top: 0;
  pointer-events: all;
}

#customer_details > div .form-row.create-account input[type=checkbox] + label:before {
  content: '';
  width: 2rem;
  height: 2rem;
  border: 1px solid #C5CBD0;
  display: inline-block;
  margin-right: 1.5rem;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}

#customer_details > div .form-row.create-account input[type=checkbox]:checked + label:before {
  content: "";
  background-image: url("../images/checked.svg");
  background-repeat: no-repeat;
  background-position: -6px -5px;
  color: #fff;
  border-color: #008aeb;
  background-color: #008aeb;
}

#customer_details > div .is-active label, #customer_details > div .is-completed label {
  top: 0.6rem;
  left: 1.6rem;
  font-size: 1rem;
}

#customer_details > div .is-active {
  border: 1px solid #3F4A52;
}

#customer_details > div .is-active label {
  color: #ff9900;
}

@media only screen and (min-width: 768px) {
  #customer_details > div {
    background-color: #ffffff;
    padding: 0 3rem;
  }
}

.woocommerce-checkout-payment#payment {
  background-color: rgba(255, 255, 255, 0);
}

.woocommerce-checkout-payment#payment div.payment_box {
  background-color: #ffffff;
  border-radius: 0;
}

.woocommerce-checkout-payment#payment div.payment_box:before {
  content: "";
  display: block;
  border: 1rem solid #ffffff;
  border-right-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
  position: absolute;
  top: -.75rem;
  left: 0;
  margin: -1rem 0 0 2rem;
}

.textwidget .woocommerce .blockUI.blockOverlay:before, .textwidget .woocommerce .loader:before {
  height: 1em;
  width: 1em;
  position: absolute;
  left: 50%;
  top: auto;
  bottom: 6%;
  margin-left: -.5em;
  margin-top: -.5em;
  display: block;
  content: "";
  -webkit-animation: spin 1s ease-in-out infinite;
  -moz-animation: spin 1s ease-in-out infinite;
  animation: spin 1s ease-in-out infinite;
  background-image: url("../images/loader.svg") !important;
  background-size: 3rem;
  background-repeat: no-repeat;
  line-height: 1;
  text-align: center;
  font-size: 2em;
  color: rgba(0, 0, 0, 0.75);
}

.woocommerce table.shop_table {
  border-radius: 0;
}

.textwidget .woocommerce input.button.alt {
  background-color: #1FA3FF;
  padding: 1.7rem 3rem;
  font-size: 1.4rem;
  font-family: 'SF UI Display', sans-serif;
  cursor: pointer;
  text-decoration: none;
  color: #ffffff;
  border: 1px solid #ff9900;
  border-radius: 0;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}

.textwidget .woocommerce input.button.alt:hover {
  border-color: #008aeb;
  background-color: #008aeb;
}

.woocommerce-checkout-review-order table.shop_table {
  border-radius: 0;
  border: none;
}

.woocommerce-checkout-review-order table.shop_table thead {
  background-color: #ffffff;
}

.woocommerce-checkout-review-order table.shop_table thead tr th {
  border-bottom: 1px solid #E7EBEF;
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 800;
  padding: 2.3rem 1rem  2.1rem 1rem;
}

.woocommerce-checkout-review-order table.shop_table tbody tr {
  background-color: #ffffff;
  -webkit-transition: background-color 0.2s ease 0s;
  -moz-transition: background-color 0.2s ease 0s;
  -ms-transition: background-color 0.2s ease 0s;
  -o-transition: background-color 0.2s ease 0s;
  transition: background-color 0.2s ease 0s;
}

.woocommerce-checkout-review-order table.shop_table tbody tr td {
  border: none;
  padding: 1.8rem 1rem;
}

.woocommerce-checkout-review-order table.shop_table tbody tr td input[type=number] {
  border: 1px solid #E7EBEF;
}

.woocommerce-checkout-review-order table.shop_table tbody tr td span, .woocommerce-checkout-review-order table.shop_table tbody tr td a {
  color: rgba(63, 74, 82, 0.5);
}

.woocommerce-checkout-review-order table.shop_table tbody tr td span:hover, .woocommerce-checkout-review-order table.shop_table tbody tr td a:hover {
  text-decoration: none;
}

.woocommerce-checkout-review-order table.shop_table tbody tr td a:hover {
  color: #ff9900;
}

.woocommerce-checkout-review-order table.shop_table tbody tr:hover {
  background-color: #F3F5F6;
}

.woocommerce-checkout-review-order table.shop_table tfoot tr {
  background-color: #ffffff;
  -webkit-transition: background-color 0.2s ease 0s;
  -moz-transition: background-color 0.2s ease 0s;
  -ms-transition: background-color 0.2s ease 0s;
  -o-transition: background-color 0.2s ease 0s;
  transition: background-color 0.2s ease 0s;
}

.woocommerce-checkout-review-order table.shop_table tfoot tr td, .woocommerce-checkout-review-order table.shop_table tfoot tr th {
  border: none;
  padding: 1.8rem 1rem;
}

/*!
 * -----------------------------------------------------
 * Woocommerce search
 * -----------------------------------------------------
 */
ul.ui-autocomplete li.ui-menu-item {
  padding: 1rem 0 !important;
}

ul.ui-autocomplete {
  -webkit-box-shadow: 0 0.5rem 1rem rgba(63, 74, 82, 0.12);
  -moz-box-shadow: 0 0.5rem 1rem rgba(63, 74, 82, 0.12);
  box-shadow: 0 0.5rem 1rem rgba(63, 74, 82, 0.12);
}

ul.ui-autocomplete .isp_section_header {
  border-bottom: 1px solid #E7EBEF;
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: 800;
  padding: 1.7rem 1rem 1.7rem 1rem;
}

ul.ui-autocomplete .ui-menu-item {
  padding: 0 0 1rem 0 !important;
}

ul.ui-autocomplete .ui-menu-item#acp_footer_acp {
  background-color: #f8f8f8;
  padding: 0;
  display: none !important;
}

ul.ui-autocomplete .ui-menu-item#acp_footer_acp div .acp_footer_css {
  font-size: 1.4rem;
  font-weight: 400 !important;
  text-transform: uppercase;
  text-decoration: none;
  color: #3F4A52 !important;
}

ul.ui-autocomplete .ui-menu-item a > div .as_img_container .as_magento_img {
  padding: 1rem 0 0 0;
}

ul.ui-autocomplete .ui-menu-item a > div .as_magento_product_section .as_magento_product_name {
  font-size: 1.4rem;
  font-weight: 600;
  text-transform: uppercase;
  color: rgba(63, 74, 82, 0.5);
  padding: 0;
  margin: 0 0 0.5rem 0;
}

ul.ui-autocomplete .ui-menu-item a > div .as_magento_product_section .as_magento_product_name .n_b_acp {
  font-weight: 600 !important;
  color: #3F4A52 !important;
}

ul.ui-autocomplete .ui-menu-item a > div .as_magento_product_section .as_magento_product_desc {
  font-size: 1.4rem;
  line-height: 1.5;
  margin: 0;
  text-align: justify;
  color: rgba(63, 74, 82, 0.5);
}

ul.ui-autocomplete .ui-menu-item a > div .as_magento_product_section .as_magento_price {
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: 400;
  margin: 0 0 1.5rem 0;
  color: rgba(63, 74, 82, 0.5);
}

/*!
 * -----------------------------------------------------
 * Woocommerce single product
 * -----------------------------------------------------
 */
.single-product.container {
  padding: 4rem 0;
}

.single-product.container .single-product--img {
  padding: 0rem 3rem 2rem 3rem;
}

.single-product.container .single-product--dec .price ins {
  background-color: rgba(255, 255, 255, 0);
  width: 100%;
  padding: 0.5rem 0 1.5rem 0;
  display: block;
}

.single-product.container .single-product--dec .price ins span {
  font-size: 2.4rem;
  position: relative;
  font-weight: 500;
}

.single-product.container .single-product--dec .price del {
  text-decoration: none;
  opacity: 0.5;
  width: 100%;
  display: block;
}

.single-product.container .single-product--dec .price del span {
  font-size: 1.4rem;
  text-decoration: line-through;
  position: relative;
  font-weight: 500;
}

.single-product.container .single-product--dec .price del span.woocommerce-Price-amount::after {
  width: 50%;
  border-bottom: 0.18rem solid #3F4A52;
  left: 0;
  margin-top: calc(0.125em / 2 * -1);
  position: absolute;
  right: 0;
  top: 50%;
}

.single-product.container .single-product--dec .price.regular-price {
  font-size: 2.4rem;
  padding: 0 0 1.5rem 0;
  display: block;
}

.single-product.container .single-product--dec .price.regular-price span {
  font-size: 2.4rem;
}

.single-product.container .single-product--dec .single-product--text p {
  margin: 0 0 2rem 0;
}

@media only screen and (min-width: 768px) {
  .single-product.container {
    padding: 6rem 1.5rem;
  }
  .single-product.container .single-product--img {
    padding: 0rem 7rem 7rem 7rem;
  }
}

/*!
 * -----------------------------------------------------
 * Isotope
 * -----------------------------------------------------
 */
.iso-filter {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  padding: 0rem 0 5rem 0;
  text-align: left;
}

.iso-filter .iso-item {
  width: 100%;
  float: left;
  padding: 2rem 0rem;
  color: #3F4A52;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
  cursor: pointer;
  -webkit-transition: color 0.2s ease 0s;
  -moz-transition: color 0.2s ease 0s;
  -ms-transition: color 0.2s ease 0s;
  -o-transition: color 0.2s ease 0s;
  transition: color 0.2s ease 0s;
}

.iso-filter .iso-item:hover {
  color: #ff9900;
  text-decoration: none;
}

.iso-filter .iso-item.is-checked {
  color: #ff9900;
}

@media only screen and (min-width: 768px) {
  .grid {
    padding-right: 15px;
    padding-left: 15px;
  }
}

@media only screen and (min-width: 992px) {
  .iso-filter {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding: 5rem 1.5rem 5rem 1.5rem;
    text-align: center;
  }
  .iso-filter .iso-item {
    width: auto;
    float: none;
    padding: 0 2rem;
    color: #3F4A52;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer;
    -webkit-transition: color 0.2s ease 0s;
    -moz-transition: color 0.2s ease 0s;
    -ms-transition: color 0.2s ease 0s;
    -o-transition: color 0.2s ease 0s;
    transition: color 0.2s ease 0s;
  }
  .iso-filter .iso-item:hover {
    color: #ff9900;
    text-decoration: none;
  }
  .iso-filter .iso-item.is-checked {
    color: #ff9900;
  }
}

.iso-filter--drop-down {
  width: 100%;
  height: 5rem;
  float: left;
  position: relative;
  border: 1px solid #C5CBD0;
  background-color: #ffffff;
  margin: 0 0 5rem 0;
}

.iso-filter--drop-down .iso-filter--lable {
  max-width: none;
  margin: 0;
  padding: 15px 0 5px 1em;
  font-size: 1.4rem;
  color: rgba(0, 0, 0, 0.5);
  font-weight: bold;
}

.iso-filter--drop-down .iso-filter--lable:after {
  content: "";
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-color: black transparent transparent transparent;
  position: absolute;
  top: 23px;
  right: 10px;
}

.iso-filter--drop-down .iso-filter {
  position: absolute;
  top: 6rem;
  border: 1px solid #E7EBEF;
  padding: 0;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0.2rem 1rem rgba(63, 74, 82, 0.12);
  -moz-box-shadow: 0 0.2rem 1rem rgba(63, 74, 82, 0.12);
  box-shadow: 0 0.2rem 1rem rgba(63, 74, 82, 0.12);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s;
  transition: opacity 0.2s ease 0s;
}

.iso-filter--drop-down .iso-filter .iso-item {
  padding: 1.8rem 1.5rem;
}

.iso-filter--drop-down .iso-filter:before, .iso-filter--drop-down .iso-filter:after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
}

.iso-filter--drop-down .iso-filter:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 6px solid #E7EBEF;
  top: -7px;
}

.iso-filter--drop-down .iso-filter:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  top: -6px;
}

.iso-filter--drop-down .iso-filter.open {
  opacity: 1;
  pointer-events: all;
  z-index: 2;
}

.grid {
  padding-right: 0px;
  padding-left: 0px;
}

@media only screen and (min-width: 1200px) {
  .grid {
    padding-right: 15px;
    padding-left: 15px;
  }
}

.grid:after {
  content: '';
  display: block;
  clear: both;
}

.element-item {
  position: relative;
  float: left;
}

.element-item > * {
  margin: 0;
  padding: 0;
}

/*!
 * -----------------------------------------------------
 * WPML
 * -----------------------------------------------------
 */
#lang_sel ul li {
  width: 3rem;
  -webkit-transition: width 0.2s ease 0s;
  -moz-transition: width 0.2s ease 0s;
  -ms-transition: width 0.2s ease 0s;
  -o-transition: width 0.2s ease 0s;
  transition: width 0.2s ease 0s;
}

#lang_sel ul li.open {
  width: 15rem;
}

#lang_sel ul li a, #lang_sel ul li a.lang_sel_sel {
  text-decoration: none;
  width: 3rem;
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: 0 1px;
  background-color: rgba(255, 255, 255, 0);
  border: none;
  float: right;
  height: 3rem;
}

#lang_sel ul li ul {
  position: absolute;
  top: 0;
  left: -3rem;
  border: none;
}

#lang_sel ul li ul li a:hover {
  background-color: rgba(255, 255, 255, 0);
}

.icl-en img, .icl-nb img, .icl-da img, .icl-sv img, .icl-de img, .icl-fi img {
  display: none;
}

.lang_sel_sel {
  cursor: pointer;
}

#lang_sel ul li ul {
  padding: 0;
  display: none;
  visibility: visible;
}

#lang_sel ul li ul li {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  float: right;
  margin-right: 1rem;
}

#lang_sel .icl-da a, #lang_sel .lang_sel_sel.icl-da,
#lang_sel .icl-da a:hover, #lang_sel .lang_sel_sel.icl-da:hover {
  background-image: url("../images/flag/dk.png") !important;
}

#lang_sel .icl-sv a, #lang_sel .lang_sel_sel.icl-sv,
#lang_sel .icl-sv a:hover, #lang_sel .lang_sel_sel.icl-sv:hover {
  background-image: url("../images/flag/se.png") !important;
}

#lang_sel .icl-nb a, #lang_sel .lang_sel_sel.icl-nb,
#lang_sel .icl-nb a:hover, #lang_sel .lang_sel_sel.icl-nb:hover {
  background-image: url("../images/flag/no.png") !important;
}

#lang_sel .icl-en a, #lang_sel .lang_sel_sel.icl-en,
#lang_sel .icl-en a:hover, #lang_sel .lang_sel_sel.icl-en:hover {
  background-image: url("../images/flag/uk.png") !important;
}

section.mobile-nav #lang_sel {
  position: absolute;
  top: auto;
  bottom: 1.5rem;
  right: 2rem;
  min-width: 2rem;
}

section.mobile-nav #lang_sel a {
  text-decoration: none;
  text-indent: 25px;
  width: auto;
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: 0 1px;
  float: right;
  height: 2rem;
}

section.mobile-nav #lang_sel ul li ul {
  padding: 0;
  display: none;
  position: absolute;
  bottom: 2rem;
}

section.mobile-nav #lang_sel ul li ul li {
  margin-bottom: 1rem;
}

.mobile-nav--content #lang_sel li {
  width: 3rem;
  -webkit-transition: width 0.2s ease 0s;
  -moz-transition: width 0.2s ease 0s;
  -ms-transition: width 0.2s ease 0s;
  -o-transition: width 0.2s ease 0s;
  transition: width 0.2s ease 0s;
}

.mobile-nav--content #lang_sel li.open {
  width: 3rem;
}

/*!
 * -----------------------------------------------------
 * MAILCHIMP
 * -----------------------------------------------------
 */
.mc4wp-response {
  float: left;
  padding: 0;
}

@media only screen and (min-width: 768px) {
  .mc4wp-response {
    padding: 1.5rem 0 0 2rem;
  }
}

@media only screen and (min-width: 992px) {
  .mc4wp-response {
    padding: 0;
  }
}
.menu-header-container {padding-top: 15px;}
@media screen and (min-width: 0px) and (max-width:1024px) {
 nav ul#menu-header li a i{font-size: 40px;}
 .menu-header-container {padding-top: 5px;}
}