/* 
	Table of Contents

	I.   Generic --------------------------------------
	     01. Reset ------------------------------------
	     02. Base -------------------------------------
	         Small Desktop ----------------------------
	         Mobile -----------------------------------
	     03. Fonts ------------------------------------
	         Notext -----------------------------------
	         Hidden -----------------------------------
	         Alignleft --------------------------------
	         Alignright -------------------------------
	         Disabled ---------------------------------
	         Grid -------------------------------------
	         Mobile -----------------------------------
	         Responsive Helpers -----------------------
	     04. Keyframes --------------------------------
	         Mobile -----------------------------------
	     05. Disable Scroll ---------------------------
	II.  Regions --------------------------------------
	     01. Container --------------------------------
	     02. Content ----------------------------------
	     03. Footer -----------------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     04. Header -----------------------------------
	         Tablet Portrait --------------------------
	     05. Main -------------------------------------
	     06. Shell ------------------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	     07. Sidebar ----------------------------------
	     08. Wrapper ----------------------------------
	III. Modules --------------------------------------
	     01. Accordion --------------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     02. Accordion Simple -------------------------
	         Mobile -----------------------------------
	     03. BG Holder --------------------------------
	     04. Button -----------------------------------
	         Tablet Portrait --------------------------
	         Btn White --------------------------------
	         Tablet Portrait --------------------------
	         Button Block -----------------------------
	     05. Btn Play ---------------------------------
	         Mobile -----------------------------------
	     06. Btn Mute ---------------------------------
	     07. Btn Quote --------------------------------
	     08. Credits ----------------------------------
	         Mobile -----------------------------------
	     09. Form Elements ----------------------------
	     10. Form -------------------------------------
	         Small Desktop ----------------------------
	         Mobile -----------------------------------
	     11. List -------------------------------------
	     12. Loader -----------------------------------
	         Mobile -----------------------------------
	     13. Logo -------------------------------------
	         Small Desktop ----------------------------
	     14. Nav --------------------------------------
	         Small Desktop ----------------------------
	     15. Section ----------------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     16. Section Intro ----------------------------
	         Tablet Portrait --------------------------
	     17. Section Pink Bg --------------------------
	         Tablet Portrait --------------------------
	     18. Section Light ----------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     19. Section Features -------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     20. Section Steps ----------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	     21. Section Faq ------------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     22. Section Contacts -------------------------
	         Tablet Portrait --------------------------
	     23. Slider -----------------------------------
	         Small Desktop ----------------------------
	         Mobile -----------------------------------
	     24. Slider Images ----------------------------
	     25. Socials ----------------------------------
	         Mobile -----------------------------------
	     26. Step -------------------------------------
	         Small Desktop ----------------------------
	         Mobile -----------------------------------
	     27. Table ------------------------------------
	     28. Video ------------------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	         Modifiers --------------------------------
	     29. Waypoint ---------------------------------
	     30. Widget -----------------------------------
 */

