@charset "utf-8";/*
--------------------
Fonts
--------------------
*/
@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=c39f844e-f829-4a76-9d52-806c19b46a8a");
@font-face {
  font-family: "Avenir LT W01_35 Light";
  src: url("/assets/fonts/Avenir_LT_W01_35_Light/edefe737-dc78-4aa3-ad03-3c6f908330ed.eot?#iefix");
  src: url("/assets/fonts/Avenir_LT_W01_35_Light/edefe737-dc78-4aa3-ad03-3c6f908330ed.eot?#iefix") format("eot"), url("/assets/fonts/Avenir_LT_W01_35_Light/0078f486-8e52-42c0-ad81-3c8d3d43f48e.woff2") format("woff2"), url("/assets/fonts/Avenir_LT_W01_35_Light/908c4810-64db-4b46-bb8e-823eb41f68c0.woff") format("woff"), url("/assets/fonts/Avenir_LT_W01_35_Light/4577388c-510f-4366-addb-8b663bcc762a.ttf") format("truetype"), url("/assets/fonts/Avenir_LT_W01_35_Light/b0268c31-e450-4159-bfea-e0d20e2b5c0c.svg#b0268c31-e450-4159-bfea-e0d20e2b5c0c") format("svg"); }
@font-face {
  font-family: "Avenir LT W01_85 Heavy";
  src: url("/assets/fonts/Avenir_LT_W01_85_Heavy/6af9989e-235b-4c75-8c08-a83bdaef3f66.eot?#iefix");
  src: url("/assets/fonts/Avenir_LT_W01_85_Heavy/6af9989e-235b-4c75-8c08-a83bdaef3f66.eot?#iefix") format("eot"), url("/assets/fonts/Avenir_LT_W01_85_Heavy/d513e15e-8f35-4129-ad05-481815e52625.woff2") format("woff2"), url("/assets/fonts/Avenir_LT_W01_85_Heavy/61bd362e-7162-46bd-b67e-28f366c4afbe.woff") format("woff"), url("/assets/fonts/Avenir_LT_W01_85_Heavy/ccd17c6b-e7ed-4b73-b0d2-76712a4ef46b.ttf") format("truetype"), url("/assets/fonts/Avenir_LT_W01_85_Heavy/20577853-40a7-4ada-a3fb-dd6e9392f401.svg#20577853-40a7-4ada-a3fb-dd6e9392f401") format("svg"); }
@font-face {
  font-family: "ITCCaslon224W01-Medium";
  src: url("/assets/fonts/ITCCaslon224W01-Medium/9b546b05-4959-4fbc-9f97-2fbf672ef9f0.eot?#iefix");
  src: url("/assets/fonts/ITCCaslon224W01-Medium/9b546b05-4959-4fbc-9f97-2fbf672ef9f0.eot?#iefix") format("eot"), url("/assets/fonts/ITCCaslon224W01-Medium/35210c31-cf41-4d48-90dd-4cc8d97f2403.woff2") format("woff2"), url("/assets/fonts/ITCCaslon224W01-Medium/2d2fe8d8-236f-4391-b07c-5a0d88df293b.woff") format("woff"), url("/assets/fonts/ITCCaslon224W01-Medium/5f5fab19-a420-4746-9a33-f6d8489019b4.ttf") format("truetype"), url("/assets/fonts/ITCCaslon224W01-Medium/c36782d1-d813-4a1c-8b70-cc8b72525c93.svg#c36782d1-d813-4a1c-8b70-cc8b72525c93") format("svg"); }
@font-face {
  font-family: "Avenir LT W01_95 Black";
  src: url("/assets/fonts/Avenir_LT_W01_95_Black/a24b3f55-c8c8-41a1-a77e-7cdf417d82f6.eot?#iefix");
  src: url("/assets/fonts/Avenir_LT_W01_95_Black/a24b3f55-c8c8-41a1-a77e-7cdf417d82f6.eot?#iefix") format("eot"), url("/assets/fonts/Avenir_LT_W01_95_Black/16695c2d-c755-45a2-bdcf-c54843f39afd.woff2") format("woff2"), url("/assets/fonts/Avenir_LT_W01_95_Black/5a05cf7f-f332-456f-ae67-d8c26e0d35b3.woff") format("woff"), url("/assets/fonts/Avenir_LT_W01_95_Black/c33278bc-988e-440b-b4be-6acc095e6044.ttf") format("truetype"), url("/assets/fonts/Avenir_LT_W01_95_Black/7bdad4a5-289b-42f9-b6fa-c5883b9e9f23.svg#7bdad4a5-289b-42f9-b6fa-c5883b9e9f23") format("svg"); }

/*
--------------------
NORMALIZE
--------------------
*/
/*---Reset Stylesheet---*/
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,
a, small, strong, var, b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/*---HTML5 Definitions---*/
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

/*
--------------------
Cols
--------------------
*/
/*--- Old grid ---*/
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16, .colp-1, .colp-2, .colp-3, .colp-4, .colp-5, .colp-6, .colp-7, .colp-8, .colp-9, .colp-10, .colp-11, .colp-12, .colp-13, .colp-14, .colp-15, .colp-16, .cont-1, .cont-2, .cont-3, .cont-4, .cont-5, .cont-6, .cont-7, .cont-8, .cont-9, .cont-10, .cont-11, .cont-12, .cont-13, .cont-14, .cont-15, .cont-16 {
  display: inline;
  float: left;
  overflow: hidden; }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15, .col-16, .colp-1, .colp-2, .colp-3, .colp-4, .colp-5, .colp-6, .colp-7, .colp-8, .colp-9, .colp-10, .colp-11, .colp-12, .colp-13, .colp-14, .colp-15, .colp-16 {
  margin-right: 20px; }

.colh-1, .colh-2, .colh-3, .colh-4, .colh-5, .colh-6, .colh-7, .colh-8, .colh-9, .colh-10, .colh-11, .colh-12, .colh-13, .colh-14, .colh-15, .colh-16, .colph-1, .colph-2, .colph-3, .colph-4, .colph-5, .colph-6, .colph-7, .colph-8, .colph-9, .colph-10, .colph-11, .colph-12, .colph-13, .colph-14, .colph-15, .colph-16 {
  margin-bottom: 20px; }

.colp-1, .colp-2, .colp-3, .colp-4, .colp-5, .colp-6, .colp-7, .colp-8, .colp-9, .colp-10, .colp-11, .colp-12, .colp-13, .colp-14, .colp-15, .colp-16, .colph-1, .colph-2, .colph-3, .colph-4, .colph-5, .colph-6, .colph-7, .colph-8, .colph-9, .colph-10, .colph-11, .colph-12, .colph-13, .colph-14, .colph-15, .colph-16 {
  padding: 20px 20px 20px 20px; }

.col-1 {
  width: 60px; }

.col-2 {
  width: 140px; }

.col-3 {
  width: 220px; }

.col-4 {
  width: 300px; }

.col-5 {
  width: 380px; }

.col-6 {
  width: 460px; }

.col-7 {
  width: 540px; }

.col-8 {
  width: 620px; }

.col-9 {
  width: 700px; }

.col-10 {
  width: 780px; }

.col-11 {
  width: 860px; }

.col-12 {
  width: 940px; }

.col-13 {
  width: 1020px; }

.col-14 {
  width: 1100px; }

.col-15 {
  width: 1180px; }

.col-16 {
  width: 1260px; }

.colh-1 {
  height: 60px; }

.colh-2 {
  height: 140px; }

.colh-3 {
  height: 220px; }

.colh-4 {
  height: 300px; }

.colh-5 {
  height: 380px; }

.colh-6 {
  height: 460px; }

.colh-7 {
  height: 540px; }

.colh-8 {
  height: 620px; }

.colh-9 {
  height: 700px; }

.colh-10 {
  height: 780px; }

.colh-11 {
  height: 860px; }

.colh-12 {
  height: 940px; }

.colh-13 {
  height: 1020px; }

.colh-14 {
  height: 1100px; }

.colh-15 {
  height: 1180px; }

.colh-16 {
  height: 1260px; }

.cont-1 {
  width: 80px; }

.cont-2 {
  width: 160px; }

.cont-3 {
  width: 240px; }

.cont-4 {
  width: 320px; }

.cont-5 {
  width: 400px; }

.cont-6 {
  width: 480px; }

.cont-7 {
  width: 560px; }

.cont-8 {
  width: 640px; }

.cont-9 {
  width: 720px; }

.cont-10 {
  width: 800px; }

.cont-11 {
  width: 880px; }

.cont-12 {
  width: 960px; }

.cont-13 {
  width: 1040px; }

.cont-14 {
  width: 1120px; }

.cont-15 {
  width: 1200px; }

.cont-16 {
  width: 1280px; }

.conth-1 {
  height: 80px; }

.conth-2 {
  height: 160px; }

.conth-3 {
  height: 240px; }

.conth-4 {
  height: 320px; }

.conth-5 {
  height: 400px; }

.conth-6 {
  height: 480px; }

.conth-7 {
  height: 560px; }

.conth-8 {
  height: 640px; }

.conth-9 {
  height: 720px; }

.conth-10 {
  height: 800px; }

.conth-11 {
  height: 880px; }

.conth-12 {
  height: 960px; }

.conth-13 {
  height: 1040px; }

.conth-14 {
  height: 1120px; }

.conth-15 {
  height: 1200px; }

.conth-16 {
  height: 1280px; }

.colp-1 {
  width: 20px; }

.colp-2 {
  width: 100px; }

.colp-3 {
  width: 180px; }

.colp-4 {
  width: 260px; }

.colp-5 {
  width: 340px; }

.colp-6 {
  width: 420px; }

.colp-7 {
  width: 500px; }

.colp-8 {
  width: 580px; }

.colp-9 {
  width: 660px; }

.colp-10 {
  width: 740px; }

.colp-11 {
  width: 820px; }

.colp-12 {
  width: 900px; }

.colp-13 {
  width: 980px; }

.colp-14 {
  width: 1060px; }

.colp-15 {
  width: 1140px; }

.colp-16 {
  width: 1220px; }

.colph-1 {
  height: 20px; }

.colph-2 {
  height: 100px; }

.colph-3 {
  height: 180px; }

.colph-4 {
  height: 260px; }

.colph-5 {
  height: 340px; }

.colph-6 {
  height: 420px; }

.colph-7 {
  height: 500px; }

.colph-8 {
  height: 580px; }

.colph-9 {
  height: 660px; }

.colph-10 {
  height: 740px; }

.colph-11 {
  height: 820px; }

.colph-12 {
  height: 900px; }

.colph-13 {
  height: 980px; }

.colph-14 {
  height: 1060px; }

.colph-15 {
  height: 1140px; }

.colph-16 {
  height: 1220px; }

.left-1 {
  margin-left: 80px; }

.left-2 {
  margin-left: 160px; }

.left-3 {
  margin-left: 240px; }

.left-4 {
  margin-left: 320px; }

.left-5 {
  margin-left: 400px; }

.left-6 {
  margin-left: 480px; }

.left-7 {
  margin-left: 560px; }

.left-8 {
  margin-left: 640px; }

.left-9 {
  margin-left: 720px; }

.left-10 {
  margin-left: 800px; }

.left-11 {
  margin-left: 880px; }

.left-12 {
  margin-left: 960px; }

.left-13 {
  margin-left: 1040px; }

.left-14 {
  margin-left: 1120px; }

.left-15 {
  margin-left: 1200px; }

.left-16 {
  margin-left: 1280px; }

.right-1 {
  margin-right: 80px; }

.right-2 {
  margin-right: 160px; }

.right-3 {
  margin-right: 240px; }

.right-4 {
  margin-right: 320px; }

.right-5 {
  margin-right: 400px; }

.right-6 {
  margin-right: 480px; }

.right-7 {
  margin-right: 560px; }

.right-8 {
  margin-right: 640px; }

.right-9 {
  margin-right: 720px; }

.right-10 {
  margin-right: 800px; }

.right-11 {
  margin-right: 880px; }

.right-12 {
  margin-right: 960px; }

.right-13 {
  margin-right: 1040px; }

.right-14 {
  margin-right: 1120px; }

.right-15 {
  margin-right: 1200px; }

.right-16 {
  margin-right: 1280px; }

@media screen and (max-width: 1000px) {
  .left-1, .left-2, .left-3 {
    margin-left: 20px; }

  .right-1, .right-2, .right-3 {
    margin-right: 20px; }

  .left-6 {
    margin-left: 260px; }

  .right-6 {
    margin-right: 260px; }

  .left-7 {
    margin-left: 340px; }

  .right-7 {
    margin-right: 340px; }

  .left-8 {
    margin-left: 420px; }

  .right-8 {
    margin-right: 420px; }

  .left-9 {
    margin-left: 500px; }

  .right-9 {
    margin-right: 500px; }

  .left-10 {
    margin-left: 580px; }

  .right-10 {
    margin-right: 580px; }

  .left-11 {
    margin-left: 660px; }

  .right-11 {
    margin-right: 660px; }

  .left-12 {
    margin-left: 740px; }

  .right-12 {
    margin-right: 740px; }

  .left-13 {
    margin-left: 820px; }

  .right-13 {
    margin-right: 820px; }

  .left-14 {
    margin-left: 900px; }

  .right-14 {
    margin-right: 900px; }

  .left-15 {
    margin-left: 980px; }

  .right-15 {
    margin-right: 980px; }

  .left-16 {
    margin-left: 1060px; }

  .right-16 {
    margin-right: 1060px; } }
@media only screen and (max-width: 700px) {
  .mq-left-6 {
    margin-left: 20px; }

  .mq-left-7 {
    margin-left: 20px; }

  .mq-left-8 {
    margin-left: 20px; }

  .mq-left-9 {
    margin-left: 20px; }

  .mq-left-10 {
    margin-left: 20px; }

  .mq-left-11 {
    margin-left: 20px; }

  .mq-left-12 {
    margin-left: 20px; }

  .mq-left-13 {
    margin-left: 20px; }

  .mq-left-14 {
    margin-left: 20px; }

  .mq-left-15 {
    margin-left: 20px; }

  .mq-left-16 {
    margin-left: 20px; } }
/*--- New grid ---*/
.col2-1, .col2-2, .col2-3, .col2-4, .col2-5, .col2-6, .col2-7, .col2-8, .col2-9, .col2-10, .col2-11, .col2-12, .colp2-1, .colp2-2, .colp2-3, .colp2-4, .colp2-5, .colp2-6, .colp2-7, .colp2-8, .colp2-9, .colp2-10, .colp2-11, .colp2-12, .cont2-1, .cont2-2, .cont2-3, .cont2-4, .cont2-5, .cont2-6, .cont2-7, .cont2-8, .cont2-9, .cont2-10, .cont2-11, .cont2-12 {
  display: inline;
  float: left;
  overflow: hidden; }

.col2-1, .col2-2, .col2-3, .col2-4, .col2-5, .col2-6, .col2-7, .col2-8, .col2-9, .col2-10, .col2-11, .col2-12, .colp2-1, .colp2-2, .colp2-3, .colp2-4, .colp2-5, .colp2-6, .colp2-7, .colp2-8, .colp2-9, .colp2-10, .colp2-11, .colp2-12 {
  margin-right: 20px; }

.colh2-1, .colh2-2, .colh2-3, .colh2-4, .colh2-5, .colh2-6, .colh2-7, .colh2-8, .colh2-9, .colh2-10, .colh2-11, .colh2-12, .colph2-1, .colph2-2, .colph2-3, .colph2-4, .colph2-5, .colph2-6, .colph2-7, .colph2-8, .colph2-9, .colph2-10, .colph2-11, .colph2-12 {
  margin-bottom: 20px; }

.colp2-1, .colp2-2, .colp2-3, .colp2-4, .colp2-5, .colp2-6, .colp2-7, .colp2-8, .colp2-9, .colp2-10, .colp2-11, .colp2-12, .colph2-1, .colph2-2, .colph2-3, .colph2-4, .colph2-5, .colph2-6, .colph2-7, .colph2-8, .colph2-9, .colph2-10, .colph2-11, .colph2-12 {
  padding: 20px 20px 20px 20px; }

.col2-1 {
  width: 58px; }

.col2-2 {
  width: 136px; }

.col2-3 {
  width: 214px; }

.col2-4 {
  width: 292px; }

.col2-5 {
  width: 370px; }

.col2-6 {
  width: 448px; }

.col2-7 {
  width: 526px; }

.col2-8 {
  width: 604px; }

.col2-9 {
  width: 682px; }

.col2-10 {
  width: 760px; }

.col2-11 {
  width: 838px; }

.col2-12 {
  width: 916px; }

.colh2-1 {
  height: 58px; }

.colh2-2 {
  height: 136px; }

.colh2-3 {
  height: 214px; }

.colh2-4 {
  height: 292px; }

.colh2-5 {
  height: 370px; }

.colh2-6 {
  height: 448px; }

.colh2-7 {
  height: 526px; }

.colh2-8 {
  height: 604px; }

.colh2-9 {
  height: 682px; }

.colh2-10 {
  height: 760px; }

.colh2-11 {
  height: 838px; }

.colh2-12 {
  height: 916px; }

.cont2-1 {
  width: 78px; }

.cont2-2 {
  width: 156px; }

.cont2-3 {
  width: 234px; }

.cont2-4 {
  width: 312px; }

.cont2-5 {
  width: 390px; }

.cont2-6 {
  width: 468px; }

.cont2-7 {
  width: 546px; }

.cont2-8 {
  width: 624px; }

.cont2-9 {
  width: 702px; }

.cont2-10 {
  width: 780px; }

.cont2-11 {
  width: 858px; }

.cont2-12 {
  width: 936px; }

.conth2-1 {
  height: 78px; }

.conth2-2 {
  height: 156px; }

.conth2-3 {
  height: 234px; }

.conth2-4 {
  height: 312px; }

.conth2-5 {
  height: 390px; }

.conth2-6 {
  height: 468px; }

.conth2-7 {
  height: 546px; }

.conth2-8 {
  height: 624px; }

.conth2-9 {
  height: 702px; }

.conth2-10 {
  height: 780px; }

.conth2-11 {
  height: 858px; }

.conth2-12 {
  height: 936px; }

.colp2-1 {
  width: 18px; }

.colp2-2 {
  width: 96px; }

.colp2-3 {
  width: 174px; }

.colp2-4 {
  width: 252px; }

.colp2-5 {
  width: 330px; }

.colp2-6 {
  width: 408px; }

.colp2-7 {
  width: 486px; }

.colp2-8 {
  width: 564px; }

.colp2-9 {
  width: 642px; }

.colp2-10 {
  width: 720px; }

.colp2-11 {
  width: 798px; }

.colp2-12 {
  width: 876px; }

.colph2-1 {
  height: 18px; }

.colph2-2 {
  height: 96px; }

.colph2-3 {
  height: 174px; }

.colph2-4 {
  height: 252px; }

.colph2-5 {
  height: 330px; }

.colph2-6 {
  height: 408px; }

.colph2-7 {
  height: 486px; }

.colph2-8 {
  height: 564px; }

.colph2-9 {
  height: 642px; }

.colph2-10 {
  height: 720px; }

.colph2-11 {
  height: 798px; }

.colph2-12 {
  height: 876px; }

.left2-1 {
  margin-left: 78px; }

.left2-2 {
  margin-left: 156px; }

.left2-3 {
  margin-left: 234px; }

.left2-4 {
  margin-left: 312px; }

.left2-5 {
  margin-left: 390px; }

.left2-6 {
  margin-left: 468px; }

.left2-7 {
  margin-left: 546px; }

.left2-8 {
  margin-left: 624px; }

.left2-9 {
  margin-left: 702px; }

.left2-10 {
  margin-left: 780px; }

.left2-11 {
  margin-left: 858px; }

.left2-12 {
  margin-left: 936px; }

.right2-1 {
  margin-right: 78px; }

.right2-2 {
  margin-right: 156px; }

.right2-3 {
  margin-right: 234px; }

.right2-4 {
  margin-right: 312px; }

.right2-5 {
  margin-right: 390px; }

.right2-6 {
  margin-right: 468px; }

.right2-7 {
  margin-right: 546px; }

.right2-8 {
  margin-right: 624px; }

.right2-9 {
  margin-right: 702px; }

.right2-10 {
  margin-right: 780px; }

.right2-11 {
  margin-right: 858px; }

.right2-12 {
  margin-right: 936px; }

.right2-13 {
  margin-right: px; }

.right2-14 {
  margin-right: px; }

.right2-15 {
  margin-right: px; }

.right2-16 {
  margin-right: px; }

/* Media Queries */
@media only screen and (max-width: 1200px) {
  /* Conts */
  .mq-large-cont {
    width: 780px; }

  .mq-double-cont {
    width: 390px; }

  /* Cols */
  .mq-large-col {
    width: 760px; }

  .mq-double-col {
    width: 370px; }

  .mq-left2-6 {
    margin-left: 312px; }

  .mq-left2-7 {
    margin-left: 390px; }

  .mq-left2-8 {
    margin-left: 468px; }

  .mq-left2-9 {
    margin-left: 546px; }

  .mq-left2-10 {
    margin-left: 624px; }

  .mq-left2-11 {
    margin-left: 702px; }

  .mq-left2-12 {
    margin-left: 780px; }

  .mq-left2-13 {
    margin-left: 858px; }

  .mq-left2-14 {
    margin-left: 936px; }

  .mq-left2-15 {
    margin-left: px; }

  .mq-left2-16 {
    margin-left: px; } }
@media only screen and (max-width: 1000px) {
  /* Conts */
  .mq-large-cont,
  .mq-medium-cont {
    width: 624px; }

  .mq-double-cont {
    width: 312px; }

  .mq-tablet-double-cont {
    width: 624px; }

  /* Cols */
  .mq-large-col,
  .mq-medium-col {
    width: 604px; }

  .mq-double-col {
    width: 292px; }

  .mq-tablet-double-col {
    width: 604px; }

  .mq-left2-6 {
    margin-left: 234px; }

  .mq-left2-7 {
    margin-left: 312px; }

  .mq-left2-8 {
    margin-left: 390px; }

  .mq-left2-9 {
    margin-left: 468px; }

  .mq-left2-10 {
    margin-left: 546px; }

  .mq-left2-11 {
    margin-left: 624px; }

  .mq-left2-12 {
    margin-left: 702px; }

  .mq-left2-13 {
    margin-left: 780px; }

  .mq-left2-14 {
    margin-left: 858px; }

  .mq-left2-15 {
    margin-left: 936px; }

  .mq-left2-16 {
    margin-left: px; } }
@media only screen and (max-width: 900px) {
  /* Conts */
  .mq-large-cont,
  .mq-medium-cont {
    width: 468px; }

  .mq-small-cont {
    width: 390px; }

  .mq-double-cont {
    width: 312px; }

  .mq-tablet-double-cont {
    width: 624px; }

  /* Cols */
  .mq-large-col,
  .mq-medium-col {
    width: 448px; }

  .mq-small-col {
    width: 370px; }

  .mq-double-col {
    width: 292px; }

  .mq-tablet-double-col {
    width: 604px; }

  .mq-left2-6 {
    margin-left: 234px; }

  .mq-left2-7 {
    margin-left: 312px; }

  .mq-left2-8 {
    margin-left: 390px; }

  .mq-left2-9 {
    margin-left: 468px; }

  .mq-left2-10 {
    margin-left: 546px; }

  .mq-left2-11 {
    margin-left: 624px; }

  .mq-left2-12 {
    margin-left: 702px; }

  .mq-left2-13 {
    margin-left: 780px; }

  .mq-left2-14 {
    margin-left: 858px; }

  .mq-left2-15 {
    margin-left: 936px; }

  .mq-left2-16 {
    margin-left: px; } }
@media only screen and (max-width: 700px) {
  /* Conts */
  .mq-large-cont,
  .mq-medium-cont,
  .mq-small-cont,
  .mq-xsmall-cont {
    width: auto; }

  .mq-double-cont {
    width: auto; }

  /* Cols */
  .mq-large-col,
  .mq-medium-col,
  .mq-small-col,
  .mq-xsmall-col {
    width: auto; }

  .mq-double-col {
    width: calc(100% - 20px); }

  .mq-left2-6 {
    margin-left: 0; }

  .mq-left2-7 {
    margin-left: 0; }

  .mq-left2-8 {
    margin-left: 0; }

  .mq-left2-9 {
    margin-left: 0; }

  .mq-left2-10 {
    margin-left: 0; }

  .mq-left2-11 {
    margin-left: 0; }

  .mq-left2-12 {
    margin-left: 0; }

  .mq-left2-13 {
    margin-left: 0; }

  .mq-left2-14 {
    margin-left: 0; }

  .mq-left2-15 {
    margin-left: 0; }

  .mq-left2-16 {
    margin-left: 0; } }
/*--- 2019 Yacht section grid without gutters ---*/
.cola-1, .cola-2, .cola-3, .cola-4, .cola-5, .cola-6, .cola-7, .cola-8, .cola-9, .cola-10, .cola-11, .cola-12 {
  display: inline;
  float: left;
  overflow: hidden;
  margin-bottom: 50px; }

.cola-full {
  width: calc( ( 50vw + 300px ) * 1);
  margin: 0 auto; }

.righta {
  float: right; }

.cleara {
  clear: left; }

.cola-1 {
  width: calc( ( 50vw + 300px ) * 0.083333333333333); }

.lefta-1 {
  margin-left: calc( ( 50vw + 300px ) * 0.083333333333333); }

.righta-1 {
  margin-right: calc( ( 50vw + 300px ) * 0.083333333333333); }

.cola-2 {
  width: calc( ( 50vw + 300px ) * 0.16666666666667); }

.lefta-2 {
  margin-left: calc( ( 50vw + 300px ) * 0.16666666666667); }

.righta-2 {
  margin-right: calc( ( 50vw + 300px ) * 0.16666666666667); }

.cola-3 {
  width: calc( ( 50vw + 300px ) * 0.25); }

.lefta-3 {
  margin-left: calc( ( 50vw + 300px ) * 0.25); }

.righta-3 {
  margin-right: calc( ( 50vw + 300px ) * 0.25); }

.cola-4 {
  width: calc( ( 50vw + 300px ) * 0.33333333333333); }

.lefta-4 {
  margin-left: calc( ( 50vw + 300px ) * 0.33333333333333); }

.righta-4 {
  margin-right: calc( ( 50vw + 300px ) * 0.33333333333333); }

.cola-5 {
  width: calc( ( 50vw + 300px ) * 0.41666666666667); }

.lefta-5 {
  margin-left: calc( ( 50vw + 300px ) * 0.41666666666667); }

.righta-5 {
  margin-right: calc( ( 50vw + 300px ) * 0.41666666666667); }

.cola-6 {
  width: calc( ( 50vw + 300px ) * 0.5); }

.lefta-6 {
  margin-left: calc( ( 50vw + 300px ) * 0.5); }

.righta-6 {
  margin-right: calc( ( 50vw + 300px ) * 0.5); }

.cola-7 {
  width: calc( ( 50vw + 300px ) * 0.58333333333333); }

.lefta-7 {
  margin-left: calc( ( 50vw + 300px ) * 0.58333333333333); }

.righta-7 {
  margin-right: calc( ( 50vw + 300px ) * 0.58333333333333); }

.cola-8 {
  width: calc( ( 50vw + 300px ) * 0.66666666666667); }

.lefta-8 {
  margin-left: calc( ( 50vw + 300px ) * 0.66666666666667); }

.righta-8 {
  margin-right: calc( ( 50vw + 300px ) * 0.66666666666667); }

.cola-9 {
  width: calc( ( 50vw + 300px ) * 0.75); }

.lefta-9 {
  margin-left: calc( ( 50vw + 300px ) * 0.75); }

.righta-9 {
  margin-right: calc( ( 50vw + 300px ) * 0.75); }

.cola-10 {
  width: calc( ( 50vw + 300px ) * 0.83333333333333); }

.lefta-10 {
  margin-left: calc( ( 50vw + 300px ) * 0.83333333333333); }

.righta-10 {
  margin-right: calc( ( 50vw + 300px ) * 0.83333333333333); }

.cola-11 {
  width: calc( ( 50vw + 300px ) * 0.91666666666667); }

.lefta-11 {
  margin-left: calc( ( 50vw + 300px ) * 0.91666666666667); }

.righta-11 {
  margin-right: calc( ( 50vw + 300px ) * 0.91666666666667); }

.cola-12 {
  width: calc( ( 50vw + 300px ) * 1); }

.lefta-12 {
  margin-left: calc( ( 50vw + 300px ) * 1); }

.righta-12 {
  margin-right: calc( ( 50vw + 300px ) * 1); }

.lefta-1 {
  margin-left: calc( ( 50vw + 300px ) * 0.083333333333333); }

.lefta-2 {
  margin-left: calc( ( 50vw + 300px ) * 0.16666666666667); }

.lefta-3 {
  margin-left: calc( ( 50vw + 300px ) * 0.25); }

.lefta-4 {
  margin-left: calc( ( 50vw + 300px ) * 0.33333333333333); }

.lefta-5 {
  margin-left: calc( ( 50vw + 300px ) * 0.41666666666667); }

.lefta-6 {
  margin-left: calc( ( 50vw + 300px ) * 0.5); }

.lefta-7 {
  margin-left: calc( ( 50vw + 300px ) * 0.58333333333333); }

.lefta-8 {
  margin-left: calc( ( 50vw + 300px ) * 0.66666666666667); }

.lefta-9 {
  margin-left: calc( ( 50vw + 300px ) * 0.75); }

.lefta-10 {
  margin-left: calc( ( 50vw + 300px ) * 0.83333333333333); }

.lefta-11 {
  margin-left: calc( ( 50vw + 300px ) * 0.91666666666667); }

.lefta-12 {
  margin-left: calc( ( 50vw + 300px ) * 1); }

@media only screen and (max-width: 1000px) {
  .cola-full {
    width: calc( ( 77vw + 50px ) * 1); }

  .cola-1 {
    width: calc( ( 77vw + 50px ) * 0.083333333333333); }

  .lefta-1 {
    margin-left: calc( ( 77vw + 50px ) * 0.083333333333333); }

  .righta-1 {
    margin-right: calc( ( 77vw + 50px ) * 0.083333333333333); }

  .cola-2 {
    width: calc( ( 77vw + 50px ) * 0.16666666666667); }

  .lefta-2 {
    margin-left: calc( ( 77vw + 50px ) * 0.16666666666667); }

  .righta-2 {
    margin-right: calc( ( 77vw + 50px ) * 0.16666666666667); }

  .cola-3 {
    width: calc( ( 77vw + 50px ) * 0.25); }

  .lefta-3 {
    margin-left: calc( ( 77vw + 50px ) * 0.25); }

  .righta-3 {
    margin-right: calc( ( 77vw + 50px ) * 0.25); }

  .cola-4 {
    width: calc( ( 77vw + 50px ) * 0.33333333333333); }

  .lefta-4 {
    margin-left: calc( ( 77vw + 50px ) * 0.33333333333333); }

  .righta-4 {
    margin-right: calc( ( 77vw + 50px ) * 0.33333333333333); }

  .cola-5 {
    width: calc( ( 77vw + 50px ) * 0.41666666666667); }

  .lefta-5 {
    margin-left: calc( ( 77vw + 50px ) * 0.41666666666667); }

  .righta-5 {
    margin-right: calc( ( 77vw + 50px ) * 0.41666666666667); }

  .cola-6 {
    width: calc( ( 77vw + 50px ) * 0.5); }

  .lefta-6 {
    margin-left: calc( ( 77vw + 50px ) * 0.5); }

  .righta-6 {
    margin-right: calc( ( 77vw + 50px ) * 0.5); }

  .cola-7 {
    width: calc( ( 77vw + 50px ) * 0.58333333333333); }

  .lefta-7 {
    margin-left: calc( ( 77vw + 50px ) * 0.58333333333333); }

  .righta-7 {
    margin-right: calc( ( 77vw + 50px ) * 0.58333333333333); }

  .cola-8 {
    width: calc( ( 77vw + 50px ) * 0.66666666666667); }

  .lefta-8 {
    margin-left: calc( ( 77vw + 50px ) * 0.66666666666667); }

  .righta-8 {
    margin-right: calc( ( 77vw + 50px ) * 0.66666666666667); }

  .cola-9 {
    width: calc( ( 77vw + 50px ) * 0.75); }

  .lefta-9 {
    margin-left: calc( ( 77vw + 50px ) * 0.75); }

  .righta-9 {
    margin-right: calc( ( 77vw + 50px ) * 0.75); }

  .cola-10 {
    width: calc( ( 77vw + 50px ) * 0.83333333333333); }

  .lefta-10 {
    margin-left: calc( ( 77vw + 50px ) * 0.83333333333333); }

  .righta-10 {
    margin-right: calc( ( 77vw + 50px ) * 0.83333333333333); }

  .cola-11 {
    width: calc( ( 77vw + 50px ) * 0.91666666666667); }

  .lefta-11 {
    margin-left: calc( ( 77vw + 50px ) * 0.91666666666667); }

  .righta-11 {
    margin-right: calc( ( 77vw + 50px ) * 0.91666666666667); }

  .cola-12 {
    width: calc( ( 77vw + 50px ) * 1); }

  .lefta-12 {
    margin-left: calc( ( 77vw + 50px ) * 1); }

  .righta-12 {
    margin-right: calc( ( 77vw + 50px ) * 1); } }
