/*
/******** RESET **********
*/
html, body, main, div, span, iframe, button, input, select, textarea, p, img, sub, sup, ol, ul, li, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, footer, header, nav, section, video
{margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline;}
article, aside, details, footer, header, nav, section  {display: block;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}
ol {list-style-type: decimal;}
b, strong, th {font-weight: 500;}
sub {font-size: 65%; line-height: 0; position: relative; bottom: -0.5em;}
sup {font-size: 65%; line-height: 0; position: relative; top: -0.5em;}
textarea {overflow: auto;}
input[type="text"], input[type='email'], input[type="tel"], input[type="phone"], input[type='password'], input[type="submit"], input[type="button"], button, textarea {appearance:none; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ border-radius: 0; background: transparent; border: 0;}
input.error, textarea.error {border-color: red;}
a {color: inherit; text-decoration: none;}
.notMobile a:hover {text-decoration: none; }
.ie7 img {-ms-interpolation-mode: bicubic;}
table {width: 100%; border-collapse: collapse; vertical-align: middle; border-spacing: 0;}
td, th {vertical-align: middle;}
img {display: inline-block;}

/*
/******** BASE **********
*/
html {font-size: 15px;}
html,body {background: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.main-wrapper {background: #fff; }
.container {max-width: 1150px; margin: auto; padding: 0 20px; }
#page {overflow: hidden;}
#page::after {position: fixed; top: 0; right: 0; width: 0; height: 0; background: rgba(0,0,0,0.7); content: ''; opacity: 0; -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s; z-index: 4000;}
#page.mode-overlay::after {width: 100%; height: 100%; opacity: 1; -webkit-transition: opacity 0.5s; transition: opacity 0.5s;}
.lnr {font-family: 'Linearicons-Free' !important;}
.fa {font-family: 'FontAwesome' !important;}

p, li, input, textarea {font-size: 1em;}
h1, h2, h3, h4, h5, h6 {margin: 0 0 1em; font-family: 'Cormorant Garamond', serif; font-weight: 300; font-style: normal; text-transform: none; color: #1b2370; letter-spacing: 0; line-height: 1.3;  }
body, p, li, input, textarea {font-family: 'Roboto', sans-serif; font-weight: 300; font-style: normal; color: #1b2370; letter-spacing: 0.03em; line-height: 1.6;}
h1 {font-size: 2.75em;} h2 {font-size: 2.5em;} h3 {font-size: 2em;} h4 {font-size: 1.5em;} h5 {font-size: 1.25em;} h6 {font-size: 1em;}
p,ul {margin: 0 0 1em;}
p:last-child {margin-bottom: 0;}

a {-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
.animation {-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
.ease-animation {-webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out;}
.ease-animation-slow {-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out;}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {opacity: 1;}
::selection {background: #767a9e; color: #fff;} ::-moz-selection {background: #767a9e; color: #fff}
::-webkit-input-placeholder {color: #767a9e;} :-moz-placeholder {color: #767a9e;} ::-moz-placeholder {color: #767a9e;} :-ms-input-placeholder {color: #767a9e;}

body:not(.user-is-tabbing) :focus {outline: none;}
:active {outline: none; box-shadow: none;}

button {cursor: pointer;}

/* Select Styles */
select {appearance:none; -moz-appearance:none; -webkit-appearance:none; border-radius: 0;}
select {width: 100%; display: block; padding: 1em 0; box-sizing: border-box; border-bottom: 1px solid #1b2370; color: #1b2370; font-size: 16px; letter-spacing: 0.08em; font-weight: 400; font-family: 'Roboto', sans-serif; line-height: normal; overflow: hidden; background: transparent url("../images/select-grey.png") no-repeat right center; background-size: auto 50%; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;} 
select::-ms-expand {display: none;}

/* Input Styles */
input[type='text'],input[type='email'], input[type="tel"], input[type="phone"], input[type='password'], textarea {width: 100%; display: block; line-height: normal; background: #fff; color: #1b2370; border-bottom: 1px solid #1b2370; padding: 1em 0; font-size: 16px; text-transform: none; text-align: left; letter-spacing: 0.08em; font-weight: 400; font-family: 'Roboto', sans-serif; box-sizing: border-box; text-decoration: none; -webkit-transition: all 0.2s linear;  -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
textarea{height: 130px; line-height: 150%;}
input[type='text']:focus, input[type='email']:focus, input[type="tel"]:focus, input[type="phone"]:focus, input[type='password']:focus, textarea:focus {color: #1b2370; border-color: #7e8490;}

/* Button Styles */
.btn, a.btn, input.btn {display: inline-block; background: #181e54; color: #fff; border: 0; -webkit-border-radius: 3em; -moz-border-radius: 3em; border-radius: 3em; padding: 0.5em 2.5em; font-size: 1.6em; text-transform: none; letter-spacing: 0.02em; font-weight: 400; font-family: 'Cormorant Garamond', serif; font-style: normal; text-align: center; text-decoration: none; box-sizing: border-box; cursor: pointer; -webkit-transition: all 0.4s ease-out;  -moz-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
.notMobile .btn:hover,.notMobile a.btn:hover, .notMobile input.btn:hover {background: #1b2370; color: #fff; -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1);}

.wow {visibility: hidden;}

/*
/******** SLICK CUSTOM **********
*/
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;width:100%;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-pending {display: none; }.slick-pending.slick-initialized {display: block;}
.slick-slider .slick-track {margin: auto;}
.slick-slider .slick-slide img {width: 100%;}
.slick-slider .slick-slide {margin: 0 10px;}
.slick-slider .slick-arrow {font-size: 26px; color: #ccc; position: absolute; top: 50%; margin-top: -13px; cursor: pointer; z-index: 1;}
.notMobile .slick-slider .slick-arrow:hover {color: #000;}
.slick-slider .slick-arrow.left-arrow {left: -30px;}
.slick-slider .slick-arrow.right-arrow {right: -30px;}
.slick-slider.slick-vertical .slick-slide {margin: 5px 0;}
.slick-slider.slick-vertical .slick-arrow {position: static;}
.slick-dots {position: absolute; bottom: -7em; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center;}
.slick-dots li {position: relative; line-height: 0; display: inline-block; margin: 0 1em; padding: 0; cursor: pointer;}
/* reset */ .slick-dots li button {font-size: 0; border: 0; line-height: 0; padding: 0; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;}
/* custom */ .slick-dots li button {width: 12px; height: 12px; box-sizing: border-box; border-radius: 50%; background: #d0d0ea; opacity: 0.3; filter: alpha(opacity=30); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear;-o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
.slick-dots li.slick-active button {background: #fff; opacity: 1; filter: alpha(opacity=100);}
.notMobile .slick-dots li button:hover, .notMobile .slick-dots li button:focus {outline: none; border: 0; background: #fff; opacity: 0.5; filter: alpha(opacity=50);}

/*
/******** SCROLLUP **********
*/
.scrollup {display: none; position: fixed; cursor: pointer; bottom: 10px; right: 10px; width: 30px; height: 30px; border-radius: 50%; text-align: center; background: #1b2370; color: #fff; z-index: 100; line-height: 100%; font-size: 20px; box-sizing: border-box; padding-top: 3px;}

/*
/******** HELPERS **********
*/
.clearfix:after,.clearfix:before{content:"\0020";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}.clear-both{clear:both}.left{float:left}.right{float:right}.height-100{height:100%}.show{display:block}.hide{display:none}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.invisible{visibility:hidden}.center{margin:auto}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.flex{display:-webkit-box!important;display:-moz-box!important;display:-ms-flexbox!important;display:-webkit-flex!important;display:flex!important}.flex-wrap{-webkit-box-wrap:wrap;-moz-box-wrap:wrap;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.flex-1{-webkit-box-flex:1;-moz-box-flex:1;-ms-flex:1;-webkit-flex:1;flex:1}.direction-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.direction-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.row-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.column-reverse{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.justify-content-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.justify-content-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.justify-content-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.justify-content-around{-ms-flex-pack:distribute;justify-content:space-around}.justify-content-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.justify-content-evenly{justify-content:space-around}.align-items-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.align-items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.align-items-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.grid,.grid-full{display:-ms-flexbox;display:flex;display:-webkit-box;display:-webkit-flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;box-sizing:border-box;margin:0;padding:0;margin-left:-20px}.grid__item{box-sizing:border-box;padding-left:20px}.grid-full{margin-left:0}.grid-full>.grid__item{padding-left:0}.one-whole{width:100%}.one-half{width:50%}.one-third{width:33.333%}.two-thirds{width:66.666%}.one-quarter{width:25%}.two-quarters{width:50%}.three-quarters{width:75%}.one-fifth{width:20%}.two-fifths{width:40%}.three-fifths{width:60%}.four-fifths{width:80%}.one-sixth{width:16.666%}.two-sixths{width:33.333%}.three-sixths{width:50%}.four-sixths{width:66.666%}.five-sixths{width:83.333%}.one-eighth{width:12.5%}.two-eighths{width:25%}.three-eighths{width:37.5%}.four-eighths{width:50%}.five-eighths{width:62.5%}.six-eighths{width:75%}.seven-eighths{width:87.5%}.one-tenth{width:10%}.two-tenths{width:20%}.three-tenths{width:30%}.four-tenths{width:40%}.five-tenths{width:50%}.six-tenths{width:60%}.seven-tenths{width:70%}.eight-tenths{width:80%}.nine-tenths{width:90%}.one-twelfth{width:8.333%}.two-twelfths{width:16.666%}.three-twelfths{width:25%}.four-twelfths{width:33.333%}.five-twelfths{width:41.666%}.six-twelfths{width:50%}.seven-twelfths{width:58.333%}.eight-twelfths{width:66.666%}.nine-twelfths{width:75%}.ten-twelfths{width:83.333%}.eleven-twelfths{width:91.666%}@media only screen and (max-width:700px){.small--one-whole{width:100%}.small--one-half{width:50%}.small--one-third{width:33.333%}.small--two-thirds{width:66.666%}.small--one-quarter{width:25%}.small--two-quarters{width:50%}.small--three-quarters{width:75%}.small--one-fifth{width:20%}.small--two-fifths{width:40%}.small--three-fifths{width:60%}.small--four-fifths{width:80%}.small--one-sixth{width:16.666%}.small--two-sixths{width:33.333%}.small--three-sixths{width:50%}.small--four-sixths{width:66.666%}.small--five-sixths{width:83.333%}.small--one-eighth{width:12.5%}.small--two-eighths{width:25%}.small--three-eighths{width:37.5%}.small--four-eighths{width:50%}.small--five-eighths{width:62.5%}.small--six-eighths{width:75%}.small--seven-eighths{width:87.5%}.small--one-tenth{width:10%}.small--two-tenths{width:20%}.small--three-tenths{width:30%}.small--four-tenths{width:40%}.small--five-tenths{width:50%}.small--six-tenths{width:60%}.small--seven-tenths{width:70%}.small--eight-tenths{width:80%}.small--nine-tenths{width:90%}.small--one-twelfth{width:8.333%}.small--two-twelfths{width:16.666%}.small--three-twelfths{width:25%}.small--four-twelfths{width:33.333%}.small--five-twelfths{width:41.666%}.small--six-twelfths{width:50%}.small--seven-twelfths{width:58.333%}.small--eight-twelfths{width:66.666%}.small--nine-twelfths{width:75%}.small--ten-twelfths{width:83.333%}.small--eleven-twelfths{width:91.666%}.small--text-left{text-align:left!important}.small--text-right{text-align:right!important}.small--text-center{text-align:center!important}.small--left{float:left!important}.small--right{float:right!important}.small--visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.small--show{display:block!important}.small--hide{display:none!important}}@media only screen and (min-width:701px) and (max-width:1000px){.medium--one-whole{width:100%}.medium--one-half{width:50%}.medium--one-third{width:33.333%}.medium--two-thirds{width:66.666%}.medium--one-quarter{width:25%}.medium--two-quarters{width:50%}.medium--three-quarters{width:75%}.medium--one-fifth{width:20%}.medium--two-fifths{width:40%}.medium--three-fifths{width:60%}.medium--four-fifths{width:80%}.medium--one-sixth{width:16.666%}.medium--two-sixths{width:33.333%}.medium--three-sixths{width:50%}.medium--four-sixths{width:66.666%}.medium--five-sixths{width:83.333%}.medium--one-eighth{width:12.5%}.medium--two-eighths{width:25%}.medium--three-eighths{width:37.5%}.medium--four-eighths{width:50%}.medium--five-eighths{width:62.5%}.medium--six-eighths{width:75%}.medium--seven-eighths{width:87.5%}.medium--one-tenth{width:10%}.medium--two-tenths{width:20%}.medium--three-tenths{width:30%}.medium--four-tenths{width:40%}.medium--five-tenths{width:50%}.medium--six-tenths{width:60%}.medium--seven-tenths{width:70%}.medium--eight-tenths{width:80%}.medium--nine-tenths{width:90%}.medium--one-twelfth{width:8.333%}.medium--two-twelfths{width:16.666%}.medium--three-twelfths{width:25%}.medium--four-twelfths{width:33.333%}.medium--five-twelfths{width:41.666%}.medium--six-twelfths{width:50%}.medium--seven-twelfths{width:58.333%}.medium--eight-twelfths{width:66.666%}.medium--nine-twelfths{width:75%}.medium--ten-twelfths{width:83.333%}.medium--eleven-twelfths{width:91.666%}.medium--text-left{text-align:left!important}.medium--text-right{text-align:right!important}.medium--text-center{text-align:center!important}.medium--left{float:left!important}.medium--right{float:right!important}.medium--visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.medium--show{display:block!important}.medium--hide{display:none!important}}@media only screen and (max-width:1000px){.medium-down--one-whole{width:100%}.medium-down--one-half{width:50%}.medium-down--one-third{width:33.333%}.medium-down--two-thirds{width:66.666%}.medium-down--one-quarter{width:25%}.medium-down--two-quarters{width:50%}.medium-down--three-quarters{width:75%}.medium-down--one-fifth{width:20%}.medium-down--two-fifths{width:40%}.medium-down--three-fifths{width:60%}.medium-down--four-fifths{width:80%}.medium-down--one-sixth{width:16.666%}.medium-down--two-sixths{width:33.333%}.medium-down--three-sixths{width:50%}.medium-down--four-sixths{width:66.666%}.medium-down--five-sixths{width:83.333%}.medium-down--one-eighth{width:12.5%}.medium-down--two-eighths{width:25%}.medium-down--three-eighths{width:37.5%}.medium-down--four-eighths{width:50%}.medium-down--five-eighths{width:62.5%}.medium-down--six-eighths{width:75%}.medium-down--seven-eighths{width:87.5%}.medium-down--one-tenth{width:10%}.medium-down--two-tenths{width:20%}.medium-down--three-tenths{width:30%}.medium-down--four-tenths{width:40%}.medium-down--five-tenths{width:50%}.medium-down--six-tenths{width:60%}.medium-down--seven-tenths{width:70%}.medium-down--eight-tenths{width:80%}.medium-down--nine-tenths{width:90%}.medium-down--one-twelfth{width:8.333%}.medium-down--two-twelfths{width:16.666%}.medium-down--three-twelfths{width:25%}.medium-down--four-twelfths{width:33.333%}.medium-down--five-twelfths{width:41.666%}.medium-down--six-twelfths{width:50%}.medium-down--seven-twelfths{width:58.333%}.medium-down--eight-twelfths{width:66.666%}.medium-down--nine-twelfths{width:75%}.medium-down--ten-twelfths{width:83.333%}.medium-down--eleven-twelfths{width:91.666%}.medium-down--text-left{text-align:left!important}.medium-down--text-right{text-align:right!important}.medium-down--text-center{text-align:center!important}.medium-down--left{float:left!important}.medium-down--right{float:right!important}.medium-down--visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.medium-down--show{display:block!important}.medium-down--hide{display:none!important}}@media only screen and (min-width:901px){.large--one-whole{width:100%}.large--one-half{width:50%}.large--one-third{width:33.333%}.large--two-thirds{width:66.666%}.large--one-quarter{width:25%}.large--two-quarters{width:50%}.large--three-quarters{width:75%}.large--one-fifth{width:20%}.large--two-fifths{width:40%}.large--three-fifths{width:60%}.large--four-fifths{width:80%}.large--one-sixth{width:16.666%}.large--two-sixths{width:33.333%}.large--three-sixths{width:50%}.large--four-sixths{width:66.666%}.large--five-sixths{width:83.333%}.large--one-eighth{width:12.5%}.large--two-eighths{width:25%}.large--three-eighths{width:37.5%}.large--four-eighths{width:50%}.large--five-eighths{width:62.5%}.large--six-eighths{width:75%}.large--seven-eighths{width:87.5%}.large--one-tenth{width:10%}.large--two-tenths{width:20%}.large--three-tenths{width:30%}.large--four-tenths{width:40%}.large--five-tenths{width:50%}.large--six-tenths{width:60%}.large--seven-tenths{width:70%}.large--eight-tenths{width:80%}.large--nine-tenths{width:90%}.large--one-twelfth{width:8.333%}.large--two-twelfths{width:16.666%}.large--three-twelfths{width:25%}.large--four-twelfths{width:33.333%}.large--five-twelfths{width:41.666%}.large--six-twelfths{width:50%}.large--seven-twelfths{width:58.333%}.large--eight-twelfths{width:66.666%}.large--nine-twelfths{width:75%}.large--ten-twelfths{width:83.333%}.large--eleven-twelfths{width:91.666%}.large--text-left{text-align:left!important}.large--text-right{text-align:right!important}.large--text-center{text-align:center!important}.large--left{float:left!important}.large--right{float:right!important}.large--visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.large--show{display:block!important}.large--hide{display:none!important}}

/*
/******** HERO **********
*/

.hero {height: 100vh; background:#f3e7dd; position: relative;}
.hero .logo {position: relative; z-index: 2; padding-bottom: 10%; -webkit-animation-duration: 2s; animation-duration: 2s; mix-blend-mode: multiply;}
.hero .logo img {display: block; width: 100%; max-width: 430px; margin: auto;}
.hero .logo p {color: #1b2370; margin: 0; text-transform: uppercase; text-align: center; letter-spacing: 0.31em; font-size: 0.99em; padding-left: 0.3em;}
.hero .social-links {position: absolute; z-index: 100; bottom: 5em; width: 100%; color: #fff;}
.hero .social-links a {display: block;}
.hero .social-links i {font-size: 1.1em; background: #181e54; color: #f3e7dd;}
.hero .social-links a:hover i {background: #1b2370; -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1);}
.hero .nav {position: absolute; margin: 0; list-style-type: none; z-index: 100; bottom: 2.5em; width: 100%; left: 0; text-align: center;}
.hero .nav li {display: inline-block; font-size: 1em; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 400; margin: 0 1.5em; color: #181e54; position: relative;}
.hero .nav li:before {content: ''; background: #1b2370; width: 6px; height: 6px; border-radius: 50%; opacity: 0; filter: alpha(opacity=0); position: absolute; left: 50%; margin-left: -3px; bottom: 100%; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out;}
.hero .nav li:hover:before {opacity: 1; bottom: 150%;}
.hero .spot {opacity: 0.2; filter: blur(15px); background: url('../images/hero-2026.png') no-repeat center; background-size: contain; z-index: 1; position: absolute; top: 0; height: 220%; width: 100%; left: 0;}
.hero .gradient {position: absolute; left: 0; bottom: 0; height: 50%; width: 100%; background: -moz-linear-gradient(top, #ab9d9300 0%, #ab9d9352 100%); background: -webkit-linear-gradient(top, #ab9d9300 0%, #ab9d9352 100%); background: linear-gradient(to bottom, #ab9d9300 0%, #ab9d9352 100%);}
.hero .floating-dots {position: absolute; width: 100%; left: 0; height: 100%; top: 0;}
.hero .scroll-down {position: absolute; z-index: 60; bottom: 1em; right: 2em; height: 4em; cursor: pointer; display: flex; align-items: flex-end; justify-content: center;}
.hero .scroll-down i {color: #1b2370; font-size: 2em; display: block;}

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

header {position: fixed; z-index: 500; top: -100px; width: 100%; left: 0; background: #fff; box-shadow: 0 0 20px rgba(23,51,72,0.1);}
header.scroll {top: 0;}
header .logo {display: block; cursor: pointer; padding: 0.35em 2em 0.55em; width: fit-content; margin: auto;}
header .logo img {width: 100%; max-width: 230px; display: block;}
header .logo p {float: left; color: #1b2370; text-transform: uppercase;letter-spacing: 0.31em; font-size: 0.8em; line-height: 130%; margin: 0; margin-top: 1em; padding-left: 2em; margin-left: 2em; border-left: 1px solid;}
header .menu {position: absolute; cursor: pointer; text-align: center; right: 1.5em; top: 0; padding-bottom: 0.2em; height: 100%; box-sizing: border-box; font-size: 0.8em; color: #1b2370; }
header .menu .text {text-transform: uppercase; margin-right: 0.8em; margin-top: 0; font-weight: 400; letter-spacing: 0.1em; font-size: 1.1em; line-height: 1.2; }
header .menu i {font-size: 3.5em; color: #1b2370; margin-top: 0;}
header nav {display: none; position: fixed; z-index: 900; background: #181e54; background: #20213ae6; width: 100%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding: 10em 10em 0 0; text-align: right;}
/*header nav:before {content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #181e54; opacity: 0.8; filter: alpha(opacity=80);}*/
header nav i {cursor: pointer; position: absolute; right: 1em; top: 1em; font-size: 3em; color: #e1cfc1; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out;}
header nav ul {list-style-type: none; }
header nav li {display: block; display: none; letter-spacing: 0.05em; text-transform: none; font-weight: 100; line-height: 2; font-size: 2.3em; font-family: 'Cormorant Garamond'; margin: 0; color: #fff; position: relative;}
.notMobile header nav li a:hover {color: #e1cfc1;}
.notMobile header nav i:hover {color: #fff;}

header nav li a {padding-right: 2em; position: relative;}
header nav li a:after {opacity: 0.7; content: ''; position: absolute; border-top: 1px solid #e1cfc1; width: 1.5em; top: 55%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%);}

header nav li:nth-child(1) {-webkit-animation-delay: 0.1s; animation-delay: 0.1s;}
header nav li:nth-child(2) {-webkit-animation-delay: 0.2s; animation-delay: 0.2s;}
header nav li:nth-child(3) {-webkit-animation-delay: 0.3s; animation-delay: 0.3s;}
header nav li:nth-child(4) {-webkit-animation-delay: 0.4s; animation-delay: 0.4s;}
header nav li:nth-child(5) {-webkit-animation-delay: 0.5s; animation-delay: 0.5s;}
header nav li:nth-child(6) {-webkit-animation-delay: 0.6s; animation-delay: 0.6s;}

@keyframes arrowJumpRight {
  0%, 100% {opacity: 0.3;-webkit-transform: translateX(0);-moz-transform: translateX(0);transform: translateX(0); }
  50% {opacity: 1; -webkit-transform: translateX(1em); -moz-transform: translateX(1em); transform: translateX(1em);}
}
@-webkit-keyframes arrowJumpRight {
  0%, 100% {opacity: 0.3; -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0);}
  50% {opacity: 1; -webkit-transform: translateX(1em);-moz-transform: translateX(1em); transform: translateX(1em); }
}
.arrowJumpRight {
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
  -webkit-animation-name: arrowJumpRight;
  animation-name: arrowJumpRight;
}
@keyframes arrowJumpLeft {
  0%, 100% {opacity: 0.3;-webkit-transform: translateX(0);-moz-transform: translateX(0);transform: translateX(0); }
  50% {opacity: 1; -webkit-transform: translateX(-1em); -moz-transform: translateX(-1em); transform: translateX(-1em);}
}
@-webkit-keyframes arrowJumpLeft {
  0%, 100% {opacity: 0.3; -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0);}
  50% {opacity: 1; -webkit-transform: translateX(-1em);-moz-transform: translateX(-1em); transform: translateX(-1em); }
}
.arrowJumpLeft {
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
  -webkit-animation-name: arrowJumpLeft;
  animation-name: arrowJumpLeft;
}
@keyframes arrowJumpDown {
  0%, 100% {opacity: 0.3;-webkit-transform: translateY(0);-moz-transform: translateY(0);transform: translateY(0); }
  50% {opacity: 1; -webkit-transform: translateY-1em); -moz-transform: translateY(-1em); transform: translateY(-1em);}
}
@-webkit-keyframes arrowJumpDown {
  0%, 100% {opacity: 0.3; -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0);}
  50% {opacity: 1; -webkit-transform: translateY(-1em);-moz-transform: translateY(-1em); transform: translateY(-1em); }
}
.arrowJumpDown {
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  animation-fill-mode: both;
  -webkit-animation-name: arrowJumpDown;
  animation-name: arrowJumpDown;
}

/*
/******** ABOUT **********
*/

h1:after {content:''; display: block; width: 1.4em; height: 1px; background: #1b2370; margin: 0.4em auto;}

.about {background: #fff; text-align: center; position: relative; padding-top: 5em;}
.about .wrap {background: #fff; padding: 6em; position: relative; z-index: 60; border-radius: 5em;}
.about .background {width: 100%; position: absolute; top: 0; left: 0; height: 36%; background-color: #f3e7dd;}
.about .gradient {width: 100%; position: absolute; top: 0; left: 0; height: 100%; background: -moz-linear-gradient(top, #e2d5ca00 0%, #e2d5ca 100%); background: -webkit-linear-gradient(top, #e2d5ca00 0%, #e2d5ca 100%); background: linear-gradient(to bottom, #e2d5ca00 0%, #e2d5ca 100%);}
.about .container {position: relative;}
.about p {max-width: 820px; margin-left: auto; margin-right: auto;}
.about p.subtitle {font-size: 1.5em; line-height: 1.3; color: #1b2370; letter-spacing: 0; font-weight: 500; font-family: 'Cormorant Garamond', serif; margin-bottom: 1.5em;}

.quote {background: #f6f9fc; text-align: center; padding: 4em 3em 1em; position: relative; margin: 6em auto 0; max-width: 800px;}
.quote svg {width: 26px; height: auto; position: absolute; top: -11px; left: 50%; margin-left: -13px;}
.quote .author {display: inline-block; position: relative; font-weight: 500; font-size: 0.85em; letter-spacing: 0.03em; text-transform: uppercase; margin-top: 1.5em;}
.quote .author:before {content: ''; width: 2em; position: absolute; right: 108%; top: 0.8em; border-top: 1px solid #99a5b5; }
.quote .author:after {content: ''; width: 2em; position: absolute; left: 108%; top: 0.8em; border-top: 1px solid #99a5b5; }

.quote.one-line .text {font-size: 1.15em;}


/*
/******** BOOK **********
*/

.book {background: #fff; text-align: center; position: relative; padding-bottom: 0.5em;}
.book .wrap {background: #f8f3ee; padding: 3em; position: relative; z-index: 60; border-radius: 5em; }
.book .container {position: relative;}
.book .eyebrow {letter-spacing: 0.25em; font-weight: 300; text-transform: uppercase; margin: 0;}
.book .subtitle {font-size: 1.2em; max-width: 23em; margin: auto;}
.book h1 {margin: 0 0 0.2em;}
.book h1:after {display: none;}
.book .heading:after {content:''; display: block; width: 4em; height: 1px; background: #1b2370; margin: 2em auto;}
.book img {width: 110%; margin: -2em 0 -2em -5%; height: auto; display: block;}
.book .btn {margin-top: 1em;}
.book.cards {padding-bottom: 6em;}
.book.cards img {width: 70%; margin: auto;}
.book.cards .heading:after {display: none;}

.book:not(.cards) .wrap {border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important;}
.book.cards .wrap {border-top-left-radius: 0 !important; border-top-right-radius: 0 !important;}

/*
/******** SERVICES **********
*/
.services {padding: 7em 0; position: relative; text-align: center; background: url('../images/services-bg.jpg') no-repeat center; background-size: cover;}
.services .container {position: relative;}
.services h1 {color: #fff; margin-bottom: 2em;}
.services h1:after {background: #fff;}
.services .background {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #11112d; opacity: 0.8; filter: alpha(opacity=80);}
.services .item {width: 16.666%; position: relative;}
.services .item:first-child {margin-left: 0;}
.services .item:last-child {margin-right: 0;}
.services .item .circle {background: rgba(255,255,255,0.2); border-radius: 50%; width: 66%; margin: auto; padding-top: 66%; position: relative; top: 0; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out;}
.services .item p {color: #fff; width: 100%; margin-top: 1em; font-weight: 300; font-size: 1em; letter-spacing: 0.15em; line-height: 1.3; }
.services .item i {color: #fff; position: absolute; width: 100%; left: 0; top: 80%; font-size: 1.2em; opacity: 0; filter: alpha(opacity=0); }
.notMobile .services .item:hover i {top: 100%; opacity: 1; filter: alpha(opacity=100);}
.notMobile .services .item:hover .circle {top: -0.5em;}
.services svg {position: absolute; top: 22%; width: 50%; left: 50%; margin-left: -25%; height: 52%; }
.services .item.blue .circle {background: rgba(153,226,234,0.2);}
.services .item.orange .circle {background: rgba(239,221,199,0.2);}
.services .item.purple .circle {background: rgba(207,207,249,0.2);}
.services .item.pink .circle {background: rgba(244,212,221,0.2);}
.services .item.green .circle {background: rgba(185,239,199,0.2);}
.services .item.blue p, .services .item.blue i {color: #bbd2e1;}
.services .item.blue path {stroke: #bbd2e1;}
.services .item.orange p, .services .item.orange i {color: #f2e3cc;}
.services .item.orange path {stroke: #f2e3cc;}
.services .item.purple p, .services .item.purple i {color: #d0d0ea;}
.services .item.purple path {stroke: #d0d0ea;}
.services .item.pink p, .services .item.pink i {color: #f4d4dd;}
.services .item.pink path {stroke: #f4d4dd;}
.services .item.green p, .services .item.green i {color: #b9efc7;}
.services .item.green path {stroke: #b9efc7;}

/*
/******** SERVICES **********
*/

.section-service {padding: 7em 0 10em; position: relative;}
.section-service .title {position: relative;}
.section-service .title .circle-wrap {width: 100%; max-width: 360px; margin: auto; position: relative; padding-right: 25%;}
.section-service .title .circle {width: 100%; padding-top: 100%; border-radius: 50%; opacity: 0.2; filter: alpha(opacity=20);}
.section-service .title .spot {animation-duration: 3s; position: absolute; left: -40%; top: -18%; width: 150%; height: 140%; background-size: contain; background-position: center; background-repeat: no-repeat;}
.section-service .title h2 {position: absolute; top: 50%; left: 18.5%; z-index: 1;font-size: 3em; margin: 0; margin-top: -0.7em; letter-spacing: 0.03em; line-height: 1.2;}
.section-service .title h2 span {position: relative; left: 2em;}
.section-service i.arrow {position: absolute; top: 50%; left: 50%; font-size: 2em;  margin-top: -0.5em; margin-left: -0.5em;}
.section-service .description h3 {font-size: 1.7em; margin-bottom: 0.5em; font-weight: 500; letter-spacing: 0.03em;}
.section-service .description ul {margin-left: 1.4em;}
.section-service .description ul li {margin-bottom: 0.8em;}
.section-service .description .buttons {margin-top: 2em; }
.section-service .description .buttons span {float: left; margin-left: 0.5em; letter-spacing: 0.03em; font-weight: 500; font-size: 1.3em; font-family: 'Cormorant Garamond', serif;}
.section-service .description .buttons .item {float: left;}
.section-service .description .buttons .item:first-child {padding-right: 3em;}
.section-service .description .buttons a {display: block;}
.section-service .description .buttons i {float: left; text-align: center; border-radius: 50%; font-size: 1.5em; width: 2.2em; height: 2.2em; padding-top: 0.5em; box-sizing: border-box;}
.section-service .description .buttons .more i.lnr-cross {-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.section-service.align-right .title .circle-wrap {padding-right: 0; padding-left: 25%;}
.section-service.align-right .title h2 {left: auto; right: 16.5%;}
.section-service.align-right .title .spot {left: auto; right: -50%;}
.section-service .modal-info {display: none;}
.section-service .special {letter-spacing: 0.03em; font-weight: 400; line-height: 1.2; font-size: 1.2em; font-family: 'Cormorant Garamond', serif; text-align: center; border-top: 1px solid; border-bottom: 1px solid; padding: 0.5em 0; margin-top: 2em;}
#more-info-modal {display: none; position: fixed; z-index: 99999; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; overflow-y: auto; }
#more-info-modal .wrapper {display: none; position: absolute; width: 80%; left: 10%; top: 10%; height: auto; background: #fff; box-sizing: border-box; padding: 4em; margin-bottom: 10%; }
#more-info-modal h4 {font-size: 1em; padding-top: 2em; margin-bottom: 1.5em; font-weight: 300; letter-spacing: 0.2em;}
#more-info-modal .lnr-cross {cursor: pointer; position: absolute; right: -0.8em; top: -0.8em; font-size: 2.1em; border-radius: 50%; color: #fff; width: 2em; height: 2em; box-sizing: border-box; text-align: center; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out;}
.notMobile #more-info-modal .lnr-cross:hover {-ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1);}
#more-info-modal .lnr-cross.bottom {bottom: -0.8em; top: auto;}
#more-info-modal  ul {margin-left: 1.4em;} 
#more-info-modal  ul li {margin-bottom: 0.2em;} 
#more-info-modal ul li i {width: 1.5em; height: 1.5em; box-sizing: border-box; border-radius: 50%; margin-right: 5px; text-align: center; padding-top: 0.25em; background: transparent !important; color: inherit !important;}
#more-info-modal .write {display: block; margin-top: 2.5em;}
#more-info-modal .write span {float: left; margin-left: 1.2em; letter-spacing: 0.2em; text-transform: uppercase; font-size: 1em; text-transform: uppercase; font-family: 'Cormorant Garamond', serif;}
#more-info-modal .write i {float: left; text-align: center; font-size: 1.7em; border-radius: 50%; width: 2.2em; height: 2.2em; padding-top: 0.55em; padding-left: 0.2em; box-sizing: border-box;}
#more-info-modal .special {text-transform: uppercase; max-width: 432px; font-family: 'Cormorant Garamond', serif; letter-spacing: 0.25em; line-height: 160%; font-size: 75%; text-align: center; border-top: 1px solid; border-bottom: 1px solid; padding: 0.9em 0; margin-top: 4em;}

.section-service.blue .title .circle {background: #a8d5e4;}
.section-service.blue .title h2 {color: #5d96ad; top: 44%;}
.section-service.blue i.arrow {color: #5d96ad;}
.section-service.blue .description h3 {color: #5d96ad;}
.section-service.blue .description .buttons {color: #5d96ad;}
.section-service.blue .description .buttons * {color: #5d96ad;}
.section-service.blue .description .buttons i {background: #edf5f9;}
#more-info-modal.blue {background: #ceeef2; background: rgba(206,238,242,0.8);}
#more-info-modal.blue h4 {color: #5d96ad;}
#more-info-modal.blue i {background: #5d96ad; color: #fff;}
#more-info-modal.blue .write span {color: #5d96ad;}
#more-info-modal.blue .lnr-cross {background: #5d96ad;}
.section-service.blue .special {color: #5d96ad;}
#more-info-modal.blue .special {color: #5d96ad;}
.section-service.blue .title .spot {filter: brightness(0.9) hue-rotate(16deg); opacity: 0.9;}

.section-service.orange .title .circle {background: #efddc7;}
.section-service.orange .title h2 {color: #b58f6f; top: 45%; left: 4%;}
.section-service.orange i.arrow {color: #b58f6f;}
.section-service.orange .description h3 {color: #b58f6f;}
.section-service.orange .description .buttons {color: #b58f6f;}
.section-service.orange .description .buttons * {color: #b58f6f;}
.section-service.orange .description .buttons i {background: #fdf5ed;}
#more-info-modal.orange {background: #f4e6dc; background: rgba(244,230,220,0.8);}
#more-info-modal.orange h4 {color: #b58f6f;}
#more-info-modal.orange i {background: #b58f6f; color: #fff;}
#more-info-modal.orange .write span {color: #b58f6f;}
#more-info-modal.orange .lnr-cross {background: #b58f6f;}
.section-service.orange .special {color: #b58f6f;}
#more-info-modal.orange .special {color: #b58f6f;}

.section-service.pink .title .circle {background: #f4d4dd;}
.section-service.pink .title h2 {color: #dd8aa4; left: -6.5%;}
.section-service.pink i.arrow {color: #dd8aa4;}
.section-service.pink .description h3 {color: #dd8aa4;}
.section-service.pink .description .buttons {color: #dd8aa4;}
.section-service.pink .description .buttons * {color: #dd8aa4;}
.section-service.pink .description .buttons i {background: #fbf3f5; color: #dd8aa4;}
#more-info-modal.pink {background: #efe1e7; background: rgba(239,225,231,0.8);}
#more-info-modal.pink h4 {color: #dd8aa4;}
#more-info-modal.pink i {background: #dd8aa4; color: #fff;}
#more-info-modal.pink .write span {color: #dd8aa4;}
#more-info-modal.pink .lnr-cross {background: #dd8aa4;}
.section-service.pink .special {color: #dd8aa4;}
#more-info-modal.pink .special {color: #dd8aa4;}

.section-service.green .title .circle {background: #c3eacc;}
.section-service.green .title h2 {color: #85af8e;}
.section-service.green i.arrow {color: #85af8e;}
.section-service.green .description h3 {color: #85af8e;}
.section-service.green .description .buttons {color: #85af8e;}
.section-service.green .description .buttons * {color: #85af8e;}
.section-service.green .description .buttons i {background: #effbf2;}
#more-info-modal.green {background: #d4e8d8; background: rgba(212,232,216,0.8);}
#more-info-modal.green h4 {color: #85af8e;}
#more-info-modal.green i {background: #85af8e; color: #fff;}
#more-info-modal.green .write span {color: #85af8e;}
#more-info-modal.green .lnr-cross {background: #85af8e;}
.section-service.green .special {color: #85af8e;}
#more-info-modal.green .special {color: #85af8e;}

.section-service.purple .special {color: #8b8bb1;}
.section-service.purple .title .circle {background: #ccccf2;}
.section-service.purple .title h2 {color: #8b8bb1; top: 44%; left: -30%; width: 130%;}
.section-service.purple i.arrow {color: #8b8bb1;}
.section-service.purple .description h3 {color: #8b8bb1;}
.section-service.purple .description .buttons {color: #8b8bb1;}
.section-service.purple .description .buttons * {color: #8b8bb1;}
.section-service.purple .description .buttons i {background: #f5f5fc;}
#more-info-modal.purple {background: #dadaed; background: rgba(208,208,234,0.8);}
#more-info-modal.purple h4 {color: #8b8bb1;}
#more-info-modal.purple i {background: #8b8bb1; color: #fff;}
#more-info-modal.purple .write span {color: #8b8bb1;}
#more-info-modal.purple .lnr-cross {background: #8b8bb1;}
#more-info-modal.purple .special {color: #8b8bb1;}

/*
/******** WORKSHOPS **********
*/

.workshop {text-align: center; background: #f5f5fc; padding: 10em 0 5em 0;}
.workshop .title {position: relative; margin-bottom: 8em; }
.workshop .title h1 {font-size: 5em; text-transform: none; color: #8b8bb1; position: relative; margin-bottom: 0.2em; font-weight: 300; line-height: 1.1;}
.workshop .title h1:after {display: none;}
.workshop .title h2 {font-size: 1.2em; letter-spacing: 0.25em; font-weight: 300; font-family: 'Roboto', sans-serif; text-transform: uppercase; color: #8b8bb1; position: relative;}
.workshop .title:before {content: ''; position: absolute; left: 50%; top: 50%; padding-top: 260px; width: 260px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; background: #ccccf2; opacity: 0.2; filter: alpha(opacity=20);}
.workshop .text {max-width: 990px; margin: auto;}
.workshop .text p {letter-spacing: 0.03em;}
.workshop .dates {margin: auto; margin-top: 4em; margin-bottom: 3em; max-width: 50em;}
.workshop .dates .mode {text-transform: uppercase; font-weight: 300; color: #636f83; letter-spacing: 0.3em; }
.workshop .dates .mode:after {content:''; display: none; width: 1.4em; height: 1px; background: #8b8bb1; margin: 2em auto 3em;}
.workshop .dates .item {position: relative; display: inline-block; margin: 0 1em; color: #8b8bb1; border-radius: 50%; font-size: 1em; width: 9em; height: 9em; background: #eae9fa; font-family: 'Cormorant Garamond', serif;}
.workshop .dates .item a {position: absolute; display: block; font-size: 0.8em; width: 3em; height: 3em; background: #8b8bb1; letter-spacing: 0.2em; padding-top: 0.3em; box-sizing: border-box; left: 50%; margin-left: -1.5em; border-radius: 50%; color: #f5f5fc; bottom: 100%; margin-bottom: -1.5em; font-family: 'Roboto', sans-serif; text-transform: uppercase;}
.workshop .dates .item b {display: block; font-weight: 100; font-size: 2.8em; letter-spacing: 0.15em; padding-left: 0.15em; padding-top: 1em;}
.workshop .dates .item i {display: block; font-size: 1.1em; text-transform: uppercase; font-style: normal; letter-spacing: 0.2em; margin-top: 0.6em;}
.workshop .dates .time {margin-top: 2em; font-size: 1.6em; letter-spacing: 0.12em; font-family: 'Cormorant Garamond', serif; color: #8b8bb1; font-weight: 100; }
.workshop .dates .time span {font-weight: 700;}
.workshop .dates .time i {font-size: 0.7em; margin: 0 1em; position: relative; top: 0.05em;}
.workshop .info {font-size: 1em; margin-top: 5em; color: #99A5B5;}
.workshop .info span {text-transform: uppercase; font-size: 80%; letter-spacing: 0.2em; }
.workshop .info i {display: inline-block; width: 2.5em; height: 2.5em; font-size: 0.7em; padding-top: 0.7em; box-sizing: border-box; background: #99A5B5; text-align: center; border-radius: 50%; color: #fff; margin: 0 1em; font-weight: bold;}
.workshop .description {max-width: 55em; margin: 0 auto 2em;}
.workshop .buttons {color: #8b8bb1; margin-top: 0; display: inline-block; text-align: center;}
.workshop .buttons * {color: #8b8bb1;}
.workshop .buttons span {float: left; margin-left: 0.5em; letter-spacing: 0.03em; font-weight: 500; font-size: 1.3em; font-family: 'Cormorant Garamond', serif;}
.workshop .buttons .item {float: left;}
.workshop .buttons .item:not(:last-child) {padding-right: 3em;}
.workshop .buttons a {display: block;}
.workshop .buttons i {background: #eaeaf8; float: left; text-align: center; border-radius: 50%; font-size: 1.5em; width: 2.2em; height: 2.2em; padding-top: 0.5em; box-sizing: border-box;}
.workshop .buttons .more i.lnr-cross {-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.workshop .modal-info {display: none;}

.workshop.blue {background: #edf5f9; }
.workshop.blue .text {max-width: 1045px;}
.workshop.blue .title h1 {font-size: 3.5em; color: #5d96ad;}
.workshop.blue .title h2 {margin-bottom: 0.5em; color: #5d96ad; font-weight: 300;}
.workshop.blue .title:before {background: #b0d7ed; }
.workshop.blue .dates .item {background: #b0d7ed;}
.workshop.blue .dates .time, .workshop.blue .dates .item { color: #5d96ad;}
.workshop.blue .dates .item a, .workshop.blue .dates .mode:after {background: #5d96ad;}
.workshop.blue .buttons {color: #5d96ad;}
.workshop.blue .buttons * {color: #5d96ad;}
.workshop.blue .buttons i {background: #ddecf4;}

.workshop.orange {background: #fcf9f6; }
.workshop.orange .text {max-width: 1045px;}
.workshop.orange .title h1 {font-size: 3.5em; max-width: 19em; margin: auto; color: #b58f6f; letter-spacing: 0.05em}
.workshop.orange .title h2 {margin-top: 0.8em; color: #b58f6f; font-weight: 300;}
.workshop.orange .title:before {background: #efddc7; }
.workshop.orange .dates .item {background: #efddc7;}
.workshop.orange .dates .time, .workshop.orange .dates .item { color: #b58f6f;}
.workshop.orange .dates .item a, .workshop.orange .dates .mode:after {background: #b58f6f;}
.workshop.orange .buttons {color: #b58f6f;}
.workshop.orange .buttons * {color: #b58f6f;}
.workshop.orange .buttons i {background: #f8efe7;}

.workshop.green {background: #f8fcf9; }
.workshop.green .text {max-width: 1045px;}
.workshop.green .title h1 {color: #85af8e; font-size: 3.5em;}
.workshop.green .title h2 {color: #85af8e;}
.workshop.green .title:before {background: #c3eacc; }
.workshop.green .dates .item {background: #e0f7fa;}
.workshop.green .dates .time, .workshop.green .dates .item { color: #85af8e;}
.workshop.green .dates .item a, .workshop.green .dates .mode:after {background: #85af8e;}
.workshop.green .buttons {color: #85af8e;}
.workshop.green .buttons * {color: #85af8e;}
.workshop.green .buttons i {background: #e8f6eb;}

.workshop.purple {background: #f7f4fe; }
.workshop.purple .text {max-width: 1045px;}
.workshop.purple .title h1 {color: #8b8bb1; font-size: 3.5em;}
.workshop.purple .title h2 {color: #8b8bb1;}
.workshop.purple .title:before {background: #ccccf2; }
.workshop.purple .dates .item {background: #8b8bb1;}
.workshop.purple .dates .time, .workshop.purple .dates .item { color: #ffffff;}
.workshop.purple .dates .item a, .workshop.purple .dates .mode:after {background: #8b8bb1;}
.workshop.purple .buttons {color: #8b8bb1;}
.workshop.purple .buttons * {color: #8b8bb0;}
.workshop.purple .buttons i {background: #ebe5f4;}

/*
/******** NEWS **********
*/
.news {padding: 5em 0 6em; position: relative; text-align: center; background: url('../images/news-bg.jpg') no-repeat center; background-size: cover;}
.news .container {position: relative;}
.news h1 {color: #fff; margin-bottom: 1.5em;}
.news h1:after {background: #fff;}
.news .background {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #282659; opacity: 0.6; filter: alpha(opacity=60);}
.news .item {border-radius: 10px; cursor: pointer; text-align: left; background: rgba(208,208,234,0.2); padding: 0.6em 0.7em; }
.news .item .img {border-radius: 5px; position: relative; width: 100%; padding-top: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;}
.news .item .img .overlay {opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; font-size: 2.5em; color: #fff; background: rgba(160, 160, 202, 0.9);}
.notMobile .news .item:hover .img .overlay {opacity: 1; filter: alpha(opacity=100);}
.news .item h3 {color: #fff; font-size: 1.7em; margin-bottom: 0.5em;}
.news .item p {color: #f4f4ff; font-weight: 300;}
.news .item .button {cursor: pointer; color: #fff; display: inline-block; font-family: 'Cormorant Garamond', serif; font-size: 1.2em; font-weight: 400; line-height: 1.2; border-bottom: 1px solid #fff;}
.news .modal-info {display: none;}
#blog-modal {display: none; position: fixed; z-index: 99999; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; overflow-y: auto; background: #dadaed; background: rgba(208,208,234,0.8);}
#blog-modal .wrapper {display: none; position: absolute; width: 80%; left: 10%; top: 10%; height: auto; background: #fff; box-sizing: border-box; margin-bottom: 10%; }
#blog-modal h4 {font-size: 1em; padding-top: 2em; margin-bottom: 1.5em; font-weight: 300; letter-spacing: 0.2em; color: #8b8bb1;}
#blog-modal .lnr-cross {cursor: pointer; position: absolute; right: -0.8em; top: -0.8em; font-size: 2.1em; border-radius: 50%; color: #fff; background: #8b8bb1; width: 2em; height: 2em; box-sizing: border-box; text-align: center; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out;}
.notMobile #blog-modal .lnr-cross:hover {-ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1);}
#blog-modal .lnr-cross.bottom {bottom: -0.8em; top: auto;}
#blog-modal  ul {margin-left: 1.4em;}
#blog-modal  ul li {margin-bottom: 0.2em;}
#blog-modal ul li i {width: 1.5em; height: 1.5em; box-sizing: border-box; border-radius: 50%; margin-right: 5px; text-align: center; padding-top: 0.25em; background: transparent !important; color: inherit !important;}
#blog-modal .banner {background-image: none !important;}
#blog-modal .title {display: inline-block; font-size: 1.8em; font-weight: 400; letter-spacing: 0; padding: 0.5em 2.1em; color: #fff; background: #8b8bb1; font-family: 'Cormorant Garamond', serif; }
#blog-modal .content {padding: 2.5em 4em;}
#blog-modal .wrap {padding: 0 4em 4em;}
#blog-modal .write {display: block; margin-top: 0;}
#blog-modal .write span {float: left; margin-left: 0.5em; font-weight: 400; color: #8b8bb0; letter-spacing: 0.03em; text-transform: none; font-size: 1.3em; font-family: 'Cormorant Garamond', serif;}
#blog-modal .write i {float: left; text-align: center; background: #8b8bb1; color: #fff; font-size: 1.7em; border-radius: 50%; width: 2.2em; height: 2.2em; padding-top: 0.55em; padding-left: 0.2em; box-sizing: border-box;}

/*
/******** TAGLINE **********
*/
.tagline {background: #fff; padding: 8em 0 2em; position: relative; z-index: 5;}
.tagline .wrap {width: 100%; max-width: 230px; margin: auto; position: relative;}
.tagline .circle {opacity: 0.2; filter: alpha(opacity=20); width: 100%; padding-top: 100%; background: #ccccf2; border-radius: 50%;}
.tagline .spot {position: absolute; width: 200%; left: -73%; height: 100%; top: -5%; background: url('../images/spot-purple.png') no-repeat; background-size: contain; background-position: center; }
.tagline .text {position: absolute; color: #8b8bb1; top: 4em; left: -2em; font-size: 1.2em; line-height: 1;}
.tagline .text .t1 {font-family: 'Cormorant Garamond', serif; font-weight: 300; top: 30%; margin-left: 0; font-size: 1.5em; width: 100%; line-height: 1.3;}
.tagline .text .t2 {margin-left: 30%; width: 100%; line-height: 1.5; letter-spacing: 0.1em;}
.tagline .text .t3 {margin-left: 60%; width: 100%; line-height: 1.5; letter-spacing: 0.1em;}
/* {content: ''; position: absolute; right: 110%; top: 50%; width: 2em; border-top: 1px solid #1b2370;}*/

/*
/******** CONTACT **********
*/
.contact {background: #fff; text-align: center; position: relative; padding-bottom: 10em;}
.contact .wrap {background: #fff; padding: 6em; position: relative; z-index: 60; border-radius: 5em;}
.contact .background {width: 100%; overflow: hidden; position: absolute; bottom: 0; left: 0; height: 56%; background-color: #f3e7dd;}
.contact .gradient {width: 100%; position: absolute; top: 0; left: 0; height: 60%; background: -moz-linear-gradient(top, #ab9d9352 0%, #ab9d9300 100%); background: -webkit-linear-gradient(top, #ab9d9352 0%, #ab9d9300 100%); background: linear-gradient(to bottom, #ab9d9352 0%, #ab9d9300 100%);}
.contact .container {position: relative;}
.contact .spot-wrap {opacity: 0.3;}
.contact .spot {animation-duration: 3s; filter: blur(15px); background: url('../images/footer-2026.png') no-repeat center; background-size: 70%; z-index: 50; position: absolute; top: -80%; height: 170%; width: 100%; left: 0;}
.contact .info {color: #1b2370; margin-bottom: 2em; font-weight: 400;}
.contact form {display: block; max-width: 610px; margin: auto;}
.contact form .item {margin-bottom: 1em; width: 48%;}
.contact form .item.textarea {width: 100%;}
.contact form input.error, .contact form textarea.error, .contact form select.error{border-color: red;}
.contact form label {text-align: left; display: block; margin-bottom: -1.5em; font-size: 0.6em; text-transform: uppercase; font-weight: 400; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear;}
.contact form .active label {opacity: 0.6; filter: alpha(opacity=60);}
.contact form .btn {margin-top: 1em; position: relative;}
.contact form .btn.loading .loader {display: block;}

.loader {display: none; position: absolute; left: 0; width: 100%; top: 0; background: #181e54; box-sizing: border-box; padding-top: 0.9em; height: 100%;-webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em;}
.loader .icon {display: inline-block; border: 3px solid rgba(255,255,255,0.2); border-top: 3px solid #fff; border-radius: 50%; width: 1.4em; height: 1.4em; animation: spin 0.5s linear infinite;}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.contact .success {display: none; color: #1b2370; margin-bottom: 3em;}
.contact .success svg {transform-origin: 0px 0px 0px; margin-bottom: 1em;}
.contact .success svg circle {transform-origin: 0px 0px 0px;-webkit-animation: checkmark-circle 1s ease-in-out 0.9s backwards; animation: checkmark-circle 1s ease-in-out 0.9s backwards; }
.contact .success svg path {transform-origin: 0px 0px 0px;-webkit-animation: checkmark .25s ease-in-out 1.8s backwards; animation: checkmark .25s ease-in-out 1.8s backwards; }
@-webkit-keyframes checkmark{
  0%{stroke-dashoffset:50px}
  100%{stroke-dashoffset:0}
}
@-ms-keyframes checkmark{
  0%{stroke-dashoffset:50px}
  100%{stroke-dashoffset:0}
}
@keyframes checkmark{
  0%{stroke-dashoffset:50px}
  100%{stroke-dashoffset:0}
}
@-webkit-keyframes checkmark-circle{
  0%{stroke-dashoffset:240px}
  100%{stroke-dashoffset:480px}
}
@-ms-keyframes checkmark-circle{
  0%{stroke-dashoffset:240px}
  100%{stroke-dashoffset:480px}
}
@keyframes checkmark-circle{
  0%{stroke-dashoffset:240px}
  100%{stroke-dashoffset:480px}
}



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

footer {width: 100%; overflow: hidden; text-align: center; margin: 0; padding: 5em 0; color: #fff; background: #171533;}
footer path {fill: #f3e7dd;}
footer p, footer li {font-size: 90%; color: #f3e7dd;}
footer ul {list-style-type: none; margin: 0;}
footer .title {margin-bottom: 1em; font-size: 1.7em; text-transform: none; font-weight: 400; letter-spacing: 0em; font-family: 'Cormorant Garamond', serif;}
footer .logo {max-width: 60px; height: auto; margin-bottom: 3em;}
footer .links li {display: inline-block; font-size: 0.9em; margin: 1em; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 400;}
.social-links {line-height: 100%; margin-bottom: 3em;}
.social-links ul {list-style-type: none;}
.social-links i {color: #181e54; background: #f3e7dd; width: 2.2em; height: 2.2em; border-radius: 100%; font-size: 1.5em; box-sizing: border-box; padding-top: 0.6em;}
.social-links li {display: inline-block; margin-left: 2em; text-align: center; line-height: 100%; }
.social-links li span {color: #f3e7dd; text-transform: uppercase; font-size: 70%; letter-spacing: 0.3em; display: inline-block; margin-left: 10px;}
.social-links li:first-child {margin-left: 0;}
footer .social-links i:hover {background: #fff; -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1);}
footer .mailing form {background: #fff; display: inline-block; width: 100%; max-width: 305px; box-sizing: border-box; padding: 6px 15px; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em;}
footer .mailing form input[type="email"] {flex: 1; color: #181e54; background: transparent; border: none; padding: 0.5em; font-size: 16px; letter-spacing: 0.03em;}
footer .mailing form input[type="submit"] {font-size: 1.5em; color: #181e54; background: transparent; text-align: right; padding: 0;}
footer .mailing .success {padding: 5px 0;}


.notMobile .news {background-attachment: fixed;}
.notMobile .services {background-attachment: fixed;}

/*
/******** TABLETS AND SMALLER **********
*/
@media all and (max-width: 1000px) {
  header {top: 0; background: transparent; box-shadow: 0 0 20px rgba(23, 51, 72,0);}
  header .logo {opacity: 0;}
  header.scroll {background: #fff; box-shadow: 0 0 20px rgba(23, 51, 72,0.1);}
  header.scroll .logo {opacity: 1;}

  body {font-size: 13px;}

  .tagline {padding: 6em 0 1em; position: relative; z-index: 200;}
  .hero {height: 80vh;}
  .hero .logo {margin: 0; padding-bottom: 15vh;}
  .hero .logo p {font-size: 1.5vw;}
  .hero .logo img {max-width: 350px;}
  .hero .nav {display: none !important;}
  .hero .social-links {display: none !important;}
  .hero .scroll-down {right: 50%; -webkit-transform: translateX(50%); transform: translateX(50%);}

  .about .wrap {padding: 5em 3em;}
  .quote {padding: 3em 2em 1em; margin-top: 4em; width: 110%; margin-left: -5%; box-sizing: border-box;}
  .quote.one-line {width: 90%; margin-left: 5%;}
  .quote.one-line .text {font-size: 1.1em;}

  .services {padding: 5em 0 2em;}
  .services .item {width: 33%; margin-bottom: 2em;}
  .services .item .circle {width: 50%; padding-top: 50%;}

  .section-service {padding: 5em 0;}
  .section-service .title .circle-wrap {max-width: 190px; padding: 0 !important;}
  .section-service .title h2 {font-size: 2.5em; font-weight: 300;width: 160%; left: -28%; text-align: center; top: 47%;}
  .section-service.pink .title h2 {left: -28%;}
  .section-service.align-right.orange .title h2 {left: -39%;}
  .section-service.align-right .title h2 {left: -28%; right: auto;}
  .section-service .description .buttons .item {margin-bottom: 1em;}

  .section-service.blue .title h2 {left: -51%;}
  .section-service.orange .title h2 {left: -42%;}
  .section-service.purple .title h2 {left: -15%; top: 39%;}

  .workshop {padding: 9em 0 4em 0;}
  .workshop .title {margin-bottom: 7em; font-size: 0.8em;}
  .workshop .title h1 {font-size: 4em;}
  .workshop .dates .time {font-size: 1.1em; font-weight: 300;}
  .workshop .title:before {width: 200px; padding-top: 200px;}

  #blog-modal .title {bottom: auto; top: 100%;}


}

/*
/******** MOBILE **********
*/
@media all and (max-width: 700px) {
  .wow.small--noanimation {visibility: visible !important; animation: none !important;}

  h1 {font-size: 2.2em;}

  html {font-size: 14px;}
  .container {padding: 0 15px;}
  .hero .spot {background-size: 200%; filter: blur(10px);}
  .hero .logo p {font-size: 2.1vw; font-weight: 300;}
  .hero .logo img {max-width: 80%;}
  .hero .nav li {flex: 1;}

  header .logo {padding: 0.35em 1em 0.55em; margin: 0;}
  header .logo img {max-width: 150px; padding: 5px 0;}
  header .logo p {max-width: 11em; font-size: 0.6em; margin-top: 1.2em;}
  header .menu .left {display: none;}
  header .menu {right: 1em; margin-top: 0.2em;}
  header .menu i {font-size: 2.5em;}
  header nav {padding: 6em 5em 0 0;}
  header nav li {font-size: 1.9em;}
  header nav i {right: 0.5em; top: 0.5em; font-size: 2.5em;}

  .about {padding-top: 3em;}
  .about .wrap {padding: 4em 1.7em; border-radius: 2.5em;}
  .about p.subtitle {font-size: 1.2em;}
  .quote {padding: 3em 2em 1em; margin-top: 4em; width: 115%; margin-left: -7.5%; box-sizing: border-box;}
  .quote.one-line {width: 90%; margin-left: 5%;}
  .quote.one-line .text {font-size: 1.1em;}

  .book .wrap {padding: 2.5em 1.7em; border-radius: 2.5em;}
  .book img {margin: 0; margin-bottom: 1em; }
  .book.cards {padding-bottom: 4em;}
  .book.cards img {margin-bottom: 2em; }

  .services {padding: 4em 0;}
  .services .item {width: 50%; margin: 0 0 2em;}
  .services .item:last-child {margin: 0;}
  .services .item .circle {width: 70%; padding-top: 70%; margin: auto;}

  .section-service {padding: 4em 0;}
  .section-service .title  {margin-bottom: 5em; }
  .section-service .title .circle-wrap {width: 50%; padding: 0;}
  .section-service .title h2 {font-size: 2em; width: 180%; left: -38%; text-align: center; top: 47%;}
  .section-service.pink .title h2 {left: -38%;}
  .section-service.align-right.orange .title h2 {left: -54%;}
  .section-service .title .spot {left: -20%; width: 120%; height: 120%; top: -10%;}
  .section-service.align-right .title .circle-wrap {padding-left: 0;}
  .section-service.align-right .title h2 {left: -39%; right: auto;}
  .section-service i.arrow {top: 10.5em;}
  .section-service.align-right .title .spot {right: -20%;}

  #more-info-modal .wrapper {width: 90%; left: 5%; top: 5%; padding: 2em;}
  #more-info-modal .lnr-cross {font-size: 1.7em; right: -0.6em; top: -0.6em;}

  .workshop {padding: 7em 0 4em;}
  .workshop .title h1 {font-size: 3em;}
  .workshop .title h1 br {display: none;}
  .workshop .title:before {width: 170px; padding-top: 170px;}
  .workshop .dates {margin-top: 3em;}
  .workshop .dates .grid__item {margin-bottom: 5em;}
  .workshop .dates .item {width: 7em; height: 7em;}
  .workshop .dates .item b {font-size: 2em; padding-top: 1.14em;}
  .workshop .dates .item i {font-size: 0.8em; margin-top: 0.1em;}
  .workshop .dates .time {font-size: 1.2em;}
  .workshop .info {margin-top: 0;}

  .workshop.blue .title {margin-bottom: 10em;}
  .workshop.orange .title {margin-bottom: 9em;}
  .workshop.purple .title {margin-bottom: 7em;}

  .news {padding: 4em 0 5em;}
  .news h1 {margin-bottom: 1.5em;}
  .slick-slider .slick-slide {margin: 0 5px;}
  .news .item {/*opacity: 0.2; filter: alpha(opacity=20);*/ padding: 1em; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out;}
  /*.news .item.slick-center {opacity: 1; filter: alpha(opacity=100);}*/
  .news .item h3 {padding-top: 0.5em; font-size: 1.2em;}
  .slick-dots {bottom: -4em;}
  .slick-dots li {margin: 0 0.8em;}
  .slick-dots li button {width: 10px; height: 10px;}
  .news .item p {display: none;}
  #blog-modal .wrapper {width: 90%; left: 5%; top: 5%; }
  #blog-modal .content {padding: 2em;}
  #blog-modal .wrap {padding: 0 2em 2em;}
  #blog-modal .lnr-cross {font-size: 1.7em; right: -0.6em; top: -0.6em;}
  #blog-modal .title {font-size: 1.5em; line-height: 1.3; padding: 0.5em 1.65em;}

  .tagline .wrap {max-width: 180px;}
  .tagline {padding: 6em 0 4em;}
  .tagline .text {top: 3.7em;}

  .contact .wrap {padding: 2em 2em 4em 2em; border-radius: 2.5em}
  .contact .background {height: 50%;}
  .contact {padding-bottom: 8em;}
  .contact .spot {background-size: 125%; top: -65%; filter: blur(6px); opacity: 0.4;}
  .contact form .item {width: 100%;}

  footer {padding: 4em 0;}
  footer .logo {max-width: 45px;}
  footer .social-links i {width: 25px; height: 25px; font-size: 11px;}
  footer .social-links li {margin-left: 25px;}
  footer .links {padding: 0 15px; box-sizing: border-box; }
  footer .title {font-size: 75%;}
  footer .mailing form {max-width: 216px;}

  .workshop .title {font-size: 0.6em; margin-bottom: 10em;}

  .section-service .description {text-align: center;}
  .section-service .description .buttons {justify-content: center;}
  .section-service p {color: #555;}
  .workshop p {color: #555;}

}
@media all and (max-width: 500px) {
  .hero .logo p {font-size: 2.7vw; font-weight: 300;}
  .hero .nav {padding: 0 20px; bottom: 1.5em; box-sizing: border-box; display: flex; display: -webkit-flex; -webkit-justify-content: space-around; justify-content: space-between;}
  .workshop .info {font-size: 3vw;}
  .section-service.align-right.orange .title h2 {font-size: 1.7em;}

}

@media all and (max-width: 350px) {
.section-service.pink .title h2 {letter-spacing: 0.18em; font-size: 1.8em;}
}


/*
/******** Animate.css **********
*/

@charset "UTF-8";
.animated{-webkit-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated-fast{-webkit-animation-duration:0.3s;animation-duration:0.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s}
.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}
@-webkit-keyframes fadeIn {
0%{opacity:0}
100%{opacity:1}
}
@keyframes fadeIn {
0%{opacity:0}
100%{opacity:1}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInDown {
0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInDown {
0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@keyframes fadeInLeft {
0%{opacity:0;-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInRight {
0%{opacity:0;-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInRight {
0%{opacity:0;-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInUp {
0%{opacity:0;-webkit-transform:translate3d(0,80px,0);transform:translate3d(0,80px,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUp {
0%{opacity:0;-webkit-transform:translate3d(0,80px,0);transform:translate3d(0,80px,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUpSmall {
0%{opacity:0;-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUpSmall {
0%{opacity:0;-webkit-transform:translate3d(0,30px,0);transform:translate3d(0,30px,0)}
100%{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUpSmall{-webkit-animation-name:fadeInUpSmall;animation-name:fadeInUpSmall}
@-webkit-keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
@keyframes fadeOut {
0%{opacity:1}
100%{opacity:0}
}
.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}
@-webkit-keyframes fadeOutDown {
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
@keyframes fadeOutDown {
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}
@-webkit-keyframes fadeOutLeft {
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
@keyframes fadeOutLeft {
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}
@-webkit-keyframes fadeOutRight {
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
@keyframes fadeOutRight {
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
@-webkit-keyframes fadeOutUp {
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
@keyframes fadeOutUp {
0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}
@-webkit-keyframes zoomIn {
0%{opacity:0;-webkit-transform:scale(.9,.9);transform:scale(.9,.9)}
50%{opacity:1}
}
@keyframes zoomIn {
0%{opacity:0;-webkit-transform:scale(.9,.9);transform:scale(.9,.9)}
50%{opacity:1}
}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
@-webkit-keyframes zoomOut {
0%{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
100%{opacity:0}
}
@keyframes zoomOut {
0%{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}
100%{opacity:0}
}
.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}
@-webkit-keyframes slideInDown {
0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}
100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInDown {
0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}
100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}
@-webkit-keyframes slideInLeft {
0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInLeft {
0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}
100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}
@-webkit-keyframes slideInRight {
0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInRight {
0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}
100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}
@-webkit-keyframes slideInUp {
0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}
100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
@keyframes slideInUp {
0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}
100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}
@-webkit-keyframes slideOutDown {
0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
100%{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
@keyframes slideOutDown {
0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
100%{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
}
.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}
@-webkit-keyframes slideOutLeft {
0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
100%{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
@keyframes slideOutLeft {
0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
100%{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
}
.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}
@-webkit-keyframes slideOutRight {
0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
100%{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
@keyframes slideOutRight {
0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
100%{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
}
.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}
@-webkit-keyframes slideOutUp {
0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
@keyframes slideOutUp {
0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
}
.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}