.ico-facebook-light { background-image: url(https://graphicmama.com/custom-puppets/css/images/sprite.png); background-position: 98.50746268656717% 53.714285714285715%; background-size: 2333.333333333333% 1266.6666666666665%; width: 9px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-facebook { background-image: url(https://graphicmama.com/custom-puppets/css/images/sprite.png); background-position: 98.50746268656717% 36.57142857142857%; background-size: 2333.333333333333% 1266.6666666666665%; width: 9px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-graphic-mama-light { background-image: url(https://graphicmama.com/custom-puppets/css/images/sprite.png); background-position: 38.028169014084504% 58.0246913580247%; background-size: 308.8235294117647% 678.5714285714286%; width: 68px; height: 28px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-graphic-mama { background-image: url(https://graphicmama.com/custom-puppets/css/images/sprite.png); background-position: 88.73239436619718% 58.0246913580247%; background-size: 308.8235294117647% 678.5714285714286%; width: 68px; height: 28px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-instagram-light { background-image: url(https://graphicmama.com/custom-puppets/css/images/sprite.png); background-position: 57.14285714285714% 36.36363636363637%; background-size: 1500% 1357.142857142857%; width: 14px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-instagram { background-image: url(https://graphicmama.com/custom-puppets/css/images/sprite.png); background-position: 47.95918367346938% 36.36363636363637%; background-size: 1500% 1357.142857142857%; width: 14px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-logo-light { background-image: url(https://graphicmama.com/custom-puppets/css/images/sprite.png); background-position: 100% 0%; background-size: 375% 316.66666666666663%; width: 56px; height: 60px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-logo { background-image: url(https://graphicmama.com/custom-puppets/css/images/sprite.png); background-position: 61.038961038961034% 0%; background-size: 375% 316.66666666666663%; width: 56px; height: 60px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-papper-clip { background-image: url(https://graphicmama.com/custom-puppets/css/images/sprite.png); background-position: 91.66666666666666% 36.99421965317919%; background-size: 1166.6666666666665% 1117.6470588235293%; width: 18px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-play-large-alt { background-image: url(https://graphicmama.com/custom-puppets/css/images/sprite.png); background-position: 0% 67.14285714285714%; background-size: 420% 380%; width: 50px; height: 50px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-play-large { background-image: url(https://graphicmama.com/custom-puppets/css/images/sprite.png); background-position: 0% 0%; background-size: 233.33333333333334% 211.11111111111111%; width: 90px; height: 90px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-play { background-image: url(https://graphicmama.com/custom-puppets/css/images/sprite.png); background-position: 0% 100%; background-size: 500% 452.38095238095235%; width: 42px; height: 42px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-twitter-light { background-image: url(https://graphicmama.com/custom-puppets/css/images/sprite.png); background-position: 66.3265306122449% 35.754189944134076%; background-size: 1500% 1727.2727272727273%; width: 14px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; }
.ico-twitter { background-image: url(https://graphicmama.com/custom-puppets/css/images/sprite.png); background-position: 27.55102040816326% 70.39106145251397%; background-size: 1500% 1727.2727272727273%; width: 14px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; }
.paper-clip-hover, a:hover .paper-clip, button:hover .paper-clip, a.hover .paper-clip, button.hover .paper-clip, .paper-clip.hover { background-image: url(https://graphicmama.com/custom-puppets/css/images/sprite.png); background-position: 80.20833333333334% 36.99421965317919%; background-size: 1166.6666666666665% 1117.6470588235293%; width: 18px; height: 17px; display: inline-block; vertical-align: middle; font-size: 0; }
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.ico-facebook-light { background-image: url(https://graphicmama.com/custom-puppets/css/images/sprite.@2x.png); background-position: 54.36893203883495% 43.888888888888886%; background-size: 2388.888888888889% 1300%; width: 9px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-facebook { background-image: url(https://graphicmama.com/custom-puppets/css/images/sprite.@2x.png); background-position: 48.05825242718447% 43.888888888888886%; background-size: 2388.888888888889% 1300%; width: 9px; height: 15px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-graphic-mama-light { background-image: url(https://graphicmama.com/custom-puppets/css/images/sprite.@2x.png); background-position: 36.734693877551024% 59.2814371257485%; background-size: 316.1764705882353% 696.4285714285714%; width: 68px; height: 28px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-graphic-mama { background-image: url(https://graphicmama.com/custom-puppets/css/images/sprite.@2x.png); background-position: 85.71428571428571% 59.2814371257485%; background-size: 316.1764705882353% 696.4285714285714%; width: 68px; height: 28px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-instagram-light { background-image: url(https://graphicmama.com/custom-puppets/css/images/sprite.@2x.png); background-position: 90.04975124378109% 35.35911602209944%; background-size: 1535.7142857142858% 1392.857142857143%; width: 14px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-instagram { background-image: url(https://graphicmama.com/custom-puppets/css/images/sprite.@2x.png); background-position: 99.00497512437812% 35.35911602209944%; background-size: 1535.7142857142858% 1392.857142857143%; width: 14px; height: 14px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-logo-light { background-image: url(https://graphicmama.com/custom-puppets/css/images/sprite.@2x.png); background-position: 100% 0%; background-size: 383.92857142857144% 325%; width: 56px; height: 60px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-logo { background-image: url(https://graphicmama.com/custom-puppets/css/images/sprite.@2x.png); background-position: 62.264150943396224% 0%; background-size: 383.92857142857144% 325%; width: 56px; height: 60px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-papper-clip { background-image: url(https://graphicmama.com/custom-puppets/css/images/sprite.@2x.png); background-position: 80.71065989847716% 36.15819209039548%; background-size: 1194.4444444444446% 1083.3333333333335%; width: 18px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-play-large-alt { background-image: url(https://graphicmama.com/custom-puppets/css/images/sprite.@2x.png); background-position: 0% 68.27586206896552%; background-size: 430% 390%; width: 50px; height: 50px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-play-large { background-image: url(https://graphicmama.com/custom-puppets/css/images/sprite.@2x.png); background-position: 0% 0%; background-size: 226.3157894736842% 205.26315789473685%; width: 95px; height: 95px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-play { background-image: url(https://graphicmama.com/custom-puppets/css/images/sprite.@2x.png); background-position: 0% 100%; background-size: 511.90476190476187% 464.28571428571433%; width: 42px; height: 42px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-twitter-light { background-image: url(https://graphicmama.com/custom-puppets/css/images/sprite.@2x.png); background-position: 58.2089552238806% 34.78260869565217%; background-size: 1535.7142857142858% 1772.7272727272727%; width: 14px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; }
	.ico-twitter { background-image: url(https://graphicmama.com/custom-puppets/css/images/sprite.@2x.png); background-position: 49.25373134328358% 34.78260869565217%; background-size: 1535.7142857142858% 1772.7272727272727%; width: 14px; height: 11px; display: inline-block; vertical-align: middle; font-size: 0; }}
.cols:after { content: ''; line-height: 0; display: table; clear: both; }
/* ------------------------------------------------------------ *\
	I.   Generic
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */
*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main { display: block; }
html { tap-highlight-color: rgba(0,0,0,0); }
body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }
img,
iframe,
video,
audio,
object { max-width: 100%; }
img,
iframe { border: 0 none; }
img { height: auto; display: inline-block; vertical-align: middle; }
b,
strong { font-weight: bold; }
address { font-style: normal; }
svg:not(:root) { overflow: hidden; }
a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }
a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { -webkit-appearance: none; appearance: none; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
textarea { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }
button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }
button,
select { text-transform: none; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; }
nav ul,
nav ol { list-style: none outside none; }
/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */
body { min-width: 320px; background: #fff; font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 2; color: #666; font-weight: 400; }
a { color: inherit; text-decoration: underline; }
a:hover { text-decoration: none; }
a[href^="tel"] { text-decoration: none; }
h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 1em; }
h1 { font-size: 95px; line-height: .88; color: #1eb1fa; font-weight: 600; }
h2 { font-size: 60px; line-height: .92; color: #fff200; font-weight: 600; }
h3 { font-size: 55px; }
h4 { font-size: 30px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; line-height: 1.3; color: #555; font-weight: 600; }
@media (max-height: 850px) {
	h1 { font-size: 80px; }
}
/* Small Desktop */
@media (max-width: 1599px) {
	h1 { font-size: 80px; }
	h2 { font-size: 50px; }
	h3 { font-size: 45px; }
	h4 { font-size: 26px; }
}
/* Mobile */
@media (max-width: 767px) {
	body { font-size: 14px; }

	h1 { font-size: 40px; line-height: 1; }
	h2 { font-size: 34px; line-height: 1.2; }
	h3 { font-size: 30px; }
	h4 { font-size: 20px; }
	h5 { font-size: 16px; }
	h6 { font-size: 14px; }
}
p,
ul,
ol,
dl,
table,
blockquote { margin-bottom: 2em; }
h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }
/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */
------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

/*  Clear  */

.clear:after { content: ''; line-height: 0; display: table; clear: both; }
/*  Notext  */
.notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; }
.notext-old { font-size: 0; line-height: 0; text-indent: -4000px; }
/*  Hidden  */
[hidden],
.hidden { display: none; }
/*  Alignleft  */
.alignleft { float: left; }
/*  Alignright  */
.alignright { float: right; }
/*  Disabled  */
[disabled],
.disabled { cursor: default; }
/*  Grid  */
.cols { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: start; align-items: flex-start; margin: 0 -15px; }
.cols:after { }
.col { width: 100%; padding: 0 15px; }
.col--1of2 { width: 48%; }
/* Mobile */
@media (max-width: 767px) {
	.col { width: 100%; }
}
/*  Responsive Helpers  */
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block { display: none !important; }
@media (max-width: 767px) {
	.hidden-xs { display: none !important; }
	.visible-xs-block { display: block !important; }
	.visible-xs-inline { display: inline !important; }
	.visible-xs-inline-block { display: inline-block !important; }
}
@media (min-width: 768px) and (max-width: 1024px) {
	.hidden-sm { display: none !important; }
	.visible-sm-block { display: block !important; }
	.visible-sm-inline { display: inline !important; }
	.visible-sm-inline-block { display: inline-block !important; }
}
@media (min-width: 1025px) and (max-width: 1599px) {
	.hidden-md { display: none !important; }
	.visible-md-block { display: block !important; }
	.visible-md-inline { display: inline !important; }
	.visible-md-inline-block { display: inline-block !important; }
}
@media (min-width: 1600px) {
	.hidden-lg { display: none !important; }
	.visible-lg-block { display: block !important; }
	.visible-lg-inline { display: inline !important; }
	.visible-lg-inline-block { display: inline-block !important; }
}
/* ------------------------------------------------------------ *\
	Keyframes
\* ------------------------------------------------------------ */
@keyframes circleAnimate {
	0% { width: 36px; height: 36px; opacity: 1; }
	50% { width: 20px; height: 20px; opacity: 0; }
	100% { width: 36px; height: 36px; opacity: 1; }
}
@keyframes moveArrows {
	10%, 90% { transform: translate3d(-1px, 0, 0); }
	20%, 80% { transform: translate3d(2px, 0, 0); }
	30%, 50%, 70% { transform: translate3d(-4px, 0, 0); }
 	40%, 60% { transform: translate3d(4px, 0, 0); }
}
@keyframes moveHead {
	0% { transform: translate3d(-50%, 0, 0); }
	25% { transform: translate3d(-50%, -60px, 0); }
	50% { transform: translate3d(-50%, 0, 0); }
	100% { transform: translate3d(-50%, 0, 0); }
}
/* Mobile */
@media (max-width: 767px) {
	@keyframes moveHead {
		0% { transform: translate3d(-50%, 0, 0); }
		25% { transform: translate3d(-50%, -40px, 0); }
		50% { transform: translate3d(-50%, 0, 0); }
		100% { transform: translate3d(-50%, 0, 0); }
	}
}
@keyframes lightSpeedIn {
  from { transform: translate3d(100%, 0, 0) skewX(-5deg); opacity: 0; }
  60% { transform: skewX(5deg); }
  80% { transform: skewX(-5deg); }
  to { transform: none; opacity: 1; }
}
@keyframes lightSpeedOut {
  from { opacity: 1; }
  to { transform: translate3d(100%, 0, 0) skewX(5deg); opacity: 0; }
}
@keyframes dashlogo {
	to { stroke-dashoffset: 0px; }
}
@keyframes fillOpacity {
  to { fill-opacity: 1;	}
}
@keyframes pulsingLogo {
	0% { transform: scale(1, 1); }
	25% { transform: scale(1.2, 1.2); }
	50% { transform: scale(1, 1); }
	75% { transform: scale(.8, .8); }
	100% { transform: scale(1, 1); }
}
@keyframes shakeBox {
	0% { transform: rotate(-3.4deg); }
	25% { transform: rotate(0deg); }
	50% { transform: rotate(3.4deg); }
	75% { transform: rotate(0deg); }
	100% { transform: rotate(-3.4deg); }
}
/* ------------------------------------------------------------ *\
	Disable Scroll
\* ------------------------------------------------------------ */
.disable-scroll { overflow: hidden; }
/* ------------------------------------------------------------ *\
	II.  Regions
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */
.container {}
/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */
.content {}
/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */
.footer { position: fixed; bottom: 0; left: 0; z-index: 5; width: 100%; pointer-events: none; }
.footer.at-bottom { background-color: #f7f7f7; }
.footer .footer__inner { position: relative; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; padding: 0 40px; height: 80px; transition: height .4s; pointer-events: none; }
.footer.at-bottom .footer__inner { height: 84px; background-color: #f7f7f7; }
.footer .footer__aside { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; }
.footer .footer__waypoint { visibility: hidden; position: absolute; top: 50%; left: 50%; opacity: 0; margin-top: -12px;transition: opacity .3s, visibility .3s; pointer-events: auto; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.footer.at-bottom .footer__waypoint { visibility: visible; opacity: 1; }
.footer .waypoint { position: relative; background: none; }
.footer .waypoint:after { margin-top: 2px; -ms-transform: translate(-50%, -50%) rotate(-135deg); transform: translate(-50%, -50%) rotate(-135deg); }
.footer .waypoint span { position: absolute; top: 100%; left: 50%; margin-top: -2px; font-size: 10px; color: #555; text-transform: uppercase; white-space: nowrap; -ms-transform: translateX(-50%); transform: translateX(-50%); }
.footer .footer__image-inner { position: absolute; bottom: 0; left: 50%; -ms-transform: translateX(-50%); transform: translateX(-50%); visibility: hidden; opacity: 0; text-align: center; }
.footer.at-bottom .footer__image-inner { visibility: visible; opacity: 1; }
.footer .footer__image-inner--left { left: 40%; bottom: 60px; z-index: -999; margin: 0 0 -170px -120px; transition: left .5s, z-index .5s, margin .5s; }
.footer.at-bottom .footer__image-inner--left { left: 50%; z-index: 2; margin-bottom: 0; transition: opacity .4s .5s, visibility .4s .5s; transition-delay: 1s; }
.footer .footer__image-inner--right { left: 60%; bottom: 60px; z-index: -999; margin: 0 0 -170px 120px; transition: left .5s, z-index .5s, margin .5s; }
.footer.at-bottom .footer__image-inner--right { left: 50%; z-index: 2; margin-bottom: 0; transition: opacity .4s .5s, visibility .4s .5s; transition-delay: 1s; }
.footer .footer__image-inner--center { bottom: -100%; -ms-transform: translateX(-50%) scale(0, 0); transform: translateX(-50%) scale(0, 0); transition: bottom .6s, transform .6s; animation: moveHead 6s cubic-bezier(.23, .63, .09, .9) infinite; }
.footer.at-bottom .footer__image-inner--center { bottom: -40px; -ms-transform: translateX(-50%) scale(1, 1); transform: translateX(-50%) scale(1, 1); transition:opacity .4s .5s, visibility .4s .5s; transition-delay: .4s; }
.footer.light .hide + i,
.footer .hide { display: none; }
.footer.light .hide { display: inline-block; }
.footer.light .credits { color: #fff; }
@media (max-height: 850px) {
	.footer { position: relative; bottom: auto; left: auto; background-color: #f7f7f7; }

	.footer .footer__inner {  height: 84px; background-color: #f7f7f7; }

	.footer .footer__image-inner { visibility: visible; opacity: 1; }

	.footer.at-bottom .footer__image-inner--right,
	.footer .footer__image-inner--right { left: 50%; z-index: 3; margin-bottom: 0; }

	.footer.at-bottom .footer__image-inner--left,
	.footer .footer__image-inner--left { left: 50%; z-index: 3; margin-bottom: 0; }

	.footer.at-bottom .footer__image-inner--center,
	.footer .footer__image-inner--center { bottom: -40px; z-index: -1; -ms-transform: translateX(-50%) scale(1, 1); transform: translateX(-50%) scale(1, 1); }

	.footer .hide { display: none; }
	.footer .hider + i { display: inline-block; }
}
/* Tablet Portrait */
@media (max-width: 1024px) {
	.footer { position: relative; bottom: auto; left: auto; background-color: #f7f7f7; }

	.footer .footer__inner {  height: 84px; background-color: #f7f7f7; }

	.footer .footer__image-inner { visibility: visible; opacity: 1; }

	.footer.at-bottom .footer__image-inner--right,
	.footer .footer__image-inner--right { left: 50%; z-index: 3; margin-bottom: 0; }

	.footer.at-bottom .footer__image-inner--left,
	.footer .footer__image-inner--left { left: 50%; z-index: 3; margin-bottom: 0; }

	.footer.at-bottom .footer__image-inner--center,
	.footer .footer__image-inner--center { bottom: -40px; z-index: -1; -ms-transform: translateX(-50%) scale(1, 1); transform: translateX(-50%) scale(1, 1); }

	.footer .hide { display: none; }
	.footer .hider + i { display: inline-block; }

	.footer .footer__aside { width: 100%; -ms-flex-pack: justify; justify-content: space-between; }
}
/* Mobile */
@media (max-width: 767px) {
	.footer .footer__inner,
	.footer.at-bottom .footer__inner { height: auto; padding: 10px 0 30px; }

	.footer .footer__image-inner img { width: 100%; height: auto; }

	.footer .footer__image-inner--left,
	.footer .footer__image-inner--right { bottom: 90px; width: 48px; }
	.footer .footer__image-inner--left { margin-left: -86px; }
	.footer .footer__image-inner--right { margin-left: 86px; }

	.footer.at-bottom .footer__image-inner--center,
	.footer .footer__image-inner--center { width: 140px; bottom: 20px; }
}
/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */
.header { position: fixed; top: 0; left: 0; width: 100%; height: auto; z-index: 999; padding-top: 28px; font-size: 0; }
.header .shell {  padding-right: 0;}
.header .btn-quote { float: right; margin-top: -8px; opacity: 0; visibility: hidden; transition: opacity .3s, visibility .3s; }
.header.light .logo i { display: none; }
.header.light .logo i.hide { display: inline-block; }
.header.light .logo span { color: #fff; }
.header.light .logo strong { color: #ffe400; }
.header.light .btn-quote { opacity: 1; visibility: visible; }
/* Tablet Portrait */
@media (max-width: 1024px) {
	.header { position: static; padding: 10px 0; text-align: center; background-color: rgba(0,0,0,.07); }

	.header .btn-quote { display: none; }
}
/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */
.main {}
/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */
.shell { width: 100%; max-width: 1640px; padding-left: 20px; padding-right: 20px; margin: auto; }
.shell--fluid { max-width: none; }
/* Small Desktop */
@media (max-width: 1599px) {
	.shell { padding-left: 30px; padding-right: 30px; }
}
/* Tablet Portrait */
@media (max-width: 1024px) {
	.shell { padding-right: 10px; padding-left: 10px; }
}
/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */
.sidebar {}
/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */
.wrapper { overflow: hidden; position: relative; min-height: 100vh; }
/* ------------------------------------------------------------ *\
	III. Modules
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Accordion
\* ------------------------------------------------------------ */
.accordion .accordion__section { padding-bottom: 14px; }
.accordion .accordion__section + .accordion__section { padding-top: 20px; border-top: 1px solid rgba(0, 0, 0, .1); }
.accordion .accordion__head { margin-bottom: 5px; }
.accordion .accordion__title { position: relative; padding-left: 32px; font-size: 22px; line-height: 1.82; font-weight: 600;  transition: color .3s; cursor: pointer; }
.accordion .accordion__title a { text-decoration: none; }
.accordion .accordion__title:before { content: ''; position: absolute; top: 50%; left: 0; width: 8px; height: 8px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); transition: transform .3s, transform-origin .3s; transition: transform .3s, transform-origin .3s, -ms-transform-origin .3s; }
.accordion .accordion__title.active,
.accordion .accordion__title:hover { color: #fff200; }
.accordion .accordion__title.active:before { -ms-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); -ms-transform-origin: right center; transform-origin: right center; }
.accordion .accordion__title:after { content: ''; position: absolute; top: 50%; right: 100%; width: 0; height: 2px; margin-right: 16px; background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.28) 10%,rgba(251,237,4,1) 100%); -ms-transform: translateY(-50%); transform: translateY(-50%); transition: width .4s; }
.accordion .accordion__title.active:after { width: 130px; }
.accordion .accordion__body { display: none; padding: 0 5px; font-size: 14px; }
.accordion .accordion__images { display: none; }
/* Tablet Portrait */
@media (max-width: 1024px) {
	.accordion .accordion__title:after { display: none; }

	.accordion .accordion__images { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: start; align-items: flex-start; }
	.accordion .accordion__images figure { width: 48%; margin-bottom: 4%; }
	.accordion .accordion__images img { width: 100%; height: auto; }

	.accordion .accordion__title a { pointer-events: none; }
}
/* Mobile */
@media (max-width: 767px) {
	.accordion .accordion__title { font-size: 18px; }
}
/* ------------------------------------------------------------ *\
	Accordion Simple
\* ------------------------------------------------------------ */
.accordion--simple { text-align: left; }
.accordion--simple .accordion__section { margin-bottom: 10px; }
.accordion--simple .accordion__section + .accordion__section { padding-top: 26px; }
.accordion--simple .accordion__title { font-size: 16px; line-height: 1.3; font-weight: 600; text-align: left; }
.accordion--simple .accordion__title:hover,
.accordion--simple .accordion__title.active { color: #1eb1fa; }
.accordion--simple .accordion__title:after { display: none; }
.accordion--simple .accordion__body { padding: 14px 0 0 34px; }
/* Mobile */
@media (max-width: 767px) {
	.accordion--simple .accordion__title { font-size: 14px; }
}
/* ------------------------------------------------------------ *\
	BG Holder
\* ------------------------------------------------------------ */
.bg-holder { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.bg-holder > div { position: absolute; top: 50%; left: 50%; z-index: 1; width: 100vw; height: 100vh; background-size: cover; background-repeat: no-repeat; background-position: center center; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; transition: opacity .3s; }
.bg-holder > .current { opacity: 1; }
.bg-holder .bd-holder__section-1 { background-color: rgba(255,255,255,.07); background-image: radial-gradient(39% 12%, rgba(255,255,255,.07) 0%, rgba(0,0,0,.07) 99.22%, rgba(0,0,0,.07) 100%); }
.bg-holder .bd-holder__section-3 { background-color: #9b27af; }
.bg-holder .bd-holder__section-4 { background-color: #2195f2; }
.bg-holder .bd-holder__section-5 { background-color: rgba(255,255,255,.07); background-image: radial-gradient(39% 12%, rgba(255,255,255,.07) 0%, rgba(0,0,0,.07) 99.22%, rgba(0,0,0,.07) 100%); }
.bg-holder .bd-holder__section-6 { background-color: rgba(255,255,255,.07); background-image: radial-gradient(39% 12%, rgba(255,255,255,.07) 0%, rgba(0,0,0,.07) 99.22%, rgba(0,0,0,.07) 100%);  }
@media (max-height: 850px) {
	.bg-holder { display: none; }
}
/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */
.btn { position: relative; z-index: 2; display: inline-block; padding: 14px 32px 13px; border: none; border-radius: 24px; background-color: #ffe400; font-size: 20px; line-height: 1.5; color: #20a3e4; font-weight: 700; vertical-align: middle; text-align: center; text-decoration: none; cursor: pointer; -webkit-appearance: none; appearance: none; box-shadow: none; transition: padding .4s; }
.btn:hover { padding-left: 50px; }
.btn small { font-size: inherit; }
.btn svg { position: absolute; top: 50%; left: -40px; width: 80px; height: 80px; stroke: #1eb1fa; stroke-width: 3px; fill: none; background: none; -ms-transform: translateY(-50%); transform: translateY(-50%); }
.btn .svg-element { fill: none; }
.btn .svg-element-1 { stroke-miterlimit: 2; stroke-dasharray: 800; stroke-dashoffset: 800px; }
.btn .svg-element-2 { stroke-miterlimit: 2; stroke-dasharray: 26; stroke-dashoffset: 26px; }
.btn .svg-element-3 { stroke-miterlimit: 2; stroke-dasharray: 18; stroke-dashoffset: 18px; }
.btn:hover .svg-element-1 { animation: dashlogo 1s ease forwards; }
.btn:hover .svg-element-2 { animation: dashlogo .2s ease forwards; animation-delay: .1s; }
.btn:hover .svg-element-3 { animation: dashlogo .2s ease forwards; animation-delay: .2s; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.btn svg { visibility: hidden; opacity: 0; transition: opacity .3s, visibility .3s; }
	.btn:hover svg { visibility: visible; opacity: 1; transition-delay: .3s; }

	.btn .svg-element { stroke-miterlimit: 2; stroke-dasharray: 0; stroke-dashoffset: 0; }
}
/* Tablet Portrait */
@media (max-width: 1024px) {
	.btn svg { display: none; }

	.btn:hover { padding-left: 32px; }
}
/* Btn White */
.btn--white { padding: 11px 29px; background-color: #fff; font-size: 22px; font-weight: 600; color: #1eb1fa; }
/* Tablet Portrait */
@media (max-width: 1024px) {
	.btn--white { padding-left: 29px; }
}
/*  Button Block  */
.btn-block { display: block; padding-left: 0; padding-right: 0; }
/* ------------------------------------------------------------ *\
	Btn Play
\* ------------------------------------------------------------ */
.btn-play { position: absolute; top: 50%; left: 100%; -ms-transform: translateY(-50%); transform: translateY(-50%); transition: opacity .4s; background: #ffe400; color: #1eb1fa; font-size: 16px; font-weight: 600; text-decoration: none; border-radius: 23px; width: 158px; }
.btn-play > i { margin-left: -2px; }
.btn-play > span { display: inline-block; vertical-align: middle; padding: 2px 20px 0 10px; }
.btn-play.hide { visibility: hidden; opacity: 0; }
.btn-play:hover { opacity: .8; }
@media (max-width: 1599px) {
	.btn-play { left: auto; right: 0; }
}
/* Mobile */
@media (max-width: 1024px) {
	.btn-play { right: auto; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
}
/* ------------------------------------------------------------ *\
	Btn Mute
\* ------------------------------------------------------------ */
.btn-mute { position: absolute; bottom: 23px; right: 178px; opacity: 1; visibility: visible; font-size: 11px; font-weight: 600; text-decoration: none; color: #555; display: inline-block; vertical-align: middle; margin-top: 6px; }
.btn-mute > span { display: inline-block; vertical-align: middle; text-transform: uppercase; }
.btn-mute > .btn__icon { padding-top: 5px; position: relative; }
.btn-mute > .btn__icon .ico-mute { position: absolute; top: 5px; left: 1px; opacity: 1; visibility: visible; }
.btn-mute > .btn__icon .ico-unmute  { opacity: 0; visibility: hidden; }
.btn-mute .active-text { display: none; }
.btn-mute.muted > .btn__icon .ico-mute { opacity: 0; visibility: hidden; }
.btn-mute.muted > .btn__icon .ico-unmute { opacity: 1; visibility: visible; }
.btn-mute.muted .active-text { display: inline; }
/* ------------------------------------------------------------ *\
	Btn Quote
\* ------------------------------------------------------------ */
.btn-quote { display: inline-block; vertical-align: middle; text-decoration: none; font-size: 16px; font-weight: 700; color: #e12163; background-color: #ffe300; border-radius: 22px 0 0 22px; padding: 7px 18px 6px 19px; transition: opacity .3s, color .3s; }
.btn-quote:hover { opacity: .8; }
/* ------------------------------------------------------------ *\
	Credits
\* ------------------------------------------------------------ */
.credits { margin-right: 30px; font-size: 0; color: #555; font-weight: 600; text-transform: uppercase; transition: color .4s; }
.credits span { display: inline-block; margin: 6px 7px 0 0; font-size: 11px; line-height: 1.3; vertical-align: middle; }
/* Mobile */
@media (max-width: 767px) {
	.credits { width: 100%; -ms-flex-order: 3; order: 3; margin-right: 0; text-align: center; }
}
/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */
input:-ms-input-placeholder { color: inherit; opacity: 1; }
input::placeholder { color: inherit; opacity: 1; }
textarea:-ms-input-placeholder { color: inherit; opacity: 1; }
textarea::placeholder { color: inherit; opacity: 1; }
input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; }
.field { display: block; width: 100%; height: 50px; padding: 0 23px; border: 2px solid #cfcfcf; border-radius: 0; background: none; font-size: 14px; color: #666; font-weight: 400; -webkit-appearance: none; appearance: none; }
.field:focus { color: #1eb1fa; }
.textarea { display: block; width: 100%; height: 190px; padding: 12px 23px; border: 2px solid #cfcfcf; border-radius: 0; background: none; font-size: 14px; color: #666; resize: none; -webkit-appearance: none; appearance: none; }
.textarea:focus { color: #1eb1fa; }
.field-border-focus { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }
.field-border-focus span { position: absolute; background-color: #1eb1fa; transition: width .2s, height .2s; }
.field-border-focus span:nth-child(1) { position: absolute; bottom: 0; left: 0; width: 0; height: 2px; transition-delay: .6s; }
.textarea:focus + .field-border-focus span:nth-child(1),
.field:focus + .field-border-focus span:nth-child(1),
.error + .field-border-focus span:nth-child(1) { width: 100%; transition-delay: 0s; }
.field-border-focus span:nth-child(2) { position: absolute; bottom: 0; right: 0; height: 0; width: 0; transition-delay: .4s; }
.textarea:focus + .field-border-focus span:nth-child(2),
.field:focus + .field-border-focus span:nth-child(2),
.error + .field-border-focus span:nth-child(2) { height: 100%; width: 2px; transition-delay: .2s; }
.field-border-focus span:nth-child(3) { position: absolute; top: 0; right: 0; width: 0; height: 0; transition-delay: .4s; }
.textarea:focus + .field-border-focus span:nth-child(3),
.field:focus + .field-border-focus span:nth-child(3),
.error + .field-border-focus span:nth-child(3) { width: 100%; height: 2px; transition-delay: .4s; }
.field-border-focus span:nth-child(4) { position: absolute; top: 0; left: 0; height: 0; width: 0; transition-delay: 0s; }
.textarea:focus + .field-border-focus span:nth-child(4),
.field:focus + .field-border-focus span:nth-child(4),
.error + .field-border-focus span:nth-child(4) { height: 100%; width: 2px; transition-delay: .6s; }
.error + .field-border-focus span { background-color: #f00; }
.field-upload { position: relative; padding: 4px 6px; text-align: center; }
.field-upload label { font-size: 14px; }
.field-upload i { margin-right: 6px; }
.field-upload input { overflow: hidden; position: absolute; width: 0; height: 0; }
/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */
.form { max-width: 1170px; width: 100%; margin: 0 auto; }
.form .form__cols { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: start; align-items: flex-start; }
.form .form__col { width: 49.12%; }
.form .form__row { margin-bottom: 20px; }
.form .form__controls { position: relative; }
.form .form__actions { padding-top: 32px; text-align: center; }
.form .form__message { text-align: center; }
.form .form__message h4 { margin-bottom: 0; }
.form .form__message p { margin-bottom: 1em; }
.form .parsley-errors-list { list-style: none; color: #df2161; margin: 0; }
/* Small Desktop */
@media (max-width: 1599px) {
	.form { padding: 0 30px; }
}
/* Mobile */
@media (max-width: 767px) {
	.form { padding: 0; }
	.form .form__col { width: 100%; }
}
/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */
[class^="list-"] { list-style: none outside none; }
/* ------------------------------------------------------------ *\
	Loader
\* ------------------------------------------------------------ */
.loader { position: fixed; top: 0; left: 0; z-index: 9999; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; background-color: #fff; text-align: center; transition: opacity .4s, visibility .4s; }
.loader.hide { visibility: hidden; opacity: 0; }
.loader .loader__by { display: block; width: 40px; height: auto; margin: 0 auto 30px; }
.loader .loader__by .path-1 {  fill: none; stroke: #000; stroke-miterlimit: 10; stroke-dasharray: 800; stroke-dashoffset: 800px; animation: dashlogo 1s 0s linear forwards, fillOpacity 1s 0s linear forwards; }
.loader .loader__by .path-2 {  fill: none; stroke: #000; stroke-miterlimit: 10; stroke-dasharray: 800; stroke-dashoffset: 800px; animation: dashlogo 1s 1s linear forwards, fillOpacity 1s 0s linear forwards; }
.loader .loader__image-1 { position: relative; display: block; width: 120px; margin-bottom: 40px; animation: pulsingLogo 2s linear infinite; white-space: nowrap; }
.loader .loader__image-1 svg { display: inline-block; vertical-align: middle; }
.loader .loader__image-text { display: inline-block; margin: 6px 0 0 -20px; font-size: 20px; line-height: .9; color: #444; vertical-align: middle; font-weight: 400; text-transform: uppercase; transition: color .3s; }
.loader .loader__image-text span { display: block; color: #18abfa; font-weight: 500;  }
.loader .loader__image-text strong { display: block; font-weight: 700; }
.loader .loader__draw-image { width: 80px; margin: 0 auto; }
.loader .loader__draw-image .stroke-1 { fill: none; stroke: #e95c64; stroke-width: 5; stroke-miterlimit: 10; }
.loader .loader__draw-image .stroke-2 { fill: none; stroke: #3dacab; stroke-width: 5; stroke-miterlimit: 10; }
.loader .loader__draw-image .path-1 { stroke-dasharray: 300; stroke-dashoffset: 300px; animation: dashlogo 1s 2s linear forwards, fillOpacity 1s 2s linear forwards; }
.loader .loader__draw-image .path-2 { stroke-dasharray: 200; stroke-dashoffset: 200px; animation: dashlogo .8s 3s linear forwards, fillOpacity .8s 3s linear forwards; }
.loader .loader__draw-image .path-3 { stroke-dasharray: 200; stroke-dashoffset: 200px; animation: dashlogo .8s 3s linear forwards, fillOpacity .8s 3s linear forwards; }
.loader .loader__draw-image .path-4 { stroke-dasharray: 150; stroke-dashoffset: 150px; animation: dashlogo .6s 3.5s linear forwards, fillOpacity .6s 3.5s linear forwards; }
.loader .loader__draw-image .path-5 { stroke-dasharray: 40; stroke-dashoffset: 40px; animation: dashlogo .6s 3.8s linear forwards, fillOpacity .6s 3.8s linear forwards; }
.loader .loader__draw-image .path-6 { stroke-dasharray: 140; stroke-dashoffset: 140px; animation: dashlogo 1s 4.3s linear forwards, fillOpacity 1s 4.3s linear forwards; }
.loader .loader__draw-image .path-7 { stroke-dasharray: 160; stroke-dashoffset: 160px; animation: dashlogo 1s 4.4s linear forwards, fillOpacity 1s 4.4s linear forwards; }
.loader .loader__draw-image .path-8 { stroke-dasharray: 160; stroke-dashoffset: 160px; animation: dashlogo .8s 4.6s linear forwards, fillOpacity .8s 4.6s linear forwards; }
.loader .loader__draw-image.animate { animation: pulsing 1s forwards; }
/* Mobile */
@media (max-width: 767px) {
	.loader .loader__image-1 { margin-left: -50px; }
}
@supports (-ms-ime-align: auto) {
	.loader .loader__draw-image .stroke-1,
	.loader .loader__draw-image .stroke-2,
	.loader .loader__by .path-1,
	.loader .loader__by .path-2 { stroke-width: 5; stroke-miterlimit: 10; stroke-dasharray: 0; stroke-dashoffset: 0; }

	.loader .loader__draw-image,
	.loader .loader__by { display: block; animation: pulsingLogo 2s linear infinite; }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.loader .loader__draw-image .stroke-1,
	.loader .loader__draw-image .stroke-2,
	.loader .loader__by .path-1,
	.loader .loader__by .path-2 { stroke-width: 5; stroke-miterlimit: 10; stroke-dasharray: 0; stroke-dashoffset: 0; }

	.loader .loader__draw-image,
	.loader .loader__by { display: block; animation: pulsingLogo 2s linear infinite; }
}
/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */
.logo { display: inline-block; margin-left: 40px; }
.logo .hide { display: none; }
.logo .logo__text { display: inline-block; margin: 6px 0 0 -10px; font-size: 14px; line-height: .9; color: #444; vertical-align: middle; font-weight: 400; text-transform: uppercase; transition: color .3s; }
.logo .logo__text span { display: block; color: #18abfa; font-weight: 500;  }
.logo .logo__text strong { display: block; font-weight: 700; }
/* Small Desktop */
@media (max-width: 1599px) {
	.logo { margin-left: 0; }
}
/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */
.nav { position: fixed; top: 50%; right: 50px; z-index: 99; -ms-transform: translateY(-50%); transform: translateY(-50%); }
.nav ul { list-style: none outside none; }
.nav li { transition: margin .4s; }
.nav li + li { margin-top: 14px; }
.nav a { position: relative; display: block; text-decoration: none; color: #1eb1fa; transition: color .5s; }
.nav.light a { color: #ffe400; }
.nav small { overflow: hidden; visibility: hidden; position: absolute; top: 100%; left: 0; display: block; margin: 8px 0 0 14px; font-size: 12px; line-height: 1.3; font-weight: 600; text-transform: uppercase; color: inherit; opacity: 0; -ms-transform: rotate(90deg); transform: rotate(90deg); -ms-transform-origin: left top; transform-origin: left top; white-space: nowrap; transition: opacity .3s, visibility .3s; }
.nav .current small { visibility: visible; opacity: 1; }
.nav span { display: block; width: 15px; height: 15px; border: 2px solid #555; border-radius: 50%; transition: border .4s; }
.nav .current span { border: 4px solid #1eb1fa; }
.nav.light span { border-color: #fef7fa; }
.nav.light .current span { border-color: #ffe400; }
@media (max-height: 850px) {
	.nav { display: none; }
}
/* Small Desktop */
@media (max-width: 1599px) {
	.nav { right: 2vw; }
}
/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */
.section { position: absolute; z-index: 4; height: 100vh; width: 100%; padding: 72px 0 0; opacity: 0; -ms-transform: translateY(-100%); transform: translateY(-100%); transition: transform .8s, opacity .4s; }
.section.current { -ms-transform: translateY(0); transform: translateY(0); opacity: 1; }
.section.current ~ .section { -ms-transform: translateY(100%); transform: translateY(100%); }
.section .section__head { margin-bottom: 0; text-align: center; font-size: 0; }
.section .section__subtitle { position: relative; display: inline-block; text-transform: uppercase; }
.section .section__subtitle:after { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 3px; margin-top: 5px; background-color: #ffe400; }
.section .section__inner { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: start; align-items: flex-start; height: calc(100vh - 90px); }
.section .section__inner--inline-block { display: block; height: auto; font-size: 0; text-align: center; }
.section .section__inner--align-left { -ms-flex-pack: start; justify-content: flex-start; }
.section .section__content { width: 560px; padding-top: 14vh; margin: 0 -8px 0 36px; }
.section .section__content p { padding: 0 18px 0 5px; margin-bottom: 40px; }
.section .section__image { position: relative; width: 658px; -ms-flex-item-align: end; align-self: flex-end; }
.section .section__image--holder { min-height: 838px; }
.section .section__intro { width: 100%; margin: 102px 0 82px; text-align: center; }
.section .section__intro h5 { max-width: 1010px; margin: 0 auto; font-size: 18px; line-height: 1.56; font-weight: 400; }
.section .section__actions { position: absolute; bottom: 88px; left: 50%; z-index: 10; -ms-transform: translateX(-50%); transform: translateX(-50%); }
.section .section__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.section .section__bg > div { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; opacity: 0; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: opacity 1s, transform 1s; }
.section .section__bg > .current { z-index: 1; opacity: 1; }
.section h1 { margin-bottom: 37px; }
@media (max-height: 850px) {
	.section { overflow: hidden; position: relative; min-height: 850px; padding-bottom: 70px; background-color: rgba(255,255,255,.07); background-image: radial-gradient(39% 12%, rgba(255,255,255,.07) 0%, rgba(0,0,0,.07) 99.22%, rgba(0,0,0,.07) 100%); opacity: 1; -ms-transform: translateY(0); transform: translateY(0); }
	.section.current ~ .section  { -ms-transform: translateY(0); transform: translateY(0); }

	.section .section__inner { height: 100%; }

	.section .section__content { padding-top: 8vh; }

	.section .section__intro { margin: 5vh 0; }

	.section .section__actions { bottom: 30px; }
}
/* Small Desktop */
@media (max-width: 1599px) {
	.section .section__content { width: 40%; margin: 0 4% 0 0; }

	.section .section__image { width: 30%; }

	.section .section__intro { padding: 0 20px; }
}
/* Tablet Portrait */
@media (max-width: 1024px) {
	.section { overflow: hidden; position: relative; min-height: 0; height: auto; padding: 35px 0; background-color: rgba(255,255,255,.07); background-image: radial-gradient(39% 12%, rgba(255,255,255,.07) 0%, rgba(0,0,0,.07) 99.22%, rgba(0,0,0,.07) 100%); opacity: 1; -ms-transform: translateY(0); transform: translateY(0); }
	.section.current ~ .section { -ms-transform: translateY(0); transform: translateY(0); }

	.section .section__inner { display: block; height: auto; }

	.section .section__content { width: 100%; padding-top: 40px; margin: 0; text-align: center; }

	.section .section__image { width: 100%; padding-top: 20px; text-align: center; }
	.section .section__image img { max-width: 70%; }

	.section .section__image--holder { min-height: 0; }

	.section .section__intro { margin: 30px 0 50px; }

	.section .section__content p { margin-bottom: 20px; }

	.section .section__actions,
	.section br { display: none; }
}
/* Mobile */
@media (max-width: 767px) {
	.section { min-height: 0; height: auto; }
	.section .section__inner { height: auto; }

	.section .section__intro h5 { font-size: 16px; }

	.section .section__image img { max-width: 100%; }
}
/* ------------------------------------------------------------ *\
	Section Intro
\* ------------------------------------------------------------ */
.section--intro .section__content { margin-left: 6%; }
@media (max-height: 850px) {
	.section--intro { min-height: 700px; height: 100vh; }
}
@media (max-width: 1599px) {
	.section--intro .section__content { margin-left: 2%; }
}
/* Tablet Portrait */
@media (max-width: 1024px) {
	.section--intro { padding-bottom: 0; height: auto; min-height: 0; }
	.section--intro .section__content { margin-left: 0; }
}
/* ------------------------------------------------------------ *\
	Section Pink Bg
\* ------------------------------------------------------------ */
.section--pink-bg { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: start; align-items: flex-start; padding-top: 0; background-color: #e12163; }
.section--pink-bg .section__head { position: absolute; top: 72px; left: 0; width: 100%; }
.section--pink-bg .section__inner { width: 100%; -ms-flex-item-align: center; align-self: center; }
.section--pink-bg .section__intro { margin-top: 0; }
@media (max-height: 850px) {
	.section--pink-bg { padding-top: 72px; }
	.section--pink-bg .section__head { position: static; }

	.section--pink-bg .section__intro { margin-top: 5vh; }
}
/* Tablet Portrait */
@media (max-width: 1024px) {
	.section--pink-bg { padding-top: 72px; }
	.section--pink-bg .section__head { position: static; }

	.section--pink-bg .section__intro { margin-top: 30px; }
}
/* ------------------------------------------------------------ *\
	Section Light
\* ------------------------------------------------------------ */
.section--light { color: #fff; }
.section--light .section__bg-alt { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; display: none; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.section--light .section__subtitle { color: #fff; }
.section--light .section__title { margin-bottom: 14px; line-height: 1.3; font-weight: 600; }
.section--light .section__title span { color: #ffe400; }
.section--light .section__content { display: inline-block; padding: 0 0 0 47px; vertical-align: top; text-align: left; }
.section--light .section__content p { font-size: 14px; margin-bottom: 20px; }
@media (max-height: 850px) {
	.section--light .section__bg-alt { display: block; }
	.section--light { min-height: 720px; }
}
/* Small Desktop */
@media (max-width: 1599px) {
	.section--light .section__content { padding: 0 0 0 3vw; }
}
/* Tablet Portrait */
@media (max-width: 1024px) {
	.section--light { overflow: visible; }
	.section--light .section__bg-alt { display: block; }

	.section--light .section__content { padding: 3vw 0 0; }
	.section--light .section__content p { padding-right: 0; text-align: center; }
}
/* Mobile */
@media (max-width: 767px) {
	.section--light { min-height: 0; }
}
/* ------------------------------------------------------------ *\
	Section Features
\* ------------------------------------------------------------ */
.section--features,
.section--features .section__bg-element-1 { background-color: #9b27af; }
.section--features .section__bg-element-2 { background-color: #5f2bbe; }
.section--features .section__bg-element-3 { background-color: #3147c6; }
.section--features .section__bg-element-4 { background-color: #2790c9; }
.section--features .section__images { position: relative; width: 661px; margin: 0 14px 0 17px; -ms-flex-item-align: end; align-self: flex-end; }
.section--features .section__images-inner { visibility: hidden; position: absolute; top: 0; left: 0; max-width: 100%; opacity: 0; }
.section--features .section__images-inner.current { position: relative; z-index: 1; visibility: visible; opacity: 1; }
.section--features .section__images-inner img { position: absolute; top: 0; left: 0; visibility: hidden; opacity: 0; }
.section--features .section__images-inner .current { position: relative; top: auto; left: auto; visibility: visible; opacity: 1; z-index: 1; }
.section--features .section__inner { display: block; }
.section--features .section__body { width: 100%; max-width: 640px; padding-right: 78px; margin: 15.8vh 1vw 0 auto; }
.section--features .section__title { padding-right: 10px; margin-bottom: 30px; line-height: .92; color: #fff200; font-weight: 700; }
@media (max-height: 850px) {
	.section--features { background-color: #9b27af; }

	.section--features .section__inner { min-height: 760px; }

	.section--features .section__body { margin-top: 4vh; }
}
/* Small Desktop */
@media (max-width: 1599px) {
	.section--features .section__images { width: 50%; }

	.section--features .section__body { width: 40%; margin: 10vh 0 0 auto; padding-right: 4%; }

	.section--features .section__title { padding-right: 0; }
}
/* Tablet Portrait */
@media (max-width: 1024px) {
	.section--features { background-color: #9b27af; }

	.section--features .section__body { -ms-flex-order: 1; order: 1; width: 100%; max-width: none; margin: 8vh 0 0; padding-left: 0; padding-right: 0; }
	.section--features .section__images { -ms-flex-order: 2; order: 2; }

	.section--features .section__images { width: 100%; margin: 30px 0 0; text-align: center; }
	.section--features .section__images img { width: 70%; }


}
/* Mobile */
@media (max-width: 767px) {
	.section--features .section__inner { min-height: 0; }
}
/* ------------------------------------------------------------ *\
	Section Steps
\* ------------------------------------------------------------ */
.section--steps .section__body { width: 490px; margin: 0 -30px 0 10px; padding-top: 18vh; }
.section--steps .section__title { padding-left: 40px; margin-bottom: 80px; color: #fff; font-weight: 700; }
.section--steps .section__image { width: 810px; -ms-flex-item-align: end; align-self: flex-end; }
.section--steps .section__bg-element-1 { background-color: #2195f2; }
.section--steps .section__bg-element-2 { background-color: #00bbd3; }
.section--steps .section__bg-element-3 { background-color: #64c868; }
.section--steps .section__bg-element-4 { background-color: #ea7d53; }
.section--steps .section__bg-element-5 { background-color: #785548; }
@media (max-height: 850px) {
	.section--steps { min-height: 0; height: auto; padding-bottom: 0; }
	.section--steps .section__inner { min-height: 778px; }

	.section--steps .section__title { margin-bottom: 6vh; }

	.section--steps .section__inner { min-height: 900px; }
}
/* Small Desktop */
@media (max-width: 1599px) {
	.section--steps { height: auto; min-height: 0; }
	.section--steps .section__inner { min-height: 700px; }

	.section--steps .section__title { padding-left: 0; }

	.section--steps .section__body { width: 350px; padding-top: 10vh; margin-left: 0; }
	.section--steps .section__image { width: calc(100% - 350px); text-align: center; }
}
/* Tablet Portrait */
@media (max-width: 1024px) {
	.section--steps { padding-bottom: 0; }

	.section--steps .section__body { padding: 30px 20px 0; width: 100%; }

	.section--steps .section__title { margin-bottom: 10px; text-align: center; }

	.section--steps .section__image { width: 100%; }
}
/* ------------------------------------------------------------ *\
	Section Faq
\* ------------------------------------------------------------ */
.section--faq { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding-top: 0; }
.section--faq .section__head { position: absolute; top: 72px; left: 0; width: 100%; }
.section--faq .section__subtitle { color: #000; }
.section--faq .section__inner { padding-top: 0; width: 100%; }
.section--faq .section__inner > h5 { margin-bottom: 94px; line-height: 1.3; font-weight: 400; }
.section--faq .section__title { margin-bottom: 16px; color: #1eb1fa; font-weight: 700; }
.section--faq .section__body { max-width: 1170px; width: 100%; margin: 0 auto; }
@media (max-height: 850px) {
	.section--faq .section__head { position: static; }
	.section--faq .section__inner { padding-top: 102px; }
}
/* Tablet Portrait */
@media (max-width: 1024px) {
	.section--faq { padding-top: 72px; border-bottom: 3px solid rgba(0, 0, 0, .1); }

	.section--faq .section__inner { padding-top: 50px; }

	.section--faq .section__inner > h5 { margin-bottom: 40px; }
}
/* Mobile */
@media (max-width: 767px) {
	.section--faq .col + .col { padding-top: 26px; border-top: 1px solid rgba(0, 0, 0, .1); }
}
/* ------------------------------------------------------------ *\
	Section Contacts
\* ------------------------------------------------------------ */
.section--contacts { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; padding-top: 0; }
.section--contacts .section__head { margin-bottom: 10vh; }
.section--contacts .section__inner { display: block; height: auto; -ms-flex-align: start; -ms-grid-row-align: flex-start; align-items: flex-start; margin-bottom: 120px; }
.section--contacts .section__title { width: 100%; margin-bottom: 18px; color: #1eb1fa; font-weight: 700; text-align: center; }
.section--contacts .section__inner > h5 { width: 100%; margin-bottom: 75px; line-height: 1.3; font-weight: 400; text-align: center; }
@media(max-height: 920px) {
	.section--contacts .section__head { margin-bottom: 90px; }
}
@media (max-height: 850px) {
	.section--contacts { display: block; padding-top: 72px; }
	.section--contacts .section__inner { min-height: 700px; margin-bottom: 0; }
}
/* Tablet Portrait */
@media (max-width: 1024px) {
	.section--contacts { padding: 72px 0 190px; }

	.section--contacts .section__inner { min-height: 0; margin-bottom: 0; }

	.section--contacts .section__head { margin-bottom: 40px; }
	.section--contacts .section__inner > h5 { margin-bottom: 30px; }
}
/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */
.slider { position: relative; z-index: 4; padding-bottom: 82px; }
.slider__slides { counter-reset: steps; }
.slider .owl-item:not(.cloned) { counter-increment: steps; }
.slider__slide-step .step__number span:after { content: counter(steps) '.'; }
.slider .owl-carousel { position: static; }
.slider .owl-dots { position: absolute; bottom: 0; left: 50%; list-style: none outside none; font-size: 0; text-align: center; -ms-transform: translateX(-50%); transform: translateX(-50%); counter-reset: dots; }
.slider .owl-dots .owl-dot { position: relative; display: inline-block; margin: 0 12px; font-size: 20px; line-height: .95; color: #fff; font-weight: 500; vertical-align: middle; counter-increment: dots; }
.slider .owl-dots span { position: relative; display: block; min-width: 25px; border: none; border-radius: 0; background: none; box-shadow: none; }
.slider .owl-dots span:before { content: counter(dots); }
.slider .owl-dots .active span { color: #ffe400; }
.slider .owl-dots span:after { content: ''; position: absolute; top: 100%; left: 0; width: 0; height: 2px; background-color: currentColor; transition: width .3s; }
.slider .owl-dots .active span:after { width: 100%; }
.slider .owl-nav div { position: absolute; bottom: -10px; width: 48px; height: 48px; border: 2px solid #e9f5fe; border-radius: 50%; background: none; font-size: 0; transition: border .3s, opacity .3s, visibility .3s; }
.slider .owl-nav .disabled { overflow: hidden; visibility: hidden; opacity: 0; }
.slider .owl-nav div:hover { animation: moveArrows 2s cubic-bezier(.36,.07,.19,.97) infinite; border-color: #ffe400; }
.slider .owl-nav div:after { content: ''; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; margin-top: -1px; -ms-transform-origin: center center; transform-origin: center center; transition: border .3s; }
.slider .owl-nav div:hover:after { border-color: #fff; }
.slider .owl-nav div:before { content: ''; position: absolute; top: 50%; width: 0; height: 2px; background-color: #fff; -ms-transform: translateY(-50%); transform: translateY(-50%); transition: width .3s; }
.slider .owl-nav div:hover:before { width: 25px; }
.slider .owl-prev { left: 44px; }
.slider .owl-prev:after { border-left: 2px solid #fcf103; border-bottom: 2px solid #fcf103; margin-left: 2px; -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }
.slider .owl-prev:before { left: 100%; margin-left: -12px; }
.slider .owl-next { right: 44px; }
.slider .owl-next:after { border-right: 2px solid #fcf103; border-bottom: 2px solid #fcf103; margin-left: -2px; -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }
.slider .owl-next:before { right: 100%; margin-right: -12px; }
/* Small Desktop */
@media (max-width: 1599px) {
	.slider .owl-prev { left: 0; }

	.slider .owl-next { right: 0; }

	.slider .owl-dots { white-space: nowrap; }
	.slider .owl-dots .owl-dot { margin: 0 5px; }
}
/* Mobile */
@media (max-width: 767px) {
	.slider .owl-nav div { bottom: -15px; }
	.slider .owl-prev { left: -10px; }
	.slider .owl-next { right: -10px; }
}
/* ------------------------------------------------------------ *\
	Slider Images
\* ------------------------------------------------------------ */
.slider-images { position: relative; }
.slider-images img { position: absolute; animation: lightSpeedOut 1s forwards; }
.slider-images .current { position: relative; animation: lightSpeedIn 1s forwards; }
.slider-images .current ~ img { animation: lightSpeedOut 1s forwards; }
/* ------------------------------------------------------------ *\
	Socials
\* ------------------------------------------------------------ */
.socials { margin-top: 5px; display: inline-block; vertical-align: middle; pointer-events: auto; }
.socials ul { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: center; align-items: center; list-style: none outside none; }
.socials li + li { margin-left: 17px; }
.socials a { display: block; text-decoration: none; }
.socials i { transition: opacity .3s; }
.socials a:hover i { opacity: .8; }
/* Mobile */
@media (max-width: 767px) {
	.socials { width: 100%; -ms-flex-order: 1; order: 1; margin-bottom: 10px; }
	.socials ul { -ms-flex-pack: center; justify-content: center; }
}
/* ------------------------------------------------------------ *\
	Step
\* ------------------------------------------------------------ */
.step { position: relative; padding: 28px 0 0 91px; }
.step .step__number { position: absolute; top: 1px; left: 8px; padding: 24px 0; color: #fff200; }
.step .step__number:before { content: ''; position: absolute; bottom: 0; right: -52px; width: 120px; height: 184px; border: 2px solid #fff; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; border-radius: 52%; }
.step .step__number:after { content: ''; position: absolute; top: 0; right: -52px; width: 120px; height: 184px; border: 2px solid #fff; border-right-color: transparent; border-left-color: transparent; border-bottom-color: transparent; border-radius: 54%; }
.step .step__number small { font-size: 14px; line-height: 2.85; vertical-align: middle; }
.step .step__number span:after { font-size: 42px; line-height: .95; font-weight: 600; vertical-align: middle; }
.step .step__title { margin-bottom: 32px; line-height: 1.33; color: #fff200; font-weight: 600; }
.step p { padding-left: 44px; }
/* Small Desktop */
@media (max-width: 1599px) {
	.step { padding-left: 0; }

	.step .step__title { padding-left: 100px; font-size: 24px; }
	.step p {  padding-left: 0; }
}
/* Mobile */
@media (max-width: 767px) {
	.step .step__number { position: static; display: inline-block; padding: 0; margin-bottom: 10px; vertical-align: middle; }

	.step .step__number:after,
	.step .step__number:before { display: none; }

	.step .step__title { display: block; padding-left: 0; margin-bottom: 20px; font-size: 22px; }
}
/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */
.table {}
/* ------------------------------------------------------------ *\
	Video
\* ------------------------------------------------------------ */
.video { position: relative; display: inline-block; width: 570px; vertical-align: top; }
.video .video__inner { position: relative; z-index: 2; height: 322px; }
.video .video__inner:before { content: ''; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; border-radius: 22px; background-color: #ffe400; -ms-transform: rotate(-3.4deg); transform: rotate(-3.4deg); }
.video .video__image { position: relative; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 22px; }
.video .video__image.show { z-index: 10; }
.video .video__popup { visibility: hidden; position: fixed; top: 50%; left: 50%; z-index: 999; width: 0; height: 0; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; background-color: rgba(0, 0, 0, .5); opacity: 0; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: opacity .4s, visibility .4s, width .4s, height .4s, transform .4s; }
.video .video__popup.show { visibility: visible; opacity: 1; width: 100%; height: 100vh; }
.video .video__popup-inner { position: relative; max-width: 1340px; width: 100%; margin: 0 auto; padding: 0 30px; }
.video .video__container { position: relative; padding-bottom:56.25%; }
.video .video__popup .video__image { opacity: 0; }
.video .video__popup .video__image.show { opacity: 1; }
.video .video__popup .video__holder { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; }
.video .video__actions { position: absolute; top: 32px; right: 36px; bottom: 32px; left: 36px; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border-radius: 12px; background-color: rgba(0, 0, 0, .5); }
.video .video__btn { font-size: 18px; line-height: 1.3; font-weight: 600; color: #fff; text-decoration: none; transition: opacity .5s; }
.video .video__btn:hover { opacity: .7; }
.video .video__btn span { display: block; margin-top: 20px; }
.video .video__btn-close { position: absolute; bottom: 100%; left: 100%; width: 20px; height: 20px; }
.video .video__btn-close:after,
.video .video__btn-close:before { content: ''; position: absolute; top: 50%; left: 50%; width: 2px; height: 14px; margin-top: -7px; background-color: #fff; -ms-transform: rotate(45deg); transform: rotate(45deg); -ms-transform-origin: center center; transform-origin: center center; }
.video .video__btn-close:before { -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
/* Small Desktop */
@media (max-width: 1599px) {
	.video { width: 46%; }
	.video .video__popup-inner { }
}
/* Tablet Portrait */
@media (max-width: 1024px) {
	.video { width: 90%; margin: 0 auto 40px; }
	.video .video__inner { height: 0; padding-bottom: 56.25%; }
	.video .video__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	.video .video__popup-inner { width: 100%; }
	.video .video__popup { background-color: rgba(0, 0, 0, .9); }
	.video .video__popup.show { width: 100%; height: 100%; }
}
/* Mobile */
@media (max-width: 767px) {
	.video .video__actions { top: 10px; left: 10px; right: 10px; bottom: 10px; }
	.video .video__inner:before { animation: shakeBox 2s infinite; }

	.video .video__btn { font-size: 16px; }
	.video .video__btn span { margin-top: 10px; }

	.video .video__popup-inner { width: 90%; height: 0; padding-bottom: 56.25%; margin: 0 auto; }
	.video .video__popup-inner iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

	.video .video__btn-close { left: auto; right: 0; }
}
/* Modifiers */
.video--fluid { position: absolute; top: 50%; left: 50%; z-index: -1; width: 100% !important; height: 100% !important; min-width: 177.78vh; min-height: 56.25vw; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.video--fluid iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }
.video--fluid .video__image { border-radius: 0; }
.video--simple { position: static; margin-bottom: 0; }
/* ------------------------------------------------------------ *\
	Waypoint
\* ------------------------------------------------------------ */
.waypoint { display: block; width: 50px; height: 50px; border-radius: 50%; background-color: #fff; }
.waypoint:before { content: ''; position: absolute; top: 50%; left: 50%; width: 36px; height: 36px; border: 2px solid #ffe400; border-radius: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); animation: circleAnimate 2s cubic-bezier(1, 1, .2, .2) infinite; }
.waypoint:after { content: ''; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; border-bottom: 2px solid #1eb1fa; border-right: 2px solid #1eb1fa; margin-top: -2px; -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); -ms-transform-origin: center center; transform-origin: center center; }
/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */
.widgets { list-style: none outside none; }