/* 
	Table of Contents

    01. Settings ----------------------------------
    02. Tools -------------------------------------
    03. Sprite ------------------------------------
    04. Generic -----------------------------------
    05. Base --------------------------------------
         Small Desktop ----------------------------
         Tablet Portrait --------------------------
    06. Fonts -------------------------------------
    07. Helpers -----------------------------------
         Transitions ------------------------------
         Center -----------------------------------
         Clear ------------------------------------
         Notext -----------------------------------
         Hidden -----------------------------------
         Alignleft --------------------------------
         Alignright -------------------------------
         Disabled ---------------------------------
         Grid -------------------------------------
         Mobile -----------------------------------
         Responsive Helpers -----------------------
    08. Reset -------------------------------------
    09. Regions -----------------------------------
    10. Container ---------------------------------
    11. Content -----------------------------------
    12. Footer ------------------------------------
         Footer Title -----------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
         Header Content ---------------------------
         Ttitle intro -----------------------------
         Mobile -----------------------------------
    13. Main --------------------------------------
    14. Shell -------------------------------------
    15. Sidebar -----------------------------------
    16. Wrapper -----------------------------------
    17. Modules -----------------------------------
    18. Blockquote --------------------------------
         Small Desktop ----------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    19. # Button ----------------------------------
         Mobile -----------------------------------
    20. - Play ------------------------------------
    21. Form Elements -----------------------------
    22. Form --------------------------------------
    23. Intro -------------------------------------
         Intro Image ------------------------------
         Mobile -----------------------------------
    24. List Stats --------------------------------
         Small Desktop ----------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
         Mobile -----------------------------------
         Mobile -----------------------------------
    25. Section  ----------------------------------
         Section Head -----------------------------
         Section Heading --------------------------
         Given a 16:9 aspect ratio, 9/16*100 = 56.25 
         Given a 16:9 aspect ratio, 16/9*100 = 177.77 
         Small Desktop ----------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    26. Section Slider ----------------------------
         Mobile -----------------------------------
    27. Section Stats -----------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    28. Section Awards ----------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
         Img --------------------------------------
         Strong -----------------------------------
    29. Slick Arrows ------------------------------
         Mobile -----------------------------------
    30. Slick Dots --------------------------------
         Mobile -----------------------------------
    31. Slider ------------------------------------
         Small Desktop ----------------------------
         Tablet Portrait --------------------------
         Mobile -----------------------------------
    32. Table -------------------------------------
    33. Video -------------------------------------
         Given a 16:9 aspect ratio, 9/16*100 = 56.25 
         Given a 16:9 aspect ratio, 16/9*100 = 177.77 
    34. Widget ------------------------------------
    35. Themes ------------------------------------
    36. Animations --------------------------------
         Invocando animações ----------------------
         Entrada Esquerda -------------------------
         Entrada cima -----------------------------
         Entrada Direita --------------------------
         Entrada Baixo ----------------------------
         Entrada Baixo full div, sem hover --------
         Entrada Baixo full div, com hover --------
         Entrada Top ------------------------------
         Entrada right ----------------------------
         Entrada bottom ---------------------------
         Entrada left -----------------------------
         Abrir button -----------------------------
         Fechar button ----------------------------
         Entrada pela esquerda --------------------
         Entrada pela direita ---------------------
         Entrada por cima -------------------------
         Entrada por Baixo ------------------------
         Entrada por Baixo Full sem opacity -------
         Entrada por Baixo Full com opacity -------
    37. Cookies and Policy page rules -------------
         Cookies and Privacy Policy page format ---
         Cookies and Privacy Policy lists format --
         Cookies and Privacy Policy back to top button 
    38. Live Webinar ------------------------------
    39. Night School ------------------------------
 */

/* ------------------------------------------------------------ *\
	Settings
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Tools
\* ------------------------------------------------------------ */

.intro .btn-play,  .intro-2 .btn-play { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}

.intro .intro__image, .intro-2 .intro__image,
.nav li a:before,
.slider .slide__image,
.slider .slide__image:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0;}

.intro .intro__image, .intro-2 .intro__image,
.slider .slide__image { background-size: cover; background-position: center center; background-repeat: no-repeat;}

.section-stats,
.section-awards { background-size: contain; background-position: center center; background-repeat: no-repeat;}

/* use: @extend clearfix; @extend center; */

/* ------------------------------------------------------------ *\
	Sprite
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Generic
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
        Base
\* ------------------------------------------------------------ */

body { min-width: 320px; font-family: 'Gotham', sans-serif; font-size: 16px; line-height: 2.17; color: #4d4d4d; font-weight: 400; width: 100vw;}

body .dark{color: #ffffff;}

body .wrapper { overflow: hidden; }

a { color: inherit; text-decoration: underline; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }

a:hover,
a[href^="tel"] { text-decoration: none; }

h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 1.085em; line-height: 1.2; }

h1 { font-size: 29px; letter-spacing: .12em; text-indent: .12em;}

h2 { font-size: 24px; letter-spacing: .52em; text-indent: .52em;}

h3 { font-size: 20px; letter-spacing: .35em; text-indent: .35em;}

h4 { font-size: 18px; letter-spacing: .31em; text-indent: .31em;}

h5 { font-size: 16px; }

h6 { font-size: 14px; }

p { letter-spacing: .018px; }

p,
ul,
ol,
dl,
hr,
table,
blockquote { margin-bottom: 2.17em; }

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; }