@media only screen and (max-width: 1450px) {
  .cola-w-1 {
    width: calc( ( 50vw + 300px ) * 0.083333333333333); }

  .lefta-w-1 {
    margin-left: calc( ( 50vw + 300px ) * 0.083333333333333); }

  .righta-w-1 {
    margin-right: calc( ( 50vw + 300px ) * 0.083333333333333); }

  .cola-w-2 {
    width: calc( ( 50vw + 300px ) * 0.16666666666667); }

  .lefta-w-2 {
    margin-left: calc( ( 50vw + 300px ) * 0.16666666666667); }

  .righta-w-2 {
    margin-right: calc( ( 50vw + 300px ) * 0.16666666666667); }

  .cola-w-3 {
    width: calc( ( 50vw + 300px ) * 0.25); }

  .lefta-w-3 {
    margin-left: calc( ( 50vw + 300px ) * 0.25); }

  .righta-w-3 {
    margin-right: calc( ( 50vw + 300px ) * 0.25); }

  .cola-w-4 {
    width: calc( ( 50vw + 300px ) * 0.33333333333333); }

  .lefta-w-4 {
    margin-left: calc( ( 50vw + 300px ) * 0.33333333333333); }

  .righta-w-4 {
    margin-right: calc( ( 50vw + 300px ) * 0.33333333333333); }

  .cola-w-5 {
    width: calc( ( 50vw + 300px ) * 0.41666666666667); }

  .lefta-w-5 {
    margin-left: calc( ( 50vw + 300px ) * 0.41666666666667); }

  .righta-w-5 {
    margin-right: calc( ( 50vw + 300px ) * 0.41666666666667); }

  .cola-w-6 {
    width: calc( ( 50vw + 300px ) * 0.5); }

  .lefta-w-6 {
    margin-left: calc( ( 50vw + 300px ) * 0.5); }

  .righta-w-6 {
    margin-right: calc( ( 50vw + 300px ) * 0.5); }

  .cola-w-7 {
    width: calc( ( 50vw + 300px ) * 0.58333333333333); }

  .lefta-w-7 {
    margin-left: calc( ( 50vw + 300px ) * 0.58333333333333); }

  .righta-w-7 {
    margin-right: calc( ( 50vw + 300px ) * 0.58333333333333); }

  .cola-w-8 {
    width: calc( ( 50vw + 300px ) * 0.66666666666667); }

  .lefta-w-8 {
    margin-left: calc( ( 50vw + 300px ) * 0.66666666666667); }

  .righta-w-8 {
    margin-right: calc( ( 50vw + 300px ) * 0.66666666666667); }

  .cola-w-9 {
    width: calc( ( 50vw + 300px ) * 0.75); }

  .lefta-w-9 {
    margin-left: calc( ( 50vw + 300px ) * 0.75); }

  .righta-w-9 {
    margin-right: calc( ( 50vw + 300px ) * 0.75); }

  .cola-w-10 {
    width: calc( ( 50vw + 300px ) * 0.83333333333333); }

  .lefta-w-10 {
    margin-left: calc( ( 50vw + 300px ) * 0.83333333333333); }

  .righta-w-10 {
    margin-right: calc( ( 50vw + 300px ) * 0.83333333333333); }

  .cola-w-11 {
    width: calc( ( 50vw + 300px ) * 0.91666666666667); }

  .lefta-w-11 {
    margin-left: calc( ( 50vw + 300px ) * 0.91666666666667); }

  .righta-w-11 {
    margin-right: calc( ( 50vw + 300px ) * 0.91666666666667); }

  .cola-w-12 {
    width: calc( ( 50vw + 300px ) * 1); }

  .lefta-w-12 {
    margin-left: calc( ( 50vw + 300px ) * 1); }

  .righta-w-12 {
    margin-right: calc( ( 50vw + 300px ) * 1); } }
@media only screen and (max-width: 1200px) {
  .lefta-d-0 {
    margin-left: 0; }

  .cola-d-1 {
    width: calc( ( 50vw + 300px ) * 0.083333333333333); }

  .lefta-d-1 {
    margin-left: calc( ( 50vw + 300px ) * 0.083333333333333); }

  .righta-d-1 {
    margin-right: calc( ( 50vw + 300px ) * 0.083333333333333); }

  .cola-d-2 {
    width: calc( ( 50vw + 300px ) * 0.16666666666667); }

  .lefta-d-2 {
    margin-left: calc( ( 50vw + 300px ) * 0.16666666666667); }

  .righta-d-2 {
    margin-right: calc( ( 50vw + 300px ) * 0.16666666666667); }

  .cola-d-3 {
    width: calc( ( 50vw + 300px ) * 0.25); }

  .lefta-d-3 {
    margin-left: calc( ( 50vw + 300px ) * 0.25); }

  .righta-d-3 {
    margin-right: calc( ( 50vw + 300px ) * 0.25); }

  .cola-d-4 {
    width: calc( ( 50vw + 300px ) * 0.33333333333333); }

  .lefta-d-4 {
    margin-left: calc( ( 50vw + 300px ) * 0.33333333333333); }

  .righta-d-4 {
    margin-right: calc( ( 50vw + 300px ) * 0.33333333333333); }

  .cola-d-5 {
    width: calc( ( 50vw + 300px ) * 0.41666666666667); }

  .lefta-d-5 {
    margin-left: calc( ( 50vw + 300px ) * 0.41666666666667); }

  .righta-d-5 {
    margin-right: calc( ( 50vw + 300px ) * 0.41666666666667); }

  .cola-d-6 {
    width: calc( ( 50vw + 300px ) * 0.5); }

  .lefta-d-6 {
    margin-left: calc( ( 50vw + 300px ) * 0.5); }

  .righta-d-6 {
    margin-right: calc( ( 50vw + 300px ) * 0.5); }

  .cola-d-7 {
    width: calc( ( 50vw + 300px ) * 0.58333333333333); }

  .lefta-d-7 {
    margin-left: calc( ( 50vw + 300px ) * 0.58333333333333); }

  .righta-d-7 {
    margin-right: calc( ( 50vw + 300px ) * 0.58333333333333); }

  .cola-d-8 {
    width: calc( ( 50vw + 300px ) * 0.66666666666667); }

  .lefta-d-8 {
    margin-left: calc( ( 50vw + 300px ) * 0.66666666666667); }

  .righta-d-8 {
    margin-right: calc( ( 50vw + 300px ) * 0.66666666666667); }

  .cola-d-9 {
    width: calc( ( 50vw + 300px ) * 0.75); }

  .lefta-d-9 {
    margin-left: calc( ( 50vw + 300px ) * 0.75); }

  .righta-d-9 {
    margin-right: calc( ( 50vw + 300px ) * 0.75); }

  .cola-d-10 {
    width: calc( ( 50vw + 300px ) * 0.83333333333333); }

  .lefta-d-10 {
    margin-left: calc( ( 50vw + 300px ) * 0.83333333333333); }

  .righta-d-10 {
    margin-right: calc( ( 50vw + 300px ) * 0.83333333333333); }

  .cola-d-11 {
    width: calc( ( 50vw + 300px ) * 0.91666666666667); }

  .lefta-d-11 {
    margin-left: calc( ( 50vw + 300px ) * 0.91666666666667); }

  .righta-d-11 {
    margin-right: calc( ( 50vw + 300px ) * 0.91666666666667); }

  .cola-d-12 {
    width: calc( ( 50vw + 300px ) * 1); }

  .lefta-d-12 {
    margin-left: calc( ( 50vw + 300px ) * 1); }

  .righta-d-12 {
    margin-right: calc( ( 50vw + 300px ) * 1); } }
@media only screen and (max-width: 1000px) {
  .cola-full {
    width: calc( ( 77vw + 50px ) * 1); }

  .cola-1 {
    width: calc( ( 77vw + 50px ) * 0.083333333333333); }

  .lefta-1 {
    margin-left: calc( ( 77vw + 50px ) * 0.083333333333333); }

  .righta-1 {
    margin-right: calc( ( 77vw + 50px ) * 0.083333333333333); }

  .cola-2 {
    width: calc( ( 77vw + 50px ) * 0.16666666666667); }

  .lefta-2 {
    margin-left: calc( ( 77vw + 50px ) * 0.16666666666667); }

  .righta-2 {
    margin-right: calc( ( 77vw + 50px ) * 0.16666666666667); }

  .cola-3 {
    width: calc( ( 77vw + 50px ) * 0.25); }

  .lefta-3 {
    margin-left: calc( ( 77vw + 50px ) * 0.25); }

  .righta-3 {
    margin-right: calc( ( 77vw + 50px ) * 0.25); }

  .cola-4 {
    width: calc( ( 77vw + 50px ) * 0.33333333333333); }

  .lefta-4 {
    margin-left: calc( ( 77vw + 50px ) * 0.33333333333333); }

  .righta-4 {
    margin-right: calc( ( 77vw + 50px ) * 0.33333333333333); }

  .cola-5 {
    width: calc( ( 77vw + 50px ) * 0.41666666666667); }

  .lefta-5 {
    margin-left: calc( ( 77vw + 50px ) * 0.41666666666667); }

  .righta-5 {
    margin-right: calc( ( 77vw + 50px ) * 0.41666666666667); }

  .cola-6 {
    width: calc( ( 77vw + 50px ) * 0.5); }

  .lefta-6 {
    margin-left: calc( ( 77vw + 50px ) * 0.5); }

  .righta-6 {
    margin-right: calc( ( 77vw + 50px ) * 0.5); }

  .cola-7 {
    width: calc( ( 77vw + 50px ) * 0.58333333333333); }

  .lefta-7 {
    margin-left: calc( ( 77vw + 50px ) * 0.58333333333333); }

  .righta-7 {
    margin-right: calc( ( 77vw + 50px ) * 0.58333333333333); }

  .cola-8 {
    width: calc( ( 77vw + 50px ) * 0.66666666666667); }

  .lefta-8 {
    margin-left: calc( ( 77vw + 50px ) * 0.66666666666667); }

  .righta-8 {
    margin-right: calc( ( 77vw + 50px ) * 0.66666666666667); }

  .cola-9 {
    width: calc( ( 77vw + 50px ) * 0.75); }

  .lefta-9 {
    margin-left: calc( ( 77vw + 50px ) * 0.75); }

  .righta-9 {
    margin-right: calc( ( 77vw + 50px ) * 0.75); }

  .cola-10 {
    width: calc( ( 77vw + 50px ) * 0.83333333333333); }

  .lefta-10 {
    margin-left: calc( ( 77vw + 50px ) * 0.83333333333333); }

  .righta-10 {
    margin-right: calc( ( 77vw + 50px ) * 0.83333333333333); }

  .cola-11 {
    width: calc( ( 77vw + 50px ) * 0.91666666666667); }

  .lefta-11 {
    margin-left: calc( ( 77vw + 50px ) * 0.91666666666667); }

  .righta-11 {
    margin-right: calc( ( 77vw + 50px ) * 0.91666666666667); }

  .cola-12 {
    width: calc( ( 77vw + 50px ) * 1); }

  .lefta-12 {
    margin-left: calc( ( 77vw + 50px ) * 1); }

  .righta-12 {
    margin-right: calc( ( 77vw + 50px ) * 1); }

  .cola-w-1 {
    width: calc( ( 77vw + 50px ) * 0.083333333333333); }

  .lefta-w-1 {
    margin-left: calc( ( 77vw + 50px ) * 0.083333333333333); }

  .righta-w-1 {
    margin-right: calc( ( 77vw + 50px ) * 0.083333333333333); }

  .cola-w-2 {
    width: calc( ( 77vw + 50px ) * 0.16666666666667); }

  .lefta-w-2 {
    margin-left: calc( ( 77vw + 50px ) * 0.16666666666667); }

  .righta-w-2 {
    margin-right: calc( ( 77vw + 50px ) * 0.16666666666667); }

  .cola-w-3 {
    width: calc( ( 77vw + 50px ) * 0.25); }

  .lefta-w-3 {
    margin-left: calc( ( 77vw + 50px ) * 0.25); }

  .righta-w-3 {
    margin-right: calc( ( 77vw + 50px ) * 0.25); }

  .cola-w-4 {
    width: calc( ( 77vw + 50px ) * 0.33333333333333); }

  .lefta-w-4 {
    margin-left: calc( ( 77vw + 50px ) * 0.33333333333333); }

  .righta-w-4 {
    margin-right: calc( ( 77vw + 50px ) * 0.33333333333333); }

  .cola-w-5 {
    width: calc( ( 77vw + 50px ) * 0.41666666666667); }

  .lefta-w-5 {
    margin-left: calc( ( 77vw + 50px ) * 0.41666666666667); }

  .righta-w-5 {
    margin-right: calc( ( 77vw + 50px ) * 0.41666666666667); }

  .cola-w-6 {
    width: calc( ( 77vw + 50px ) * 0.5); }

  .lefta-w-6 {
    margin-left: calc( ( 77vw + 50px ) * 0.5); }

  .righta-w-6 {
    margin-right: calc( ( 77vw + 50px ) * 0.5); }

  .cola-w-7 {
    width: calc( ( 77vw + 50px ) * 0.58333333333333); }

  .lefta-w-7 {
    margin-left: calc( ( 77vw + 50px ) * 0.58333333333333); }

  .righta-w-7 {
    margin-right: calc( ( 77vw + 50px ) * 0.58333333333333); }

  .cola-w-8 {
    width: calc( ( 77vw + 50px ) * 0.66666666666667); }

  .lefta-w-8 {
    margin-left: calc( ( 77vw + 50px ) * 0.66666666666667); }

  .righta-w-8 {
    margin-right: calc( ( 77vw + 50px ) * 0.66666666666667); }

  .cola-w-9 {
    width: calc( ( 77vw + 50px ) * 0.75); }

  .lefta-w-9 {
    margin-left: calc( ( 77vw + 50px ) * 0.75); }

  .righta-w-9 {
    margin-right: calc( ( 77vw + 50px ) * 0.75); }

  .cola-w-10 {
    width: calc( ( 77vw + 50px ) * 0.83333333333333); }

  .lefta-w-10 {
    margin-left: calc( ( 77vw + 50px ) * 0.83333333333333); }

  .righta-w-10 {
    margin-right: calc( ( 77vw + 50px ) * 0.83333333333333); }

  .cola-w-11 {
    width: calc( ( 77vw + 50px ) * 0.91666666666667); }

  .lefta-w-11 {
    margin-left: calc( ( 77vw + 50px ) * 0.91666666666667); }

  .righta-w-11 {
    margin-right: calc( ( 77vw + 50px ) * 0.91666666666667); }

  .cola-w-12 {
    width: calc( ( 77vw + 50px ) * 1); }

  .lefta-w-12 {
    margin-left: calc( ( 77vw + 50px ) * 1); }

  .righta-w-12 {
    margin-right: calc( ( 77vw + 50px ) * 1); }

  .lefta-d-0 {
    margin-left: 0; }

  .cola-d-1 {
    width: calc( ( 77vw + 50px ) * 0.083333333333333); }

  .lefta-d-1 {
    margin-left: calc( ( 77vw + 50px ) * 0.083333333333333); }

  .righta-d-1 {
    margin-right: calc( ( 77vw + 50px ) * 0.083333333333333); }

  .cola-d-2 {
    width: calc( ( 77vw + 50px ) * 0.16666666666667); }

  .lefta-d-2 {
    margin-left: calc( ( 77vw + 50px ) * 0.16666666666667); }

  .righta-d-2 {
    margin-right: calc( ( 77vw + 50px ) * 0.16666666666667); }

  .cola-d-3 {
    width: calc( ( 77vw + 50px ) * 0.25); }

  .lefta-d-3 {
    margin-left: calc( ( 77vw + 50px ) * 0.25); }

  .righta-d-3 {
    margin-right: calc( ( 77vw + 50px ) * 0.25); }

  .cola-d-4 {
    width: calc( ( 77vw + 50px ) * 0.33333333333333); }

  .lefta-d-4 {
    margin-left: calc( ( 77vw + 50px ) * 0.33333333333333); }

  .righta-d-4 {
    margin-right: calc( ( 77vw + 50px ) * 0.33333333333333); }

  .cola-d-5 {
    width: calc( ( 77vw + 50px ) * 0.41666666666667); }

  .lefta-d-5 {
    margin-left: calc( ( 77vw + 50px ) * 0.41666666666667); }

  .righta-d-5 {
    margin-right: calc( ( 77vw + 50px ) * 0.41666666666667); }

  .cola-d-6 {
    width: calc( ( 77vw + 50px ) * 0.5); }

  .lefta-d-6 {
    margin-left: calc( ( 77vw + 50px ) * 0.5); }

  .righta-d-6 {
    margin-right: calc( ( 77vw + 50px ) * 0.5); }

  .cola-d-7 {
    width: calc( ( 77vw + 50px ) * 0.58333333333333); }

  .lefta-d-7 {
    margin-left: calc( ( 77vw + 50px ) * 0.58333333333333); }

  .righta-d-7 {
    margin-right: calc( ( 77vw + 50px ) * 0.58333333333333); }

  .cola-d-8 {
    width: calc( ( 77vw + 50px ) * 0.66666666666667); }

  .lefta-d-8 {
    margin-left: calc( ( 77vw + 50px ) * 0.66666666666667); }

  .righta-d-8 {
    margin-right: calc( ( 77vw + 50px ) * 0.66666666666667); }

  .cola-d-9 {
    width: calc( ( 77vw + 50px ) * 0.75); }

  .lefta-d-9 {
    margin-left: calc( ( 77vw + 50px ) * 0.75); }

  .righta-d-9 {
    margin-right: calc( ( 77vw + 50px ) * 0.75); }

  .cola-d-10 {
    width: calc( ( 77vw + 50px ) * 0.83333333333333); }

  .lefta-d-10 {
    margin-left: calc( ( 77vw + 50px ) * 0.83333333333333); }

  .righta-d-10 {
    margin-right: calc( ( 77vw + 50px ) * 0.83333333333333); }

  .cola-d-11 {
    width: calc( ( 77vw + 50px ) * 0.91666666666667); }

  .lefta-d-11 {
    margin-left: calc( ( 77vw + 50px ) * 0.91666666666667); }

  .righta-d-11 {
    margin-right: calc( ( 77vw + 50px ) * 0.91666666666667); }

  .cola-d-12 {
    width: calc( ( 77vw + 50px ) * 1); }

  .lefta-d-12 {
    margin-left: calc( ( 77vw + 50px ) * 1); }

  .righta-d-12 {
    margin-right: calc( ( 77vw + 50px ) * 1); }

  .lefta-t-0 {
    margin-left: 0; }

  .righta-t-0 {
    margin-right: 0; }

  .cola-t-1 {
    width: calc( ( 77vw + 50px ) * 0.083333333333333); }

  .lefta-t-1 {
    margin-left: calc( ( 77vw + 50px ) * 0.083333333333333); }

  .righta-t-1 {
    margin-right: calc( ( 77vw + 50px ) * 0.083333333333333); }

  .cola-t-2 {
    width: calc( ( 77vw + 50px ) * 0.16666666666667); }

  .lefta-t-2 {
    margin-left: calc( ( 77vw + 50px ) * 0.16666666666667); }

  .righta-t-2 {
    margin-right: calc( ( 77vw + 50px ) * 0.16666666666667); }

  .cola-t-3 {
    width: calc( ( 77vw + 50px ) * 0.25); }

  .lefta-t-3 {
    margin-left: calc( ( 77vw + 50px ) * 0.25); }

  .righta-t-3 {
    margin-right: calc( ( 77vw + 50px ) * 0.25); }

  .cola-t-4 {
    width: calc( ( 77vw + 50px ) * 0.33333333333333); }

  .lefta-t-4 {
    margin-left: calc( ( 77vw + 50px ) * 0.33333333333333); }

  .righta-t-4 {
    margin-right: calc( ( 77vw + 50px ) * 0.33333333333333); }

  .cola-t-5 {
    width: calc( ( 77vw + 50px ) * 0.41666666666667); }

  .lefta-t-5 {
    margin-left: calc( ( 77vw + 50px ) * 0.41666666666667); }

  .righta-t-5 {
    margin-right: calc( ( 77vw + 50px ) * 0.41666666666667); }

  .cola-t-6 {
    width: calc( ( 77vw + 50px ) * 0.5); }

  .lefta-t-6 {
    margin-left: calc( ( 77vw + 50px ) * 0.5); }

  .righta-t-6 {
    margin-right: calc( ( 77vw + 50px ) * 0.5); }

  .cola-t-7 {
    width: calc( ( 77vw + 50px ) * 0.58333333333333); }

  .lefta-t-7 {
    margin-left: calc( ( 77vw + 50px ) * 0.58333333333333); }

  .righta-t-7 {
    margin-right: calc( ( 77vw + 50px ) * 0.58333333333333); }

  .cola-t-8 {
    width: calc( ( 77vw + 50px ) * 0.66666666666667); }

  .lefta-t-8 {
    margin-left: calc( ( 77vw + 50px ) * 0.66666666666667); }

  .righta-t-8 {
    margin-right: calc( ( 77vw + 50px ) * 0.66666666666667); }

  .cola-t-9 {
    width: calc( ( 77vw + 50px ) * 0.75); }

  .lefta-t-9 {
    margin-left: calc( ( 77vw + 50px ) * 0.75); }

  .righta-t-9 {
    margin-right: calc( ( 77vw + 50px ) * 0.75); }

  .cola-t-10 {
    width: calc( ( 77vw + 50px ) * 0.83333333333333); }

  .lefta-t-10 {
    margin-left: calc( ( 77vw + 50px ) * 0.83333333333333); }

  .righta-t-10 {
    margin-right: calc( ( 77vw + 50px ) * 0.83333333333333); }

  .cola-t-11 {
    width: calc( ( 77vw + 50px ) * 0.91666666666667); }

  .lefta-t-11 {
    margin-left: calc( ( 77vw + 50px ) * 0.91666666666667); }

  .righta-t-11 {
    margin-right: calc( ( 77vw + 50px ) * 0.91666666666667); }

  .cola-t-12 {
    width: calc( ( 77vw + 50px ) * 1); }

  .lefta-t-12 {
    margin-left: calc( ( 77vw + 50px ) * 1); }

  .righta-t-12 {
    margin-right: calc( ( 77vw + 50px ) * 1); } }
@media only screen and (max-width: 700px) {
  .lefta-p-0 {
    margin-left: 0; }

  .righta-p-0 {
    margin-right: 0; }

  .cola-p-1 {
    width: calc( ( 77vw + 50px ) * 0.083333333333333); }

  .lefta-p-1 {
    margin-left: calc( ( 77vw + 50px ) * 0.083333333333333); }

  .righta-p-1 {
    margin-right: calc( ( 77vw + 50px ) * 0.083333333333333); }

  .cola-p-2 {
    width: calc( ( 77vw + 50px ) * 0.16666666666667); }

  .lefta-p-2 {
    margin-left: calc( ( 77vw + 50px ) * 0.16666666666667); }

  .righta-p-2 {
    margin-right: calc( ( 77vw + 50px ) * 0.16666666666667); }

  .cola-p-3 {
    width: calc( ( 77vw + 50px ) * 0.25); }

  .lefta-p-3 {
    margin-left: calc( ( 77vw + 50px ) * 0.25); }

  .righta-p-3 {
    margin-right: calc( ( 77vw + 50px ) * 0.25); }

  .cola-p-4 {
    width: calc( ( 77vw + 50px ) * 0.33333333333333); }

  .lefta-p-4 {
    margin-left: calc( ( 77vw + 50px ) * 0.33333333333333); }

  .righta-p-4 {
    margin-right: calc( ( 77vw + 50px ) * 0.33333333333333); }

  .cola-p-5 {
    width: calc( ( 77vw + 50px ) * 0.41666666666667); }

  .lefta-p-5 {
    margin-left: calc( ( 77vw + 50px ) * 0.41666666666667); }

  .righta-p-5 {
    margin-right: calc( ( 77vw + 50px ) * 0.41666666666667); }

  .cola-p-6 {
    width: calc( ( 77vw + 50px ) * 0.5); }

  .lefta-p-6 {
    margin-left: calc( ( 77vw + 50px ) * 0.5); }

  .righta-p-6 {
    margin-right: calc( ( 77vw + 50px ) * 0.5); }

  .cola-p-7 {
    width: calc( ( 77vw + 50px ) * 0.58333333333333); }

  .lefta-p-7 {
    margin-left: calc( ( 77vw + 50px ) * 0.58333333333333); }

  .righta-p-7 {
    margin-right: calc( ( 77vw + 50px ) * 0.58333333333333); }

  .cola-p-8 {
    width: calc( ( 77vw + 50px ) * 0.66666666666667); }

  .lefta-p-8 {
    margin-left: calc( ( 77vw + 50px ) * 0.66666666666667); }

  .righta-p-8 {
    margin-right: calc( ( 77vw + 50px ) * 0.66666666666667); }

  .cola-p-9 {
    width: calc( ( 77vw + 50px ) * 0.75); }

  .lefta-p-9 {
    margin-left: calc( ( 77vw + 50px ) * 0.75); }

  .righta-p-9 {
    margin-right: calc( ( 77vw + 50px ) * 0.75); }

  .cola-p-10 {
    width: calc( ( 77vw + 50px ) * 0.83333333333333); }

  .lefta-p-10 {
    margin-left: calc( ( 77vw + 50px ) * 0.83333333333333); }

  .righta-p-10 {
    margin-right: calc( ( 77vw + 50px ) * 0.83333333333333); }

  .cola-p-11 {
    width: calc( ( 77vw + 50px ) * 0.91666666666667); }

  .lefta-p-11 {
    margin-left: calc( ( 77vw + 50px ) * 0.91666666666667); }

  .righta-p-11 {
    margin-right: calc( ( 77vw + 50px ) * 0.91666666666667); }

  .cola-p-12 {
    width: calc( ( 77vw + 50px ) * 1); }

  .lefta-p-12 {
    margin-left: calc( ( 77vw + 50px ) * 1); }

  .righta-p-12 {
    margin-right: calc( ( 77vw + 50px ) * 1); } }
@media only screen and (max-width: 480px) {
  .cola-1, .cola-w-1, .cola-d-1, .cola-t-1, .cola-p-1, .cola-2, .cola-w-2, .cola-d-2, .cola-t-2, .cola-p-2, .cola-3, .cola-w-3, .cola-d-3, .cola-t-3, .cola-p-3, .cola-4, .cola-w-4, .cola-d-4, .cola-t-4, .cola-p-4, .cola-5, .cola-w-5, .cola-d-5, .cola-t-5, .cola-p-5, .cola-6, .cola-w-6, .cola-d-6, .cola-t-6, .cola-p-6, .cola-7, .cola-w-7, .cola-d-7, .cola-t-7, .cola-p-7, .cola-8, .cola-w-8, .cola-d-8, .cola-t-8, .cola-p-8, .cola-9, .cola-w-9, .cola-d-9, .cola-t-9, .cola-p-9, .cola-10, .cola-w-10, .cola-d-10, .cola-t-10, .cola-p-10, .cola-11, .cola-w-11, .cola-d-11, .cola-t-11, .cola-p-11, .cola-12, .cola-w-12, .cola-d-12, .cola-t-12, .cola-p-12 {
    width: calc( ( 77vw + 50px ) * 1); }

  .lefta-1, .lefta-w-1, .lefta-d-1, .lefta-t-1, .lefta-p-1, .lefta-2, .lefta-w-2, .lefta-d-2, .lefta-t-2, .lefta-p-2, .lefta-3, .lefta-w-3, .lefta-d-3, .lefta-t-3, .lefta-p-3, .lefta-4, .lefta-w-4, .lefta-d-4, .lefta-t-4, .lefta-p-4, .lefta-5, .lefta-w-5, .lefta-d-5, .lefta-t-5, .lefta-p-5, .lefta-6, .lefta-w-6, .lefta-d-6, .lefta-t-6, .lefta-p-6, .lefta-7, .lefta-w-7, .lefta-d-7, .lefta-t-7, .lefta-p-7, .lefta-8, .lefta-w-8, .lefta-d-8, .lefta-t-8, .lefta-p-8, .lefta-9, .lefta-w-9, .lefta-d-9, .lefta-t-9, .lefta-p-9, .lefta-10, .lefta-w-10, .lefta-d-10, .lefta-t-10, .lefta-p-10, .lefta-11, .lefta-w-11, .lefta-d-11, .lefta-t-11, .lefta-p-11, .lefta-12, .lefta-w-12, .lefta-d-12, .lefta-t-12, .lefta-p-12 {
    margin-left: 0; }

  .righta-1, .righta-w-1, .righta-d-1, .righta-t-1, .righta-p-1, .righta-2, .righta-w-2, .righta-d-2, .righta-t-2, .righta-p-2, .righta-3, .righta-w-3, .righta-d-3, .righta-t-3, .righta-p-3, .righta-4, .righta-w-4, .righta-d-4, .righta-t-4, .righta-p-4, .righta-5, .righta-w-5, .righta-d-5, .righta-t-5, .righta-p-5, .righta-6, .righta-w-6, .righta-d-6, .righta-t-6, .righta-p-6, .righta-7, .righta-w-7, .righta-d-7, .righta-t-7, .righta-p-7, .righta-8, .righta-w-8, .righta-d-8, .righta-t-8, .righta-p-8, .righta-9, .righta-w-9, .righta-d-9, .righta-t-9, .righta-p-9, .righta-10, .righta-w-10, .righta-d-10, .righta-t-10, .righta-p-10, .righta-11, .righta-w-11, .righta-d-11, .righta-t-11, .righta-p-11, .righta-12, .righta-w-12, .righta-d-12, .righta-t-12, .righta-p-12 {
    margin-right: 0; }

  .lefta-m-0 {
    margin-left: 0; }

  .cola-m-1 {
    width: calc( ( 77vw + 50px ) * 0.083333333333333); }

  .lefta-m-1 {
    margin-left: calc( ( 77vw + 50px ) * 0.083333333333333); }

  .righta-m-1 {
    margin-right: calc( ( 77vw + 50px ) * 0.083333333333333); }

  .cola-m-2 {
    width: calc( ( 77vw + 50px ) * 0.16666666666667); }

  .lefta-m-2 {
    margin-left: calc( ( 77vw + 50px ) * 0.16666666666667); }

  .righta-m-2 {
    margin-right: calc( ( 77vw + 50px ) * 0.16666666666667); }

  .cola-m-3 {
    width: calc( ( 77vw + 50px ) * 0.25); }

  .lefta-m-3 {
    margin-left: calc( ( 77vw + 50px ) * 0.25); }

  .righta-m-3 {
    margin-right: calc( ( 77vw + 50px ) * 0.25); }

  .cola-m-4 {
    width: calc( ( 77vw + 50px ) * 0.33333333333333); }

  .lefta-m-4 {
    margin-left: calc( ( 77vw + 50px ) * 0.33333333333333); }

  .righta-m-4 {
    margin-right: calc( ( 77vw + 50px ) * 0.33333333333333); }

  .cola-m-5 {
    width: calc( ( 77vw + 50px ) * 0.41666666666667); }

  .lefta-m-5 {
    margin-left: calc( ( 77vw + 50px ) * 0.41666666666667); }

  .righta-m-5 {
    margin-right: calc( ( 77vw + 50px ) * 0.41666666666667); }

  .cola-m-6 {
    width: calc( ( 77vw + 50px ) * 0.5); }

  .lefta-m-6 {
    margin-left: calc( ( 77vw + 50px ) * 0.5); }

  .righta-m-6 {
    margin-right: calc( ( 77vw + 50px ) * 0.5); }

  .cola-m-7 {
    width: calc( ( 77vw + 50px ) * 0.58333333333333); }

  .lefta-m-7 {
    margin-left: calc( ( 77vw + 50px ) * 0.58333333333333); }

  .righta-m-7 {
    margin-right: calc( ( 77vw + 50px ) * 0.58333333333333); }

  .cola-m-8 {
    width: calc( ( 77vw + 50px ) * 0.66666666666667); }

  .lefta-m-8 {
    margin-left: calc( ( 77vw + 50px ) * 0.66666666666667); }

  .righta-m-8 {
    margin-right: calc( ( 77vw + 50px ) * 0.66666666666667); }

  .cola-m-9 {
    width: calc( ( 77vw + 50px ) * 0.75); }

  .lefta-m-9 {
    margin-left: calc( ( 77vw + 50px ) * 0.75); }

  .righta-m-9 {
    margin-right: calc( ( 77vw + 50px ) * 0.75); }

  .cola-m-10 {
    width: calc( ( 77vw + 50px ) * 0.83333333333333); }

  .lefta-m-10 {
    margin-left: calc( ( 77vw + 50px ) * 0.83333333333333); }

  .righta-m-10 {
    margin-right: calc( ( 77vw + 50px ) * 0.83333333333333); }

  .cola-m-11 {
    width: calc( ( 77vw + 50px ) * 0.91666666666667); }

  .lefta-m-11 {
    margin-left: calc( ( 77vw + 50px ) * 0.91666666666667); }

  .righta-m-11 {
    margin-right: calc( ( 77vw + 50px ) * 0.91666666666667); }

  .cola-m-12 {
    width: calc( ( 77vw + 50px ) * 1); }

  .lefta-m-12 {
    margin-left: calc( ( 77vw + 50px ) * 1); }

  .righta-m-12 {
    margin-right: calc( ( 77vw + 50px ) * 1); } }

/*
--------------------
Helpers
--------------------
*/
/*---Last---*/
.last {
  margin-right: 0px !important; }

/*---Remove underline---*/
.no-ul {
  text-decoration: none !important; }

/*---Floats---*/
.left {
  float: left; }

.right {
  float: right; }

.center {
  margin-left: auto;
  margin-right: auto; }

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

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

.no-wrap {
  white-space: nowrap; }

.visible {
  overflow: visible; }

/*---Clear---*/
.clear, .clear-left {
  clear: both;
  font-size: 0px;
  line-height: 0px !important;
  height: 0px !important;
  margin: 0px !important;
  padding: 0px !important; }

.clear-left {
  clear: left; }

/*---Modern Clear---*/
.clearfix:before,
.clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */ }

/*---Vertical Alignment---*/
.valign-outer {
  display: table;
  /*position:absolute;*/
  top: 0;
  height: 100%;
  width: 100%;
  overflow: visible; }

.ie6 .valign-outer,
.ie7 .valign-outer {
  display: inline-block;
  overflow: hidden; }

.valign-wrapper {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  overflow: hidden;
  margin: 0 auto; }

.ie6 .valign-wrapper,
.ie7 .valign-wrapper {
  display: inline-block;
  top: 50%;
  position: relative;
  overflow: visible; }

.valign-inner {
  margin: 0px auto 0px;
  width: auto;
  overflow: visible;
  position: relative; }

.ie6 .valign-inner,
.ie7 .valign-inner {
  display: inline-block;
  top: -50%;
  position: relative; }

/*---Opacity---*/
/*
.opacity{
	opacity:0.5;
	}
	a.opacity:hover{
	opacity:0.99;
	}
	.ie .opacity{
	color:;
	}
	.ie a.opacity:hover{
	color:#fff;
	}
	.ie .black .opacity{
	color:;
	}
	.ie .black a.opacity:hover{
	color:#000;
	}
*/
/*--- Icons ---*/
.plus-large-thin, .cross-large-thin {
  display: block;
  width: 20px;
  height: 20px;
  background: url("/assets/images/plus-large-thin.png") no-repeat left top; }

@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 1.5dppx) {
  .plus-large-thin {
    background-image: url("/assets/images/plus-large-thin_x3.png");
    background-size: 20px 40px; }

  .plus-large-thin {
    background-image: url("/assets/images/plus-large-thin_x3.png");
    background-size: 20px 40px; } }
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
  .plus-large-thin {
    background-image: url("/assets/images/plus-large-thin_x2.png"); }

  .plus-large-thin {
    background-image: url("/assets/images/plus-large-thin_x2.png"); } }
@media screen and (-webkit-min-device-pixel-ratio: 3), screen and (min-resolution: 288dpi), screen and (min-resolution: 3dppx) {
  .plus-large-thin {
    background-image: url("/assets/images/plus-large-thin_x3.png"); }

  .plus-large-thin {
    background-image: url("/assets/images/plus-large-thin_x3.png"); } }
.cross-large-thin,
.cross-large-thin:hover {
  background-position: center bottom; }

.cross-large-thin {
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg); }

/*--- Glow ---*/
.glow-black {
  text-shadow: 1px 1px 22px rgba(0, 0, 0, 0.6);
  overflow: visible; }

