/*
Colors
@pink: #b71f67;
@gray: #a9a6a0;
@gray-d: #696660;
@gray-l: #f2f0ec;
@orange: #ff9200;
@green: #309b96;
@yellow: #f7ffd8;
@blue: #153c66;
@blue-d: #283645;
*/
/* Fonts */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Roboto+Slab:400');
@font-face {
font-family: 'Sumdog';
src: url('../fonts/Sumdog.eot') format('embedded-opentype');
src: url('../fonts/Sumdog.eot') format('embedded-opentype'),
url('../fonts/Sumdog.woff') format('woff'),
url('../fonts/Sumdog.ttf') format('truetype'),
url('../fonts/Sumdog.svg#Sumdog') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'icon-font';
src: url('../fonts/icon-font.eot') format('embedded-opentype');
src: url('../fonts/icon-font.eot') format('embedded-opentype'),
url('../fonts/icon-font.woff2') format('woff2'),
url('../fonts/icon-font.woff') format('woff'),
url('../fonts/icon-font.ttf') format('truetype'),
url('../fonts/icon-font.svg') format('svg');
font-weight: normal;
font-style: normal;
}
/* Basic and reset */
html { -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 10px; width: 100%; overflow-x: hidden;}
body{ font-size: 18px; width: 100%; overflow-x: hidden; color: #696660; font-family: 'Open Sans', sans-serif;}
*, *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; font-family: inherit;}
body, h1, h2, h3, h4, h5, h6, p, ol, ul { margin: 0; padding: 0; font-weight: 300; }
ol, ul { list-style: none; }
img { max-width: 100%; height: auto; }
q{ font-family: 'Roboto Slab', sans-serif; font-weight: 400; }
a{text-decoration: none; cursor: pointer; color: inherit;}
.wrap{display: block; margin:0 auto; max-width: 1000px; width: 95%;}
p a{text-decoration: underline; color: #0096d6;}
/* Animations */
@-webkit-keyframes fadeInUp {
0% { opacity:0; -webkit-transform: translate3d(0, 5%, 0); transform: translate3d(0, 5%, 0); }
100% { opacity:1; -webkit-transform: none; transform: none; }
}
@keyframes fadeInUp {
0% { opacity:0; -webkit-transform: translate3d(0, 5%, 0); transform: translate3d(0, 5%, 0); }
100% { opacity:1; -webkit-transform: none; transform: none; }
}
@-webkit-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
/* General */
/* Icones */
[class^="icon-"]:before,
[class*=" icon-"]:before {
display: inline-block; text-decoration: inherit;
font-family: "icon-font"; font-style: normal; font-weight: normal; speak: none;
text-align: center; font-variant: normal; text-transform: none; line-height: 1;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.icon-award:before { content: '\e828'; }
.icon-balance-right:before { content: '\e827'; }
.icon-balance:before { content: '\e816'; }
.icon-bell:before { content: '\f0f3'; }
.icon-book:before { content: '\f02d'; }
.icon-calculator:before { content: '\f1ec'; }
.icon-chalkboard:before { content: '\e81c'; }
.icon-chart-barchart:before { content: '\e817'; }
.icon-chart-line:before { content: '\e800'; }
.icon-chart-linechart:before { content: '\e813'; }
.icon-chart-pie:before { content: '\f200'; }
.icon-check:before { content: '\f00c'; }
.icon-comment:before { content: '\e82c'; }
.icon-comments:before { content: '\e82b'; }
.icon-correlated:before { content: '\e814'; }
.icon-cube:before { content: '\f1b2'; }
.icon-cubes:before { content: '\e839'; }
.icon-desktop:before { content: '\e834'; }
.icon-envelope:before { content: '\e826'; }
.icon-exclamation-circle:before { content: '\e824'; }
.icon-exclamation-triangle:before { content: '\e823'; }
.icon-eye:before { content: '\f06e'; }
.icon-file-certificate:before { content: '\e83e'; }
.icon-file-check:before { content: '\f316'; }
.icon-globe:before { content: '\e818'; }
.icon-graduation-cap:before { content: '\f19d'; }
.icon-hand-point-up:before { content: '\f0a6'; }
.icon-hands-help:before { content: '\e83b'; }
.icon-headphones:before { content: '\e832'; }
.icon-home:before { content: '\e82f'; }
.icon-id-badge:before { content: '\e81d'; }
.icon-info-circle:before { content: '\e822'; }
.icon-jigsaw:before { content: '\f12e'; }
.icon-key:before { content: '\e83a'; }
.icon-laptop:before { content: '\e833'; }
.icon-lightbulb:before { content: '\f0eb'; }
.icon-mobile:before { content: '\e831'; }
.icon-page-with-checkmark:before { content: '\f316'; }
.icon-paper-plane:before { content: '\e82a'; }
.icon-paw:before { content: '\f1b0'; }
.icon-pen:before { content: '\e829'; }
.icon-pencil-alt:before { content: '\f303'; }
.icon-pencil:before { content: '\f303'; }
.icon-pie-chart:before { content: '\f200'; }
.icon-play:before { content: '\e801'; }
.icon-plus-circle:before { content: '\f055'; }
.icon-plus-in-circle:before { content: '\f055'; }
.icon-pointing-up:before { content: '\f0a6'; }
.icon-puzzle-piece:before { content: '\f12e'; }
.icon-question-circle:before { content: '\e800'; }
.icon-question:before { content: '\e820'; }
.icon-school:before { content: '\e82e'; }
.icon-search:before { content: '\f002'; }
.icon-sign-in:before { content: '\e81f'; }
.icon-sitemap:before { content: '\e819'; }
.icon-sliders-v:before { content: '\f3f1'; }
.icon-sort-up:before { content: '\e83f'; }
.icon-tablet:before { content: '\e830'; }
.icon-tachometer:before { content: '\e825'; }
.icon-tasklist:before { content: '\e81b'; }
.icon-teacher-hat:before { content: '\f19d'; }
.icon-thermometer-three-quarters:before { content: '\f2c8'; }
.icon-thumbtack:before { content: '\e81a'; }
.icon-trophy:before { content: '\e83d'; }
.icon-university:before { content: '\e82d'; }
.icon-user-1:before { content: '\e837'; }
.icon-user-2:before { content: '\e835'; }
.icon-user-3:before { content: '\e838'; }
.icon-user-circle:before { content: '\e83c'; }
.icon-user-graduate:before { content: '\e836'; }
.icon-user-secret:before { content: '\e81e'; }
.icon-vertical-sliders:before { content: '\f3f1'; }
.icon-x:before, .icon-backslash:before{ content: '\2718'; font-family: 'Sumdog'; }
.icon-check:before, .icon-bar:before{ content: '\2713'; font-family: 'Sumdog'; }
.premium_flag{display: inline-block; cursor: pointer; position: relative; text-decoration: none !important; height: 16px; width: 5px; line-height: 16px; vertical-align: super;}
.premium_flag:after { content: '\2605'; font-size: 16px; line-height: 16px; color: #d47b1d; position: absolute; top: 0; left: 0;}
.premium_flag:hover:before { content: 'PREMIUM'; position: absolute; left: -5px; top: -3px; font-size: 12px; font-weight: 600; color: #696660; background: #fff; border: 1px solid #c9c6c0; padding: 4px 10px 3px 20px; }
/* Buttons */
.bt,.button,button,input[type="submit"]{
color: #fff; background: #309b96; border-radius: 200px; border: 0; outline: 0;
font-size: 1.1em; font-weight: 400; text-decoration: none;
display: inline-block; padding: .6em 1.25em; cursor: pointer;
-webkit-box-shadow: 2px 4px 1px rgba(0,0,0,0.1);
box-shadow: 2px 4px 1px rgba(0,0,0,0.1);
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.bt:hover,.button:hover,button:hover,input[type="submit"]:hover{-webkit-transform: translate(0,-3px);-ms-transform: translate(0,-3px);transform: translate(0,-3px); -webkit-box-shadow: 2px 7px 4px rgba(0,0,0,0.1); box-shadow: 2px 7px 4px rgba(0,0,0,0.1);}
.cancel{
border-radius: 200px; border: 2px solid; outline: 0;
font-size: 1.1em; font-weight: 400; text-decoration: none;
display: inline-block; padding: .6em 1.25em; cursor: pointer;
-webkit-box-shadow: 2px 4px 1px rgba(0,0,0,0.1);
box-shadow: 2px 4px 1px rgba(0,0,0,0.1);
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.cancel:hover{-webkit-transform: translate(0,-3px);-ms-transform: translate(0,-3px);transform: translate(0,-3px); -webkit-box-shadow: 2px 7px 4px rgba(0,0,0,0.1); box-shadow: 2px 7px 4px rgba(0,0,0,0.1);}
/* Helpers */
.tc{text-align: center;}
.relative{position: relative;}
input[type="checkbox"].toggler{display: none;}
input[type="checkbox"].toggler:checked + *{display: block;}
.aligncenter{display: block; margin: 0 auto;}
/* Expander */
.expander input[type="checkbox"].toggler:checked ~ .expanderbt{display: none;}
.expander-content{display: none; -webkit-animation: fadeIn .4s both; animation: fadeIn .4s both;}
.expanderbt{display: block; font-weight: 700; cursor: pointer;}
/* Modal */
.modal{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; -webkit-animation: fadeIn .2s backwards; animation: fadeIn .2s backwards; }
.modal > div {display: table; width: 100%; height: 100%; }
.modal > div > div{display: table-cell; vertical-align: middle;}
.modal > div > div > label{position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.31);}
.modal > div > div > div{
position: relative; z-index: 2; display: block; margin: 2rem auto; max-width: 800px; width: 90%; padding: 3rem;
background: #f2f0ec; color: #444; max-height: 500px; max-height: 90vh; overflow: auto; border-radius: .5rem;
-webkit-animation: fadeInUp .4s backwards;
animation: fadeInUp .4s backwards;
}
.modal .close{position: absolute; top: 0; right: 1rem; left: auto; font-size: 3em; font-weight: 400; line-height: 1; cursor: pointer;}
/* Lists */
ol{ counter-reset:bignumberlist; margin:2rem auto; max-width:600px;}
ol li{ list-style-type:none; text-align:left; display:block; margin:1em 0 2em; padding-left: 80px; position: relative;}
ol li:before{
counter-increment:bignumberlist; content:counter(bignumberlist);
width:64px; height:64px; position: absolute; left: 0; top: -16px;
line-height:64px; font-size:40px; text-align:center; font-weight:700; color:rgba(255,255,255,.7);
background-image:url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 50' style='position: absolute; z-index: -1; width: 100%25; height: 100%25; left: 0; right: 0; top: 0; bottom: 0;'%3E%3Cdefs%3E%3CclipPath id='menu-login-svg-front-clip'%3E%3Cpolygon points='0 3 100 0 97 46 3 48'%3E%3C/polygon%3E%3C/clipPath%3E%3CclipPath id='menu-login-svg-mid-clip'%3E%3Cpolygon points='0 0 100 0 100 50 0 50'%3E%3C/polygon%3E%3C/clipPath%3E%3CclipPath id='menu-login-svg-back-clip'%3E%3Cpolygon points='0 0 100 0 100 50 0 50'%3E%3C/polygon%3E%3Cpolygon points='0 3 100 0 97 46 3 48'%3E%3C/polygon%3E%3C/clipPath%3E%3C/defs%3E%3Cg%3E%3Crect class='back' width='100%25' height='100%25' clip-path='url(%23menu-login-svg-mid-clip)' style=' display: none;'%3E%3C/rect%3E%3Cg clip-path='url(%23menu-login-svg-mid-clip)'%3E%3Crect width='100%25' height='100%25' clip-path='url(%23menu-login-svg-front-clip)' fill='rgba(0,0,0,0.1)' style='transform: translate(0,15px);'%3E%3C/rect%3E%3C/g%3E%3Crect class='front' width='100%25' height='100%25' clip-path='url(%23menu-login-svg-front-clip)' style=' fill: %23b71f67; '%3E%3C/rect%3E%3C/g%3E%3C/svg%3E");
}
ol li:nth-of-type(3n+2):before{ background-image:url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 50' style='position: absolute; z-index: -1; width: 100%25; height: 100%25; left: 0; right: 0; top: 0; bottom: 0;'%3E%3Cdefs%3E%3CclipPath id='menu-login-svg-front-clip'%3E%3Cpolygon points='0 3 100 0 97 46 3 48'%3E%3C/polygon%3E%3C/clipPath%3E%3CclipPath id='menu-login-svg-mid-clip'%3E%3Cpolygon points='0 0 100 0 100 50 0 50'%3E%3C/polygon%3E%3C/clipPath%3E%3CclipPath id='menu-login-svg-back-clip'%3E%3Cpolygon points='0 0 100 0 100 50 0 50'%3E%3C/polygon%3E%3Cpolygon points='0 3 100 0 97 46 3 48'%3E%3C/polygon%3E%3C/clipPath%3E%3C/defs%3E%3Cg%3E%3Crect class='back' width='100%25' height='100%25' clip-path='url(%23menu-login-svg-mid-clip)' style=' display: none;'%3E%3C/rect%3E%3Cg clip-path='url(%23menu-login-svg-mid-clip)'%3E%3Crect width='100%25' height='100%25' clip-path='url(%23menu-login-svg-front-clip)' fill='rgba(0,0,0,0.1)' style='transform: translate(0,15px);'%3E%3C/rect%3E%3C/g%3E%3Crect class='front' width='100%25' height='100%25' clip-path='url(%23menu-login-svg-front-clip)' style=' fill: %23ff9200; '%3E%3C/rect%3E%3C/g%3E%3C/svg%3E"); }
ol li:nth-of-type(3n+3):before{ background-image:url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 50' style='position: absolute; z-index: -1; width: 100%25; height: 100%25; left: 0; right: 0; top: 0; bottom: 0;'%3E%3Cdefs%3E%3CclipPath id='menu-login-svg-front-clip'%3E%3Cpolygon points='0 3 100 0 97 46 3 48'%3E%3C/polygon%3E%3C/clipPath%3E%3CclipPath id='menu-login-svg-mid-clip'%3E%3Cpolygon points='0 0 100 0 100 50 0 50'%3E%3C/polygon%3E%3C/clipPath%3E%3CclipPath id='menu-login-svg-back-clip'%3E%3Cpolygon points='0 0 100 0 100 50 0 50'%3E%3C/polygon%3E%3Cpolygon points='0 3 100 0 97 46 3 48'%3E%3C/polygon%3E%3C/clipPath%3E%3C/defs%3E%3Cg%3E%3Crect class='back' width='100%25' height='100%25' clip-path='url(%23menu-login-svg-mid-clip)' style=' display: none;'%3E%3C/rect%3E%3Cg clip-path='url(%23menu-login-svg-mid-clip)'%3E%3Crect width='100%25' height='100%25' clip-path='url(%23menu-login-svg-front-clip)' fill='rgba(0,0,0,0.1)' style='transform: translate(0,15px);'%3E%3C/rect%3E%3C/g%3E%3Crect class='front' width='100%25' height='100%25' clip-path='url(%23menu-login-svg-front-clip)' style=' fill: %23283645; '%3E%3C/rect%3E%3C/g%3E%3C/svg%3E"); }
section ul{margin:2rem auto; max-width:800px;}
section ul li{list-style-type:none; text-align:left; display:block; margin:1em 0; padding-left: 30px; position: relative;}
section ul li:before{
content:""; width:15px; height:7px; position: absolute; left: 0; top: 10px; background-color: #b71f67; -webkit-transform: skew(-27deg,5deg); -ms-transform: skew(-27deg,5deg); transform: skew(-27deg,5deg);
}
section ul li:nth-of-type(3n+2):before{ background-color: #ff9200; }
section ul li:nth-of-type(3n+3):before{ background-color: #283645; }
section ul li ul li:before{width: 7px; left: 10px;}
/* Forms */
.form{display: block; list-style: none; margin: 0 auto; padding: 0;}
.form ul,
.form ul li,
.form li{list-style: none;}
.form ul li:before{display: none;}
.form label{display: block; cursor: pointer; position: relative; z-index: 2; text-align: left; font-size: 12px; margin-top: 1rem; padding-left: 1.5rem; text-transform: uppercase; letter-spacing: .05em; font-weight: 600; color: #a9a6a0;}
.form .required-field{
position: absolute; color: red; background: white; font-size: 2rem; line-height: 2.5rem; text-align: center;
width: 2rem; height: 2rem; border-radius: 50%; top: -1px; left: -1rem; -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,.1); box-shadow: 1px 2px 2px rgba(0,0,0,.1);
}
.form input[type="text"],
.form input[type="email"],
.form input[type="number"],
.form select{
font-size: 1em; display: block; width: 100%; padding: 1.5rem;
border-radius: .5rem; border:1px solid #f2f0ec; outline: 0; -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,.1); box-shadow: 1px 2px 2px rgba(0,0,0,.1); margin-bottom: 2em;
}
.form select{-webkit-appearance: none;}
.form textarea{font-size: 1em; display: block; resize: vertical; width:100%; padding: 1.5rem; border-radius: .5rem; border:1px solid #f2f0ec; outline: 0; -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,.1); box-shadow: 1px 2px 2px rgba(0,0,0,.1); margin-bottom: 2em;}
.form ::-webkit-input-placeholder{color: #a9a6a0;}
.form :-ms-input-placeholder{color: #a9a6a0;}
.form ::-ms-input-placeholder{color: #a9a6a0;}
.form ::placeholder{color: #a9a6a0;}
.form label+input[type="text"],
.form label+input[type="email"],
.form label+input[type="number"],
.form label+textarea,
.form label+select{
padding-top: 3rem; margin-top: -2.5rem;
}
.form input[type="checkbox"],
.form input[type="radio"]{display: none;}
.form input[type="checkbox"]+span,
.form input[type="radio"]+span{display: inline-block; vertical-align: middle; position: relative; width: 3rem; height: 3rem; background: white; margin-right: 1rem; border:2px solid #999; border-radius: 50%;}
.form input[type="checkbox"]:checked+span,
.form input[type="radio"]:checked+span{border-color: #309b96;}
.form input[type="checkbox"]:checked+span:before,
.form input[type="radio"]:checked+span:before{content: '\2713'; font-family: 'Sumdog'; color: #309b96; font-size: 2.5rem; position: absolute; bottom: 3px; left: 4px;}
.form input+br,
.form textarea+br,
.form select+br{display: none;}
.form .checkbox-grade{margin-bottom: 2em;}
.form .checkbox-grade label{display: inline-block; vertical-align: middle; padding: 1em; background: #FFFFFF15}
.form [data-condition]{display: none; -webkit-animation: fadeIn .4s; animation: fadeIn .4s;}
.ferror{display: none; -webkit-animation: fadeIn .4s; animation: fadeIn .4s; font-size: 12px; text-transform: uppercase; color: red; letter-spacing: .05em; padding: .2em .5em; border: 1px solid; border-radius: .5rem; margin: 1em 0;}
.help{position: relative; cursor: pointer; display: inline-block;}
.help:before{
content: "?"; display: block; background: #48a8ca; color: white; border:2px solid; width: 1.5em; height: 1.5em;
line-height: 1.5rem; text-align: center; font-size: 1.3rem; font-weight: 700; border-radius: 500px;
}
.help .hint{
position: absolute; display: none; bottom: 100%; right: 0; width: 200px; margin-right: -100px; background: white; color: #000000;
font-size: 1.2rem; padding: 0 1.2rem;
-webkit-box-shadow: 2px 7px 10px rgba(0,0,0,.3);
box-shadow: 2px 7px 10px rgba(0,0,0,.3); border-radius: .5rem; z-index: 999;
}
.help:hover .hint{display: block;}
/* Alerts*/
.alert{display: block; max-width: 500px; margin: 2rem auto; padding: 2rem; background: #ff9300; font-weight: 400; color: white;}
.alert.success{background: #309b96;}
.alert.error{background: #ff5f5f;}
/* Type */
h1,.h1{font-size: 2.4em; margin: .5em 0;}
h2,.h2{font-size: 2.4em; margin: .5em 0;}
h3,.h3{font-size: 2.0em; margin: .5em 0;}
h4,.h4{font-size: 1.5em; margin: .5em 0;}
h5,.h5{font-size: 1.2em; margin: .5em 0;}
h6,.h6{font-size: 0.8em; margin: .5em 0;}
p{ font-weight: 400; margin: 1em 0;}
.cpink{color:#b71f67;}
/* Colors */
.bg_pink{background: #b71f67; color: white;}
.bg_pink h2{color: #f7ffd8;}
.bg_pink h3{color: #f7ffd8; opacity: .6;}
.bg_blue{background: #153c66; color: white;}
.bg_blue h2{color: #f7ffd8;}
.bg_blue h3{color: #f7ffd8; opacity: .6;}
.divisors{position: relative;}
.divisors:before{content: ""; position: absolute; bottom: 100%; margin-bottom: -10px; left:0; width: 100%; height: 80px; background:center; background-size: 100% 100%;}
.divisors:after{content: ""; position: absolute; top: 100%; margin-top: -10px; left:0; width: 100%; height: 80px; background:center; background-size: 100% 100%;}
.bg_pink.divisors:before{background-image: url("../images/pinkup.svg");}
.bg_pink.divisors:after{background-image: url("../images/pinkdown.svg");}
.bg_blue.divisors:before{background-image: url("../images/blueup.svg");}
.bg_blue.divisors:after{background-image: url("../images/bluedown.svg");}
.bg_none h1{color: #b71f67;}
.bg_none h2{color: #b71f67;}
.bg_none h3{color: #b71f67;}
.bg_none h4{opacity: .6;}
.bg_none h5{opacity: .6;}
.modal{text-align: left;}
.modal h1{color: #b71f67;}
.modal h2{color: #b71f67;}
.modal h3{color: #b71f67;}
.modal h4{opacity: .6;}
.modal h5{opacity: .6;}
/* Menu */
#menu {top: 0; left: 0; width: 100%; overflow: visible; position: relative; z-index: 9;}
#menu #logo{display: block; width: 96px; height: 40px; margin-top: 10px; float: left; background: url(../images/logo.svg);}
#menu #openMenu{display: none;}
#menu #checkMenu{display: none;}
#menu .wrap{position: relative;}
#menu nav{color: white;}
#menu nav .sub-menu{ display: none; font-size: .8em; text-transform: none;}
#bg_1{ position: absolute; top: 0; height: 79px; right: 50%; margin-right: 700px; width: calc(50% - 700px); }
#bg_2{ position: absolute; top: 0; height: 120px; left: 50%; margin-left: -700px; width: 1400px; }
#bg_3{ position: absolute; top: 0; height: 120px; left: 50%; margin-left: 700px; width: calc(50% - 700px); }
@media(max-width: 1023px){
#menu{position: fixed;}
#menu #logo{position: relative; z-index: 2;}
#menu #openMenu{display: block; position: absolute; z-index: 2; right: 0; top: 0; width: 100%; height: 57px; z-index: 2; background: transparent; cursor: pointer;}
#menu nav{padding: 70px 2.5% 0; position: fixed; top: 0; left: 0; width: 100%; overflow-y: hidden; max-height: 70px; background: #153c66; -webkit-transition: max-height .7s; -o-transition: max-height .7s; transition: max-height .7s;}
#menu nav>ul{padding: 15px 0;}
#menu nav>ul>li{line-height: 2; border-top: 1px solid rgba(0,0,0,.3); position: relative;}
#menu nav>ul>li.menu-item-has-children:after{
content: ""; position: absolute; right: 0; top: 0; width: 100%; height: 2em;
-webkit-transform-origin: right 1em center;
-ms-transform-origin: right 1em center;
transform-origin: right 1em center;
background: url('data:image/svg+xml;utf8,') right .5em no-repeat; background-size: auto 1em;
}
#menu nav>ul>li.menu-item-has-children .sub-menu{display: block; max-height: 0px; overflow: hidden;}
#menu nav>ul>li.menu-item-has-children .sub-menu li{line-height: 2; border-top: 1px solid rgba(0,0,0,.3); padding-left: 1em;}
#menu nav>ul>li.menu-item-has-children.activemobile .sub-menu{display: block; max-height: 800px;}
#menu nav>ul>li.menu-item-has-children.activemobile:after{width: 1.5em; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
#menu #checkMenu+span{display: block; position: absolute; z-index: 1; right: 0; top: 11px; width: 50px; height: 30px;}
#menu #checkMenu+span span{position: absolute; left: 0; width: 100%; height: 4px; top: 50%; margin-top: -2px; background: white; -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; -o-transition: transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s;}
#menu #checkMenu+span:before{content:"";position: absolute; left: 0; width: 100%; height: 4px; top: 50%; margin-top: -2px; background: white; -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; -o-transition: transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s;}
#menu #checkMenu+span:after{content:"";position: absolute; left: 0; width: 100%; height: 4px; top: 50%; margin-top: -2px; background: white; -webkit-transform: translateY(15px); -ms-transform: translateY(15px); transform: translateY(15px); -webkit-transition: -webkit-transform .2s; transition: -webkit-transform .2s; -o-transition: transform .2s; transition: transform .2s; transition: transform .2s, -webkit-transform .2s;}
#menu #checkMenu:checked + span span{-webkit-transform: scaleX(0);-ms-transform: scaleX(0);transform: scaleX(0);}
#menu #checkMenu:checked + span:before{-webkit-transform: translateY(0) rotate(45deg);-ms-transform: translateY(0) rotate(45deg);transform: translateY(0) rotate(45deg);}
#menu #checkMenu:checked + span:after{-webkit-transform: translateY(0) rotate(-45deg);-ms-transform: translateY(0) rotate(-45deg);transform: translateY(0) rotate(-45deg);}
#menu #checkMenu:checked ~ nav{max-height: 100%;}
}
@media(min-width: 1024px){
#menu nav{ padding: 15px 120px; position: relative; float: right;}
#menu nav > ul{text-align: right; font-weight: 400; text-transform: uppercase;}
#menu nav > ul li{margin-left: 1em;}
#menu li{display: inline-block;}
#menu nav .menu-item a{position: relative;}
#menu nav .menu-item a:after{content: ""; position: absolute; bottom: -5px; height: 2px; width: 100%; left: 0; background: #ff9300; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
#menu nav .menu-item a:hover:after{-webkit-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1); background: #309b96;}
/*#menu nav .current-menu-ancestor > a:after{transform: scaleX(1);}*/
#menu nav .current-menu-item > a:after{-webkit-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1);}
#menu nav .menu-item-has-children.current-menu-ancestor .sub-menu{display: block; position: absolute; right: 120px; top: 73px; white-space: nowrap;}
#sign_in{position: absolute; z-index: 2; right: 9px; top: 0; width: 90px; text-align: center; -webkit-perspective: 300px; perspective: 300px; }
#sign_in a{ display:block; position: relative; z-index: 3; font-size: 14px; font-weight: 700; text-transform: uppercase; padding: 15px;}
#sign_in:before{ content: ""; position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; height: 200%; background: #309b96; -webkit-transform: skew(1deg,-5deg) rotateX(25deg) translate3d(0,-35px,-50px) scale(1.2); transform: skew(1deg,-5deg) rotateX(25deg) translate3d(0,-35px,-50px) scale(1.2); -webkit-box-shadow: 3px 7px 0 rgba(0,0,0,.1); box-shadow: 3px 7px 0 rgba(0,0,0,.1);}
#sign_in a:before{ content: ""; display: block; width: 50px; height: 50px; margin: 0 auto; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; background: url('data:image/svg+xml;utf8,') no-repeat center; }
#sign_in a:hover:before{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
#sign_up{position: absolute; z-index: 1; right: 0; top: 0; width: 90px; text-align: center; -webkit-perspective: 300px; perspective: 300px; line-height: 1; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s;}
#sign_up a{ display:block; position: relative; z-index: 3; font-size: 12px; font-weight: 700; text-transform: uppercase; opacity: .7; padding: 10px; padding-top: 107px;}
#sign_up:before{ content: ""; position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; height: 200%; background: #356d6b; -webkit-transform: skew(1deg,3deg) rotateX(22deg) translate3d(0,-35px,-50px) scale(1.2); transform: skew(1deg,3deg) rotateX(22deg) translate3d(0,-35px,-50px) scale(1.2);}
#sign_up:hover{-webkit-transform: translateY(5px);-ms-transform: translateY(5px);transform: translateY(5px);}
}
/* Footer */
#footer{ background: #696660; color: white; padding: 7rem 0;}
#footer .wrap{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
#footer .wrap div{ width: 25%; -webkit-box-flex: 1; -ms-flex: 1 0 calc(25% - 2rem); flex: 1 0 calc(25% - 2rem); margin-bottom: 2rem;}
@media(max-width:1000px){
#footer .wrap div{ width: 50%; -ms-flex-preferred-size: calc(50% - 2rem); flex-basis: calc(50% - 2rem);}
}
@media(max-width:500px){
#footer .wrap div{ width: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%;}
}
#footer h5{color: #ffffffb3;}
#footer a{display: block; font-size: .85em; line-height: 1.5;}
#footer a:hover{text-decoration: underline;}
/* Main */
main .section:nth-child(1){margin-top: 5rem;}
.section{padding: 8rem 0;}
.section.divisors{ padding: 6rem 0 3rem; }
.section.bg_none:nth-of-type(2n) { background: #f2f0ec; }
/* Hero */
.hero{position: relative; background: #f2f0ec; height: 50vh;}
.hero:before, .hero:after {
content: ''; display: block; position: absolute; z-index: 2; right: calc(50% + 500px);
width: 200px; height: 100%; background: rgba(255,255,255,0.8);
border-right: 3px solid #fff; max-width: 500px;
background: -webkit-gradient(linear, left top, right top, from(#f2f0ec),to(rgba(242,240,236,0.8)));
background: -webkit-linear-gradient(left, #f2f0ec 0%,rgba(242,240,236,0.8) 100%);
background: -o-linear-gradient(left, #f2f0ec 0%,rgba(242,240,236,0.8) 100%);
background: linear-gradient(to right, #f2f0ec 0%,rgba(242,240,236,0.8) 100%);
}
.hero:after {
right: initial; left: calc(50% + 500px); border-right: 0; border-left: 3px solid #fff; top: 0;
background: -webkit-gradient(linear, left top, right top, from(rgba(242,240,236,0.8)),to(#f2f0ec));
background: -webkit-linear-gradient(left, rgba(242,240,236,0.8) 0%,#f2f0ec 100%);
background: -o-linear-gradient(left, rgba(242,240,236,0.8) 0%,#f2f0ec 100%);
background: linear-gradient(to right, rgba(242,240,236,0.8) 0%,#f2f0ec 100%);
}
.hero div {
width: 100%; max-width: 1400px; height: 100%; margin: 0 auto;
display: block; background: center no-repeat; background-size: cover;
}
.hero .icon-play{ position: absolute; top: 50%; left: 50%; font-size: 100px; width: 100px; height: 100px; line-height: 100px; margin: -50px; text-align: center; color: #309b96; }
/* Quote */
.quote h2:before,.quote h2:after{
content: "“"; opacity: 0.2; font-family: "Arial Black"; font-size: 160px; display: inline; line-height: 160px;
vertical-align: middle; position: absolute; margin-left: -55px; margin-top: -60px; background: none; overflow: hidden;
}
.quote h2:after{ position: absolute; content: "”"; margin-top: -30px; margin-left: -28px; background: none; }
/* Columns and blocks */
.columns{display: table; table-layout: fixed; text-align: center;}
.columns >*{display: table-cell; vertical-align: top; padding: 0 3rem; border-right: 1px solid rgba(0,0,0,0.1);}
.columns.twocolumn >*, .columns.threecolumn >*{padding-top: 3rem; padding-bottom: 3rem;}
.columns >*>*:first-child{margin-top: 0;}
.columns >*>*:last-child{margin-bottom: 0;}
.columns >*:first-child{padding-left: 0;}
.columns >*:last-child{padding-right: 0; border-right: 0;}
.columns.twocolumn + .columns.twocolumn{border-top: 1px solid rgba(0,0,0,0.1);}
.columns.threecolumn + .columns.threecolumn{border-top: 1px solid rgba(0,0,0,0.1);}
.columns.twocolumn >*{width: 50%;}
.columns.threecolumn >*{width: 33.333%;}
.horizontal{display: table; table-layout: fixed; text-align: center; background: #FFFFFF33; margin: 3rem auto; border-radius: 5px; overflow: hidden; -webkit-box-shadow: 3px 5px 6px rgba(0, 0, 0, 0.1); box-shadow: 3px 5px 6px rgba(0, 0, 0, 0.1);}
.horizontal >* {display: table-cell; vertical-align: top; border-right: 1px solid rgba(0,0,0,0.1); padding: 2rem; text-align: left;}
.horizontal >*>*:first-child{margin-top: 0;}
.horizontal >*>*:last-child{margin-bottom: 0;}
.horizontal .iconpanel{width: 17rem; padding-left: 2rem; text-align: center;}
.horizontal .tc{text-align: inherit;}
.bg_none .horizontal >*{background: #f2f0ec; color: #444;}
.bg_none .horizontal .iconpanel{background: #b71f67; color: white;}
.section.bg_none:nth-of-type(2n) .horizontal >*{background: white; color: #444;}
.section.bg_none:nth-of-type(2n) .horizontal .iconpanel{background: #b71f67; color: white;}
.bg_blue .horizontal >*{background: #0b325c; color: white;}
.bg_blue .horizontal .iconpanel{background: white; color: #b71f67;}
.bg_pink .horizontal >*{background: #88134a; color: white;}
.bg_pink .horizontal .iconpanel{background: white; color: #ff9200;}
/* Tables */
table{width: 100%;}
.prices{}
.prices thead{}
.prices thead td{padding: 1em; background: #f2f0ec; text-align: center; vertical-align: top;}
.prices thead span{font-size: 11px; text-transform: uppercase; font-weight: 700;}
.prices thead h2{margin: 0;}
.prices tbody{}
.prices tbody td{padding: 1rem; text-align: center; font-weight: 400; background: #f2f0ec;}
.prices tbody th{padding: 1rem; text-align: left;}
.prices tbody td:first-child{text-align: left;}
.prices tbody td[colspan]{background: none;}
.prices tbody td strong{color: #309b96; font-family: 'Sumdog'; font-size: 2em; font-weight: normal;}
.prices tbody .mobile{display: none; visibility: hidden;}
.prices tbody .mobile td{font-weight: 700; font-size: 10px !important; text-transform: uppercase;}
.prices tbody tr:not(.mobile) td:last-child,
.prices tbody tr:not(.mobile) td:last-child strong{color: #c6c1b8;}
/* Blog */
main .section.post:nth-child(1){margin-top: 8rem;}
.section.post{padding: 4rem 0;}
.section.post .wrap{max-width: 770px;}
.share{display: inline-block; padding: .5em 1em; border-radius: 999px; -webkit-box-shadow: inset 3px 3px 6px rgba(0,0,0,.1); box-shadow: inset 3px 3px 6px rgba(0,0,0,.1); background: rgba(80, 76, 71, 0.07);}
.share > span{display: inline-block; vertical-align: middle; font-size: .7em; text-transform: uppercase; font-weight: 700; color: #a09d97; letter-spacing: .1em;}
.share a{display: inline-block; vertical-align: middle; width: 3rem; height: 3rem; border-radius: 50%; background: center no-repeat; background-size: 100% auto; background-size: cover; margin-left: .2em; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s;}
.share a:hover{-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,.3);box-shadow: 3px 3px 4px rgba(0,0,0,.3); -webkit-transform: translate(-2px,-2px); -ms-transform: translate(-2px,-2px); transform: translate(-2px,-2px);}
.share .linkedin{background-image: url(../images/linkedin.svg); background-color: #2489be;}
.share .facebook{background-image: url(../images/facebook.svg); background-color: #3c5a9a;}
.share .twitter{background-image: url(../images/twitter.svg); background-color: #2daae1;}
.share .mail{background-image: url(../images/mail.svg); background-color: #b71f67;}
/* Responsive*/
@media(max-width: 1000px){
.columns{display: block;}
.columns >*{display: block; width: 100%; padding: 0 0 3rem !important; border-right: 0 !important; border-bottom: 1px solid rgba(0,0,0,.1); margin-bottom: 3rem;}
.columns >*:last-child{margin-bottom: 0; border-bottom: 0;}
.columns.threecolumn >*{width: 100%;}
.columns.twocolumn >*{width: 100%;}
}
@media(max-width: 768px){
body{font-size: 15px;}
.horizontal{display: block;}
.horizontal >* {display: block; width: 100%; text-align: center;}
.horizontal .iconpanel{width: 100%; padding: 0;}
.divisors:before,.divisors:after{height: 40px;}
.section{padding: 5rem 0;}
.section.divisors{ padding: 4rem 0 1rem; }
.prices{display: block;}
.prices thead,
.prices thead th,
.prices thead tr,
.prices thead td{display: block; width: 100%; margin-bottom: 2px;}
.prices tbody{display: table; width: 100%;}
.prices tbody td{font-size: .8em; padding: .3em;}
.prices tbody .mobile{display: table-row; visibility: visible;}
.prices .desktop{visibility: none; display: none !important;}
}