.color-e53262 { color: #e53262; }

.color-19abba { color: #19abba; }

.color-d6d823 { color: #d6d823; }

.bg-word-e53262 { background-color: #00b6d1; color:white; padding:2px 10px }

.bg-word-19b2c0 { background-color: #19b2c0; color:white; padding:2px 10px }

.bg-word-d7d923 { background-color: #d7d923; color:black; padding:2px 10px }

.preview-news { font-size:14px; line-height: 2; padding: 0 30px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; text-transform: none; }

body .dark-layer { background-color: rgba(0, 0, 0, 0.4); position: absolute; left:0; top:0; width: 100%; height:100%; }

body.show-nav-main .btn-menu span { background-color: transparent; }

body.show-nav-main .btn-menu span:before,
body.show-nav-main .btn-menu span:after { margin-top: -1px; }

body.show-nav-main .btn-menu span:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

body.show-nav-main .btn-menu span:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

body.show-fixed-header .header { position: fixed; top: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); padding: 10px 0; background: rgba(0,0,0,.3); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); box-shadow: 0 0 10px rgba(0,0,0,.4); }

body.show-fixed-header .nav { font-size: 15px; line-height: 25px; }

body.show-fixed-header .header .logo { margin-bottom: 15px; display: inline-block; position: absolute; left: 12px;}

.show-fixed-header.show-fixed-header .header { -webkit-transform: none; -ms-transform: none; transform: none; background: transparent; -webkit-box-shadow: none; box-shadow: none; margin: 60px; padding:0;}

.show-fixed-header.show-fixed-header .header .nav { font-size: 24px; line-height: 58.5px; }

.show-fixed-header.hide-logo .header .logo { margin-bottom: 0; opacity: 0;}

/* Small Desktop */

@media (max-width: 1200px) {
    body { font-size: 18px; }
}

/* Tablet Portrait */

@media (max-width: 1024px) {
    body { font-size: 15px; }

    h1 { font-size: 32px; }
    h2 { font-size: 28px; }
    h3 { font-size: 24px; }
    h4 { font-size: 18px; }
    h5 { font-size: 16px; }
    h6 { font-size: 14px; }
    
    ul { margin-bottom: 1.17em; }

    body.show-fixed-header .header { -webkit-transform: none; -ms-transform: none; transform: none; padding: 15px 0; }
    body.show-fixed-header .header .nav { font-size: 24px; line-height: 39px; }
    body.show-fixed-header .header .logo { margin-bottom: 0; }
}

@media (max-width: 767px){
    ul { margin-bottom: 15px;}
}

/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Book.woff2') format('woff2'),
        url('../fonts/Gotham-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Bold.woff2') format('woff2'),
        url('../fonts/Gotham-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

/* ------------------------------------------------------------ *\
        Helpers
\* ------------------------------------------------------------ */

/* Transitions */

.transition-0_5 { -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s;  -webkit-transform: translateZ(0);  transform: translateZ(0); }

.transition-0_8 { -webkit-transition: all 0.8s ease-in-out 0s; -o-transition: all 0.8s ease-in-out 0s; transition: all 0.8s ease-in-out 0s; }

.transition-1_0 { -webkit-transition: all 1s ease-in-out 0s; -o-transition: all 1s ease-in-out 0s; transition: all 1s ease-in-out 0s; }

.transition-0_2 { -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; }

/* Center */

.flex-center{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

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

/*  Clear  */

.clear:after { content: ''; display: block; clear: both; }

.no-margin { margin: 0 !important }

/*  Notext  */

.notext { overflow: hidden; text-indent: 101%; white-space: nowrap; }

.noborder { border:none !important; }

/*  Hidden  */

[hidden],
.hidden { display: none !important; }

/*  Alignleft  */

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

.alignleft { float: left; }

/*  Alignright  */

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

.alignright { float: right; }

/*  Disabled  */

[disabled],
.disabled { cursor: default; }

/*  Grid  */

.cols { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; margin: 0 -10px; }

.cols-end-start { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.cards { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; width:100%; }

.col { max-width: 100%; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; padding: 0 10px; }

.col--1of2 { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 0 15px;}

.col--1of3 { max-width: 33.33%; -webkit-box-flex: 0; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; padding: 0 15px;}

.col--1of4 { max-width: 25%; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; padding: 0 15px;}

/* Mobile */

@media (max-width: 767px) {
    .col { max-width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }
    .col + .col { margin-top: 15px; }  
    .col-xs--1of2 { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 0 15px; }
}

/*  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: 1200px) {
    .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: 1201px) {
    .hidden-lg { display: none !important; }
    .visible-lg-block { display: block !important; }
    .visible-lg-inline { display: inline !important; }
}

@media (min-width:768px) and (max-width: 1024px){    
    .col-sm--1of2 { max-width: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 0 15px; }
}

/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

* { padding: 0; margin: 0; outline: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

*:before,
*:after { -webkit-box-sizing: inherit; box-sizing: inherit; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main { display: block; }

template { display: none; }

html { -webkit-tap-highlight-color: rgba(0,0,0,0); 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; -moz-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; -moz-appearance: none; appearance: none; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; 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; }

/* ------------------------------------------------------------ *\
	Regions
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
        Footer
\* ------------------------------------------------------------ */

.footer { position: fixed; bottom: 0; right: 0; left: 0; padding: 67px 60px 84px; font-size: 14px; line-height: 1.67; color: #fff; font-weight: normal; letter-spacing: .08em; text-align: center; }

.footer.no-fixed { position: relative; }

.footer a { text-decoration: none; letter-spacing: .1em; }

.footer a:hover:not([href^="tel"]):not(.contact-footer) { text-decoration: underline; }

/*  Footer Title  */

.footer .footer__title { margin-bottom: 34px; font-size: 24px; letter-spacing: .102em; text-transform: uppercase; }

.footer .footer__title:last-child { margin-bottom: 0; }

.footer .social-list { display: -webkit-box; display: -ms-flexbox; display: flex; font-size:27px; }

.footer .social-list li { margin-right: 10px; }

.footer ul{
    padding-left: 25px;
}

@media (max-width:1250px){
    .footer .social-list { font-size:22px; }
}

@media(max-width: 1328px){    
    .footer .social-list { font-size:22px; }
}

@media(max-width:1144px ){
    .footer .social-list { font-size:19px; }
    .footer .social-list li { margin-right: 4px; }
    .footer .footer__title { font-size:21px; }
}

@media(max-width:1105px ){
    .footer .social-list { font-size:29px; }
    .footer .social-list li { margin-right: 10px; }
}

@media(max-width:887px ){
    .footer .social-list { font-size:22px; }
    .footer .social-list li { margin-right: 7px; }
}

/* Tablet Portrait */

@media (max-width: 1024px) {

    .footer .footer__title { font-size: 19px; }    
}

/* Mobile */

@media (max-width: 767px) {
    .footer { padding: 15px 0; }
    .footer .footer__title { margin-bottom: 0px; font-size: 16px; }
}

/*------------------------------------------------------------ *\ 
       # Header
\* ------------------------------------------------------------ */

.header { position: fixed; top: 100%; right: 0; left: 0; z-index: 50; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); padding: 16px 0; -webkit-transition: padding .3s, background .3s, -webkit-box-shadow .3s; transition: padding .3s, background .3s, -webkit-box-shadow .3s; -o-transition: padding .3s, background .3s, box-shadow .3s; transition: padding .3s, background .3s, box-shadow .3s; transition: padding .3s, background .3s, box-shadow .3s, -webkit-box-shadow .3s; }

.header.header-style-2 { top:15px; -webkit-transform: none; -ms-transform: none; transform: none; }

.header .logo { margin-bottom: 19px; -webkit-transition: none; -o-transition: none; transition: none;}

.header .nav { margin-right: -5px; }

.header .pre-load { display: none; }

/*  Header Content  */

.header .header__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.header.header-style-2 .header__content { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

/*  Ttitle intro  */

.title-intro { position: absolute; bottom: 25px; left: 0; padding-left: 15px; padding-right: 15px; margin: auto; z-index: 50; color:white; width:100%; }

.title-intro h1 { letter-spacing: .31em; text-transform: uppercase; font-weight: 300; font-size:21px;}

.central-title-intro, .central-title-intro-2 { height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}

.central-title-intro h1 { z-index: 49; color: black; text-transform: uppercase; font-size: 46px; padding: 11px 10px 10px; line-height: 1; background-color: #d6d823;}

.central-title-intro-2 h1 { z-index: 49; color: black; text-transform: uppercase; font-size: 46px; padding: 23px 40px 20px; line-height: 1.2; text-align: center; word-break: break-word;}

.video-bd-text .bd-text {     
    z-index: 9999;
    color: white;
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.active-video.video-bd-text .bd-text, .active-video.video-bd-text .bd-text-2{
    display: none;
}

.video-bd-text .bd-text .content{
    text-align: center;
}

.video-bd-text .bd-text h2{
    z-index: 49; color: white; text-transform: uppercase; font-size: 50px; padding: 23px 40px 15px; line-height: 1.2; text-align: center;
    display: block;
    width: 100%;
    margin-bottom: 15px;
}

.video-bd-text .bd-text a{
    display: inline-block;
    text-align: center;
    font-size:32px;
    text-decoration: none;
    border-bottom: 8px solid #de3262;
    margin: 0 auto;
    cursor:pointer;
    letter-spacing: 4px;
    font-weight: 600;
}

.central-title-intro.border-e53262 h1{ background-color: #e53262; color:white;}

.show-fixed-header .header.header-style-2 .header__content { -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; position: relative;}

/* Mobile */

@media (max-width: 767px) {
    .header { position: absolute; top: 0; -webkit-transform: none; -ms-transform: none; transform: none; padding: 15px 0; }
    .header .logo { margin-bottom: 0; }
    .header .nav { margin-right: 0; }

    .header .header__content { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

    .central-title-intro h1 { font-size: 21px; padding: 20px 40px; }
}

/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */

.main {
  position: relative;
  z-index: 5;
  background: #f5f5f5;
}

.main.dark {
  background: #000000;
}

.main.grey{
  background: #4d4d4d;
  color: #fff;
}

.main.whitesmoke{
  background: #f5f5f5;
}

.main.base{
  background: #4d4d4d;
  color: #fff;
}

/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell { width: 1208px; padding-left: 15px; padding-right: 15px; margin: auto; position: relative;}

.shell--fluid { max-width: none; }

@media(max-width: 1328px){
    .shell{
        width: 1088px;
    }
}

@media(max-width:1144px ){
    .shell{
        width: 904px;
    }
}

@media(max-width:1105px ){
    .shell{
        width: 865px;
    }
}

@media(max-width:887px ){
    .shell{
        max-width: 767px;
        width: auto;
    }
}

/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper { min-height: 100vh; }

/* ------------------------------------------------------------ *\
	Modules
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Blockquote
\* ------------------------------------------------------------ */

.blockquote { max-width: 900px; margin-top: 13px; }

.blockquote blockquote { position: relative; margin: 0 0 31px 1px; font-size: 26px; line-height: 2.37; font-weight: bold; letter-spacing: .31em; }

.blockquote blockquote:last-child { margin-bottom: 0; }

.blockquote blockquote:before { content: '“'; margin-left: -30px; color: #808080; }

.blockquote blockquote:after { content: '”'; }

.blockquote span { margin-left: 2px; font-size: 23px; line-height: 0.2; font-weight: 300; letter-spacing: .315em; }

/* Small Desktop */

@media (max-width: 1200px) {
	.blockquote blockquote:before { margin-left: 0; }
}

/* Tablet Portrait */

@media (max-width: 1024px) {
	.blockquote blockquote { font-size: 24px; }
	.blockquote span { font-size: 20px; }
}

/* Mobile */

@media (max-width: 767px) {
	.blockquote blockquote { font-size: 16px; }
	.blockquote blockquote span { font-size: 14px; }
}

/* ------------------------------------------------------------ *\
	# Button
\* ------------------------------------------------------------ */

[class^="btn"] { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.btn--block { display: block; padding-left: 0; padding-right: 0; }

/* ------------------------------------------------------------ *\ 
	- Menu
\* ------------------------------------------------------------ */

.btn-menu { display: block; width: 32px; height: 32px; position: relative; z-index: 90; padding: 24px 29px;}

.div-menu-block { position: -webkit-sticky; position: sticky; top: 10px; left:0; z-index: 99; }

.div-menu-block .btn-menu { display: block; float: right; padding: 24px 28px; margin-right: 10px;}

.div-menu-block .bg-19abba, .show-fixed-header .bg-19abba { background-color: #19abba; }

.div-menu-block .bg-e53262, .show-fixed-header .bg-e53262 { background-color: #e53262; }

.div-menu-block .bg-black, .show-fixed-header .bg-black { background-color: black; }

.show-nav-main .btn-menu { background-color: transparent }

.btn-menu *,
.btn-menu *:before,
.btn-menu *:after { -webkit-transition: background 0.4s, margin 0.4s, -webkit-transform 0.4s; transition: background 0.4s, margin 0.4s, -webkit-transform 0.4s; -o-transition: background 0.4s, margin 0.4s, transform 0.4s; transition: background 0.4s, margin 0.4s, transform 0.4s; transition: background 0.4s, margin 0.4s, transform 0.4s, -webkit-transform 0.4s; }

.btn-menu span,
.btn-menu span:before,
.btn-menu span:after { content: ' '; position: absolute; left: 0; right: 0; top: 50%; margin-top: -1px; height: 3px; background-color: #fff; -webkit-box-shadow: 0.7px 1px 0px 0.4px #5d5d5d; box-shadow: 0.7px 1px 0px 0.4px #5d5d5d;}

.show-nav-main .btn-menu span,
.show-nav-main .btn-menu span:before,
.show-nav-main .btn-menu span:after { box-shadow:none; -webkit-box-shadow: none; -moz-box-shadow:none; }

.btn-menu span:before { margin-top: -11px; }

.btn-menu span:after { margin-top: 7px; }

/*.show-fixed-header .btn-menu { display: block; position: absolute; right: 0px; top: 10px; padding: 24px 28px; text-align: center; }*/

.div-menu-block .btn-menu span, .show-fixed-header .btn-menu span { width: 36px; margin: 0 auto; }

/* Mobile */

@media (max-width: 767px) {
	.btn-menu { display: block; }
}

/* ------------------------------------------------------------ *\
	- Play
\* ------------------------------------------------------------ */

.btn-play { display: block; width: 76px; height: 76px; position: absolute; top: 50%; left: 50%; border-radius: 100%; cursor: pointer; -webkit-transition: none; -o-transition: none; transition: none; background: transparent; border: 0;}

.btn-play-outline { display: block; width: 76px; height: 76px; border: #FFF 6px solid; border-radius: 50%; position: absolute; z-index: -1; top: 0; left: 0; opacity: .7; -webkit-transition:all .5s; -o-transition:all .5s; transition:all .5s; }

.btn-play-circle { -webkit-transition: stroke-dashoffset .5s; -o-transition: stroke-dashoffset .5s; transition: stroke-dashoffset .5s; }

.btn-play svg { display: block; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; -o-transition: transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; pointer-events: none; }

.btn-play:active .btn-play-outline { -webkit-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); opacity: 0; }

.btn-play:active svg { -webkit-transform: rotate(-90deg) scale(.95); -ms-transform: rotate(-90deg) scale(.95); transform: rotate(-90deg) scale(.95); }

.btn-play:before { content: ''; position: absolute; top: 24px; left: 19px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 29px; height: 29px; border-top: 6px solid #fff; border-right: 6px solid #fff; pointer-events: none; }

/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

input::-webkit-input-placeholder { color: inherit; opacity: 1; }

input:-ms-input-placeholder { color: inherit; opacity: 1; }

input::-ms-input-placeholder { color: inherit; opacity: 1; }

input::placeholder { color: inherit; opacity: 1; }

textarea::-webkit-input-placeholder { color: inherit; opacity: 1; }

textarea:-ms-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; }

/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\ 
	# Icons
\* ------------------------------------------------------------ */

[class^="ico-"] { position: relative; display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-size: 100%; background-position: center; font-size: 0; line-height: 0; text-indent: -4004px; }

.ico-next { width: 52px; height: 68px; background-image: url(../images/next@2x.png); }

/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */

.intro { position: relative; width: 100%; height: 100vh; margin-bottom: 40px; overflow: hidden; }

.intro-2 { position: relative; width: 100%; height: 100vh; margin-bottom: 40px; overflow: hidden; }

.intro .btn-play,  .intro-2 .btn-play{ top: 50%; }

.intro.no-margin, .intro-2.no-margin { margin-bottom: 0; }

/*  Intro Image  */

.intro .intro__image, .intro-2 .intro__image  { background-attachment: fixed;}

/* Mobile */

@media (max-width: 767px) {
	.intro, .intro-2 { margin-bottom: 25px; }
        
        .intro .intro__image, .intro-2 .intro__image  { background-attachment: initial; }
}

/* ------------------------------------------------------------ *\ 
	# Lists
\* ------------------------------------------------------------ */

[class^="list-"] { list-style: none; position: relative; }

/* ------------------------------------------------------------ *\
	List Stats
\* ------------------------------------------------------------ */

.list-stats { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 60px 0; margin: 0 -15px; font-size: 18px; line-height: 1.87; font-weight: normal; text-align: center; }

.list-stats li { padding: 0 15px; }

.list-stats li.size-1 { min-width: 400px; }

.list-stats li.size-2 { min-width: 185px; }

.list-stats li.size-3 { min-width: 195px; }

.list-stats li.size-1of4-cols {width:25%;}

.list-stats li.size-1of3-cols {width:33.3%;}

.list-stats strong { font-size: 33px; line-height: 1.06; font-weight: bold; letter-spacing: .184em; text-indent: .184em; text-transform: uppercase; display: inline-block;}

.list-stats p { letter-spacing: .184em; text-indent: .184em; text-transform: uppercase; }

.svg-icon { width:25px; height:25px; margin-right: 10px; }

.svg-icon path { fill: #4d4d4d; }

.quote-icon path { fill: #fff !important; }

.svg-icon.quote-icon,  .svg-icon.quote-icon-grey { margin-right: 0; }

/* Small Desktop */

@media (max-width: 1200px) {
	.list-stats { font-size: 16px; margin: 0; }
	.list-stats strong { font-size: 27px; }
}

/* Tablet Portrait */

@media (max-width: 1024px) {
        .list-stats li.size-1of4-cols {width: 50%; margin-top:20px;}
        .list-stats li.size-1of3-cols {width: 50%; margin-top:20px;}
    
	.list-stats { font-size: 16px; }

	.list-stats li.size-1,
	.list-stats li.size-2,
	.list-stats li.size-3 { min-width: inherit; }
}

/* Mobile */

@media (max-width: 767px) {
	.list-stats { padding: 20px 0; }
	.list-stats li { width: 100%; }
	.list-stats li + li { margin-top: 20px; }
}

/* ------------------------------------------------------------ *\ 
	# Logos
\* ------------------------------------------------------------ */

[class^="logo"] { font-size: 0; line-height: 0; text-indent: -4004px; position: relative; display: inline-block; vertical-align: middle; text-decoration: none; }

[class^="logo"] > img { display: block; width: 100%; }

[class^="logo"]:hover { opacity: 0.75; }

.logo { max-width: 106px; }

/* Mobile */

@media (max-width: 767px) {
	.logo { max-width: 96px; }
}

/* ------------------------------------------------------------ *\ 
        # Navigations
\* ------------------------------------------------------------ */

[class^="nav"] > ul { list-style: none; }

[class^="nav"] > ul > li { position: relative; }

[class^="nav"] > ul a { display: inline-block; text-decoration: none; }

.nav { font-size: 16px; line-height: 39px; color: #fff; font-weight: bold; letter-spacing: .3em; text-align: right; text-transform: uppercase; }

.nav li a { position: relative; padding: 0 8px; -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; }

.nav li a:before { content: ''; margin: auto; left: auto; background-color: #19abba; height: 4px; width: 0; overflow: hidden; -webkit-transition: width 0.14s ease-out; -o-transition: width 0.14s ease-out; transition: width 0.14s ease-out; }

.nav li a:after { opacity: 0; content: attr(data-text); position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; overflow: hidden; -webkit-transform: translate(-24px, 0); -ms-transform: translate(-24px, 0); transform: translate(-24px, 0); transition: opacity 0.1s ease-out, -webkit-transform 0.1s ease-out; -webkit-transition: opacity 0.1s ease-out, -webkit-transform 0.1s ease-out; -o-transition: transform 0.1s ease-out, opacity 0.1s ease-out; transition: transform 0.1s ease-out, opacity 0.1s ease-out; transition: transform 0.1s ease-out, opacity 0.1s ease-out, -webkit-transform 0.1s ease-out; display:none;}

.nav li a:hover:before { left: -5px; right: auto; width: 100%; }

.nav li a:hover:after { opacity: 1; padding: 0 8px; -webkit-transform: translate(0px, 0); -ms-transform: translate(0px, 0); transform: translate(0px, 0); transition: opacity 0.2s 0.14s ease-out, -webkit-transform 0.2s 0.14s ease-out; -webkit-transition: opacity 0.2s 0.14s ease-out, -webkit-transform 0.2s 0.14s ease-out; -o-transition: transform 0.2s 0.14s ease-out, opacity 0.2s 0.14s ease-out; transition: transform 0.2s 0.14s ease-out, opacity 0.2s 0.14s ease-out; transition: transform 0.2s 0.14s ease-out, opacity 0.2s 0.14s ease-out, -webkit-transform 0.2s 0.14s ease-out; top:12px; display: block;}

.nav li:nth-child(1) a:before { background-color: #e53262; }

.nav li:nth-child(2) a:before { background-color: #d6d823; }

.nav li:nth-child(3) a:before { background-color: #19abba; }

.nav li:nth-child(4) a:before { background-color: #d6d823; }

.show-fixed-header .nav { z-index: 1; position: fixed; top: -100%; left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); width: 100%; height: 100%; padding: 65px 15px; font-size: 24px; color: #fff; text-align: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; background: url(../images/backgrounds-menu/menu-1.jpg) center center no-repeat; background-size: cover;}

.show-fixed-header .nav:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 100%; height: 0; padding-bottom: 100%; border-radius: 100%; -webkit-transform: scale(0.04), translateY(9999px); -ms-transform: scale(0.04), translateY(9999px); transform: scale(0.04), translateY(9999px); overflow: hidden; }

.show-fixed-header .nav.bd-menu-1 {background: url(../images/backgrounds-menu/menu-1.jpg) center center no-repeat; background-size: cover;}

.show-fixed-header .nav.bd-menu-2 {background: url(../images/backgrounds-menu/menu-2.jpg) center center no-repeat; background-size: cover;}

.show-fixed-header .nav.bd-menu-3 {background: url(../images/backgrounds-menu/menu-3.jpg) center center no-repeat; background-size: cover;}

.show-fixed-header .nav.bd-menu-4 {background: url(../images/backgrounds-menu/menu-4.jpg) center center no-repeat; background-size: cover;}

.show-fixed-header .nav.bd-menu-5 {background: url(../images/backgrounds-menu/menu-5.jpg) center center no-repeat; background-size: cover;}

.show-fixed-header .nav ul { position: fixed; top: 50%; left: 50%; z-index: 55; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000; }

.show-fixed-header .nav li { opacity: 0; -webkit-transform: translate3d(0, 36px, 0); transform: translate3d(0, 36px, 0); line-height: 1; }

.show-fixed-header .nav li a { padding:12px 10px 10px 10px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 15px; margin-right: -.3em;}

.show-fixed-header.show-nav-main .nav { top: 0; }

.show-fixed-header.show-nav-main .nav:before { -webkit-animation: menu-animation 0.8s ease-out forwards; animation: menu-animation 0.8s ease-out forwards; }

.show-fixed-header.show-nav-main .nav li { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out; transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out; -o-transition: transform 0.2s ease-out, opacity 0.2s ease-out; transition: transform 0.2s ease-out, opacity 0.2s ease-out; transition: transform 0.2s ease-out, opacity 0.2s ease-out, -webkit-transform 0.2s ease-out; }

.show-fixed-header.show-nav-main .nav li:nth-child(1) { -webkit-transition-delay: .75s; -o-transition-delay: .75s; transition-delay: .75s; }

.show-fixed-header.show-nav-main .nav li:nth-child(2) { -webkit-transition-delay: .85s; -o-transition-delay: .85s; transition-delay: .85s; }

.show-fixed-header.show-nav-main .nav li:nth-child(3) { -webkit-transition-delay: .95s; -o-transition-delay: .95s; transition-delay: .95s; }

.show-fixed-header.show-nav-main .nav li:nth-child(4) { -webkit-transition-delay: 1.05s; -o-transition-delay: 1.05s; transition-delay: 1.05s; }

.show-fixed-header.show-nav-main .nav li:nth-child(5) { -webkit-transition-delay: 1.15s; -o-transition-delay: 1.15s; transition-delay: 1.15s; }

.show-fixed-header.show-nav-main .nav li:nth-child(6) { -webkit-transition-delay: 1.25s; -o-transition-delay: 1.25s; transition-delay: 1.25s; }

.show-fixed-header.show-nav-main .nav li:nth-child(7) { -webkit-transition-delay: 1.35s; -o-transition-delay: 1.35s; transition-delay: 1.35s; }

/* Mobile */

@media (max-width: 767px) {
    .nav { z-index: 1; position: fixed; top: -100%; left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); width: 100%; height: 100%; padding: 65px 15px; font-size: 24px; color: #fff; text-align: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; }
    .nav:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 100%; height: 0; padding-bottom: 100%; border-radius: 100%; -webkit-transform: scale(0.04), translateY(9999px); -ms-transform: scale(0.04), translateY(9999px); transform: scale(0.04), translateY(9999px); overflow: hidden; }
    .nav.bd-menu-1 {background: url(../images/backgrounds-menu/menu-1.jpg) center center no-repeat; background-size: cover;}
    .nav.bd-menu-2 {background: url(../images/backgrounds-menu/menu-2.jpg) center center no-repeat; background-size: cover;}
    .nav.bd-menu-3 {background: url(../images/backgrounds-menu/menu-3.jpg) center center no-repeat; background-size: cover;}
    .nav.bd-menu-4 {background: url(../images/backgrounds-menu/menu-4.jpg) center center no-repeat; background-size: cover;}
    .nav.bd-menu-5 {background: url(../images/backgrounds-menu/menu-5.jpg) center center no-repeat; background-size: cover;}
    .nav ul { position: fixed; top: 50%; left: 50%; z-index: 55; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000; perspective: 1000; }
    .nav li { opacity: 0; -webkit-transform: translate3d(0, 36px, 0); transform: translate3d(0, 36px, 0); }

    .nav li:nth-child(1) a:before, .nav li:nth-child(2) a:before, .nav li:nth-child(3) a:before , .nav li:nth-child(4) a:before  { background-color: transparent; }

    body.show-nav-main .nav { top: 0; }
    body.show-nav-main .nav:before { -webkit-animation: menu-animation 0.8s ease-out forwards; animation: menu-animation 0.8s ease-out forwards; }
    body.show-nav-main .nav li { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out; transition: opacity 0.2s ease-out, -webkit-transform 0.2s ease-out; -o-transition: transform 0.2s ease-out, opacity 0.2s ease-out; transition: transform 0.2s ease-out, opacity 0.2s ease-out; transition: transform 0.2s ease-out, opacity 0.2s ease-out, -webkit-transform 0.2s ease-out; }
    body.show-nav-main .nav li:nth-child(1) { -webkit-transition-delay: .75s; -o-transition-delay: .75s; transition-delay: .75s; }
    body.show-nav-main .nav li:nth-child(2) { -webkit-transition-delay: .85s; -o-transition-delay: .85s; transition-delay: .85s; }
    body.show-nav-main .nav li:nth-child(3) { -webkit-transition-delay: .95s; -o-transition-delay: .95s; transition-delay: .95s; }
    body.show-nav-main .nav li:nth-child(4) { -webkit-transition-delay: 1.05s; -o-transition-delay: 1.05s; transition-delay: 1.05s; }
    body.show-nav-main .nav li:nth-child(5) { -webkit-transition-delay: 1.15s; -o-transition-delay: 1.15s; transition-delay: 1.15s; }
    body.show-nav-main .nav li:nth-child(6) { -webkit-transition-delay: 1.25s; -o-transition-delay: 1.25s; transition-delay: 1.25s; }
    body.show-nav-main .nav li:nth-child(7) { -webkit-transition-delay: 1.35s; -o-transition-delay: 1.35s; transition-delay: 1.35s; }

}

@-webkit-keyframes menu-animation {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.04)
            translateY(300%);
                transform: scale(0.04)
            translateY(300%);
    }
    40% {
        -webkit-transform: scale(0.04)
            translateY(0);
                transform: scale(0.04)
            translateY(0);
        -webkit-transition: ease-out;
        -o-transition: ease-out;
        transition: ease-out;
    }
    40% {
        -webkit-transform: scale(0.04)
            translateY(0);
                transform: scale(0.04)
            translateY(0);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(0.02)
            translateY(0px);
                transform: scale(0.02)
            translateY(0px);
    }
    61% {
        -webkit-transform: scale(0.04);
                transform: scale(0.04);
    }
    99.9% {
        height: 0;
        padding-bottom: 100%;
        border-radius: 100%;
    }
    100% {
        -webkit-transform: scale(2.2);
                transform: scale(2.2);
        height: 100%;
        padding-bottom: 0;
        border-radius: 0;
    }
}

@keyframes menu-animation {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.04)
            translateY(300%);
                transform: scale(0.04)
            translateY(300%);
    }
    40% {
        -webkit-transform: scale(0.04)
            translateY(0);
                transform: scale(0.04)
            translateY(0);
        -webkit-transition: ease-out;
        -o-transition: ease-out;
        transition: ease-out;
    }
    40% {
        -webkit-transform: scale(0.04)
            translateY(0);
                transform: scale(0.04)
            translateY(0);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(0.02)
            translateY(0px);
                transform: scale(0.02)
            translateY(0px);
    }
    61% {
        -webkit-transform: scale(0.04);
                transform: scale(0.04);
    }
    99.9% {
        height: 0;
        padding-bottom: 100%;
        border-radius: 100%;
    }
    100% {
        -webkit-transform: scale(2.2);
                transform: scale(2.2);
        height: 100%;
        padding-bottom: 0;
        border-radius: 0;
    }
}

/* ------------------------------------------------------------ *\
        Section 
\* ------------------------------------------------------------ */

.section {
    padding: 80px 0;
}

/*  Section Head  */

.section .section__head h1 span {
    margin: 0 14px;
    color: #d6d823;
}

.section .section__head h1 span.project {
    font-weight: normal;
    margin-left: 0;
    color: #4d4d4d;
}

.grey .section .section__head h1 span.project,
.base .section .section__head h1 span.project{
    color: #fff;
}

.dark .section .section__head h1 span.project {
    color: #fff;
}

/*  Section Heading  */

.section .section__heading {
    display: inline-block;
    padding: 5px 8px 5px 13px;
    margin-bottom: 16px;
    background: #19abba;
    color: #fff;
    text-transform: uppercase;
    text-indent: initial;
}

.section .inline-quote{
    margin-bottom: 15px;
    margin-left: 8px;
    margin-right: 8px;
}

.section .inline-quote .section__heading {
    display: inline;
    line-height: 1.6;
    margin-left: 0;
    padding: 5px 0;

}

.section .section__heading.heading-00b6d1 {
    background: #d7d923;
}

.section .inline-quote .section__heading.heading-00b6d1 {
    -webkit-box-shadow: 8px 0 0 #d7d923, -8px 0 0 #d7d923;
            box-shadow: 8px 0 0 #d7d923, -8px 0 0 #d7d923;
    color: #000;
}

.section .section__heading.heading-d6d823{
    background: #d6d823;
}

.section .inline-quote .section__heading.heading-d6d823 {
    -webkit-box-shadow: 8px 0 0 #d6d823, -8px 0 0 #d6d823;
            box-shadow: 8px 0 0 #d6d823, -8px 0 0 #d6d823;
}

.section .section__heading span {
    margin: 0 14px;
    color: #de3262;
}

/*  --quote  */

.section--quote {
    padding: 40px 0;
}

.section--quote.quote-insta {
    padding: 40px 0;
}

.section--quote .section__head h1 {
    margin-bottom: 31px;
    font-size: 28px;
    letter-spacing: 0.31em;
    text-transform: uppercase;
}

.section--quote .section__head p {
    max-width: 614px;
    letter-spacing: 0.018em;
}

.section--quote .section__heading {
    margin-left: -11px;
    letter-spacing: 0.24em;
}

.section--quote h4.section__heading:first-child {
    font-size: 32px;
}

.section--quote h4.section__heading:nth-child(2) {
    font-size: 42px;
}

.section--quote .instagram {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex: 1 1;
            flex: 1 1;
    font-size: 22px;
}

.section--quote .instagram span {
    margin-left: 10px;
    line-height: 1.5;
}

.section--quote .instagram i {
    margin-right: 2px;
    font-size: 30px;
}

.section--quote .instagram img {
    width: 30px;
    height: 30px;
}

/*  --Welcome home 2  */

.welcome-home2-section{
    padding-top: 40px;
    padding-bottom: 30px;
}

.welcome-home2-section h1{
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 30px;
}

.welcome-home2-section p{
    letter-spacing: 2px;
    padding:0 5px;
}

/* --News-- */

.page-news .welcome-home2-section{
    padding-top: 20px;
    padding-bottom: 50px;
}

.page-news .section--works{
    border:none; 
    padding-top:0;
}

/*  --about  */

.section--about {
    padding: 40px 0 81px;
}

.section--about .shell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: 1220px;
}

.section--about .section__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 50%;
    padding: 50px 20px 50px 0;
}

.section--about .section__image figure {
    position: relative;
}

.section--about .section__image figure .frame {
    position: absolute;
    top: -45px;
    right: -41px;
    bottom: 28px;
    left: 29px;
    border: 4px solid #d6d823;
}

.section--about .section__image figure.blue-style .frame {
    border: 4px solid #00b6d1;
}

.dark .section--about .section__image figure .frame {
    border: 4px solid #de3262;
}

.section--about .section__image figure .frame.frame-d5cd10 {
    border-color: #d5cd10;
}

.section--about .section__image figure .frame.frame.frame-e7215b {
    border-color: #e7215b;
}

.section--about .section__image figure .frame.frame.frame-00b6d1 {
    border-color: #00b6d1;
}

.section--about .section__content {
    width: 50%;
    padding-left: 51px;
}

.section--about .section__content p {
    margin-bottom: 32px;
    letter-spacing: 0.118em;
}

.section--about .section__content p:last-child {
    margin-bottom: 0;
}

.section--about .section__heading {
    margin-bottom: 16px;
}

/* --info */

.section--info h4 {
    text-transform: uppercase;
    color: black;
    letter-spacing: 1px;
    font-size: 21px;
    text-indent: initial;
}

.section--info .col:first-child {
    padding-right: 40px;
}

.section--info .col:last-child {
    padding-left: 40px;
}

.section--info .london-mark {
    height: 10px;
    width: 60px;
    background-color: #e63262;
    margin-bottom: 30px;
}

.section--info .newyork-mark {
    height: 10px;
    width: 60px;
    background-color: #d7d923;
    margin-bottom: 30px;
}

/* --works */

.section--works {
    border-top: 4px solid #f0f0f1;
}

.section--works h2 {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 5px;
    color: black;
    font-size: 27px;
    margin-bottom: 50px;
}

.section--works .container-img {
    width: 100%;
    position: relative;
    margin-bottom: 30px;
    background-size: cover !important;
    height: 500px;
    display: block;
}

.section--works .container-img img {
    width: 100%;
}

.section--works .container-img .img-desc {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    line-height: 1.9;
    font-weight: 600;
    color: white;
    text-transform: uppercase;
    font-size: 21px;
    letter-spacing: 2px;
}

.section--works .container-img .img-desc .explore{
    text-transform: capitalize;
    font-size: 18px;
    margin-top: 10px;
    display: inline-block;
    border-bottom: 6px solid black;
    line-height: 1.4;
}

.section--works .load-more {
    text-align: center;
    line-height: 1;
    margin-top: 50px;
    text-transform: uppercase;
    font-weight: 600;
    color: black;
    letter-spacing: 3px;
    cursor: pointer;
}

.section--works .load-more.white-style {
    color: white;
}

.section--works .load-more img {
    width: 22px;
    position: relative;
    right: 1px;
    top: 3px;
}

.section--works .up-icon.load-more img {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

/* --who are we */

.section-who-are-we .shell{
    padding:0 100px;
}

.section-who-are-we h1 {
    color: white;
    margin-top: 0;
    text-transform: uppercase;
    font-size: 37px;
    margin-bottom: 15px;
}

.section-who-are-we p {
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 5px;
    padding-left: 5px;
}

/* --make it */

.section-make-it .container-right,
.section-make-it .container-left {
    margin-bottom: 150px;
}

.section-make-it .container-right:last-child,
.section-make-it .container-left:last-child {
    margin-bottom: 0;
}

.section-make-it .container-right .cols,
.section-make-it .container-right .section__image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.section-make-it .section__head {
    margin-bottom: 80px;
}

.section-make-it .section__heading {
    font-size: 18px;
}

.section__heading.heading-e53262 {
    background-color: #d7d923;
}

.inline-quote .section__heading.heading-e53262 {
    -webkit-box-shadow: 8px 0 0 #d7d923, -8px 0 0 #d7d923;
            box-shadow: 8px 0 0 #d7d923, -8px 0 0 #d7d923;
    color: #000;
}

.section__heading.heading-d6d823 {
    background-color: #d6d823;
    color: black;
}

.section__heading.heading-d5cd10 {
    background-color: #d5cd10;
}

.inline-quote .section__heading.heading-d5cd10 {
    -webkit-box-shadow: 8px 0 0 #d5cd10, -8px 0 0 #d5cd10;
            box-shadow: 8px 0 0 #d5cd10, -8px 0 0 #d5cd10;
}

.section__heading.heading-e7215b{
    background-color: #e7215b;
}

.inline-quote .section__heading.heading-e7215b {
    -webkit-box-shadow: 8px 0 0 #e7215b, -8px 0 0 #e7215b;
            box-shadow: 8px 0 0 #e7215b, -8px 0 0 #e7215b;
}

.section-make-it p {
    color: white;
}

.section-make-it .section__image figure {
    position: relative;
    display: inline-block;
}

.section-make-it .container-left .section__image figure {
    margin-left: 40px;
}

.section-make-it .container-right .section__image figure {
    margin-right: 40px;
}

.section-make-it .section__image figure .frame {
    position: absolute;
    top: -45px;
    right: 35px;
    bottom: 28px;
    left: -35px;
    border: 4px solid #d6d823;
}

.section-make-it .section__image figure .frame.frame-e53262 {
    border-color: #e53262;
}

/* --clients */

.section-clients h2 {
    font-size: 42px;
    color: white;
    text-align: center;
    text-transform: uppercase;
}

.section-clients .logo-container {
    padding: 0 67px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 60px;
}

.section-clients .logo-container img {
    max-width: 140px;
    max-height: 140px;
}

/* -- card */

.section-card{
    height: 75vh;
    position: relative;
    overflow: hidden;
}

.section-card a { text-decoration: none; }

.section-card .shell{
    height: 100%;
    z-index: 2;
}

.section-card .central-title-intro-2 h1{
    margin-bottom: 0;
}

.section-card video{
    width: 100vw;
    height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
    min-height: 100vh;
    min-width: 187.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-color: black;
    opacity: 0 !important;
    -webkit-transition: all 0.5s ease-in-out 0s;
    -o-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
}

.section-card:hover video{
    opacity: 1 !important;
}

.section-card.section-card-0{
    background: url(../images/work/bd-header.jpg) no-repeat center center; 
    background-size: cover;
}

.section-card.section-card-1{
    background: url(../images/temp/yt-unfckit/YT-work-page-image.webp?v=3) no-repeat center center; 
    background-size: cover;
}

.section-card.section-card-2{
    background: url(../images/work/bd-section-3.jpg) no-repeat center center; 
    background-size: cover;
}

.section-card.section-card-3{
    background: url(../images/work/bd-section-4.jpg) no-repeat center center; 
    background-size: cover;
}

.section-card.section-card-4{
    background: url(../images/work/bd-section-5.jpg) no-repeat center center; 
    background-size: cover;
}

.section-card.section-card-5{
    background: url(../images/work/bd-section-6.jpg) no-repeat center center; 
    background-size: cover;
}

.section-card.section-card-6{
    background: url(../images/work/bd-section-7.jpg) no-repeat center center; 
    background-size: cover;
}

.section-card.section-card-7{
    background: url(../images/work/bd-section-8.jpg) no-repeat center center; 
    background-size: cover;
}

.section-card.section-card-8{
    background: url(../images/temp/mini/minielec-hero.jpg) no-repeat center center;
    background-size: cover;
}

.section-card.section-card-9{
    background: url(../images/temp/financial-times/ft-6.jpg) no-repeat center center;
    background-size: cover;
}

.section-card.section-card-10{
    background: url(../images/temp/bumble/bumble-1.jpg) no-repeat center center;
    background-size: cover;
}

.section-card.section-card-11 {
    background: url(../images/temp/dwp/section-card.webp?v=3) no-repeat center center;
    background-size: cover;
}

.section-card .explore, .central-title-intro-2 .explore{
    color:white;
    display: inline-block;
    font-size: 18px;
    border-bottom: 6px solid black;
    line-height: 1.4;
    cursor: pointer;
}

.explore.border-e53262{
    border-color: #e53262 !important;
}

.explore.border-d7d923{
    border-color: #d7d923 !important;
}

.explore.border-19b2c0{
    border-color: #19b2c0 !important;
}

/* Small Desktop */

@media (max-width: 1200px) {
    .section--quote .section__heading {
        margin-left: 0;
    }
}

/* Tablet Portrait */

@media (max-width: 1024px) {
    .section {
        padding: 50px 0;
    }

    .section--quote .section__head {
        margin-bottom: 70px;
    }

    .section--quote .instagram {
        margin-left: 0;
    }

    .section-clients .logo-container {
        padding: 0 56px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .show-fixed-header.show-fixed-header .header{
        margin:20px 10px;
    }

    .footer .footer__content{
        margin: 0 10px;
    }

    .section {
        padding: 25px 0;
    }

    .section .section__head {
        margin-bottom: 35px;
    }
    .section .section__head h1 {
        margin-bottom: 20px;
        font-size: 20px;
    }
    .section .section__head h1 span {
        margin: 0 7px;
    }

    <!--.section .section__heading {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    -- > .section .section__heading span {
        margin: 0 7px;
    }

    .section--quote .section__heading{
        margin-left:30px;
        margin-right:30px;
    }

    .section--quote .section__head{
        margin-bottom: 0;
    }

    .section--quote h4.section__heading:first-child {
        font-size: 18px;
    }
    .section--quote h4.section__heading:nth-child(2) {
        font-size: 20px;
    }

    .section--quote .section__head h1 {
        letter-spacing: 0.2em;
        margin-left:30px;
        margin-bottom:0;
    }
    .section--quote .section__head p {
        max-width: 400px;    
    }

    .section--quote.quote-insta .show-down-1{
        padding:0 20px;
    }

    .section--quote .instagram{
        padding-left:20px;
        font-size:16px;
    }

    .section--quote .section--quote .section__head p br {
        display: none;
    }

    .section--about .shell {
        display: block;
    }
    .section--about .section__image {
        display: block;
        width: 100%;
        padding: 0;
    }
    .section--about .section__image figure {
        max-width: 80%;
        margin: 0 auto;
    }
    .section--about .section__image figure .frame {
        top: -20px;
        right: -20px;
        bottom: 20px;
        left: 20px;
    }

    .section--about .section__content {
        width: 100%;
        padding-left: 0;
        margin-top: 40px;
    }

    .section--about .section__content h4 {
        margin-left: 20px;
        margin-right: 20px;
    }

    .section--about .section__content p {
        margin-bottom: 30px;
        padding: 0 20px;
    }

    .section--info .col:first-child {
        padding-right: 15px;
    }
    .section--info .col:last-child {
        padding-left: 15px;
    }

    .section-clients h2 {
        font-size: 32px;
    }
    .section-clients .logo-container {
        padding: 0;
    }
    .section-clients .logo-container img {
        max-width: 130px;
    }

    .section-who-are-we .shell{
        padding:0 30px;
    }

    .section-who-are-we p{
        font-size: 20px;
    }

    .central-title-intro-2 h1{
        font-size: 28px;
        line-height: 1.5;
    }

    .welcome-home2-section h1{
        font-size:26px;
    }

    .welcome-home2-section p{
        font-size:16px;
        padding: 0 20px;
    }
}

/* ------------------------------------------------------------ *\
        Section Slider
\* ------------------------------------------------------------ */

.section-slider {
    padding: 40px 0;
}

/* Mobile */

@media (max-width: 767px) {
    .section-slider {
        padding: 25px 0;
    }
}

/* ------------------------------------------------------------ *\
        Section Stats
\* ------------------------------------------------------------ */

.section-stats {
    padding: 60px 0 120px;
    background-position: center bottom;
    text-align: center;
}

.section-stats .shell {
    max-width: 1070px;
}

.section-stats .section__head {
    margin-bottom: 80px;
}

/* Tablet Portrait */

@media (max-width: 1024px) {
    .section-stats {
        padding: 50px 0;
    }

    .section-stats .section__head {
        margin-bottom: 50px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    .section-stats {
        padding: 25px 0;
        background-size: 250%;
    }
    .section-stats .section__head {
        margin-bottom: 25px;
    }
}

/* ------------------------------------------------------------ *\
        Section Awards
\* ------------------------------------------------------------ */

.section-awards {
    padding: 180px 0 120px;
    background-position: center bottom;
    text-align: center;
}

.section-awards .shell {
    max-width: 1070px;
}

.section-awards .section__head {
    margin-bottom: 80px;
}

/* Tablet Portrait */

@media (max-width: 1024px) {
    .section-awards {
        padding: 50px 0;
    }

    .section-awards .section__head {
        margin-bottom: 50px;
    }
}

/* Mobile */

@media (max-width: 767px) {
    
    .section-awards {
        padding: 25px 0;
        background-size: 250%;
    }
    .section-awards .section__head {
        margin-bottom: 25px;
    }

    .section-awards .size-1of4-cols strong {
        font-size: 20px;
    }

    .section-awards .size-1of4-cols img {    
        margin-top: 30px;
    }
    
}

/*  Img  */

.section-awards .size-1of4-cols img {
    width: 60%;
    margin-bottom: 40px;
}

/* Strong */

.section-awards .size-1of4-cols strong {
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

/* ------------------------------------------------------------ *\
	Slick Arrows
\* ------------------------------------------------------------ */

.slick-arrow { position: absolute; top: 50%; z-index: 15; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 40px; height: 40px; border: 0; border-radius: 100%; background: #4d4d4d; font-size: 0; line-height: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; }

.slick-arrow:after { content: ''; position: absolute; top: 15px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 10px; height: 10px; border-color: #F5F5F5; border-style: solid; }

.slick-arrow:hover { opacity: .2; }

.slick-prev { left: 10px; }

.slick-prev:after { left: 16px; border-width: 0 0 3px 3px; }

.slick-next { right: 10px; }

.slick-next:after { left: 14px; border-width: 3px 3px 0 0; }

@media (max-width: 1400px) {
	.slick-arrow { width: 34px; height: 34px; }
	.slick-arrow:after { top: 12px; }
	.slick-prev:after { left: 14px; }
	.slick-next:after { left: 11px; }
}

/* Mobile */

@media (max-width: 767px) {
	.slick-arrow { width: 40px; height: 40px; }
	.slick-arrow:after { top: 15px; }
	.slick-arrow:hover { opacity: 1; }
	
	.slick-prev { left: 22px; }
	.slick-prev:after { left: 16px; border-width: 0 0 3px 3px; }
	.slick-next { right: 22px; }
	.slick-next:after { left: 14px; border-width: 3px 3px 0 0; }
}

/* ------------------------------------------------------------ *\
	Slick Dots
\* ------------------------------------------------------------ */

.slick-dotted { padding-bottom: 49px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}

.slick-dots { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; border-radius: 0; font-size: 0; line-height: 0; list-style: none; }

.slick-dots li { padding: 0 6px; }

/*.slick-dots li.slick-active button { background: #19b2c1; }*/

.slick-dots button { width: 16px; height: 8px; border: 0; border-radius: 0; background: #58595b; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: opacity 0.4s; -o-transition: opacity 0.4s; transition: opacity 0.4s; }

.slick-dots .indicator.right { -webkit-transition: left 0.3s 0.1s cubic-bezier(0.51, 0.92, 0.24, 1.15), right 0.3s cubic-bezier(0.51, 0.92, 0.24, 1.15); -o-transition: left 0.3s 0.1s cubic-bezier(0.51, 0.92, 0.24, 1.15), right 0.3s cubic-bezier(0.51, 0.92, 0.24, 1.15); transition: left 0.3s 0.1s cubic-bezier(0.51, 0.92, 0.24, 1.15), right 0.3s cubic-bezier(0.51, 0.92, 0.24, 1.15); }

.slick-dots .indicator.left { -webkit-transition: left 0.3s cubic-bezier(0.51, 0.92, 0.24, 1.15), right 0.3s 0.1s cubic-bezier(0.51, 0.92, 0.24, 1.15); -o-transition: left 0.3s cubic-bezier(0.51, 0.92, 0.24, 1.15), right 0.3s 0.1s cubic-bezier(0.51, 0.92, 0.24, 1.15); transition: left 0.3s cubic-bezier(0.51, 0.92, 0.24, 1.15), right 0.3s 0.1s cubic-bezier(0.51, 0.92, 0.24, 1.15); }

.slick-dots .indicator { position: absolute; bottom: 0; left: 0; min-width: 16px; width: auto; height: 8px; margin-left: 6px; background: #19b2c1; pointer-events: none; }

.dark .slick-dots .indicator{background: #de3262;}

.indicator-d5cd10 .slick-dots .indicator{background: #d5cd10;}

.indicator-00b6d1 .slick-dots .indicator{background: #00b6d1;}

/* Mobile */

@media (max-width: 767px) {
	.slick-dotted { padding-bottom: 30px; }
}

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */

.slider .slide { position: relative; z-index: 5; display: table; width: 100%; height: 720px; color: #fff; }

.slider .slide__image:before { content: ''; background: rgba(0,0,0,.09); }

.slider .slide__content { position: relative; display: table-cell; vertical-align: middle; z-index: 5; }

.slider .slide__content h3 { font-size: 58px; letter-spacing: .11em; text-transform: uppercase; text-align: center; padding-top: 12px;}

.slider .slide__content h3 span{color: #de3262;}

.slider .slide__content h3 span.content-d5cd10{ color: #d5cd10;}

.slider .slide__content h3 i { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); margin-left: 20px; }

.slider .slide__content .shell { max-width: 1015px; }

.slider .slick-arrow{
    top:inherit;
}

.slider .slick-next { right: 115px; width: 52px; height: 68px; border-radius: 0; background-image: url(../images/next@2x.png); background-size: 100%; background-position: center; background-repeat: no-repeat; background-color: transparent; margin-top: 35px;}

.grey .slider .slick-next,
.base .slider .slick-next, 
.dark .slider .slick-next {background-image: url(../images/nextDark@2x.png);}

.slider .slick-next:hover { opacity: .7; }

.slider .slick-next:after { display: none; }

.slider .slick-prev { left: 115px; width: 52px; height: 68px; border-radius: 0; background-image: url(../images/next@2x.png); background-size: 100%; background-position: center; background-repeat: no-repeat; background-color: transparent; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1);}

.grey .slider .slick-prev, 
.base .slider .slick-prev, 
.dark .slider .slick-prev {background-image: url(../images/nextDark@2x.png);}

.slider .slick-prev:hover { opacity: .7; }

.slider .slick-prev:after { display: none; }

/* Small Desktop */

@media (max-width: 1200px) {
	.slider .slide__content h3 { font-size: 53px; }

	.slider .slick-next { right: 15px; margin-top: 27px;}
        .slider .slick-prev { left: 15px; }
}

/* Tablet Portrait */

@media (max-width: 1024px) {
	.slider .slide__content h3 { font-size: 37px; }
}

/* Mobile */

@media (max-width: 767px) {
	.slider .slide { height: 320px; padding: 50px 0; }
        .intro-2 .slider .slide { height:75vh; }
	.slider .slide__content h3 { font-size: 29px; padding: 0 30px;}

	.slider .slick-next, .slider .slick-prev { width: 40px; height: 52px; }
}

/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
        Video
\* ------------------------------------------------------------ */

.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-transition: background 0.4s;
    -o-transition: background 0.4s;
    transition: background 0.4s;
    pointer-events: none;
}

.video video, .video iframe {
    width: 100vw;
    height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
    min-height: 100vh;
    min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 45;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    opacity: 0; 
    visibility: hidden; 
    -webkit-transition: opacity 0.4s, visibility 0.4s; 
    -o-transition: opacity 0.4s, visibility 0.4s; 
    transition: opacity 0.4s, visibility 0.4s;
}

.close-btn-video{
    position: absolute;
    z-index: 50;
    top: 70px;
    left: 0;
    right: 0;
    display: none;
    cursor:pointer;
    color:white;
    margin: 0 60px;
}

.close-btn-video img{
    width: 35px;
}

.active.close-btn-video{
    display: block;
}

.video video{
    min-width: 187.77vh;
}

.intro_16_9 .video iframe {
    min-width: 100vw;
    min-height: 100%;
    height:100%;
}

.preview-video .btn-play{
    z-index: 46;
}

.preview-video .video iframe{
    z-index: 47;
}

.video.visible { pointer-events: all; background-color: black; }

.video.visible video, .video.visible iframe { opacity: 1; visibility: visible; }

@media (max-width: 1024px) {
    .close-btn-video{
        top: 70px;
    }
}

@media (max-width: 767px) {
    .close-btn-video{
        top: 30px;
        margin: 0 20px;
    }
    
    .hide-mobile{
        display:none;
    }
}

/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */

.widgets { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	Themes
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Animations
\* ------------------------------------------------------------ */

/* Invocando animações */

/* Entrada Esquerda */

.show-left-1, .show-left-2, .show-left-3, .show-left-4, .show-left-5, .show-left-6{
    position:relative;
    right:60px;
    opacity: 0;    
}

.active .show-left-1{
    animation: entradaEsquerda 1s 0s cubic-bezier(0,0,0.25,1);
    animation-fill-mode: forwards;
    -webkit-animation: entradaEsquerda 1s 0s cubic-bezier(0,0,0.25,1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation: entradaEsquerda 1s 0s cubic-bezier(0,0,0.25,1);
    -moz-animation-fill-mode: forwards;   
    -o-animation: entradaEsquerda 1s 0s cubic-bezier(0,0,0.25,1);
    -o-animation-fill-mode: forwards;
}

.active .show-left-2{
    animation: entradaEsquerda 1s 0.3s cubic-bezier(0,0,0.25,1);
    animation-fill-mode: forwards;
    -webkit-animation: entradaEsquerda 1s 0.3s cubic-bezier(0,0,0.25,1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation: entradaEsquerda 1s 0.3s cubic-bezier(0,0,0.25,1);
    -moz-animation-fill-mode: forwards;   
    -o-animation: entradaEsquerda 1s 0.3s cubic-bezier(0,0,0.25,1);
    -o-animation-fill-mode: forwards;
}

.active .show-left-3{
    animation: entradaEsquerda 1s 0.9s cubic-bezier(0,0,0.25,1);
    animation-fill-mode: forwards;
    -webkit-animation: entradaEsquerda 1s 0.9s cubic-bezier(0,0,0.25,1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation: entradaEsquerda 1s 0.9s cubic-bezier(0,0,0.25,1);
    -moz-animation-fill-mode: forwards;   
    -o-animation: entradaEsquerda 1s 0.9s cubic-bezier(0,0,0.25,1);
    -o-animation-fill-mode: forwards;
}

.active .show-left-4{
    animation: entradaEsquerda 1s 1.2s cubic-bezier(0,0,0.25,1);
    animation-fill-mode: forwards;
    -webkit-animation: entradaEsquerda 1s 1.2s cubic-bezier(0,0,0.25,1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation: entradaEsquerda 1s 1.2s cubic-bezier(0,0,0.25,1);
    -moz-animation-fill-mode: forwards;   
    -o-animation: entradaEsquerda 1s 1.2s cubic-bezier(0,0,0.25,1);
    -o-animation-fill-mode: forwards;
}

.active .show-left-5{
    animation: entradaEsquerda 1s 1.5s cubic-bezier(0,0,0.25,1);
    animation-fill-mode: forwards;
    -webkit-animation: entradaEsquerda 1s 1.5s cubic-bezier(0,0,0.25,1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation: entradaEsquerda 1s 1.5s cubic-bezier(0,0,0.25,1);
    -moz-animation-fill-mode: forwards;   
    -o-animation: entradaEsquerda 1s 1.5s cubic-bezier(0,0,0.25,1);
    -o-animation-fill-mode: forwards;
}

.active .show-left-6{
    animation: entradaEsquerda 1s 1.8s cubic-bezier(0,0,0.25,1);
    animation-fill-mode: forwards;
    -webkit-animation: entradaEsquerda 1s 1.8s cubic-bezier(0,0,0.25,1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation: entradaEsquerda 1s 1.8s cubic-bezier(0,0,0.25,1);
    -moz-animation-fill-mode: forwards;   
    -o-animation: entradaEsquerda 1s 1.8s cubic-bezier(0,0,0.25,1);
    -o-animation-fill-mode: forwards;
}

/* Entrada cima */

.show-up-1, .show-up-2, .show-up-3, .show-up-4, .show-up-5, .show-up-6{
    position:relative;
    bottom:60px;
    opacity: 0;    
}

.active .show-up-1{
    animation: entradaCima 1s 0s cubic-bezier(0,0,0.25,1);
    animation-fill-mode: forwards;
    -webkit-animation: entradaCima 1s 0s cubic-bezier(0,0,0.25,1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation: entradaCima 1s 0s cubic-bezier(0,0,0.25,1);
    -moz-animation-fill-mode: forwards;   
    -o-animation: entradaCima 1s 0s cubic-bezier(0,0,0.25,1);
    -o-animation-fill-mode: forwards;
}

.active .show-up-2{
    animation: entradaCima 1s 0.3s cubic-bezier(0,0,0.25,1);
    animation-fill-mode: forwards;
    -webkit-animation: entradaCima 1s 0.3s cubic-bezier(0,0,0.25,1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation: entradaCima 1s 0.3s cubic-bezier(0,0,0.25,1);
    -moz-animation-fill-mode: forwards;   
    -o-animation: entradaCima 1s 0.3s cubic-bezier(0,0,0.25,1);
    -o-animation-fill-mode: forwards;
}

.active .show-up-3{
    animation: entradaCima 1s 0.9s cubic-bezier(0,0,0.25,1);
    animation-fill-mode: forwards;
    -webkit-animation: entradaCima 1s 0.9s cubic-bezier(0,0,0.25,1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation: entradaCima 1s 0.9s cubic-bezier(0,0,0.25,1);
    -moz-animation-fill-mode: forwards;   
    -o-animation: entradaCima 1s 0.9s cubic-bezier(0,0,0.25,1);
    -o-animation-fill-mode: forwards;
}

.active .show-up-4{
    animation: entradaCima 1s 1.2s cubic-bezier(0,0,0.25,1);
    animation-fill-mode: forwards;
    -webkit-animation: entradaCima 1s 1.2s cubic-bezier(0,0,0.25,1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation: entradaCima 1s 1.2s cubic-bezier(0,0,0.25,1);
    -moz-animation-fill-mode: forwards;   
    -o-animation: entradaCima 1s 1.2s cubic-bezier(0,0,0.25,1);
    -o-animation-fill-mode: forwards;
}

.active .show-up-5{
    animation: entradaCima 1s 1.5s cubic-bezier(0,0,0.25,1);
    animation-fill-mode: forwards;
    -webkit-animation: entradaCima 1s 1.5s cubic-bezier(0,0,0.25,1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation: entradaCima 1s 1.5s cubic-bezier(0,0,0.25,1);
    -moz-animation-fill-mode: forwards;   
    -o-animation: entradaCima 1s 1.5s cubic-bezier(0,0,0.25,1);
    -o-animation-fill-mode: forwards;
}

.active .show-up-6{
    animation: entradaCima 1s 1.8s cubic-bezier(0,0,0.25,1);
    animation-fill-mode: forwards;
    -webkit-animation: entradaCima 1s 1.8s cubic-bezier(0,0,0.25,1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation: entradaCima 1s 1.8s cubic-bezier(0,0,0.25,1);
    -moz-animation-fill-mode: forwards;   
    -o-animation: entradaCima 1s 1.8s cubic-bezier(0,0,0.25,1);
    -o-animation-fill-mode: forwards;
}

/* Entrada Direita */

.show-right-1, .show-right-2, .show-right-3, .show-right-4, .show-right-5, .show-right-6{
    position:relative;
    left:60px;
    opacity: 0;
}

.active .show-right-1{
    animation: entradaDireita 1s 0s cubic-bezier(0,0,0.25,1);
    animation-fill-mode: forwards;
    -webkit-animation: entradaDireita 1s 0s cubic-bezier(0,0,0.25,1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation: entradaDireita 1s 0s cubic-bezier(0,0,0.25,1);
    -moz-animation-fill-mode: forwards;   
    -o-animation: entradaDireita 1s 0s cubic-bezier(0,0,0.25,1);
    -o-animation-fill-mode: forwards;
}

.active .show-right-2{
    animation: entradaDireita 1s 0.3s cubic-bezier(0,0,0.25,1);
    animation-fill-mode: forwards;
    -webkit-animation: entradaDireita 1s 0.3s cubic-bezier(0,0,0.25,1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation: entradaDireita 1s 0.3s cubic-bezier(0,0,0.25,1);
    -moz-animation-fill-mode: forwards;   
    -o-animation: entradaDireita 1s 0.3s cubic-bezier(0,0,0.25,1);
    -o-animation-fill-mode: forwards;
}

.active .show-right-3{
    animation: entradaDireita 1s 0.9s cubic-bezier(0,0,0.25,1);
    animation-fill-mode: forwards;
    -webkit-animation: entradaDireita 1s 0.9s cubic-bezier(0,0,0.25,1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation: entradaDireita 1s 0.9s cubic-bezier(0,0,0.25,1);
    -moz-animation-fill-mode: forwards;   
    -o-animation: entradaDireita 1s 0.9s cubic-bezier(0,0,0.25,1);
    -o-animation-fill-mode: forwards;
}

.active .show-right-4{
    animation: entradaDireita 1s 1.2s cubic-bezier(0,0,0.25,1);
    animation-fill-mode: forwards;
    -webkit-animation: entradaDireita 1s 1.2s cubic-bezier(0,0,0.25,1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation: entradaDireita 1s 1.2s cubic-bezier(0,0,0.25,1);
    -moz-animation-fill-mode: forwards;   
    -o-animation: entradaDireita 1s 1.2s cubic-bezier(0,0,0.25,1);
    -o-animation-fill-mode: forwards;
}

.active .show-right-5{
    animation: entradaDireita 1s 1.5s cubic-bezier(0,0,0.25,1);
    animation-fill-mode: forwards;
    -webkit-animation: entradaDireita 1s 1.5s cubic-bezier(0,0,0.25,1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation: entradaDireita 1s 1.5s cubic-bezier(0,0,0.25,1);
    -moz-animation-fill-mode: forwards;   
    -o-animation: entradaDireita 1s 1.5s cubic-bezier(0,0,0.25,1);
    -o-animation-fill-mode: forwards;
}

.active .show-right-6{
    animation: entradaDireita 1s 1.8s cubic-bezier(0,0,0.25,1);
    animation-fill-mode: forwards;
    -webkit-animation: entradaDireita 1s 1.8s cubic-bezier(0,0,0.25,1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation: entradaDireita 1s 1.8s cubic-bezier(0,0,0.25,1);
    -moz-animation-fill-mode: forwards;   
    -o-animation: entradaDireita 1s 1.8s cubic-bezier(0,0,0.25,1);
    -o-animation-fill-mode: forwards;
}

/* Entrada Baixo */

.show-down-1, .show-down-2, .show-down-3, .show-down-4, .show-down-5, .show-down-6{
    position:relative;
    top:60px;
    opacity: 0;    
}

.active .show-down-1{
    animation: entradaBaixo 1s 0s cubic-bezier(0,0,0.25,1);
    animation-fill-mode: forwards;
    -webkit-animation: entradaBaixo 1s 0s cubic-bezier(0,0,0.25,1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation: entradaBaixo 1s 0s cubic-bezier(0,0,0.25,1);
    -moz-animation-fill-mode: forwards;   
    -o-animation: entradaBaixo 1s 0s cubic-bezier(0,0,0.25,1);
    -o-animation-fill-mode: forwards;
}

.active .show-down-2{
    animation: entradaBaixo 1s 0.3s cubic-bezier(0,0,0.25,1);
    animation-fill-mode: forwards;
    -webkit-animation: entradaBaixo 1s 0.3s cubic-bezier(0,0,0.25,1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation: entradaBaixo 1s 0.3s cubic-bezier(0,0,0.25,1);
    -moz-animation-fill-mode: forwards;   
    -o-animation: entradaBaixo 1s 0.3s cubic-bezier(0,0,0.25,1);
    -o-animation-fill-mode: forwards;
}

.active .show-down-3{
    animation: entradaBaixo 1s 0.9s cubic-bezier(0,0,0.25,1);
    animation-fill-mode: forwards;
    -webkit-animation: entradaBaixo 1s 0.9s cubic-bezier(0,0,0.25,1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation: entradaBaixo 1s 0.9s cubic-bezier(0,0,0.25,1);
    -moz-animation-fill-mode: forwards;   
    -o-animation: entradaBaixo 1s 0.9s cubic-bezier(0,0,0.25,1);
    -o-animation-fill-mode: forwards;
}

.active .show-down-4{
    animation: entradaBaixo 1s 1.2s cubic-bezier(0,0,0.25,1);
    animation-fill-mode: forwards;
    -webkit-animation: entradaBaixo 1s 1.2s cubic-bezier(0,0,0.25,1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation: entradaBaixo 1s 1.2s cubic-bezier(0,0,0.25,1);
    -moz-animation-fill-mode: forwards;   
    -o-animation: entradaBaixo 1s 1.2s cubic-bezier(0,0,0.25,1);
    -o-animation-fill-mode: forwards;
}

.active .show-down-5{
    animation: entradaBaixo 1s 1.5s cubic-bezier(0,0,0.25,1);
    animation-fill-mode: forwards;
    -webkit-animation: entradaBaixo 1s 1.5s cubic-bezier(0,0,0.25,1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation: entradaBaixo 1s 1.5s cubic-bezier(0,0,0.25,1);
    -moz-animation-fill-mode: forwards;   
    -o-animation: entradaBaixo 1s 1.5s cubic-bezier(0,0,0.25,1);
    -o-animation-fill-mode: forwards;
}

.active .show-down-6{
    animation: entradaBaixo 1s 1.8s cubic-bezier(0,0,0.25,1);
    animation-fill-mode: forwards;
    -webkit-animation: entradaBaixo 1s 1.8s cubic-bezier(0,0,0.25,1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation: entradaBaixo 1s 1.8s cubic-bezier(0,0,0.25,1);
    -moz-animation-fill-mode: forwards;   
    -o-animation: entradaBaixo 1s 1.8s cubic-bezier(0,0,0.25,1);
    -o-animation-fill-mode: forwards;
}

/* Entrada Baixo full div, sem hover */

.show-down-full-1, .show-down-full-2, .show-down-full-3, .show-down-full-4, .show-down-full-5, .show-down-full-6{
    position:relative;
    top:400px;
}

.active .show-down-full-1{
    animation: entradaBaixoFull 0.8s 0s cubic-bezier(0,0,0.25,1);
    animation-fill-mode: forwards;
    -webkit-animation: entradaBaixoFull 0.8s 0s cubic-bezier(0,0,0.25,1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation: entradaBaixoFull 0.8s 0s cubic-bezier(0,0,0.25,1);
    -moz-animation-fill-mode: forwards;   
    -o-animation: entradaBaixoFull 0.8s 0s cubic-bezier(0,0,0.25,1);
    -o-animation-fill-mode: forwards;
}

.active .show-down-full-2{
    animation: entradaBaixoFull 1s 0.3s cubic-bezier(0,0,0.25,1);
    animation-fill-mode: forwards;
    -webkit-animation: entradaBaixoFull 1s 0.3s cubic-bezier(0,0,0.25,1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation: entradaBaixoFull 1s 0.3s cubic-bezier(0,0,0.25,1);
    -moz-animation-fill-mode: forwards;   
    -o-animation: entradaBaixoFull 1s 0.3s cubic-bezier(0,0,0.25,1);
    -o-animation-fill-mode: forwards;
}

.active .show-down-full-3{
    animation: entradaBaixoFull 1s 0.9s cubic-bezier(0,0,0.25,1);
    animation-fill-mode: forwards;
    -webkit-animation: entradaBaixoFull 1s 0.9s cubic-bezier(0,0,0.25,1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation: entradaBaixoFull 1s 0.9s cubic-bezier(0,0,0.25,1);
    -moz-animation-fill-mode: forwards;   
    -o-animation: entradaBaixoFull 1s 0.9s cubic-bezier(0,0,0.25,1);
    -o-animation-fill-mode: forwards;
}

.active .show-down-full-4{
    animation: entradaBaixoFull 1s 1.2s cubic-bezier(0,0,0.25,1);
    animation-fill-mode: forwards;
    -webkit-animation: entradaBaixoFull 1s 1.2s cubic-bezier(0,0,0.25,1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation: entradaBaixoFull 1s 1.2s cubic-bezier(0,0,0.25,1);
    -moz-animation-fill-mode: forwards;   
    -o-animation: entradaBaixoFull 1s 1.2s cubic-bezier(0,0,0.25,1);
    -o-animation-fill-mode: forwards;
}

.active .show-down-full-5{
    animation: entradaBaixoFull 1s 1.5s cubic-bezier(0,0,0.25,1);
    animation-fill-mode: forwards;
    -webkit-animation: entradaBaixoFull 1s 1.5s cubic-bezier(0,0,0.25,1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation: entradaBaixoFull 1s 1.5s cubic-bezier(0,0,0.25,1);
    -moz-animation-fill-mode: forwards;   
    -o-animation: entradaBaixoFull 1s 1.5s cubic-bezier(0,0,0.25,1);
    -o-animation-fill-mode: forwards;
}

.active .show-down-full-6{
    animation: entradaBaixoFull 1s 1.8s cubic-bezier(0,0,0.25,1);
    animation-fill-mode: forwards;
    -webkit-animation: entradaBaixoFull 1s 1.8s cubic-bezier(0,0,0.25,1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation: entradaBaixoFull 1s 1.8s cubic-bezier(0,0,0.25,1);
    -moz-animation-fill-mode: forwards;   
    -o-animation: entradaBaixoFull 1s 1.8s cubic-bezier(0,0,0.25,1);
    -o-animation-fill-mode: forwards;
}

/* Entrada Baixo full div, com hover */

.show-down-full-opacity-1, .show-down-full-opacity-2, .show-down-full-opacity-3, .show-down-full-opacity-4, .show-down-full-opacity-5, .show-down-full-opacity-6{
    position:relative;
    top:400px;
    opacity: 0;
}

.active .show-down-full-opacity-1{
    animation: entradaBaixoOpacityFull 1s 0s cubic-bezier(0,0,0.25,1);
    animation-fill-mode: forwards;
    -webkit-animation: entradaBaixoOpacityFull 1s 0s cubic-bezier(0,0,0.25,1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation: entradaBaixoOpacityFull 1s 0s cubic-bezier(0,0,0.25,1);
    -moz-animation-fill-mode: forwards;   
    -o-animation: entradaBaixoOpacityFull 1s 0s cubic-bezier(0,0,0.25,1);
    -o-animation-fill-mode: forwards;
}

.active .show-down-full-opacity-2{
    animation: entradaBaixoOpacityFull 1s 0.3s cubic-bezier(0,0,0.25,1);
    animation-fill-mode: forwards;
    -webkit-animation: entradaBaixoOpacityFull 1s 0.3s cubic-bezier(0,0,0.25,1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation: entradaBaixoOpacityFull 1s 0.3s cubic-bezier(0,0,0.25,1);
    -moz-animation-fill-mode: forwards;   
    -o-animation: entradaBaixoOpacityFull 1s 0.3s cubic-bezier(0,0,0.25,1);
    -o-animation-fill-mode: forwards;
}

.active .show-down-full-opacity-3{
    animation: entradaBaixoOpacityFull 1s 0.9s cubic-bezier(0,0,0.25,1);
    animation-fill-mode: forwards;
    -webkit-animation: entradaBaixoOpacityFull 1s 0.9s cubic-bezier(0,0,0.25,1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation: entradaBaixoOpacityFull 1s 0.9s cubic-bezier(0,0,0.25,1);
    -moz-animation-fill-mode: forwards;   
    -o-animation: entradaBaixoOpacityFull 1s 0.9s cubic-bezier(0,0,0.25,1);
    -o-animation-fill-mode: forwards;
}

.active .show-down-full-opacity-4{
    animation: entradaBaixoOpacityFull 1s 1.2s cubic-bezier(0,0,0.25,1);
    animation-fill-mode: forwards;
    -webkit-animation: entradaBaixoOpacityFull 1s 1.2s cubic-bezier(0,0,0.25,1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation: entradaBaixoOpacityFull 1s 1.2s cubic-bezier(0,0,0.25,1);
    -moz-animation-fill-mode: forwards;   
    -o-animation: entradaBaixoOpacityFull 1s 1.2s cubic-bezier(0,0,0.25,1);
    -o-animation-fill-mode: forwards;
}

.active .show-down-full-opacity-5{
    animation: entradaBaixoOpacityFull 1s 1.5s cubic-bezier(0,0,0.25,1);
    animation-fill-mode: forwards;
    -webkit-animation: entradaBaixoOpacityFull 1s 1.5s cubic-bezier(0,0,0.25,1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation: entradaBaixoOpacityFull 1s 1.5s cubic-bezier(0,0,0.25,1);
    -moz-animation-fill-mode: forwards;   
    -o-animation: entradaBaixoOpacityFull 1s 1.5s cubic-bezier(0,0,0.25,1);
    -o-animation-fill-mode: forwards;
}

.active .show-down-full-opacity-6{
    animation: entradaBaixoOpacityFull 1s 1.8s cubic-bezier(0,0,0.25,1);
    animation-fill-mode: forwards;
    -webkit-animation: entradaBaixoOpacityFull 1s 1.8s cubic-bezier(0,0,0.25,1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation: entradaBaixoOpacityFull 1s 1.8s cubic-bezier(0,0,0.25,1);
    -moz-animation-fill-mode: forwards;   
    -o-animation: entradaBaixoOpacityFull 1s 1.8s cubic-bezier(0,0,0.25,1);
    -o-animation-fill-mode: forwards;
}

/* -------------------------------------------------------> Entradas slip hover <------------------------------------------------------- */

/* Entrada Top */

.show-top .show-1, .show-top .show-2{
    position:relative;
    bottom:60px;
    opacity: 0;    
}

.show-top .show-1{
    animation: entradaCima 1s 0s cubic-bezier(0,0,0.25,1);
    animation-fill-mode: forwards;
    -webkit-animation: entradaCima 1s 0s cubic-bezier(0,0,0.25,1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation: entradaCima 1s 0s cubic-bezier(0,0,0.25,1);
    -moz-animation-fill-mode: forwards;   
    -o-animation: entradaCima 1s 0s cubic-bezier(0,0,0.25,1);
    -o-animation-fill-mode: forwards;
}

.show-top .show-2{
    animation: entradaCima 1s 0.3s cubic-bezier(0,0,0.25,1);
    animation-fill-mode: forwards;
    -webkit-animation: entradaCima 1s 0.3s cubic-bezier(0,0,0.25,1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation: entradaCima 1s 0.3s cubic-bezier(0,0,0.25,1);
    -moz-animation-fill-mode: forwards;   
    -o-animation: entradaCima 1s 0.3s cubic-bezier(0,0,0.25,1);
    -o-animation-fill-mode: forwards;
}

/* Entrada right */

.show-right .show-1, .show-right .show-2{
    position:relative;
    left:60px;
    opacity: 0;    
}

.show-right .show-1{
    animation: entradaDireita 1s 0s cubic-bezier(0,0,0.25,1);
    animation-fill-mode: forwards;
    -webkit-animation: entradaDireita 1s 0s cubic-bezier(0,0,0.25,1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation: entradaDireita 1s 0s cubic-bezier(0,0,0.25,1);
    -moz-animation-fill-mode: forwards;   
    -o-animation: entradaDireita 1s 0s cubic-bezier(0,0,0.25,1);
    -o-animation-fill-mode: forwards;
}

.show-right .show-2{
    animation: entradaDireita 1s 0.3s cubic-bezier(0,0,0.25,1);
    animation-fill-mode: forwards;
    -webkit-animation: entradaDireita 1s 0.3s cubic-bezier(0,0,0.25,1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation: entradaDireita 1s 0.3s cubic-bezier(0,0,0.25,1);
    -moz-animation-fill-mode: forwards;   
    -o-animation: entradaDireita 1s 0.3s cubic-bezier(0,0,0.25,1);
    -o-animation-fill-mode: forwards;
}

/* Entrada bottom */

.show-bottom .show-1, .show-bottom .show-2{
    position:relative;
    top:60px;
    opacity: 0;    
}

.show-bottom .show-1{
    animation: entradaBaixo 1s 0s cubic-bezier(0,0,0.25,1);
    animation-fill-mode: forwards;
    -webkit-animation: entradaBaixo 1s 0s cubic-bezier(0,0,0.25,1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation: entradaBaixo 1s 0s cubic-bezier(0,0,0.25,1);
    -moz-animation-fill-mode: forwards;   
    -o-animation: entradaBaixo 1s 0s cubic-bezier(0,0,0.25,1);
    -o-animation-fill-mode: forwards;
}

.show-bottom .show-2{
    animation: entradaBaixo 1s 0.3s cubic-bezier(0,0,0.25,1);
    animation-fill-mode: forwards;
    -webkit-animation: entradaBaixo 1s 0.3s cubic-bezier(0,0,0.25,1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation: entradaBaixo 1s 0.3s cubic-bezier(0,0,0.25,1);
    -moz-animation-fill-mode: forwards;   
    -o-animation: entradaBaixo 1s 0.3s cubic-bezier(0,0,0.25,1);
    -o-animation-fill-mode: forwards;
}

/* Entrada left */

.show-left .show-1, .show-left .show-2{
    position:relative;
    right:60px;
    opacity: 0;    
}

.show-left .show-1{
    animation: entradaEsquerda 1s 0s cubic-bezier(0,0,0.25,1);
    animation-fill-mode: forwards;
    -webkit-animation: entradaEsquerda 1s 0s cubic-bezier(0,0,0.25,1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation: entradaEsquerda 1s 0s cubic-bezier(0,0,0.25,1);
    -moz-animation-fill-mode: forwards;   
    -o-animation: entradaEsquerda 1s 0s cubic-bezier(0,0,0.25,1);
    -o-animation-fill-mode: forwards;
}

.show-left .show-2{
    animation: entradaEsquerda 1s 0.3s cubic-bezier(0,0,0.25,1);
    animation-fill-mode: forwards;
    -webkit-animation: entradaEsquerda 1s 0.3s cubic-bezier(0,0,0.25,1);
    -webkit-animation-fill-mode: forwards;
    -moz-animation: entradaEsquerda 1s 0.3s cubic-bezier(0,0,0.25,1);
    -moz-animation-fill-mode: forwards;   
    -o-animation: entradaEsquerda 1s 0.3s cubic-bezier(0,0,0.25,1);
    -o-animation-fill-mode: forwards;
}

/* -------------------------------------------------------> Keys Frames Animations <------------------------------------------------------- */

@keyframes barra-expandir{
    from{
        width:0;
    }

    to{
        width:100%;        
    }
}

@-webkit-keyframes barra-expandir{
    from{
        width:0;
    }

    to{
        width:100%;        
    }
}

@keyframes subirElementoHoverEmpreendimento{
    from{ 
        opacity:0;
        bottom:-45px;
    }

    to{

        opacity:1;
        bottom:0;        
    }
}

@-webkit-keyframes subirElementoHoverEmpreendimento{
    from{
        opacity:0;
        bottom:-45px;
    }

    to{
        opacity:1;
        bottom:0;        
    }
}

@keyframes descerElementoHoverEmpreendimento{
    from{
        opacity:1;
        bottom:0;
    }

    to{
        bottom:-45px;  
        opacity:0;          
    }
}

@-webkit-keyframes descerElementoHoverEmpreendimento{
    from{
        opacity:1;
        bottom:0;
    }

    to{
        bottom:-45px;  
        opacity:0;
    }
}

@keyframes subirTextoHoverEmpreendimento{
    from{
        bottom:-35px;
    }

    to{
        bottom:0;        
    }
}

@-webkit-keyframes subirTextoHoverEmpreendimento{
    from{
        bottom:-35px;
    }

    to{
        bottom:0;        
    }
}

/* Abrir button */

@keyframes abrirButtonCelular{
    from{
        width:56px;
    }

    to{
        width:208px;        
    }
}

@-webkit-keyframes abrirButtonCelular{
    from{
        width:56px;
    }

    to{
        width:208px;        
    }
}

/* Fechar button */

@keyframes fecharButtonCelular{
    from{
        width:208px;
    }

    to{
        width:56px;        
    }
}

@-webkit-keyframes fecharButtonCelular{
    from{
        width:208px;
    }

    to{
        width:56px;        
    }
}

/* Entrada pela esquerda */

@keyframes entradaEsquerda{
    from{
        right:60px;
        opacity:0;
    }

    to{
        right:0;
        opacity:1;
    }
}

@-webkit-keyframes entradaEsquerda{
    from{
        right:60px;
        opacity:0;
    }

    to{
        right:0;
        opacity:1;
    }
}

/* Entrada pela direita */

@keyframes entradaDireita{
    from{
        left:60px;
        opacity:0;
    }

    to{
        left:0;
        opacity:1;
    }
}

@-webkit-keyframes entradaDireita{
    from{
        left:60px;
        opacity:0;
    }

    to{
        left:0;
        opacity:1;
    }
}

/* Entrada por cima */

@keyframes entradaCima{
    from{
        bottom:60px;
        opacity:0;
    }

    to{
        bottom:0;
        opacity:1;
    }
}

@-webkit-keyframes entradaCima{
    from{
        bottom:60px;
        opacity:0;
    }

    to{
        bottom:0;
        opacity:1;
    }
}

/* Entrada por Baixo */

@keyframes entradaBaixo{
    from{
        top:60px;
        opacity:0;
    }

    to{
        top:0;
        opacity:1;
    }
}

@-webkit-keyframes entradaBaixo{
    from{
        top:60px;
        opacity:0;
    }

    to{
        top:0;
        opacity:1;
    }
}

/* Entrada por Baixo Full sem opacity*/

@keyframes entradaBaixoFull{
    from{
        top:400px;
    }

    to{
        top:0;
    }
}

@-webkit-keyframes entradaBaixoFull{
    from{
        top:400px;
    }

    to{
        top:0;
    }
}

/* Entrada por Baixo Full com opacity*/

@keyframes entradaBaixoOpacityFull{
    from{
        top:400px;
        opacity:0;
    }

    to{
        top:0;
        opacity:1;
    }
}

@-webkit-keyframes entradaBaixoOpacityFull{
    from{
        top:400px;
        opacity:0;
    }

    to{
        top:0;
        opacity:1;
    }
}

@keyframes fadeLeft{
    from{
        margin-left: -20px;
        visibility: hidden;
        opacity: 0;    display: block;
    }
    to{
        margin-left: 0;
        visibility: visible;
        opacity: 1;
    }
}

@-webkit-keyframes fadeLeft{
    from{
        margin-left: -20px;
        visibility: hidden;
        opacity: 0;    display: block;
    }
    to{
        margin-left: 0;
        visibility: visible;
        opacity: 1;
    }
}

/* ------------------------------------------------------------ *\
	Cookies and Policy page rules
\* ------------------------------------------------------------ */

/* Cookies and Privacy Policy page format */

#cookies-and-privacy-section {
    padding-top: 0;
    padding-bottom: 30px;
}

/* Cookies and Privacy Policy lists format */

.util-list {
	list-style: disc;
	margin: 1em 2em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 1em;
}

.a-util.scrollLink{
    text-decoration: underline;
}

.nested-list {
	list-style: circle;
    margin-top: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.nested-list-index {
    margin-left: 1em;
}

.list-sub-title, .t-italic {
    font-style: italic; 
}

.t-date-post {
    margin-bottom: 1.5em;;
}

.t-bold {
    text-decoration: none;
}

.t-bold, .t-italic {
    margin-bottom: 0;
}

.list-title, .list-sub-title, .t-bold, .t-date-post {
    font-weight: bold;
}

.list-title {
    text-decoration: underline;
    margin-bottom: 0;
    margin-top: 1.5em;
}

.nested-list-2, .nested-list-numbers, .nested-list-letters {
    list-style: square;
    margin-left: 3em;
    margin-top: 0;
    margin-bottom: 1em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.nested-list-numbers {
    list-style: decimal;
}

.nested-list-letters{
    list-style: lower-alpha;
}

.p-util, .list-sub-title {
    margin-bottom: 0;
    margin-top: 0;
    text-align: justify;
}

.p-contact-us {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.list-tab-1 {
    margin-left: 5em;
}

.list-tab-2 {
    margin-left: 3.3em;
}

/* Cookies and Privacy Policy back to top button */

.intro-copy {
    padding: 1em;
    margin: 50vh auto;
    max-width: 15em;
    font-family: Helvetica;
    font-weight: lighter;
    font-size: 2em;
    line-height: 1.2;
    text-align: center;
}

.top-link {
    -webkit-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    position: fixed;
    bottom: 0;
    right: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: pointer;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 3em 3em 0;
    border-radius: 50%;
    padding: 0.25em;
    width: 80px;
    height: 80px;
    background-color: #f8f8f8;
}

.top-link.show {
    visibility: visible;
    opacity: 1;
}

.top-link.hide {
    visibility: hidden;
    opacity: 0;
}

.top-link svg {
    fill: #000;
    width: 24px;
    height: 12px;
}

.top-link:hover {
    background-color: #e8e8e8;
}

.top-link:hover svg {
    fill: #000;
}

.screen-reader-text {
    position: absolute;
    -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
    margin: -1px;
    border: 0;
    padding: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
    word-wrap: normal !important;
    clip: rect(1px, 1px, 1px, 1px);
}

.screen-reader-text:focus {
    display: block;
    top: 5px;
    left: 5px;
    z-index: 100000;
    -webkit-clip-path: none;
            clip-path: none;
    background-color: #eee;
    padding: 15px 23px 14px;
    width: auto;
    height: auto;
    text-decoration: none;
    line-height: normal;
    color: #444;
    font-size: 1em;
    clip: auto !important;
}

.table{
    border-collapse: inherit;
    margin: auto;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    border-spacing: initial;
    width: 100%;
    overflow: hidden;
    font-size: .9em;
    margin: 3rem 0;
    line-height: normal;

    caption{
        display: none;
    }

    thead{
        background-color: #f6f6f4;
    }

    th,td{
        border-bottom: 1px solid #d7d7d7;
        padding: 12px 15px;
        border-right: 1px solid #d7d7d7
    }

    th:last-child, td:last-child { border-right: 0; width: 60%;}
}

/* ------------------------------------------------------------ *\
	Live Webinar
\* ------------------------------------------------------------ */

.sub-title {
    margin-top: 2em;
    text-align: center;
    font-style: italic;
}

.ordened-list li {
    font-weight: bold;
    letter-spacing: 2px;
    padding: 0 5px;
    list-style-position: inside;
}

.ordened-list li p {
    font-weight: normal;
}

@media only screen and (max-width: 415px){
    .title-footer {
        margin-top: 10em !important;
    }

    .title-footer span {
          font-size: 12px !important;
    }
    .ratn {
        right: 0px !important;
    }
    .solid-border h1 {
        font-size: 21px;
    }

    .sub-title-webinar {
        font-size: 9px !important;
    }

    .back-fff {
        font-size: 12px !important;
        margin-top: 10px !important;
    }

    .back-d0da50 {
        font-size: 12px !important;
    }

    .back-fff span sup {
        font-size: 10px !important;
    }

    .title-webinar {
        font-size: 14px !important;
    }

    .panellists {
        margin-top: 15px !important;
    }

    .first-panellist {
        margin-top: 5px !important;
    }
    .tbb.mk {
        margin-right: 45px !important;
    }

    .title-copy {
        font-size: 17px !important;
    }
}

@media only screen and  (max-width: 767px){

    .solid-border {
        border: 4px solid #d7d923 !important;
    }

    .tbb-logo {
        display: inline-block;
        left: 5px;
    }

    .ratn {
        right: 0px;
        font-size: inherit !important;

    }

    .title-footer {
        /* margin-top: 5em !important; */
    }

    .sub-title-webinar {
        font-size: 12px;
    }

    .back-fff {
        font-size: 15px;
    }

    .back-d0da50 {
        font-size: 15px;
    }

    .back-fff span sup {
        font-size: 12px;
    }

    .title-webinar {
        font-size: 25px;
    }
    .tbb {
        width: 60px !important;
        margin: 10px !important;
    }
}

@media only screen and  (max-width: 1024px){

    .title-footer {
        margin-top: 17em;
    }
    .title-webinar {
        font-size: 40px;
    }

    .sub-title-webinar {
        font-size: 19px;
    }

    .last-panellist{
        margin-bottom: 10em;
    }
}

@media only screen and (min-width: 1025px){
    .ratn {
        right: 5px;
    }    

    .title-footer {
        margin-top: 10em;
    }

}

.title-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    margin-bottom: 1px;
}

.solid-border {
    border: 7px solid #d7d923;
    margin: 1em;
    height: 95%;
    width: 98%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: end;
        align-content: flex-end;
}

.tbb-logo {
    margin-bottom: 15px;
    display: inline-block;
    position: relative;
    left: 12px;
    max-width: 106px;
}

.ratn {
    display: inline-block;
    position: relative;
    float: right;
    font-size: larger;
    font-weight: bold;
    padding: 10px;
}

.sub-title-webinar {
    letter-spacing: initial;
}

.back-fff {
    color: #4d4d4d;
    background-color: #ffffff;
    width: auto;
    height: auto;
    margin-top: 20px;
    font-size: 30px;
}

.back-fff span sup {
    vertical-align: top;
    font-size: 20px;

}

.back-d0da50 {
    color: #4d4d4d;
    background-color: #d7d923;
    width: auto;
    height: auto;
    font-size: 30px;
    margin-top: 10px;
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    margin: auto;
}

.panellists{
    margin-top: 30px;
}

.first-panellist {
    margin-top: 15px;
}

.tbb {
    width: 110px;
    margin: 20px;
}

.tbb.mk {
    font-size: 25px;
    font-weight: 900;
    margin-right: 100px;
}

.copy-webinar {
    margin-top: 3em;
    margin-bottom: 4em;
}

.copy-sub {
    margin-bottom: -25px;
}

.title-copy {
    letter-spacing: 2px;
    font-size: 25px;
}

.title-webinar {
    color: #2d2d2d;
    background-color: #d7d923;
}

/* ------------------------------------------------------------ *\
	Night School
\* ------------------------------------------------------------ */

.night-school-intro {
    height: 30vh;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #000;
}

.night-school-button {
    background-color: #fe301a;
    border: 1px solid #fe301a;
    padding: 8px 18px;
    font-size: 9pt;
    font-weight: bold;
    margin-bottom: 50px;
}

.night-school-button a {
    text-decoration: none;
    color: #fff;
}

.night-school-section {
    margin-top: 50px;
}

.night-school-quote p {
    font-size: 20px;
    font-weight: bold;
}

.night-school-gallery-top {
    margin-bottom: 0;
}

.night-school-gallery-bottom {
    /*margin-top: 50px;*/
    margin-bottom: -1px;
}

.word-break {
    word-break: break-word;
}

.intro_16_9 {
    /*display: none;*/
}

.intro_9_16 {
    display: block;
}

.intro_9_16 video {
    max-height: 100vh
}

.intro_9_16 {
    max-height: 100vh !important;
}

.intro_9_16 .video iframe {
    min-width: auto;
}

@media (min-width: 1024px) {
    .night-school-intro {
        height: 63vh;
    }
    .night-school-gallery-top {
        margin-bottom: 100px;
    }
    .night-school-gallery-bottom {
        /*margin-top: 80px;*/
    }
    .intro_9_16 {
        display: none;
    }
    .intro_16_9 {
        display: block;
    }
    .intro_16_9 video {
        /*max-width: 70vw;*/
    }
    .intro-ns {
        height: 75vh !important;
        max-width: 70vw;
        margin: 0 auto;
    }
    .intro_16_9 .video iframe {
        min-width: 70vw;
        min-height: 100%;
        height: 100%;
    }
}

@media (max-width: 767px) {
    .reverse-col-mobile {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }
}

.section--about .shell.ns-21 {
    max-width: 100%;
}

.shell.ns-21 {
    width: 1500px;
}

.ns-21 .section__content {
    padding-left: 0;
}