.glow-white {
  text-shadow: 1px 1px 22px rgba(254, 254, 254, 0.7);
  overflow: visible; }

/*-Margin top-*/
.mna2 {
  margin: 0 auto; }

.mtxs2 {
  margin-top: 20px; }

.mts2 {
  margin-top: 30px; }

.mtm2 {
  margin-top: 65px; }

.mtl2 {
  margin-top: 120px; }

.mtxl2 {
  margin-top: 170px; }

.mtl1pc {
  margin: 5% auto 0 auto; }

/*-Margin bottom-*/
.mbxs2 {
  margin-bottom: 20px; }

.mbs2 {
  margin-bottom: 30px; }

.mbm2 {
  margin-bottom: 65px; }

.mbl2 {
  margin-bottom: 120px; }

.mbxl2 {
  margin-bottom: 170px; }

/*-Padding top-*/
.ptxs2 {
  padding-top: 20px; }

.pts2 {
  padding-top: 30px; }

.ptm2 {
  padding-top: 65px; }

.ptl2 {
  padding-top: 120px; }

.ptxl2 {
  padding-top: 170px; }

/*-Padding bottom-*/
.pbxs2 {
  padding-bottom: 20px; }

.pbs2 {
  padding-bottom: 30px; }

.pbm2 {
  padding-bottom: 65px; }

.pbl2 {
  padding-bottom: 120px; }

.pbxl2 {
  padding-bottom: 170px; }

/* Media Queries */
@media screen and (max-height: 500px) {
  /*-Margin top-*/
  .mna2 {
    margin: 0 auto; }

  .mtxs2 {
    margin-top: 20px; }

  .mts2 {
    margin-top: 20px; }

  .mtm2 {
    margin-top: 30px; }

  .mtl2 {
    margin-top: 60px; }

  .mtxl2 {
    margin-top: 100px; }

  /*-Margin bottom-*/
  .mbxs2 {
    margin-bottom: 20px; }

  .mbs2 {
    margin-bottom: 20px; }

  .mbm2 {
    margin-bottom: 30px; }

  .mbl2 {
    margin-bottom: 60px; }

  .mbxl2 {
    margin-bottom: 100px; }

  /*-Padding top-*/
  .ptxs2 {
    padding-top: 20px; }

  .pts2 {
    padding-top: 20px; }

  .ptm2 {
    padding-top: 30px; }

  .ptl2 {
    padding-top: 60px; }

  .ptxl2 {
    padding-top: 100px; }

  /*-Padding bottom-*/
  .pbxs2 {
    padding-bottom: 20px; }

  .pbs2 {
    padding-bottom: 20px; }

  .pbm2 {
    padding-bottom: 30px; }

  .pbl2 {
    padding-bottom: 60px; }

  .pbxl2 {
    padding-bottom: 100px; } }
.posTop,
.posBottom,
.posBottomN,
.posLeft,
.posBottomL {
  position: absolute; }

.posTop {
  top: 0; }

.posBottomN {
  bottom: 0; }

/*.posBottomS{
    bottom:60px;
}*/
.posBottom {
  bottom: 100px; }

.posLeft {
  left: 20px; }

.posBottomL {
  bottom: 150px; }

.fade-in {
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease; }

