a,
abbr,
address,
applet,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
s,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
 margin:0;
 padding:0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
 display:block
}
h1,
h2,
h3,
h4,
h5,
h6 {
 font-size:100%
}
table {
 border-collapse:collapse;
 border-spacing:0
}
b,
mark,
strong {
 font-weight:700;
 font-style:inherit
}
address,
cite,
dfn,
em,
i,
q,
var {
 font-style:italic;
 font-weight:inherit
}
abbr[title],
dfn[title] {
 cursor:help;
 border-bottom:1px dotted
}
ins {
 border-bottom:1px solid
}
a,
ins,
u {
 text-decoration:none
}
del,
s {
 text-decoration:line-through
}
code,
kbd,
pre,
samp {
 font-family:monospace
}
small {
 font-size:.75em
}
img {
 border:0;
 font-style:italic
}
input,
optgroup,
option,
select,
textarea {
 font:inherit
}
* {
 -moz-box-sizing:border-box;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 margin:0;
 padding:0
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
 display:block
}
audio[controls],
canvas,
video {
 display:inline-block
}
html {
 font-size:100%;
 -webkit-overflow-scrolling:touch;
 -webkit-tap-highlight-color:transparent;
 -webkit-text-size-adjust:100%;
 -ms-text-size-adjust:100%
}
body {
 margin:0;
 text-rendering:optimizeLegibility
}
img {
 border:0;
 -ms-interpolation-mode:bicubic;
 display:block
}
embed,
img,
object {
 max-width:100%;
 height:auto
}
input {
 -webkit-appearance:none
}
footer,
header,
section {
 position:relative;
 float:left;
 clear:both;
 width:100%
}
@-webkit-keyframes a {
 0% {
  -webkit-transform:translate(-50%,-50%) rotateX(0) rotateY(0);
  transform:translate(-50%,-50%) rotateX(0) rotateY(0)
 }
 50% {
  -webkit-transform:translate(-50%,-50%) rotateX(-180deg) rotateY(0);
  transform:translate(-50%,-50%) rotateX(-180deg) rotateY(0)
 }
 to {
  -webkit-transform:translate(-50%,-50%) rotateX(-180deg) rotateY(-180deg);
  transform:translate(-50%,-50%) rotateX(-180deg) rotateY(-180deg)
 }
}
@keyframes a {
 0% {
  -webkit-transform:translate(-50%,-50%) rotateX(0) rotateY(0);
  transform:translate(-50%,-50%) rotateX(0) rotateY(0)
 }
 50% {
  -webkit-transform:translate(-50%,-50%) rotateX(-180deg) rotateY(0);
  transform:translate(-50%,-50%) rotateX(-180deg) rotateY(0)
 }
 to {
  -webkit-transform:translate(-50%,-50%) rotateX(-180deg) rotateY(-180deg);
  transform:translate(-50%,-50%) rotateX(-180deg) rotateY(-180deg)
 }
}
.fluidbox {
 outline:0
}
.fluidbox__overlay {
 background-color:rgba(255,255,255,.85);
 cursor:pointer;
 cursor:zoom-out;
 opacity:0;
 pointer-events:none;
 position:fixed;
 top:-100%;
 left:0;
 bottom:-100%;
 right:0;
 -webkit-transition:all .25s ease-in-out;
 transition:all .25s ease-in-out
}
.fluidbox--opened .fluidbox__overlay {
 pointer-events:auto
}
.fluidbox__wrap {
 background-position:center center;
 background-size:cover;
 margin:0 auto;
 position:relative;
 -webkit-transition:all .25s ease-in-out;
 transition:all .25s ease-in-out
}
.fluidbox--closed .fluidbox__thumb,
.fluidbox__thumb {
 -webkit-transition:opacity 0s ease-in-out 0s;
 transition:opacity 0s ease-in-out 0s
}
.fluidbox__ghost {
 background-size:100% 100%;
 background-position:center center;
 background-repeat:no-repeat;
 position:absolute;
 -webkit-transition:opacity 0s 0s,-webkit-transform .25s 0s;
 transition:opacity 0s 0s,-webkit-transform .25s 0s;
 transition:opacity 0s 0s,transform .25s 0s;
 transition:opacity 0s 0s,transform .25s 0s,-webkit-transform .25s 0s
}
.fluidbox--opened .fluidbox__ghost {
 cursor:pointer;
 cursor:zoom-out
}
.fluidbox--closed .fluidbox__ghost {
 -webkit-transition:opacity 0s .25s,-webkit-transform .25s 0s;
 transition:opacity 0s .25s,-webkit-transform .25s 0s;
 transition:opacity 0s .25s,transform .25s 0s;
 transition:opacity 0s .25s,transform .25s 0s,-webkit-transform .25s 0s
}
.fluidbox__loader {
 opacity:0;
 -webkit-perspective:200px;
 perspective:200px;
 pointer-events:none;
 position:absolute;
 top:0;
 left:0;
 bottom:0;
 right:0
}
.fluidbox__loader:before {
 background-color:rgba(255,255,255,.85);
 content:'';
 -webkit-transform-style:preserve-3d;
 transform-style:preserve-3d;
 position:absolute;
 top:50%;
 left:50%;
 width:20%;
 padding-bottom:20%;
 -webkit-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%);
 -webkit-transition-property:-webkit-transform;
 transition-property:-webkit-transform;
 transition-property:transform;
 transition-property:transform,-webkit-transform;
 -webkit-transition-duration:.25s;
 transition-duration:.25s;
 -webkit-transition-delay:0s;
 transition-delay:0s
}
.fluidbox--loading .fluidbox__loader {
 opacity:1;
 -webkit-transition:opacity .25s ease-in-out .25s;
 transition:opacity .25s ease-in-out .25s
}
.fluidbox--loading .fluidbox__loader:before {
 -webkit-animation:a 1s 0s infinite ease-in-out forwards;
 animation:a 1s 0s infinite ease-in-out forwards
}
.owl-carousel {
 display:none;
 -webkit-tap-highlight-color:transparent;
 position:relative;
 z-index:1
}
.owl-carousel .owl-stage {
 position:relative;
 -ms-touch-action:pan-Y;
 -moz-backface-visibility:hidden
}
.owl-carousel .owl-stage:after {
 content:".";
 display:block;
 clear:both;
 visibility:hidden;
 line-height:0;
 height:0
}
.owl-carousel .owl-stage-outer {
 position:relative;
 overflow:hidden;
 -webkit-transform:translate3d(0,0,0)
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
 -webkit-backface-visibility:hidden;
 -moz-backface-visibility:hidden;
 -ms-backface-visibility:hidden;
 -webkit-transform:translate3d(0,0,0);
 -moz-transform:translate3d(0,0,0);
 -ms-transform:translate3d(0,0,0)
}
.owl-carousel .owl-item {
 position:relative;
 min-height:1px;
 float:left;
 -webkit-backface-visibility:hidden;
 -webkit-tap-highlight-color:transparent;
 -webkit-touch-callout:none
}
.owl-carousel .owl-item img {
 display:block;
 width:100%
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
 display:none
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
 cursor:pointer;
 cursor:hand;
 -webkit-user-select:none;
 -khtml-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.owl-carousel.owl-loaded {
 display:block
}
.owl-carousel.owl-loading {
 opacity:0;
 display:block
}
.owl-carousel.owl-hidden {
 opacity:0
}
.owl-carousel.owl-refresh .owl-item {
 visibility:hidden
}
.owl-carousel.owl-drag .owl-item {
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none
}
.owl-carousel.owl-grab {
 cursor:move;
 cursor:grab
}
.owl-carousel.owl-rtl {
 direction:rtl
}
.owl-carousel.owl-rtl .owl-item {
 float:right
}
.no-js .owl-carousel {
 display:block
}
.owl-carousel .animated {
 animation-duration:.5s;
 animation-fill-mode:both
}
.owl-carousel .owl-animated-in {
 z-index:0
}
.owl-carousel .owl-animated-out {
 z-index:1
}
.owl-carousel .fadeOut {
 animation-name:fadeOut
}
@keyframes fadeOut {
 0% {
  opacity:1
 }
 100% {
  opacity:0
 }
}
.owl-height {
 transition:height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy {
 opacity:0;
 transition:opacity .4s ease
}
.owl-carousel .owl-item img.owl-lazy {
 transform-style:preserve-3d
}
.owl-carousel .owl-video-wrapper {
 position:relative;
 height:100%;
 background:#000
}
.owl-carousel .owl-video-play-icon {
 position:absolute;
 height:80px;
 width:80px;
 left:50%;
 top:50%;
 margin-left:-40px;
 margin-top:-40px;
 background:url(owl.video.play.png) no-repeat;
 cursor:pointer;
 z-index:1;
 -webkit-backface-visibility:hidden;
 transition:transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover {
 -ms-transform:scale(1.3,1.3);
 transform:scale(1.3,1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
 display:none
}
.owl-carousel .owl-video-tn {
 opacity:0;
 height:100%;
 background-position:center center;
 background-repeat:no-repeat;
 background-size:contain;
 transition:opacity .4s ease
}
.owl-carousel .owl-video-frame {
 position:relative;
 z-index:1;
 height:100%;
 width:100%
}
body,
html {
 height:100%
}
body {
 background:#fff;
 font-family:'Open Sans',sans-serif;
 font-weight:400;
 font-style:normal;
 line-height:1;
 color:#6C7A89
}
h1,
h2,
h3,
h4,
h5,
h6 {
 color:#2A2F36
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
 margin-top:0
}
.h1,
h1 {
 font-size:35px;
 font-weight:700;
 line-height:1.2;
 letter-spacing:-.03em
}
@media only screen and (min-width:768px) {
 .h1,
 h1 {
  font-size:45px
 }
}
@media only screen and (min-width:1220px) {
 .h1,
 h1 {
  font-size:60px
 }
}
.h2,
h2 {
 margin-top:40px;
 font-size:22px;
 font-weight:700;
 line-height:1.2;
 letter-spacing:-.02em
}
@media only screen and (min-width:768px) {
 .h2,
 h2 {
  font-size:30px
 }
}
@media only screen and (min-width:1220px) {
 .h2,
 h2 {
  font-size:35px
 }
}
.h3,
h3 {
 margin-top:40px;
 font-size:22px;
 font-weight:600;
 line-height:1.3;
 letter-spacing:-.02em
}
@media only screen and (min-width:768px) {
 .h3,
 h3 {
  font-size:25px
 }
}
@media only screen and (min-width:1220px) {
 .h3,
 h3 {
  font-size:30px
 }
}
.h4,
h4 {
 margin-top:25px;
 font-size:17px;
 font-weight:700;
 line-height:1.6;
 letter-spacing:0
}
@media only screen and (min-width:768px) {
 .h4,
 h4 {
  font-size:22px
 }
}
@media only screen and (min-width:1220px) {
 .h4,
 h4 {
  font-size:22px
 }
}
.h5,
h5 {
 margin-top:15px;
 font-size:17px;
 font-weight:700;
 line-height:1.6;
 letter-spacing:0
}
@media only screen and (min-width:768px) {
 .h5,
 h5 {
  font-size:20px
 }
}
@media only screen and (min-width:1220px) {
 .h5,
 h5 {
  font-size:20px
 }
}
.h6,
h6 {
 margin-top:15px;
 font-size:17px;
 font-weight:700;
 line-height:1.6;
 letter-spacing:0
}
@media only screen and (min-width:768px) {
 .h6,
 h6 {
  font-size:20px
 }
}
@media only screen and (min-width:1220px) {
 .h6,
 h6 {
  font-size:20px
 }
}
ol,
p,
ul {
 margin-top:15px;
 font-size:18px;
 font-weight:400;
 line-height:1.6;
 letter-spacing:0
}
@media only screen and (min-width:768px) {
 ol,
 p,
 ul {
  font-size:20px
 }
}
@media only screen and (min-width:1220px) {
 ol,
 p,
 ul {
  font-size:22px
 }
}
ol strong,
p strong,
ul strong {
 font-weight:600
}
ol:first-child,
p:first-child,
ul:first-child {
 margin-top:0
}
ol,
ul {
 list-style-position:inside
}
blockquote {
 margin-top:15px;
 border-left:2px solid #2A2F36;
 padding:10px 0 10px 20px;
 font-size:25px;
 font-weight:300;
 letter-spacing:-.02em;
 line-height:1.6
}
@media only screen and (min-width:768px) {
 blockquote {
  border-left-width:3px;
  padding:15px 0 15px 30px;
  font-size:35px
 }
}
@media only screen and (min-width:1220px) {
 blockquote {
  border-left-width:4px;
  padding:20px 0 20px 40px;
  font-size:45px
 }
}
blockquote p {
 font-size:25px;
 font-weight:300;
 letter-spacing:-.02em;
 line-height:1.6
}
@media only screen and (min-width:768px) {
 blockquote p {
  font-size:35px
 }
}
@media only screen and (min-width:1220px) {
 blockquote p {
  font-size:45px
 }
}
a {
 text-decoration:none;
 color:#2A2F36;
 font-weight:600;
 -webkit-transition:all .15s ease-in-out;
 -moz-transition:all .15s ease-in-out;
 -ms-transition:all .15s ease-in-out;
 -o-transition:all .15s ease-in-out;
 transition:all .15s ease-in-out
}
a:hover {
 color:#3498db
}
.button {
 display:inline-block;
 padding:9px 10px 10px;
 font-size:13px;
 line-height:1;
 border:2px solid #3498db;
 background:#3498db;
 color:#fff;
 font-weight:600;
 letter-spacing:0;
 cursor:pointer
}
@media only screen and (min-width:768px) {
 .button {
  padding:11px 20px 12px;
  font-size:15px
 }
}
.button:hover {
 background:#346edb;
 border-color:#346edb;
 color:#fff
}
.button svg {
 margin-right:5px
}
.button svg:last-child {
 margin-right:0;
 margin-left:5px
}
@media only screen and (min-width:768px) {
 .button svg {
  margin-right:8px
 }
 .button svg:last-child {
  margin-right:0;
  margin-left:8px
 }
}
.button--large {
 padding:15px 20px 16px;
 font-size:13px
}
@media only screen and (min-width:768px) {
 .button--large {
  padding:19px 40px 20px;
  font-size:17px
 }
}
.button--light {
 background:0 0;
 border-color:#2A2F36;
 color:#2A2F36
}
.button--light:hover {
 background:#3498db;
 border-color:#3498db;
 color:#fff
}
hr {
 margin:40px 0;
 border:0;
 height:2px;
 background:#f4f5f6
}
::selection {
 background:#3498db;
 color:#fff
}
::-moz-selection {
 background:#3498db;
 color:#fff
}
.page-loader {
 display:none
}
.page {
 -webkit-transition:all .6s cubic-bezier(.2,.3,0,1);
 -moz-transition:all .6s cubic-bezier(.2,.3,0,1);
 -ms-transition:all .6s cubic-bezier(.2,.3,0,1);
 -o-transition:all .6s cubic-bezier(.2,.3,0,1);
 transition:all .6s cubic-bezier(.2,.3,0,1)
}
section:not(.hero) {
 -webkit-transition:all .8s cubic-bezier(.2,.3,0,1);
 -moz-transition:all .8s cubic-bezier(.2,.3,0,1);
 -ms-transition:all .8s cubic-bezier(.2,.3,0,1);
 -o-transition:all .8s cubic-bezier(.2,.3,0,1);
 transition:all .8s cubic-bezier(.2,.3,0,1)
}
body.loading .loader {
 opacity:1;
 visibility:visible;
 -webkit-transition:all .4s ease-in-out 1s;
 -moz-transition:all .4s ease-in-out 1s;
 -ms-transition:all .4s ease-in-out 1s;
 -o-transition:all .4s ease-in-out 1s;
 transition:all .4s ease-in-out 1s
}
body.loading .page {
 opacity:0;
 visibility:hidden;
 -webkit-transition:all .4s ease-in-out,transform 0s ease-in-out .4s;
 -moz-transition:all .4s ease-in-out,transform 0s ease-in-out .4s;
 -ms-transition:all .4s ease-in-out,transform 0s ease-in-out .4s;
 -o-transition:all .4s ease-in-out,transform 0s ease-in-out .4s;
 transition:all .4s ease-in-out,transform 0s ease-in-out .4s
}
body.loading section:not(.hero) {
 -moz-transform:translate(0,30px);
 -o-transform:translate(0,30px);
 -ms-transform:translate(0,30px);
 -webkit-transform:translate(0,30px);
 transform:translate(0,30px);
 -webkit-transition:all .4s ease-in-out,transform 0s ease-in-out .4s;
 -moz-transition:all .4s ease-in-out,transform 0s ease-in-out .4s;
 -ms-transition:all .4s ease-in-out,transform 0s ease-in-out .4s;
 -o-transition:all .4s ease-in-out,transform 0s ease-in-out .4s;
 transition:all .4s ease-in-out,transform 0s ease-in-out .4s
}
body.loading .footer {
 opacity:0;
 visibility:hidden;
 -webkit-transition:all .4s ease-in-out;
 -moz-transition:all .4s ease-in-out;
 -ms-transition:all .4s ease-in-out;
 -o-transition:all .4s ease-in-out;
 transition:all .4s ease-in-out
}
.loader {
 position:fixed;
 top:50%;
 left:50%;
 -moz-transform:translate(-50%,-50%);
 -o-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 -webkit-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%);
 width:60px;
 height:15px;
 opacity:0;
 visibility:hidden;
 -webkit-transition:all .2s ease-in-out;
 -moz-transition:all .2s ease-in-out;
 -ms-transition:all .2s ease-in-out;
 -o-transition:all .2s ease-in-out;
 transition:all .2s ease-in-out
}
.loader svg {
 width:100%;
 height:100%;
 fill:rgba(42,47,54,.2)
}
.page,
.page__content {
 float:left;
 clear:both;
 width:100%
}
section {
 margin-top:40px
}
@media only screen and (min-width:768px) {
 section {
  margin-top:50px
 }
}
@media only screen and (min-width:1024px) {
 section {
  margin-top:60px
 }
}
@media only screen and (min-width:1220px) {
 section {
  margin-top:80px
 }
}
.wrap {
 position:relative;
 margin:0 auto;
 padding:0 20px;
 max-width:500px
}
@media only screen and (min-width:768px) {
 .wrap {
  padding:0;
  max-width:680px
 }
}
@media only screen and (min-width:1024px) {
 .wrap {
  max-width:900px
 }
}
@media only screen and (min-width:1220px) {
 .wrap {
  max-width:1100px
 }
}
.buy-cta {
 position:fixed;
 bottom:0;
 right:0
}
.buy-cta__link {
 display:block;
 position:relative;
 width:40px;
 height:40px;
 background:#dc5b5d
}
@media only screen and (min-width:768px) {
 .buy-cta__link {
  width:60px;
  height:60px
 }
}
.buy-cta__link svg {
 position:absolute;
 top:50%;
 left:50%;
 width:20px;
 height:20px;
 -moz-transform:translate(-50%,-50%);
 -o-transform:translate(-50%,-50%);
 -ms-transform:translate(-50%,-50%);
 -webkit-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%);
 fill:#fff
}
@media only screen and (min-width:768px) {
 .buy-cta__link svg {
  width:30px;
  height:30px
 }
}
.buy-cta__link:hover .buy-cta__text {
 -moz-transform:translate(0,0);
 -o-transform:translate(0,0);
 -ms-transform:translate(0,0);
 -webkit-transform:translate(0,0);
 transform:translate(0,0);
 opacity:1
}
.buy-cta__text {
 position:absolute;
 top:0;
 right:40px;
 background:#dc5b5d;
 padding:14px 10px 13px 17px;
 color:#fff;
 font-size:13px;
 line-height:1;
 white-space:nowrap;
 -webkit-transition:all .15s ease-in-out;
 -moz-transition:all .15s ease-in-out;
 -ms-transition:all .15s ease-in-out;
 -o-transition:all .15s ease-in-out;
 transition:all .15s ease-in-out;
 -moz-transform:translate(0,20px);
 -o-transform:translate(0,20px);
 -ms-transform:translate(0,20px);
 -webkit-transform:translate(0,20px);
 transform:translate(0,20px);
 opacity:0
}
@media only screen and (min-width:768px) {
 .buy-cta__text {
  right:60px;
  padding:22px 14px 23px 25px;
  font-size:15px;
  -moz-transform:translate(0,30px);
  -o-transform:translate(0,30px);
  -ms-transform:translate(0,30px);
  -webkit-transform:translate(0,30px);
  transform:translate(0,30px)
 }
}
.header {
 margin-top:20px
}
@media only screen and (min-width:768px) {
 .header {
  margin-top:25px
 }
}
@media only screen and (min-width:1220px) {
 .header {
  margin-top:30px
 }
}
.header__logo {
 display:block;
 width:200px;
 max-width:80%
}
@media only screen and (min-width:768px) {
 .header__logo {
  float:left;
  max-width:50%
 }
}
.header__logo__img {
 width:100%;
 height:auto
}
.header__title {
 font-size:25px;
 font-weight:700;
 letter-spacing:-.02em;
 line-height:1;
 color:#2A2F36
}
.header__title:hover {
 color:#3498db
}
@media only screen and (min-width:768px) {
 .header__title {
  font-size:32px
 }
}
@media only screen and (min-width:1220px) {
 .header__title {
  font-size:42px
 }
}
@media only screen and (min-width:1024px) {
 .menu {
  position:absolute;
  top:50%;
  right:20px;
  -moz-transform:translate(0,-50%);
  -o-transform:translate(0,-50%);
  -ms-transform:translate(0,-50%);
  -webkit-transform:translate(0,-50%);
  transform:translate(0,-50%)
 }
}
.menu__toggle {
 position:absolute;
 z-index:100;
 top:50%;
 right:30px;
 -moz-transform:translate(0,-50%);
 -o-transform:translate(0,-50%);
 -ms-transform:translate(0,-50%);
 -webkit-transform:translate(0,-50%);
 transform:translate(0,-50%);
 cursor:pointer;
 font-size:15px;
 line-height:20px;
 color:#2A2F36
}
@media only screen and (min-width:768px) {
 .menu__toggle {
  right:0
 }
}
@media only screen and (min-width:1024px) {
 .menu__toggle {
  display:none
 }
}
.menu__toggle__icon {
 float:right;
 position:relative;
 width:24px;
 height:20px;
 margin-left:8px
}
.menu__toggle__icon span,
.menu__toggle__icon span:after,
.menu__toggle__icon span:before {
 content:'';
 position:absolute;
 top:8px;
 left:0;
 width:100%;
 height:3px;
 -webkit-transition:all .1s;
 -moz-transition:all .1s;
 -ms-transition:all .1s;
 -o-transition:all .1s;
 transition:all .1s;
 background:#2A2F36
}
.menu__toggle__icon span:before {
 top:-8px
}
.menu__toggle__icon span:after {
 top:8px
}
.menu--open .menu__toggle__icon span:after,
.menu--open .menu__toggle__icon span:before {
 background:#3498db!important
}
.menu--open .menu__toggle__icon span {
 background-color:transparent!important
}
.menu--open .menu__toggle__icon span:after,
.menu--open .menu__toggle__icon span:before {
 top:0
}
.menu--open .menu__toggle__icon span:before {
 -moz-transform:rotate(45deg);
 -o-transform:rotate(45deg);
 -ms-transform:rotate(45deg);
 -webkit-transform:rotate(45deg);
 transform:rotate(45deg)
}
.menu--open .menu__toggle__icon span:after {
 -moz-transform:rotate(-45deg);
 -o-transform:rotate(-45deg);
 -ms-transform:rotate(-45deg);
 -webkit-transform:rotate(-45deg);
 transform:rotate(-45deg)
}
.menu__wrap {
 position:fixed;
 z-index:90;
 top:0;
 right:0;
 bottom:0;
 left:0;
 background:rgba(255,255,255,.95);
 overflow:auto;
 visibility:hidden;
 opacity:0;
 -webkit-transition:all .2s ease-in-out;
 -moz-transition:all .2s ease-in-out;
 -ms-transition:all .2s ease-in-out;
 -o-transition:all .2s ease-in-out;
 transition:all .2s ease-in-out
}
.footer {
 padding:12px 0
}
@media only screen and (min-width:768px) {
 .footer {
  padding:12px 0
 }
}
@media only screen and (min-width:1024px) {
 .footer {
  padding:16px 0
 }
}
@media only screen and (min-width:1220px) {
 .footer {
  padding:32px 0
 }
}
.footer__text {
 color:#ABB7B7
}
.footer__copyright {
 display:block;
 margin-top:10px;
 font-size:13px;
 color:#ABB7B7
}
.footer__copyright a {
 margin-left:10px;
 color:#ABB7B7;
 font-weight:400
}
.footer__copyright a:hover {
 color:#6C7A89
}
.footer__copyright span {
 margin-top:10px;
 display:inline-block
}
@media only screen and (min-width:768px) {
 .footer__copyright span {
  margin-top:0
 }
}
.footer .socials {
 margin-top:25px
}
@media only screen and (min-width:1220px) {
 .footer .socials {
  position:absolute;
  top:0;
  right:0;
  margin-top:0
 }
}
.hero.hero--single p {
 margin-top:10px
}
.single {
 margin-top:0;
 padding-bottom:40px;
 background:#f4f5f6
}
@media only screen and (min-width:768px) {
 .single {
  padding-bottom:60px
 }
}
@media only screen and (min-width:1220px) {
 .single {
  padding-bottom:80px
 }
}
.news-entry {
 position:relative;
 margin-top:-40px;
 background:#fff;
 padding:16px 20px;
 -webkit-box-shadow:0 6px 16px rgba(0,0,0,.05);
 -moz-box-shadow:0 6px 16px rgba(0,0,0,.05);
 box-shadow:0 6px 16px rgba(0,0,0,.05)
}
@media only screen and (min-width:768px) {
 .news-entry {
  margin-top:-60px;
  padding:32px 40px;
  -webkit-box-shadow:0 10px 20px rgba(0,0,0,.05);
  -moz-box-shadow:0 10px 20px rgba(0,0,0,.05);
  box-shadow:0 10px 20px rgba(0,0,0,.05)
 }
}
@media only screen and (min-width:1024px) {
 .news-entry {
  padding:50px 60px
 }
}
@media only screen and (min-width:1220px) {
 .news-entry {
  padding:70px 80px;
  -webkit-box-shadow:0 14px 26px rgba(0,0,0,.05);
  -moz-box-shadow:0 14px 26px rgba(0,0,0,.05);
  box-shadow:0 14px 26px rgba(0,0,0,.05)
 }
}
.news-entry hr {
 margin:30px auto
}
@media only screen and (min-width:768px) {
 .news-entry hr {
  margin-top:40px;
  margin-bottom:40px
 }
}
.news-entry blockquote,
.news-entry figure {
 margin:20px auto
}
@media only screen and (min-width:768px) {
 .news-entry blockquote,
 .news-entry figure {
  margin:30px auto
 }
}
@media only screen and (min-width:1220px) {
 .news-entry blockquote,
 .news-entry figure {
  margin:40px auto
 }
}
.news-entry blockquote p {
 max-width:100%;
 padding:0
}
.news-entry p a {
 font-weight:600;
 border-bottom:2px solid #3498db
}
.news-entry p .button {
 margin-top:10px
}
.news-entry .highlighter-rouge,
.news-entry table {
 margin:20px auto;
 width:100%
}
@media only screen and (min-width:768px) {
 .news-entry .highlighter-rouge,
 .news-entry table {
  margin:30px auto
 }
}
@media only screen and (min-width:1220px) {
 .news-entry .highlighter-rouge,
 .news-entry table {
  margin:40px auto
 }
}
.news-entry .highlight {
 display:block;
 padding:0;
 line-height:1.5;
 font-size:15.3px;
 line-height:1.6;
 overflow:auto
}
@media only screen and (min-width:768px) {
 .news-entry .highlight {
  font-size:17px
 }
}
@media only screen and (min-width:1220px) {
 .news-entry .highlight {
  font-size:18.7px
 }
}
.news-entry .highlight .highlight {
 padding:20px
}
@media only screen and (min-width:768px) {
 .news-entry .highlight .highlight {
  padding:30px
 }
}
@media only screen and (min-width:1220px) {
 .news-entry .highlight .highlight {
  padding:40px
 }
}
.news-entry table {
 border:2px solid #2A2F36
}
.news-entry table thead {
 background:#2A2F36;
 color:#fff;
 text-align:left;
 font-weight:600
}
.news-entry table thead th {
 font-weight:600
}
.news-entry table td,
.news-entry table th {
 padding:10px;
 font-size:18px;
 font-weight:400
}
@media only screen and (min-width:768px) {
 .news-entry table td,
 .news-entry table th {
  padding:15px
 }
}
@media only screen and (min-width:1220px) {
 .news-entry table td,
 .news-entry table th {
  padding:20px;
  font-size:20px
 }
}
.news-entry table tr:nth-child(2n) {
 background:#f4f5f6
}
.image-wrap,
.video-wrap {
 position:relative;
 margin:20px auto
}
@media only screen and (min-width:768px) {
 .image-wrap,
 .video-wrap {
  margin:30px auto
 }
}
@media only screen and (min-width:1220px) {
 .image-wrap,
 .video-wrap {
  margin:40px auto
 }
}
.image-wrap:first-child,
.video-wrap:first-child {
 margin-top:0
}
.image-wrap img {
 margin:0 auto
}
.video {
 position:relative;
 width:100%;
 height:0
}
.video iframe {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%
}
.socials {
 list-style:none;
 margin:0;
 padding:0
}
.socials__item {
 display:inline-block;
 margin-left:2px
}
.socials__item:first-child {
 margin-left:0
}
.socials__item__link {
 position:relative;
 display:block;
 width:40px;
 height:40px;
 border-radius:100%;
 background:#ABB7B7;
 font-size:20px;
 line-height:1;
 color:#fff
}
@media only screen and (min-width:768px) {
 .socials__item__link {
  width:50px;
  height:50px;
  font-size:25px
 }
}
.socials__item__link svg {
 position:absolute;
 top:50%;
 left:50%;
 -moz-transform:translate(-50%,-52%);
 -o-transform:translate(-50%,-52%);
 -ms-transform:translate(-50%,-52%);
 -webkit-transform:translate(-50%,-52%);
 transform:translate(-50%,-52%)
}
.socials__item__link:hover {
 background:#3498db;
 color:#fff
}
.gallery {
 visibility:hidden;
 position:relative;
 margin:20px auto
}
@media only screen and (min-width:768px) {
 .gallery {
  margin:30px auto
 }
}
@media only screen and (min-width:1220px) {
 .gallery {
  margin:40px auto
 }
}
.gallery:first-child {
 margin-top:0
}
.gallery--on {
 visibility:visible
}
.gallery__item {
 position:relative
}
.gallery__item img {
 width:100%
}
.gallery--carousel .gallery__item__link {
 display:block;
 pointer-events:none
}
.gallery--carousel .owl-nav {
 display:none
}
.gallery--carousel .owl-dots {
 margin-top:20px;
 text-align:center
}
.gallery--carousel .owl-dots .owl-dot {
 display:inline-block;
 margin:0 3px;
 width:12px;
 height:12px;
 border:0;
 border-radius:100%;
 background:#ABB7B7;
 -webkit-transition:all .2s ease-in-out;
 -moz-transition:all .2s ease-in-out;
 -ms-transition:all .2s ease-in-out;
 -o-transition:all .2s ease-in-out;
 transition:all .2s ease-in-out;
 cursor:pointer;
 outline:0
}
.gallery--carousel .owl-dots .owl-dot.active {
 background:#3498db
}
.gallery--grid .gallery__wrap {
 margin-left:-5px;
 margin-right:-5px
}
.gallery--grid .gallery__item {
 float:left;
 width:50%;
 padding:5px
}
.gallery--grid .gallery__item__link {
 display:block;
 cursor:zoom-in
}
.gallery--grid[data-columns="3"] .gallery__item {
 width:33.33%
}
.gallery--grid[data-columns="4"] .gallery__item {
 width:33.33%
}
@media only screen and (min-width:768px) {
 .gallery--grid[data-columns="4"] .gallery__item {
  width:25%
 }
}
.gallery--grid[data-columns="5"] .gallery__item {
 width:33.33%
}
@media only screen and (min-width:768px) {
 .gallery--grid[data-columns="5"] .gallery__item {
  width:25%
 }
}
@media only screen and (min-width:1024px) {
 .gallery--grid[data-columns="5"] .gallery__item {
  width:20%
 }
}
.gallery--grid[data-columns="6"] .gallery__item {
 width:33.33%
}
@media only screen and (min-width:768px) {
 .gallery--grid[data-columns="6"] .gallery__item {
  width:25%
 }
}
@media only screen and (min-width:1024px) {
 .gallery--grid[data-columns="6"] .gallery__item {
  width:20%
 }
}
@media only screen and (min-width:1220px) {
 .gallery--grid[data-columns="6"] .gallery__item {
  width:16.66%
 }
}
 
.entry {
 position:relative;
 float:left;
 clear:both;
 width:100%;
 margin-top:30px;
 cursor:pointer
}
.entry:first-child {
 margin-top:0
}
@media only screen and (min-width:1024px) {
 .entry {
  margin-top:60px;
  background:#f4f5f6
 }
}
.entry:hover .entry__image {
 -moz-transform:scale(1.2);
 -o-transform:scale(1.2);
 -ms-transform:scale(1.2);
 -webkit-transform:scale(1.2);
 transform:scale(1.2)
}
.entry:hover .entry__content {
 -webkit-box-shadow:0 6px 16px rgba(0,0,0,.1);
 -moz-box-shadow:0 6px 16px rgba(0,0,0,.1);
 box-shadow:0 6px 16px rgba(0,0,0,.1)
}
.entry:hover .entry__title a {
 color:#3498db
}
@media only screen and (min-width:1024px) {
 .entry:nth-child(2n) .entry__image-wrap {
  left:auto;
  right:0
 }
 .entry:nth-child(2n) .entry__content-wrap {
  float:left;
  padding:30px 0 30px 30px
 }
 .entry:nth-child(2n) .entry__content {
  margin:0 -30px 0 0
 }
}
.entry__image-wrap {
 position:relative;
 height:0;
 margin:0;
 padding-bottom:56.25%;
 overflow:hidden
}
@media only screen and (min-width:1024px) {
 .entry__image-wrap {
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  width:50%;
  height:auto;
  padding-bottom:0
 }
}
.entry__image {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 background-position:center;
 background-repeat:no-repeat;
 background-size:cover;
 -webkit-transition:all 1s cubic-bezier(.2,.3,0,1);
 -moz-transition:all 1s cubic-bezier(.2,.3,0,1);
 -ms-transition:all 1s cubic-bezier(.2,.3,0,1);
 -o-transition:all 1s cubic-bezier(.2,.3,0,1);
 transition:all 1s cubic-bezier(.2,.3,0,1)
}
.entry__content-wrap {
 float:left;
 width:100%;
 position:relative;
 padding:0 20px 20px;
 background:#f4f5f6
}
@media only screen and (min-width:768px) {
 .entry__content-wrap {
  padding:0 30px 30px
 }
}
@media only screen and (min-width:1024px) {
 .entry__content-wrap {
  float:right;
  padding:30px 30px 30px 0;
  width:50%
 }
}
.entry__content {
 position:relative;
 margin-top:-20px;
 padding:20px;
 background:#fff;
 -webkit-box-shadow:0 6px 16px rgba(0,0,0,.05);
 -moz-box-shadow:0 6px 16px rgba(0,0,0,.05);
 box-shadow:0 6px 16px rgba(0,0,0,.05);
 -webkit-transition:all .4s cubic-bezier(.2,.3,0,1);
 -moz-transition:all .4s cubic-bezier(.2,.3,0,1);
 -ms-transition:all .4s cubic-bezier(.2,.3,0,1);
 -o-transition:all .4s cubic-bezier(.2,.3,0,1);
 transition:all .4s cubic-bezier(.2,.3,0,1)
}
@media only screen and (min-width:768px) {
 .entry__content {
  margin-top:-30px;
  padding:30px
 }
}
@media only screen and (min-width:1024px) {
 .entry__content {
  margin:0 0 0 -30px;
  min-height:400px
 }
}
.entry__title a {
 font-weight:700
}
.entry__subtitle {
 margin-top:5px;
 font-size:15px;
 color:#3498db
}
.pagination {
 margin-top:30px
}
@media only screen and (min-width:1024px) {
 .pagination {
  margin-top:60px
 }
}
.pagination__next,
.pagination__prev {
 width:50%;
 padding:20px;
 border:0
}
@media only screen and (min-width:768px) {
 .pagination__next,
 .pagination__prev {
  padding:30px;
  font-size:18px
 }
}
@media only screen and (min-width:1220px) {
 .pagination__next,
 .pagination__prev {
  font-size:20px
 }
}
.pagination__next:hover,
.pagination__prev:hover {
 background:#3498db
}
.pagination__prev {
 float:left;
 background:#6C7A89
}
.pagination__next {
 float:right;
 text-align:right;
 background:#2A2F36
}
.hero {
    margin-top:2px;
    position:relative;
    padding: 40px 0 40px;
    background:#132930
}
@media only screen and (min-width:768px) {
 .hero {
  margin-top:2px;
  padding:60px 0 80px
 }
}
@media only screen and (min-width:1220px) {
 .hero {
  margin-top:4px;
  padding:120px 0 120px
 }
}
.hero h1 {
 color:#fff
}
@media only screen and (min-width:768px) {
 .hero h1 {
  white-space:pre-line
 }
}
.hero p {
 color:rgba(255,255,255,.8)
}
@media only screen and (min-width:768px) {
 .hero p {
  margin-top:25px
 }
}
@media only screen and (min-width:1220px) {
 .hero p {
  margin-top:30px
 }
}

.hero__image {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 background-position:center;
 background-repeat:no-repeat;
 background-size:cover
}
.hero__overlay {
 position:absolute;
 top:0;
 right:0;
 bottom:0;
 left:0;
 background: rgba(80, 152, 164, 0.5);
}