.orange {
  color: #F26531; }

.orange50 {
  color: rgba(241, 101, 49, 0.5); }

.hover-orange:hover {
  color: #F26531 !important; }

.blue {
  color: #1E344C; }

.white {
  color: #fff; }

.white60 {
  color: rgba(255, 255, 255, 0.6); }

.grey {
  color: #808184; }

.lblue {
  color: #526E93; }

.white-bg {
  background-color: #fff; }

.grey-bg {
  background-color: #ddd; }

.blue-bg {
  background-color: #1E344C; }

.darkest-bg {
  background-color: #000000; }

.serif-font {
  font-family: "ITCCaslon224W01-Medium", Georgia, "Times New Roman", serif; }

.sans-serif-font {
  font-family: "Avenir LT W01_35 Light", Helvetica, Arial, sans-serif; }

.title-font {
  font-family: "Avenir LT W01_85 Heavy", Helvetica, Arial, sans-serif; }

.bold-title-font {
  font-family: "Avenir LT W01_95 Black", Helvetica, Arial, sans-serif; }

/*--- Alignment ---*/
.tac {
  text-align: center; }

.tal {
  text-align: left; }

.tar {
  text-align: right; }

.vam {
  vertical-align: middle; }

/*--- Spacing ---*/
.ptxs {
  padding-top: 20px; }

.pts {
  padding-top: 25px; }

.ptm {
  padding-top: 50px; }

.ptl {
  padding-top: 100px; }

.ptxl {
  padding-top: 200px; }

.pls {
  padding-left: 25px; }

.plm {
  padding-left: 50px; }

.pll {
  padding-left: 100px; }

.plxl {
  padding-left: 200px; }

.pbxs {
  padding-bottom: 20px; }

.pbs {
  padding-bottom: 25px; }

.pbm {
  padding-bottom: 50px; }

.pbl {
  padding-bottom: 100px; }

.pbxl {
  padding-bottom: 200px; }

.prs {
  padding-right: 25px; }

.prm {
  padding-right: 50px; }

.prl {
  padding-right: 100px; }

.prxl {
  padding-right: 200px; }

.mna {
  margin: 0 auto; }

.mtxxs {
  margin-top: 10px; }

.mtxs {
  margin-top: 20px; }

.mts {
  margin-top: 25px; }

.mtm {
  margin-top: 50px; }

.mtl {
  margin-top: 100px; }

.mtxl {
  margin-top: 200px; }

.mbxxs {
  margin-bottom: 10px; }

.mbxs {
  margin-bottom: 20px; }

.mbs {
  margin-bottom: 25px; }

.mbm {
  margin-bottom: 50px; }

.mbl {
  margin-bottom: 100px; }

.mbxl {
  margin-bottom: 200px; }

.mrs {
  margin-right: 25px; }

.mrm {
  margin-right: 50px; }

.mrl {
  margin-right: 100px; }

.mrxl {
  margin-right: 200px; }

/* Media queries */
@media screen and (max-width: 1000px) {
  /*-Margin top-*/
  .narrow-mtn {
    margin-top: 0; }

  .narrow-mts {
    margin-top: 25px; }

  .narrow-mtm {
    margin-top: 50px; }

  .narrow-mtl {
    margin-top: 100px; }

  .narrow-mtxl {
    margin-top: 200px; }

  /*-Margin bottom-*/
  .narrow-mbn {
    margin-bottom: 0; }

  .narrow-mbs {
    margin-bottom: 25px; }

  .narrow-mbm {
    margin-bottom: 50px; }

  .narrow-mbl {
    margin-bottom: 100px; }

  .narrow-mbxl {
    margin-bottom: 200px; }

  /*-Padding top-*/
  .narrow-ptn {
    padding-top: 0; }

  .narrow-pts {
    padding-top: 25px; }

  .narrow-ptm {
    padding-top: 50px; }

  .narrow-ptl {
    padding-top: 100px; }

  .narrow-ptxl {
    padding-top: 200px; }

  /*-Padding bottom-*/
  .narrow-pbn {
    padding-bottom: 0; }

  .narrow-pbs {
    padding-bottom: 25px; }

  .narrow-pbm {
    padding-bottom: 50px; }

  .narrow-pbl {
    padding-bottom: 100px; }

  .narrow-pbxl {
    padding-bottom: 200px; } }
.cb {
  clear: both; }

.cl {
  clear: left; }

.cr {
  clear: right; }

.cn {
  clear: none; }

.ov {
  overflow: visible; }

.oh {
  overflow: hidden; }

.uc {
  text-transform: uppercase; }

/*--- Heights ---*/
.height-50 {
  height: 50%; }

.min-height-50 {
  min-height: 50%; }

.height-75 {
  height: 75%; }

.mt-0 {
  margin-top: 0px; }

.mt-1 {
  margin-top: 10px; }

.mt-2 {
  margin-top: 20px; }

.mt-3 {
  margin-top: 30px; }

.mt-4 {
  margin-top: 40px; }

.mt-5 {
  margin-top: 50px; }

.mt-6 {
  margin-top: 60px; }

.mt-7 {
  margin-top: 70px; }

.mt-8 {
  margin-top: 80px; }

.mt-9 {
  margin-top: 90px; }

.mt-10 {
  margin-top: 100px; }

.mt-11 {
  margin-top: 110px; }

.mt-12 {
  margin-top: 120px; }

.mt-13 {
  margin-top: 130px; }

.mt-14 {
  margin-top: 140px; }

.mt-15 {
  margin-top: 150px; }

.mt-16 {
  margin-top: 160px; }

.mt-17 {
  margin-top: 170px; }

.mt-18 {
  margin-top: 180px; }

.mt-19 {
  margin-top: 190px; }

.mt-20 {
  margin-top: 200px; }

.mt-21 {
  margin-top: 210px; }

.mt-22 {
  margin-top: 220px; }

.mt-23 {
  margin-top: 230px; }

.mt-24 {
  margin-top: 240px; }

.mt-25 {
  margin-top: 250px; }

.mt-26 {
  margin-top: 260px; }

.mt-27 {
  margin-top: 270px; }

.mt-28 {
  margin-top: 280px; }

.mt-29 {
  margin-top: 290px; }

.mt-30 {
  margin-top: 300px; }

.mt-31 {
  margin-top: 310px; }

.mt-32 {
  margin-top: 320px; }

.mt-33 {
  margin-top: 330px; }

.mt-34 {
  margin-top: 340px; }

.mt-35 {
  margin-top: 350px; }

.mt-36 {
  margin-top: 360px; }

.mt-37 {
  margin-top: 370px; }

.mt-38 {
  margin-top: 380px; }

.mt-39 {
  margin-top: 390px; }

.mb-0 {
  margin-bottom: 0px; }

.mb-1 {
  margin-bottom: 10px; }

.mb-2 {
  margin-bottom: 20px; }

.mb-3 {
  margin-bottom: 30px; }

.mb-4 {
  margin-bottom: 40px; }

.mb-5 {
  margin-bottom: 50px; }

.mb-6 {
  margin-bottom: 60px; }

.mb-7 {
  margin-bottom: 70px; }

.mb-8 {
  margin-bottom: 80px; }

.mb-9 {
  margin-bottom: 90px; }

.mb-10 {
  margin-bottom: 100px; }

.mb-11 {
  margin-bottom: 110px; }

.mb-12 {
  margin-bottom: 120px; }

.mb-13 {
  margin-bottom: 130px; }

.mb-14 {
  margin-bottom: 140px; }

.mb-15 {
  margin-bottom: 150px; }

.mb-16 {
  margin-bottom: 160px; }

.mb-17 {
  margin-bottom: 170px; }

.mb-18 {
  margin-bottom: 180px; }

.mb-19 {
  margin-bottom: 190px; }

.mb-20 {
  margin-bottom: 200px; }

.mb-21 {
  margin-bottom: 210px; }

.mb-22 {
  margin-bottom: 220px; }

.mb-23 {
  margin-bottom: 230px; }

.mb-24 {
  margin-bottom: 240px; }

.mb-25 {
  margin-bottom: 250px; }

.mb-26 {
  margin-bottom: 260px; }

.mb-27 {
  margin-bottom: 270px; }

.mb-28 {
  margin-bottom: 280px; }

.mb-29 {
  margin-bottom: 290px; }

.mb-30 {
  margin-bottom: 300px; }

.mb-31 {
  margin-bottom: 310px; }

.mb-32 {
  margin-bottom: 320px; }

.mb-33 {
  margin-bottom: 330px; }

.mb-34 {
  margin-bottom: 340px; }

.mb-35 {
  margin-bottom: 350px; }

.mb-36 {
  margin-bottom: 360px; }

.mb-37 {
  margin-bottom: 370px; }

.mb-38 {
  margin-bottom: 380px; }

.mb-39 {
  margin-bottom: 390px; }

.pt-0 {
  padding-top: 0px; }

.pt-1 {
  padding-top: 10px; }

.pt-2 {
  padding-top: 20px; }

.pt-3 {
  padding-top: 30px; }

.pt-4 {
  padding-top: 40px; }

.pt-5 {
  padding-top: 50px; }

.pt-6 {
  padding-top: 60px; }

.pt-7 {
  padding-top: 70px; }

.pt-8 {
  padding-top: 80px; }

.pt-9 {
  padding-top: 90px; }

.pt-10 {
  padding-top: 100px; }

.pt-11 {
  padding-top: 110px; }

.pt-12 {
  padding-top: 120px; }

.pt-13 {
  padding-top: 130px; }

.pt-14 {
  padding-top: 140px; }

.pt-15 {
  padding-top: 150px; }

.pt-16 {
  padding-top: 160px; }

.pt-17 {
  padding-top: 170px; }

.pt-18 {
  padding-top: 180px; }

.pt-19 {
  padding-top: 190px; }

.pt-20 {
  padding-top: 200px; }

.pt-21 {
  padding-top: 210px; }

.pt-22 {
  padding-top: 220px; }

.pt-23 {
  padding-top: 230px; }

.pt-24 {
  padding-top: 240px; }

.pt-25 {
  padding-top: 250px; }

.pt-26 {
  padding-top: 260px; }

.pt-27 {
  padding-top: 270px; }

.pt-28 {
  padding-top: 280px; }

.pt-29 {
  padding-top: 290px; }

.pt-30 {
  padding-top: 300px; }

.pt-31 {
  padding-top: 310px; }

.pt-32 {
  padding-top: 320px; }

.pt-33 {
  padding-top: 330px; }

.pt-34 {
  padding-top: 340px; }

.pt-35 {
  padding-top: 350px; }

.pt-36 {
  padding-top: 360px; }

.pt-37 {
  padding-top: 370px; }

.pt-38 {
  padding-top: 380px; }

.pt-39 {
  padding-top: 390px; }

.pb-0 {
  padding-bottom: 0px; }

.pb-1 {
  padding-bottom: 10px; }

.pb-2 {
  padding-bottom: 20px; }

.pb-3 {
  padding-bottom: 30px; }

.pb-4 {
  padding-bottom: 40px; }

.pb-5 {
  padding-bottom: 50px; }

.pb-6 {
  padding-bottom: 60px; }

.pb-7 {
  padding-bottom: 70px; }

.pb-8 {
  padding-bottom: 80px; }

.pb-9 {
  padding-bottom: 90px; }

.pb-10 {
  padding-bottom: 100px; }

.pb-11 {
  padding-bottom: 110px; }

.pb-12 {
  padding-bottom: 120px; }

.pb-13 {
  padding-bottom: 130px; }

.pb-14 {
  padding-bottom: 140px; }

.pb-15 {
  padding-bottom: 150px; }

.pb-16 {
  padding-bottom: 160px; }

.pb-17 {
  padding-bottom: 170px; }

.pb-18 {
  padding-bottom: 180px; }

.pb-19 {
  padding-bottom: 190px; }

.pb-20 {
  padding-bottom: 200px; }

.pb-21 {
  padding-bottom: 210px; }

.pb-22 {
  padding-bottom: 220px; }

.pb-23 {
  padding-bottom: 230px; }

.pb-24 {
  padding-bottom: 240px; }

.pb-25 {
  padding-bottom: 250px; }

.pb-26 {
  padding-bottom: 260px; }

.pb-27 {
  padding-bottom: 270px; }

.pb-28 {
  padding-bottom: 280px; }

.pb-29 {
  padding-bottom: 290px; }

.pb-30 {
  padding-bottom: 300px; }

.pb-31 {
  padding-bottom: 310px; }

.pb-32 {
  padding-bottom: 320px; }

.pb-33 {
  padding-bottom: 330px; }

.pb-34 {
  padding-bottom: 340px; }

.pb-35 {
  padding-bottom: 350px; }

.pb-36 {
  padding-bottom: 360px; }

.pb-37 {
  padding-bottom: 370px; }

.pb-38 {
  padding-bottom: 380px; }

.pb-39 {
  padding-bottom: 390px; }

@media all and (max-width: 1000px) {
  .mt-t-0 {
    margin-top: 0px; }

  .mt-t-1 {
    margin-top: 10px; }

  .mt-t-2 {
    margin-top: 20px; }

  .mt-t-3 {
    margin-top: 30px; }

  .mt-t-4 {
    margin-top: 40px; }

  .mt-t-5 {
    margin-top: 50px; }

  .mt-t-6 {
    margin-top: 60px; }

  .mt-t-7 {
    margin-top: 70px; }

  .mt-t-8 {
    margin-top: 80px; }

  .mt-t-9 {
    margin-top: 90px; }

  .mt-t-10 {
    margin-top: 100px; }

  .mt-t-11 {
    margin-top: 110px; }

  .mt-t-12 {
    margin-top: 120px; }

  .mt-t-13 {
    margin-top: 130px; }

  .mt-t-14 {
    margin-top: 140px; }

  .mt-t-15 {
    margin-top: 150px; }

  .mt-t-16 {
    margin-top: 160px; }

  .mt-t-17 {
    margin-top: 170px; }

  .mt-t-18 {
    margin-top: 180px; }

  .mt-t-19 {
    margin-top: 190px; }

  .mt-t-20 {
    margin-top: 200px; }

  .mt-t-21 {
    margin-top: 210px; }

  .mt-t-22 {
    margin-top: 220px; }

  .mt-t-23 {
    margin-top: 230px; }

  .mt-t-24 {
    margin-top: 240px; }

  .mt-t-25 {
    margin-top: 250px; }

  .mt-t-26 {
    margin-top: 260px; }

  .mt-t-27 {
    margin-top: 270px; }

  .mt-t-28 {
    margin-top: 280px; }

  .mt-t-29 {
    margin-top: 290px; }

  .mt-t-30 {
    margin-top: 300px; }

  .mt-t-31 {
    margin-top: 310px; }

  .mt-t-32 {
    margin-top: 320px; }

  .mt-t-33 {
    margin-top: 330px; }

  .mt-t-34 {
    margin-top: 340px; }

  .mt-t-35 {
    margin-top: 350px; }

  .mt-t-36 {
    margin-top: 360px; }

  .mt-t-37 {
    margin-top: 370px; }

  .mt-t-38 {
    margin-top: 380px; }

  .mt-t-39 {
    margin-top: 390px; }

  .mb-t-0 {
    margin-bottom: 0px; }

  .mb-t-1 {
    margin-bottom: 10px; }

  .mb-t-2 {
    margin-bottom: 20px; }

  .mb-t-3 {
    margin-bottom: 30px; }

  .mb-t-4 {
    margin-bottom: 40px; }

  .mb-t-5 {
    margin-bottom: 50px; }

  .mb-t-6 {
    margin-bottom: 60px; }

  .mb-t-7 {
    margin-bottom: 70px; }

  .mb-t-8 {
    margin-bottom: 80px; }

  .mb-t-9 {
    margin-bottom: 90px; }

  .mb-t-10 {
    margin-bottom: 100px; }

  .mb-t-11 {
    margin-bottom: 110px; }

  .mb-t-12 {
    margin-bottom: 120px; }

  .mb-t-13 {
    margin-bottom: 130px; }

  .mb-t-14 {
    margin-bottom: 140px; }

  .mb-t-15 {
    margin-bottom: 150px; }

  .mb-t-16 {
    margin-bottom: 160px; }

  .mb-t-17 {
    margin-bottom: 170px; }

  .mb-t-18 {
    margin-bottom: 180px; }

  .mb-t-19 {
    margin-bottom: 190px; }

  .mb-t-20 {
    margin-bottom: 200px; }

  .mb-t-21 {
    margin-bottom: 210px; }

  .mb-t-22 {
    margin-bottom: 220px; }

  .mb-t-23 {
    margin-bottom: 230px; }

  .mb-t-24 {
    margin-bottom: 240px; }

  .mb-t-25 {
    margin-bottom: 250px; }

  .mb-t-26 {
    margin-bottom: 260px; }

  .mb-t-27 {
    margin-bottom: 270px; }

  .mb-t-28 {
    margin-bottom: 280px; }

  .mb-t-29 {
    margin-bottom: 290px; }

  .mb-t-30 {
    margin-bottom: 300px; }

  .mb-t-31 {
    margin-bottom: 310px; }

  .mb-t-32 {
    margin-bottom: 320px; }

  .mb-t-33 {
    margin-bottom: 330px; }

  .mb-t-34 {
    margin-bottom: 340px; }

  .mb-t-35 {
    margin-bottom: 350px; }

  .mb-t-36 {
    margin-bottom: 360px; }

  .mb-t-37 {
    margin-bottom: 370px; }

  .mb-t-38 {
    margin-bottom: 380px; }

  .mb-t-39 {
    margin-bottom: 390px; } }
@media all and (max-width: 900px) {
  .mt-ph-0 {
    margin-top: 0px; }

  .mt-ph-1 {
    margin-top: 10px; }

  .mt-ph-2 {
    margin-top: 20px; }

  .mt-ph-3 {
    margin-top: 30px; }

  .mt-ph-4 {
    margin-top: 40px; }

  .mt-ph-5 {
    margin-top: 50px; }

  .mt-ph-6 {
    margin-top: 60px; }

  .mt-ph-7 {
    margin-top: 70px; }

  .mt-ph-8 {
    margin-top: 80px; }

  .mt-ph-9 {
    margin-top: 90px; }

  .mt-ph-10 {
    margin-top: 100px; }

  .mt-ph-11 {
    margin-top: 110px; }

  .mt-ph-12 {
    margin-top: 120px; }

  .mt-ph-13 {
    margin-top: 130px; }

  .mt-ph-14 {
    margin-top: 140px; }

  .mt-ph-15 {
    margin-top: 150px; }

  .mt-ph-16 {
    margin-top: 160px; }

  .mt-ph-17 {
    margin-top: 170px; }

  .mt-ph-18 {
    margin-top: 180px; }

  .mt-ph-19 {
    margin-top: 190px; }

  .mt-ph-20 {
    margin-top: 200px; }

  .mt-ph-21 {
    margin-top: 210px; }

  .mt-ph-22 {
    margin-top: 220px; }

  .mt-ph-23 {
    margin-top: 230px; }

  .mt-ph-24 {
    margin-top: 240px; }

  .mt-ph-25 {
    margin-top: 250px; }

  .mt-ph-26 {
    margin-top: 260px; }

  .mt-ph-27 {
    margin-top: 270px; }

  .mt-ph-28 {
    margin-top: 280px; }

  .mt-ph-29 {
    margin-top: 290px; }

  .mt-ph-30 {
    margin-top: 300px; }

  .mt-ph-31 {
    margin-top: 310px; }

  .mt-ph-32 {
    margin-top: 320px; }

  .mt-ph-33 {
    margin-top: 330px; }

  .mt-ph-34 {
    margin-top: 340px; }

  .mt-ph-35 {
    margin-top: 350px; }

  .mt-ph-36 {
    margin-top: 360px; }

  .mt-ph-37 {
    margin-top: 370px; }

  .mt-ph-38 {
    margin-top: 380px; }

  .mt-ph-39 {
    margin-top: 390px; }

  .mb-ph-0 {
    margin-bottom: 0px; }

  .mb-ph-1 {
    margin-bottom: 10px; }

  .mb-ph-2 {
    margin-bottom: 20px; }

  .mb-ph-3 {
    margin-bottom: 30px; }

  .mb-ph-4 {
    margin-bottom: 40px; }

  .mb-ph-5 {
    margin-bottom: 50px; }

  .mb-ph-6 {
    margin-bottom: 60px; }

  .mb-ph-7 {
    margin-bottom: 70px; }

  .mb-ph-8 {
    margin-bottom: 80px; }

  .mb-ph-9 {
    margin-bottom: 90px; }

  .mb-ph-10 {
    margin-bottom: 100px; }

  .mb-ph-11 {
    margin-bottom: 110px; }

  .mb-ph-12 {
    margin-bottom: 120px; }

  .mb-ph-13 {
    margin-bottom: 130px; }

  .mb-ph-14 {
    margin-bottom: 140px; }

  .mb-ph-15 {
    margin-bottom: 150px; }

  .mb-ph-16 {
    margin-bottom: 160px; }

  .mb-ph-17 {
    margin-bottom: 170px; }

  .mb-ph-18 {
    margin-bottom: 180px; }

  .mb-ph-19 {
    margin-bottom: 190px; }

  .mb-ph-20 {
    margin-bottom: 200px; }

  .mb-ph-21 {
    margin-bottom: 210px; }

  .mb-ph-22 {
    margin-bottom: 220px; }

  .mb-ph-23 {
    margin-bottom: 230px; }

  .mb-ph-24 {
    margin-bottom: 240px; }

  .mb-ph-25 {
    margin-bottom: 250px; }

  .mb-ph-26 {
    margin-bottom: 260px; }

  .mb-ph-27 {
    margin-bottom: 270px; }

  .mb-ph-28 {
    margin-bottom: 280px; }

  .mb-ph-29 {
    margin-bottom: 290px; }

  .mb-ph-30 {
    margin-bottom: 300px; }

  .mb-ph-31 {
    margin-bottom: 310px; }

  .mb-ph-32 {
    margin-bottom: 320px; }

  .mb-ph-33 {
    margin-bottom: 330px; }

  .mb-ph-34 {
    margin-bottom: 340px; }

  .mb-ph-35 {
    margin-bottom: 350px; }

  .mb-ph-36 {
    margin-bottom: 360px; }

  .mb-ph-37 {
    margin-bottom: 370px; }

  .mb-ph-38 {
    margin-bottom: 380px; }

  .mb-ph-39 {
    margin-bottom: 390px; } }
@media all and (max-width: 480px) {
  .mt-m-0 {
    margin-top: 0px; }

  .mt-m-1 {
    margin-top: 10px; }

  .mt-m-2 {
    margin-top: 20px; }

  .mt-m-3 {
    margin-top: 30px; }

  .mt-m-4 {
    margin-top: 40px; }

  .mt-m-5 {
    margin-top: 50px; }

  .mt-m-6 {
    margin-top: 60px; }

  .mt-m-7 {
    margin-top: 70px; }

  .mt-m-8 {
    margin-top: 80px; }

  .mt-m-9 {
    margin-top: 90px; }

  .mt-m-10 {
    margin-top: 100px; }

  .mt-m-11 {
    margin-top: 110px; }

  .mt-m-12 {
    margin-top: 120px; }

  .mt-m-13 {
    margin-top: 130px; }

  .mt-m-14 {
    margin-top: 140px; }

  .mt-m-15 {
    margin-top: 150px; }

  .mt-m-16 {
    margin-top: 160px; }

  .mt-m-17 {
    margin-top: 170px; }

  .mt-m-18 {
    margin-top: 180px; }

  .mt-m-19 {
    margin-top: 190px; }

  .mt-m-20 {
    margin-top: 200px; }

  .mt-m-21 {
    margin-top: 210px; }

  .mt-m-22 {
    margin-top: 220px; }

  .mt-m-23 {
    margin-top: 230px; }

  .mt-m-24 {
    margin-top: 240px; }

  .mt-m-25 {
    margin-top: 250px; }

  .mt-m-26 {
    margin-top: 260px; }

  .mt-m-27 {
    margin-top: 270px; }

  .mt-m-28 {
    margin-top: 280px; }

  .mt-m-29 {
    margin-top: 290px; }

  .mt-m-30 {
    margin-top: 300px; }

  .mt-m-31 {
    margin-top: 310px; }

  .mt-m-32 {
    margin-top: 320px; }

  .mt-m-33 {
    margin-top: 330px; }

  .mt-m-34 {
    margin-top: 340px; }

  .mt-m-35 {
    margin-top: 350px; }

  .mt-m-36 {
    margin-top: 360px; }

  .mt-m-37 {
    margin-top: 370px; }

  .mt-m-38 {
    margin-top: 380px; }

  .mt-m-39 {
    margin-top: 390px; }

  .mb-m-0 {
    margin-bottom: 0px; }

  .mb-m-1 {
    margin-bottom: 10px; }

  .mb-m-2 {
    margin-bottom: 20px; }

  .mb-m-3 {
    margin-bottom: 30px; }

  .mb-m-4 {
    margin-bottom: 40px; }

  .mb-m-5 {
    margin-bottom: 50px; }

  .mb-m-6 {
    margin-bottom: 60px; }

  .mb-m-7 {
    margin-bottom: 70px; }

  .mb-m-8 {
    margin-bottom: 80px; }

  .mb-m-9 {
    margin-bottom: 90px; }

  .mb-m-10 {
    margin-bottom: 100px; }

  .mb-m-11 {
    margin-bottom: 110px; }

  .mb-m-12 {
    margin-bottom: 120px; }

  .mb-m-13 {
    margin-bottom: 130px; }

  .mb-m-14 {
    margin-bottom: 140px; }

  .mb-m-15 {
    margin-bottom: 150px; }

  .mb-m-16 {
    margin-bottom: 160px; }

  .mb-m-17 {
    margin-bottom: 170px; }

  .mb-m-18 {
    margin-bottom: 180px; }

  .mb-m-19 {
    margin-bottom: 190px; }

  .mb-m-20 {
    margin-bottom: 200px; }

  .mb-m-21 {
    margin-bottom: 210px; }

  .mb-m-22 {
    margin-bottom: 220px; }

  .mb-m-23 {
    margin-bottom: 230px; }

  .mb-m-24 {
    margin-bottom: 240px; }

  .mb-m-25 {
    margin-bottom: 250px; }

  .mb-m-26 {
    margin-bottom: 260px; }

  .mb-m-27 {
    margin-bottom: 270px; }

  .mb-m-28 {
    margin-bottom: 280px; }

  .mb-m-29 {
    margin-bottom: 290px; }

  .mb-m-30 {
    margin-bottom: 300px; }

  .mb-m-31 {
    margin-bottom: 310px; }

  .mb-m-32 {
    margin-bottom: 320px; }

  .mb-m-33 {
    margin-bottom: 330px; }

  .mb-m-34 {
    margin-bottom: 340px; }

  .mb-m-35 {
    margin-bottom: 350px; }

  .mb-m-36 {
    margin-bottom: 360px; }

  .mb-m-37 {
    margin-bottom: 370px; }

  .mb-m-38 {
    margin-bottom: 380px; }

  .mb-m-39 {
    margin-bottom: 390px; } }

/*
--------------------
LOADING
--------------------
*/
.blocker {
  position: fixed;
  z-index: 11;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  text-align: center;
  background-color: #1E344C;
  background-image: url(data:image/gif;base64,R0lGODlhGQAZAMQRAP9mAB40TMZZE1VAOSs2R/BiBY5NJtRbDkc9PrhWGHFGL+JfCapSHJxPITk5Qn9JK2NCNAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFAgARACwAAAAAGQAZAAAFd2AgjgGhMEKaJg9BviPRFEBt340Dj9By/7cCZDcAGm+DF4J2PBYQsUNzenAFDNOsocTMOgkPb/aREE8TXTMwrW673z8f3LYoz2sJxb2mILDbBS5Yc1slUm8HJEtuT0qHYgdQMASPVFY7BAZ/OJc7IiYCPwcGnSMhACH5BAUCABEALAAAAAABAAEAAAUDYBQCACH5BAUCABEALAAAAAABAAEAAAUDYBQCACH5BAUCABEALAAAAQAZABgAAAVkYCSOxmiexGkih+oeiEsUbl2kJtHW9YFHAQZvyAiIBsMkMiBIDgWBmHOIeEyHj8SVl2huXQLv9xQeqwRCs4lhVY8eDvfIwZRDI0h3Pqhu5HZbPihaVwk/JnxOdzUBbTYlco4nIQAh+QQFAgARACwAAAAAGQAZAAAFXGAkjlFAjoxyrmLwLKxYGHFt33hs5ucu0jwSMOIIrooRhvGkDBSWpEIAAT0hHlXSY5g1cKve7MigEkcUVDPCKZZGGmI4UYyMfHlcn1FvzipvMDUPfCwmCScCZSshACH5BAUCABEALAAAAAAZABkAAAVmYCSOIkSSwamKyko+qUsk7pkQayDUqhCTDd4qSBoIXUZRYHFcLWKt5ipKk6pogYJVVQggtitEElwck0UD83ngOJMcWXekG6meqyZ3fnl+jtRSakRWgyMBBlYGPydRQoUrgHIuiyMhACH5BAUCABEALAAAAAAZABkAAAVuYCSO4tCQIoSu43Cw4jLAYmDQpBHAN56zKh8qOCIUhKgCgcRArpoih5MljTymq2skgUVxA8fuqBDYiUnlM9qsjpQX7cWOq6Zrz9qlWh+Bdv0RRl1KQ11EJBBhPgWHKAiKNI0rDgI0Mk4zkAmSIiEAIfkEBQIAEQAsAQAAABcAGQAABWtgJI6RwpBR46CsuLSisMI0WQx1HhUEiusjQYD0Ao4ew8jDaBsGikyRIvCLxgIGKymQ0I4QAq9oEBaTxZHBSezIigMIcSLw9E6V2kIyAjXex1FCYgI9LBAAOQeFLQN9KA2LNAoCiCIFDDMoIQAh+QQFAgARACwBAAAAFwAZAAAFbmAkjtFAis+pio6wig3xRlAxi4ezmvcoBCeCrTcykAINIqmgEwmVJCMKugQGXNSRCZgtRhDdUSLAC//K3XNY9GuGGQFu2Hhd81LdAveZlUaQWUwkBAdUCioIhUQNciQOQzNwMy0zD40vAwkkCzMhACH5BAUCABEALAEAAAAWABkAAAV2YCSOkdOQSUSQrEicbVRAQVwe9mjUbCDkpEHPACQVViNHoUhq8AJE5ugoCiylo4dIiB0JatFuNZASixA+8zatHrDNboa6FAmLa1zxN2I1a/l2TFQiSl1OIwEKWAdIiDBABQgxAXJAkjYBjywLeTkODFciBo0jIQAh+QQFAgARACwCAAAAFQAZAAAFXmAkjoGSjMKorsGwrKMCi+Vsq8OtB4c+HgGSwaca0l5E0SIYgSRVzkDjOZoGUtRIipmNBLjZb5cGpn4L3cIXS91Os29EV+5FJpe0B1VG6iXLCHZzaGMRgTOEOw+CNiEAIfkEBQIAEQAsAwAAABMAGQAABWVgJI6RMDJDQK7IehJuBBWxKMAkQdeioY4N3qjgGBWFp98DOVQFFsyRIoCLRhqBgdUWMGxF3W8k/CVvA8ttIfsVUL/YwGELUaWZa5Fjh8QC8UciBHNCUytVMX4ugSuKNV4jAikrIQAh+QQFAgARACwDAAAAEgAZAAAFYmAkjggzJmM6BoYqNoEbNO7IxOtQp1AaHLvRARdQBFPGSAB1FDEdzZQj0IuKICyryBAQaCOC7jfs1ZLHy28iq+VWrT3CV56OMqnwFfA4XCEKQQUIKng7DzVFNS1BCGUReykhACH5BAUCABEALAQAAAARABkAAAVhYCSKRDM2xKiKSLEWyMq6MrwGgjwKgTrovhEOuOtFHEQVMvBIjh6BQMIpSkRzVJ6RGolyRd5vmDumXrlaBpcRVXAVPSRVPkxaR79kHqwGslcECzoLKTItLzFABH0RDIUjIQAh+QQFAgARACwFAAAADwAZAAAFWGAkiswIBWOqkmhKLGv0tGITi8QYwLfSDjeRABWwBSOEQEBwjAyUzYghkGs2AsDmMHvcRr1a7JcavdKC02XzWWwmncdEaxf0mW6Hs3r1VDlWVzdMEQV2IyEAIfkEBQIAEQAsBQAAAA4AGQAABVdgJEbBMJ5niSpo4Cxo4aQNKjbBGMD2kpMmmygYqAkjOJLgGBHkfsxAgMAUEVTVAZapDXK3x241oqVWqdDjc3l0kozCJBiF0PFQPh3Ltrfj00ArQiUFQiEAIfkEBQIAEQAsBgAAAA0AGQAABVxgIAaIIDRjGjgF4KJqwLi0E9O0oSq4u6iJnguRWggBipHjCGCMBkzBiHf8iQxMwAjL3Ga93etXRBVaA9CjVERgwkRGYXI0E9qm5licNk81egQxBC0uOjFoLQkqIQAh+QQFAgARACwHAAAACgAZAAAFUGAgEomgiGjAAKyTOizLpEbMpoINDGihPyMdoCEaCAXFo6gmXAoBzmaAqYtWp0+rLalDBozdoI4o8tmAooQOgVLYFimCjYxqsAqu+AFwEoUAACH5BAUCABEALAgAAAAIABkAAAVIYCA+AiKKBAAkZ/CoAHEK8HAW8IPCQCMOPMEvOOIVRAYeAKlk8pwwqEq6DCSfAQVvMYQJA0DvDma45U4MmEmknZ5Sq5YVsA4BACH5BAUCABEALAkAAAAGABkAAAU+YBAQAiEGCqCcDMCcAiCcC7CcQI7rgZMDjsDgNxASjbniMIkEKI9LZ/PJJPxMgd8OQLPBZCcDwHBKrURWUwgAIfkEBQIAEQAsCgAAAAUAGQAABSFgECiiaJTBWaomyqAALJcxPYs1fgc5v/cNFCslLJZIgRAAIfkEBQIAEQAsCgAAAAUAGQAABThgQAhEECiAYjIAYwqAYC7AYgL4nTs44Ay9ARAnDA4BReIxiVwuCb1STweY1V4xkwFgMKFUIkApBAAh+QQFAgARACwJAAAABwAZAAAFQ2AUDZEiikdUnAgQAZBouIAhJnSCnul7uj6Rq/VDDICvwfGnRAKazKUQOpUmHU5HMOjciQS3nEhBe4iwSZ7qNIqYIyEAIfkEBQIAEQAsCAAAAAkAGQAABUpgIDZCI54KoCpnsKjAcg6wOohGDRhioieig+4g0qmKxgDNOFjqmkYAlOmsTZ9V2C2K1AWHvZ/ooXuIHDrHSaginiAwSCvAADBOIQAh+QQFAgARACwHAAAACwAZAAAFVWAgEomQEGIaHEB7qIHSzooqzK2QOvjsiI9e6yFiCAEM0eK4EB1bAd7TMXgCBtUn1rrVZo8D6fFnFbGEr4BRmIwda9Fxaj1riyA9COyWgwUISwsoIiEAIfkEBQIAEQAsBgAAAA0AGQAABVlgIAaDYEJjOgAsq6SBs7Rs4aQN3TbprAOL0erHGohyRAAvIEgCBCInK0CQAghD5yCb3Fq9UrC2KiUErKJmEhpAEpdcHWLk0wVHCuKrZ4eRdHswAwUABYEBIQAh+QQFAgARACwGAAAADQAZAAAFU2AgBoZgGuNIHEDbHkSauHQyQnQOiUxOMwFCwecqEHBEF8SQdJWaLQELOoVar9isq5o8CKwCJtSAbEKEzQKvCQw4hr6CYyTOoVRfmiCWCjRcDSkhACH5BAUCABEALAUAAAAPABkAAAVYYCAGRCOcDTGuSAG8b4GsQQvf8ircvDAOvOBAtAvefA5j0PFQ8h4J5y1RlAKq1qx2yzVinQKGlqHQKpJZR+AbTIiA0qFIrGSsCAvjQsVy4WY0JHQADHwiIQAh+QQFAgARACwEAAAAEQAZAAAFZWAgiggjnMkwrqIBvDDQsGIT3ww73Dy0HrzbYaQI8hSihPGWCDiWPAcEeoO4qDCDAAs7cV/eb5grUH4TV65h+oUQvgBCwExtBthUnwgIHY4QBUsFCCx4PA80AUU8BokkWy8HKishACH5BAUCABEALAMAAAATABkAAAVoYCSOQzJGyqlGhLBGh/MixysuyOra4j5CAJ4IADkthKOjCBFERgC5CMM5msKootoTux00qYCBlxseY8tfZ5hJzqWRTS1V2+DWI2x19OqUR4BwRScMbycAVio+K34nBCY6BEIQcgspKiEAIfkEBQIAEQAsAwAAABMAGQAABWJgII5KIpzCQ4ysOCxALAOF0orKrMdGO+zAAesA3B1GhiKwF4ApdYsA5AmENKi7hgCr23K/4LC4MPaCBddwAyFGNMHRwANsExGxxxHCqSy4WQhkSn8te0AFQjcjD3wLBissIQAh+QQFAgARACwCAAAAFQAZAAAFamAkjsQjjJHhoKz4FG0EGLGY1GNCtDQ+9qMBwDcCDFAHIjI4VIqMNifqJpMWI0Lrc/DQjh5ArSFsHXtFBkXTClBktdC1tEm1Ut9OqCgp5YsQMEoFCCwQcjFtMWo+XTUKgS2NOARhBQwrLCEAIfkEBQIAEQAsAgAAABUAGQAABWpgII5OI5xng4zsSDRALMuC04rIMe9xMbSEAm9YILAEw6RgBEk6ISKkc7hETJ0IwzVpkG53AuF3Jx6bz+cFOrbwngXatcG6Xrm/y0DzDBUxzAwsBAl4Ri06UweGQDBJDIs3AQ4MZQUJPy0hACH5BAUCABEALAEAAAAXABkAAAVwYCSO0UCKjHmujrCOi/pCxUsCzzsA9gnIIkKtdyoQSAniKylC8JQ+BAr6Yoie1FsJm70OHtwuztBdGchl0jmtVoSzAMWOHflFhumhlb13pgFSIkxde0F4UEYnCAdUC4EnDocvBY8sLjYCDlADg3U9IQAh+QQFAgARACwBAAAAFwAZAAAFYGAkjmQJlWg0HGlbGoA7Giktk/YIxfcInCJCoVcqEEQMIirp4Cl9jscT9UhMS4nhdVRwbgHeK3jrW5BFC+s58QgrAQ+Cmwg4Jrd34dWom7d+Jlo3BUAlCD2AZAsDZ4UkIQAh+QQFAgARACwAAAAAGQAZAAAFb2AkjiLEkKKCrqOysGLxwCKR0GRCwAKO9quGL4gaAIYowID0QqKaEZVzJb1NUdbCFaVFHLcjAGIJJg3IZdE5PRo4vmWAI6JN161lK4S9F0Gvf0ZbSihCV4YoBnA4AAY0CoswiDADf1wzSCqLAlIrIQAh+QQFAgARACwAAAAAGQAZAAAFZmAkjqJCksSpis9KGqmLHO55ICtR1GoRkzSeKjgyCF1GkQNwXAEcIkbTJY3spr0Igok9ARCtruqRFL/KZpEBnTaY0iPFFh75WunXBl0fWaafRW02YkQjBAlYCT8nVUKNLmF0R4sjIQAh+QQFAgARACwAAAAAGQAZAAAFXGAkjhFBjslzriJhFKwINHFt33hs5ucuMrwTUDQIrooRgfGkRACWJABCBSU9ElVSQpkVCbjdb9c77DKo3YfjmQU4kmFiFxkpG2kjn1E/zoJrMDUGfCwmfxEHaCchACH5BAUCABEALAAAAQAZABgAAAViYCSOzWiezmlCi+oWkDsAbg0MJ1LUfIGMhANveCCIDMMkkrBL9ggPZ/KRkA4TTeuLpnUBuN3TN6wCtMimRRU9SijYIwUTXjAi2fcgWjjShX05fFIHPyp6TkU8BHc2JXCMJyEAIfkEBQIAEQAsAAAAAAEAAQAABQNgFAIAOw==);
  background-repeat: no-repeat;
  background-position: center center; }

/*
--------------------
MENU BUTTON
--------------------
*/
.menu-button {
  /* Hover */
  /*.menu-button > a:hover .menu-icon span{*/
  /*	background-color:*/
  /*;*/
  /*	transition-duration:*/
  /*;*/
  /*}*/
  /*--- Button state: On ---*/
  /*--- Button state: start ---*/
  /*--- Button state: end ---*/ }
  .menu-button > a {
    display: block;
    /*float:left;*/
    height: 18px;
    padding: 20px;
    /*font-size:0;*/
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
    color: rgba(255, 255, 255, 0.5);
    /*
    @media all and (max-width:px)
    {
    	padding:px;
    }
    */ }
    .menu-button > a:hover {
      color: white; }
  .menu-button .menu-label {
    float: left;
    padding-right: 15px;
    line-height: 18px; }
    @media all and (max-width: 1000px) {
      .menu-button .menu-label {
        color: #fff; }
        .menu-button .menu-label span {
          display: none; } }
    @media all and (max-width: 700px) {
      .menu-button .menu-label {
        display: none; } }
  .menu-button .menu-icon {
    float: right;
    position: relative;
    top: 0;
    margin: 0;
    width: 25px;
    height: 18px;
    /*background:url(/assets/images/backgrounds/trans-100-tile.png) repeat center center;*/ }
    .menu-button .menu-icon span {
      display: block; }
      .menu-button .menu-icon span:nth-child(2) {
        position: absolute;
        top: 8px;
        right: 0;
        width: 100%;
        height: 2px;
        background: #fff;
        transition-property: opacity, background;
        transition-duration: 0s, 0.3s;
        transition-delay: 0.3s, 0s;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
        transform: translateZ(0);
        -ms-transform: translateZ(0);
        -webkit-transform: translateZ(0); }
      .menu-button .menu-icon span:nth-child(1), .menu-button .menu-icon span:nth-child(3) {
        position: absolute;
        left: 0;
        width: 100%;
        height: 2px;
        background: #fff;
        transition-duration: 0.3s, 0.3s, 0.3s;
        transition-delay: 0.3s, 0s, 0s; }
      .menu-button .menu-icon span:nth-child(1) {
        top: 0;
        transition-property: top, transform, background; }
      .menu-button .menu-icon span:nth-child(3) {
        bottom: 0;
        transition-property: bottom, transform, background; }
  .menu-on .menu-button .menu-icon span:nth-child(2), .menu-button .close .menu-icon span:nth-child(2) {
    filter: alpha(opacity=0);
    opacity: 0;
    zoom: 1;
    transition-delay: 0.3s; }
  .menu-on .menu-button .menu-icon span:nth-child(1), .menu-button .close .menu-icon span:nth-child(1) {
    top: 8px;
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  .menu-on .menu-button .menu-icon span:nth-child(3), .menu-button .close .menu-icon span:nth-child(3) {
    bottom: 8px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg); }
  .menu-on .menu-button .menu-icon span:nth-child(1), .menu-on .menu-button .menu-icon span:nth-child(3), .menu-button .close .menu-icon span:nth-child(1), .menu-button .close .menu-icon span:nth-child(3) {
    transition-delay: 0s, 0.3s; }
  .menu-on-start .menu-button .menu-icon span {
    background: none;
    transition-delay: 0.3s; }
    .menu-on-start .menu-button .menu-icon span:nth-child(1) {
      top: 0;
      transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -webkit-transform: rotate(0deg); }
    .menu-on-start .menu-button .menu-icon span:nth-child(3) {
      bottom: 0;
      transform: rotate(0deg);
      -ms-transform: rotate(0deg);
      -webkit-transform: rotate(0deg); }
    .menu-on-start .menu-button .menu-icon span:nth-child(1), .menu-on-start .menu-button .menu-icon span:nth-child(3) {
      transition-delay: 0s, 0.3s; }
  .menu-on-end .menu-button .menu-icon span {
    background: none;
    transition-delay: 0.3s, 0.3s; }
    .menu-on-end .menu-button .menu-icon span:nth-child(1) {
      top: 0;
      transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg); }
    .menu-on-end .menu-button .menu-icon span:nth-child(3) {
      bottom: 0;
      transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg); }
    .menu-on-end .menu-button .menu-icon span:nth-child(1), .menu-on-end .menu-button .menu-icon span:nth-child(3) {
      transition-delay: 0s, 0.3s; }
  @media (max-width: px) {
    .menu-button {
      /* Display menu button */
      display: block; } }

/*
--------------------
Tooltip
--------------------
*/
/*--- General ---*/
.tooltips {
  overflow: hidden;
  position: absolute;
  z-index: 1;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0; }

.tooltip {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  max-width: 50%;
  padding-bottom: 18px;
  padding-right: 35px;
  left: 8px;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  z-index: 500;
  /*
  &:before, &:after{
  			   content:' ';
  			   position:absolute;
  			   width:0;
  			   height:0;
  			   bottom:0;
  			   left:0;
  			   border-style:solid;
  			   border-width:18px 8px 0 0;
  			   border-color:#808080 transparent transparent #808080;
  		   }
  &:after{
  	 bottom:5px; left:1px;
  	 border-color:#000000 transparent transparent #000000;
   }
  */ }
  .tooltip.active {
    display: block;
    opacity: 1; }
    .tooltip.active.delay-show {
      opacity: 0; }
  .tooltip.right:before, .tooltip.right:after {
    left: auto;
    right: 35px;
    border-width: 0 8px 18px 0;
    border-color: transparent #808080 transparent transparent; }
  .tooltip.right:after {
    left: auto;
    right: 36px;
    border-color: transparent #000000 transparent transparent; }
  .tooltip.down:before, .tooltip.down:after {
    bottom: auto;
    top: 0;
    border-width: 0 8px 18px 0;
    border-color: #808080 transparent transparent #808080; }
  .tooltip.down:after {
    top: 5px;
    left: 1px;
    bottom: auto;
    border-color: #000000 transparent transparent #000000; }

.tooltip-position {
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 0; }

.tooltip-content {
  padding: 10px 20px;
  text-align: center;
  transform: translateX(-50%);
  color: #fff;
  text-shadow: rgba(0, 0, 0, 0.7) 0 0 10px; }
  .tooltip-content > span {
    white-space: nowrap; }
  .tooltip-content h3 {
    font-size: 40px;
    line-height: 45px;
    font-family: "ITCCaslon224W01-Medium", Georgia, "Times New Roman", serif;
    margin-bottom: 15px;
    text-align: center; }
  .tooltip-content p {
    text-align: center;
    font-size: 17px;
    line-height: 20px;
    font-family: "Avenir LT W01_85 Light", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    margin-bottom: 3px;
    padding-bottom: 0; }
  .active .tooltip-content.tooltip-clickable {
    cursor: pointer;
    pointer-events: auto;
    background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }

/* Media Queries */
@media only screen and (max-width: 1000px) {
  .tooltip {
    max-width: 90%; }
    .tooltip .tooltip-content {
      transform: translate(-50%, 60px); }
    .tooltip h3 {
      font-size: 18px;
      line-height: 20px;
      margin-bottom: 8px; }
    .tooltip p {
      font-size: 11px;
      line-height: 13px;
      margin-bottom: 2px; } }

.hawk_cookie_prompt {
  position: fixed;
  bottom: 0px;
  width: 850px;
  height: 50px;
  background: #1E344C;
  z-index: 10;
  padding: 0;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%); }
  @media screen and (max-width: 850px) {
    .hawk_cookie_prompt {
      left: 0%;
      transform: translateX(0%);
      -ms-transform: translateX(0%);
      -webkit-transform: translateX(0%);
      width: 100%; } }
  @media screen and (max-width: 850px) {
    .hawk_cookie_prompt {
      height: 100px;
      text-align: center;
      padding-bottom: 10px; } }
  .hawk_cookie_prompt p {
    float: left;
    margin: 0 0 0 10px !important;
    padding: 15px 12px;
    color: #b3b8bf; }
    @media screen and (max-width: 850px) {
      .hawk_cookie_prompt p {
        text-align: center;
        width: 90%;
        margin: 0 15%; } }
  .hawk_cookie_prompt a {
    color: #b3b8bf; }
  .hawk_cookie_prompt a:hover {
    color: #fff; }
  .hawk_cookie_prompt .cookie_button {
    float: right;
    padding: 15px 12px;
    cursor: pointer; }
    @media screen and (max-width: 850px) {
      .hawk_cookie_prompt .cookie_button {
        float: left;
        width: 45%;
        display: inline-block;
        text-align: center; } }
  .hawk_cookie_prompt .prompt_cookie_accept {
    color: #b3b8bf;
    padding: 15px 22px; }
  .hawk_cookie_prompt .prompt_cookie_cancel {
    color: #b3b8bf;
    padding: 15px 12px; }
  .hawk_cookie_prompt .cookie_button:hover {
    background: #133E62;
    color: #fff; }

.legalcookies {
  width: 100%; }
  .legalcookies h4 {
    font-weight: bold; }
  .legalcookies .bluelink {
    color: #1E344C; }

@charset "UTF-8";
/*
--------------------
GENERAL
--------------------
*/
html {
  height: 100%;
  min-height: 100%;
  overflow-x: auto;
  overflow-y: scroll;
  /* Media Queries */ }
  @media only screen and (min-width: 901px) {
    html {
      overflow-y: scroll !important; } }

body {
  height: 100%;
  color: #b3b8bf;
  text-rendering: optimizeLegibility;
  background: #1E344C;
  font-family: "Avenir LT W01_35 Light", Helvetica, Arial, sans-serif;
  font-size: 15px; }

/* Font styling */
blockquote {
  color: #F26531;
  font-family: "ITCCaslon224W01-Medium", Georgia, "Times New Roman", serif;
  max-width: 600px; }

blockquote + .blockquote-author {
  margin-top: 40px;
  color: #b3b8bf;
  font-family: "Avenir LT W01_35 Light", Helvetica, Arial, sans-serif; }

p {
  margin-bottom: 10px; }

a {
  color: #fff;
  text-decoration: none; }

.sup {
  font-size: 20px;
  vertical-align: super; }

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal; }

h2 {
  margin-bottom: 35px;
  font-family: "Avenir LT W01_85 Heavy", Helvetica, Arial, sans-serif; }

/* Sizes */
.content-size {
  font-size: 15px; }

.xlarge-size {
  font-size: 95px;
  line-height: 95px; }

.large-size {
  font-size: 75px;
  line-height: 75px; }

.h1-size {
  font-size: 40px;
  line-height: 40px; }

.h2-size {
  font-size: 35px; }

.h3-size {
  font-size: 28px; }

.h4-size {
  font-size: 25px; }

.h5-size {
  font-size: 20px; }

.title-bold {
  font: 24px/27px "Avenir LT W01_95 Black", Helvetica, Arial, sans-serif;
  text-transform: uppercase; }

.title-xlarge {
  font: 70px/70px "Avenir LT W01_95 Black", Helvetica, Arial, sans-serif;
  text-transform: uppercase; }
  @media all and (max-width: 1200px) {
    .title-xlarge {
      font: 60px/60px "Avenir LT W01_95 Black", Helvetica, Arial, sans-serif; } }
  @media all and (max-width: 1000px) {
    .title-xlarge {
      font: 45px/45px "Avenir LT W01_95 Black", Helvetica, Arial, sans-serif; } }
  @media all and (max-width: 700px) {
    .title-xlarge {
      font: 30px/30px "Avenir LT W01_95 Black", Helvetica, Arial, sans-serif; } }

.title-xlarge-serif {
  font: 70px/90px "ITCCaslon224W01-Medium", Georgia, "Times New Roman", serif; }
  @media all and (max-width: 1200px) {
    .title-xlarge-serif {
      font: 60px/70px "ITCCaslon224W01-Medium", Georgia, "Times New Roman", serif; } }
  @media all and (max-width: 1000px) {
    .title-xlarge-serif {
      font: 50px/55px "ITCCaslon224W01-Medium", Georgia, "Times New Roman", serif; } }
  @media all and (max-width: 700px) {
    .title-xlarge-serif {
      font: 45px/50px "ITCCaslon224W01-Medium", Georgia, "Times New Roman", serif; } }

/* Dashed title */
.dash-title {
  margin: 0 0 15px 0;
  letter-spacing: 3px;
  text-transform: uppercase; }

.dash-title:before,
.dash-title:after {
  content: "ÔÇö";
  display: inline-block;
  position: relative;
  top: 50%;
  color: #1E344C; }

.dash-title:before {
  margin: 0 5px 0 0; }

.dash-title:after {
  margin: 0 0 0 5px; }

/* Phonetics */
.phonetics {
  display: block;
  font-size: 20px; }

/* Lists */
.list li {
  display: block;
  line-height: 200%; }

/*
--------------------
Layout
--------------------
*/
/* General */
.wrapper {
  position: relative;
  min-height: 100%;
  height: 100%; }
  .wrapper .assets {
    visibility: hidden; }

.body {
  min-height: 100%;
  height: 100%; }

.page {
  height: 100%;
  box-sizing: border-box; }
  .page .section-background {
    height: 100%; }
  .page.header-offset {
    padding-top: 220px; }
    @media (max-width: 700px), (max-height: 700px) {
      .page.header-offset {
        padding-top: 150px; } }
    .condensed ~ .page.header-offset {
      padding-top: 80px; }

.fullscreen {
  position: relative;
  overflow: hidden; }

.scroll {
  padding-top: 200px; }

.content {
  margin: 0px auto 0px;
  width: 960px;
  padding-left: 20px; }
  .content.align-left {
    margin-left: 350px; }

.fullheight .wrapper {
  height: 100% !important;
  padding-bottom: 0; }

/*--- Background colours ---*/
body.black, .page_wrap.black {
  background-color: #000;
  color: #BEBEBE; }

/*--- Transitions ---*/
/* Base */
.page_wrap {
  position: absolute;
  overflow: hidden;
  left: -4px;
  top: 0;
  width: 100%;
  height: 100%;
  border-left: 4px solid #000;
  border-right: 4px solid #000;
  background-color: #000; }

.mask {
  position: absolute;
  overflow: hidden; }

/* Covers */
.cover_base {
  width: 100%;
  height: 100%;
  top: 0;
  /*display:none;*/
  position: fixed;
  background: #000;
  z-index: 8; }

.cover_lang {
  width: 100%;
  height: 100%;
  top: 0;
  position: fixed;
  background: #000;
  z-index: 12; }

.cover_menu {
  width: 100%;
  height: 100%;
  top: 0;
  position: fixed;
  background: #181818;
  z-index: 7; }

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  filter: alpha(opacity=0);
  opacity: 0;
  zoom: 1;
  background: #000; }

/* Media Queries */
@media only screen and (min-width: 701px) {
  .overlay {
    display: none !important; } }
.overlay-b60 {
  background: url(/assets/images/1x1_b60.png) repeat; }

/* Chevrons */
.chev-down {
  background-image: url(/assets/images/chevron-down-white.png);
  background-position: center 95%;
  background-repeat: no-repeat;
  background-size: 21px 12px; }
  .white-bg .chev-down {
    background-image: url(/assets/images/chevron-down-blue.png); }

.chevron-right-link {
  background-image: url(/assets/images/chevron-right-blue.png);
  line-height: 21px;
  background-position: right center;
  background-repeat: no-repeat;
  padding-right: 25px;
  margin-left: 5px;
  display: inline-block; }
  .chevron-right-link.white {
    background-image: url(/assets/images/chevron-right-white.png); }

.chevron-right-orange,
.chevron-right-link-orange {
  background-image: url(/assets/images/chevron-right-orange-small.png); }

.chevron-right-orange {
  width: 10px;
  height: 16px;
  margin-top: -8px;
  background-position: right center;
  background-repeat: no-repeat;
  display: inline-block; }

/*--- Footer ---*/
.main-footer {
  color: #b3b8bf;
  float: left;
  z-index: 10;
  position: relative;
  font-family: "Avenir LT W01_35 Light", Helvetica, Arial, sans-serif;
  font-size: 13px; }

.main-footer .visible {
  z-index: 2;
  position: absolute;
  left: 50px;
  bottom: 25px;
  text-align: right; }
  @media screen and (max-width: 1000px) {
    .main-footer .visible {
      left: 30px; } }

.main-footer .visible p {
  margin: 0; }

a.credits-link {
  color: #b3b8bf; }

.main-footer .credits {
  width: 150px;
  padding: 22px 22px 80px 30px;
  background: #fff;
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 1;
  display: none;
  color: #1E344C; }

.main-footer .credits a {
  color: #1E344C; }

.main-footer .credits h4 {
  font-family: "Avenir LT W01_85 Heavy", Helvetica, Arial, sans-serif;
  margin-bottom: 0px; }

.main-footer .credits p {
  margin-bottom: 20px; }

.main-footer .credits .photography p {
  margin-bottom: 10px; }

.main-footer .credits .photography {
  margin-bottom: 20px; }

.main-footer .credits p a.tandcs {
  text-decoration: none; }

/* Media Queries */
@media only screen and (max-width: 400px) {
  .horizontal-timeline {
    bottom: 25px; }

  .main-footer .visible {
    bottom: 15px; } }
/*--- Main menu ---*/
.narrow-main-menu {
  display: none;
  position: fixed;
  top: 10px;
  left: 10px;
  width: 20px;
  height: 20px;
  text-align: center;
  z-index: 10;
  color: #fff;
  text-decoration: none;
  font-family: "Avenir LT W01_35 Light", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  padding: 10px;
  background: url("/assets/images/mobile-menu-button.svg") no-repeat center center; }

.main-menu-holder,
.main-sub-menu-wrapper {
  position: fixed;
  top: 50%;
  bottom: 0;
  left: 0;
  margin-top: -227px;
  /* 205 on smaller screen */
  text-align: center;
  width: 150px;
  font-size: 15px;
  z-index: 12; }

.main-menu-holder {
  pointer-events: none; }

/* Media Queries */
@media screen and (min-width: 1450px) {
  .main-menu-holder {
    left: 48px; } }
.main-menu-holder .narrow-main-menu {
  position: absolute;
  top: 10px;
  left: 10px; }

.menu-spacer {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAAAAAA6fptVAAAACklEQVQI12P4DwABAQEAG7buVgAAAABJRU5ErkJggg==) repeat-y right;
  height: 100%;
  display: block;
  margin-left: -50%;
  width: 100%;
  min-width: 100px; }

.main-menu-holder .menu-row-3,
.main-menu-holder .menu-row-11 {
  display: block;
  position: relative; }

.main-menu-holder .main-menu {
  min-width: 100px;
  height: 454px;
  position: relative; }

/* Media Queries */
@media only screen and (max-height: 700px) {
  .main-menu-holder .main-menu {
    margin-top: 20px; } }
.main-menu-holder .main-menu .menu-spacer {
  height: 30px; }

.main-menu-holder .main-menu > div > a {
  text-decoration: none;
  color: #fff;
  display: block;
  font-family: "Avenir LT W01_35 Light", Helvetica, Arial, sans-serif;
  pointer-events: auto;
  line-height: 30px;
  height: 30px; }

.main-menu-holder .main-menu > div > a.active {
  color: #F26531; }

.menu-spacer-rel {
  position: relative; }

.menu-spacer-top-js {
  position: absolute;
  bottom: 454px; }

.menu-spacer-top-2-js {
  position: absolute;
  top: 0; }

.menu-spacer-top {
  height: 1000px !important;
  position: absolute;
  bottom: 454px; }

.first-menu .menu-spacer-top {
  background: url("/assets/images/menu-background-top.png") no-repeat right top;
  border-right: 0px; }

.white-bg .first-menu .menu-spacer-top {
  background: url("/assets/images/menu-background-top-blue.png") no-repeat right top; }

.menu-spacer-bottom {
  height: 1000px !important;
  position: absolute;
  top: 454px; }

/* Media queries */
@media screen and (max-height: 500px), screen and (max-width: 900px) {
  .main-menu-holder .main-menu {
    margin-top: -207px;
    top: 50%; } }
@media screen and (max-height: 600px) and (max-width: 900px) {
  .main-menu-holder .main-menu,
  .masked-menu-container .masked-menu-wrap {
    margin-top: -187px; }

  .main-menu-holder .main-menu .menu-spacer,
  .masked-menu-container .menu-spacer {
    height: 20px; }

  .main-menu-holder .main-menu,
  .masked-menu-container .masked-menu-wrap {
    height: 330px; }

  .menu-spacer-top {
    bottom: 330px; }

  .menu-spacer-bottom {
    top: 330px; } }
@media screen and (max-height: 400px) and (max-width: 900px) {
  .main-menu-holder .main-menu {
    margin-top: -165px;
    height: 385px; } }
/*--- Sub menus ---*/
.main-sub-menu-blocker {
  width: 100%;
  height: 100%;
  position: absolute;
  display: none;
  z-index: 11; }

.main-sub-menu-wrapper {
  width: 0;
  overflow: visible;
  z-index: 13; }

/* Media Queries */
@media only screen and (max-width: 900px), only screen and (max-height: 500px) {
  .main-sub-menu-wrapper {
    display: none; } }
.main-sub-menu {
  position: relative;
  overflow: hidden;
  left: -29px;
  padding-right: 29px;
  height: 59px;
  line-height: 59px;
  text-align: left;
  background: url("/assets/images/sub-menu-bg.png") no-repeat right center; }

.yachts-sub-menu {
  margin-top: 285px; }

/* Media Queries */
@media only screen and (max-height: 700px) {
  .main-sub-menu-wrapper .yachts-sub-menu {
    margin-top: 305px; } }
.sub-menu-mask {
  width: 0px; }

.main-sub-menu > div {
  overflow: hidden; }

.main-sub-menu > div > div {
  display: inline;
  float: left;
  width: 1000px;
  height: 100%;
  margin-left: 29px; }

.main-sub-menu-sizer {
  display: inline;
  float: left;
  height: 100%;
  padding-left: 0; }

/* Media Queries */
@media screen and (min-width: 1450px) {
  .main-sub-menu-sizer {
    padding-left: 48px; } }
.main-sub-menu a {
  margin-right: 40px;
  -moz-transition: color;
  -o-transition: color;
  -webkit-transition: color;
  transition: color; }

.main-sub-menu .main-sub-menu-sizer > a:hover, .main-sub-menu .main-sub-menu-sizer > a.active {
  color: #F26531; }

.main-sub-menu .sub-menu-parent {
  display: inline;
  float: left;
  width: 150px;
  text-align: center; }

.main-sub-menu .menu-row-11 {
  height: 30px;
  line-height: 30px; }

.main-sub-menu .menu-spacer {
  height: 14.5px; }

.main-sub-menu .menu-row-11 a {
  margin-right: 0; }

.main-sub-menu .menu-row-11 a.active {
  color: #F26531; }

/*--- White background menu ---*/
.white-bg .menu-spacer {
  /* border-right:1px solid #1E344C;*/
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAMAAAAoyzS7AAAAA1BMVEUeNEx1gk3sAAAACklEQVQI12NgAAAAAgAB4iG8MwAAAABJRU5ErkJggg==) repeat-y top right; }

.grey-bg .menu-spacer {
  border-right-color: #1E344C; }

.white-bg .main-menu-holder .main-menu a {
  color: #1E344C; }

.white-bg .main-menu-holder .main-menu a.active {
  color: #F26531; }

.covered .menu-spacer {
  border-right-color: #fff; }

.covered .main-menu-holder .main-menu a {
  color: #fff; }

.covered.main-menu-holder .main-menu a.active {
  color: #F26531; }

/*--- Menu Vignette ---*/
.vignette-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden; }

.left-vignette {
  position: absolute;
  top: 0;
  left: 0;
  width: 554px;
  height: 100%;
  background: url(/assets/images/home_page_fade.png) left top repeat-y; }
  @media (min-width: 1450px) {
    .left-vignette {
      width: 1108px;
      background-image: url("/assets/images/home_page_fade_large.png"); } }

.menu-vignette:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 265px;
  background: url(/assets/images/vignette-1x265px.png) repeat-x center; }

.hide-menu-mask {
  display: none;
  position: absolute;
  left: 21px;
  height: 0%;
  width: 100px;
  background: #fff;
  z-index: 12; }

.hide-menu-mask .middle-line {
  width: 49px;
  height: 100%;
  border-right: 1px solid #1E344C; }

.ie .hide-menu-mask {
  display: block;
  height: 100%; }

/*--- Masked menu ---*/
.grey-bg .masked-menu .menu-spacer-top {
  display: none; }

.masked-menu {
  font-size: 15px; }

.masked-menu .menu-spacer {
  position: absolute; }

.masked-menu-container {
  position: relative; }

.masked-menu-absolute {
  position: absolute;
  top: 0;
  height: 100%; }

.masked-menu-container .masked-menu {
  position: absolute;
  width: 150px;
  top: 0;
  left: 21px;
  bottom: 0;
  clip: rect(0, auto, auto, 0);
  z-index: 12; }

.masked-menu-container .masked-menu-wrap {
  position: fixed;
  min-width: 150px;
  top: 50%;
  height: 454px;
  left: 0px;
  text-align: center;
  margin-top: -227px; }

/* Media Queries */
@media screen and (min-width: 1450px) {
  .masked-menu-container .masked-menu,
  .masked-menu-container .masked-menu-wrap {
    left: 48px; } }
@media screen and (max-height: 700px) {
  .masked-menu-container .masked-menu-wrap {
    margin-top: -207px; } }
.masked-menu-container .menu-row-11 {
  height: 30px;
  line-height: 30px;
  position: static; }

.masked-menu-container .menu-row-11:last-child {
  margin-bottom: 0; }

.masked-menu-container .masked-menu a {
  color: #1E344C; }

.masked-menu-container .masked-menu a.active {
  color: #F26531; }

/* Media Queries */
@media screen and (max-width: 900px), screen and (max-height: 500px) {
  .masked-menu-container .masked-content {
    position: absolute;
    width: 20px;
    left: 20px;
    top: 0;
    bottom: 0;
    clip: rect(0, auto, auto, 0);
    z-index: 12; }

  .masked-menu-container .mobile-masked-menu {
    position: absolute;
    width: 20px;
    left: 20px;
    top: 0;
    bottom: 0;
    clip: rect(0, auto, auto, 0);
    pointer-events: none;
    z-index: 10; }

  .main-menu-holder,
  .masked-menu-container .masked-menu {
    width: 100%;
    height: 100%;
    left: -100%;
    top: 0;
    margin-top: 0;
    background: #1E344C; }

  .main-menu-holder {
    left: 0;
    height: 0;
    overflow: hidden;
    z-index: 12; }

  .white-bg .narrow-main-menu,
  .blue-menu .narrow-main-menu {
    color: #1E344C;
    background-image: url("/assets/images/mobile-menu-button-blue.svg"); }

  .white-bg .main-menu-holder .narrow-main-menu,
  .white-bg .main-menu-holder .main-menu a {
    color: #fff; }

  .white-bg .menu-spacer {
    border-right-color: #fff; }

  .grey-bg .menu-spacer {
    border-right-color: #1E344C; }

  .narrow-main-menu,
  .main-menu-holder .narrow-main-menu {
    display: block; }

  .main-menu-holder .narrow-main-menu {
    background-image: url("/assets/images/mobile-menu-button-close.svg"); }

  .main-menu-holder.mobile-off {
    height: 0%;
    -moz-transition: height;
    -o-transition: height;
    -webkit-transition: height;
    transition: height; }

  .main-menu-holder.mobile-on {
    height: 100%;
    -moz-transition: height;
    -o-transition: height;
    -webkit-transition: height;
    transition: height; } }
@media screen and (max-height: 400px) and (max-width: 900px) {
  .main-menu-holder .main-menu .menu-spacer {
    height: 20px; }

  .menu-spacer-bottom {
    top: 330px; } }
@media screen and (max-height: 500px) {
  .menu-spacer-top {
    bottom: 385px; }

  .main-menu-holder .main-menu {
    margin-top: -120px; }

  .main-menu-holder .main-menu,
  .masked-menu-container .masked-menu-wrap {
    height: 385px; }

  .menu-spacer-bottom {
    top: 270px; }

  .main-menu-holder .main-menu .menu-spacer,
  .masked-menu-container .menu-spacer {
    height: 10px; } }
@media screen and (max-height: 370px) {
  .main-menu-holder .main-menu {
    margin-top: -105px;
    height: 370px; }

  .main-menu-holder .main-menu .menu-spacer {
    height: 5px; }

  .menu-spacer-top {
    bottom: 370px; }

  .menu-spacer-bottom {
    top: 240px; } }
/* Language selector */
.lang-selector.mobile-lang-selector {
  display: none;
  position: absolute; }

.lang-selector {
  opacity: 0;
  position: fixed;
  top: 35px;
  left: 65px;
  width: 40px;
  text-align: left;
  z-index: 12;
  font-size: 15px; }

.lang-selector-hider {
  width: 30px;
  overflow: hidden;
  -moz-transition: width;
  -o-transition: width;
  -webkit-transition: width;
  transition: width;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0); }

.active .lang-selector-hider, .lang-selector:hover .lang-selector-hider {
  width: 200px; }

.lang-selector-fix {
  width: 200px; }

.globe-wrapper {
  display: inline-block;
  height: 16px;
  padding: 2px; }

.globe-icon {
  background-image: url(/assets/images/lang-icon.png);
  width: 16px;
  height: 16px;
  margin-top: 5px; }

.white-bg .globe-icon {
  background-image: url(/assets/images/lang-icon-blue.png); }

.lang-items {
  display: inline-block;
  margin-left: 12px; }

@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 1.5dppx) {
  .globe-icon {
    background-image: url("/assets/images/lang-icon_x3.png");
    background-size: 16px 16px; } }
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
  .globe-icon {
    background-image: url("/assets/images/lang-icon_x2.png"); } }
@media screen and (-webkit-min-device-pixel-ratio: 3), screen and (min-resolution: 288dpi), screen and (min-resolution: 3dppx) {
  .globe-icon {
    background-image: url("/assets/images/lang-icon_x3.png"); } }
@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 1.5dppx) {
  .bg-white .globe-icon {
    background-image: url("/assets/images/lang-icon-blue_x3.png");
    background-size: 16px 16px; } }
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
  .bg-white .globe-icon {
    background-image: url("/assets/images/lang-icon-blue_x2.png"); } }
@media screen and (-webkit-min-device-pixel-ratio: 3), screen and (min-resolution: 288dpi), screen and (min-resolution: 3dppx) {
  .bg-white .globe-icon {
    background-image: url("/assets/images/lang-icon-blue_x3.png"); } }
.lang-selector a {
  text-decoration: none;
  opacity: 0.5;
  color: #fff;
  -moz-transition: all;
  -o-transition: all;
  -webkit-transition: all;
  transition: all; }

.lang-selector a.selected {
  opacity: 1;
  color: #fff; }

.lang-selector a:hover {
  opacity: 1;
  color: #F26531; }

.lang-selector span {
  visibility: hidden;
  color: #fff; }

.white-bg .lang-selector a {
  color: #1E344C; }

/* Media Queries */
@media screen and (min-width: 1450px) {
  .lang-selector {
    left: 112px; } }
@media screen and (max-height: 590px) {
  .lang-selector {
    top: 20px; } }
@media only screen and (max-width: 900px), only screen and (max-height: 500px) {
  .lang-selector {
    display: none; }

  .lang-selector.mobile-lang-selector {
    z-index: 13;
    top: 14px;
    left: 50%;
    margin-left: -10px;
    display: block;
    pointer-events: all; } }
@media only screen and (max-height: 370px) {
  .lang-selector.mobile-lang-selector {
    top: 15px; } }
/*--- Background Images --*/
img.background-image {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  display: none;
  min-height: 100%;
  width: 100%; }

img.background-image.show {
  opacity: 1;
  display: block; }

.background-absolute {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

.background-img-relative {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  width: 100%; }

/* Align */
.bg-align-bottom-right {
  background-position: bottom right !important; }

.bg-align-bottom {
  background-position: bottom !important; }

.bg-align-left {
  background-position: left !important; }

/* Fixed */
.ie8 .fixed-background {
  position: relative;
  overflow: hidden; }

.ie8 .fixed-background .background-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  clip: rect(0, auto, auto, 0); }

.fixed-background img.background-image {
  position: fixed;
  z-index: -1; }

.fixed-background.background-image {
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0; }

.background-window {
  height: 50%; }

.background-window-ios {
  background-color: #cccccc; }

.fixed-background-window {
  background-size: cover;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  background-color: #7c97be;
  z-index: -1; }

.fixed-background-window .inner {
  background-size: cover;
  width: 100%;
  height: 100%; }

.loading-bg {
  background-color: #7c97be; }

.placeholders,
.placeholders .placeholders-overlay, .map-overlay-2 .placeholders-overlay, .image .placeholders-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.placeholders-overlay {
  background: url(/assets/images/repeating-overlay.png) top left repeat; }

.half-width {
  width: 50%;
  margin: 0;
  min-width: 300px; }

/*-Sections */
.fullpage-section,
.section-holder,
.vertical-section-holder,
.horizontal-section-holder {
  width: 100%;
  min-height: 100%;
  height: 100%;
  position: relative;
  background-size: cover;
  background-position: center; }

.preload-background-section .background-colour {
  background-color: #ff0000;
  position: absolute;
  width: 100%;
  height: 100%; }

.fullpage-section .section-background {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center; }

/*-Translate3d fixes ofscreen rendering issues on IOS-*/
.translate3d-section,
.translate3d-section > * {
  -webkit-transform: translate3d(0, 0, 0); }

.translateZ {
  -webkit-transform: translateZ(1px);
  -moz-transform: translateZ(1px);
  -o-transform: translateZ(1px);
  transform: translateZ(1px); }

.translateZ0 {
  -webkit-transform: translateZ(0px);
  -moz-transform: translateZ(0px);
  -o-transform: translateZ(0px);
  transform: translateZ(0px); }

section .masked-menu .masked-menu-wrap {
  -webkit-transform: translateZ(1px);
  -moz-transform: translateZ(1px);
  -o-transform: translateZ(1px);
  transform: translateZ(1px); }

.background-image {
  background-size: cover;
  background-position: center;
  overflow: hidden; }

.image-does-cover {
  background-size: auto; }

.image-does-cover-10p {
  background-size: cover; }

.centered-background {
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat; }

.contentheight-section {
  width: 100%;
  position: relative; }

.vertical-section-holder .fullpage-section {
  position: relative;
  height: 100%; }

.vertical-section-holder .fullpage-section-window {
  margin-bottom: 30%; }

.horizontal-section-holder .fullpage-section {
  position: absolute;
  left: 0; }

.horizontal-section-holder {
  overflow-y: auto; }

.no-scroll {
  overflow: hidden; }

/*--- Content ---*/
.content-with-menu {
  margin-left: 200px;
  margin-right: 200px;
  position: relative;
  left: 20px;
  right: 20px;
  padding: 100px 0; }

.content-with-menu.full {
  height: 100%;
  padding: 0; }

.content-with-header {
  position: absolute;
  left: 0;
  top: 300px;
  right: 0;
  bottom: 0; }

.content-fixed-width {
  width: 960px;
  height: 100%;
  position: relative; }

@media screen and (max-width: 1000px) {
  .content-fixed-width {
    width: 720px;
    padding-left: 100px; } }
@media screen and (max-width: 768px) {
  .content-fixed-width {
    width: auto;
    padding-left: 20px; } }
.content2-absolute-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

.content2-fixed-width {
  position: relative;
  width: 936px;
  height: 100%;
  padding-left: 20px;
  z-index: 1; }

.content-auto-height {
  height: auto; }

/* Media Queries */
@media only screen and (max-width: 1330px) {
  .content2-fixed-width {
    padding-left: 100px; } }
@media only screen and (max-width: 1200px) {
  .content2-fixed-width {
    width: 780px; } }
@media only screen and (max-width: 1080px) {
  .content2-fixed-width {
    width: 624px; } }
@media only screen and (max-width: 900px) {
  .content2-fixed-width {
    /*width:624px;*/
    padding-left: 20px; } }
@media only screen and (max-width: 700px) {
  .content2-fixed-width {
    width: 468px; } }
@media only screen and (max-width: 550px) {
  .content2-fixed-width {
    width: 300px; } }
@media only screen and (max-width: px) {
  .content2-fixed-width {
    width: 300px; } }
/* Scroll down */
.scroll-down {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 8%;
  text-align: center; }

/* Media Queries */
@media only screen and (max-height: 650px) {
  .scroll-down {
    bottom: 5%; }

  .chev-down {
    background-position: center 97%; } }
.overlay-full,
.full-height {
  height: 100%; }

.full-screen {
  height: 100vh; }

/*
--------------------
HEADER
--------------------
*/
.page-header {
  position: fixed;
  z-index: 999;
  top: 0;
  width: 100%;
  box-sizing: border-box;
  transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0); }
  .page-header.condensed {
    background: #1E344C; }
  .page-header .logo {
    position: absolute;
    z-index: 10;
    overflow: hidden;
    height: 69px;
    top: 20px; }
    @media screen and (min-width: 1001px) {
      .page-header .logo {
        left: 50%;
        transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%); } }
    .page-header .logo a {
      display: block;
      width: 104px;
      height: 69px;
      text-indent: -9999px;
      background: url(/assets/images/logos/hawk-yachts-logo.xsvg) no-repeat center center;
      background-size: 100%; }
  .page-header .header-menu.secondary a {
    padding: 20px 10px; }
  .page-header .header-menu.secondary .icon {
    display: block;
    text-align: center; }
    .page-header .header-menu.secondary .icon img {
      display: inline-block;
      vertical-align: top;
      width: auto;
      height: auto;
      max-width: 100%;
      max-height: 100%; }
  .page-header .header-menu.secondary .icon {
    margin: 10px 0;
    height: 50px; }
  @media (max-height: 600px) {
    .page-header .header-menu.secondary a {
      padding: 10px 10px; }
    .page-header .header-menu.secondary .icon {
      height: 40px; } }
  @media (max-height: 460px) {
    .page-header .header-menu.secondary .icon {
      display: none; }
    .page-header .header-menu.secondary .div {
      display: none; }
    .page-header .header-menu.secondary .size {
      display: block; } }
  .page-header .header-main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    /*padding:44px 0 0;*/
    margin: 0px 0 0;
    /*box-sizing:border-box;*/
    font: 15px/16px "Avenir LT W01_85 Light", Helvetica, Arial, sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase; }
    .page-header .header-main:after {
      content: '';
      display: block;
      clear: both; }
    @media all and (max-width: 1200px) and (min-width: 1001px) {
      .page-header .header-main {
        font-size: calc(1vw - -3px); } }
    @media all and (max-width: 1200px) and (min-width: 1001px) {
      .page-header .header-main .main-menu > li {
        font-size: calc(1vw - -3px); } }
  @media screen and (min-width: 1001px) {
    .page-header .header-menu {
      /*margin:13px 0 0;*/ }
      .page-header .header-menu:after {
        content: '';
        display: block;
        clear: both; }
      .page-header .header-menu.primary {
        display: block; }
      .page-header .header-menu.secondary {
        display: none; }
      .page-header .header-menu.tertiary {
        display: none; } }
  .page-header .main-menu {
    padding: 33px 0 0 20px;
    font-size: 0;
    white-space: nowrap; }
    .page-header .main-menu:after {
      content: '';
      display: block;
      clear: both; }
    .page-header .main-menu > li {
      list-style: none;
      display: inline-block;
      vertical-align: top;
      margin: 0 20px 0 0;
      font-size: 15px;
      text-align: center;
      white-space: normal; }
      .page-header .main-menu > li:after {
        opacity: 0;
        content: "";
        display: block;
        position: absolute;
        bottom: 0;
        width: 0;
        height: 0;
        margin: 0 15px;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #fff;
        -moz-transition: opacity .3s ease-in-out;
        -o-transition: opacity .3s ease-in-out;
        -webkit-transition: opacity .3s ease-in-out;
        transition: opacity .3s ease-in-out; }
      .page-header .main-menu > li.has-submenu:hover:after {
        opacity: 1; }
      .page-header .main-menu > li a {
        display: block;
        padding: 10px 15px;
        -moz-transition: opacity .3s ease-in-out;
        -o-transition: opacity .3s ease-in-out;
        -webkit-transition: opacity .3s ease-in-out;
        transition: opacity .3s ease-in-out; }
      .page-header .main-menu > li > a {
        opacity: 0.6;
        color: #fff; }
      .page-header .main-menu > li > a:hover, .page-header .main-menu > li.selected > a {
        opacity: 1;
        color: #fff; }
      .page-header .main-menu > li:hover .header-submenu, .page-header .main-menu > li:active .header-submenu,
      .page-header .main-menu > li .header-submenu:hover, .page-header .main-menu > li.touched .header-submenu {
        height: calc(394px + 60px); }
    @media all and (max-width: 1200px) and (min-width: 1001px) {
      .page-header .main-menu > li {
        margin-right: calc(6vw - 52px); } }
  @media all and (max-width: 1450px) and (min-width: 1001px) {
    .page-header.tertiary .main-menu > li {
      margin-right: calc(6.5vw - 74.25px); } }
  @media screen and (min-width: 1001px) {
    .page-header .main-menu:not(.main-menu-standard):not(.main-menu-sea-hawk) {
      padding-left: 54px; }
      .page-header .main-menu:not(.main-menu-standard):not(.main-menu-sea-hawk) > li:nth-of-type(3) {
        margin-right: 100px; }
      .page-header .main-menu:not(.main-menu-standard):not(.main-menu-sea-hawk) > li:nth-of-type(4) {
        margin-left: 100px; }
    .page-header.condensed .main-menu {
      padding-top: 13px; }
      .page-header.condensed .main-menu > li:hover .header-submenu, .page-header.condensed .main-menu > li:active .header-submenu {
        height: calc(394px + 60px); }
    .page-header.condensed .header-submenu:before {
      height: 60px; }
    .page-header:not(.tertiary) .header-main {
      height: 115px; }
    .page-header:not(.tertiary) .header-side .title {
      display: none; }
    .page-header:not(.tertiary) .menu-button {
      display: none; } }
  .page-header.condensed,
  .page-header .condensed, .page-header.condensed .header-main {
    height: 60px;
    margin: 0 0 0; }
  .page-header.condensed .logo,
  .page-header .condensed .logo {
    top: 8px;
    height: 48px; }
    .page-header.condensed .logo a,
    .page-header .condensed .logo a {
      width: 75px; }
  @media screen and (min-width: 1001px) {
    .page-header.tertiary .header-main {
      height: 115px; }
    .page-header.tertiary .header-menu.primary {
      position: absolute;
      left: 0;
      width: 100%;
      height: 0;
      overflow: hidden;
      background: #1E344C;
      text-align: center;
      -moz-transition: height .3s ease-in-out, z-index .3s ease-in-out;
      -o-transition: height .3s ease-in-out, z-index .3s ease-in-out;
      -webkit-transition: height .3s ease-in-out, z-index .3s ease-in-out;
      transition: height .3s ease-in-out, z-index .3s ease-in-out; }
      .page-header.tertiary .header-menu.primary.menu-on {
        height: 115px; }
      .page-header.tertiary .header-menu.primary .main-menu {
        display: block; }
    .page-header.tertiary .header-menu.secondary {
      display: none; }
    .page-header.tertiary .header-menu.tertiary {
      display: block;
      position: absolute;
      z-index: -1;
      left: 0;
      width: 100%;
      text-align: center; }
    .page-header.tertiary.condensed .header-menu.menu-on {
      height: 60px; }
    .page-header.tertiary.condensed .main-menu,
    .page-header.tertiary .condensed .main-menu {
      padding-top: 13px; } }
  .page-header.tertiary .logo-boat {
    position: absolute;
    left: 50px;
    top: 31px;
    /*font: bold 15px/15px "Avenir LT W01_85 Heavy", Helvetica, Arial, sans-serif;
    	letter-spacing:2px;
    	text-transform:uppercase;*/
    text-align: center;
    white-space: normal;
    -moz-transition: top .2s ease-in-out;
    -o-transition: top .2s ease-in-out;
    -webkit-transition: top .2s ease-in-out;
    transition: top .2s ease-in-out; }
    .page-header.tertiary .logo-boat a {
      display: block;
      height: 40px;
      line-height: 40px;
      padding: 0px 10px 0px 55px;
      background: url(/assets/images/logos/hawk-yachts-logo.xsvg?symbol=reduced) no-repeat left center;
      background-size: 40px; }
  .page-header.tertiary.condensed .logo-boat {
    top: 11px; }
  @media all and (max-width: 1450px) and (min-width: 1001px) {
    .page-header.tertiary .logo-boat {
      left: calc(8vw - 66px); } }
  @media all and (max-width: 1200px) and (min-width: 1001px) {
    .page-header.tertiary .logo-boat {
      left: calc(2.5vw - 0px); }
      .page-header.tertiary .logo-boat a {
        padding-left: calc(5vw - 5px);
        background-size: calc(5vw - 20px); } }
  @media all and (max-width: 1000px) {
    .page-header.tertiary .logo-boat {
      left: 25px; } }
  @media all and (max-width: 700px) {
    .page-header.tertiary .logo-boat a {
      padding-left: calc(2.6vw - -36.8px);
      background-size: calc(2.6vw - -21.8px); } }
  .page-header .sub-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 auto;
    max-width: 1200px;
    padding: 80px 0; }
    .page-header .sub-menu:after {
      content: '';
      display: block;
      clear: both; }
    .page-header .sub-menu > li {
      -ms-flex: 1 1 100%;
      /* (flex-grow | flex-shrink | flex-basis) */
      flex: 1 1 100%;
      /* (flex-grow | flex-shrink | flex-basis) */
      width: 33.333333333333%;
      margin: 0 40px 0;
      list-style: none;
      font: 15px/1 "Avenir LT W01_85 Light", Helvetica, Arial, sans-serif;
      text-transform: uppercase;
      text-align: center; }
      @media all and (max-width: 1200px) {
        .page-header .sub-menu > li {
          margin: 0 30px; } }
      .page-header .sub-menu > li a {
        padding: 0;
        color: #1E344C; }
      .page-header .sub-menu > li > a:hover, .page-header .sub-menu > li.selected > a {
        color: #F26531; }
    .page-header .sub-menu span {
      display: block; }
    .page-header .sub-menu .icon {
      margin: 0 0 40px;
      line-height: 110px;
      text-align: center; }
      .page-header .sub-menu .icon img {
        display: inline-block;
        vertical-align: bottom;
        max-width: 100%;
        max-height: 100%; }
    .page-header .sub-menu .size, .page-header .sub-menu .weight {
      float: left;
      letter-spacing: 0; }
    .page-header .sub-menu .size {
      width: calc(50% - 30px);
      margin-right: 30px;
      text-align: right; }
      @media all and (max-width: 1200px) {
        .page-header .sub-menu .size {
          width: calc(50% - 15px);
          margin-right: 15px; } }
    .page-header .sub-menu .weight {
      width: 50%;
      text-align: left; }
  .page-header .header-submenu {
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
    background: #fff;
    -moz-transition: height .3s ease-in-out;
    -o-transition: height .3s ease-in-out;
    -webkit-transition: height .3s ease-in-out;
    transition: height .3s ease-in-out; }
    .page-header .header-submenu:before {
      content: "";
      display: block;
      height: 115px;
      background: #1E344C; }
    .page-header .header-submenu:after {
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      border-bottom: 1px solid #1E344C; }
  .page-header .header-dropdown {
    position: absolute;
    top: 100%;
    width: 100%;
    height: 0;
    overflow: hidden;
    background: #fff; }
    .page-header .header-dropdown:after {
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      border-bottom: 1px solid #1E344C; }
  .page-header .menu-button {
    position: absolute;
    z-index: 3;
    top: 22px;
    right: 30px; }
    @media all and (max-width: 1450px) {
      .page-header .menu-button {
        right: calc(8vw - 86px); } }
    @media all and (max-width: 1200px) {
      .page-header .menu-button {
        right: calc(2.5vw - 20px); } }
    @media all and (max-width: 1000px) {
      .page-header .menu-button {
        right: 5px; } }
  .page-header.condensed .menu-button {
    top: 2px; }
  .page-header .menu-overlay {
    display: none;
    opacity: 0;
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000; }
  .page-header .logo {
    -moz-transition: top .2s ease-in-out;
    -o-transition: top .2s ease-in-out;
    -webkit-transition: top .2s ease-in-out;
    transition: top .2s ease-in-out; }
    .page-header .logo, .page-header .logo a {
      -moz-transition: top .2s ease-in-out, width .2s ease-in-out, height .2s ease-in-out;
      -o-transition: top .2s ease-in-out, width .2s ease-in-out, height .2s ease-in-out;
      -webkit-transition: top .2s ease-in-out, width .2s ease-in-out, height .2s ease-in-out;
      transition: top .2s ease-in-out, width .2s ease-in-out, height .2s ease-in-out; }
  .page-header .header-main {
    z-index: 1;
    -moz-transition: height .2s ease-in-out, margin .2s ease-in-out, background .2s ease-in-out;
    -o-transition: height .2s ease-in-out, margin .2s ease-in-out, background .2s ease-in-out;
    -webkit-transition: height .2s ease-in-out, margin .2s ease-in-out, background .2s ease-in-out;
    transition: height .2s ease-in-out, margin .2s ease-in-out, background .2s ease-in-out; }
  .page-header .main-menu {
    -moz-transition: padding-top .2s ease-in-out;
    -o-transition: padding-top .2s ease-in-out;
    -webkit-transition: padding-top .2s ease-in-out;
    transition: padding-top .2s ease-in-out; }
  .page-header .menu-button {
    -moz-transition: top .2s ease-in-out;
    -o-transition: top .2s ease-in-out;
    -webkit-transition: top .2s ease-in-out;
    transition: top .2s ease-in-out; }
  .page-header {
    -moz-transition: background .2s ease-in-out;
    -o-transition: background .2s ease-in-out;
    -webkit-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out; }

.header-side {
  position: fixed;
  z-index: 12;
  top: 0;
  left: 85px;
  height: 80px; }
  .header-side .title {
    padding: 42px 0; }
    .header-side .title h1 {
      color: #fff;
      font: 15px/15px "Avenir LT W01_85 Heavy", Helvetica, Arial, sans-serif;
      letter-spacing: 2px;
      text-transform: uppercase; }

/*** FOR OLLY TO MOVE ****/
.tertiary .main-menu.main-menu-sea-hawk {
  display: none; }
  .sea-hawk-old .tertiary .main-menu.main-menu-sea-hawk {
    display: block; }
.tertiary .main-menu.main-menu-hawk-ranger {
  display: none; }
.sea-hawk-old .tertiary .main-menu.main-menu-standard {
  display: none; }

.page-header .is-mobile {
  display: none; }

@media screen and (min-width: 1001px) {
  .page-header .secondary .back, .page-header .tertiary .back {
    display: none; } }
@media screen and (max-width: 1000px) {
  .page-header {
    height: 115px;
    overflow: hidden; }
    .page-header .is-mobile {
      display: block;
      width: 0px;
      height: 0px;
      visibility: hidden; }
    .page-header .header-main {
      height: 115px;
      /*background:#1E344C ;*/ }
    .page-header .header-menu {
      min-height: 115px;
      position: relative; }
    .page-header .menus-wrapper {
      /*visibility: hidden;*/
      position: absolute;
      left: 0px;
      width: 300vw;
      /*.menu-on & {
      	visibility: visible;
      }*/ }
    .page-header .header-submenu {
      display: none; }
    .page-header .logo {
      top: 20px;
      left: 25px;
      height: 61px; }
      .page-header .logo a {
        height: 61px;
        width: 92px; }
    .page-header .primary, .page-header .secondary, .page-header .tertiary {
      display: inline-block;
      width: 100vw; }
    .page-header .main-menu {
      position: absolute;
      width: 100vw;
      padding: 0;
      top: 0;
      display: none; }
      .menu-on .page-header .main-menu, .menu-offing .page-header .main-menu {
        display: block; }
      .page-header .main-menu > li {
        display: block;
        text-align: center;
        margin: 0; }
      .page-header .main-menu .back {
        margin-top: 15px; }

  .page-header {
    -moz-transition: height 0.5s ease-in-out, background 0.5s ease-in-out;
    -o-transition: height 0.5s ease-in-out, background 0.5s ease-in-out;
    -webkit-transition: height 0.5s ease-in-out, background 0.5s ease-in-out;
    transition: height 0.5s ease-in-out, background 0.5s ease-in-out; }
    .page-header .header-main {
      -moz-transition: height 0.5s ease-in-out, margin 0.5s ease-in-out, background 0.5s ease-in-out;
      -o-transition: height 0.5s ease-in-out, margin 0.5s ease-in-out, background 0.5s ease-in-out;
      -webkit-transition: height 0.5s ease-in-out, margin 0.5s ease-in-out, background 0.5s ease-in-out;
      transition: height 0.5s ease-in-out, margin 0.5s ease-in-out, background 0.5s ease-in-out; } }
.menu-on .page-header {
  height: 100%;
  background: #1E344C; }
  .menu-on .page-header .header-main {
    height: 100%; }

/*
--------------------
Home
--------------------
*/
/*--- General ---*/
/*--- Timeline ---*/
.horizontal-timeline {
  position: fixed;
  margin: 0 auto;
  bottom: 20px;
  height: 8px;
  text-align: center;
  left: 0;
  right: 0;
  z-index: 9; }

.horizontal-timeline .bar-wrap {
  margin: 0 auto;
  height: 100%; }

.horizontal-timeline .timeline-ball {
  position: absolute;
  width: 30px;
  height: 30px;
  top: -11px;
  left: -12px;
  cursor: pointer; }

.ie8 .horizontal-timeline .timeline-ball {
  background: url(/assets/images/ie8/timeline-ball-white.png) center no-repeat; }

.ie8 .white-bg .horizontal-timeline .timeline-ball {
  background: url(/assets/images/ie8/timeline-ball-blue.png) center no-repeat; }

.horizontal-timeline .timeline-ball-inner {
  width: 12px;
  height: 12px;
  display: block;
  border-radius: 6px;
  background: #fff;
  margin: 9px; }

.ie8 .horizontal-timeline .timeline-ball-inner {
  display: none; }

.horizontal-timeline .timeline-click {
  width: 100%;
  height: 8px;
  display: block;
  position: absolute;
  left: -50%;
  bottom: 0;
  z-index: 1; }

.horizontal-timeline .timeline-section + .timeline-click {
  left: auto;
  right: -50%; }

.horizontal-timeline .timeline-section {
  height: 100%;
  border-right: 1px solid #fff;
  margin-right: -1px;
  float: left;
  display: block;
  position: relative; }

.horizontal-timeline .timeline-section .timeline-section {
  height: 3px;
  width: 20%;
  display: block;
  position: relative;
  top: 2px; }

.horizontal-timeline .timeline-section:first-child {
  border-left: 1px solid #fff;
  margin-left: -1px; }

.horizontal-timeline .timeline-section .timeline-section:first-child {
  border-left: 0 none;
  margin-left: 0; }

.horizontal-timeline.blue {
  z-index: 12; }

.horizontal-timeline.blue .timeline-section {
  border-color: #1E344C; }

.horizontal-timeline.blue .timeline-ball {
  background: #1E344C; }

.timeline-content * {
  filter: inherit; }

.timeline-content .image-overlay {
  z-index: 2;
  left: 200px;
  position: absolute; }

.timeline-content .caption-title {
  margin-bottom: 14px; }

/* Media Queries */
@media screen and (min-width: 1450px) {
  .timeline-content .image-overlay {
    left: 240px; } }
@media only screen and (max-width: 900px), only screen and (max-height: 500px) {
  .timeline-content .image-overlay {
    left: 100px; }

  .horizontal-timeline {
    width: 300px;
    margin: 0 auto; } }
/* Vignette */
.homepage-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 400px;
  background: url(/assets/images/menu-gradient.png) repeat-x top center; }

		/* Media Queries
		@media
		screen and (min-width:1450px){
			.homepage-mask{
				width:1108px;
				background-image:url("/assets/images/home_page_fade_large.png");
			}
		}


/*--- Home ---*/
/* Media Queries */
@media screen and (max-width: 1200px) {
  .home-page .content-fixed-width {
    padding-left: 0;
    width: auto; } }

/*
--------------------
Features
--------------------
*/
/*--- General ---*/
.features-image-holder {
  height: 350px;
  overflow: hidden;
  width: 100%; }

.features-image-holder img {
  width: 100%;
  margin-top: -12%;
  min-height: 100%; }

.mobile-features-section {
  display: none; }

.asymmetric-bridge-holder img {
  max-width: 170%; }

/* Mobile points */
.features-reveal-points-mobile {
  display: none;
  position: relative;
  background: #fff; }

.features-reveal-points-mobile .content-fixed-width {
  margin: 0 auto;
  padding: 30px 0; }

.features-reveal-points-mobile .points-wrapper {
  margin: 0 auto; }

.features-reveal-points-mobile .point .reveal-text {
  position: relative;
  overflow: hidden; }

.features-reveal-points-mobile .points {
  display: inline;
  float: left;
  width: 130px;
  margin-right: 20px;
  padding-right: 110px; }

.features-reveal-points-mobile .points + .points {
  margin-right: 0;
  padding-right: 0; }

.features-reveal-points-mobile .points h2 {
  margin-bottom: 10px;
  font-family: "Avenir LT W01_35 Light", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 20px;
  text-transform: uppercase;
  word-spacing: 50px;
  color: #1E344C; }

.features-reveal-points-mobile .point {
  margin-bottom: 20px;
  cursor: pointer;
  cursor: hand; }

.features-reveal-points-mobile .point a {
  display: block;
  margin-left: -5px;
  margin-bottom: 0;
  width: 20px;
  height: 20px;
  background: url("/assets/images/plus-blue-small.png") no-repeat center center; }

@media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 1.5dppx) {
  .features-reveal-points-mobile .point a {
    background-image: url("/assets/images/plus-blue-small_x3.png");
    background-size: 10px 10px; } }
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
  .features-reveal-points-mobile .point a {
    background-image: url("/assets/images/plus-blue-small_x2.png"); } }
@media screen and (-webkit-min-device-pixel-ratio: 3), screen and (min-resolution: 288dpi), screen and (min-resolution: 3dppx) {
  .features-reveal-points-mobile .point a {
    background-image: url("/assets/images/plus-blue-small_x3.png"); } }
.features-reveal-points-mobile .point h3 {
  font-family: "Avenir LT W01_35 Light", Helvetica, Arial, sans-serif;
  font-size: 15px;
  color: #1E344C; }

.features-reveal-points-mobile .point p {
  color: #1E344C; }

.reveal-wrap {
  opacity: 0;
  z-index: 1;
  position: relative; }

.reveal-wrap,
.reveal-wrap .reveal-item {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative; }

.ie8 .reveal-wrap .reveal-item div:first-child {
  z-index: 1; }

.reveal-wrap .reveal-item img {
  width: 100%;
  top: 0;
  left: 0; }

.reveal-wrap .caption {
  position: absolute;
  width: 100%;
  height: 100%;
  /* James - making features shorter - perhaps not the right place... */
  left: 0;
  top: 0; }

.reveal-wrap .polar-tag {
  margin-top: 200px;
  overflow: visible; }

.reveal-wrap .amazon-tag {
  position: absolute;
  right: 0;
  bottom: 140px; }

.reveal-item .point-label-description {
  margin-top: 10px;
  width: 220px; }

.reveal-holder,
.reveal-holder .reveal-item {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; }

.reveal-holder .reveal-item + .reveal-item {
  z-index: 1; }

.reveal-holder .reveal-item img {
  position: absolute;
  width: auto; }

.reveal-holder .reveal-item svg {
  z-index: 1;
  position: absolute !important;
  left: 0;
  top: 0; }

.reveal-holder .reveal-item .point-label {
  width: 135px;
  font-size: 15px;
  color: #fff; }

.reveal-holder .reveal-item .point-label-description {
  overflow: hidden; }

.reveal-holder .scrubber-reveal-wrap,
.reveal-holder .reveal-content {
  margin-top: 150px; }

.drag-scrubber {
  position: relative;
  text-align: center;
  height: 20px;
  z-index: 1; }

.drag-scrubber .drag-bar {
  width: 100%;
  border-bottom: 1px solid #fff;
  height: 9px;
  margin: 0 auto; }

.drag-scrubber .drag-handle {
  position: absolute;
  top: 0;
  left: 0%;
  width: 26px;
  height: 60px;
  margin-left: -13px;
  margin-top: -15px;
  cursor: ew-resize; }

.drag-scrubber .drag-handle-inner {
  width: 6px;
  height: 20px;
  background: #fff;
  margin: 15px 10px;
  /*position: absolute;*/
  /*left: 0%;
  margin-left: -3px;
  top: 0;*/ }

.white-bg .drag-scrubber .drag-bar {
  border-bottom-color: #1E344C; }

.white-bg .drag-scrubber .drag-handle {
  background: #1E344C; }

.fluid-cols-wrapper {
  /*margin-right:20px;*/ }

.fluid-col1 {
  float: left;
  width: 50%; }

.fluid-col2 {
  width: 50%;
  float: right;
  position: relative;
  /*left:20px;*/ }

.fluid-col2 .featured-image {
  padding-left: 20px; }

.featured-image img {
  width: 100%; }

.mobile-featured-image {
  display: none; }

#ocean-up {
  /*height:1700px;*/
  /*920px*/
  height: auto; }

.scroll-slideshow {
  position: relative;
  height: 500px; }

.slide {
  height: 500px;
  line-height: 150%;
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  opacity: 0; }

.perspective-text {
  margin-top: 250px; }

#extraordinary-boat {
  height: 600px;
  overflow: hidden; }

.ie8 #extraordinary-boat .background-image {
  top: -30%; }

/*-FEATURES - BUILT FROM OCEAN UP -*/
.section-title h2 {
  margin-bottom: 28px; }

.feature {
  position: relative;
  padding-top: 30px;
  padding-bottom: 30px;
  /*height:354px;*/ }

.feature-description {
  overflow: visible;
  position: relative;
  /*height:354px;*/
  cursor: pointer; }

/*.feature-description .inner-position{
position:absolute;
bottom:-5px;
}*/
.feature-description h3 {
  margin-bottom: 30px; }

.feature-description .intro-sentence {
  display: none; }

.feature-description p {
  font-size: 15px;
  margin-bottom: 10px; }

.feature-image {
  display: inline;
  float: left;
  position: relative;
  margin-right: 20px; }

.mobile-show-feature-image {
  display: none; }

.feature-image .front-image {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  display: none; }

.feature-image img {
  display: block; }

#stormy .valign-outer {
  padding: 0; }

/* Media Queries */
@media only screen and (max-width: 767px) {
  .features-page .scroll-down {
    display: none; } }
@media screen and (min-width: 1450px) and (min-height: 750px) {
  .polar-tag, .amazon-tag {
    overflow: visible; }

  .polar-tag-inner, .amazon-tag-inner {
    width: 525px;
    font-size: 40px; } }
@media screen and (max-height: 900px) {
  .map-quote {
    bottom: 75px; } }
@media screen and (max-height: 750px) {
  .map-quote {
    bottom: 50px; } }
@media screen and (max-width: 1330px) {
  .reveal-holder .content-fixed-width,
  .reveal-item .content-fixed-width {
    width: 800px; }

  .drag-scrubber {
    width: 18%;
    margin: 5px auto 0px; }

  .scrubber-reveal-wrap {
    margin-left: 240px; }

  .reveal-wrap .polar-tag {
    margin-top: 135px;
    margin-left: 200px; }

  .reveal-holder .reveal-content {
    margin-top: 80px;
    margin-left: 0px;
    margin-right: 0px; }

  .reveal-holder .scrubber-reveal-wrap {
    margin: 80px auto 0px;
    width: 100%; } }
@media screen and (max-width: 1000px) {
  .reveal-holder .content-fixed-width,
  .reveal-item .content-fixed-width {
    width: 800px;
    padding-left: 100px; }

  .small-right-col {
    float: right;
    margin-left: 20px;
    width: 280px;
    margin-right: 60px; }

  .medium-right-col {
    float: right;
    margin-left: 20px;
    width: 320px; }

  .large-right-col {
    float: right;
    margin-left: 20px; }

  .fluid-col2 .small-right-col,
  .asymmetric-bridge .small-right-col {
    float: left;
    margin-left: 80px; }

  .the-great-explorers-content {
    width: 100% !important; }

  .feature {
    width: 100%;
    height: auto;
    clear: none; }

  .feature-description {
    width: 45%;
    height: auto;
    clear: none; }

  .feature-description .inner-position {
    position: static;
    bottom: auto; }

  .feature-image {
    width: 44%;
    clear: none; }

  .feature-image img {
    width: 100%;
    height: auto; }

  .feature-image .front-image,
  .feature-image .back-image {
    right: 0; }

  /*-Features slider-*/
  .reveal-holder .h4-size {
    margin-bottom: 5px;
    font-size: 25px;
    line-height: 25px; }

  .reveal-holder .h4-size span {
    display: none; }

  .reveal-wrap .amazon-tag {
    bottom: 20px;
    font-size: 25px;
    line-height: 25px; }

  .reveal-wrap .polar-tag {
    margin-top: 115px;
    margin-left: 200px;
    font-size: 25px;
    line-height: 25px; }

  /*-Ocean up-*/
  /*#ocean-up {
  	height:1500px;
  	}*/ }
@media screen and (max-width: 900px), screen and (max-height: 500px) {
  /*-General-*/
  .content-fixed-width,
  .reveal-holder .content-fixed-width,
  .reveal-item .content-fixed-width {
    padding-left: 20px; }

  .features-page .content-fixed-width,
  .reveal-holder .content-fixed-width,
  .reveal-item .content-fixed-width {
    padding-left: 0; }

  .reveal-holder .content-fixed-width,
  .reveal-item .content-fixed-width {
    width: 735px; }

  .content {
    width: auto; }

  .small-right-col {
    float: right;
    margin-left: 20px;
    width: 280px;
    margin-right: 60px; }

  .medium-right-col {
    float: right;
    margin-left: 20px;
    width: 320px; }

  .large-right-col {
    float: right;
    margin-left: 20px; }

  .fluid-col2 .small-right-col,
  .asymmetric-bridge .small-right-col {
    float: left;
    margin-left: 30px; }

  /*-Features-*/
  .reveal-holder .reveal-content {
    clear: none; }

  .featured-image {
    clear: both;
    float: left !important; }

  .right.featured-image img {
    margin-left: 0; }

  .right.featured-image + .right {
    margin-left: 0;
    float: left !important; }

  .right.featured-image + .right .right {
    float: left !important;
    margin-right: 0;
    margin-left: 40px; }

  .vertical-section-holder .intro-description p {
    margin-bottom: 20px; }

  /*-Polar Explorer-*/
  .features-luxury .fluid-col1 .col-4,
  .features-luxury .fluid-col2 .col-4 {
    width: 220px; }

  .reveal-holder .scrubber-reveal-wrap {
    margin-top: 25px; }

  .drag-scrubber {
    width: 70px; }

  .reveal-holder .reveal-content {
    margin-top: 30px; }

  .reveal-wrap .polar-tag {
    margin-top: 60px;
    margin-left: 130px; }

  .reveal-wrap .amazon-tag {
    margin-top: 60px; } }
@media only screen and (max-width: 850px) {
  /* Hide reveal points */
  .reveal-item svg,
  .reveal-item circle,
  .reveal-holder .reveal-item circle,
  .reveal-holder .reveal-item path {
    display: none !important; }

  .reveal-holder .reveal-item .point-label {
    display: none !important; }

  /* Increase content top margin */
  .reveal-holder .reveal-content {
    margin-top: 80px; }

  .reveal-holder .scrubber-reveal-wrap {
    margin-top: 75px; }

  .reveal-wrap .polar-tag {
    margin-top: 110px; } }

/*
--------------------
Explore
--------------------
*/
/*--- General ---*/
.explore-intro .valign-inner {
  position: static; }

.map-image-back {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1; }

.map-image-back.hide {
  opacity: 0; }

.map-image-back,
.map-overlay-1,
.map-overlay-2 .route {
  position: absolute;
  top: 40px;
  height: calc(100% - 40px); }

.map-wrap {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.map-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #1E344C;
  overflow: hidden; }

.map-image {
  position: absolute;
  display: block; }

.crosshair {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/assets/images/crosshair.svg") no-repeat -612px -421px; }

.ie8 .map-holder .placeholder {
  z-index: 1; }

.ie8 .map-holder .placeholder .background-image img.background-image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%; }

.ie8 .map-holder .map-image-back {
  /*z-index: 2;*/ }

.ie8 .map-holder .map-overlay ~ .background-image {
  z-index: 3; }

.ie8 .map-holder .map-overlay {
  z-index: 4;
  position: relative; }

.map-holder svg {
  position: absolute !important;
  top: 0;
  left: 0;
  /*z-index: 1;*/ }

.map-holder svg + svg {
  /*z-index: auto;*/ }

.map-holder .background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  opacity: 0; }

.map-holder .background-image.show {
  z-index: auto;
  opacity: 1; }

.map-holder .point-label {
  margin: 40px 40px 0 40px;
  position: absolute;
  z-index: 1;
  color: #fff;
  transition-property: all;
  transition-timing-function: ease;
  text-align: left;
  pointer-events: none;
  width: 500px; }

.map-holder .point-label .point-label-title-wrap {
  position: absolute;
  overflow: hidden;
  height: 60px;
  right: 0;
  left: 0; }

.map-holder .point-label .point-label-title {
  white-space: nowrap;
  color: #fff;
  float: left;
  height: 60px; }

.map-holder .point-label .point-label-description {
  margin: 30px 0 0 100px;
  max-width: 0;
  overflow: hidden;
  float: left;
  clear: both;
  height: auto !important; }

.map-holder .point-label .point-label-description-inner {
  width: 380px;
  float: left;
  padding: 10px; }

.map-holder .point-label.from-left {
  text-align: right; }

.map-holder .point-label.from-left .point-label-title {
  float: right;
  margin-right: 40px; }

.map-holder .point-label.from-left .point-label-description {
  float: right;
  margin: 78px 100px 0 0; }

.map-holder .point-label.from-left .point-label-description-inner {
  float: right;
  text-align: left; }

.map-pole {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50%;
  background: #162732; }

.map-quote {
  position: absolute;
  bottom: 100px;
  right: 200px;
  /*z-index: 1;*/ }

.map-quote p {
  display: none; }

.map-detail {
  position: absolute;
  bottom: 125px;
  right: 125px;
  width: 450px;
  display: none; }

.map-overlay-2, .abs100 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  overflow: hidden; }

.map-overlay-2 .placeholders-overlay {
  /*display:none;
  visibility: hidden;
  */ }

.map-overlay-2 .image {
  background-color: #000; }

.map-overlay-2 .low {
  /*visibility: hidden;*/
  /*image-rendering: pixelated;
  image-rendering: optimizeSpeed;*/ }

.image .iblocker {
  display: none;
  background: #000;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.point-label * {
  /*text-rendering: optimizeSpeed;*/ }

.background-image-j {
  position: fixed;
  top: 0;
  left: 0; }

/* Media Queries */
@media only screen and (max-width: 900px), only screen and (max-height: 500px) {
  .explore-page .content {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0; }

  .explore-page .point-label {
    left: 20px !important;
    right: 0 !important;
    margin: 0 !important; }

  .explore-page .point-label .close {
    background: url("/assets/images/mobile-menu-button-close.svg") center no-repeat;
    width: 30px;
    height: 30px;
    margin: 0 !important;
    position: absolute;
    display: block;
    content: ' '; }

  .map-holder .point-label .point-label-description {
    margin: 0; }

  .map-holder .point-label .point-label-description .point-label-description-inner {
    padding: 0; }

  .explore-intro {
    position: fixed !important;
    /* These need the important to no get overridden below */
    padding: 0 !important;
    background: rgba(30, 52, 76, 0.6);
    z-index: 9; }

  .explore-intro .valign-inner {
    position: relative; }

  .explore-intro .map-quote {
    position: static;
    width: 290px;
    margin: 0 auto !important;
    float: none;
    display: block;
    text-align: center; }

  .explore-intro .map-quote p {
    display: block; } }

/*
--------------------
Expertise & Team
--------------------
*/
/*--- General ---*/
/* Map route */
.club-map,
.club-path,
.club-path-holder {
  position: absolute;
  width: 100%;
  top: 0; }

.club-path-holder {
  width: 100%;
  overflow: hidden;
  height: 0%; }

.club-path-holder,
.club-path {
  pointer-events: none; }

.club-path-holder .inner {
  position: absolute;
  left: 50%;
  margin-left: -2000px;
  width: 4000px; }

.club-path-holder img {
  margin: 0 auto; }

.club-map {
  z-index: 0; }

.club-map + .content-fixed-width {
  z-index: 1; }

.club-map-wide {
  /*overflow-x:hidden ;*/ }

.club-map-wide .bg-map {
  background: center 1100px no-repeat;
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 4000px; }

/*
.club-map-wide {
background: url(/assets/images/expertise-map-wide.svg) center top no-repeat;
background-size: 3569px auto;
}
.ie8 .club-map-wide {
background-image: url(/assets/images/expertise-map-wide.png);
}*/
/* Media Queries */
@media screen and (max-width: 1000px) {
  .club-path-holder {
    display: none; }

  .team-section {
    padding-bottom: 180px; }

  .team-section, .expertise-section {
    height: auto !important; }

  .expertise-map-content .h1-size {
    font-size: 30px;
    line-height: 30px; } }
@media screen and (max-width: 460px) {
  .club-map-wide .bg-map {
    display: none; }

  .club-map-wide .bg-map-mobile {
    display: block !important;
    background-position: 90px -100px;
    background-size: cover;
    width: 297px;
    height: 400px;
    top: 0;
    right: 0; }

  .club-map-wide .chev-down {
    background: none; }

  .expertise-content {
    padding-bottom: 60px; }

  .club-map-wide .posBottom {
    bottom: 30px; }

  .club-map-wide .posBottom .col-5 {
    margin-right: 0; } }
/*--- Team ---*/
.team-title h2 {
  margin-right: 20px; }

/*.team-page .content-fixed-width{
width:auto;
}*/
.member-inner {
  cursor: pointer; }

.member .member-toggle {
  display: block;
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  background: url(/assets/images/plus-orange.png) center no-repeat; }

.member .member-image {
  float: left;
  width: 100px;
  height: 100px; }

.member .member-image img {
  display: block;
  max-width: 100px;
  max-height: 100px; }

.member .member-details {
  overflow: hidden;
  padding-left: 20px; }

.member-name-role {
  position: relative;
  z-index: 1; }

.member .member-content {
  display: block;
  float: left;
  margin-top: 20px;
  overflow: hidden;
  -moz-transition: max-height;
  -o-transition: max-height;
  -webkit-transition: max-height;
  transition: max-height; }

.member-name {
  margin: 0 0 5px;
  overflow: visible; }

/* Team members */
.team-members {
  margin-top: 150px;
  /*tempory fix to leave less space at bottom*/ }

.team-members-bottom {
  height: 600px; }

/* Media Queries */
@media only screen and (max-width: 1200px) {
  .team-members {
    width: 682px; }

  .team-members .member-wrapper {
    width: 292px; } }
@media only screen and (max-width: 1000px) {
  .team-members {
    width: 604px; } }
@media only screen and (max-width: 700px) {
  .team-members .member-wrapper {
    width: 280px; }

  .team-members {
    width: 280px; } }
.team-members .member {
  display: block;
  float: left;
  position: relative;
  visibility: hidden; }

.team-members .member-toggle {
  margin: 30px 0 40px; }

.team-members .final .member {
  height: 450px; }

/* Media Queries */
@media only screen and (max-width: 700px) {
  .team-members .final .member {
    height: auto; } }
.team-members .member .member-image {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1; }

.team-members .member-image img {
  width: 140px;
  height: 140px; }

/* Icemaster */
.team-icemaster {
  position: relative;
  /*
  clear:left;
  width:624px;
  */ }

.icemaster {
  margin-right: 20px; }

.icemaster .member-details {
  padding: 10px 0 0; }

.icemaster .member-image {
  max-width: 215px; }

.icemaster .member-image img {
  display: block;
  width: 100%;
  height: auto; }

.member-inner:hover .member-toggle {
  background: url(/assets/images/plus-blue.png) center no-repeat; }

.member.open .member-toggle {
  background: url(/assets/images/cross-orange.png) center no-repeat; }

/* Media Queries */
@media only screen and (max-width: 700px) {
  			/*.icemaster .member-details{
  				position:relative;
  			}
  			.icemaster .member-image{
  				margin-bottom:20px;
  			}
  			.team-icemaster{
  				width:auto;
  			}
              .icemaster .member-details.right{
                  float:left;
                  margin-left:0;
              }*/ }
/* Design team */
.design-team .member-toggle {
  margin-bottom: 20px; }

.design-team .member-details {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-left: 108px;
  padding-left: 20px; }

.design-team .member-image {
  display: inline;
  float: left; }

.design-team .member-image img {
  width: 108px;
  height: 108px; }

/*--- Expertise ---*/
.expertise-map-diagram {
  position: absolute;
  bottom: 0;
  left: -60px; }

.expertise-map-diagram img {
  display: block;
  width: 100%; }

/* Media Queries */
@media only screen and (max-width: 1330px) {
  .expertise-map-diagram {
    left: -20px; } }
@media only screen and (max-width: 1200px) {
  .expertise-map-diagram {
    left: -100px; } }
@media only screen and (max-width: 1080px) {
  .expertise-map-diagram {
    left: -70px;
    width: 292px; } }
@media only screen and (max-width: 900px) {
  .expertise-map-diagram {
    width: 292px;
    left: -60px; }

  .expertise-map-content br {
    display: none; }

  .expertise-map-content {
    width: 312px; }

  .expertise-section .right-col {
    width: 292px; } }
@media only screen and (max-width: 767px) {
  .expertise-map-diagram {
    left: -20px; }

  .expertise-map-diagram img {
    width: 60%; } }
@media only screen and (max-width: 550px) {
  .expertise-map-diagram {
    display: none; }

  .expertise-section .right-col {
    float: left; }

  .expertise-content {
    margin-right: 0; }

  .expertise-lhs,
  .expertise-rhs {
    width: auto; }

  .expertise-rhs {
    margin-top: 0;
    left: auto; } }
@media only screen and (max-height: 320px) {
  .expertise-page .posBottom {
    bottom: 50px; } }
/*
--------------------
PANELS
--------------------
*/
.panels {
  position: relative; }

.panel {
  float: left;
  width: 50%;
  /*height:70vh;*/ }

.panel:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: inherit;
  height: 100%;
  background: inherit; }

.panel-main {
  position: relative;
  z-index: 1; }
  .panel-main .teamimage {
    max-width: 360px; }

.panel-header {
  height: 120px; }

.reveal-content {
  position: relative;
  overflow: hidden; }

/* Content toggle */
.team .panel-content {
  cursor: pointer;
  cursor: hand; }

.team .content-toggle {
  display: block;
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  background: url(/assets/images/plus-thin-white.png) center no-repeat; }

.team .pane-main:hover .content-toggle {
  background: url(/assets/images/plus-orange.png) center no-repeat; }

.team.open .content-toggle {
  background: url(/assets/images/cross-orange.png) center no-repeat; }

.panel-left .panel-main {
  float: right; }

.panel-right .panel-main {
  float: left; }

.panel .team-image {
  max-width: 90%; }

.panel .team-image img {
  max-width: 100%; }

.panel .partner-logo img {
  max-width: 100%; }

/*
 * Panel: Even
 */
.even .panel-left {
  background-color: #1E344C; }

.even .panel-left .panel-main {
  margin-right: 90px; }

.even .panel-right {
  background-color: #fff; }

.even .panel-right .panel-main {
  margin-left: 90px; }

/*
 * Panel: Odd
 */
.odd .panel-left {
  float: right;
  clear: right;
  background-color: #1E344C; }

.odd .panel-right {
  background-color: #fff; }

.odd .panel-left .panel-main {
  float: left;
  clear: left;
  margin-left: 90px; }

.odd .panel-right .panel-main {
  float: right;
  clear: right;
  margin-left: 100px;
  margin-right: 90px; }

/* Reduce margins */
@media only screen and (max-width: 1330px) {
  .panel-main br {
    display: none; }

  .even .panel-left .panel-main,
  .odd .panel-right .panel-main {
    margin-right: 50px; }

  .even .panel-right .panel-main,
  .odd .panel-left .panel-main {
    margin-left: 50px; } }
/* Reduce margins & width */
@media only screen and (max-width: 1200px) {
  /*
  .even .panel-left .panel-main,
  .odd .panel-right .panel-main{
  	margin-right:20px;
  }
  .even .panel-right .panel-main,
  .odd .panel-left .panel-main{
  	margin-right:20px;
  }
  */
  .panel-main {
    width: 290px; }
    .panel-main .teamimage {
      max-width: 260px; } }
/* Reduce margins & width */
@media only screen and (max-width: 1080px) {
  .even .panel-left,
  .odd .panel-right {
    width: 55%; }

  .even .panel-right,
  .odd .panel-left {
    width: 45%; }

  .panel-main {
    width: 262px; } }
@media only screen and (max-width: 900px) {
  .even .panel-left,
  .odd .panel-right {
    width: 50%; }

  .even .panel-right,
  .odd .panel-left {
    width: 50%; }

  .panel-main {
    width: 252px; } }
/* Stack & Center content */
@media only screen and (max-width: 700px) {
  .panel {
    position: relative; }

  .even .panel-left,
  .odd .panel-right,
  .even .panel-right,
  .odd .panel-left {
    width: 100%; }

  .even .panel-left .panel-main,
  .odd .panel-right .panel-main {
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
    /*margin-right:100px;*/ }

  .even .panel-right .panel-main,
  .odd .panel-left .panel-main {
    display: block;
    float: none;
    margin-left: auto;
    margin-right: auto;
    /*margin-left:100px;*/ }

  .panel-header {
    height: auto;
    margin: 0 0 35px; }

  .panel-main {
    width: 460px; }

  .panel-main br {
    display: inline; } }
/* Make smaller for mobile */
@media only screen and (max-width: 550px) {
  .panel-main {
    width: 300px; } }
/*
--------------------
BUILD EXPERIENCE
--------------------
*/
.build-experience-list {
  margin: 0 20px 0 0;
  -webkit-column-count: 4;
  -moz-column-count: 4;
  -ms-column-count: 4;
  column-count: 4;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  -ms-column-gap: 20px;
  column-gap: 20px; }

.build-experience-list .list-item {
  margin: 0 0 20px; }

/*
.build-experience-list .list-title{
	font-size:25px;
	line-height:25px;
	color:#fff;
}
*/
.build-experience-list .list-content {
  margin: 5px 0 0; }

@media only screen and (max-width: 1200px) {
  .build-experience-list {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    -ms-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    -ms-column-gap: 20px;
    column-gap: 20px; } }
@media only screen and (max-width: 1080px) {
  .build-experience-list {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -ms-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 0px;
    -moz-column-gap: 0px;
    -ms-column-gap: 0px;
    column-gap: 0px; } }
/*--- Partners ---*/
.partners-wrapper {
  margin: 0 20px 0 0; }

.partners {
  display: table;
  table-layout: fixed;
  width: 100%; }

.partner {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  text-align: center;
  position: relative;
  padding: 0 35px 0;
  box-sizing: border-box; }

.partner img {
  display: inline-block;
  max-width: 100%;
  margin: 0 0 30px; }

/* Make smaller for mobile */
@media screen and (max-width: 900px) {
  .partners {
    display: block !important;
    padding: 0; }

  .partner {
    display: block !important; } }

/*
--------------------
Design & Development
--------------------
*/
/*--- General ---*/
.development-header-bg {
  position: absolute;
  top: -150px;
  left: 0;
  width: 100%;
  height: 100%; }

.development-header-bg img {
  display: block;
  margin: 0 auto;
  height: 100%;
  width: auto; }

/*--- Features ---*/
/* Feature */
.development-feature-image img {
  display: block;
  width: 100%;
  height: auto; }

/* Media Queries */
@media screen and (max-width: 900px) {
  .development-feature .right {
    float: left; } }

/*
--------------------
News
--------------------
*/
/*--- General ---*/
.news-wrapper {
  position: relative;
  clear: both; }

.news .article h1 {
  max-width: 604px; }

.news .page-title {
  margin-right: 20px; }

.news .introduction {
  max-width: 370px;
  margin-right: 20px; }

.news-item a,
.article-content a {
  color: #1E344C; }

.article-content a:hover {
  color: #1E344C;
  text-decoration: underline; }

.news-item > a {
  display: block; }

.news-item > a:hover .cross {
  color: #1E344C; }

.news-item img,
.primary-image img,
.article-images img {
  display: block;
  width: 100%;
  height: auto; }

.primary-image img.full,
.article-images img.full {
  cursor: pointer; }

/* Published */
.news-published {
  margin-top: 10px; }

/* Content */
.article-content h2 {
  font-size: 15px;
  line-height: 15px;
  font-family: "Avenir LT W01_85 Heavy", Helvetica, Arial, sans-serif;
  color: #1E344C;
  margin-top: 30px;
  margin-bottom: 10px;
  text-transform: uppercase; }

.article-content h2:first-child {
  margin-top: 0; }

.article-content img {
  display: block;
  max-width: 100%; }

.article-content img.right {
  margin-right: -311px; }

.article-content p,
.article-content h2,
.article-content h3,
.article-content h4 {
  max-width: 604px; }

.article-offset p:first-of-type + p {
  margin-top: 214px; }

.article-content h3 {
  font-family: "Avenir LT W01_85 Heavy", Helvetica, Arial, sans-serif;
  color: #1E344C;
  margin-top: 25px;
  margin-bottom: 5px; }

.article-content img {
  max-width: 604px;
  height: auto;
  box-sizing: border-box;
  padding: 20px 0 20px; }

.article-content img.right,
.article-content img.left {
  padding: 20px 0 20px 20px; }

.article-content img.left {
  padding: 20px 20px 20px 0; }

.article-content .credit {
  margin-top: 20px;
  font-style: italic; }

/* Images */
.article-images .article-image {
  clear: left; }

/* Back button */
.back-button {
  clear: both; }

.back-button,
.back-button:hover {
  display: block;
  text-decoration: none; }

.back-button .arrow {
  display: block;
  width: 12px;
  height: 21px; }

.back-button .arrow-left {
  background-image: url(/assets/images/chevron-left-orange.png); }

.back-button:hover .arrow-left {
  background-image: url(/assets/images/chevron-left-blue.png); }

.back-button span:first-child {
  display: block;
  margin-bottom: 20px;
  color: #1E344C; }

/* Media Queries */
@media screen and (max-width: 1200px) {
  .news, .news .cont2-12 {
    width: 780px;
    margin-left: 0; }

  .news .news-item,
  .news .primary-image {
    width: 292px; }

  .news-index .news-item {
    width: 370px; }

  .article-content img.right,
  .article-content img.left {
    max-width: 400px; }

  .article-content img.right {
    margin-right: -156px; } }
@media screen and (max-width: 1080px) {
  .news, .news .cont2-12 {
    width: 624px;
    margin-left: 0; }

  .news .news-item,
  .news .primary-image {
    width: 292px; }

  .article-content img.right,
  .article-content img.left {
    max-width: 320px; }

  .article-content img.right {
    margin-right: 0; } }
@media screen and (max-width: 767px) {
  .news-index .news {
    width: auto;
    display: block;
    float: none;
    padding-left: 0;
    margin-left: auto;
    margin-right: auto; }

  /*.news, .news .cont2-12{
  	width:300px;
  }*/
  .news-page .news .cont-5,
  .news-page .news .col-5,
  .news-page .news-item {
    width: auto; }

  .news-index .news-item {
    width: 292px; }

  .article-content img {
    max-width: 100%; } }
@media screen and (max-width: 700px) {
  .news, .news .cont2-12 {
    width: 468px; }

  .news-index .news-item {
    width: 448px; } }
@media screen and (max-width: 550px) {
  .news, .news .cont2-12 {
    width: 300px; }

  .news-index .news-item {
    width: 280px; } }
@media screen and (max-width: 460px) {
  .news {
    padding-left: 0; }

  .news .col-5 {
    margin-right: 0; } }
.article-slideshow {
  position: relative;
  clear: left;
  width: 916px;
  height: 620px; }

.slideshow-slides {
  position: relative;
  left: 0;
  height: 100%;
  margin-bottom: 20px;
  float: left;
  /* Contain inline-block elements */
  font-size: 0;
  /* Removes 4px gap between inline-block */
  white-space: nowrap;
  /* Prevent inline-block wrap */ }

.slideshow-caption > div {
  margin-bottom: 20px; }

.slideshow-slide {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 916px;
  height: 100%;
  font-size: 16px;
  white-space: initial;
  background-color: #ddd; }

/* Image */
.slideshow-slide-image {
  width: 100%;
  height: 100%; }

.slideshow-slide-image img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto; }

/* Content */
.slideshow-caption {
  float: left;
  position: relative;
  height: 170px; }

/* Controls */
.slideshow-button {
  display: table;
  position: absolute;
  top: 0;
  width: 50px;
  height: 100%;
  z-index: 1; }

.slideshow-prev {
  left: 0; }

.slideshow-next {
  right: 0; }

.slideshow-button div {
  display: table-cell;
  vertical-align: middle; }

.slideshow-button a {
  display: block;
  vertical-align: middle;
  width: 100%;
  height: 50px;
  background-position: center center;
  background-repeat: no-repeat; }

.slideshow-prev a {
  background-image: url(/assets/images/icons/arrow-left-white.svg); }

.slideshow-next a {
  background-image: url(/assets/images/icons/arrow-right-white.svg); }

/* Disabled */
.disabled.slideshow-button a {
  cursor: default;
  filter: alpha(opacity=50);
  opacity: 0.5;
  zoom: 1; }

/* Media Queries */
@media screen and (max-width: 1200px) {
  .news .col2-12,
  .article-slideshow,
  .slideshow-slide {
    width: 760px; }

  .article-slideshow {
    height: 512px; }

  .article-slideshow .col2-2 {
    width: 136px; }

  .article-slideshow .col2-4 {
    width: 214px; }

  .article-slideshow .col2-5 {
    width: 292px; }

  .slideshow-caption {
    height: 240px; } }
@media screen and (max-width: 1080px) {
  .news .col2-12,
  .article-slideshow,
  .slideshow-slide {
    width: 604px; }

  .article-slideshow {
    height: 410px; }

  .slideshow-caption .col2-2,
  .slideshow-caption .col2-4,
  .slideshow-caption .col2-5 {
    width: auto;
    clear: left; }

  .slideshow-caption {
    height: 220px; } }
@media screen and (max-width: 767px) {
  .news .col2-12,
  .article-slideshow,
  .slideshow-slide {
    width: 604px; } }
@media screen and (max-width: 700px) {
  .news .col2-12,
  .article-slideshow,
  .slideshow-slide {
    width: 448px; }

  .article-slideshow {
    height: 300px; } }
@media screen and (max-width: 550px) {
  .news .col2-12,
  .article-slideshow,
  .slideshow-slide {
    width: 292px; }

  .article-slideshow {
    height: 200px; } }
@media screen and (max-width: 460px) {
  .news .col2-12,
  .article-slideshow,
  .slideshow-slide {
    width: 280px; }

  .article-slideshow {
    height: 200px; } }
.abs-vh-align {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

/*
--------------------
Contact
--------------------
*/
/*--- General ---*/
.contact-info {
  z-index: 1; }

/* Media Queries */
@media screen and (max-width: 1200px) {
  .contact-info {
    margin-left: 234px; } }
@media screen and (max-width: 1000px) {
  .contact-info {
    margin-left: 156px; } }
@media screen and (max-width: 900px) {
  .contact-info {
    margin-left: 0; } }
@media screen and (max-width: 700px) {
  .contact-info {
    width: 280px; }

  .contact-info .h3-size {
    font-size: 15px;
    line-height: 15px; } }
@media screen and (max-width: 768px) {
  .contact-info {
    position: relative;
    margin-left: 0;
    margin-top: 0;
    /*padding-bottom:30px;*/ } }
@media screen and (max-height: 700px) {
  .contact-page .background-image {
    position: fixed; }

  .contact-info {
    position: relative;
    margin-top: 0;
    /*padding-bottom:30px;*/ } }
@media screen and (max-width: 900px), screen and (max-height: 500px) {
  .contact-page .main-footer {
    position: absolute;
    bottom: 16px;
    right: 0; } }
.image-fade .background-image:after {
  content: "";
  display: block;
  position: absolute;
  /*z-index:-1;*/
  top: 0;
  left: 0;
  width: 100%;
  height: 400px;
  background: url(/assets/images/menu-gradient.png) repeat-x top center; }

/*
--------------------
Account
--------------------
*/
/*--- General ---*/
/*--- Login ---*/
.login-page a {
  color: #BEBEBE; }

.login-page a:hover {
  color: #fff; }

.login-positioner {
  height: 390px; }

.login-form {
  padding-top: 150px; }

.login-message {
  margin-top: 107px;
  padding-left: 40px;
  padding-right: 40px; }

/* Media Queries */
@media only screen and (max-width: 900px), only screen and (max-height: 500px) {
  .login-form {
    padding-top: 80px; }

  .login-message {
    margin-top: 50px; } }

/*
--------------------
AskWhy?
--------------------
*/
/*--- Header ---*/
.askwhy-header {
  margin-bottom: 50px; }

.askwhy-intro-1 {
  margin-bottom: 100px; }

.askwhy-intro-2 {
  color: #fff;
  margin-top: 70px; }

/*
	/* Media Queries *
	@media
	only screen and (max-width:1200px){

        .mq-askwhy-intro{
            margin-left:312px;
        }

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

        .mq-askwhy-intro{
            margin-left:234px;
        }

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

        .mq-askwhy-intro{
            margin-left:234px;
        }

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

        .mq-askwhy-intro{
            margin-left:156px;
        }

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

        .mq-askwhy-intro{
            margin-left:0;
        }

	}
*/
.askwhy-title {
  font-family: "Avenir LT W01_95 Black", Helvetica, Arial, sans-serif;
  font-size: 95px;
  color: #fff;
  text-align: center; }

.askwhy-title span {
  color: #BBC2C9; }

@media only screen and (max-width: 767px) {
  .askwhy-intro-1 {
    margin-bottom: 40px; }

  .askwhy-intro-2 {
    color: #fff;
    margin-top: 40px; }

  .askwhy-title {
    text-align: left; } }
@media only screen and (max-height: 550px) {
  .askwhy-intro-1 {
    margin-bottom: 40px; }

  .askwhy-intro-2 {
    margin-top: 40px; } }
.vertical-section-holder .askwhy-section {
  position: relative;
  height: 90%;
  min-height: 0;
  box-sizing: border-box; }

.askwhy-section .section-background {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center; }

.askwhy-section .section-title {
  font-family: "Avenir LT W01_85 Heavy", Helvetica, Arial, sans-serif;
  font-size: 25px;
  color: #fff; }

.askwhy-section .section-title br {
  display: none; }

/*--- ASKWHY? Link ---*/
.askwhy-link .high,
.askwhy-link .ask,
.askwhy-link .why,
.askwhy-link .q-mark,
.askwhy-link img {
  -moz-transition: all;
  -o-transition: all;
  -webkit-transition: all;
  transition: all; }

.askwhy-link .ask {
  padding-right: 6px; }

.askwhy-link .q-mark {
  filter: alpha(opacity=0);
  opacity: 0;
  zoom: 1; }

/* Hover */
.askwhy-link:hover .ask, .askwhy-link.active .ask {
  padding-right: 0;
  filter: alpha(opacity=50);
  opacity: 0.5;
  zoom: 1; }

.askwhy-link:hover .space, .askwhy-link.active .space {
  display: none; }

.askwhy-link:hover .q-mark, .askwhy-link.active .q-mark {
  filter: alpha(opacity=100);
  opacity: 1;
  zoom: 1; }

.askwhy-link.active img {
  -webkit-transform: translateY(5) rotate(45deg);
  transform: translateY(2px) rotate(45deg); }

/*--- Extra Section ---*/
.extra-section {
  overflow: hidden; }

.extra-section h3 {
  font-size: 25px; }

/*--- End Section ---*/
.vertical-section-holder .askwhy-philosophy {
  height: 100%; }

.askwhy-philosophy h2 {
  margin: 0; }

.askwhy-philosophy h3 {
  font-size: 25px; }

.askwhy-philosophy-list li {
  margin: 0 0 25px;
  font-family: "Avenir LT W01_85 Heavy", Helvetica, Arial, sans-serif;
  font-size: 25px; }

@media all and (max-width: 900px) {
  .askwhy-philosophy .col2-6 {
    margin-left: 0; } }

body.legal li {
  margin-left: 20px; }
body.legal p {
  margin-top: 10px; }
body.legal h2 {
  margin-top: 10px; }
body.legal h3 {
  margin-top: 10px;
  font-family: "Avenir LT W01_85 Heavy", Helvetica, Arial, sans-serif; }

/*
 * Media Queries
 *
 */
@media only screen and (max-width: 767px) {
  /*-General-*/
  .content-fixed-width,
  .reveal-holder .content-fixed-width,
  .reveal-item .content-fixed-width {
    width: 580px; }

  .right.right-1 {
    float: left;
    margin-left: 20px; }

  .half-width {
    min-width: 0; }

  /*-Font sizes-*/
  .xlarge-size {
    font-size: 75px;
    line-height: 1; }

  .large-size {
    font-size: 45px;
    line-height: 45px; }

  .h1-size {
    font-size: 25px;
    line-height: 25px; }

  .h2-size {
    font-size: 25px;
    line-height: 30px; }

  .h3-size {
    font-size: 22px;
    line-height: 22px; }

  .h4-size {
    font-size: 15px;
    line-height: 15px; }

  .h5-size {
    font-size: 16px;
    line-height: 16px; }

  /*-General cols-*/
  .small-right-col {
    float: left;
    margin-left: 20px;
    width: 280px;
    margin-right: 0; }

  .medium-right-col {
    float: right;
    margin-left: 20px;
    width: 320px; }

  .large-right-col {
    float: right;
    margin-left: 20px; }

  .fluid-col2 .small-right-col,
  .asymmetric-bridge .small-right-col {
    float: left;
    margin-left: 20px; }

  /*-Home-*/
  .horizontal-timeline {
    width: 300px;
    margin: 0 auto; }

  /*-The Great Explorers-*/
  .great-explorers {
    margin-top: 100px; }

  .great-explorers img {
    width: 170px;
    margin-bottom: 60px; }

  .great-explorers .h5-size {
    margin-top: 20px; }

  /*-Features-*/
  .intro-description,
  .features-section-intro {
    width: 280px;
    margin-right: 0; }

  .quote .col-8 {
    width: 300px; }

  #extraordinary-boat .col-6 {
    width: 280px; }

  /*-Superyachts-*/
  .features-superyachts .col-5 {
    width: 280px;
    clear: left;
    margin-right: 0; }

  .features-superyachts h2 {
    margin-bottom: 20px; }

  /*-Luxury-*/
  .features-luxury .summary {
    width: 260px;
    padding-top: 30px;
    padding-bottom: 50px; }

  .features-luxury .h4-size {
    margin-bottom: 15px; }

  .features-luxury .summary .h5-size {
    font-size: 20px;
    line-height: 25px; }

  /*-Ocean up-*/
  .built-from-ocean-up .section-title {
    width: 220px; }

  /*-The Great Explorers-*/
  .great-explorers {
    margin-top: 40px; }

  .the-great-explorers-content {
    margin-top: 100px; }

  .the-great-explorers-content img {
    width: 170px;
    margin-bottom: 60px; }

  .the-great-explorers-content .h5-size {
    margin-top: 20px; }

  .features-reveal-points-mobile {
    display: block; }

  .features-reveal-points-mobile .points-wrapper {
    margin: 0 auto;
    padding: 0 20px; }

  .section-holder,
  .horizontal-section-holder {
    height: auto;
    min-height: 100%; }

  .valign-outer {
    position: static; }

  .valign-inner {
    padding: 50px 0; }

  .main-menu-holder .valign-outer {
    padding: 0; }

  .fixed-background {
    height: 300px !important; }

  /*--- Features ---*/
  /*-Luxury-*/
  .features-luxury .luxury-content {
    width: 270px; }

  /*-Built from ocean up-*/
  #ocean-up {
    height: auto;
    padding-bottom: 10px; }

  .built-from-ocean-up .features-intro {
    width: 260px; }

  .built-from-ocean-up .intro {
    margin-bottom: 40px;
    padding-top: 25px; }

  .built-from-ocean-up .background-window {
    height: 40%; }

  .built-from-ocean-up .main-feature,
  .built-from-ocean-up .feature {
    float: none;
    display: table;
    width: 100%;
    padding: 0;
    overflow: hidden; }

  .built-from-ocean-up .feature-2 {
    padding: 0; }

  .built-from-ocean-up .mobile-hide-feature-image {
    display: none; }

  .built-from-ocean-up .mobile-show-feature-image {
    display: block; }

  .built-from-ocean-up .feature-image {
    width: 100%;
    margin: 20px 0 50px 0; }

  .built-from-ocean-up .feature-description {
    width: 280px;
    height: auto;
    margin-left: 20px;
    margin-right: 20px; }

  .built-from-ocean-up .feature-description h3 {
    font-size: 15px;
    line-height: 15px;
    text-transform: uppercase;
    margin-bottom: 10px; }

  .built-from-ocean-up .feature-description .intro-sentence {
    display: block;
    margin-bottom: 0; }

  .built-from-ocean-up .feature-description p span {
    display: none; }

  .feature-description p {
    margin-bottom: 20px; }

  .built-from-ocean-up .feature-description a {
    display: block;
    margin-left: -5px;
    margin-bottom: 20px;
    width: 20px;
    height: 20px;
    background: url("/assets/images/plus-blue-small.png") no-repeat center center; } }
@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (max-width: 767px) and (min-resolution: 144dpi), only screen and (max-width: 767px) and (min-resolution: 1.5dppx) {
  .built-from-ocean-up .feature-description a {
    background-image: url("/assets/images/plus-blue-small_x3.png");
    background-size: 10px 10px; } }
@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 767px) and (min-resolution: 192dpi), only screen and (max-width: 767px) and (min-resolution: 2dppx) {
  .built-from-ocean-up .feature-description a {
    background-image: url("/assets/images/plus-blue-small_x2.png"); } }
@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 3), only screen and (max-width: 767px) and (min-resolution: 288dpi), only screen and (max-width: 767px) and (min-resolution: 3dppx) {
  .built-from-ocean-up .feature-description a {
    background-image: url("/assets/images/plus-blue-small_x3.png"); } }
@media only screen and (max-width: 767px) {
  .built-from-ocean-up .feature-description .inner-position {
    position: static;
    overflow: hidden; }

  .built-from-ocean-up .feature-description .inner-position p:last-child {
    margin-bottom: 0; }

  .built-from-ocean-up .feature-description .reveal-text {
    height: 0;
    overflow: hidden; }

  .built-from-ocean-up .feature-description .reveal-text p:first-child {
    margin-top: 20px; }

  /*-Polar Explorer-*/
  .reveal-holder .mobile-reveal-content {
    display: block !important; }

  .reveal-holder .h4-size {
    margin-left: 20px;
    margin-right: 20px; }

  .reveal-holder .reveal-item img {
    height: auto !important;
    margin-left: 0 !important; }

  /*.reveal-item svg,
  .reveal-item circle,
  .reveal-holder .reveal-item circle,
  .reveal-holder .reveal-item path{
  display:none!important;
  }
  .reveal-holder .reveal-item .point-label{
  display:none!important;
  }*/
  .reveal-wrap {
    overflow: visible; }

  .reveal-holder .scrubber-reveal-wrap {
    margin-top: 30px; }

  .drag-scrubber {
    margin-top: 0px;
    top: 0;
    padding-right: 0;
    width: 20%; }

  .drag-scrubber .drag-handle-inner {
    width: 8px;
    height: 29px;
    margin: 10px 10px; }

  .reveal-holder .reveal-content {
    display: block !important;
    margin-top: 30px;
    width: 100%; }

  .reveal-item .reveal-content .description {
    position: absolute;
    top: 80px;
    width: 100%; }

  .reveal-item .reveal-content .description-align {
    margin: 0 auto;
    width: 300px; }

  .reveal-holder .mobile-reveal-content {
    position: absolute;
    top: 0; }

  .reveal-wrap .polar-tag {
    margin-left: 0px;
    width: 260px; }

  .reveal-wrap .amazon-tag,
  .reveal-wrap .polar-tag {
    margin: 0;
    position: absolute;
    top: auto;
    left: 0;
    bottom: 30px;
    right: auto;
    width: 100%; }

  .reveal-wrap .amazon-tag {
    left: auto;
    right: 0;
    margin-right: 0; }

  .polar-tag-inner, .amazon-tag-inner {
    display: block;
    float: none;
    width: 300px;
    margin: 0 auto; }

  .feature-circle {
    position: relative;
    display: inline;
    float: left;
    top: 20px;
    left: 0; }

  .reveal-item .amazon-title .h4-size {
    float: right; }

  /* Polar explorer Points */
  .features-reveal-points-mobile .points-wrapper {
    width: 280px; }

  .features-reveal-points-mobile .points {
    padding-right: 0; } }
@media only screen and (max-width: 550px) {
  .xlarge-size {
    font-size: 45px; } }
@media only screen and (max-height: 500px) {
  .great-explorers {
    margin-top: 0; }

  .great-explorers img {
    margin-bottom: 30px; }

  .the-great-explorers-content img {
    margin-bottom: 30px; } }
@media only screen and (min-width: 768px) {
  .reveal-text {
    height: auto !important; } }
@media only screen and (max-width: 750px) {
  /*-Footer-*/
  .main-footer .visible {
    right: 20px;
    bottom: 15px; }

  /*-Homepage timeline-*/
  .horizontal-timeline {
    bottom: 50px;
    width: 55%;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto; }

  /*---Features---*/
  /*-Asymmetric Bridge-*/
  .asymmetric-bridge-text {
    margin-left: 0; }

  .asymmetric-bridge {
    float: none;
    display: table;
    width: 100%;
    overflow: hidden; }

  .asymmetric-bridge-text {
    position: static; }

  .asymmetric-bridge-holder,
  .asymmetric-bridge-text {
    float: none !important; }

  .asymmetric-bridge-holder {
    width: 100%;
    display: table-footer-group; }

  .asymmetric-bridge-text {
    width: 50%; }

  .asymmetric-bridge-text .col-4 {
    margin-top: 60px;
    float: right;
    margin-right: 0;
    width: 240px; }

  .asymmetric-bridge-holder img {
    display: block;
    width: 155%;
    position: relative;
    left: 0; } }
@media only screen and (max-width: 650px) {
  .features-page .content-fixed-width {
    padding-left: 0;
    width: 320px; }

  .features-superyachts .col-5 {
    float: none;
    display: block;
    margin: 0 auto; }

  /*-Ocean up-*/
  .built-from-ocean-up .features-intro {
    float: left; }

  .intro-description, .features-section-intro {
    float: left; }

  /*-Expertise-*/
  /*.expertise-content .left-col,
  .expertise-content .right-col{
  width:380px;
  }
  .map-diagram-tablet{
  display:none!important;
  }
  .map-diagram-mobile{
  display:block!important;
  }*/
  /* Revealer */
  .polar-tag-inner, .amazon-tag-inner,
  .reveal-item .reveal-content .description {
    width: 280px; }

  .polar-tag-inner, .amazon-tag-inner {
    padding: 0 20px; }

  .reveal-wrap .amazon-tag, .reveal-wrap .polar-tag {
    float: none !important;
    width: 100%; }

  .reveal-holder .reveal-content {
    margin-left: 20px;
    margin-right: 20px !important;
    width: 280px; }

  .reveal-holder .h4-size {
    font-size: 20px;
    line-height: 20px;
    margin-left: 0;
    margin-right: 0; } }
@media only screen and (max-width: 600px) {
  /*-Polar Explorer-*/
  .reveal-item .reveal-content .description {
    display: none; } }
@media only screen and (max-width: 460px) {
  .features-luxury .fluid-col1 .col-4,
  .features-luxury .fluid-col2 .col-4 {
    width: 190px;
    margin-left: 20px; }

  .features-page .content-fixed-width {
    position: static; }

  /*-General-*/
  .content-fixed-width {
    width: auto; }

  /*-Home-*/
  .timeline-content .image-overlay {
    left: 20px;
    margin-top: 150px; }

  .timeline-content .caption-title {
    margin-bottom: 24px; }

  .timeline-content .caption-content {
    width: 220px; }

  /*---Explore---*/
  .explore-intro .map-quote {
    width: 290px; }

  .explore-page .content {
    width: auto; }

  .explore-page .point-label {
    width: auto;
    bottom: 0;
    left: 0; }

  /*---Features---*/
  .small-right-col,
  .medium-right-col,
  .large-right-col {
    float: left; }

  /*-Intro-*/
  .features-section-intro {
    width: 280px; }

  /*-Superyachts-*/
  .features-superyachts .content-fixed-width {
    padding: 0; }

  /*-Luxury-*/
  .features-luxury .content-fixed-width {
    padding-top: 50px;
    padding-bottom: 0; }

  .features-luxury h2 {
    margin-bottom: 30px;
    color: #fff; }

  .features-luxury p {
    margin-bottom: 10px; }

  .features-luxury .col-5 {
    width: 240px; }

  .features-luxury .fluid-col2 {
    left: 0; }

  /*-Extraordinary boat-*/
  #extraordinary-boat {
    height: auto; }

  #extraordinary-boat .ptxl {
    width: 280px;
    padding-top: 60px;
    padding-bottom: 60px; }

  /*-The Great Explorers-*/
  #stormy {
    height: 100%; }

  #stormy .section-background {
    height: 100%; } }
@media only screen and (max-width: 540px) {
  /*---Features---*/
  /*-Luxury-*/
  .features-luxury .featured-image {
    display: none; }

  .features-luxury .mobile-featured-image {
    display: block; }

  .features-luxury .fluid-cols-wrapper {
    float: none;
    display: table;
    width: 100%; }

  .features-luxury .fluid-cols-wrapper {
    margin-right: 0; }

  .features-luxury .fluid-col1 {
    display: table-footer-group; }

  .features-luxury .fluid-col2 {
    display: table-header-group; }

  .features-luxury .fluid-col1,
  .features-luxury .fluid-col2 {
    width: 240px; }

  .features-luxury .fluid-col1,
  .features-luxury .fluid-col2,
  .features-luxury .fluid-cols-wrapper .left {
    float: none !important; }

  .features-luxury .fluid-col2 .col-4 {
    margin-bottom: 10px;
    margin-top: 0; }

  .features-luxury .fluid-col1 .col-4, .features-luxury .fluid-col2 .col-4 {
    width: 75%; }

  .fluid-col2 .featured-image {
    padding-left: 0; }

  /*-Spacious Interiors-*/
  .features-luxury .fluid-col1 {
    float: none;
    display: table;
    width: 100%; }

  .features-luxury .fluid-col1 .mobile-featured-image {
    display: table-footer-group; }

  .features-luxury .fluid-col1 .right {
    display: table-header-group;
    margin-top: 35px;
    margin-left: 20px;
    margin-bottom: 10px;
    /*width:200px;
    width:65%;*/
    margin-right: 0px; }

  .features-luxury .quote {
    padding-top: 30px;
    padding-bottom: 120px; }

  .features-luxury .fluid-cols-wrapper .featured-image img {
    width: 75%;
    /*max-width:200px;*/ }

  .features-luxury .fluid-cols-wrapper p {
    margin-right: 20px; }

  .right.featured-image img {
    float: left; }

  .mobile-featured-image img {
    float: right;
    /*width:220px;*/ }

  .asymmetric-bridge {
    width: 100%; }

  .asymmetric-bridge-text {
    width: 225px; }

  .asymmetric-bridge-text .col-4 {
    width: 207px;
    margin-top: 40px;
    margin-left: 20px;
    margin-right: 0; }

  .asymmetric-bridge-holder img {
    /*display:none;*/
    width: 155%; }

  /*-Expertise-*/
  .expertise-page .content-fixed-width {
    width: 380px; } }
/*@media
only screen and (max-width: 540px) and (orientation: portrait){

	/*-Expertise-*
	.expertise-content .left-col, .expertise-content .right-col{
	width:auto;
	}
	.expertise-page .content-fixed-width .col-5,
	.expertise-page .content-fixed-width .col-6{
	width:auto;
	}
}*/
@media screen and (max-width: 400px), screen and (max-height: 600px) {
  /*-Intro-*/
  .vertical-section-holder .fullpage-section-window {
    margin-bottom: 0; }

  .intro-description {
    display: none;
    float: none;
    margin: 0 auto; }

  .mobile-features-section {
    display: block; }

  .mobile-features-section.fullpage-section-window {
    margin-bottom: 200px; }

  .mobile-features-section .intro-description {
    display: block; }

  .vertical-section-holder .mobile-features-section.fullpage-section-window,
  .vertical-section-holder .mobile-features-section.top-section-window {
    margin-bottom: 62%; }

  .features-section-intro {
    float: none;
    display: block;
    margin: 0 auto; } }
/*---Landscape---*/
@media screen and (max-height: 600px) and (orientation: landscape) {
  /*---Features---*/
  /*.contact-page .vertical-section-holder .fullpage-section,*/
  .team-page .vertical-section-holder .fullpage-section {
    min-height: 100%;
    height: auto; }

  .vertical-section-holder .mobile-features-section.fullpage-section-window,
  .vertical-section-holder .mobile-features-section.top-section-window {
    margin-bottom: 32%; }

  /*-Asymmetric Bridge-*/
  .asymmetric-bridge-holder img {
    width: 80%;
    margin: 0; }

  /*-Great Explorers-*/
  #stormy .section-background {
    background-position: center center; }

  .yacht-feature-description {
    margin-top: 30px; } }
/*-100%-*/
@media only screen and (max-width: 360px) {
  .content-fixed-width {
    padding-left: 5% !important;
    padding-right: 5% !important;
    width: 90% !important; }

  /*-Reset columns-*/
  .features-page .col-3, .contact-page .col-3, .yachts-page .col-3 {
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important; }

  .features-page .cont-3, .contact-page .cont-3 {
    width: auto !important; }

  .features-page .col-4, .contact-page .col-4, .yachts-page .col-4 {
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important; }

  .features-page .cont-4, .contact-page .cont-4 {
    width: auto !important; }

  .features-page .col-5, .contact-page .col-5, .yachts-page .col-5 {
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important; }

  .features-page .cont-5, .contact-page .cont-5 {
    width: auto !important; }

  .features-page .col-6, .contact-page .col-6, .yachts-page .col-6 {
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important; }

  .features-page .cont-6, .contact-page .cont-6 {
    width: auto !important; }

  .features-page .col-7, .contact-page .col-7, .yachts-page .col-7 {
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important; }

  .features-page .cont-7, .contact-page .cont-7 {
    width: auto !important; }

  .features-page .col-8, .contact-page .col-8, .yachts-page .col-8 {
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important; }

  .features-page .cont-8, .contact-page .cont-8 {
    width: auto !important; }

  .features-page .col-9, .contact-page .col-9, .yachts-page .col-9 {
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important; }

  .features-page .cont-9, .contact-page .cont-9 {
    width: auto !important; }

  .features-page .col-10, .contact-page .col-10, .yachts-page .col-10 {
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important; }

  .features-page .cont-10, .contact-page .cont-10 {
    width: auto !important; }

  .features-page .col-11, .contact-page .col-11, .yachts-page .col-11 {
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important; }

  .features-page .cont-11, .contact-page .cont-11 {
    width: auto !important; }

  .features-page .col-12, .contact-page .col-12, .yachts-page .col-12 {
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important; }

  .features-page .cont-12, .contact-page .cont-12 {
    width: auto !important; }

  .features-page .col-13, .contact-page .col-13, .yachts-page .col-13 {
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important; }

  .features-page .cont-13, .contact-page .cont-13 {
    width: auto !important; }

  .features-page .col-14, .contact-page .col-14, .yachts-page .col-14 {
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important; }

  .features-page .cont-14, .contact-page .cont-14 {
    width: auto !important; }

  .features-page .col-15, .contact-page .col-15, .yachts-page .col-15 {
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important; }

  .features-page .cont-15, .contact-page .cont-15 {
    width: auto !important; }

  .features-page .col-16, .contact-page .col-16, .yachts-page .col-16 {
    width: auto !important;
    margin-left: 0 !important;
    margin-right: 0 !important; }

  .features-page .cont-16, .contact-page .cont-16 {
    width: auto !important; }

  .left-1, .left-2, .left-3 {
    margin-left: 0;
    margin-right: 0; }

  /*.polar-tag-inner, .amazon-tag-inner, .reveal-item .reveal-content .description{
  	display:none;
  }*/
  .reveal-wrap .polar-tag, .reveal-wrap .amazon-tag {
    bottom: 20px; }

  .reveal-holder .reveal-content {
    position: static; }

  .reveal-holder .scrubber-reveal-wrap {
    width: 100% !important; }

  .features-reveal-points-mobile .points-wrapper {
    padding: 0; }

  .fluid-col2 .small-right-col,
  .features-luxury .fluid-col1 .right,
  .asymmetric-bridge-text .col-4 {
    margin-left: 5% !important;
    margin-right: 5% !important; }

  .features-luxury .fluid-col2 .col-4,
  .features-luxury .fluid-col1 .right {
    width: 75% !important;
    margin-right: 0 !important; }

  .features-luxury .fluid-col2 .col-4 {
    margin-right: 0 !important; }

  .asymmetric-bridge-text {
    width: 100%; }

  #extraordinary-boat .ptxl {
    width: auto; }

  /*-Yachts-*/
  /*.yacht-feature .background-image{
  	width:50%!important;
  }
  .yacht-feature-title {
  	width:50%;
  }*/ }

/*
--------------------
YACHTS: GENERAL
--------------------
*/
.yachts {
  font-size: 20px;
  line-height: 28px;
  color: #1E344C; }
  .yachts h3 {
    text-transform: uppercase;
    margin-bottom: 10px; }
  .yachts .background {
    position: absolute;
    z-index: -2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1E344C;
    background-size: cover;
    background-position: center; }
    .yachts .background.align-b, .yachts .background.align-br {
      background-position-y: bottom; }
    .yachts .background.align-br {
      background-position-x: right; }

/*
--------------------
YACHTS: YACHT
--------------------
*/
.sea-hawk-index, .yacht-index {
  /*--- General ---*/
  /*--- Quote ---*/
  /*--- Map section ---*/
  /* Media Queries */
  /*--- Features section ---*/
  /* Extra */
  /* Arrow */
  /* List */
  /*--- Special features ---*/
  /* Media Queries */
  /* Mask */
  /* Satellite */
  /* Helicopter */
  /* Boats */
  /* Power */
  /* Dropdown */
  /* Media Queries */
  /* Close */
  /* Padding */
  /* Reveal */
  /* Image */
  /* Align - full width */
  /* Align - center */
  /* Align - left */
  /* Align - right */
  /* MQs */
  /* Content */
  /* Media Queries */
  /* Dropdown overlay offsets */
  /* Media Queries */
  /*--- Gallery ---*/
  /*--- Technical Specification ---*/
  /* Media Queries */
  /* Specification items */
  /* Russian */ }
  @media screen and (max-width: 1000px) {
    .sea-hawk-index .side-menu, .yacht-index .side-menu {
      display: none; } }
  .sea-hawk-index .intro, .yacht-index .intro {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1;
    background: rgba(0, 0, 0, 0.5); }
  .sea-hawk-index .intro-message, .yacht-index .intro-message {
    position: absolute;
    margin: auto;
    padding: 0 30px;
    font: 20px/1.4 "Avenir LT W01_35 Light", Helvetica, Arial, sans-serif;
    color: #fff;
    text-align: center; }
    @media all and (max-width: 900px) {
      .sea-hawk-index .intro-message br, .yacht-index .intro-message br {
        display: none; } }
    .sea-hawk-index .intro-message h2, .yacht-index .intro-message h2 {
      font: 35px/1 "ITCCaslon224W01-Medium", Georgia, "Times New Roman", serif;
      margin: 0 0 20px; }
    .sea-hawk-index .intro-message a, .yacht-index .intro-message a {
      color: inherit;
      text-decoration: underline; }
  .sea-hawk-index .yacht-title span, .yacht-index .yacht-title span {
    text-transform: uppercase; }
  .sea-hawk-index .yacht-title-size, .yacht-index .yacht-title-size {
    padding-left: 5px; }
  .sea-hawk-index .yachts-index .h2-size a, .yacht-index .yachts-index .h2-size a {
    color: #F26531;
    transition: color 0.4s ease-in-out; }
  .sea-hawk-index .yachts-index .h2-size a:hover, .yacht-index .yachts-index .h2-size a:hover {
    color: #fff; }
  @media all and (max-width: 900px) {
    .sea-hawk-index .yacht-intro-quote, .yacht-index .yacht-intro-quote {
      float: left; } }
  .sea-hawk-index .yacht-map-intro, .yacht-index .yacht-map-intro {
    display: block;
    float: none;
    margin: 0 auto; }
  .sea-hawk-index .yacht-map-image, .yacht-index .yacht-map-image {
    background: #fff url("/assets/images/yachts_map_and_route.png") no-repeat center center; }
  @media screen and (max-width: 900px) {
    .sea-hawk-index .yacht-map-image, .yacht-index .yacht-map-image {
      min-height: 254px; }
    .sea-hawk-index .yacht-map-intro, .yacht-index .yacht-map-intro {
      padding-right: 20px; } }
  .sea-hawk-index .yacht-features-section, .yacht-index .yacht-features-section {
    position: relative; }
  .sea-hawk-index .yacht-features-background, .yacht-index .yacht-features-background {
    background-color: #b3b8bf; }
  .sea-hawk-index .yacht-features-intro, .yacht-index .yacht-features-intro {
    margin-bottom: 20px; }
  .sea-hawk-index .yacht-features-extra, .yacht-index .yacht-features-extra {
    margin-top: 20px; }
  .sea-hawk-index .lang-ru .yacht-features-extra,
  .sea-hawk-index .lang-de .yacht-features-extra, .yacht-index .lang-ru .yacht-features-extra,
  .yacht-index .lang-de .yacht-features-extra {
    margin-top: 17px; }
  .sea-hawk-index .yacht-features-extra .dash-title, .yacht-index .yacht-features-extra .dash-title {
    margin-bottom: 37px; }
  @media all and (max-width: 1200px) {
    .sea-hawk-index .yacht-features-extra, .yacht-index .yacht-features-extra {
      margin-left: 0; } }
  .sea-hawk-index .yacht-features-content .triangle-up, .yacht-index .yacht-features-content .triangle-up {
    position: absolute;
    top: 0;
    margin-top: -19px;
    /* Triangle */
    width: 0;
    height: 0;
    border-left: 19px solid transparent;
    border-right: 19px solid transparent;
    border-bottom: 20px solid #fff; }
  .sea-hawk-index .yacht-features-list, .yacht-index .yacht-features-list {
    padding: 10px 0 0; }
  .sea-hawk-index .yacht-features-list-item, .yacht-index .yacht-features-list-item {
    padding-bottom: 20px;
    /* Using padding as it's better for margins */ }
  .sea-hawk-index .yacht-features-list-content, .yacht-index .yacht-features-list-content {
    position: relative;
    overflow: hidden;
    display: none;
    padding-left: 40px; }
  .sea-hawk-index .yacht-features-list-link, .yacht-index .yacht-features-list-link {
    position: relative;
    display: block;
    color: #1E344C;
    line-height: 20px;
    margin-bottom: 10px;
    padding-left: 40px; }
  .sea-hawk-index .yacht-features-list-link span, .yacht-index .yacht-features-list-link span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    -moz-transition: transform;
    -o-transition: transform;
    -webkit-transition: transform;
    transition: transform; }
  .sea-hawk-index .open .yacht-features-list-link,
  .sea-hawk-index .yacht-features-list-link:hover, .yacht-index .open .yacht-features-list-link,
  .yacht-index .yacht-features-list-link:hover {
    color: #F26531; }
  .sea-hawk-index .open .yacht-features-list-link span,
  .sea-hawk-index .yacht-features-list-link:hover span, .yacht-index .open .yacht-features-list-link span,
  .yacht-index .yacht-features-list-link:hover span {
    background-position: center bottom; }
  .sea-hawk-index .open .yacht-features-list-link span, .yacht-index .open .yacht-features-list-link span {
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg); }
  .sea-hawk-index .yacht-special-features, .yacht-index .yacht-special-features {
    position: relative;
    top: 0;
    left: 0;
    margin-right: 20px; }
  .sea-hawk-index .yacht-special-feature, .yacht-index .yacht-special-feature {
    display: inline;
    float: left;
    margin-bottom: 20px; }
  .sea-hawk-index .layout-even .yacht-special-feature, .yacht-index .layout-even .yacht-special-feature {
    width: 50%; }
  .sea-hawk-index .layout-odd .yacht-special-feature, .yacht-index .layout-odd .yacht-special-feature {
    width: 33.333%; }
  @media screen and (max-width: 1000px) {
    .sea-hawk-index .layout-odd .yacht-special-feature, .yacht-index .layout-odd .yacht-special-feature {
      width: 50%; } }
  .sea-hawk-index .yacht-special-feature-icon, .yacht-index .yacht-special-feature-icon {
    position: relative;
    display: block;
    margin: 0 auto 25px;
    width: 215px;
    height: 215px;
    background-color: #1E344C;
    cursor: pointer;
    cursor: hand; }
  .sea-hawk-index .yacht-special-feature-icon .icon-mask,
  .sea-hawk-index .yacht-special-feature-icon .icon-image, .yacht-index .yacht-special-feature-icon .icon-mask,
  .yacht-index .yacht-special-feature-icon .icon-image {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }
  .sea-hawk-index .yacht-special-feature-icon .icon-mask, .yacht-index .yacht-special-feature-icon .icon-mask {
    background: url("/assets/images/icons/icon-mask.png") no-repeat center center; }
  @media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 1.5dppx) {
    .sea-hawk-index .yacht-special-feature-icon .icon-mask, .yacht-index .yacht-special-feature-icon .icon-mask {
      background-image: url("/assets/images/icons/icon-mask_x3.png");
      background-size: 215px 215px; } }
  @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
    .sea-hawk-index .yacht-special-feature-icon .icon-mask, .yacht-index .yacht-special-feature-icon .icon-mask {
      background-image: url("/assets/images/icons/icon-mask_x2.png"); } }
  @media screen and (-webkit-min-device-pixel-ratio: 3), screen and (min-resolution: 288dpi), screen and (min-resolution: 3dppx) {
    .sea-hawk-index .yacht-special-feature-icon .icon-mask, .yacht-index .yacht-special-feature-icon .icon-mask {
      background-image: url("/assets/images/icons/icon-mask_x3.png"); } }
  .sea-hawk-index .yacht-special-feature-icon .icon-image.satellite, .yacht-index .yacht-special-feature-icon .icon-image.satellite {
    background: url("/assets/images/icons/satellite.png") no-repeat center center; }
  @media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 1.5dppx) {
    .sea-hawk-index .yacht-special-feature-icon .icon-image.satellite, .yacht-index .yacht-special-feature-icon .icon-image.satellite {
      background-image: url("/assets/images/icons/satellite_x3.png");
      background-size: 160px 73px; } }
  @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
    .sea-hawk-index .yacht-special-feature-icon .icon-image.satellite, .yacht-index .yacht-special-feature-icon .icon-image.satellite {
      background-image: url("/assets/images/icons/satellite_x2.png"); } }
  @media screen and (-webkit-min-device-pixel-ratio: 3), screen and (min-resolution: 288dpi), screen and (min-resolution: 3dppx) {
    .sea-hawk-index .yacht-special-feature-icon .icon-image.satellite, .yacht-index .yacht-special-feature-icon .icon-image.satellite {
      background-image: url("/assets/images/icons/satellite_x3.png"); } }
  .sea-hawk-index .yacht-special-feature-icon .icon-image.helicopter, .yacht-index .yacht-special-feature-icon .icon-image.helicopter {
    background: url("/assets/images/icons/helicopter.png") no-repeat center center; }
  @media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 1.5dppx) {
    .sea-hawk-index .yacht-special-feature-icon .icon-image.helicopter, .yacht-index .yacht-special-feature-icon .icon-image.helicopter {
      background-image: url("/assets/images/icons/helicopter_x3.png");
      background-size: 34px 144px; } }
  @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
    .sea-hawk-index .yacht-special-feature-icon .icon-image.helicopter, .yacht-index .yacht-special-feature-icon .icon-image.helicopter {
      background-image: url("/assets/images/icons/helicopter_x2.png"); } }
  @media screen and (-webkit-min-device-pixel-ratio: 3), screen and (min-resolution: 288dpi), screen and (min-resolution: 3dppx) {
    .sea-hawk-index .yacht-special-feature-icon .icon-image.helicopter, .yacht-index .yacht-special-feature-icon .icon-image.helicopter {
      background-image: url("/assets/images/icons/helicopter_x3.png"); } }
  .sea-hawk-index .yacht-special-feature-icon .icon-image.sky_boat, .yacht-index .yacht-special-feature-icon .icon-image.sky_boat {
    background: url("/assets/images/icons/sky_boat.png") no-repeat 25px 50px; }
  @media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 1.5dppx) {
    .sea-hawk-index .yacht-special-feature-icon .icon-image.sky_boat, .yacht-index .yacht-special-feature-icon .icon-image.sky_boat {
      background-image: url("/assets/images/icons/sky_boat_x3.png");
      background-size: 277px 89px; } }
  @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
    .sea-hawk-index .yacht-special-feature-icon .icon-image.sky_boat, .yacht-index .yacht-special-feature-icon .icon-image.sky_boat {
      background-image: url("/assets/images/icons/sky_boat_x2.png"); } }
  @media screen and (-webkit-min-device-pixel-ratio: 3), screen and (min-resolution: 288dpi), screen and (min-resolution: 3dppx) {
    .sea-hawk-index .yacht-special-feature-icon .icon-image.sky_boat, .yacht-index .yacht-special-feature-icon .icon-image.sky_boat {
      background-image: url("/assets/images/icons/sky_boat_x3.png"); } }
  .sea-hawk-index .yacht-special-feature-icon .icon-image.sea_boat, .yacht-index .yacht-special-feature-icon .icon-image.sea_boat {
    background: url("/assets/images/icons/sea_boat.png") no-repeat 25px 60px; }
  @media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 1.5dppx) {
    .sea-hawk-index .yacht-special-feature-icon .icon-image.sea_boat, .yacht-index .yacht-special-feature-icon .icon-image.sea_boat {
      background-image: url("/assets/images/icons/sea_boat_x3.png");
      background-size: 288px 76px; } }
  @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
    .sea-hawk-index .yacht-special-feature-icon .icon-image.sea_boat, .yacht-index .yacht-special-feature-icon .icon-image.sea_boat {
      background-image: url("/assets/images/icons/sea_boat_x2.png"); } }
  @media screen and (-webkit-min-device-pixel-ratio: 3), screen and (min-resolution: 288dpi), screen and (min-resolution: 3dppx) {
    .sea-hawk-index .yacht-special-feature-icon .icon-image.sea_boat, .yacht-index .yacht-special-feature-icon .icon-image.sea_boat {
      background-image: url("/assets/images/icons/sea_boat_x3.png"); } }
  .sea-hawk-index .yacht-special-feature-icon .icon-image.cape_boat, .yacht-index .yacht-special-feature-icon .icon-image.cape_boat {
    background: url("/assets/images/icons/cape_boat.png") no-repeat 25px 58px; }
  @media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 1.5dppx) {
    .sea-hawk-index .yacht-special-feature-icon .icon-image.cape_boat, .yacht-index .yacht-special-feature-icon .icon-image.cape_boat {
      background-image: url("/assets/images/icons/cape_boat_x3.png");
      background-size: 260px 76px; } }
  @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
    .sea-hawk-index .yacht-special-feature-icon .icon-image.cape_boat, .yacht-index .yacht-special-feature-icon .icon-image.cape_boat {
      background-image: url("/assets/images/icons/cape_boat_x2.png"); } }
  @media screen and (-webkit-min-device-pixel-ratio: 3), screen and (min-resolution: 288dpi), screen and (min-resolution: 3dppx) {
    .sea-hawk-index .yacht-special-feature-icon .icon-image.cape_boat, .yacht-index .yacht-special-feature-icon .icon-image.cape_boat {
      background-image: url("/assets/images/icons/cape_boat_x3.png"); } }
  .sea-hawk-index .yacht-special-feature-icon .icon-image.power, .yacht-index .yacht-special-feature-icon .icon-image.power {
    background: url("/assets/images/icons/power.png") no-repeat -81px center; }
  @media screen and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-resolution: 144dpi), screen and (min-resolution: 1.5dppx) {
    .sea-hawk-index .yacht-special-feature-icon .icon-image.power, .yacht-index .yacht-special-feature-icon .icon-image.power {
      background-image: url("/assets/images/icons/power_x3.png");
      background-size: 216px 113px; } }
  @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
    .sea-hawk-index .yacht-special-feature-icon .icon-image.power, .yacht-index .yacht-special-feature-icon .icon-image.power {
      background-image: url("/assets/images/icons/power_x2.png"); } }
  @media screen and (-webkit-min-device-pixel-ratio: 3), screen and (min-resolution: 288dpi), screen and (min-resolution: 3dppx) {
    .sea-hawk-index .yacht-special-feature-icon .icon-image.power, .yacht-index .yacht-special-feature-icon .icon-image.power {
      background-image: url("/assets/images/icons/power_x3.png"); } }
  .sea-hawk-index .yacht-feature-dropdown, .yacht-index .yacht-feature-dropdown {
    position: relative;
    overflow: hidden;
    z-index: 1;
    background: #fff; }
  .sea-hawk-index .active .yacht-feature-dropdown, .yacht-index .active .yacht-feature-dropdown {
    z-index: 2; }
  .sea-hawk-index .yacht-feature-dropdown-inner, .yacht-index .yacht-feature-dropdown-inner {
    position: absolute;
    overflow: hidden;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  .sea-hawk-index .yacht-feature-dropdown-content, .yacht-index .yacht-feature-dropdown-content {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    padding: 80px 0;
    		/*top:50%; left:50%;
    		transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);
    */
    background: #1E344C; }
  .sea-hawk-index .yacht-feature-dropdown-inner, .yacht-index .yacht-feature-dropdown-inner {
    margin-top: 100px;
    margin-bottom: 80px; }
  @media screen and (max-width: 900px) {
    .sea-hawk-index .yacht-feature-dropdown-inner, .yacht-index .yacht-feature-dropdown-inner {
      margin-top: 50px;
      margin-bottom: 25px; } }
  @media screen and (max-width: 700px) {
    .sea-hawk-index .yacht-feature-dropdown-inner, .yacht-index .yacht-feature-dropdown-inner {
      margin-top: 25px;
      margin-bottom: 5px; } }
  .sea-hawk-index .yacht-feature-dropdown .close-btn, .yacht-index .yacht-feature-dropdown .close-btn {
    position: absolute;
    top: 20px;
    right: 20px; }
  .sea-hawk-index .yacht-feature-dropdown .padding, .yacht-index .yacht-feature-dropdown .padding {
    position: absolute;
    left: 0;
    right: 0;
    border-top: 20px solid #1E344C; }
  .sea-hawk-index .yacht-feature-dropdown .padding-top, .yacht-index .yacht-feature-dropdown .padding-top {
    top: 0; }
  .sea-hawk-index .yacht-feature-dropdown .padding-bottom, .yacht-index .yacht-feature-dropdown .padding-bottom {
    bottom: 0; }
  .sea-hawk-index .yacht-feature-dropdown-reveal, .yacht-index .yacht-feature-dropdown-reveal {
    height: 0px; }
  .sea-hawk-index .row-1 .yacht-feature-dropdown-reveal, .yacht-index .row-1 .yacht-feature-dropdown-reveal {
    height: 0px; }
  .sea-hawk-index .yacht-special-feature-image, .yacht-index .yacht-special-feature-image {
    position: relative;
    overflow: hidden;
    margin-top: 60px;
    margin-bottom: 20px; }
  .sea-hawk-index .yacht-special-feature-image:first-child, .yacht-index .yacht-special-feature-image:first-child {
    margin-top: 0;
    margin-bottom: 60px; }
  .sea-hawk-index .yacht-special-feature-image img, .yacht-index .yacht-special-feature-image img {
    display: block;
    max-width: 100%; }
  .sea-hawk-index .yacht-special-feature-image.align-fullwidth, .yacht-index .yacht-special-feature-image.align-fullwidth {
    margin-left: 0;
    margin-right: 0; }
  .sea-hawk-index .yacht-special-feature-image.align-fullwidth img, .yacht-index .yacht-special-feature-image.align-fullwidth img {
    width: 100%; }
  .sea-hawk-index .yacht-special-feature-image.align-center img, .yacht-index .yacht-special-feature-image.align-center img {
    margin-left: auto;
    margin-right: auto; }
  .sea-hawk-index .yacht-special-feature-image.align-left, .yacht-index .yacht-special-feature-image.align-left {
    margin-right: 60px; }
  .sea-hawk-index .yacht-special-feature-image.align-left img, .yacht-index .yacht-special-feature-image.align-left img {
    float: left;
    margin-left: 0; }
  .sea-hawk-index .yacht-special-feature-image.align-right, .yacht-index .yacht-special-feature-image.align-right {
    margin-left: 60px; }
  .sea-hawk-index .yacht-special-feature-image.align-right img, .yacht-index .yacht-special-feature-image.align-right img {
    float: right;
    margin-right: 0; }
  @media screen and (max-width: 1000px) {
    .sea-hawk-index .yacht-special-feature-image.align-center, .yacht-index .yacht-special-feature-image.align-center {
      margin-left: 40px;
      margin-right: 40px; }
    .sea-hawk-index .yacht-special-feature-image.align-left, .yacht-index .yacht-special-feature-image.align-left {
      margin-right: 40px; }
    .sea-hawk-index .yacht-special-feature-image.align-right, .yacht-index .yacht-special-feature-image.align-right {
      margin-left: 40px; } }
  @media screen and (max-width: 700px) {
    .sea-hawk-index .yacht-special-feature-image.align-center, .yacht-index .yacht-special-feature-image.align-center {
      margin-left: 20px;
      margin-right: 20px; }
    .sea-hawk-index .yacht-special-feature-image.align-left, .yacht-index .yacht-special-feature-image.align-left {
      margin-right: 20px; }
    .sea-hawk-index .yacht-special-feature-image.align-right, .yacht-index .yacht-special-feature-image.align-right {
      margin-left: 20px; } }
  .sea-hawk-index .yacht-special-feature-content, .yacht-index .yacht-special-feature-content {
    width: 448px;
    margin: 0 auto 40px; }
  .sea-hawk-index .yacht-special-feature-content h3, .yacht-index .yacht-special-feature-content h3 {
    margin-bottom: 10px; }
  .sea-hawk-index .yacht-special-feature-content h4, .yacht-index .yacht-special-feature-content h4 {
    margin-bottom: 5px; }
  .sea-hawk-index .yacht-special-feature-content img, .yacht-index .yacht-special-feature-content img {
    display: block; }
  @media screen and (max-width: 700px) {
    .sea-hawk-index .yacht-special-features .yacht-special-feature, .yacht-index .yacht-special-features .yacht-special-feature {
      width: 100%; }
    .sea-hawk-index .yacht-special-feature-content, .yacht-index .yacht-special-feature-content {
      width: 240px;
      padding-left: 20px;
      margin-right: 20px;
      margin-top: 50px; } }
  .sea-hawk-index .yacht-special-features.layout-even .col-count-1 .yacht-feature-dropdown,
  .sea-hawk-index .yacht-special-features.layout-even .col-count-2 .yacht-feature-dropdown,
  .sea-hawk-index .yacht-special-features.layout-odd .col-count-2 .yacht-feature-dropdown, .yacht-index .yacht-special-features.layout-even .col-count-1 .yacht-feature-dropdown,
  .yacht-index .yacht-special-features.layout-even .col-count-2 .yacht-feature-dropdown,
  .yacht-index .yacht-special-features.layout-odd .col-count-2 .yacht-feature-dropdown {
    width: 200%; }
  .sea-hawk-index .yacht-special-features.layout-odd .col-count-1 .yacht-feature-dropdown,
  .sea-hawk-index .yacht-special-features.layout-odd .col-count-2 .yacht-feature-dropdown,
  .sea-hawk-index .yacht-special-features.layout-odd .col-count-3 .yacht-feature-dropdown, .yacht-index .yacht-special-features.layout-odd .col-count-1 .yacht-feature-dropdown,
  .yacht-index .yacht-special-features.layout-odd .col-count-2 .yacht-feature-dropdown,
  .yacht-index .yacht-special-features.layout-odd .col-count-3 .yacht-feature-dropdown {
    width: 300%; }
  .sea-hawk-index .yacht-special-features.layout-even .col-count-2 .yacht-feature-dropdown,
  .sea-hawk-index .yacht-special-features.layout-odd .col-count-2 .yacht-feature-dropdown, .yacht-index .yacht-special-features.layout-even .col-count-2 .yacht-feature-dropdown,
  .yacht-index .yacht-special-features.layout-odd .col-count-2 .yacht-feature-dropdown {
    left: -100%; }
  .sea-hawk-index .yacht-special-features.layout-odd .col-count-3 .yacht-feature-dropdown, .yacht-index .yacht-special-features.layout-odd .col-count-3 .yacht-feature-dropdown {
    left: -200%; }
  @media screen and (max-width: 1000px) {
    .sea-hawk-index .yacht-special-features.layout-odd .col-count-1 .yacht-feature-dropdown,
    .sea-hawk-index .yacht-special-features.layout-odd .col-count-2 .yacht-feature-dropdown,
    .sea-hawk-index .yacht-special-features.layout-odd .col-count-3 .yacht-feature-dropdown, .yacht-index .yacht-special-features.layout-odd .col-count-1 .yacht-feature-dropdown,
    .yacht-index .yacht-special-features.layout-odd .col-count-2 .yacht-feature-dropdown,
    .yacht-index .yacht-special-features.layout-odd .col-count-3 .yacht-feature-dropdown {
      width: 200%; }
    .sea-hawk-index .yacht-special-features.layout-odd .col-count-3 .yacht-feature-dropdown, .yacht-index .yacht-special-features.layout-odd .col-count-3 .yacht-feature-dropdown {
      left: 0; } }
  @media screen and (max-width: 700px) {
    .sea-hawk-index .yacht-special-features.layout-even .col-count-1 .yacht-feature-dropdown,
    .sea-hawk-index .yacht-special-features.layout-even .col-count-2 .yacht-feature-dropdown,
    .sea-hawk-index .yacht-special-features.layout-odd .col-count-1 .yacht-feature-dropdown,
    .sea-hawk-index .yacht-special-features.layout-odd .col-count-2 .yacht-feature-dropdown,
    .sea-hawk-index .yacht-special-features.layout-odd .col-count-3 .yacht-feature-dropdown, .yacht-index .yacht-special-features.layout-even .col-count-1 .yacht-feature-dropdown,
    .yacht-index .yacht-special-features.layout-even .col-count-2 .yacht-feature-dropdown,
    .yacht-index .yacht-special-features.layout-odd .col-count-1 .yacht-feature-dropdown,
    .yacht-index .yacht-special-features.layout-odd .col-count-2 .yacht-feature-dropdown,
    .yacht-index .yacht-special-features.layout-odd .col-count-3 .yacht-feature-dropdown {
      width: 100%;
      left: 0; } }
  .sea-hawk-index .yacht-gallery-item, .yacht-index .yacht-gallery-item {
    display: block;
    position: relative;
    margin-bottom: 20px; }
  .sea-hawk-index .yacht-gallery-item img, .yacht-index .yacht-gallery-item img {
    display: block;
    width: 100%;
    height: auto; }
  .sea-hawk-index .yacht-gallery-item:hover .gallery-item-overlay, .yacht-index .yacht-gallery-item:hover .gallery-item-overlay {
    opacity: 1; }
  .sea-hawk-index .yacht-gallery-item .gallery-item-overlay, .yacht-index .yacht-gallery-item .gallery-item-overlay {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("/assets/images/overlay_bg.png") repeat center center;
    transition: opacity 0.4s ease-in-out;
    cursor: pointer; }
  .sea-hawk-index .gallery-item-overlay .overlay-plus, .yacht-index .gallery-item-overlay .overlay-plus {
    width: 100%;
    height: 100%;
    background: url("/assets/images/overlay_plus.png") no-repeat center center; }
  .sea-hawk-index .yacht-specs-diagram, .yacht-index .yacht-specs-diagram {
    margin: 60px 0 60px; }
  .sea-hawk-index .yacht-specs-diagram-desktop, .yacht-index .yacht-specs-diagram-desktop {
    /*width:684px; height:219px;*/ }
  .sea-hawk-index .yacht-specs-diagram-tablet, .yacht-index .yacht-specs-diagram-tablet {
    display: none;
    /*width:450px; height:145px;*/ }
  .sea-hawk-index .yacht-specs-diagram-mobile, .yacht-index .yacht-specs-diagram-mobile {
    display: none;
    /*width:280px; height:90px;*/ }
  @media screen and (max-width: 1000px) {
    .sea-hawk-index .yacht-specs-diagram, .yacht-index .yacht-specs-diagram {
      display: none; }
    .sea-hawk-index .yacht-specs-diagram-tablet, .yacht-index .yacht-specs-diagram-tablet {
      display: block; } }
  @media screen and (max-width: 700px) {
    .sea-hawk-index .yacht-specs-diagram, .yacht-index .yacht-specs-diagram {
      display: none; }
    .sea-hawk-index .yacht-specs-diagram-mobile, .yacht-index .yacht-specs-diagram-mobile {
      display: block; } }
  .sea-hawk-index .yacht-tech-specs .yacht-spec-items, .yacht-index .yacht-tech-specs .yacht-spec-items {
    padding-top: 18px; }
  .sea-hawk-index .yacht-tech-specs .yacht-spec-item, .yacht-index .yacht-tech-specs .yacht-spec-item {
    position: relative;
    border-top: 1px solid #1E344C;
    margin-bottom: 20px; }
  .sea-hawk-index .yacht-tech-specs .yacht-spec-item .label,
  .sea-hawk-index .yacht-tech-specs .yacht-spec-item .value, .yacht-index .yacht-tech-specs .yacht-spec-item .label,
  .yacht-index .yacht-tech-specs .yacht-spec-item .value {
    position: relative;
    background: #fff;
    margin: -14px 0 0;
    display: block;
    float: left;
    clear: none; }
  .sea-hawk-index .yacht-tech-specs .yacht-spec-item .label, .yacht-index .yacht-tech-specs .yacht-spec-item .label {
    left: 0;
    max-width: 50%; }
  .sea-hawk-index .yacht-tech-specs .yacht-spec-item .value, .yacht-index .yacht-tech-specs .yacht-spec-item .value {
    float: right;
    right: 0;
    width: 46%;
    text-align: left; }
  .sea-hawk-index .lang-ru .yacht-tech-specs .yacht-spec-item .label,
  .sea-hawk-index .lang-ru .yacht-tech-specs .yacht-spec-item .value, .yacht-index .lang-ru .yacht-tech-specs .yacht-spec-item .label,
  .yacht-index .lang-ru .yacht-tech-specs .yacht-spec-item .value {
    margin-top: -12px; }

/*--- TEMP ---*/
.hawk-quest {
  /*
  .page-header .tertiary .main-menu li:not(.back){
  	display:none !important;
  }
  */ }
  .hawk-quest .page-header .sub-menu li:nth-child(2) .size {
    margin-right: 29px; }
  .hawk-quest .page-header .sub-menu li:nth-child(2) .weight {
    margin-right: 0;
    width: auto; }

.yachts-zhawk-quest .side-menu {
  display: none; }

/*
--------------------
YACHTS: INTRO
--------------------
*/
.yacht-intro {
  	/*
  	@media all
  	and (max-width:1000px)
  	and (orientation: landscape)
  	{
  		$backgroundHeight: 70vh;
  		$contentHeight: (100vh - $backgroundHeight);
  
  		.background{
  			height:$backgroundHeight;
  		}
  
  		.intro-content{
  			//top:$backgroundHeight;
  			min-height:$contentHeight;
  		}
  	}
  	*/ }
  .yacht-intro .background {
    position: fixed; }
  .yacht-intro .intro-header {
    float: none;
    width: 560px;
    max-width: calc(100% - 60px);
    margin: 30px 30px 30px; }
    @media (min-width: 1001px) {
      .yacht-intro .intro-header {
        position: absolute;
        margin: 50px 50px 50px;
        max-width: calc(100% - 100px); } }
    .yacht-intro .intro-header h1 {
      text-shadow: 0 0 4px rgba(0, 0, 0, 0.5); }
    .yacht-intro .intro-header .main {
      width: 620px;
      max-width: 100%; }
      .yacht-intro .intro-header .main p:not(.footer-link) {
        text-shadow: 0 0 4px black; }
      .yacht-intro .intro-header .main .footer-link {
        text-shadow: 0 0 4px rgba(0, 0, 0, 0.7); }
    .yacht-intro .intro-header:not(.bottom-right):not(.bottom-left) {
      top: 10%; }
    .yacht-intro .intro-header.bottom-right, .yacht-intro .intro-header.right {
      right: 0; }
    .yacht-intro .intro-header.bottom-left, .yacht-intro .intro-header.bottom-right, .yacht-intro .intro-header.bottom {
      bottom: 0; }
    .yacht-intro .intro-header a {
      display: block;
      font-family: "Avenir LT W01_95 Black", Helvetica, Arial, sans-serif; }
  @media (max-width: 1000px) {
    .yacht-intro.header-offset {
      padding-top: 0; }
    .yacht-intro .background {
      position: relative;
      z-index: 1;
      height: auto;
      min-height: 260px;
      max-height: 80vh; }
      .yacht-intro .background:before {
        content: "";
        display: block;
        padding-top: 75%; }
    .yacht-intro .intro-content {
      position: relative;
      width: 100%;
      max-width: 600px;
      margin: 0 0 0;
      padding: 30px 20px 30px;
      box-sizing: border-box; }
    .yacht-intro .menu-vignette {
      display: none; } }

/*
--------------------
YACHTS: LOCATION
--------------------
*/
.yacht-location .header {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin: 0 0 60px;
  text-align: center;
  color: #fff; }
  .yacht-location .header h2 {
    font: 70px/1 "ITCCaslon224W01-Medium", Georgia, "Times New Roman", serif; }
  .yacht-location .header .subtitle {
    font: 18px/1 "Avenir LT W01_85 Light", Helvetica, Arial, sans-serif;
    letter-spacing: 3px;
    text-transform: uppercase; }
.yacht-location.template-a-bold h3 {
  font-family: "ITCCaslon224W01-Medium", Georgia, "Times New Roman", serif;
  font-size: 35px;
  line-height: 40px;
  text-transform: none; }

.side-menu {
  position: fixed;
  z-index: 10;
  bottom: 0;
  right: 0;
  width: 220px;
  font-size: 15px;
  line-height: 21px;
  color: #fff;
  border-left: 1px solid #fff;
  border-left-color: rgba(255, 255, 255, 0.5);
  padding: 0 0 20px;
  box-sizing: border-box;
  transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  /*
   * Mobile features menu
   */ }
  @media only screen and (max-width: 1650px) {
    .side-menu {
      width: 190px; } }
  .side-menu .main {
    padding-left: 20px; }
    .side-menu .main ul {
      margin: 0 0 0; }
    .side-menu .main li {
      list-style: none;
      margin: 0 0 10px; }
      @media only screen and (max-width: 1650px) {
        .side-menu .main li {
          letter-spacing: -0.5px; } }
      @media only screen and (max-height: 700px) {
        .side-menu .main li {
          margin-bottom: 4px; } }
      @media only screen and (max-height: 600px) {
        .side-menu .main li {
          margin-bottom: 0px; } }
    .side-menu .main a {
      color: #fff;
      color: rgba(255, 255, 255, 0.5);
      -moz-transition: color .3s ease-in-out;
      -o-transition: color .3s ease-in-out;
      -webkit-transition: color .3s ease-in-out;
      transition: color .3s ease-in-out;
      cursor: pointer;
      padding: 10px 0px; }
    .side-menu .main li.selected a, .side-menu .main a:hover {
      color: #fff;
      color: white; }
  .side-menu.dark {
    color: #1E344C;
    border-left-color: #1E344C; }
    .side-menu.dark a {
      color: #1E344C; }
    .side-menu.dark li.selected a, .side-menu.dark a:hover {
      color: #F26531; }
  .side-menu h4 {
    font: 15px/1 "Avenir LT W01_85 Heavy", Helvetica, Arial, sans-serif;
    margin: 0 0 10px;
    text-transform: uppercase; }
  .side-menu .back-link {
    display: block;
    margin: 32px 0 0;
    text-transform: uppercase; }
    .side-menu .back-link .icon {
      display: block;
      width: 44px;
      height: 11px;
      position: relative; }
      .side-menu .back-link .icon:before, .side-menu .back-link .icon:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100%;
        -moz-transition: opacity .3s linear;
        -o-transition: opacity .3s linear;
        -webkit-transition: opacity .3s linear;
        transition: opacity .3s linear; }
      .side-menu .back-link .icon:before {
        background-image: url(/assets/images/icons/arrow-elongated.xsvg?symbol=right&colour=1E344C); }
      .side-menu .back-link .icon:after {
        opacity: 0;
        background-image: url(/assets/images/icons/arrow-elongated.xsvg?symbol=right&colour=F26531); }
    .side-menu .back-link:hover .icon:before {
      opacity: 0; }
    .side-menu .back-link:hover .icon:after {
      opacity: 1; }
  @media only screen and (max-width: 1000px) {
    .side-menu {
      position: fixed;
      overflow: hidden;
      height: 0;
      max-height: calc(100% - 90px);
      overflow-y: auto;
      bottom: 74px;
      left: 50%;
      transform: translateX(-50%);
      right: auto;
      width: calc(56.25% + 100px);
      max-width: 360px;
      background: white;
      padding: 0;
      z-index: 10;
      border: 0;
      box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); }
      .side-menu .main {
        padding-top: 20px;
        padding-bottom: 20px; }
      .side-menu .back-link {
        display: none; } }
  .side-menu.light {
    color: #fff;
    border-left: 2px solid #fff; }
    .side-menu.light a {
      color: #808184; }
    .side-menu.light.selected a, .side-menu.light a:hover {
      color: #fff; }
    .side-menu.light .back-link .icon:before {
      background-image: url(/assets/images/icons/arrow-elongated.xsvg?symbol=right&colour=808184); }
    .side-menu.light .back-link .icon:after {
      background-image: url(/assets/images/icons/arrow-elongated.xsvg?symbol=right&colour=fff); }

.globe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.yachts-banner {
  width: 100%;
  height: 90%;
  position: relative; }
  .yachts-banner h1, .yachts-banner .intro-sub {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 25px;
    bottom: 30px;
    text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.8); }
  .yachts-banner h1 {
    font: 70px/90px "ITCCaslon224W01-Medium", Georgia, "Times New Roman", serif;
    bottom: 120px; }
    @media only screen and (max-width: 1000px) {
      .yachts-banner h1 {
        font: 60px/70px "ITCCaslon224W01-Medium", Georgia, "Times New Roman", serif; } }
    @media only screen and (max-width: 700px) {
      .yachts-banner h1 {
        font: 50px/55px "ITCCaslon224W01-Medium", Georgia, "Times New Roman", serif; } }
    @media only screen and (max-width: 480px) {
      .yachts-banner h1 {
        font: 45px/50px "ITCCaslon224W01-Medium", Georgia, "Times New Roman", serif; } }

.nfeature {
  /*background:#F0F0F0;*/ }
  .nfeature:after {
    content: '';
    display: block;
    clear: both; }

.nfeature img {
  width: 100%; }

.feature-details {
  font-size: 15px;
  line-height: 21px; }
  .feature-details p {
    /*margin-bottom: 10px;*/ }

.feature-overlap {
  margin-top: -10vw; }
  @media all and (max-width: 1000px) {
    .feature-overlap.feature-overlap-t-0 {
      margin-top: 0; } }
  @media all and (max-width: 900px) {
    .feature-overlap.feature-overlap-p-0 {
      margin-top: 0; } }
  @media all and (max-width: 700px) {
    .feature-overlap.feature-overlap-m-0 {
      margin-top: 0; } }
  @media all and (max-width: 480px) {
    .feature-overlap {
      margin-top: 0; } }

.feature-above-overlap {
  margin-bottom: calc(10vw + 30px);
  float: right; }

.feature-intro {
  margin-top: 50px; }

.feature-gap {
  margin-bottom: 150px; }
  @media only screen and (max-width: 900px) {
    .feature-gap {
      margin-bottom: 100px; } }
  @media only screen and (max-width: 700px) {
    .feature-gap {
      margin-bottom: 50px; } }
  @media only screen and (max-width: 700px) {
    .feature-gap {
      margin-bottom: 30px; } }

.bring-forward-1 {
  position: relative;
  z-index: 1; }

/*
--------------------
FEATURE: FOOTER MENU
--------------------
*/
.features-footer-menu {
  position: fixed;
  z-index: 10;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: calc(56.25% + 140px);
  max-width: 400px;
  box-sizing: border-box; }
  @media all and (min-width: 1001px) {
    .features-footer-menu {
      display: none; } }
  .features-footer-menu, .features-footer-menu a, .features-footer-menu a:active {
    color: #1E344C; }
  .features-footer-menu .main {
    white-space: nowrap;
    margin: 20px 20px;
    line-height: 54px;
    height: 54px;
    vertical-align: middle;
    background: #fff;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); }
    .features-footer-menu .main:after {
      content: '';
      display: block;
      clear: both; }
  .features-footer-menu .controls-left:after, .features-footer-menu .controls-right:after {
    content: '';
    display: block;
    clear: both; }
  .features-footer-menu .controls-left {
    float: left;
    margin-left: 15px; }
  .features-footer-menu .controls-right {
    float: right;
    margin-right: 15px; }
  .features-footer-menu .middle {
    overflow: hidden;
    margin: 0 15px;
    text-align: center; }
    .features-footer-menu .middle > div {
      display: inline-block;
      vertical-align: middle; }
    .features-footer-menu .middle .label {
      font-size: 12px;
      line-height: 1;
      max-width: calc(100% - 16px);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      text-transform: uppercase;
      box-sizing: border-box;
      cursor: pointer;
      cursor: hand; }
  .features-footer-menu .control {
    display: inline-block;
    vertical-align: middle; }
    .features-footer-menu .control.back a, .features-footer-menu .control.prev a, .features-footer-menu .control.next a, .features-footer-menu .control.list a {
      display: block;
      width: 100%;
      height: 100%;
      background-position: center center;
      background-repeat: no-repeat; }
    .features-footer-menu .control.back {
      width: 28px;
      height: 28px; }
      .features-footer-menu .control.back a {
        background-image: url("/assets/images/icons/feature-back.svg"); }
    .features-footer-menu .control.prev, .features-footer-menu .control.next {
      width: 28px;
      height: 28px; }
    .features-footer-menu .control.prev a {
      background-image: url("/assets/images/icons/feature-arrow-left.svg"); }
    .features-footer-menu .control.next a {
      background-image: url("/assets/images/icons/feature-arrow-right.svg"); }
    .features-footer-menu .control.list {
      width: 28px;
      height: 28px; }
      .features-footer-menu .control.list a {
        background-image: url("/assets/images/icons/feature-list.svg"); }

/*
--------------------
YACHTS: GALLERY
--------------------
*/
.yacht-gallery .gallery .image-row:after {
  content: '';
  display: block;
  clear: both; }
.yacht-gallery .gallery .item {
  cursor: pointer;
  cursor: hand; }
.yacht-gallery .gallery img {
  display: block;
  width: 100%;
  height: auto; }

/*
--------------------
YACHTS: PHILOSOPHY
--------------------
*/
.yacht-philosophy .philosophy:after {
  content: '';
  display: block;
  clear: both; }
.yacht-philosophy .philosophy .item {
  padding: 20px 0 0;
  border-top: 1px solid #fff;
  font-size: 15px; }
  .yacht-philosophy .philosophy .item:after {
    content: '';
    display: block;
    clear: both; }
.yacht-philosophy .philosophy .main {
  margin-bottom: 0; }

/*
--------------------
YACHTS: DETAILS
--------------------
*/
.yacht-details .ga-plans h3 {
  font-size: 15px; }
.yacht-details .ga-plans .image {
  position: relative; }
  .yacht-details .ga-plans .image img {
    display: block;
    max-width: 100%; }
.yacht-details .specifications:after {
  content: '';
  display: block;
  clear: both; }
.yacht-details .specifications .specs {
  padding-top: 18px; }
  .yacht-details .specifications .specs:after {
    content: '';
    display: block;
    clear: both; }
  .yacht-details .specifications .specs .item {
    position: relative;
    border-top: 1px solid #1E344C;
    margin-bottom: 25px; }
    .yacht-details .specifications .specs .item:after {
      content: '';
      display: block;
      clear: both; }
    .yacht-details .specifications .specs .item .label, .yacht-details .specifications .specs .item .value {
      position: relative;
      background: #fff;
      margin: -20px 0 0;
      display: block;
      float: left;
      clear: none; }
    .yacht-details .specifications .specs .item .label {
      left: 0;
      max-width: 70%; }
    .yacht-details .specifications .specs .item .value {
      float: right;
      right: 0;
      width: 30%;
      text-align: left; }
    .lang-ru .yacht-details .specifications .specs .item .label, .lang-ru .yacht-details .specifications .specs .item .value {
      margin-top: -12px; }

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none; }

.pswp * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.pswp img {
  max-width: none; }

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--open {
  display: block; }

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #1e344c;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0; }

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none; }

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden; }

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0; }

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden; }

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222; }

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0; }

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC; }

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline; }

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

Contents:

1. Buttons
2. Share modal and links
3. Index indicator ("1 of X" counter)
4. Caption
5. Loading indicator
6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*

1. Buttons

*/
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-box-shadow: none;
  box-shadow: none; }

.pswp__button:focus,
.pswp__button:hover {
  opacity: 1; }

.pswp__button:active {
  outline: none;
  opacity: 0.9; }

.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0; }

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1; }

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(/cssjs/lib/default-skin/default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px; }

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(/cssjs/lib/default-skin/default-skin.svg); }

  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none; } }
.pswp__button--close {
  background-position: 0 -44px; }

.pswp__button--share {
  background-position: -44px -44px; }

.pswp__button--fs {
  display: none; }

.pswp--supports-fs .pswp__button--fs {
  display: block; }

.pswp--fs .pswp__button--fs {
  background-position: -44px 0; }

.pswp__button--zoom {
  display: none;
  background-position: -88px 0; }

.pswp--zoom-allowed .pswp__button--zoom {
  display: block; }

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0; }

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden; }

/*
Arrow buttons hit area
(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute; }

.pswp__button--arrow--left {
  left: 0; }

.pswp__button--arrow--right {
  right: 0; }

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute; }

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px; }

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px; }

  /*

  2. Share modal/popup and links

  */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__share-modal--hidden {
  display: none; }

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform; }

.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px; }

.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #000; }

.pswp__share-tooltip a:first-child {
  /* round corners on the first/last list item */
  border-radius: 2px 2px 0 0; }

.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px; }

.pswp__share-modal--fade-in {
  opacity: 1; }

.pswp__share-modal--fade-in .pswp__share-tooltip {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px; }

a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none; }

a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF; }

a.pswp__share--facebook:hover:before {
  border-bottom-color: #3E5C9A; }

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF; }

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D; }

a.pswp__share--download:hover {
  background: #DDD; }

  /*

  3. Index indicator ("1 of X" counter)

  */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px; }

  /*

  4. Caption

  */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px; }

.pswp__caption small {
  font-size: 11px;
  color: #BBB; }

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC; }

.pswp__caption--empty {
  display: none; }

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden; }

  /*

  5. Loading indicator (preloader)

  You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

  */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr; }

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px; }

.pswp__preloader--active {
  opacity: 1; }

.pswp__preloader--active .pswp__preloader__icn {
  /* We use .gif in browsers that don't support CSS animation */
  background: url(preloader.gif) 0 0 no-repeat; }

.pswp--css_animation .pswp__preloader--active {
  opacity: 1; }

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  -webkit-animation: clockwise 500ms linear infinite;
  animation: clockwise 500ms linear infinite; }

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0; }

.pswp--css_animation .pswp__preloader__cut {
  /*
  The idea of animating inner circle is based on Polymer ("material") loading indicator
  by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
  */
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden; }

.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0; }

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right; } }
@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0); } }
@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0); } }
  /*

  6. Additional styles

  */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550; }

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%; }

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible; }

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5); }

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3); }

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0; }

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0; }

/*
pswp__ui--hidden class is added when controls are hidden
e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001; }

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none; }

.pswp__element--disabled {
  display: none !important; }

.pswp--minimal--dark .pswp__top-bar {
  background: none; }