/*FONTS*/
/*Heebo*/
@font-face {
    font-family: 'Heebo';
    src: url('../fonts/Heebo/Heebo-Light.woff2') format('woff2'),
        url('../fonts/Heebo/Heebo-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

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

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

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

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

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

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

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

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

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

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

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

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


:root {
  --giti-yellow: #97CB5D;
  --black: #000000;
  --dark: #21211F;
  --charcoal: #3B3B3B;
  --white: #FFFFFF;
  --light-gray: #F5F5F5;
  --gray: #D5D5D5;
  --dark-gray: #888888;
  --special-blue: #0096D6;
  --special-green: #086A00;
  --font-family-heebo: "Heebo", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --font-family-rajdhani: "Rajdhani", Georgia;
  --font-family-racing-sans: "RacingSansOne";
}
/*
var(--giti-yellow) #97CB5D
var(--black) #000000
var(--dark) #21211F
var(--charcoal) #3B3B3B
var(--white) #FFFFF
var(--light-gray) #F5F5F5
var(--gray) #D5D5D
var(--dark-gray) #888888
var(--special-blue) #0096D6
var(--special-green) #086A00
var(--font-family-heebo) "Heebo", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif
var(--font-family-rajdhani) "Rajdhani", Georgia
var(--font-family-racing-sans) "RacingSansOne"
*/

html {
  font-family: "Heebo", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --lh: 1.4rem;
  line-height: var(--lh);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  overflow-x: hidden;
}

body {
  margin: 0;
  font-family: "Heebo", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-size: 0.9rem;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: 0.04rem;
  color: #000000;
  text-align: left;
  background-color: #FFFFFF;
  overflow-x: hidden;
}

/*GLOBAL*/
.main-canvas {}

h1, h2, h3, h4, h5, h6 {
  font-family: "Rajdhani", Georgia;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 1rem;
}

h1 {font-size: 2.8rem;}
h2 {font-size: 2.2rem;}
h3 {font-size: 2rem;}
h4 {font-size: 1.8rem;}
h5 {font-size: 1.5rem;}

p {
  margin-top: 0;
  margin-bottom: 1.5rem;
}

ul {padding: 0; margin: 0; list-style: none;}

a {
  color: #000000;
  text-decoration: none;
  background-color: transparent;
  transition: 0.2s all linear;
  -webkit-transition: 0.2s all linear;
  -moz-transition: 0.2s all linear;
  -ms-transition: 0.2s all linear;
}

a:hover {
  color: #000000;
  text-decoration: none;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.caps {text-transform: uppercase;}
.thin {font-weight: 300;}
.normal {font-weight: 400;}
.highlighted {color: #97CB5D;}

/*Flex*/
.flex {display: flex;}
.flex-start {justify-content: flex-start;}
.flex-end {justify-content: flex-end;}
.flex-align-end {align-items: flex-end;}
.flex-center {justify-content: center;align-items: center;}
.flex-between {justify-content: space-between;}
.flex-row {flex-direction: row;}
.flex-col {flex-direction: column;}
.flex-align-start {align-items: flex-start;}
.flex-align-stretch {align-items: stretch;}
.flex-align-center {align-items: center;}
.flex-align-content-center {align-content: center;}

/*Transition*/
.transition-all {
    transition: 0.2s all linear;
    -webkit-transition: 0.2s all linear;
    -moz-transition: 0.2s all linear;
    -ms-transition: 0.2s all linear;
}/*

/*Highlight*/
::-moz-selection {background: #97CB5D; color: #000000;}
::selection {background: #97CB5D; color: #000000;}


/*Focus Reset*/
textarea:focus, 
textarea.form-control:focus, 
input.form-control:focus, 
input[type=text]:focus, 
input[type=password]:focus, 
input[type=email]:focus, 
input[type=number]:focus, 
[type=text].form-control:focus, 
[type=password].form-control:focus, 
[type=email].form-control:focus, 
[type=tel].form-control:focus, 
[contenteditable].form-control:focus,
select:focus {
  outline: none;
}

/*Input Placeholders*/
input {font-family: "Heebo", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; font-size: 1rem; font-weight: normal; line-height: 1.5; letter-spacing: 0.04rem;}
input.white-holder {color: #FFFFFF;}
input.white-holder::-webkit-input-placeholder {color: rgba(255,255,255,0.6);}
input.white-holder:-ms-input-placeholder {color: rgba(255,255,255,0.6);}
input.white-holder::placeholder {color: rgba(255,255,255,0.6);}

/*General Messages*/
.error-message {display: block;text-align: center;padding: 5px 10px;border-radius: 20px;background:#FFBABA;color: #D8000C;margin-bottom: 15px;}
.success-message {display: block; text-align: center; padding: 10px 20px; margin: 10px 0 20px 0; border-radius: 30px; font-weight: 500; font-size: 1.2rem; color: #4F8A10; background-color: #DFF2BF;}

/*Spinners*/
.loader-spinner {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1000;width: 100%;height: 100vh;background: rgba(0,0,0,0.5);}
.loader-spinner .spinner {
  position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);
  display: block;
  width: 70px;
  height: 70px;
  padding: 5px;
  background: #97CB5D url(../revolution/assets/tire-wheel.svg) center center no-repeat;
  border-radius: 50%;
  -webkit-animation: rotating 1.5s ease-in-out infinite;
  -moz-animation: rotating 1.5s ease-in-out infinite;
  -ms-animation: rotating 1.5s ease-in-out infinite;
  -o-animation: rotating 1.5s ease-in-out infinite;
  animation: rotating 1.5s ease-in-out infinite;
}

/*Buttons*/
button:focus {outline:0;}
.button {
  display: inline-block;
  min-width: 220px;
  max-width: 100%;
  padding: 0 30px!important;
  height: 50px;
  border-radius: 3px;
  border: none;
  font-family: "Heebo", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 52px;
  letter-spacing: 0.08rem;
  text-align: center;
  background: #97CB5D;
  color: #ffffff;
  outline: 0;
  text-transform: uppercase;
  -webkit-transition: 0.1s all linear!important;
  -moz-transition: 0.1s all linear!important;
  -ms-transition: 0.1s all linear!important;
}
.button:hover {
  background-color: #4CAF50!important;
  color: #000000!important;
  border: none!important;
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
  -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 8px 8px rgba(0, 0, 0, 0.05), 0px 16px 16px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 8px 8px rgba(0, 0, 0, 0.05), 0px 16px 16px rgba(0, 0, 0, 0.05);
}

.button.primary {
  background-color: #4CAF50;
  color: #ffffff;
}
.button.circular {border-radius: 50px;}
.button.bordered {background: none!important; border: 3px solid; line-height: 46px;}
.button.bordered:hover {border: 3px solid!important;}
.button.bordered.black {border-color: #000000;}
.button.bordered.yellow {border-color: #97CB5D; color: #FFFFFF;}
.button.bordered.yellow:hover {background-color: #97CB5D!important;}
.button.fw {display: block; min-width: 100%;}
.button.tl {text-align: left;}
.button.arrow {padding-right: 40px!important;background: #4CAF50 url(../images/icons/general/yellow-tri-arrow.svg) center right 20px no-repeat;}
.button.arrow:hover {-webkit-transform: translateY(0); transform: translateY(0); -webkit-transform: translateX(1px); transform: translateX(1px);}
.button.white.arrow {background: #dc3545 url(../images/icons/general/yellow-tri-arrow.svg) center right 20px no-repeat;}
.button-link {
  display: inline-block;
  padding: 0 10px 0 15px;
  height: 25px;
  border-radius: 3px;
  font-family: "Heebo", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: 0.06rem;
  text-align: center;
  background-color: #FCCF00;
  color: #000000;
  text-transform: uppercase;
}
.button-link .line {
  position: relative;
  top: -3px;
  display: inline-block;
  margin-left: 10px;
  width: 10px;
  height: 1px;
  background: #000000;
  -webkit-transition: 0.1s all linear;
  -moz-transition: 0.1s all linear;
  -ms-transition: 0.1s all linear;
}
.button-link:hover .line {
  width: 17px;
}
.button-link.basic {background: none!important; padding: 0!important; height: auto!important; line-height: 1.5rem!important;}
.button-link.yellow {color: #FCCF00!important;}
.button-link.yellow:hover {color: #FFFFFF!important;}
.button.white {background-color: #FFFFFF;}
.button.navyblue {background-color: #0056B5; color: #FFFFFF;}
.button.red {background-color: #dc3545; color: #FFFFFF;}
.button-link.yellow .line {background: #97CB5D!important;}
.button-link.black {color: var(--giti-black)!important;}
.button-link.black:hover {text-decoration: underline;}
.button-link.black .line {background: #000000!important;}
.button-link.white {background: #FFFFFF!important;}



/*Overlay*/
.overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: 0.2s all linear; -webkit-transition: 0.2s all linear; -moz-transition: 0.2s all linear; -ms-transition: 0.2s all linear;}
.overlay.str-100 {background: rgba(0,0,0,1);}
.overlay.str-90 {background: rgba(0,0,0,0.90);}
.overlay.str-75 {background: rgba(0,0,0,0.75);}
.overlay.str-50 {background: rgba(0,0,0,0.2);}
.overlay.str-25 {background: rgba(0,0,0,0.25);}
.gradient-left {background: rgb(0,0,0);background: linear-gradient(270deg, rgba(0,0,0,0.14189425770308128) 0%, rgba(0,0,0,0.6432948179271709) 49%, rgba(0,0,0,0.7973564425770308) 100%);}
.gradient-right {background: rgb(0,0,0); background: linear-gradient(87deg, rgba(0,0,0,0.14189425770308128) 0%, rgba(0,0,0,0.5676645658263305) 63%, rgba(0,0,0,0.7973564425770308) 100%);}
.radial-overlay {position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; background: rgb(34,34,34); background: radial-gradient(circle, rgba(34,34,34,0.7435749299719888) 0%, rgba(34,34,34,0.2) 100%);}
.gradient-navyblue {background: rgb(3,41,86); background: linear-gradient(180deg, rgba(3,41,86,0) 0%, rgba(3,41,86,0.4780287114845938) 38%, rgba(3,41,86,1) 100%);}

.yellow.str-100 {background: rgba(252,207,0,1);}
.yellow.str-90 {background: rgba(252,207,0,0.9);}
.yellow.str-75 {background: rgba(252,207,0,0.75);}

/*Separators*/
.by-separator {height: 19px;background: #000000 url(../images/general/by-pattern.png) repeat-x;}

/*Video Responsive*/
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe,
.video-container object,
.video-container embed,
.video-container video {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*Video Hero*/
.video-hero-canvas {position: relative; height: 446px; overflow: hidden; background: #000000;}
.video-hero-canvas .overlay {z-index: 11;}
.video-hero-canvas .container {height: 100%;}
.video-hero-canvas .video-hero {height: 100%; position: relative; z-index: 11;}
.video-hero-canvas .video-hero .video-hero-inner {text-align: left; width: 50%;}
.video-hero-canvas .video-hero .video-hero-inner h1 {font-size: 4rem; line-height: 3.6rem; text-transform: uppercase;}
.video-hero-canvas .video-hero .video-hero-inner p {color: #FFFFFF; font-size: 1.2rem; font-weight: 300;}
.video-hero-canvas .video-hero-video-bg {width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10;}
.video-hero-canvas .video-hero-video-bg video {width: 100%;}

/*Video Gallery*/
.video-gallery .video {cursor: pointer;display: block;position: relative;margin-bottom: 30px;}
.video-gallery .video img {display: inline-block; width: 100%; margin: 0!important;}
.video-gallery .video .video-title {position: absolute;bottom: 0;left: 0;z-index: 11;display: block;font-weight: 500;line-height: 1.4rem;font-size: 1rem;width: 100%;padding: 60px 30px 30px 30px;color: #FFFFFF;padding-right: 100px;background: rgb(0,0,0);background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8953956582633054) 100%);-webkit-transition: 0.1s all linear!important;-moz-transition: 0.1s all linear!important;-ms-transition: 0.1s all linear!important;font-family: "Heebo", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;}
.video-gallery div[class*="col"] .video-title {width: calc(100% - 30px); left: 15px;}
.video-gallery .video .play-icon {position: absolute; bottom: 30px; right: 30px; z-index: 12; display: block; width: 50px; height: 50px;  background: url(../images/icons/general/yellow-play-icon.svg) center center no-repeat; background-size: 100%;}
.video-gallery .video:hover .video-title {color: #97CB5D;}
.video-gallery .video:hover .play-icon {-webkit-animation: heartbeat 1.5s ease-in-out infinite both; animation: heartbeat 1.5s ease-in-out infinite both;}

/*Photo Gallery*/
.general-photo-gallery {}
.general-photo-gallery a {display: inline-block; margin: 0 0 5px 0;}
.general-photo-gallery a img {}

/*Giti Tabs*/
.giti-tabs ul.nav {background: #F5F5F5;}
.giti-tabs ul.nav li.nav-item {}
.giti-tabs ul.nav li.nav-item a.nav-link {padding: 12px 0; border: none; border-radius: 0; color: #000000; text-transform: uppercase; font-weight: 500;}
.giti-tabs ul.nav li.nav-item a.active {background: #97CB5D;}
.giti-tabs ul.nav li.nav-item a:hover {color: #3B3B3B;}
.giti-tabs .tab-content {padding: 70px;}
.giti-tabs .tab-content .tab-pane {}

/*General Tabs*/
.general-tabs {}
.general-tabs ul.nav-tabs {border: none;}
.general-tabs ul.nav-tabs li {margin: 0 7px 10px 7px;}
.general-tabs ul.nav-tabs li .nav-link {border: none;font-size: 0.9rem; background: #E9E9E9; color: #000000; font-weight: 500; text-transform: uppercase; border-radius: 50px; padding: 13px 15px;}
.general-tabs ul.nav-tabs li .nav-link.active {background: #97CB5D; color: #000000;}
.general-tabs .tab-content {padding: 30px 0 0 0;}

/*General Collapse*/
.general-collapse {}
.general-collapse .accordion .card {}
.general-collapse .accordion .card .card-header {}
.general-collapse .accordion .card .card-header h2 {}
.general-collapse .accordion .card .card-header h2 button {width: 100%; text-align: left; font-family: "Rajdhani", Georgia; font-size: 1.1rem; font-weight: bold; margin-top: 0; color: #000000;}
.general-collapse .accordion .card .card-header h2 {}
.general-collapse .accordion .card .collapse {}
.general-collapse .accordion .card .collapse .card-body {}
.general-collapse .accordion .card .collapse .card-body ul {padding-left: 40px; list-style: disc; margin: 0 0 30px 0;}
.general-collapse .accordion .card .collapse .card-body ol {padding-left: 40px; list-style: decimal; margin: 0 0 30px 0;}
.general-collapse .accordion .card .collapse .card-body ul li {margin-bottom: 5px;}
.general-collapse .accordion .card .collapse .card-body ol li {margin-bottom: 5px;}

/*IP Box*/
.ipbox-backdrop {/*display: none;*/ position: fixed; height: 100%; top: 0; width: 100%; z-index: 2000; background: rgba(0,0,0,0.8);}
.ipbox-backdrop .ipbox-canvas {/*background: #FFFFFF; width: 680px; max-width: calc(100% - 30px); margin: 10vh auto 0 auto; border-radius: 5px;*/
    background: #FFFFFF;
    width: 680px;
    max-width: calc(100% - 30px);
    border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.ipbox-backdrop .ipbox-canvas .ipbox {text-align: center;padding-bottom: 30px;}
.ipbox-backdrop .ipbox-canvas .ipbox h1 {background: #97CB5D; display: block; border-radius: 3px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding: 20px 40px; font-size: 2rem;}
.ipbox-backdrop .ipbox-canvas .ipbox p {margin-bottom: 15px; font-size: 1.2rem;}
.ipbox-backdrop .ipbox-canvas .ipbox .country {display: block; margin-bottom: 20px; font-weight: bold;font-size: 1.5rem;text-transform: uppercase;padding: 5px 10px;background: #f1f1f1;}
.ipbox-backdrop .ipbox-canvas .ipbox .country img {margin-right: 10px;}
.ipbox-backdrop .ipbox-canvas .ipbox h2 {padding: 20px 30px 10px 30px; margin: 0; font-size: 1.3rem; font-weight: 500; font-family: "Heebo", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;}
.ipbox-backdrop .ipbox-canvas .ipbox .form-check {font-size: 1rem;}
.ipbox-backdrop .ipbox-canvas .ipbox .form-check input {cursor: pointer;}
.ipbox-backdrop .ipbox-canvas .ipbox .form-check label {cursor: pointer;}
.ipbox-backdrop .ipbox-canvas .ipbox .link-options {padding: 30px 30px 50px 30px; position: relative;}
.ipbox-backdrop .ipbox-canvas .ipbox .link-options a {background: #FFFFFF;border: 2px solid #97CB5D;text-align: center;margin: 0 5px;border-radius: 3px;width: 100%;padding: 20px;font-size: 1rem;font-weight: 500;}
.ipbox-backdrop .ipbox-canvas .ipbox .link-options a:hover {background: #97CB5D; color: #000000;}
.ipbox-backdrop .ipbox-canvas .ipbox .link-options a img {display: block;width: 45px; margin: 0 auto 10px auto;}
.ipbox-backdrop .ipbox-canvas .ipbox .link-options a.global {}
.ipbox-backdrop .ipbox-canvas .ipbox .link-options a.global:hover {}
.ipbox-backdrop .ipbox-canvas .ipbox .link-options a.local {}
.ipbox-backdrop .ipbox-canvas .ipbox .link-options a.local:hover {}
.ipbox-backdrop .ipbox-canvas .ipbox .link-options a.local:hover {}
.ipbox-backdrop .ipbox-canvas .ipbox .link-options a span.link-info {display: block;opacity: 0.7;margin-top: 5px;font-size: 0.8rem;letter-spacing: 0.1rem;}
.ipbox-backdrop .ipbox-canvas .ipbox .link-options .english-link-room {position: absolute; bottom: 24px; left: 30px; width: calc(50% - 40px);}
.ipbox-backdrop .ipbox-canvas .ipbox .link-options a.english-link {background: url(https://www.giti.com/Portals/_default/skins/giticorptheme/images/icons/general/black-world.svg) left 13px center no-repeat; background-size: 12px; text-align: center; display: inline-block; border: none; font-size: 0.8rem; padding: 0 10px 0 30px; width: auto; margin: -4px;}
.ipbox-backdrop .ipbox-canvas .ipbox .link-options a.english-link:hover {background: #97CB5D url(https://www.giti.com/Portals/_default/skins/giticorptheme/images/icons/general/black-world.svg) left 13px center no-repeat; background-size: 12px;}
.ipbox-backdrop .ipbox-canvas .ipbox.china {font-family: serif;}


/*toTop*/
#toTop {display: none;width: 50px;height: 50px;border: none;border-radius: 50%;position: fixed;bottom: 30px;right: 30px;background: rgba(255,255,255,0.3) url(../images/icons/general/black-arrow.svg) center center no-repeat;transform: rotate(270deg);background-size: 20%;/*box-shadow: -1px 1px 10px rgba(0,0,0,0.4);*/ -webkit-transition: 0.1s all linear; -moz-transition: 0.1s all linear; -ms-transition: 0.1s all linear;}
#toTop:hover {background: #97CB5D url(../images/icons/general/black-arrow.svg) center center no-repeat;background-size: 20%;}
/*Top Header*/
#sticker-top-sticky-wrapper {z-index: 121;}
.top-header-canvas {display: none!important; position: relative;z-index: 101;background: #fff;}
.top-header-canvas .top-header {font-size: 0.75rem;}
.top-header-canvas .top-header .breadcrumbs {padding: 7px 20px 7px 0; /*margin-right: 20px; border-right: 1px solid rgba(255,255,255,0.1);*/}
.top-header-canvas .top-header .breadcrumbs ul {}
.top-header-canvas .top-header .breadcrumbs ul li {display: inline-block;color: #888;margin: 0 0 0 10px;font-weight: 500;font-weight: normal;}
.top-header-canvas .top-header .breadcrumbs ul li {}
.top-header-canvas .top-header .breadcrumbs ul li .right-arrow {display: inline-block;opacity: 0.5;width: 10px;height: 7px;margin-left: 7px;background: url(../images/icons/general/gray-right-arrow.svg) center center no-repeat;background-size: 100%;}
.top-header-canvas .top-header .breadcrumbs ul li a {display: inline-block;color: #4caf50;font-weight: 500;}
.top-header-canvas .top-header .breadcrumbs ul li a:hover {color: #4CAF50;}
.top-header-canvas .top-header .shortcut-links {display: none!important; padding: 7px 20px 7px 20px;margin-right: 8px;border-left: 1px solid rgba(0,0,0,0.1);}
.top-header-canvas .top-header .shortcut-links ul {}
.top-header-canvas .top-header .shortcut-links ul li {display: inline-block;}
.top-header-canvas .top-header .shortcut-links ul li a {display: inline-block; color: #97CB5D;}
.top-header-canvas .top-header .shortcut-links ul li a:hover {color: #FFFFFF;}
.top-header-canvas .top-header .shortcut-links a.contact-link {display: inline-block;padding-left: 20px;color: #4caf50;background: url(../images/icons/general/top-phone-icons.svg) no-repeat;background-position: 0px 3px;font-weight: 500;}
.top-header-canvas .top-header .shortcut-links a.contact-link:hover {background-position: 0px -20px;color: #4CAF50;}
.top-header-canvas .top-header .shortcut-links a.gallery-link {display: inline-block;padding-left: 20px;color: #4CAF50;background: url(../images/icons/general/top-gallery-icons.svg) no-repeat;background-position: 0px 2px;font-weight: 500;}
.top-header-canvas .top-header .shortcut-links a.gallery-link:hover {background-position: 0px -21px;color: #4CAF50;}
.top-header-canvas .top-header .shortcut-links a.social-link {display: inline-block;color: #97CB5D;}
.top-header-canvas .top-header .shortcut-links a.social-link:hover {background-position: 0px -21px; color: #FFFFFF;}
.top-header-canvas .top-header .social-mobile-links {display: none!important;position: relative;padding: 3px 5px 3px 0;padding-left: 10px;border-left: 1px solid rgba(0,0,0,0.1);margin-right: 8px;}
.top-header-canvas .top-header .social-mobile-links a {display: inline-block;border-radius: 3px;margin: 0 5px;color: #FFFFFF;width: 21px;height: 21px;}
.top-header-canvas .top-header .social-mobile-links a.facebook-link {background: url(../images/icons/social/top-social-icons.svg) no-repeat;background-position: 5px 6px;}
.top-header-canvas .top-header .social-mobile-links a.facebook-link:hover {background-position: 5px -18px;}
.top-header-canvas .top-header .social-mobile-links a.instagram-link {background: url(../images/icons/social/top-social-icons.svg) no-repeat;background-position: -28px 6px;}
.top-header-canvas .top-header .social-mobile-links a.instagram-link:hover {background-position: -28px -18px;}
.top-header-canvas .top-header .social-mobile-links a.linkedin-link {background: url(../images/icons/social/top-social-icons.svg) no-repeat;background-position: -60px 6px;}
.top-header-canvas .top-header .social-mobile-links a.linkedin-link:hover {background-position: -60px -18px;}
.top-header-canvas .top-header .social-mobile-links a.youtube-link {background: url(../images/icons/social/top-social-icons.svg) no-repeat;background-position: -94px 6px;}
.top-header-canvas .top-header .social-mobile-links a.youtube-link:hover {background-position: -94px -18px;}
.top-header-canvas .top-header .social-links {display: none!important; position: relative;padding: 7px 5px 7px 0;margin-right: 15px;display: inline-block;padding-left: 40px;border-left: 1px solid rgba(0,0,0,0.1);color: #97CB5D;background: url(../images/icons/general/top-socialmedia-icon.svg) no-repeat;background-position: 20px 9px;transition: 0.2s all linear;-webkit-transition: 0.2s all linear;-moz-transition: 0.2s all linear;-ms-transition: 0.2s all linear;}
.top-header-canvas .top-header .social-links:hover {background-position: 20px -15px;color: #FFFFFF;}
.top-header-canvas .top-header .social-links a.social-links-droplink {color: #4caf50;font-weight: 500;}
.top-header-canvas .top-header .social-links a.social-links-droplink:hover, 
.top-header-canvas .top-header .social-links a.social-links-droplink.active {color: #4CAF50;}
.top-header-canvas .top-header .social-links ul.social-links-dropdown { display: none; position: absolute;top: 100%;right: -9px;width: 233px;z-index: 200;padding: 14px 15px 8px 15px;background: #4CAF50;}
.top-header-canvas .top-header .social-links ul.social-links-dropdown li {display: inline-block;}
.top-header-canvas .top-header .social-links ul.social-links-dropdown li a {display: inline-block;border-radius: 3px;margin: 0 5px;color: #FFFFFF;width: 38px;height: 29px;}
/*.top-header-canvas .top-header .social-links ul.social-links-dropdown li a.facebook-link {background: url(../images/icons/social/white-facebook-logo.svg) center center no-repeat; background-size: 9px;}
.top-header-canvas .top-header .social-links ul.social-links-dropdown li a.instagram-link {background: url(../images/icons/social/white-instagram-logo.svg) center center no-repeat; background-size: 16px;}
.top-header-canvas .top-header .social-links ul.social-links-dropdown li a.linkedin-link {background: url(../images/icons/social/white-linkedin-logo.svg) center center no-repeat; background-size: 16px;}
.top-header-canvas .top-header .social-links ul.social-links-dropdown li a.youtube-link {background: url(../images/icons/social/white-youtube-logo.svg) center center no-repeat; background-size: 18px;}
.top-header-canvas .top-header .social-links ul.social-links-dropdown li a:hover {opacity: 1;} */
.top-header-canvas .top-header .social-links ul.social-links-dropdown li a.facebook-link {background: rgba(255,255,255,0.1) url(../images/icons/social/top-social-icons.svg) no-repeat;background-position: 15px 7px;background-size: 120px;}
.top-header-canvas .top-header .social-links ul.social-links-dropdown li a.facebook-link:hover {background-position: 15px -17px;}
.top-header-canvas .top-header .social-links ul.social-links-dropdown li a.instagram-link {background: rgba(255,255,255,0.1) url(../images/icons/social/top-social-icons.svg) no-repeat;background-position: -18px 7px;background-size: 120px;}
.top-header-canvas .top-header .social-links ul.social-links-dropdown li a.instagram-link:hover {background-position: -18px -17px;}
.top-header-canvas .top-header .social-links ul.social-links-dropdown li a.linkedin-link {background: rgba(255,255,255,0.1) url(../images/icons/social/top-social-icons.svg) no-repeat;background-position: -55px 7px;background-size: 120px;}
.top-header-canvas .top-header .social-links ul.social-links-dropdown li a.linkedin-link:hover {background-position: -55px -17px;}
.top-header-canvas .top-header .social-links ul.social-links-dropdown li a.youtube-link {background: rgba(255,255,255,0.1) url(../images/icons/social/top-social-icons.svg) no-repeat;background-position: -92px 7px;background-size: 120px;}
.top-header-canvas .top-header .social-links ul.social-links-dropdown li a.youtube-link:hover {background-position: -92px -17px;}
.top-header-canvas .top-header .language-selector {position: relative; display: none!important;}
.top-header-canvas .top-header .language-selector a.language-select {padding: 7px 0;width: 90px;color: #FFFFFF;background: #4CAF50;}
.top-header-canvas .top-header .language-selector a.language-select .language-icon {display: inline-block; width: 14px; height: 14px; margin-right: 7px; background: url(../images/icons/general/white-language-icon.svg) center center no-repeat; background-size: 100%;}
.top-header-canvas .top-header .language-selector a.language-select .down-arrow {display: inline-block; width: 10px; height: 6px; margin-left: 7px; background: url(../images/icons/general/white-down-arrow.svg) center center no-repeat; background-size: 100%;}
.top-header-canvas .top-header .language-selector a.language-select:hover,
.top-header-canvas .top-header .language-selector a.language-select.active {background-color: #4CAF50;}
.top-header-canvas .top-header .language-selector a.language-select.active .down-arrow {transform: rotate(180deg);}
.top-header-canvas .top-header .language-selector ul.language-list {display: none;position: absolute;top: 100%;z-index: 100;padding: 6px 0;background: #4CAF50;width: 100%;border-top: #4CAF50;}
.top-header-canvas .top-header .language-selector ul.language-list li {}
.top-header-canvas .top-header .language-selector ul.language-list li a {display: block; padding: 8px 20px; text-align: center; color: #FFFFFF;}
.top-header-canvas .top-header .language-selector ul.language-list li a:hover {background: #97CB5D; color: #000000;}

/*Main Header*/
.sticky-wrapper {position: relative;z-index: 120;}
.main-header-canvas {height: 60px;background: #4CAF50;z-index: 100; top: 0!important;}
.main-header-canvas .main-header {position: relative;}
.main-header-canvas .main-header .left-header {}
.main-header-canvas .main-header .left-header a.logo {flex-shrink: 0;margin: 5px 0 0 0;display: inline-block;width: 230px;height: 55px;padding: 0 50px;background: #ffffff url(http://speedwork.seirim.com.cn/Portals/_default/skins/giticorptheme/images/general/logo.svg) center center no-repeat;border-top-right-radius: 30px;}
.main-header-canvas .main-header .left-header nav.main-menu {margin-left: 60px;}
.main-header-canvas .main-header .left-header nav.main-menu ul {}
.main-header-canvas .main-header .left-header nav.main-menu ul > li {display: inline-block;height: 60px;}
.main-header-canvas .main-header .left-header nav.main-menu ul > li > a {display: inline-block;padding: 0 20px;height: 40px;line-height: 40px;font-size: 0.8rem;letter-spacing: 0.1rem;color: #FFFFFF;text-transform: uppercase;font-weight: 500;border-radius: 80px;margin: 10px 0 0 0;}
.main-header-canvas .main-header .left-header nav.main-menu ul > li > a:hover {background: #FFFFFF;color: #4CAF50;font-weight: 500;}
.main-header-canvas .main-header .left-header nav.main-menu ul > li.active > a {background: #FCCF00;color: #4CAF50;font-weight: 500;}
.main-header-canvas .main-header .right-header {flex-shrink: 0; position: relative;}
.main-header-canvas .main-header .right-header a.regional-sites-link {width: 150px;position: relative;overflow: hidden;flex-shrink: 0;height: 60px;line-height: 1rem;font-size: 0.8rem;letter-spacing: 0.1rem;text-transform: uppercase;font-weight: bold;padding: 0 60px 0 80px;color: #000000;background: #FCCF00;}
.main-header-canvas .main-header .right-header a.regional-sites-link:hover {}
.main-header-canvas .main-header .right-header a.regional-sites-link .world {position: absolute;top: 10px;left: -24px;opacity: 0.6;display: inline-block;width: 70px;height: 70px;background: url(../images/icons/general/black-world.svg) center center no-repeat;background-size: 100%;}
.main-header-canvas .main-header .right-header a.regional-sites-link:hover .world {opacity: 0.7;}
.main-header-canvas .main-header .right-header a.regional-sites-link .arrow-right {display: none;width: 13px;height: 13px;margin-left: 13px;background: url(../images/icons/general/black-circle-arrow.svg) center center no-repeat;background-size: 100%;flex-shrink: 0;}
.main-header-canvas .main-header .right-header a.regional-sites-link.night {/*background: #3B3B3B; color: #FFFFFF;*/}
.main-header-canvas .main-header .right-header a.regional-sites-link.active {background: #FFFFFF;}
.main-header-canvas .main-header .right-header .regional-box {display: none; position: absolute;top: 100%;right: 90px;width: 300px;padding: 20px 20px 10px 20px;background: #FFFFFF;border-bottom-left-radius: 30px;box-shadow: 0 3px 7px rgba(0,0,0,0.2);}
.main-header-canvas .main-header .right-header .regional-box ul {}
.main-header-canvas .main-header .right-header .regional-box ul li {margin-bottom: 10px;}
.main-header-canvas .main-header .right-header .regional-box ul li a {padding: 15px 20px 15px 50px;width: 100%;display: block;font-size: 1rem;font-weight: 500;border-top-left-radius: 40px;border-bottom-left-radius: 40px;}
.main-header-canvas .main-header .right-header .regional-box ul li a.id {background: #FFCF00 url(../images/icons/flags/circle/id.svg) center left 10px no-repeat;background-size: 30px;}
.main-header-canvas .main-header .right-header .regional-box ul li a.my {background: #FFCF00 url(../images/icons/flags/circle/my.svg) center left 10px no-repeat;background-size: 30px;}
.main-header-canvas .main-header .right-header .regional-box ul li a.cn {background: #FFCF00 url(../images/icons/flags/circle/cn.svg) center left 10px no-repeat;background-size: 30px;}
.main-header-canvas .main-header .right-header .regional-box ul li a:hover {background-color: #F1F1F1;}
.main-header-canvas .main-header .right-header .main-search {position: relative;}
.main-header-canvas .main-header .right-header .main-search a.search-trigger {width: 90px;height: 60px;background: #f8f9fa;}
.main-header-canvas .main-header .right-header .main-search a.search-trigger .search-icon {opacity: 0.7;width: 19px;height: 19px;background: url(../images/icons/general/black-search.svg) center center no-repeat;background-size: 100%;}
.main-header-canvas .main-header .right-header .main-search a.search-trigger:hover .search-icon {opacity: 1;}
.main-header-canvas .main-header .right-header .main-search a.search-trigger.active {background: #eeeeee;}
.main-header-canvas .main-header .right-header .main-search a.search-trigger.active .search-icon {opacity: 0.5;}
.main-header-canvas .main-header .right-header .main-search a.search-trigger.active:hover .search-icon {opacity: 0.8;}
.main-header-canvas .main-header .right-header .main-search .search-box {display: none;position: absolute;top: 100%;right: 0;z-index: 100;background: #eeeeee;padding: 20px;}
.main-header-canvas .main-header .right-header .main-search .search-box .search-field {}
.main-header-canvas .main-header .right-header .main-search .search-box .search-field input {background: #ffffff;height: 60px;width: calc(600px - 100px);height: 60px;padding: 10px 20px;border: none;}
.main-header-canvas .main-header .right-header .main-search .search-box .search-field button {width: 100px; height: 60px; flex-shrink: 0; border: none; background: #97CB5D url(../images/icons/general/black-search.svg) center center no-repeat; transition: 0.2s all linear; -webkit-transition: 0.2s all linear; -moz-transition: 0.2s all linear; -ms-transition: 0.2s all linear;}
.main-header-canvas .main-header .right-header .main-search .search-box .search-field button:hover {background: #F1F1F1 url(../images/icons/general/black-search.svg) center center no-repeat; }

/*Megamenu*/
.megamenu-drop {}
.megamenu-drop .megamenu-canvas {display: none;position: absolute;top: 100%;left: 0;z-index: 200;width: 100%;border-bottom: 3px solid #4CAF50;background: #009146 url(../images/backgrounds/ms-megamenu-bg.jpg) right center no-repeat;background-size: cover;}
.megamenu-drop .megamenu-canvas.active {display: block;}
.megamenu-drop .megamenu-canvas .megamenu {}
.megamenu-drop .megamenu-canvas .megamenu .megamenu-intro {height: 100%; padding: 30px; cursor: pointer;}
.megamenu-drop .megamenu-canvas .megamenu .megamenu-intro.au-megamenu-intro {background: url("../images/backgrounds/au-megamenu-intro-bg.jpg") top right no-repeat; background-size: cover;}
.megamenu-drop .megamenu-canvas .megamenu .megamenu-intro.sol-megamenu-intro {background: url("../images/backgrounds/sol-megamenu-intro-bg.jpg") top right no-repeat; background-size: cover;}
.megamenu-drop .megamenu-canvas .megamenu .megamenu-intro.ac-megamenu-intro {background: url("../images/backgrounds/ac-megamenu-intro-bg.jpg") top right no-repeat; background-size: cover;}
.megamenu-drop .megamenu-canvas .megamenu .megamenu-intro.ms-megamenu-intro {background: url("../images/backgrounds/ms-megamenu-intro-bg.jpg") bottom right no-repeat; background-size: cover;}
.megamenu-drop .megamenu-canvas .megamenu .megamenu-intro.csr-megamenu-intro {background: url("../images/backgrounds/csr-megamenu-intro-bg.jpg") bottom right no-repeat; background-size: cover;}
.megamenu-drop .megamenu-canvas .megamenu .megamenu-intro h3 {color: #ffd658;font-size: 2rem;}
.megamenu-drop .megamenu-canvas .megamenu .megamenu-intro p {/* display: none; */color: #FFFFFF;line-height: 1.5rem;}
.megamenu-drop .megamenu-canvas .megamenu .megamenu-intro a {}
.megamenu-drop .megamenu-canvas .megamenu .megamenu-main {padding: 50px 30px 30px 0;}
.megamenu-drop .megamenu-canvas .megamenu .megamenu-main a.menu-link {padding: 0 25px 0 0;margin-bottom: 20px;border-radius: 50px;background: #fccf00 url(../images/icons/general/yellow-tri-arrow.svg) center right 20px no-repeat;}
.megamenu-drop .megamenu-canvas .megamenu .megamenu-main a.menu-link img {width: 80px; flex-shrink: 0;}
.megamenu-drop .megamenu-canvas .megamenu .megamenu-main a.menu-link .link-title {padding: 0 45px 0 15px;font-size: 1rem;line-height: 1.3rem;font-weight: 400;color: #212529;}
.megamenu-drop .megamenu-canvas .megamenu .megamenu-main a.menu-link:hover {background: #FCCF00 url(../images/icons/general/yellow-tri-arrow.svg) center right 20px no-repeat;color: #000000;-webkit-transform: translateY(0);transform: translateY(0);-webkit-transform: translateX(3px);transform: translateX(3px);-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 8px 8px rgba(0, 0, 0, 0.05), 0px 16px 16px rgba(0, 0, 0, 0.05);box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 8px 8px rgba(0, 0, 0, 0.05), 0px 16px 16px rgba(0, 0, 0, 0.05);}
.megamenu-drop .megamenu-canvas .megamenu .megamenu-main a.menu-link:hover .link-title {color: #000000;}

/*General Banner*/
.general-banner-canvas {position: relative;height: 350px;}
.general-banner-canvas .general-banner {height: 100%;}
.general-banner-canvas .general-banner .container {height: 100%;}
.general-banner-canvas .general-banner .general-banner-intro-canvas {height: 100%; position: relative;z-index: 11;}
.general-banner-canvas .general-banner .general-banner-intro {text-align: left; width: 50%;}
.general-banner-canvas .general-banner .general-banner-intro h1 {font-size: 4rem;margin: 0;line-height: 3.5rem;text-transform: uppercase;text-shadow: 1px 1px 5px rgba(0,0,0,0.3);}
.general-banner-canvas .general-banner .general-banner-intro .line {display: inline-block; width: 70px; height: 5px; margin: 20px 0; background: #97CB5D;}
.general-banner-canvas .general-banner .general-banner-intro p {font-size: 1.2rem; font-weight: 300; color: #FFFFFF;}

/*General Body*/
.general-body-canvas {padding: 60px 0;}
.general-body-canvas .general-body {}
.general-body-canvas .general-body h1, 
.general-body-canvas .general-body h2, 
.general-body-canvas .general-body h3, 
.general-body-canvas .general-body h4, 
.general-body-canvas .general-body h5, 
.general-body-canvas .general-body h6 {font-family: "Heebo", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; margin-top: 3rem;}
.general-body-canvas .general-body h1:first-child, 
.general-body-canvas .general-body h2:first-child, 
.general-body-canvas .general-body h3:first-child, 
.general-body-canvas .general-body h4:first-child, 
.general-body-canvas .general-body h5:first-child {margin-top: 0;}
.general-body-canvas .general-body h1 {margin-bottom: 1.5rem;}
.general-body-canvas .general-body p {line-height: 2rem; font-size: 1rem; letter-spacing: 0.01rem;}
.general-body-canvas .general-body a {font-weight: bold; text-decoration: underline;}
.general-body-canvas .general-body a.button, .general-body-canvas .general-body a.button-link {text-decoration: none;}
.general-body-canvas .general-body a:hover {text-decoration: none;}
.general-body-canvas .general-body img {display: inline-block; max-width: 100%; margin: 30px 0;}
.general-body-canvas .general-body img.fullwidth {width: 100%;}
.general-body-canvas .general-body .photo-caption {margin: 50px 0;}
.general-body-canvas .general-body .photo-caption img {margin: 0;}
.general-body-canvas .general-body .photo-caption .caption {display: block; text-align: right; color: #888888; margin-top: 10px;}
.general-body-canvas .general-body blockquote {margin: 50px 0; padding-left: 140px; background: url(../images/icons/general/blockquote.svg) top 10px left no-repeat;}
.general-body-canvas .general-body blockquote p {text-align: right; font-family: "Rajdhani", Georgia; font-weight: 500; font-size: 1.4rem;}
.general-body-canvas .general-body blockquote .credit {text-align: right;}
.general-body-canvas .general-body blockquote .credit .name {font-weight: 500;}
.general-body-canvas .general-body blockquote .credit .title {}
.general-body-canvas .general-body blockquote .credit .separator-dot {display: inline-block; margin: 0 5px;}
.general-body-canvas .general-body .general-image-left {float: left; width: auto; margin: 7px 20px 10px 0;}
.general-body-canvas .general-body .general-image-right {float: right; width: auto; margin: 7px 0 10px 20px;}
.general-body-canvas .general-body ol {padding-left: 50px; margin-bottom: 1.5rem;}
.general-body-canvas .general-body ol li {line-height: 1.8rem; margin-bottom: 0.5rem; font-size: 1rem; letter-spacing: 0.01rem;}
.general-body-canvas .general-body ul {list-style-type: disc; padding-left: 50px; margin-bottom: 1.5rem;}
.general-body-canvas .general-body ul li {line-height: 1.8rem; margin-bottom: 0.5rem; font-size: 1rem; letter-spacing: 0.01rem;}
.general-body-canvas .general-body .general-photo-gallery {margin-bottom: 30px;}
.general-body-canvas .general-body .general-photo-gallery a {display: inline-block; margin: 0; overflow: hidden; cursor: zoom-in;}
.general-body-canvas .general-body .general-photo-gallery a img {width: 200px;display: inline-block;margin: 0;-webkit-transition: -webkit-transform 0.15s ease 0s;-moz-transition: -moz-transform 0.15s ease 0s;-o-transition: -o-transform 0.15s ease 0s;transition: transform 0.15s ease 0s;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
.general-body-canvas .general-body .general-photo-gallery a:hover img {-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}
.general-body-canvas .general-body {}
.general-body-canvas .general-body .video-gallery {margin: 30px 0;max-width: 670px;}
.general-share-canvas {padding: 30px 0; margin: 0 0 40px 0; border-top: 1px solid #E3E3E3;}
.general-share-canvas .general-share {}
.general-share-canvas .general-share .share-label {font-size: 0.8rem; color: #3B3B3B; text-transform: uppercase; margin-right: 15px;}
.general-share-canvas .general-share ul.share-links {margin: 0; padding: 0;}
.general-share-canvas .general-share ul.share-links li {display: inline-block; margin: 0 0 0 10px;}
.general-share-canvas .general-share ul.share-links a {display: inline-block; width: 40px; height: 40px; border-radius: 50px;}
.general-share-canvas .general-share ul.share-links a:hover {-webkit-animation: jello-vertical 0.9s both; animation: jello-vertical 0.9s both;}
.general-share-canvas .general-share ul.share-links a.email {background: url(../images/icons/social/share-email.svg) center center no-repeat;}
.general-share-canvas .general-share ul.share-links a.facebook {background: url(../images/icons/social/share-facebook.svg) center center no-repeat;}
.general-share-canvas .general-share ul.share-links a.linkedin {background: url(../images/icons/social/share-linkedin.svg) center center no-repeat;}
.general-share-canvas .general-share ul.share-links a.twitter {background: url(../images/icons/social/share-twitter.svg) center center no-repeat;}
.general-share-canvas .general-share ul.share-links a.weibo {background: url(../images/icons/social/share-weibo.svg) center center no-repeat;}

/*General Revamp*/
.sub-intro-canvas {border-top: 5px solid #000000; border-bottom: 5px solid #000000;}
.sub-intro-canvas .sub-intro {}
.sub-intro-canvas .sub-intro .entry-canvas {width: 50%;padding: 60px;text-align: right;background: #97CB5D;}
.sub-intro-canvas .sub-intro .entry-canvas .entry {height: 100%;}
.sub-intro-canvas .sub-intro .entry-canvas .entry p {font-size: 1.6rem; margin: 0;}
.sub-intro-canvas .sub-intro .entry-canvas .entry p strong {}
.sub-intro-canvas .sub-intro .sub-intro-video-canvas {width: 50%;background: #000000;}
.sub-intro-canvas .sub-intro .sub-intro-video-canvas .sub-intro-video {width: 100%;}
.sub-intro-canvas .sub-intro .sub-intro-video-canvas .sub-intro-video .video {padding: 0; width: 100%; margin: 0;}
.sub-intro-canvas .sub-intro .sub-intro-video-canvas .sub-intro-video .video img {}
.sub-intro-canvas .sub-intro .sub-intro-video-canvas .sub-intro-video .video .play-icon {opacity: 0.8; animation: none; width: 100px; height: 100px; bottom: auto; right: auto; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.sub-intro-canvas .sub-intro .sub-intro-video-canvas .sub-intro-video .video:hover .play-icon {opacity: 1;}
.sub-intro-canvas .sub-intro .sub-intro-photo-canvas {width: 50%; min-height: 350px;}
.sub-intro-canvas .sub-intro .sub-intro-photo-canvas .sub-intro-photo {}
.rev-section-canvas {position: relative;padding-bottom: 15px;/* border-bottom: 5px solid #97CB5D; */margin-bottom: 10px;}
.rev-section-canvas p {line-height: 2rem; font-size: 1rem; letter-spacing: .01rem;}
.rev-section-canvas h3 {font-weight: 500;font-size: 1.7rem;}
.rev-section-canvas .rev-photo-info {}
.rev-section-canvas .rev-photo-info .rev-photo {width: 600px;flex-shrink: 0;/*background: #000000;padding: 15px;*/}
.rev-section-canvas .rev-photo-info .rev-photo img {display: block;width: 100%;}
.rev-section-canvas .rev-photo-info .rev-info {padding: 60px 60px 40px 60px;}
.rev-section-canvas .rev-photo-info .rev-info h4 {}
.rev-section-canvas .rev-photo-info .rev-info div p:last-child {margin: 0;}

/*MAIN FOOTER*/
.main-footer {}
/*Footer Links*/
.main-footer .footer-links-canvas {background: #4CAF50;}  
.main-footer .footer-links-canvas .footer-links {padding: 50px 0;}
.main-footer .footer-links-canvas .footer-links ul.links {margin-bottom: 10px;}
.main-footer .footer-links-canvas .footer-links ul.links li {margin-bottom: 13px;line-height: 1.2rem;}
.main-footer .footer-links-canvas .footer-links ul.links li a {display: inline-block;color: #FFFFFF;font-weight: 400;line-height: 1.8rem;}
.main-footer .footer-links-canvas .footer-links ul.links li a.main-link {color: #FFF;text-transform: uppercase;font-size: 1rem;font-weight: 500;border-left: 4px solid #FFCF00;padding-left: 13px;}
.main-footer .footer-links-canvas .footer-links ul.links li a:hover {color: #FFFFFF;}
/*Footer Copyright*/
.footer-copyright-canvas {position: relative;background: #FCCF00;height: 60px;}
.footer-copyright-canvas a.footer-logo {position: absolute;left: 0;top: 0;display: inline-block;width: 82px;height: 60px;background: #FFFFFF url(../images/general/speedwork-circle-logo.svg) center center no-repeat;background-size: 30px;}
.footer-copyright-canvas .footer-copyright {}
.footer-copyright-canvas .footer-copyright .copyright-links {}
.footer-copyright-canvas .footer-copyright .copyright-links ul {}
.footer-copyright-canvas .footer-copyright .copyright-links ul li {display: inline-block;height: 60px;line-height: 60px;color: #000000;margin-left: 20px;}
.footer-copyright-canvas .footer-copyright .copyright-links ul li:first-child {margin: 0;}
.footer-copyright-canvas .footer-copyright .copyright-links ul li a {display: inline-block;color: #000000;font-weight: 400;}
.footer-copyright-canvas .footer-copyright .copyright-links ul li a:hover {color: #000000;}
.footer-copyright-canvas .footer-copyright .social-links {}
.footer-copyright-canvas .footer-copyright .social-links a {display: inline-block;border-radius: 3px;margin: 0 5px;color: #FFFFFF;width: 30px;height: 30px;}
.footer-copyright-canvas .footer-copyright .social-links a.facebook-link {background: url(../images/icons/social/top-social-icons.svg) no-repeat;background-position: 12px 6px;background-size: 160px;}
.footer-copyright-canvas .footer-copyright .social-links a.facebook-link {background-position: 12px -27px;}
.footer-copyright-canvas .footer-copyright .social-links a.instagram-link {background: url(../images/icons/social/top-social-icons.svg) no-repeat;background-position: -33px 6px;background-size: 160px;}
.footer-copyright-canvas .footer-copyright .social-links a.instagram-link {background-position: -33px -27px;}
.footer-copyright-canvas .footer-copyright .social-links a.linkedin-link {background: url(../images/icons/social/top-social-icons.svg) no-repeat;background-position: -81px 6px;background-size: 160px;}
.footer-copyright-canvas .footer-copyright .social-links a.linkedin-link {background-position: -81px -27px;}
.footer-copyright-canvas .footer-copyright .social-links a.youtube-link {background: url(../images/icons/social/top-social-icons.svg) no-repeat;background-position: -131px 6px;background-size: 160px;}
.footer-copyright-canvas .footer-copyright .social-links a.youtube-link {background-position: -131px -27px;}



/*Home Main Slider*/
.home-main-slider {position: relative;border-bottom: 5px solid #4CAF50;background: #FFFFFF;min-height: 400px;}
.home-main-slider .rev_slider {}
.home-main-slider .rev_slider_wrapper {}
.home-main-slider .rev_slider .rev-slide {cursor: pointer;}
.home-main-slider .rev_slider ul li .slide-content {z-index: 6;padding-top: 5px!important; width: 600px;max-width: 100%!important;white-space: normal!important;}
.home-main-slider .rev_slider ul li .slide-content h1 {font-family: "Rajdhani", Georgia;margin-bottom: 10px;font-size: 4rem;line-height: 3.8rem;text-transform: uppercase;color: #FFF;}
.home-main-slider .rev_slider ul li .slide-content p {padding-right: 70px; text-shadow: 1px 1px 2px rgba(0,0,0,0.1); color: #FFFFFF; line-height: 1.6rem; font-family: "Heebo", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; font-size: 1rem;}
.home-main-slider .rev_slider ul li .tp-parallax-wrap {top: 100px!important;}
.home-main-slider .rev_slider ul li a.slide-link {position: absolute;width: 100%;height: 100%;z-index: 100;font-size: 1rem;}
.home-main-slider .tp-bannertimer {display: none!important;}
.home-main-slider .forcefullwidth_wrapper_tp_banner {z-index: 20;}
.home-main-slider .slider-spinner {position: absolute; top: 50%; left: 50%; z-index: 10; transform: translate(-50%, -50%);}
.home-main-slider .slider-spinner .spinner {
    display: block;
    width: 70px;
    height: 70px;
    padding: 5px;
    background: url(../revolution/assets/speedwork-circle-logo.svg) center center no-repeat;
    border-radius: 50%;
    -webkit-animation: rotating 1.5s ease-in-out infinite;
    -moz-animation: rotating 1.5s ease-in-out infinite;
    -ms-animation: rotating 1.5s ease-in-out infinite;
    -o-animation: rotating 1.5s ease-in-out infinite;
    animation: rotating 1.5s ease-in-out infinite;
    background-size: 60%;
    }

/*Home News*/
.home-news-canvas {background: #009147;}
.home-news-canvas .home-news {}
.home-news-canvas .home-news .row {margin-right: -3px; margin-left: -3px;}
.home-news-canvas .home-news .col-md-6 {padding-right: 3px; padding-left: 3px;}
.home-news-canvas .home-news .col-lg-6 {padding-right: 3px; padding-left: 3px;}
.home-news-canvas .home-news .featured-article {display: block; position: relative;height: 550px; overflow: hidden;}
.home-news-canvas .home-news .featured-article .article-title {position: absolute;z-index: 13;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 76%;text-align: center;}
.home-news-canvas .home-news .featured-article .article-title h2 {font-family: var(--heebo);color: #212529;font-weight: 500;font-size: 1.8rem;line-height: 2.8rem;background: #fccf00;padding: 15px 20px; -webkit-transition: 0.1s all linear; -moz-transition: 0.1s all linear; -ms-transition: 0.1s all linear;}
.home-news-canvas .home-news .featured-article .article-thumbnail {width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.home-news-canvas .home-news .featured-article .overlay {position: absolute; z-index: 11; top: 0; width: 100%; height: 100%;}
.home-news-canvas .home-news a.featured-article:hover {}
.home-news-canvas .home-news a.featured-article:hover .overlay {background: rgba(0,0,0,0.75);}
.home-news-canvas .home-news a.featured-article:hover .article-title h2 {color: #FCCF00; background: transparent;}
.home-news-canvas .home-news a.featured-article:hover .article-thumbnail {transform: scale(1.03);}
.home-news-canvas .home-news a.other-article {display: block; position: relative; overflow: hidden; height: 272px; margin-bottom: 6px;}
.home-news-canvas .home-news a.other-article .article-title {position: absolute; z-index: 13; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; text-align: center;}
.home-news-canvas .home-news a.other-article .article-title h3 {font-family: var(--heebo); color: #FFFFFF; font-weight: 500; font-size: 1.1rem; line-height: 1.9rem; margin-bottom: 0; -webkit-transition: 0.1s all linear; -moz-transition: 0.1s all linear; -ms-transition: 0.1s all linear;}
.home-news-canvas .home-news a.other-article .article-published {display: inline-block; position: absolute; z-index: 12; bottom: 15px; left: 20px; color: #D5D5D5; text-transform: uppercase; font-size: 0.8rem;}
.home-news-canvas .home-news a.other-article .article-thumbnail {width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center;}
.home-news-canvas .home-news a.other-article .overlay {position: absolute; z-index: 11; top: 0; width: 100%; height: 100%;}
.home-news-canvas .home-news a.other-article:hover .overlay {background: rgba(0,0,0,0.75);}
.home-news-canvas .home-news a.other-article:hover .article-title h3 {color: #97CB5D;}
.home-news-canvas .home-news a.other-article:hover .article-thumbnail {transform: scale(1.03);}
.home-news-canvas .home-news .news-box {padding: 10%;text-align: right;cursor: pointer;position: relative;height: 100%;background: #009147;border-bottom: 5px solid #009147;}
.home-news-canvas .home-news .news-box a.news-box-link {position: absolute;top: 0; left: 0;width: 100%;height: 100%;}
.home-news-canvas .home-news .news-box h2 {color: #FFFFFF;}
.home-news-canvas .home-news .news-box p {color: #FFFFFF;}
.home-news-canvas .home-news .news-box:hover h2 {color: #97CB5D;} 

/*Home About*/
.home-about-canvas {padding: 80px 0 60px 0; background: url(../images/backgrounds/home-about-bg.jpg) bottom left no-repeat; background-size: cover;}
.home-about-canvas .home-about {}
.home-about-canvas .home-about .about-intro {padding: 20px 0 0 0;text-align: center;margin-bottom: 50px;}
.home-about-canvas .home-about .about-intro h1 {margin-bottom: 2rem;color: #009147;text-shadow: 1px 3px 2px rgba(0,0,0,0.1);}
.home-about-canvas .home-about .about-intro p {font-size: 1.2rem; margin-bottom: 2rem;}
.home-about-canvas .home-about .about-intro a {margin-top: 1rem; -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 8px 8px rgba(0, 0, 0, 0.05), 0px 16px 16px rgba(0, 0, 0, 0.05); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 8px 8px rgba(0, 0, 0, 0.05), 0px 16px 16px rgba(0, 0, 0, 0.05);}
.home-about-canvas .home-about .about-box {margin-bottom: 20px;}
.home-about-canvas .home-about .about-box .box {padding-left: 180px;}
.home-about-canvas .home-about .about-box .box.ps {background: #21211F url(../images/backgrounds/about-ps-bg.jpg) center center no-repeat; background-size: cover;}
.home-about-canvas .home-about .about-box .box.mt {background: #21211F url(../images/backgrounds/about-mt-bg.jpg) center center no-repeat; background-size: cover;}
.home-about-canvas .home-about .about-box .about-box-content {padding: 30px;background: #FFFFFF;}
.home-about-canvas .home-about .about-box .about-box-content h3 {text-transform: uppercase;color: #000000;}
.home-about-canvas .home-about .about-box .about-box-content p {color: #000000;}
.home-about-canvas .home-about .about-box .about-box-content a.button {margin-bottom: 10px;padding-left: 20px;}
.home-about-canvas .home-about .about-box .about-box-content a.button {min-width: auto;width: auto!important;display: inline-block;}
.home-about-canvas .home-about .about-box .about-box-content a.button:hover {}

/*Home CSR*/
.home-csr-canvas {padding: 80px 0;}
.home-csr-canvas .home-csr {}
.home-csr-canvas .home-csr .csr-carousel-canvas {padding-right: 30px;}
.home-csr-canvas .home-csr .csr-carousel-canvas .carousel-slate {height: 280px;width: 500px;padding: 20px 30px;width: calc(100% - 30px);background: #eeeeee;border-radius: 3px;}
.home-csr-canvas .home-csr .csr-carousel-canvas .carousel-slate h3 {font-size: 1.2rem;height: 23px;line-height: 23px;}
.home-csr-canvas .home-csr .csr-carousel-canvas .csr-carousel-wrap {margin-top: -220px; margin-left: 30px;}
.home-csr-canvas .home-csr .csr-carousel-canvas .csr-carousel-wrap .csr-carousel {}
.home-csr-canvas .home-csr .csr-carousel-canvas .csr-carousel-wrap .csr-carousel .csr-slide {position: relative;}
.home-csr-canvas .home-csr .csr-carousel-canvas .csr-carousel-wrap .csr-carousel .csr-slide .title {display: block; width: 100%;position: absolute; bottom: 0; left: 0; padding: 50px 20px 15px 25px; background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5242471988795518) 100%);}
.home-csr-canvas .home-csr .csr-carousel-canvas .csr-carousel-wrap .csr-carousel .csr-slide .title h4 {color: #FFFFFF; margin: 0; font-size: 1.4rem; }
.home-csr-canvas .home-csr .csr-carousel-canvas .csr-carousel-wrap .csr-carousel .csr-slide img {width: 100%; border-radius: 3px;}
.home-csr-canvas .home-csr .csr-carousel-canvas .csr-carousel-wrap .csr-carousel .owl-dots {position: absolute; top: -49px; right: 50px;}
.home-csr-canvas .home-csr .csr-carousel-canvas .csr-carousel-wrap .csr-carousel .owl-dots .owl-dot span {background: #000000;}
.home-csr-canvas .home-csr .csr-carousel-canvas .csr-carousel-wrap .csr-carousel .owl-dots .owl-dot.active span {background: #4CAF50;}
.home-csr-canvas .home-csr .csr-intro {padding-right: 130px; background: url(../images/icons/general/home-csr-icon.svg) top right no-repeat;}

.csr-intro.fade-in-left.wow {}
.home-csr-canvas .home-csr .csr-intro h1 {margin-bottom: 1.5rem;}
.home-csr-canvas .home-csr .csr-intro p {font-size: 1.2rem; margin-bottom: 2.2rem;}
.home-csr-canvas .home-csr .csr-intro a {}


/*SW MAP*/
.sw-map-canvas {border-top: 5px solid #4CAF50;}
.sw-map-canvas .sw-map {display: flex; height: 450px;}
.sw-map-canvas .sw-map .map {position: relative;width: 700px;flex-shrink: 0;background: #F1F1F1 url(../images/home-map/green-asia-map.svg) top left no-repeat;background-size: 545px;}
.sw-map-canvas .sw-map .map a {position: absolute;padding: 10px 20px 10px 40px;width: auto;display: inline-block;font-size: 1rem;font-weight: 500;border-top-left-radius: 40px;border-bottom-left-radius: 40px;box-shadow: 3px 3px 7px rgba(0,0,0,0.1);}
.sw-map-canvas .sw-map .map a.id {top: 364px;right: 100px;background: #FFCF00 url(../images/icons/flags/circle/id.svg) center left 10px no-repeat;background-size: 20px;}
.sw-map-canvas .sw-map .map a.my {top: 260px;right: 170px;background: #FFCF00 url(../images/icons/flags/circle/my.svg) center left 10px no-repeat;background-size: 20px;}
.sw-map-canvas .sw-map .map a.cn {top: 80px;right: 200px;background: #FFCF00 url(../images/icons/flags/circle/cn.svg) center left 10px no-repeat;background-size: 20px;}
.sw-map-canvas .sw-map .map a.active, .sw-map-canvas .sw-map .map a:hover {background-color: #FFFFFF;}
.sw-map-canvas .sw-map .map-intro {position: relative; display: flex;width: 100%;align-items: center;}
.sw-map-canvas .sw-map .map-intro .intro {padding: 40px;text-align: center;}
.sw-map-canvas .sw-map .map-intro .intro h1 {}
.sw-map-canvas .sw-map .map-intro .intro p {}
.sw-map-canvas .sw-map .map-intro .intro ul {}
.sw-map-canvas .sw-map .map-intro .intro ul li {display: inline-block; margin: 0 3px 9px 3px;}
.sw-map-canvas .sw-map .map-intro .intro ul li a {display: inline-block; max-width: 100%; padding: 0 20px 0 50px; height: 50px; border-radius: 3px; border: none; font-family: "Heebo", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; font-size: 0.9rem; font-weight: 600; line-height: 52px; letter-spacing: 0.08rem;}
.sw-map-canvas .sw-map .map-intro .intro ul li a.id {background: #F1F1F1 url(../images/icons/flags/id.svg) center left 10px no-repeat; background-size: 30px;}
.sw-map-canvas .sw-map .map-intro .intro ul li a.my {background: #F1F1F1 url(../images/icons/flags/my.svg) center left 10px no-repeat; background-size: 30px;}
.sw-map-canvas .sw-map .map-intro .intro ul li a.cn {background: #F1F1F1 url(../images/icons/flags/cn.svg) center left 10px no-repeat; background-size: 30px;}
.sw-map-canvas .sw-map .map-intro .intro ul li a:hover {background-color: #FFCF00;}
.sw-map-canvas .sw-map .map-intro .details {padding: 40px;}
.sw-map-canvas .sw-map .map-intro .details.id {display: none; background: url(../images/home-map/map-indonesia.svg) bottom right no-repeat;}
.sw-map-canvas .sw-map .map-intro .details.my {display: none; background: url(../images/home-map/map-malaysia.svg) bottom right no-repeat;}
.sw-map-canvas .sw-map .map-intro .details.cn {display: none; background: url(../images/home-map/map-china.svg) bottom right no-repeat;}
.sw-map-canvas .sw-map .map-intro .details h2 {}
.sw-map-canvas .sw-map .map-intro .details h2 img {margin-right: 10px;}
.sw-map-canvas .sw-map .map-intro .details .info {padding-left: 43px;}
.sw-map-canvas .sw-map .map-intro .details .info a.phone {display: inline-block; font-weight: 500; color: #4CAF50; margin-bottom: 15px;}
.sw-map-canvas .sw-map .map-intro .details .info a.phone:hover {text-decoration: underline;}
.sw-map-canvas .sw-map .map-intro .details .info a.phone img {margin-right: 5px;}
.sw-map-canvas .sw-map .map-intro .details .info address {display: flex;align-items: end;margin: 0;}
.sw-map-canvas .sw-map .map-intro .details .info address img {margin-right: 10px; margin-top: 3px;}
.sw-map-canvas .sw-map .map-intro .details .info address p {}
.sw-map-canvas .sw-map .map-intro .details .info a.button {}
.sw-map-canvas .sw-map .map-intro .details a.back-to-selection {position: absolute; right: 10px; bottom: 10px; padding: 5px 15px; background: #F1F1F1; font-size: 0.8rem; font-weight: 500;}
.sw-map-canvas .sw-map .map-intro .details a.back-to-selection:hover {background: #FFCF00;}


/*Solutions Main*/
.solutions-main-canvas {}
.solutions-main-canvas .solutions-main {}
.solutions-main-canvas .solutions-main .solutions-boxes {flex-wrap: wrap; border: 2px solid #ffffff;}
.solutions-main-canvas .solutions-main .solutions-boxes .solutions-box {display: flex; width: 33.3333%;padding: 40px;height: 320px;border: 3px solid #ffffff;text-align: center;}
.solutions-main-canvas .solutions-main .solutions-boxes .solutions-box .box-inner {}
.solutions-main-canvas .solutions-main .solutions-boxes .solutions-box .box-inner h2 {line-height: 1.9rem; text-shadow: 1px 1px 3px rgba(0,0,0,0.2);}
.solutions-main-canvas .solutions-main .solutions-boxes .solutions-box .box-inner p {text-shadow: 1px 1px 3px rgba(0,0,0,0.2);}
.solutions-main-canvas .solutions-main .solutions-boxes .solutions-box .box-inner a {box-shadow: 1px 1px 3px rgba(0,0,0,0.2);}
.solutions-main-canvas .solutions-main .solutions-boxes .box-green {background: #009147;}
.solutions-main-canvas .solutions-main .solutions-boxes .box-green h2 {color: #FFD529 }
.solutions-main-canvas .solutions-main .solutions-boxes .box-green p {color: #ffffff;}
.solutions-main-canvas .solutions-main .solutions-boxes .box-green a {}
.solutions-main-canvas .solutions-main .solutions-boxes .box-yellow {background: #FFD529;}
.solutions-main-canvas .solutions-main .solutions-boxes .box-yellow h2 {color: #009147;}
.solutions-main-canvas .solutions-main .solutions-boxes .box-yellow p {}
.solutions-main-canvas .solutions-main .solutions-boxes .box-yellow a {background: #009147; color: #ffffff;}
.solutions-main-canvas .solutions-main .solutions-boxes .box-red {background: #EE3124;}
.solutions-main-canvas .solutions-main .solutions-boxes .box-red h2 {color: #FFD529;}
.solutions-main-canvas .solutions-main .solutions-boxes .box-red p {color: #ffffff;}
.solutions-main-canvas .solutions-main .solutions-boxes .box-red a {}
.solutions-main-canvas .solutions-main .solutions-boxes .box-image {background-size: cover;}
.solutions-main-canvas .solutions-main .solutions-cases {}
.solutions-main-canvas .solutions-main .solutions-cases .solutions-case {width: 50%; background: #f5f5f5;}
.solutions-main-canvas .solutions-main .solutions-cases .solutions-case:first-child {border-left: 5px solid #ffffff; border-right: 5px solid #ffffff;}
.solutions-main-canvas .solutions-main .solutions-cases .solutions-case:last-child {border-right: 5px solid #ffffff;}
.solutions-main-canvas .solutions-main .solutions-cases .solutions-case .case-head {display: flex; height: 194px; padding: 30px 60px;}
.solutions-main-canvas .solutions-main .solutions-cases .solutions-case .case-head .case-head-inner {}
.solutions-main-canvas .solutions-main .solutions-cases .solutions-case .case-head .case-head-inner a {display: block; font-family: "Heebo", Arial; line-height: 1.6rem; font-weight: 500; color: #fff; font-size: 1.4rem; margin: 0 0 4px 0; text-shadow: 1px 1px 3px rgba(0,0,0,0.2);}
.solutions-main-canvas .solutions-main .solutions-cases .solutions-case .case-head .case-head-inner a:hover {color: #FFD529;}
.solutions-main-canvas .solutions-main .solutions-cases .solutions-case .case-head .case-head-inner .sw-circles {}
.solutions-main-canvas .solutions-main .solutions-cases .solutions-case .case-body {padding: 30px 60px 60px 60px;}
.solutions-main-canvas .solutions-main .solutions-cases .solutions-case .case-body ul.check-list {margin-bottom: 30px;}
.solutions-main-canvas .solutions-main .solutions-cases .solutions-case .case-body ul.check-list li {padding-left: 30px; background: url(../images/icons/general/green-check-icon.svg) left center no-repeat; font-size: 1rem; margin: 0 0 5px 0;}
.solutions-main-canvas .solutions-main .solutions-cases .solutions-case .case-body a {}

/*Solutions - Omni*/
.solutions-omni-canvas {}
.solutions-omni-canvas .solutions-omni {}
.solutions-omni-canvas .solutions-omni .omni-intro {text-align: center; padding: 50px 0 70px; border-bottom: 16px solid #f1f1f1;}
.solutions-omni-canvas .solutions-omni .omni-intro h2 {font-size: 3rem; margin-bottom: 30px;}
.solutions-omni-canvas .solutions-omni .omni-intro h2 span {font-weight: 300;}
.solutions-omni-canvas .solutions-omni .omni-intro img {}
.solutions-omni-canvas .solutions-omni .omni-platform {padding: 60px 0; text-align: center; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(243,243,243,1) 60%, rgba(243,243,243,1) 100%);}
.solutions-omni-canvas .solutions-omni .omni-platform h5 {display: inline-block; width: 900px; margin-bottom: 40px; font-weight: 300; font-family: "Heebo", Arial; font-size: 1.5rem; line-height: 2rem;}
.solutions-omni-canvas .solutions-omni .omni-platform img {}
.solutions-omni-canvas .solutions-omni .omni-boxes {flex-wrap: wrap; border: 4px solid #ffffff;}
.solutions-omni-canvas .solutions-omni .omni-boxes .omni-box {position: relative; width: 33.33%; padding: 50px; border: 4px solid #ffffff; overflow: hidden;}
.solutions-omni-canvas .solutions-omni .omni-boxes .omni-box h3 {color: #ffffff; margin-bottom: 10px;}
.solutions-omni-canvas .solutions-omni .omni-boxes .omni-box p {color: #ffffff; font-size: 1rem; margin: 0;}
.solutions-omni-canvas .solutions-omni .omni-boxes .omni-box .box-number {height: 170px; position: absolute;bottom: -20px;right: 0;font-family: "Rajdhani", Georgia;color: rgba(255,255,255,0.1);font-weight: bold;font-size: 10rem;}
.solutions-omni-canvas .solutions-omni .omni-boxes .omni-1 {background: #0F6AFF;}
.solutions-omni-canvas .solutions-omni .omni-boxes .omni-2 {background: #1DB1FF;}
.solutions-omni-canvas .solutions-omni .omni-boxes .omni-3 {background: #7A73FF;}
.solutions-omni-canvas .solutions-omni .omni-boxes .omni-4 {background: #0D2481;}
.solutions-omni-canvas .solutions-omni .omni-boxes .omni-5 {background: #F5BD26;}
.solutions-omni-canvas .solutions-omni .omni-boxes .omni-6 {background: #4BD16F;}
.solutions-omni-canvas .solutions-omni .omni-apps-canvas {padding: 50px 0 8px 0;}
.solutions-omni-canvas .solutions-omni .omni-apps-canvas h5 {display: block; width: 900px; text-align: center; margin: 0 auto 40px auto; font-weight: 300; font-family: "Heebo", Arial; font-size: 1.5rem; line-height: 2rem;}
.solutions-omni-canvas .solutions-omni .omni-apps-canvas .omni-apps {}
.solutions-omni-canvas .solutions-omni .omni-apps-canvas .omni-apps .omni-app {padding: 40px 0 0 0; width: 50%; background: #F3F3F3;}
.solutions-omni-canvas .solutions-omni .omni-apps-canvas .omni-apps .omni-app:first-child {border-right: 8px solid #ffffff;}
.solutions-omni-canvas .solutions-omni .omni-apps-canvas .omni-apps .omni-app img {}
.solutions-omni-canvas .solutions-omni .omni-apps-canvas .omni-apps .omni-app .app-info {padding: 50px 30px 0 0;}
.solutions-omni-canvas .solutions-omni .omni-apps-canvas .omni-apps .omni-app .app-info h3 {}
.solutions-omni-canvas .solutions-omni .omni-apps-canvas .omni-apps .omni-app .app-info ul.check-list {}
.solutions-omni-canvas .solutions-omni .omni-apps-canvas .omni-apps .omni-app .app-info ul.check-list li {padding-left: 30px; background: url(../images/icons/general/green-check-icon.svg) left center no-repeat; font-size: 1rem; margin: 0 0 5px 0;}
.solutions-omni-canvas .solutions-omni .omni-callout {padding: 50px 0; background: rgb(4,154,77); background: linear-gradient(126deg, rgba(4,154,77,1) 0%, rgba(4,154,77,1) 60%, rgba(0,145,71,1) 60%, rgba(0,145,71,1) 100%); border-bottom: 4px solid #FFD529;}
.solutions-omni-canvas .solutions-omni .omni-callout p {color: #ffffff; font-size: 1rem; margin: 0;}
.solutions-omni-canvas .solutions-omni .omni-callout a.callout-button {float: right; border-radius: 40px; background: #FFD529; color: #009147;}
.solutions-omni-canvas .solutions-omni .omni-callout a.callout-button:hover {color: #FFD529!important;}

/*Solutions - B2B*/
.solutions-b2b-canvas {}
.solutions-b2b-canvas .solutions-b2b {padding: 50px 0 0 0;}
.solutions-b2b-canvas .solutions-b2b .solutions-b2b-intro {text-align: center; margin-bottom: 50px; padding-bottom: 150px; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(243,243,243,1) 60%, rgba(243,243,243,1) 100%);}
.solutions-b2b-canvas .solutions-b2b .solutions-b2b-intro h5 {text-align: center; display: block; margin: 0 auto; width: 920px; margin-bottom: 40px; font-weight: 300; font-family: "Heebo", Arial; font-size: 1.5rem; line-height: 2rem;}
.solutions-b2b-canvas .solutions-b2b .solutions-b2b-intro img.b2b-logos {margin-bottom: 30px;}
.solutions-b2b-canvas .solutions-b2b .solutions-b2b-intro img.b2b-screen {}
.solutions-b2b-canvas .solutions-b2b .solutions-b2b-features {padding: 0 50px; margin-top: -130px; margin-bottom: 50px;}
.solutions-b2b-canvas .solutions-b2b .solutions-b2b-features .b2b-feature {width: 33.33%;border-radius: 10px;padding: 30px 30px 20px 30px;margin: 0 20px;color: #ffffff;text-align: center;position: relative;}
.solutions-b2b-canvas .solutions-b2b .solutions-b2b-features .b2b-feature.f1 {background: rgb(238,49,36); background: linear-gradient(138deg, rgba(238,49,36,1) 0%, rgba(238,49,36,1) 60%, rgba(245,68,56,1) 60%, rgba(244,76,63,1) 100%);}
.solutions-b2b-canvas .solutions-b2b .solutions-b2b-features .b2b-feature.f2 {background: rgb(0,145,71); background: linear-gradient(138deg, rgba(0,145,71,1) 0%, rgba(0,145,71,1) 60%, rgba(7,168,86,1) 60%, rgba(7,168,86,1) 100%);}
.solutions-b2b-canvas .solutions-b2b .solutions-b2b-features .b2b-feature.f3 {background: rgb(143,195,84); background: linear-gradient(138deg, rgba(143,195,84,1) 0%, rgba(143,195,84,1) 60%, rgba(151,203,93,1) 60%, rgba(151,203,93,1) 100%);}
.solutions-b2b-canvas .solutions-b2b .solutions-b2b-features .b2b-feature h3 {font-size: 1.3rem;}
.solutions-b2b-canvas .solutions-b2b .solutions-b2b-features .b2b-feature ul.circle-list {}
.solutions-b2b-canvas .solutions-b2b .solutions-b2b-features .b2b-feature ul.circle-list li {text-align: left; padding-left: 30px; background: url(../images/icons/general/yellow-circle-icon.svg) left top 4px no-repeat; font-size: 1rem; margin: 0 0 10px 0;}
.solutions-b2b-canvas .solutions-b2b .solutions-b2b-keys-canvas {padding: 50px 30px;text-align: center;background: #009147 url(../images/page-assets/green-slices.png) left 50px bottom -190px no-repeat;border-bottom: 4px solid #FFD529;}
.solutions-b2b-canvas .solutions-b2b .solutions-b2b-keys-canvas h5 {display: inline-block;margin-bottom: 30px;color: #ffffff;font-weight: 300;font-family: "Heebo", Arial;font-size: 1.5rem;line-height: 2rem;}
.solutions-b2b-canvas .solutions-b2b .solutions-b2b-keys-canvas .solutions-b2b-keys {display: inline-block;margin-bottom: 30px;}
.solutions-b2b-canvas .solutions-b2b .solutions-b2b-keys-canvas .solutions-b2b-keys .key {display: inline-block;color: #fff;font-weight: 500;background: rgba(4,100,51,0.8);padding: 20px;margin: 5px;border-left: 5px solid #FFD529;}
.solutions-b2b-canvas .solutions-b2b .solutions-b2b-keys-canvas a.callout-button {border-radius: 40px; background: #FFD529; color: #009147;}
.solutions-b2b-canvas .solutions-b2b .solutions-b2b-keys-canvas a.callout-button:hover {color: #FFD529!important;}

/*Solutions - Autocare*/
.solutions-autocare-canvas {}
.solutions-autocare-canvas .solutions-autocare {padding: 50px 0 0 0;}
.solutions-autocare-canvas .solutions-autocare .solutions-autocare-intro {text-align: center; margin-bottom: 50px; padding-bottom:80px; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(243,243,243,1) 60%, rgba(243,243,243,1) 100%);}
.solutions-autocare-canvas .solutions-autocare .solutions-autocare-intro h5 {text-align: center; display: block; margin: 0 auto; width: 900px; margin-bottom: 40px; font-weight: 300; font-family: "Heebo", Arial; font-size: 1.5rem; line-height: 2rem;}
.solutions-autocare-canvas .solutions-autocare .solutions-autocare-intro img {max-width: 100%;}
.solutions-autocare-canvas .solutions-autocare .autocare-countries {width: 900px; margin: 0 auto 50px auto;}
.solutions-autocare-canvas .solutions-autocare .autocare-countries a.autocare-country {width: 33.33%; padding: 30px; margin: 10px; border: 2px solid #4CB050; border-radius: 5px; text-align: center;}
.solutions-autocare-canvas .solutions-autocare .autocare-countries a.autocare-country img {width: 100%; margin-bottom: 20px; padding: 20px;}
.solutions-autocare-canvas .solutions-autocare .autocare-countries a.autocare-country span {text-transform: uppercase; color: #4CB050;}
.solutions-autocare-canvas .solutions-autocare .autocare-countries a.autocare-country:hover {box-shadow: 2px 2px 8px rgba(0,0,0,0.2);}
.solutions-autocare-canvas .solutions-autocare .autocare-callout {padding: 50px 0; text-align: center; background: rgb(4,154,77); background: linear-gradient(126deg, rgba(4,154,77,1) 0%, rgba(4,154,77,1) 60%, rgba(0,145,71,1) 60%, rgba(0,145,71,1) 100%); border-bottom: 4px solid #FFD529;}
.solutions-autocare-canvas .solutions-autocare .autocare-callout h5 {display: inline-block;margin-bottom: 30px;color: #ffffff;font-weight: 300;font-family: "Heebo", Arial;font-size: 1.5rem;line-height: 2rem;}
.solutions-autocare-canvas .solutions-autocare .autocare-callout a.callout-button {border-radius: 40px; background: #FFD529; color: #009147;}
.solutions-autocare-canvas .solutions-autocare .autocare-callout a.callout-button:hover {color: #FFD529!important;}

/*Autocare - Main*/
.autocare-canvas {}
.autocare-canvas .autocare {}
.autocare-canvas .autocare .autocare-values {position: relative; flex-wrap: wrap; border-top: 5px solid #ffffff; margin-bottom: 5px;}
.autocare-canvas .autocare .autocare-values .autocare-core {position: absolute; z-index: 10; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 224px; height: 224px; text-align: center; background: transparent url(../images/page-assets/autocare-value-core.svg) center center no-repeat; background-size: 100%;}
.autocare-canvas .autocare .autocare-values .autocare-core h1 {margin-top: 72px; font-size: 2.5rem; text-transform: uppercase;line-height: 2.5rem;color:#009147;}
.autocare-canvas .autocare .autocare-values .autocare-core h1 span {color: #97CB5D; font-weight: 500;}
.autocare-canvas .autocare .autocare-values .autocare-value {position: relative; width: 50%;}
.autocare-canvas .autocare .autocare-values .autocare-value img {position: absolute;}
.autocare-canvas .autocare .autocare-values .autocare-value.value-1 {border-right: 2px solid #009147; border-bottom: 2px solid #009147; text-align: left; background: url(../images/page-assets/autocare-value1.jpg) center center no-repeat; background-size: cover;}
.autocare-canvas .autocare .autocare-values .autocare-value.value-2 {border-left: 2px solid #009147; border-bottom: 2px solid #009147; text-align: right; background: url(../images/page-assets/autocare-value2.jpg) center center no-repeat; background-size: cover;}
.autocare-canvas .autocare .autocare-values .autocare-value.value-3 {border-right: 2px solid #009147; border-top: 2px solid #009147; text-align: left; background: url(../images/page-assets/autocare-value3.jpg) center center no-repeat; background-size: cover;}
.autocare-canvas .autocare .autocare-values .autocare-value.value-4 {border-left: 2px solid #009147; border-top: 2px solid #009147; text-align: right; background: url(../images/page-assets/autocare-value4.jpg) center center no-repeat; background-size: cover;}
.autocare-canvas .autocare .autocare-values .autocare-value .intro {height: 350px; padding: 100px;}
.autocare-canvas .autocare .autocare-values .autocare-value .intro h3 {color: #ffffff; font-size: 2.6rem;}
.autocare-canvas .autocare .autocare-values .autocare-value .intro p {color: #ffffff; line-height: 1.6rem;}
.autocare-canvas .autocare .autocare-values .autocare-value.value-1 img {top: -71px;left: -92px;}
.autocare-canvas .autocare .autocare-values .autocare-value.value-2 img {top: -74px;right: -74px;}
.autocare-canvas .autocare .autocare-values .autocare-value.value-3 img {bottom: -70px;left: -75px;}
.autocare-canvas .autocare .autocare-values .autocare-value.value-4 img {bottom: -95px;right: -113px;}
.autocare-canvas .autocare .autocare-intro {background: #F3F3F3; padding: 70px; text-align: center;}
.autocare-canvas .autocare .autocare-intro h2 {}
.autocare-canvas .autocare .autocare-intro p {font-size: 1.2rem; font-weight: 300; width: 700px; margin: 0 auto 40px auto;}
.autocare-canvas .autocare .autocare-intro a {}
.autocare-canvas .autocare .autocare-countries {}
.autocare-canvas .autocare .autocare-countries .autocare-country {width: 33.33%; padding: 60px 40px;}
.autocare-canvas .autocare .autocare-countries .autocare-country.id {background: url(../images/page-assets/autocare-id-bg.svg) center right no-repeat;}
.autocare-canvas .autocare .autocare-countries .autocare-country.my {background: url(../images/page-assets/autocare-my-bg.svg) center right no-repeat;}
.autocare-canvas .autocare .autocare-countries .autocare-country.cn {background: url(../images/page-assets/autocare-cn-bg.svg) center right no-repeat;}
.autocare-canvas .autocare .autocare-countries .autocare-country .country-name {font-family: "Rajdhani", Georgia; font-size: 1.8rem; font-weight: 500; margin-bottom: 10px;}
.autocare-canvas .autocare .autocare-countries .autocare-country .country-name img {margin-right: 10px;width: 50PX;}
.autocare-canvas .autocare .autocare-countries .autocare-country p {}
.autocare-canvas .autocare .autocare-countries .autocare-country a {padding: 0; background: none; color: #009147; font-weight: 500; text-transform: uppercase;}
.autocare-canvas .autocare .autocare-countries .autocare-country a:hover {}

/*Autocare - Country*/
.autocare-country-banner .general-banner-intro {padding-left: 80px; width: 70%!important;}
.autocare-country-banner.id-banner .general-banner-intro {background: url(../images/icons/flags/id.svg) top 5px left no-repeat; background-size: 60px;}
.autocare-country-banner.my-banner .general-banner-intro {background: url(../images/icons/flags/my.svg) top 5px left no-repeat; background-size: 60px;}
.autocare-country-banner.cn-banner .general-banner-intro {background: url(../images/icons/flags/cn.svg) top 5px left no-repeat; background-size: 60px;}
.autocare-country-canvas {}
.autocare-country-canvas .autocare-country {}
.autocare-country-canvas .autocare-country .country-intro {padding: 50px 0;}
.autocare-country-canvas .autocare-country .country-intro.intro-id {background: #fafafa url(../images/page-assets/autocare-intro-id-bg.svg) right -400px bottom no-repeat;}
.autocare-country-canvas .autocare-country .country-intro.intro-my {}
.autocare-country-canvas .autocare-country .country-intro.intro-cn {}
.autocare-country-canvas .autocare-country .country-intro h2 {margin-bottom: 30px;}
.autocare-country-canvas .autocare-country .country-intro .intro {}
.autocare-country-canvas .autocare-country .country-intro .intro img.intro-photo {float: left; margin: 0 30px 30px 0;}
.autocare-country-canvas .autocare-country .country-intro .intro p {font-size: 1.2rem;}
.autocare-country-canvas .autocare-country .country-intro .intro img {margin-bottom: 10px;}
.autocare-country-canvas .autocare-country .country-intro ul.circle-list {}
.autocare-country-canvas .autocare-country .country-intro ul.circle-list li {font-size: 1.2rem; text-align: left; padding-left: 30px; background: url(../images/icons/general/yellow-circle-icon.svg) left top 4px no-repeat; font-size: 1rem; margin: 0 0 10px 0;}
.autocare-country-canvas .autocare-country .country-callout {border-bottom: 4px solid #FFD529;}
.autocare-country-canvas .autocare-country .country-callout .callout {width: 50%; padding: 60px 60px 60px 230px;}
.autocare-country-canvas .autocare-country .country-callout .callout.callout-app {background: #4CB050 url(../images/page-assets/autocare-callout-mobile.png) bottom -30px left 100px no-repeat;}
.autocare-country-canvas .autocare-country .country-callout .callout.callout-inquiry {background: #009147 url(../images/page-assets/autocare-callout-inquire-icon.svg) bottom -10px left 100px no-repeat; background-size: 100px;}
.autocare-country-canvas .autocare-country .country-callout .callout p {width: 400px;color: #FFFFFF;font-size: 1rem;margin: 0;}
.autocare-country-canvas .autocare-country .country-callout .callout p a {color: #FFD529; font-weight: 500;}
.autocare-country-canvas .autocare-country .country-callout .callout p a:hover {text-decoration: underline;}

/*About Us*/
.about-canvas {}
.about-canvas .about {}
.about-canvas .about .milestones-canvas {padding: 60px 0 60px 0; background: url(../images/page-assets/about-milestones-bg.png) center center no-repeat; background-size: cover;}
.about-canvas .about .milestones-canvas h2 {font-size: 3rem; display: block; text-align: center; text-transform: uppercase; margin-bottom: 50px;}
.about-canvas .about .milestones-canvas .milestones {position: relative; width: 900px; margin: 0 auto;}
.about-canvas .about .milestones-canvas .milestones .milestones-line {position: absolute; z-index: 10; left: 50%; top: 50%; transform: translate(-50%, -50%); height: 100%; width: 1px; background: #009147;}
.about-canvas .about .milestones-canvas .milestones .entry {position: relative; z-index: 11; margin-bottom: 50px;}
.about-canvas .about .milestones-canvas .milestones .entry img {width: 45%;border-radius: 40px;box-shadow: 3px 3px 10px rgba(0,0,0,0.3);}
.about-canvas .about .milestones-canvas .milestones .entry .circle {width: 10%; text-align: center;}
.about-canvas .about .milestones-canvas .milestones .entry .circle.red .shape {border-color: #EE3124;}
.about-canvas .about .milestones-canvas .milestones .entry .circle.green .shape {border-color: #009147;}
.about-canvas .about .milestones-canvas .milestones .entry .circle.yellow .shape {border-color: #FFD529;}
.about-canvas .about .milestones-canvas .milestones .entry .circle .shape {display: inline-block; background: #ffffff; width: 40px; height: 40px; border-radius: 50%; border: 10px solid transparent;}
.about-canvas .about .milestones-canvas .milestones .entry .entry-info {width: 45%;}
.about-canvas .about .milestones-canvas .milestones .entry .entry-info h4 {}
.about-canvas .about .milestones-canvas .milestones .entry .entry-info p {font-size: 1rem; line-height: 1.5rem;}
.about-canvas .about .milestones-canvas .milestones .entry.entry-right .entry-info {text-align: right;}
.about-canvas .about .about-solutions {padding: 60px 0;}
.about-canvas .about .about-solutions h5 {text-align: center; display: block; margin: 0 auto; width: 900px; margin-bottom: 40px; font-weight: 300; font-family: "Heebo", Arial; font-size: 1.5rem; line-height: 2rem;}
.about-canvas .about .about-solutions .solutions {justify-content: center; margin: 0 auto;}
.about-canvas .about .about-solutions .solutions .solution {align-self: flex-start;width: 300px;height: 300px;margin: 10px;border-radius: 50%;text-align: center;}
.about-canvas .about .about-solutions .solutions .solution.solution-1 {background: url(../images/page-assets/about-solutions1.png) center center no-repeat; background-size: cover;}
.about-canvas .about .about-solutions .solutions .solution.solution-2 {background: url(../images/page-assets/about-solutions1.png) center center no-repeat; background-size: cover;}
.about-canvas .about .about-solutions .solutions .solution.solution-3 {background: url(../images/page-assets/about-solutions1.png) center center no-repeat; background-size: cover;}
.about-canvas .about .about-solutions .solutions .solution .solution-inner {width: 300px; height: 300px; padding: 60px 30px; border-radius: 50%;}
.about-canvas .about .about-solutions .solutions .solution.solution-1 .solution-inner {background: rgba(76, 176, 80, 0.8); border: 5px solid #009147;}
.about-canvas .about .about-solutions .solutions .solution.solution-2 .solution-inner {background: rgba(0, 145, 71, 0.8); border: 5px solid #FFD529;}
.about-canvas .about .about-solutions .solutions .solution.solution-3 .solution-inner {background: rgba(238, 49, 36, 0.8); border: 5px solid #EE3124;}
.about-canvas .about .about-solutions .solutions .solution .solution-inner h2 {color: #FFD529; font-size: 1.8rem; line-height: 1.6rem; margin-bottom: 10px; text-shadow: 2px 2px 3px rgba(0,0,0,0.2);}
.about-canvas .about .about-solutions .solutions .solution .solution-inner p {margin-bottom: 15px; line-height: 1.2rem; color: #ffffff;text-shadow: 2px 2px 3px rgba(0,0,0,0.2);}
.about-canvas .about .about-solutions .solutions .solution .solution-inner a {}
.about-canvas .about .about-solutions .solutions .solution .solution-inner a:hover {}

.about-contacts-canvas {padding: 40px 0 0 0; text-align: center;}
.about-contacts-canvas h2 {}
.about-contacts-canvas .contacts {margin: 0 5px 10px 5px;}
.about-contacts-canvas .contacts .contact {width: 25%; background: #F3F3F3; padding: 30px; margin: 0 5px; position: relative; text-align: left;}
.about-contacts-canvas .contacts .contact img {width: 30px; height: 30px; position: absolute; top: 20px; right: 20px;}
.about-contacts-canvas .contacts .contact h6 {font-weight: 600; font-size: 1.3rem;}
.about-contacts-canvas .contacts .contact address {margin: 0;}




/*News Featured*/
.news-featured-canvas {min-height: 350px; /*background: url(../images/backgrounds/news-featured-bg.jpg) center center no-repeat; background-size: cover;*/}
.news-featured-canvas .news-featured {position: relative; z-index: 100;}
.news-featured-canvas .news-featured .news-featured-inner {}
.news-featured-canvas .news-featured .news-featured-inner .news-featured-header {position: relative;width: 50%;padding: 0 30px 0 0;}
.news-featured-canvas .news-featured .news-featured-inner .news-featured-carousel-canvas {width: 50%;}
.news-featured-canvas .news-featured .news-featured-header {padding: 40px 0;}
.news-featured-canvas .news-featured .news-featured-header h1 {color: #97CB5D; font-size: 4rem; line-height: 3.6rem; text-transform: uppercase;}
.news-featured-canvas .news-featured .news-featured-header p {color: #FFFFFF; font-size: 1.2rem; font-weight: 300;}
.news-featured-canvas .news-featured .news-featured-carousel-canvas {position: relative; border-bottom: none;}
.news-featured-canvas .news-featured .news-featured-carousel-canvas .news-featured-carousel-nav {position: absolute;bottom: 5px;right: 5px;z-index: 100;}
.news-featured-canvas .news-featured .news-featured-carousel-canvas .news-featured-carousel-nav button {border: none;opacity: 0.8;width: 30px;height: 38px;-webkit-transition: 0.1s all linear!important;-moz-transition: 0.1s all linear!important;-ms-transition: 0.1s all linear!important;}
.news-featured-canvas .news-featured .news-featured-carousel-canvas .news-featured-carousel-nav button.owl-prev {margin-right: 4px;}
.news-featured-canvas .news-featured .news-featured-carousel-canvas .news-featured-carousel-nav button.owl-next {}
.news-featured-canvas .news-featured .news-featured-carousel-canvas .news-featured-carousel-nav button span {font-size: 2rem; line-height: 1.8rem;}
.news-featured-canvas .news-featured .news-featured-carousel-canvas .news-featured-carousel-nav button:focus {outline: none;}
.news-featured-canvas .news-featured .news-featured-carousel-canvas .news-featured-carousel-nav button:hover {opacity: 1;}
.news-featured-canvas .news-featured .news-featured-carousel-canvas .news-featured-carousel {}
.news-featured-canvas .news-featured .news-featured-carousel-canvas .news-featured-carousel a.news-article {display: block;padding: 0;width: 100%;position: relative;}
.news-featured-canvas .news-featured .news-featured-carousel-canvas .news-featured-carousel a.news-article .overlay {display: none;}
.news-featured-canvas .news-featured .news-featured-carousel-canvas .news-featured-carousel a.news-article .news-excerpt {display: block;position: absolute;bottom: 0;left: 0;padding: 30px;z-index: 11;background: #97CB5Dcc; transition: 0.2s all linear; -webkit-transition: 0.2s all linear; -moz-transition: 0.2s all linear; -ms-transition: 0.2s all linear;}
.news-featured-canvas .news-featured .news-featured-carousel-canvas .news-featured-carousel a.news-article .news-excerpt .news-cat {display: inline-block;background: #000000;padding: 5px 10px;margin-bottom: 10px;border-radius: 3px;color: #97CB5D;font-size: 0.8rem;font-weight: 500;text-transform: uppercase;}
.news-featured-canvas .news-featured .news-featured-carousel-canvas .news-featured-carousel a.news-article .news-excerpt h2 {color: #97CB5D;font-size: 1.5rem;color: #000000;margin-bottom: 1rem;-webkit-transition: 0.1s all linear!important;-moz-transition: 0.1s all linear!important;-ms-transition: 0.1s all linear!important;}
.news-featured-canvas .news-featured .news-featured-carousel-canvas .news-featured-carousel a.news-article .news-excerpt .news-date {color: rgba(0,0,0,0.9);font-weight: 500;}
.news-featured-canvas .news-featured .news-featured-carousel-canvas .news-featured-carousel a.news-article img.article-thumb {}
.news-featured-canvas .news-featured .news-featured-carousel-canvas .news-featured-carousel .center a.news-article .overlay {background: rgba(0,0,0,0.4);}
.news-featured-canvas .news-featured .news-featured-carousel-canvas .news-featured-carousel a.news-article:hover h2 {text-decoration: underline;}
.news-featured-canvas .news-featured .news-featured-carousel-canvas .news-featured-carousel a.news-article:hover .news-excerpt {background: #97CB5D;}
.news-featured-canvas {position: relative;overflow: hidden;background: #000000;}
.news-featured-canvas .overlay {z-index: 11;}
.news-featured-canvas .container {height: 100%;}
.news-featured-canvas .video-hero {height: 100%; position: relative; z-index: 11;}
.news-featured-canvas .video-hero .video-hero-inner {text-align: left; width: 50%;}
.news-featured-canvas .video-hero .video-hero-inner h1 {font-size: 4rem; line-height: 3.6rem; text-transform: uppercase;}
.news-featured-canvas .video-hero .video-hero-inner p {color: #FFFFFF; font-size: 1.2rem; font-weight: 300;}
.news-featured-canvas .video-hero-video-bg {width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 10;}
.news-featured-canvas .video-hero-video-bg video {width: 100%;}


/*News List*/
.news-list-canvas {padding: 50px 0;}
.news-list-canvas h3 {display: block; padding: 10px 20px; color: #000000; background: #97CB5D; margin: 0 0 20px 0; font-size: 1.6rem;}
.news-list-canvas .news-list {}
.news-list-canvas .news-list article {padding-bottom: 30px; border-bottom: 1px solid #D5D5D5; margin-bottom: 30px;}
.news-list-canvas .news-list article a.news-thumb {width: 285px; flex-shrink: 0;}
.news-list-canvas .news-list article a.news-thumb img {display: inline-block; width: 100%;}
.news-list-canvas .news-list article .news-excerpt {padding:5px 0 0 20px;}
.news-list-canvas .news-list article .news-excerpt a.news-title {}
.news-list-canvas .news-list article .news-excerpt a.news-title h4 {font-family: "Heebo", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; font-weight: 500; font-size: 1.2rem; line-height: 1.7rem; -webkit-transition: 0.1s all linear!important; -moz-transition: 0.1s all linear!important; -ms-transition: 0.1s all linear!important;}
.news-list-canvas .news-list article .news-excerpt a.news-title:hover h4 {color: #97CB5D;}
.news-list-canvas .news-list article .news-excerpt p {--max-lines: 2; max-height: calc(var(--lh) * var(--max-lines)); overflow: hidden; margin-bottom: 1rem;}
.news-list-canvas .news-list article .news-excerpt .news-footer {}
.news-list-canvas .news-list article .news-excerpt .news-footer .cat-date {text-transform: uppercase; font-size: 0.8rem;}
.news-list-canvas .news-list article .news-excerpt .news-footer .cat-date a:hover {text-decoration: underline;}
.news-list-canvas .news-list article .news-excerpt .news-footer a.button-link {flex-shrink: 0;}
.news-list-canvas .news-list .news-pagination {}
.news-list-canvas .news-list .news-pagination a {}
.news-list-canvas .news-list .news-pagination .page-item.active .page-link {background-color: #97CB5D; border-color: #97CB5D; color: #000000;}
.news-list-canvas .news-list .news-pagination .page-item.disabled .page-link {color: #3B3B3B;}
.news-list-canvas .news-list .news-pagination .page-link {color: #000000; text-transform: uppercase; font-size: 0.8rem; font-weight: 500;}

/*News Sidebar*/
.news-sidebar-canvas {padding: 50px 0;}
.news-sidebar-canvas .news-sidebar {}
.news-sidebar-canvas .news-sidebar h4 {font-size: 1.5rem; display: block; padding: 10px 20px; color: #000000; background: #97CB5D; margin: 0 0 20px 0;}
.news-sidebar-canvas .news-sidebar .news-cat-list-canvas {margin-bottom: 40px;}
.news-sidebar-canvas .news-sidebar .news-cat-list-canvas .news-cat-list {padding: 10px 30px;background: #F5F5F5;/* border-radius: 3px; */}
.news-sidebar-canvas .news-sidebar .news-cat-list-canvas .news-cat-list ul {}
.news-sidebar-canvas .news-sidebar .news-cat-list-canvas .news-cat-list ul li {}
.news-sidebar-canvas .news-sidebar .news-cat-list-canvas .news-cat-list ul li a {padding: 12px 0; margin: 8px 0; font-weight: 500; text-transform: uppercase;}
.news-sidebar-canvas .news-sidebar .news-cat-list-canvas .news-cat-list ul li a:hover {}
.news-sidebar-canvas .news-sidebar .news-cat-list-canvas .news-cat-list ul li a .news-cat-title {}
.news-sidebar-canvas .news-sidebar .news-cat-list-canvas .news-cat-list ul li a .news-cat-count {width: 35px; height: 35px; text-align: center; line-height: 35px; border-radius: 3px; background: #FFFFFF; -webkit-transition: 0.1s all linear!important; -moz-transition: 0.1s all linear!important; -ms-transition: 0.1s all linear!important;}
.news-sidebar-canvas .news-sidebar .news-cat-list-canvas .news-cat-list ul li a:hover .news-cat-count,
.news-sidebar-canvas .news-sidebar .news-cat-list-canvas .news-cat-list ul li.active .news-cat-count {background: #97CB5D;}
.news-sidebar-canvas .news-sidebar .news-featured-videos-canvas {}
.news-sidebar-canvas .news-sidebar .news-featured-videos-canvas h4 {}
.news-sidebar-canvas .news-sidebar .news-featured-videos {}
.news-sidebar-canvas .news-sidebar .news-featured-videos .featured-video {cursor: pointer; display: block; position: relative; margin-bottom: 20px;}
.news-sidebar-canvas .news-sidebar .news-featured-videos .featured-video img {display: inline-block; width: 100%;}
.news-sidebar-canvas .news-sidebar .news-featured-videos .featured-video .video-title {position: absolute; bottom: 0; left: 0; z-index: 11; display: block; font-weight: 500; font-size: 1rem; padding: 40px 20px 15px 20px; color: #FFFFFF; padding-right: 100px;background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8953956582633054) 100%); -webkit-transition: 0.1s all linear!important; -moz-transition: 0.1s all linear!important; -ms-transition: 0.1s all linear!important;}
.news-sidebar-canvas .news-sidebar .news-featured-videos .featured-video .play-icon {position: absolute; bottom: 20px; right: 20px; z-index: 12; display: block; width: 34px; height: 34px;  background: url(../images/icons/general/yellow-play-icon.svg) center center no-repeat;}
.news-sidebar-canvas .news-sidebar .news-featured-videos .featured-video:hover .video-title {color: #97CB5D;}
.news-sidebar-canvas .news-sidebar .news-featured-videos .featured-video:hover .play-icon {-webkit-animation: heartbeat 1.5s ease-in-out infinite both; animation: heartbeat 1.5s ease-in-out infinite both;}

/*News Single*/
.news-single-head-canvas {position: relative; height: 450px;}
.news-single-head-canvas .overlay {}
.news-single-head-canvas .news-single-head {height: 100%; position: relative; z-index: 11;}
.news-single-head-canvas .news-single-head h1 {color: #FFFFFF; font-size: 3.8rem; font-family: "Heebo", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; font-weight: black; margin-bottom: 4rem;}
.news-single-head-canvas .news-single-head .news-single-head-footer {}
.news-single-head-canvas .news-single-head .news-single-head-footer .cat-date {}
.news-single-head-canvas .news-single-head .news-single-head-footer .cat-date a.news-cat {display: none; background: #97CB5D; padding: 5px 10px; border-radius: 3px; color: #000000; font-size: 0.8rem; font-weight: 500; text-transform: uppercase;}
.news-single-head-canvas .news-single-head .news-single-head-footer .cat-date .news-date {font-size: 0.8rem; color: #D5D5D5; text-transform: uppercase; padding-left: 12px; border-left: 5px solid #97CB5D;}
.news-single-head-canvas .news-single-head .news-single-head-footer .news-share {}
.news-single-head-canvas .news-single-head .news-single-head-footer .news-share .share-label {font-size: 0.8rem; color: #D5D5D5; text-transform: uppercase; margin-right: 15px;}
.news-single-head-canvas .news-single-head .news-single-head-footer .news-share ul.share-links {}
.news-single-head-canvas .news-single-head .news-single-head-footer .news-share ul.share-links li {display: inline-block; margin-left: 10px;}
.news-single-head-canvas .news-single-head .news-single-head-footer .news-share ul.share-links a {display: inline-block; width: 40px; height: 40px; border-radius: 50px;}
.news-single-head-canvas .news-single-head .news-single-head-footer .news-share ul.share-links a:hover {-webkit-animation: jello-vertical 0.9s both; animation: jello-vertical 0.9s both;}
.news-single-head-canvas .news-single-head .news-single-head-footer .news-share ul.share-links a.email {background: url(../images/icons/social/share-email.svg) center center no-repeat;}
.news-single-head-canvas .news-single-head .news-single-head-footer .news-share ul.share-links a.facebook {background: url(../images/icons/social/share-facebook.svg) center center no-repeat;}
.news-single-head-canvas .news-single-head .news-single-head-footer .news-share ul.share-links a.linkedin {background: url(../images/icons/social/share-linkedin.svg) center center no-repeat;}
.news-single-head-canvas .news-single-head .news-single-head-footer .news-share ul.share-links a.twitter {background: url(../images/icons/social/share-twitter.svg) center center no-repeat;}
.news-single-head-canvas .news-single-head .news-single-head-footer .news-share ul.share-links a.weibo {background: url(../images/icons/social/share-weibo.svg) center center no-repeat;}

/*News Single Body*/
.news-single-body-canvas {padding: 60px 0;}
.news-single-body-canvas .news-single-body {padding-right: 60px;}
.news-single-body-canvas .news-single-body h1, 
.news-single-body-canvas .news-single-body h2, 
.news-single-body-canvas .news-single-body h3, 
.news-single-body-canvas .news-single-body h4, 
.news-single-body-canvas .news-single-body h5, 
.news-single-body-canvas .news-single-body h6 {font-family: "Heebo", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; margin-top: 3rem;}
.news-single-body-canvas .news-single-body h1:first-child, 
.news-single-body-canvas .news-single-body h2:first-child, 
.news-single-body-canvas .news-single-body h3:first-child, 
.news-single-body-canvas .news-single-body h4:first-child, 
.news-single-body-canvas .news-single-body h5:first-child {margin-top: 0;}
.news-single-body-canvas .news-single-body h1 {margin-bottom: 1.5rem;}
.news-single-body-canvas .news-single-body p {line-height: 2rem; font-size: 1rem; letter-spacing: 0.01rem;}
.news-single-body-canvas .news-single-body a {font-weight: bold; text-decoration: underline;}
.news-single-body-canvas .news-single-body a:hover {text-decoration: none;}
.news-single-body-canvas .news-single-body img {display: inline-block; max-width: 100%; margin: 30px 0;}
.news-single-body-canvas .news-single-body .photo-caption {margin: 50px 0;}
.news-single-body-canvas .news-single-body .photo-caption img {margin: 0;}
.news-single-body-canvas .news-single-body .photo-caption .caption {display: block; text-align: right; color: #888888; margin-top: 10px;}
.news-single-body-canvas .news-single-body blockquote {margin: 50px 0; padding-left: 140px; background: url(../images/icons/general/blockquote.svg) top 10px left no-repeat;}
.news-single-body-canvas .news-single-body blockquote p {text-align: right; font-family: "Rajdhani", Georgia; font-weight: 500; font-size: 1.4rem;}
.news-single-body-canvas .news-single-body blockquote .credit {text-align: right;}
.news-single-body-canvas .news-single-body blockquote .credit .name {font-weight: 500;}
.news-single-body-canvas .news-single-body blockquote .credit .title {}
.news-single-body-canvas .news-single-body blockquote .credit .separator-dot {display: inline-block; margin: 0 5px;}
.news-single-body-canvas .news-single-body img.news-image-left {float: left; margin: 7px 30px 20px 0;}
.news-single-body-canvas .news-single-body ol {padding-left: 50px; margin-bottom: 1.5rem;}
.news-single-body-canvas .news-single-body ol li {line-height: 1.8rem; margin-bottom: 0.5rem; font-size: 1rem; letter-spacing: 0.01rem;}
.news-single-body-canvas .news-single-body ul {list-style-type: disc; padding-left: 50px; margin-bottom: 1.5rem;}
.news-single-body-canvas .news-single-body ul li {line-height: 1.8rem; margin-bottom: 0.5rem; font-size: 1rem; letter-spacing: 0.01rem;}
.news-single-body-canvas .news-single-body .news-photo-gallery {margin-bottom: 30px;}
.news-single-body-canvas .news-single-body .news-photo-gallery a {display: inline-block; margin: 0; overflow: hidden; cursor: zoom-in;}
.news-single-body-canvas .news-single-body .news-photo-gallery a img {display: inline-block; margin: 0; -webkit-transition: -webkit-transform 0.15s ease 0s; -moz-transition: -moz-transform 0.15s ease 0s; -o-transition: -o-transform 0.15s ease 0s; transition: transform 0.15s ease 0s; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1);}
.news-single-body-canvas .news-single-body .news-photo-gallery a:hover img {-webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1);}
.news-single-body-canvas .news-single-body {}
.news-single-body-canvas .news-single-body .video-gallery {margin: 30px 0;}
.news-single-body-canvas .news-single-body .news-single-body-footer {padding: 30px 0;}
.news-single-body-canvas .news-single-body .news-single-body-footer .cat-date {}
.news-single-body-canvas .news-single-body .news-single-body-footer .cat-date a.news-cat {background: #97CB5D; padding: 5px 10px; border-radius: 3px; text-decoration: none; color: #000000; font-size: 0.8rem; font-weight: 500; text-transform: uppercase;}
.news-single-body-canvas .news-single-body .news-single-body-footer .cat-date .news-date {font-size: 0.8rem; color: #3B3B3B; text-transform: uppercase; margin-left: 15px;}
.news-single-body-canvas .news-single-body .news-single-body-footer .news-share {}
.news-single-body-canvas .news-single-body .news-single-body-footer .news-share .share-label {font-size: 0.8rem; color: #3B3B3B; text-transform: uppercase; margin-right: 15px;}
.news-single-body-canvas .news-single-body .news-single-body-footer .news-share ul.share-links {margin: 0; padding: 0;}
.news-single-body-canvas .news-single-body .news-single-body-footer .news-share ul.share-links li {display: inline-block; margin: 0 0 0 10px;}
.news-single-body-canvas .news-single-body .news-single-body-footer .news-share ul.share-links a {display: inline-block; width: 40px; height: 40px; border-radius: 50px;}
.news-single-body-canvas .news-single-body .news-single-body-footer .news-share ul.share-links a:hover {-webkit-animation: jello-vertical 0.9s both; animation: jello-vertical 0.9s both;}
.news-single-body-canvas .news-single-body .news-single-body-footer .news-share ul.share-links a.email {background: url(../images/icons/social/share-email.svg) center center no-repeat;}
.news-single-body-canvas .news-single-body .news-single-body-footer .news-share ul.share-links a.facebook {background: url(../images/icons/social/share-facebook.svg) center center no-repeat;}
.news-single-body-canvas .news-single-body .news-single-body-footer .news-share ul.share-links a.linkedin {background: url(../images/icons/social/share-linkedin.svg) center center no-repeat;}
.news-single-body-canvas .news-single-body .news-single-body-footer .news-share ul.share-links a.twitter {background: url(../images/icons/social/share-twitter.svg) center center no-repeat;}
.news-single-body-canvas .news-single-body .news-single-body-footer .news-share ul.share-links a.weibo {background: url(../images/icons/social/share-weibo.svg) center center no-repeat;}

/*News Single Sidebar*/
.news-single-sidebar-canvas {padding: 50px 0;}
.news-single-sidebar-canvas .news-single-sidebar {}
.news-single-sidebar-canvas .news-single-sidebar h4 {font-size: 1.5rem;}
.news-single-sidebar-canvas .news-single-sidebar .news-sidebar-articles-canvas {margin-bottom: 40px}
.news-single-sidebar-canvas .news-single-sidebar .news-sidebar-articles-canvas ul.news-sidebar-articles {display: block; padding: 30px; background: #F5F5F5; border-radius: 3px;}
.news-single-sidebar-canvas .news-single-sidebar .news-sidebar-articles-canvas ul.news-sidebar-articles li {margin-bottom: 20px;}
.news-single-sidebar-canvas .news-single-sidebar .news-sidebar-articles-canvas ul.news-sidebar-articles li:last-child {margin: 0;}
.news-single-sidebar-canvas .news-single-sidebar .news-sidebar-articles-canvas ul.news-sidebar-articles li a.sidebar-article {}
.news-single-sidebar-canvas .news-single-sidebar .news-sidebar-articles-canvas ul.news-sidebar-articles li a.sidebar-article img {width: 120px; flex-shrink: 0;}
.news-single-sidebar-canvas .news-single-sidebar .news-sidebar-articles-canvas ul.news-sidebar-articles li a.sidebar-article .article-entry {padding-left: 15px;}
.news-single-sidebar-canvas .news-single-sidebar .news-sidebar-articles-canvas ul.news-sidebar-articles li a.sidebar-article .article-entry .title {display: block;margin-bottom: 5px;font-size: 0.8rem;font-weight: 500;/*--max-lines: 2;max-height: calc(var(--lh) * var(--max-lines) - -10px);*/overflow: hidden;-webkit-transition: 0.1s all linear!important;-moz-transition: 0.1s all linear!important;-ms-transition: 0.1s all linear!important;}
.news-single-sidebar-canvas .news-single-sidebar .news-sidebar-articles-canvas ul.news-sidebar-articles li a.sidebar-article .article-entry .date {font-size: 0.7rem; text-transform: uppercase;}
.news-single-sidebar-canvas .news-single-sidebar .news-sidebar-articles-canvas ul.news-sidebar-articles li a.sidebar-article:hover .article-entry .title {color: #97CB5D;}

/*Contact*/
.fcf-canvas {position: fixed; bottom: 0; right: 50px; z-index: 300;}
.fcf-canvas .fcf {display: none; position: relative; z-index: 20; max-width: 520px; background: #F5F5F5; padding: 50px; box-shadow: 0 0 20px rgba(0,0,0,0.1); border-top-left-radius: 5px; border-top-right-radius: 5px;}
.fcf-canvas .fcf a.fcf-close-button {position: absolute;top: 20px;right: 20px;z-index: 100;opacity: 0.4;display: block;width: 37px;height: 37px;border-radius: 50%;background: rgba(0,0,0,0.1) url(../images/icons/general/black-close-icon.svg) center center no-repeat;}
.fcf-canvas .fcf a.fcf-close-button:hover {opacity: 1;}
.fcf-canvas .fcf .fcf-header {margin-bottom: 15px;}
.fcf-canvas .fcf .fcf-header img {margin-right: 15px; width: 40px;}
.fcf-canvas .fcf .fcf-header h3 {color: #000000; margin: 0;}
.fcf-canvas .fcf p {}
.fcf-canvas .fcf input {width: 100%; padding: 0 20px; margin-bottom: 5px; height: 50px; border: 1px solid #999999;}
.fcf-canvas .fcf select {width: 100%; padding: 0 20px; margin-bottom: 5px; height: 50px; border: 1px solid #999999;}
.fcf-canvas .fcf textarea {width: 100%; padding: 20px; margin-bottom: 5px; border: 1px solid #999999;}
.fcf-canvas .fcf button {width: 100%;}
.fcf-canvas button.fcf-open-button {position: fixed; bottom: 0; right: 50px; z-index: 10; display: inline-block;padding: 15px 30px 15px 70px;border: 1px solid rgba(255,255,255,0.2);border-bottom: none;border-top-left-radius: 5px;border-top-right-radius: 5px;color: #FFFFFF;font-size: 1.2rem;background: #222222 url(../images/icons/general/yellow-message-icon.svg) top 18px left 30px no-repeat;font-weight: 600;font-family: "Rajdhani", Georgia;transition: 0.2s all linear;-webkit-transition: 0.2s all linear;-moz-transition: 0.2s all linear;-ms-transition: 0.2s all linear;}
.fcf-canvas button.fcf-open-button:hover {background: #444444 url(../images/icons/general/yellow-message-icon.svg) top 18px left 30px no-repeat;}
.contact-canvas {}
.contact-canvas .contact {}
.contact-canvas .contact .tab-content .tab-pane .contact-entries {position: relative; letter-spacing: 0.01rem;}
.contact-canvas .contact .tab-content .tab-pane .contact-entries .contact-entries-head {position: relative; z-index: 11; text-align: center; margin-bottom: 60px;}
.contact-canvas .contact .tab-content .tab-pane .contact-entries .contact-entries-head h2 {font-size: 3rem; text-transform: uppercase; margin-bottom: 0.5rem;}
.contact-canvas .contact .tab-content .tab-pane .contact-entries .contact-entries-head p {font-size: 1.2rem;}
.contact-canvas .contact .tab-content .tab-pane .contact-entries .contact-entry {position: relative; z-index: 11; margin-bottom: 60px;}
.contact-canvas .contact .tab-content .tab-pane .contact-entries .contact-entry .contact-head {margin-bottom: 10px;}
.contact-canvas .contact .tab-content .tab-pane .contact-entries .contact-entry .contact-head img {flex-shrink: 0;width: 50px;margin-right: 10px;box-shadow: 1px 1px 3px rgba(0,0,0,0.4);}
.contact-canvas .contact .tab-content .tab-pane .contact-entries .contact-entry .contact-head h4 {font-family: "Heebo", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; font-size: 1.3rem; margin: 0;}
.contact-canvas .contact .tab-content .tab-pane .contact-entries .contact-entry .contact-details {line-height: 1.8rem; font-size: 1rem;}
.contact-canvas .contact .tab-content .tab-pane .contact-entries .contact-entry .contact-details address {margin: 0; color: #3B3B3B;}
.contact-canvas .contact .tab-content .tab-pane .contact-entries .contact-entry .contact-details p {color: #3B3B3B;}
.contact-canvas .contact .tab-content .tab-pane .contact-entries .contact-entry .contact-details p strong {color: #000000; margin-right: 10px;}
.contact-canvas .contact .tab-content .tab-pane .contact-entries .contact-entry .contact-details p a {text-decoration: underline; color: #000000;}
.contact-canvas .contact .tab-content .tab-pane .contact-entries .contact-entry .contact-details p a:hover {text-decoration: none;}
.contact-canvas .contact .tab-content .tab-pane .contact-entries img.contact-entries-map-bg {display: block; position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; opacity: 0.07;}
.compliance-canvas {background: #F5F5F5; padding: 60px 0;}
.compliance-canvas .compliance {}
.compliance-canvas .compliance h3 {}
.compliance-canvas .compliance .compliance-intro {}
.compliance-canvas .compliance .compliance-intro p {margin: 0; line-height: 1.6rem;}
.compliance-canvas .compliance .compliance-contact {}
.compliance-canvas .compliance .compliance-contact .contact-entry {margin-bottom: 15px;}
.compliance-canvas .compliance .compliance-contact .contact-entry img {}
.compliance-canvas .compliance .compliance-contact .contact-entry strong {margin: 0 10px;}
.compliance-canvas .compliance .compliance-contact .contact-entry a {}
.compliance-canvas .compliance .compliance-contact .contact-entry a:hover {}


/*Sitemap*/
.sitemap-canvas .sitemap {padding: 30px 0;}  
.sitemap-canvas .sitemap .sitemap-links {padding: 50px 0;}
.sitemap-canvas .sitemap .sitemap-links ul.links {margin-bottom: 20px;}
.sitemap-canvas .sitemap .sitemap-links ul.links li {margin-bottom: 7px; line-height: 1.2rem;}
.sitemap-canvas .sitemap .sitemap-links ul.links li a {padding-left: 15px; background: url(../images/icons/general/black-arrow.svg) top 8px left no-repeat; display: inline-block; color: #21211F; line-height: 1.8rem; -webkit-transition: 0.1s all linear!important; -moz-transition: 0.1s all linear!important; -ms-transition: 0.1s all linear!important;}
.sitemap-canvas .sitemap .sitemap-links ul.links li a.main-link {padding: 5px 15px 3px 15px; background: #97CB5D; color: #000000; margin-bottom: 10px; text-transform: uppercase; font-size: 0.9rem; font-weight: 500;}
.sitemap-canvas .sitemap .sitemap-links ul.links li a:hover {text-decoration: underline; background: url(../images/icons/general/black-arrow.svg) top 8px left 5px no-repeat;}
.sitemap-canvas .sitemap .sitemap-links ul.links li a.main-link:hover {background: #97CB5D;}
.sitemap-canvas .sitemap .sitemap-links ul.links li ul {margin-top: 5px;}
.sitemap-canvas .sitemap .sitemap-links ul.links li ul li {}
.sitemap-canvas .sitemap .sitemap-links ul.links li ul li a {padding-left: 30px; background: url(../images/icons/general/black-arrow.svg) top 8px left 15px no-repeat; display: inline-block; color: #21211F; line-height: 1.8rem; -webkit-transition: 0.1s all linear!important; -moz-transition: 0.1s all linear!important; -ms-transition: 0.1s all linear!important;}
.sitemap-canvas .sitemap .sitemap-links ul.links li ul li a:hover {background: url(../images/icons/general/black-arrow.svg) top 8px left 20px no-repeat;}

/*Social Media Hero*/
.video-hero-inner .social-links {}
.video-hero-inner .social-links ul.share-links {}
.video-hero-inner .social-links ul.share-links li {display: inline-block; margin-right: 10px;}
.video-hero-inner .social-links ul.share-links a {display: inline-block; width: 40px; height: 40px; border-radius: 50px;}
.video-hero-inner .social-links ul.share-links a:hover {-webkit-animation: jello-vertical 0.9s both; animation: jello-vertical 0.9s both;}
.video-hero-inner .social-links ul.share-links a.instagram {background: #B203F4 url(../images/icons/social/white-instagram-logo.svg) center center no-repeat;}
.video-hero-inner .social-links ul.share-links a.facebook {background: url(../images/icons/social/share-facebook.svg) center center no-repeat;}
.video-hero-inner .social-links ul.share-links a.linkedin {background: url(../images/icons/social/share-linkedin.svg) center center no-repeat;}
.video-hero-inner .social-links ul.share-links a.youtube {background: #D52A2C url(../images/icons/social/white-youtube-logo.svg) center center no-repeat;}
.video-hero-inner .social-links ul.share-links a.weibo {background: url(../images/icons/social/share-weibo.svg) center center no-repeat;}

/*Social Media - General*/
.sm-social-canvas {padding: 70px 0;overflow: hidden;}
.sm-social-canvas .sm-social {overflow: hidden;}
.sm-social-canvas .sm-social .sm-social-intro {position: relative;margin-bottom: 60px;z-index: 100;}
.sm-social-canvas .sm-social .sm-social-intro .social-brand {flex-shrink: 0;}
.sm-social-canvas .sm-social .sm-social-intro .social-brand img {width: 50px;height: 50px;padding: 15px;background: #FFFFFF;border-radius: 22px;margin-right: 20px;}
.sm-social-canvas .sm-social .sm-social-intro .social-brand h1 {color: #FFFFFF; text-transform: uppercase; font-size: 3.5rem; margin: 0;}
.sm-social-canvas .sm-social .sm-social-intro .social-details {padding: 20px 0;padding-left: 30px;margin-left: 30px;border-left: 1px solid #FFFFFF;}
.sm-social-canvas .sm-social .sm-social-intro .social-details p {color: #FFFFFF;}
.sm-social-canvas .sm-social .sm-social-intro .social-details .region-select {}
.sm-social-canvas .sm-social .sm-social-intro .social-details .region-select span {color: #FFFFFF; margin-right: 10px;}
.sm-social-canvas .sm-social .sm-social-intro .social-details .region-select .dropdown {}
.sm-social-canvas .sm-social .sm-social-intro .social-details .region-select .dropdown button {background: none; border-radius: 0; border: none; outline: none; border-bottom: 3px solid #FFFFFF; color: #FFFFFF; text-transform: uppercase; font-size: 0.8rem; letter-spacing: 0.06rem;}
.sm-social-canvas .sm-social .sm-social-intro .social-details .region-select .dropdown button:active, .sm-social-canvas .sm-social .sm-social-intro .social-details .region-select .dropdown button:focus {outline: none; box-shadow: none;}
.sm-social-canvas .sm-social .sm-social-intro .social-details .region-select .dropdown .dropdown-menu {width: 100%;text-align: center;border-radius: 0;z-index: 100;}
.sm-social-canvas .sm-social .sm-social-intro .social-details .region-select .dropdown .dropdown-menu a.dropdown-item {}
.sm-social-canvas .sm-social .sm-social-intro .social-details a.button {}
.sm-social-canvas .sm-social .sm-social-entry {position: relative;overflow: hidden;z-index: 50;width: 100%;}
.sm-social-canvas .sm-social .sm-social-entry .social-carousel-canvas {}
.sm-social-canvas .sm-social .sm-social-entry .social-carousel-canvas .social-carousel-nav {position: absolute;bottom: 0;right: 0;z-index: 11;}
.sm-social-canvas .sm-social .sm-social-entry .social-carousel-canvas .social-carousel-nav button {border: none; opacity: 0.5; width: 44px; height: 44px; background: url(../images/icons/general/white-circle-arrow.svg); -webkit-transition: 0.1s all linear!important; -moz-transition: 0.1s all linear!important; -ms-transition: 0.1s all linear!important;}
.sm-social-canvas .sm-social .sm-social-entry .social-carousel-canvas .social-carousel-nav button.owl-prev {transform: rotate(180deg); margin-right: 10px;}
.sm-social-canvas .sm-social .sm-social-entry .social-carousel-canvas .social-carousel-nav button.owl-next {}
.sm-social-canvas .sm-social .sm-social-entry .social-carousel-canvas .social-carousel-nav button span {display: none;}
.sm-social-canvas .sm-social .sm-social-entry .social-carousel-canvas .social-carousel-nav button:focus {outline: none;}
.sm-social-canvas .sm-social .sm-social-entry .social-carousel-canvas .social-carousel-nav button:hover {opacity: 1;}
.sm-social-canvas .sm-social .sm-social-entry .social-carousel-canvas .social-carousel {overflow: hidden;}
.sm-social-canvas .sm-social .sm-social-entry .social-carousel-canvas .social-carousel .item {overflow: hidden;}

/*Social Media - Facebook*/
.sm-facebook-canvas {background: #3B5998;}
.sm-social-canvas .sm-social .sm-social-intro .social-brand img.facebook-icon {}
.sm-social-canvas .sm-social .sm-social-entry a.button-facebook {margin-right: 40px; flex-shrink: 0;}
.sm-facebook-entry .social-carousel-canvas .social-carousel .social-fb-post {}
.sm-facebook-entry .social-carousel-canvas .social-carousel .social-fb-post img.post-image {width: 200px;}
.sm-facebook-entry .social-carousel-canvas .social-carousel .social-fb-post .post-content {margin-left: 40px;}
.sm-facebook-entry .social-carousel-canvas .social-carousel .social-fb-post .post-content .post-head {margin-bottom: 20px;}
.sm-facebook-entry .social-carousel-canvas .social-carousel .social-fb-post .post-content .post-head img {width: 55px; height: 55px; border-radius: 50%;}
.sm-facebook-entry .social-carousel-canvas .social-carousel .social-fb-post .post-content .post-head .post-head-info {margin-left: 20px;}
.sm-facebook-entry .social-carousel-canvas .social-carousel .social-fb-post .post-content .post-head .post-head-info h3 {font-family: "Heebo", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; font-weight: 500; color: #97CB5D; font-size: 1rem; margin-bottom: 0;}
.sm-facebook-entry .social-carousel-canvas .social-carousel .social-fb-post .post-content .post-head .post-head-info .date {color: #FFFFFF; font-size: 0.8rem; letter-spacing: 0.06rem; text-transform: uppercase;}
.sm-facebook-entry .social-carousel-canvas .social-carousel .social-fb-post .post-content .post-body {}
.sm-facebook-entry .social-carousel-canvas .social-carousel .social-fb-post .post-content .post-body p {color: #FFFFFF;}
.sm-facebook-entry .social-carousel-canvas .social-carousel .social-fb-post .post-content .post-body a {color: #97CB5D;}

/*Social Media - Youtube*/
.sm-youtube-canvas {background: #EEEEEE;}
.sm-youtube-canvas .sm-social .sm-social-intro .social-brand img.youtube-icon {}
.sm-youtube-canvas .sm-social .sm-social-intro .social-brand h1 {color: #000000;}
.sm-youtube-canvas .sm-social .sm-social-intro .social-details {border-left: 1px solid #AAAAAA;}
.sm-youtube-canvas .sm-social .sm-social-intro .social-details p {color: #000000;}

/*Social Media - Instagram*/
.sm-instagram-canvas {background: #f09433; background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );}
.sm-social-canvas .sm-social .sm-social-intro .social-brand img.instagram-icon {}
.sm-instagram-canvas .sm-social .sm-social-intro .social-details p {margin: 0;}
.sm-instagram-entry {}
.sm-instagram-entry .ig-photos {}
.sm-instagram-entry .ig-photos a.ig-photos-link {display: inline-block;width: 170px; height: 170px; padding: 0 30px;font-family: "Heebo", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;font-size: 0.9rem;font-weight: 600;line-height: 52px;letter-spacing: 0.08rem;text-align: center;background: #000000;color: #FFFFFF;text-transform: uppercase;-webkit-transition: 0.1s all linear!important;-moz-transition: 0.1s all linear!important;-ms-transition: 0.1s all linear!important;}
.sm-instagram-entry .ig-photos a.ig-photos-link:hover {background: #222222;}
.sm-instagram-entry .ig-left a.ig-photos-link {}
.sm-instagram-entry .ig-right a.ig-photos-link {}
.sm-instagram-entry .ig-photos a.ig-photos-link.gitiglobal {background: url(../images/social-media/instagram/qr-gitiglobal.svg) center center no-repeat; background-size: 100%;}
.sm-instagram-entry .ig-photos a.ig-photos-link.gitiracing {background: url(../images/social-media/instagram/qr-gitiracing.svg) center center no-repeat; background-size: 100%;}
.sm-instagram-entry .ig-photos .ig-photo-gallery {padding: 0 10px;text-align: center;}
.sm-instagram-entry .ig-left .ig-photo-gallery {border-right: 1px solid #FFFFFF;}
.sm-instagram-entry .ig-photos .ig-photo-gallery a {display: inline-block;width: 110px;margin: 2px 0;}
.sm-instagram-entry .ig-photos .ig-photo-gallery a img {display: inline-block; width: 100%;}
.sm-instagram-entry .ig-photos .ig-photo-gallery a:hover {opacity: 0.8;}

/*Social Media - Linkedin*/
.sm-linkedin-canvas {background: url(../images/backgrounds/sm-in-bg.jpg) center center no-repeat; background-size: cover;}
.sm-linkedin-canvas .sm-social .sm-social-intro {margin: 0;}
.sm-social-canvas .sm-social .sm-social-intro .social-brand img.linkedin-icon {}
.sm-linkedin-entry .social-carousel-canvas .social-carousel .social-in-post img.post-image {width: auto;}
.sm-linkedin-entry .social-carousel-canvas .social-carousel .social-in-post .post-content {margin-left: 40px;}
.sm-linkedin-entry .social-carousel-canvas .social-carousel .social-in-post .post-content .post-head {margin-bottom: 20px;}
.sm-linkedin-entry .social-carousel-canvas .social-carousel .social-in-post .post-content .post-head img {width: 100px;}
.sm-linkedin-entry .social-carousel-canvas .social-carousel .social-in-post .post-content .post-head .post-head-info {margin-left: 20px;}
.sm-linkedin-entry .social-carousel-canvas .social-carousel .social-in-post .post-content .post-head .post-head-info h3 {font-family: "Heebo", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; font-weight: 500; color: #97CB5D; font-size: 1rem; margin-bottom: 0;}
.sm-linkedin-entry .social-carousel-canvas .social-carousel .social-in-post .post-content .post-body {}
.sm-linkedin-entry .social-carousel-canvas .social-carousel .social-in-post .post-content .post-body p {color: #FFFFFF;}
.sm-linkedin-entry .social-carousel-canvas .social-carousel .social-in-post .post-content .post-body a {}

/*Social Media - Weibo*/
.sm-weibo-canvas {background: #FEA200;}
.sm-weibo-canvas .sm-social .sm-social-intro {margin: 0;}
.sm-social-canvas .sm-social .sm-social-intro .social-brand img.weibo-icon {}

/*Social Media - WeChat*/
.sm-wechat-canvas {background: #24B655;}
.sm-wechat-canvas .sm-social .sm-social-intro {margin: 0;}
.sm-wechat-canvas .sm-social .sm-social-intro .social-details p {margin: 0;}
.sm-social-canvas .sm-social .sm-social-intro .social-brand img.wechat-icon {}
.sm-social-canvas .sm-social .sm-social-intro img.qr-code {margin-left: 30px;}

/*Social Media - SHARE*/
.sm-share-canvas {background: #FFFFFF url(../images/backgrounds/sm-share-bg.png) left -100px bottom -100px no-repeat;}
.sm-share-canvas .sm-social {}
.sm-share-canvas .sm-social .sm-social-intro .social-brand {flex-shrink: 0;}
.sm-share-canvas .sm-social .sm-social-intro .social-brand h1 {color: #000000;}
.sm-share-canvas .sm-social .sm-social-intro .social-details {border-left: 1px solid #AAAAAA;}
.sm-share-canvas .sm-social .sm-social-intro .social-details p {color: #000000;}
.sm-share-canvas .sm-social .sm-share-form-canvas .sm-share-form {width: 55%;}
.sm-share-canvas .sm-social .sm-share-form-canvas .sm-share-form input {font-size: 0.9rem;display: block;width: 100%;margin-bottom: 20px;background: none;border: none;padding: 8px 10px;border-bottom: 2px solid #000000;}
.sm-share-canvas .sm-social .sm-share-form-canvas .sm-share-form textarea {font-size: 0.9rem;display: block;width: 100%;margin-bottom: 20px;padding: 12px;border: 1px solid #DDDDDD;}
.sm-share-canvas .sm-social .sm-share-form-canvas .sm-share-form .custom-file {margin-bottom: 30px;}


/*Social Media Buttons*/
.button-social {display: inline-block; min-width: 220px; padding: 0 30px; height: 50px; border-radius: 50px; font-family: "Heebo", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; font-size: 0.9rem; font-weight: 600; line-height: 52px; letter-spacing: 0.08rem; text-align: center; background: #FFFFFF; color: #000000; text-transform: uppercase; -webkit-transition: 0.1s all linear!important; -moz-transition: 0.1s all linear!important; -ms-transition: 0.1s all linear!important;}
.button-facebook {color: #3B5998;background: #FFFFFF url(../images/social-media/icons/sm-fb-icon.svg) left 30px center no-repeat !important;padding-left: 55px;}
.button-youtube {color: #FFFFFF;background: #D52A2C url(../images/icons/social/white-youtube-logo.svg) left 30px center no-repeat !important;padding-left: 55px;}
.button-linkedin {color: #FFFFFF;background: none;border: 3px solid #FFFFFF;line-height: 45px;}
.button-linkedin:hover {background: #FFFFFF; color: #555555;}
.button-weibo {color: #FFFFFF;background: none;border: 3px solid #FFFFFF;line-height: 45px;}
.button-weibo:hover {background: #FFFFFF; color: #FEA200;}

/*Video Gallery*/
.vg-canvas {border-top: 10px solid #000000; padding: 70px 0 40px 0; background: url(../images/backgrounds/vg-bg.png) center center no-repeat; background-size: cover;}
.vg-canvas .vg-tabs-canvas {}
.vg-canvas .vg-tabs-canvas .vg-tabs {}
.vg-canvas .vg-tabs-canvas .vg-tabs ul.nav-tabs {border: none;}
.vg-canvas .vg-tabs-canvas .vg-tabs ul.nav-tabs li {margin: 0 7px 10px 7px;}
.vg-canvas .vg-tabs-canvas .vg-tabs ul.nav-tabs li .nav-link {border: none;font-size: 0.9rem; background: #242424; color: #FFFFFF; font-weight: 500; text-transform: uppercase; border-radius: 50px; padding: 13px 15px;}
.vg-canvas .vg-tabs-canvas .vg-tabs ul.nav-tabs li .nav-link.active {background: #FFFFFF; color: #000000;}
.vg-canvas .vg-tabs-canvas .vg-tabs .tab-content {padding: 30px 0 0 0;}

/*Subscribe*/
.subscribe-canvas {padding: 70px 0;}
.subscribe-canvas .subscribe {}
.subscribe-canvas .subscribe .subscribe-main {width: 60%; padding: 50px; background: #000000;}
.subscribe-canvas .subscribe .subscribe-main .subscribe-head {padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid #97CB5D;}
.subscribe-canvas .subscribe .subscribe-main .subscribe-head h1 {color: #FFFFFF; font-size: 2.5rem; margin: 0;}
.subscribe-canvas .subscribe .subscribe-main .subscribe-form {margin-bottom: 30px;}
.subscribe-canvas .subscribe .subscribe-main .subscribe-form form {}
.subscribe-canvas .subscribe .subscribe-main .subscribe-form input {width: 100%;padding: 0 30px!important;margin-bottom: 10px;height: 50px;border: none;border-radius: 50px;}
.subscribe-canvas .subscribe .subscribe-main .subscribe-form select {font-size: 1rem; width: 100%; padding: 0 30px!important; margin-bottom: 15px; height: 50px; border: none; border-radius: 50px;}
.subscribe-canvas .subscribe .subscribe-main .subscribe-form button {margin-top: 20px;}
.subscribe-canvas .subscribe .subscribe-main .subscribe-footer {}
.subscribe-canvas .subscribe .subscribe-main .subscribe-footer p {color: rgba(255,255,255,0.5);}
.subscribe-canvas .subscribe .subscribe-main .subscribe-footer .social-links ul li {display: inline-block;}
.subscribe-canvas .subscribe .subscribe-main .subscribe-footer .social-links ul li a {display: inline-block; margin: 0 5px; opacity: 1; width: 50px; height: 50px; background-color: #999999; border-radius: 50%; background-repeat: no-repeat; background-position: center center;}
.subscribe-canvas .subscribe .subscribe-main .subscribe-footer .social-links ul li a.facebook-link {background-image: url(../images/icons/social/black-facebook-logo.svg); background-size: 10px;}
.subscribe-canvas .subscribe .subscribe-main .subscribe-footer .social-links ul li a.instagram-link {background-image: url(../images/icons/social/black-instagram-logo.svg); background-size: 20px;}
.subscribe-canvas .subscribe .subscribe-main .subscribe-footer .social-links ul li a.linkedin-link {background-image: url(../images/icons/social/black-linkedin-logo.svg); background-size: 20px;}
.subscribe-canvas .subscribe .subscribe-main .subscribe-footer .social-links ul li a.youtube-link {background-image: url(../images/icons/social/black-youtube-logo.svg); background-size: 20px;}
.subscribe-canvas .subscribe .subscribe-main .subscribe-footer .social-links ul li a:hover {background-color: #97CB5D;}
.subscribe-canvas .subscribe .subscribe-graphic {width: 40%; position: relative; background: #97CB5D;}
.subscribe-canvas .subscribe .subscribe-graphic img {display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}


/*Join Giti - Intro*/
.jg-intro-canvas {padding: 50px 70px; background: #97CB5D; overflow: hidden;}
.jg-intro-canvas .jg-intro {position: relative;}
.jg-intro-canvas .jg-intro .jg-intro-icon {position: absolute; left: 0; bottom: -170px;}
.jg-intro-canvas .jg-intro .jg-intro-icon img {}
.jg-intro-canvas .jg-intro .jg-intro-entry {padding-left: 330px;}
.jg-intro-canvas .jg-intro p {color: #000000; font-size: 1.5rem;}
.jg-intro-canvas .jg-intro p:last-child {margin: 0;}

/*Join Giti - Main*/
.jg-main-canvas {padding: 50px 70px;}
.jg-main-canvas .jg-main {}
.jg-main-canvas .jg-main .jg-nav-canvas {position: relative; padding: 50px 30px 30px 30px; width: 360px; margin-right: 50px; background: #F1F1F1;}
.jg-main-canvas .jg-main .jg-nav-canvas h2 {font-size: 1.7rem; margin-bottom: 20px;}
.jg-main-canvas .jg-main .jg-nav-canvas .jg-tire-icon {text-align: center;margin-top: -101px;margin-bottom: 20px;}
.jg-main-canvas .jg-main .jg-nav-canvas .jg-tire-icon img {}
.jg-main-canvas .jg-main .jg-nav-canvas .jg-nav {border: none;}
.jg-main-canvas .jg-main .jg-nav-canvas .jg-nav ul.nav {border: none;}
.jg-main-canvas .jg-main .jg-nav-canvas .jg-nav ul.nav li.nav-item {text-align: left; margin-bottom: 10px;}
.jg-main-canvas .jg-main .jg-nav-canvas .jg-nav ul.nav li.nav-item:last-child {margin: 0;}
.jg-main-canvas .jg-main .jg-nav-canvas .jg-nav ul.nav li.nav-item a.nav-link {padding: 10px 30px; background: #D2D2D2; border-radius: 50px;color: #000000;font-size: 1.1rem;line-height: 1.5rem;}
.jg-main-canvas .jg-main .jg-nav-canvas .jg-nav ul.nav li.nav-item a.active {font-weight: bold; background: #97CB5D;}
.jg-main-canvas .jg-main .jg-nav-canvas .jg-nav ul.nav li.nav-item a.nav-link img {width: 40px; margin-right: 20px;}
.jg-main-canvas .jg-main .jg-form-canvas {width: calc(100% - 410px);}
.jg-main-canvas .jg-main .jg-form-canvas .tab-content {}
.jg-main-canvas .jg-main .jg-form-canvas .tab-content .tab-pane {}
.jg-main-canvas .jg-main .jg-form-canvas .tab-content .tab-pane .jg-form {}
.jg-main-canvas .jg-main .jg-form-canvas .tab-content .tab-pane .jg-form .form-head {position: relative;}
.jg-main-canvas .jg-main .jg-form-canvas .tab-content .tab-pane .jg-form .form-head h2 {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size: 2.8rem;color: #FFFFFF;z-index: 12;}
.jg-main-canvas .jg-main .jg-form-canvas .tab-content .tab-pane .jg-form .form-head .overlay {z-index: 11;}
.jg-main-canvas .jg-main .jg-form-canvas .tab-content .tab-pane .jg-form .form-head img {width: 100%; position: relative; z-index: 10;}
.jg-main-canvas .jg-main .jg-form-canvas .tab-content .tab-pane .jg-form .form-main {padding: 30px; background: #F5F5F5;}
.jg-main-canvas .jg-main .jg-form-canvas .tab-content .tab-pane .jg-form .form-main p {}
.jg-main-canvas .jg-main .jg-form-canvas .tab-content .tab-pane .jg-form .form-main {}
.jg-main-canvas .jg-main .jg-form-canvas .tab-content .tab-pane .jg-form .form-main input {width: 100%; padding: 0 20px; margin-bottom: 5px; height: 50px; border: 1px solid #999999;}
.jg-main-canvas .jg-main .jg-form-canvas .tab-content .tab-pane .jg-form .form-main select {width: 100%; padding: 0 20px; margin-bottom: 5px; height: 50px; border: 1px solid #999999;}
.jg-main-canvas .jg-main .jg-form-canvas .tab-content .tab-pane .jg-form .form-main .form-group {padding: 20px; background: #FFFFFF; border: 1px dashed #000000;}
.jg-main-canvas .jg-main .jg-form-canvas .tab-content .tab-pane .jg-form .form-main .form-group label {font-weight: 500;}
.jg-main-canvas .jg-main .jg-form-canvas .tab-content .tab-pane .jg-form .form-main .form-group input {padding: 0; border: none; height: auto;}
.jg-main-canvas .jg-main .jg-form-canvas .tab-content .tab-pane .jg-form .form-main textarea {width: 100%; padding: 20px 20px; margin-bottom: 5px; border: 1px solid #999999;}
.jg-main-canvas .jg-main .jg-form-canvas .tab-content .tab-pane .jg-form .form-main .form-commands {}
.jg-main-canvas .jg-main .jg-form-canvas .tab-content .tab-pane .jg-form .form-main .form-commands button {}
.jg-main-canvas .jg-main .jg-form-canvas .jg-contact {padding: 50px 80px; background: url(../images/backgrounds/jg-form-footer-bg.jpg) center center no-repeat; background-size: cover;}
.jg-main-canvas .jg-main .jg-form-canvas .jg-contact h2 {color: #97CB5D;}
.jg-main-canvas .jg-main .jg-form-canvas .jg-contact p {font-size: 1.2rem; color: #FFFFFF;}
.jg-main-canvas .jg-main .jg-form-canvas .jg-contact a {}


/*Search Results*/
.search-results-canvas {}
.search-results-canvas .sr {}
.search-results-canvas .sr .sr-head {height: 200px;margin-bottom: 20px;}
.search-results-canvas .sr .sr-head .search-field {}
.search-results-canvas .sr .sr-head .search-field input[type="text"] {width: calc(100% - 100px); height: 60px; padding: 10px 20px; border: none;}
.search-results-canvas .sr .sr-head .search-field button {width: 100px; height: 60px; flex-shrink: 0; border: none; background: #97CB5D url(../images/icons/general/black-search.svg) center center no-repeat; transition: 0.2s all linear; -webkit-transition: 0.2s all linear; -moz-transition: 0.2s all linear; -ms-transition: 0.2s all linear;}
.search-results-canvas .sr .sr-head .search-field button:hover {background: #F1F1F1 url(../images/icons/general/black-search.svg) center center no-repeat; }
.search-results-canvas .sr .r-head {display: block; background: #F1F1F1; padding: 10px 20px; margin-bottom: 30px;}
.search-results-canvas .sr .r-head .results-count {}
.search-results-canvas .sr .r-head .results-count .results-query {}
.search-results-canvas .sr .results {margin-bottom: 40px;}
.search-results-canvas .sr .results .result {margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #E3E3E3;}
.search-results-canvas .sr .results .result a.thumb-link {width: 285px; flex-shrink: 0;}
.search-results-canvas .sr .results .result a.thumb-link img {display: inline-block; width: 100%;}
.search-results-canvas .sr .results .result .result-excerpt {padding: 5px 0 0 20px;}
.search-results-canvas .sr .results .result .result-excerpt a.title {display: inline-block;}
.search-results-canvas .sr .results .result .result-excerpt a.title h4 {font-family: "Heebo", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; font-weight: 500; font-size: 1.2rem; line-height: 1.7rem; -webkit-transition: 0.1s all linear!important; -moz-transition: 0.1s all linear!important; -ms-transition: 0.1s all linear!important;}
.search-results-canvas .sr .results .result .result-excerpt p {}
.search-results-canvas .sr .results .result .result-excerpt a.url {text-transform: uppercase; font-size: 0.8rem; padding-left: 10px; border-left: 3px solid #97CB5D;}
.search-results-canvas .sr .results .result .result-excerpt a.url:hover {text-decoration: underline;}
.search-results-canvas .sr .results-pagination {margin-bottom: 30px;}
.search-results-canvas .sr .results-pagination {}
.search-results-canvas .sr .results-pagination a {}
.search-results-canvas .sr .results-pagination .page-item.active .page-link {background-color: #97CB5D; border-color: #97CB5D; color: #000000;}
.search-results-canvas .sr .results-pagination .page-item.disabled .page-link {color: #3B3B3B;}
.search-results-canvas .sr .results-pagination .page-link {color: #000000; text-transform: uppercase; font-size: 0.8rem; font-weight: 500;}

/*404*/
.pnf-canvas {padding: 100px 0;}
.pnf-canvas .pnf {width: 500px; margin: 0 auto; text-align: center;}
.pnf-canvas .pnf img {margin-bottom: 50px;}
.pnf-canvas .pnf h1 {background: #97CB5D; padding: 7px 20px;}
.pnf-canvas .pnf p {margin: 0;}

/*MOBILE ELEMENTS*/
/*MOBILE Main Header*/
.mobile-header {display: none;}
.mobile-header a.mobile-regional-sites-link {position: relative;overflow: hidden;flex-shrink: 0;width: 80px;height: 60px;line-height: 0.9rem;font-size: 0.8rem;text-transform: uppercase;font-weight: bold;color: #000000;background: #FCCF00;text-align: center;}
.mobile-header a.mobile-regional-sites-link .world-icon {position: absolute; top: 25px; left: -14px; opacity: 0.3; display: inline-block; width: 60px; height: 60px; background: url(../images/icons/general/black-world.svg) center center no-repeat; background-size: 100%;}
.mobile-header a.mobile-regional-sites-link:hover .world-icon, 
.mobile-header a.mobile-regional-sites-link.active .world-icon {opacity: 0.7;}
.mobile-language-selector {}
.mobile-language-selector a.mobile-language-select {position: relative;overflow: hidden;flex-shrink: 0;width: 80px;height: 60px;line-height: 1rem;font-size: 0.8rem;text-transform: uppercase;font-weight: bold;color: #FFFFFF;background: #005d2e;border-right: 1px solid rgba(255,255,255,0.2);}
.mobile-language-selector a.mobile-language-select .language-icon {position: absolute; top: 25px; left: -14px; opacity: 0.3; display: inline-block; width: 60px; height: 60px; background: url(../images/icons/general/white-language-icon.svg) center center no-repeat; background-size: 100%;}
.mobile-language-selector a.mobile-language-select:hover .language-icon, 
.mobile-language-selector a.mobile-language-select.active .language-icon {opacity: 0.7;}
.mobile-language-selector ul.language-list {display: none; background: #000000; text-align: center;}
.mobile-language-selector ul.language-list li {border: 1px solid rgba(255,255,255,0.2);}
.mobile-language-selector ul.language-list li:last-child {border-top: none;}
.mobile-language-selector ul.language-list li a {display: block; color: #FFFFFF; width: 100%; padding: 20px; text-transform: uppercase;}
.mobile-language-selector ul.language-list li a:hover {color: #97CB5D;}
.mobile-header .mobile-menu-selector {position: relative; width: 80px;}
.mobile-header .mobile-menu-selector .mobile-menu-select {background: #4CAF50;width: 80px;text-align: center;}
.mobile-menu {display: none;position: fixed;top: 60px;z-index: 100;max-height: calc(100vh - 90px);overflow: hidden;overflow-y: auto;background: #4CAF50;width: 100%;border-top: 1px solid #fccf00;}
.mobile-menu .search-box {position: relative; padding: 20px;}
.mobile-menu .search-box input {width: 100%; height: 44px; border: none; padding: 8px 65px 8px 15px;}
.mobile-menu .search-box button.search-button {position: absolute; top: 22px; right:20px; width: 50px; height: 42px; border: none; background: #F5F5F5 url(../images/icons/general/black-search.svg) center center no-repeat; background-size: 40%;}
.mobile-menu ul.menu-links {}
.mobile-menu ul.menu-links li.dropdown {border-top: 1px solid rgba(255,255,255,0.2);}
.mobile-menu ul.menu-links li.dropdown > a {display: flex; width: 100%; padding: 20px; text-transform: uppercase; color: #FFFFFF;}
.mobile-menu ul.menu-links li.dropdown > a .hamburger-box {height: 15px;}
.mobile-menu ul.menu-links li.dropdown > a .hamburger-inner, 
.mobile-menu ul.menu-links li.dropdown > a .hamburger-inner::before, 
.mobile-menu ul.menu-links li.dropdown > a .hamburger-inner::after {width: 10px;height: 1px;background: #fccf00;}
.mobile-menu ul.menu-links li.dropdown > a .hamburger-box {width: 10px;}
.mobile-menu ul.menu-links li.dropdown > a:hover {color: #fccf00;opacity: 1;}
.mobile-menu ul.menu-links li.dropdown ul.sub-menu-links {display: none;background: #005d2e;/* text-align: center; */padding: 15px 5px 10px 5px;border-top: 1px solid #97CB5D;border-bottom: 1px solid #97CB5D;}
.mobile-menu ul.menu-links li.dropdown ul.sub-menu-links li {display: inline-block; width: calc(25% - 10px); margin: 3px;}
/*.mobile-menu ul.menu-links li.dropdown ul.sub-menu-links li a {display: block; padding: 15px 20px 15px 40px; text-transform: uppercase; color: #FFFFFF;}
.mobile-menu ul.menu-links li.dropdown ul.sub-menu-links li a:hover {color: #97CB5D;}*/
.mobile-menu ul.menu-links li.dropdown ul.sub-menu-links li a {background-repeat: no-repeat; display: block; background-size: 100%; width: 100%; height: 120px; text-align: center; position: relative;}
.mobile-menu ul.menu-links li.dropdown ul.sub-menu-links li a:hover {}
.mobile-menu ul.menu-links li.dropdown ul.sub-menu-links li a span {display: flex;align-items: center;text-align: center;justify-content: center;width: 100%;height: 38px;padding: 5px 10px;background: #fccf00;color: #000000;font-weight: 500;position: absolute;bottom: 0;font-size: 0.8rem;line-height: 1rem;-webkit-transition: 0.1s all linear;-moz-transition: 0.1s all linear;-ms-transition: 0.1s all linear;}
.mobile-menu ul.menu-links li.dropdown ul.sub-menu-links li a:hover span {height: 100%;}
.mobile-menu .mobile-menu-footer {display: block; border-top: 1px solid rgba(255,255,255,0.2);}
.mobile-menu .mobile-menu-footer .social-links {padding: 20px; text-align: center;}
.mobile-menu .mobile-menu-footer .social-links ul li {display: inline-block;}
.mobile-menu .mobile-menu-footer .social-links a {display: inline-block;border-radius: 3px;margin: 0 5px;color: #FFFFFF;width: 30px;height: 30px;}
.mobile-menu .mobile-menu-footer .social-links a.facebook-link {background: url(../images/icons/social/top-social-icons.svg) no-repeat;background-position: 12px 6px;background-size: 160px;}
.mobile-menu .mobile-menu-footer .social-links a.facebook-link:hover {background-position: 12px -27px;}
.mobile-menu .mobile-menu-footer .social-links a.instagram-link {background: url(../images/icons/social/top-social-icons.svg) no-repeat;background-position: -33px 6px;background-size: 160px;}
.mobile-menu .mobile-menu-footer .social-links a.instagram-link:hover {background-position: -33px -27px;}
.mobile-menu .mobile-menu-footer .social-links a.linkedin-link {background: url(../images/icons/social/top-social-icons.svg) no-repeat;background-position: -81px 6px;background-size: 160px;}
.mobile-menu .mobile-menu-footer .social-links a.linkedin-link:hover {background-position: -81px -27px;}
.mobile-menu .mobile-menu-footer .social-links a.youtube-link {background: url(../images/icons/social/top-social-icons.svg) no-repeat;background-position: -131px 6px;background-size: 160px;}
.mobile-menu .mobile-menu-footer .social-links a.youtube-link:hover {background-position: -131px -27px;}
.mobile-menu .mobile-menu-footer .gallery-link-room {display: none;}
.mobile-menu .mobile-menu-footer .gallery-link-room a.gallery-link {display: inline-block;padding: 21px 20px 21px 54px;color: #97CB5D;background: url(../images/icons/general/top-gallery-icons.svg) no-repeat;background-position: 17px 17px;background-size: 27px;}
.mobile-menu .mobile-menu-footer .gallery-link-room a.gallery-link:hover {background-position: 17px -29px;color: #FFFFFF;}
.mobile-menu .mobile-menu-footer .mobile-language-selector {display: none;}
.mobile-menu .mobile-menu-footer .mobile-language-selector a.mobile-language-select {width: 80px;height: 65px;background: #005d2e;border-right: none;color: #ffffff;}
.mobile-menu .mobile-menu-footer .mobile-language-selector a.mobile-language-select .language-icon {}
.mobile-menu .mobile-menu-footer .mobile-language-selector a.mobile-language-select:hover .language-icon, 
.mobile-menu .mobile-menu-footer .mobile-language-selector a.mobile-language-select.active .language-icon {opacity: 0.7;}
.mobile-menu ul.language-list {display: none; background: #000000; text-align: center;}
.mobile-menu ul.language-list li {border: 1px solid rgba(255,255,255,0.2);}
.mobile-menu ul.language-list li:last-child {border-top: none;}
.mobile-menu ul.language-list li a {display: block; color: #FFFFFF; width: 100%; padding: 20px; text-transform: uppercase;}
.mobile-menu ul.language-list li a:hover {color: #97CB5D;}
/*Home News*/
.home-news-mobile-title {display: none;background: #000000;padding: 0;margin-bottom: 20px;text-align: center;}
.home-news-mobile-title h1 {color: #000000;background: #97CB5D;margin: 0;font-size: 1.5rem;}


/*RESPONSIVENESS*/
@media (max-width: 1280px) {

  /*General template Page*/
  .rev-section-canvas .rev-photo-info .rev-photo {width: 500px;}

  /*Main Header*/
  .main-header-canvas .main-header .left-header nav.main-menu {margin: 0 0 0 40px;}
  .main-header-canvas .main-header .left-header nav.main-menu ul > li > a {padding: 0 14px;font-size: 0.8rem;}

  /*Megamenu*/
  .megamenu-drop .megamenu-canvas .megamenu .megamenu-main a.menu-link .link-title {font-size: 0.8rem;line-height: 1.1rem;}

  /*Main Footer*/
  .footer-copyright-canvas .footer-copyright {padding-left: 65px;}
  
}

@media (max-width: 1199px) {

  /*Main Header*/
  .main-header-canvas .main-header .left-header nav.main-menu ul > li > a {padding: 0 10px;font-size: 0.8rem;}

  /*Video Hero*/
  .video-hero-canvas .video-hero-video-bg video {width: 140%;}

  /*General Revamp*/
  .sub-intro-canvas {border-top: 5px solid #000;}
  .sub-intro-canvas .sub-intro {}
  .sub-intro-canvas .sub-intro .entry-canvas {padding: 40px; background-size: 150%; background-position-x: -200px;}
  .sub-intro-canvas .sub-intro .entry-canvas .entry {padding: 0;}
  .sub-intro-canvas .sub-intro .entry-canvas .entry p {font-size: 1.2rem;}
  .rev-section-canvas .rev-photo-info .rev-photo {width: 410px;}
  .rev-section-canvas .rev-photo-info .rev-info h4 {margin-bottom: 10px}
  .rev-section-canvas .rev-photo-info .rev-info div p {font-size: 0.9rem;}
  .rev-section-canvas .rev-photo-info .rev-info {padding: 30px;}
  .rev-section-canvas .rev-photo-info .rev-info div p:last-child {margin-bottom: 0;}

  /*Home About*/
  .home-about-canvas .home-about .about-box .about-box-content a.button {width: 100%;}

  /*Home Map*/
  .sw-map-canvas .sw-map .map {width: 600px;}
  .sw-map-canvas .sw-map .map a.id {top: 364px;right: 20px;}
  .sw-map-canvas .sw-map .map a.my {top: 260px;right: 70px;}
  .sw-map-canvas .sw-map .map a.cn {top: 80px;right: 100px;}

  /*Footer Main*/
  .footer-copyright-canvas .footer-copyright .social-links {display: none;}

  /*News Main - Featured*/
  .news-featured-canvas .news-featured .news-featured-carousel-canvas .news-featured-carousel a.news-article .news-excerpt h2 {font-size: 1.3rem;}

  /*News Single - Body*/
  .news-single-body-canvas .news-single-body .news-photo-gallery a {display: inline-block;width: calc(50% - 5px);}
  .news-single-body-canvas .news-single-body .news-photo-gallery a img {display: block; width: 100%;}

  /*Subscribe*/
  .subscribe-canvas .subscribe .subscribe-graphic img {width: 380px;}

  /*Solutions - Omni*/
  .solutions-omni-canvas .solutions-omni .omni-apps-canvas .omni-apps .omni-app {}
  .solutions-omni-canvas .solutions-omni .omni-apps-canvas .omni-apps .omni-app img {width: 200px;align-self: flex-end;}
  .solutions-omni-canvas .solutions-omni .omni-apps-canvas .omni-apps .omni-app .app-info {padding: 10px 30px 0 0; align-self: flex-start;}

  /*Autocare - Main*/
  .autocare-canvas .autocare .autocare-values .autocare-value .intro {padding: 85px;}
  .autocare-canvas .autocare .autocare-values .autocare-value .intro h3 {font-size: 2rem; line-height: 2rem;}

  /*Autocare - Country*/
  .autocare-country-canvas .autocare-country .country-callout .callout {padding: 60px 30px 50px 120px;}
  .autocare-country-canvas .autocare-country .country-callout .callout.callout-app {background: #4CB050 url(../images/page-assets/autocare-callout-mobile.png) bottom -30px left 0px no-repeat;}
  .autocare-country-canvas .autocare-country .country-callout .callout.callout-inquiry {background: #009147 url(../images/page-assets/autocare-callout-inquire-icon.svg) bottom -10px left 20px no-repeat;background-size: 90px;}
  .autocare-country-canvas .autocare-country .country-callout .callout p {width: 100%;}

}

@media (max-width: 991px) {
   /*Top Header*/
  .top-header-canvas {}
  .top-header-canvas .top-header {font-size: .75rem}
  .top-header-canvas .top-header .social-mobile-links {display: block;padding: 3px 0 0 6px;border-left: none;}
  .top-header-canvas .top-header .breadcrumbs {display: none;}
  .top-header-canvas .top-header .social-links ul.social-links-dropdown {display: none!important;}
  .top-header-canvas .top-header .shortcut-links {padding: 7px 10px;margin-right: 0;}
  .top-header-canvas .top-header .gallery-link-room { border-right: 1px solid rgba(255,255,255,0.1); padding-right: 14px; border-left: none;}
  .top-header-canvas .top-header .social-links {padding: 7px 0 7px 30px;margin-right: 10px;background-position: 12px 9px;}
  .top-header-canvas .top-header .social-links:hover {background-position: 12px -15px;}
  .top-header-canvas .top-header .social-mobile-links a {margin: 0 3px;}
  .top-header-canvas .top-header .language-selector a.language-select {width: 80px;}

  /*Main Header*/
  .main-menu {display: none;}
  .main-header-canvas .main-header {justify-content: flex-end;height: 60px;}
  .main-header-canvas .main-header .left-header {margin-right: auto;}
  .main-header-canvas .main-header .left-header a.logo {margin: 5px 20px 0 0px;}
  .main-header-canvas .main-header .right-header a.regional-sites-link {width: auto;width: 100px;}
  .main-header-canvas .main-header .right-header {}
  .top-header-canvas .top-header .language-selector {/*display: none;*/}
  .mobile-header a.mobile-regional-sites-link {display: none;}
  .mobile-menu .search-box {display: none;}
  .mobile-language-selector {display: none;}

  /*MOBILE Main Header*/
  .mobile-header {display: flex;}


  /*Video*/
  .video-gallery .video.col-md .video-title {font-size: 0.9rem; padding: 50px 40px 30px 20px;}
  .video-gallery .video .play-icon {width: 28px; height: 28px;}

  /*General Tabs*/
  .general-tabs .tab-content {padding: 30px 0;}

  /*General Rev*/
  .rev-section-canvas {}
  .rev-section-canvas p {line-height: 2rem; font-size: 1rem; letter-spacing: .01rem;}
  .rev-section-canvas .rev-photo-info {display: block; padding: 60px;}
  .rev-section-canvas .rev-photo-info .rev-photo {width: 100%; padding: 0;flex-shrink: 0;}
  .rev-section-canvas .rev-photo-info .rev-info {padding: 20px 0 0 0;}
  .rev-section-canvas .rev-photo-info .rev-info div p {font-size: 1rem;}


  /*Home Slider*/
  .home-main-slider .rev_slider ul li .slide-content h1 {font-size: 3rem; line-height: 2.8rem;}

  /*Home News*/
  .home-news-canvas .home-news .row > .col-lg {padding: 0;}
  .home-news-canvas .home-news .featured-article {height: 250px;margin-bottom: 5px;}

  /*Home About*/
  .home-about-canvas {padding: 40px 0;}
  .home-about-canvas .home-about .about-intro {padding: 0; text-align: center; margin-bottom: 30px;}

  /*Home Map*/
  .sw-map-canvas .sw-map .map {display: none;}
  .sw-map-canvas .sw-map .map-intro .details {width: 100%;}


  /*Solutions - Main*/
  .solutions-main-canvas .solutions-main .solutions-boxes .solutions-box {width: 50%;}

  /*Solutions - Omni*/
  .solutions-omni-canvas .solutions-omni .omni-intro {padding: 40px 0;}
  .solutions-omni-canvas .solutions-omni .omni-intro h2 {padding: 0 30px; font-size: 2.3rem;}
  .solutions-omni-canvas .solutions-omni .omni-intro img {width: 100%;}
  .solutions-omni-canvas .solutions-omni .omni-platform {padding: 40px 30px;}
  .solutions-omni-canvas .solutions-omni .omni-platform h5 {width: 100%; font-size: 1.3rem; line-height: 1.7rem;}
  .solutions-omni-canvas .solutions-omni .omni-platform img {width: 100%;}
  .solutions-omni-canvas .solutions-omni .omni-boxes .omni-box {width: 50%;}
  .solutions-omni-canvas .solutions-omni .omni-apps-canvas {padding: 40px 0 0 0;}
  .solutions-omni-canvas .solutions-omni .omni-apps-canvas h5 {width: 100%; padding: 0 30px;}
  .solutions-omni-canvas .solutions-omni .omni-apps-canvas .omni-apps {display: block;}
  .solutions-omni-canvas .solutions-omni .omni-apps-canvas .omni-apps .omni-app {width: 100%; margin-bottom: 8px;}
  .solutions-omni-canvas .solutions-omni .omni-apps-canvas .omni-apps .omni-app:first-child {border: none;}
  .solutions-omni-canvas .solutions-omni .omni-apps-canvas .omni-apps .omni-app img {}
  .solutions-omni-canvas .solutions-omni .omni-apps-canvas .omni-apps .omni-app .app-info {}

  /*Solutions - B2B*/
  .solutions-b2b-canvas .solutions-b2b .solutions-b2b-intro {width: 100%; padding: 0 30px 50px 30px;}
  .solutions-b2b-canvas .solutions-b2b .solutions-b2b-intro h5 {width: 100%;}
  .solutions-b2b-canvas .solutions-b2b .solutions-b2b-intro img.b2b-logos {max-width: 100%;}
  .solutions-b2b-canvas .solutions-b2b .solutions-b2b-intro img.b2b-screen {max-width: 100%;}
  .solutions-b2b-canvas .solutions-b2b .solutions-b2b-features {margin: 0 0 50px 0; display: block; padding: 0 30px;}
  .solutions-b2b-canvas .solutions-b2b .solutions-b2b-features .b2b-feature {width: 100%; margin: 0 0 10px 0;}

  /*Solutions - Autocare*/
  .solutions-autocare-canvas .solutions-autocare .solutions-autocare-intro {width: 100%; padding: 0 30px 50px 30px;}
  .solutions-autocare-canvas .solutions-autocare .solutions-autocare-intro h5 {width: 100%;}
  .solutions-autocare-canvas .solutions-autocare .autocare-countries {width: 100%; padding: 0 20px;}
  .solutions-autocare-canvas .solutions-autocare .autocare-countries a.autocare-country {padding: 15px;}

  /*Autocare - Main*/
  .autocare-canvas .autocare .autocare-values .autocare-value .intro {padding: 80px 65px 65px 65px;}
  .autocare-canvas .autocare .autocare-values .autocare-value .intro h3 {font-size: 1.8rem; line-height: 2rem;}
  .autocare-canvas .autocare .autocare-values .autocare-value .intro p {line-height: 1.3rem;}
  .autocare-canvas .autocare .autocare-intro p {width: 100%;}

  /*About Us*/
  .about-canvas .about .milestones-canvas .milestones {width: 100%; padding: 0 15px;}
  .about-canvas .about .milestones-canvas .milestones .entry {align-items: flex-start;}
  .about-canvas .about .about-solutions h5 {max-width: 100%; padding: 0 15px;}
  .about-canvas .about .about-solutions .solutions {display: block;}
  .about-canvas .about .about-solutions .solutions .solution {margin: 0 auto 20px auto; width: 330px; height: 330px;}
  .about-canvas .about .about-solutions .solutions .solution .solution-inner {width: 330px; height: 330px;}
  .about-contacts-canvas h2 {padding: 0 15px;}
  .about-contacts-canvas .contacts {flex-wrap: wrap; margin: 0 5px 5px 5px;}
  .about-contacts-canvas .contacts .contact {width: calc(50% - 10px); margin: 5px;}


  /*News Featured*/
  .news-featured-canvas {}
  .news-featured-canvas .news-featured .news-featured-inner {display: block;}
  .news-featured-canvas .news-featured .news-featured-inner .news-featured-header {padding: 30px 0; width: 100%;}
  .news-featured-canvas .news-featured .news-featured-inner .news-featured-carousel-canvas {width: 100%;}
  .news-featured-canvas .news-featured .news-featured-carousel-canvas .news-featured-carousel a.news-article .news-excerpt {width: 100%;}
  .news-featured-canvas .video-hero-video-bg {width: 300%;}

  /*News - List*/
  .news-canvas .row {flex-direction: column-reverse;}
  .news-sidebar-canvas {padding: 0; margin-top: 40px;}
  .news-sidebar-canvas .news-sidebar .news-cat-list-canvas .news-cat-list {display: none; padding: 0;border: 1px solid #e3e3e3;}
  .news-sidebar-canvas .news-sidebar .news-cat-list-canvas .news-cat-list ul li a {padding: 10px 30px;border-bottom: 1px solid #e3e3e3;margin: 0;}
  .news-sidebar-canvas .news-sidebar .news-cat-list-canvas .news-cat-list ul li a:hover {background: #FFFFFF;}
  .news-sidebar-canvas .news-sidebar .news-cat-list-canvas .news-cat-list ul li:last-child a {border: none;}
  .news-sidebar-canvas .news-sidebar .news-cat-list-canvas h4 {background: #F1F1F1 url(../images/icons/general/black-filter-solid.svg) center right 20px no-repeat;display: block;font-weight: 600;font-size: 1.3rem;padding: 14px 20px;margin: 0;cursor: pointer;border: 1px solid #CCCCCC;background-size: 16px;transition: 0.2s all linear;-webkit-transition: 0.2s all linear;-moz-transition: 0.2s all linear;-ms-transition: 0.2s all linear;}
  .news-sidebar-canvas .news-sidebar .news-cat-list-canvas h4.active {background: #FFFFFF url(../images/icons/general/black-filter-outline.svg) center right 20px no-repeat;background-size: 16px;}
  .news-sidebar-canvas .news-sidebar .news-featured-videos-canvas {display: none;}
  .news-sidebar-canvas .news-sidebar .news-cat-list-canvas {margin-bottom: 0;}
  .news-list-canvas {padding: 20px 0 0 0;margin-bottom: 0;}
  .news-list-canvas h3 {display: block;padding: 10px;color: #000000;background: #97CB5D;margin: 0;font-size: 1.6rem;text-align: center;}
  .news-list-canvas .news-list {padding: 30px;background: #F5F5F5;}
  .news-list-canvas .news-list article {border-bottom: 1px solid #AAAAAA;justify-content: start;}
  .news-list-canvas .news-list article a.news-thumb {width: 150px;}
  .news-list-canvas .news-list article .news-excerpt {padding: 0 0 0 15px;}
  .news-list-canvas .news-list article .news-excerpt a.news-title h4 {font-size: 1rem;line-height: 1.4rem;margin-bottom: 10px;} 
  .news-list-canvas .news-list article .news-excerpt p {display: none;}
  .news-list-canvas .news-list article .news-excerpt .news-footer a.button-link {display: none;}

  /*Footer Main*/
  .footer-copyright-canvas {height: auto; padding: 20px 0;}
  .footer-copyright-canvas a.footer-logo {display: none;}
  .footer-copyright-canvas .footer-copyright {padding: 0; display: block; text-align: center;}
  .footer-copyright-canvas .footer-copyright .social-links {display: block;}
  .footer-copyright-canvas .footer-copyright .copyright-links {margin-bottom: 10px;}
  .footer-copyright-canvas .footer-copyright .copyright-links ul li {display: inline-block; height: 40px; line-height: 40px; margin: 0 10px;}
  .footer-copyright-canvas .footer-copyright .copyright-links ul li:first-child {margin: 0 10px;}

  /*Investors - Message*/
  .investors-message-canvas .investors-message .investors-message-intro {padding: 0;}
  .investors-message-canvas .investors-message .investors-message-intro h1 {font-size: 1.8rem;}

  /*Social Media*/
  .sm-social-canvas {}
  .sm-social-canvas .sm-social .sm-social-intro {display: block;margin-bottom: 40px;position: relative;z-index: 100;}
  .sm-social-canvas .sm-social .sm-social-intro .social-details {margin-left: 70px; padding: 10px 0 10px 20px;}
  .sm-social-canvas .sm-social .sm-social-entry {display: block;}
  .sm-social-canvas .sm-social .sm-instagram-entry {display: flex;}
  .sm-social-canvas .sm-social .sm-social-entry a.button-facebook {margin: 0 0 0 0;}
  .sm-instagram-entry .ig-photos {display: block;width: 50%;text-align: center;}
  .sm-instagram-entry .ig-photos .ig-photo-gallery {padding: 0; border: none;}
  .sm-instagram-entry .ig-photos a.ig-photos-link {margin-bottom: 20px;}
  .sm-instagram-entry .ig-right {display: flex;flex-direction: column-reverse;}
  .sm-social-canvas .sm-social .sm-social-entry .social-carousel-canvas {padding: 40px 0;}
  .sm-social-canvas .sm-social .sm-social-entry .social-carousel-canvas .social-carousel-in {padding-top: 0;}
  .sm-social-canvas .sm-social .sm-linkedin-entry .social-carousel-canvas {padding: 0;}
  .sm-social-canvas .sm-social .sm-social-entry .social-carousel-canvas .social-carousel-nav {bottom: auto;top: -44px;}
  .sm-weibo-canvas .sm-social .sm-social-intro, .sm-wechat-canvas .sm-social .sm-social-intro {margin-bottom: 0;}
  .sm-social-canvas .sm-social .sm-social-intro img.qr-code {margin: 15px 66px 0 68px;}

  /*Join Giti - Main*/
  .jg-main-canvas .jg-main {display: block;}
  .jg-main-canvas .jg-main .jg-nav-canvas {width: 100%;}
  .jg-main-canvas .jg-main .jg-nav-canvas .jg-nav ul.nav li.nav-item {margin: 5px;}
  .jg-main-canvas .jg-main .jg-nav-canvas .jg-nav ul.nav li.nav-item a {height: 70px;}
  .jg-main-canvas .jg-main .jg-nav-canvas .jg-nav ul.nav li.nav-item a.active {font-weight: normal;}
  .jg-main-canvas .jg-main .jg-form-canvas {width: 100%;}

}

@media (max-width: 767px) {
  /*Mobile Menu*/
  .mobile-menu ul.menu-links li.dropdown ul.sub-menu-links li {display: inline-block; width: calc(33% - 10px);}

  /*Main Header*/
  .main-menu {display: none;}
  .main-header-canvas .main-header {justify-content: flex-end;}
  .main-header-canvas .main-header .left-header {margin-right: auto;}
  .main-header-canvas .main-header .left-header a.logo {margin: 4px 20px 0 0px;}
  .main-header-canvas .main-header .right-header {/*display: none;*/}
  .main-header-canvas .main-header .right-header .main-search {display: none;}
  .top-header-canvas .top-header .language-selector {display: none;}
  .mobile-header a.mobile-regional-sites-link {display: flex;}
  .mobile-menu .search-box {display: block;}
  .mobile-language-selector {display: block;}
  .main-header-canvas .main-header .right-header a.regional-sites-link {}
  .main-header-canvas .main-header .right-header .regional-box {right: 0;}

  /*Videos*/
  .video-gallery .video .play-icon {width: 50px; height: 50px;}
  .video-gallery .video.col-md .video-title {font-size: 1rem;}

  /*General Page*/
  .general-banner-canvas {height: 320px;}
  .general-banner-canvas .general-banner .general-banner-intro {width: 100%;}
  .general-banner-canvas .general-banner .general-banner-intro h1 {font-size: 3rem;}
  .rev-section-canvas h3 {font-size: 1.4rem;}

  /*General Revamp*/
  .sub-intro-canvas {}
  .sub-intro-canvas .sub-intro {display: block;}
  .sub-intro-canvas .sub-intro .entry-canvas {width: 100%; padding: 30px;}
  .sub-intro-canvas .sub-intro .entry-canvas .entry {padding: 0;}
  .sub-intro-canvas .sub-intro .entry-canvas .entry p {text-align: center; font-size: 1.2rem;}
  .sub-intro-canvas .sub-intro .sub-intro-video-canvas {width: 100%;}
  .sub-intro-canvas .sub-intro .sub-intro-photo-canvas {width: 100%;}

  /*Home Main Slider*/
  .home-main-slider {border-bottom: 1px solid #97CB5D; min-height: 200px;}
  .home-main-slider .rev_slider ul li .tp-parallax-wrap {top: 70px!important;}
  .home-main-slider .rev_slider ul li .slide-content {width: 400px!important;}
  .home-main-slider h1.slider-heading {font-size: 3rem;}
  .home-main-slider p.slider-excerpt {min-width: 340px!important;}
  .home-main-slider .rev_slider ul li .slide-content p {padding-right: 0;}

  /*Video Hero*/
  .video-hero-canvas {height: 320px;}
  .video-hero-canvas .video-hero .video-hero-inner {width: 100%;}
  .video-hero-canvas .video-hero .video-hero-inner h1 {font-size: 3rem;}

  /*Home News*/
  .home-news-mobile-title {display: block;}
  .home-news-canvas .home-news {padding: 0 8px;}
  .home-news-canvas .home-news .featured-article {height: auto;display: flex;flex-direction: row-reverse;align-items: center;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #005d2e;}
  .home-news-canvas .home-news .featured-article .overlay {display: none;}
  .home-news-canvas .home-news .featured-article .article-thumbnail {width: 150px;height: 100px;}
  .home-news-canvas .home-news .featured-article .article-title {position: static; transform: none; width: calc(100% - 150px); text-align: left; padding: 0 20px;}
  .home-news-canvas .home-news .featured-article .article-title h2 {font-size: 1.2rem; line-height: 1.4rem; margin-bottom: 0;}
  .home-news-canvas .home-news a.other-article {height: auto;display: flex;flex-direction: row-reverse;align-items: center;margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #555555;}
  .home-news-canvas .home-news a.other-article .overlay {display: none;}
  .home-news-canvas .home-news a.other-article .article-thumbnail {width: 150px;height: 100px;}
  .home-news-canvas .home-news a.other-article .article-title {position: static; transform: none; width: calc(100% - 150px); text-align: left; padding: 0 20px;}
  .home-news-canvas .home-news a.other-article .article-title h3 {font-size: 1.2rem; line-height: 1.4rem; margin-bottom: 0;}
  .home-news-canvas .home-news .news-box {padding: 0 25px 25px 25px; border: none;}
  
  /*Callouts*/
  .callouts-canvas .callouts .callout.subscribe .button {margin-bottom: 30px;}


  /*Solutions - Main*/
  .solutions-main-canvas .solutions-main .solutions-boxes .solutions-box {width: 100%;}
  .solutions-main-canvas .solutions-main .solutions-cases {display: block;}
  .solutions-main-canvas .solutions-main .solutions-cases .solutions-case {width: 100%;}

  /*Solutions - Omni*/
  .solutions-omni-canvas .solutions-omni .omni-boxes .omni-box {padding: 40px;}
  .solutions-omni-canvas .solutions-omni .omni-boxes .omni-box {width: 100%;}
  .solutions-omni-canvas .solutions-omni .omni-callout {text-align: center;}
  .solutions-omni-canvas .solutions-omni .omni-callout p {margin-bottom: 30px;}
  .solutions-omni-canvas .solutions-omni .omni-callout a.callout-button {float: none;}

  /*Solutions - B2B*/
  .solutions-b2b-canvas .solutions-b2b .solutions-b2b-intro {background: #FFFFFF;}
  .solutions-b2b-canvas .solutions-b2b .solutions-b2b-keys-canvas {padding: 50px 15px;}
  .solutions-b2b-canvas .solutions-b2b .solutions-b2b-keys-canvas .solutions-b2b-keys .key {display: block; width: 100%; margin: 5px 0 5px 0;}

  /*Autocare - Main*/
  .autocare-canvas .autocare .autocare-values .autocare-value .intro {padding: 70px 40px 30px 40px;}
  .autocare-canvas .autocare .autocare-values .autocare-value .intro h3 {font-size: 1.5rem; line-height: 1.5rem;}
  .autocare-canvas .autocare .autocare-values .autocare-value img {display: none;}
  .autocare-canvas .autocare .autocare-values .autocare-core {width: 160px; height: 160px;}
  .autocare-canvas .autocare .autocare-values .autocare-core h1 {font-size: 1.8rem; line-height: 1.8rem; margin-top: 53px;}
  .autocare-canvas .autocare .autocare-countries {display: block;}  
  .autocare-canvas .autocare .autocare-countries .autocare-country {width: 100%; border-bottom: 1px solid #e3e3e3;}
  .autocare-canvas .autocare .autocare-countries .autocare-country:last-child {border-bottom: none;}

  /*Autocare - Country*/
  .autocare-country-banner .general-banner-intro {padding: 0; background: none!important; width: 100%!important;}




  /*Social Media*/
  .sm-social-canvas {padding: 40px 0;}
  .sm-social-canvas .sm-social .sm-social-intro .social-details .region-select {display: block;}
  .sm-social-canvas .sm-social .sm-social-intro .social-details .region-select span {display: block;font-weight: 500;margin-bottom: 5px;}
  .sm-social-canvas .sm-social .sm-social-entry .social-carousel-canvas .social-carousel-nav {bottom: auto;top: -45px;}
  .sm-social-canvas .sm-social .sm-social-intro .social-details .region-select .dropdown {display: inline-block;}
  .sm-social-canvas .sm-social .sm-social-intro .social-details .region-select .dropdown button {border: none;background: rgba(255,255,255,0.1);border-radius: 3px;padding: 10px 25px;}
  .sm-social-canvas .sm-social .sm-social-intro .social-details .region-select .dropdown.show button {background: rgba(0,0,0,0.1);}
  .sm-linkedin-entry .social-carousel-canvas .social-carousel .social-in-post {display: block;}
  .sm-linkedin-entry .social-carousel-canvas .social-carousel .social-in-post img.post-image {width: 100%; margin-bottom: 20px;}
  .sm-linkedin-entry .social-carousel-canvas .social-carousel .social-in-post .post-content {margin: 0;}
  .sm-share-canvas .sm-social .sm-share-form-canvas {display: block;}
  .sm-share-canvas .sm-social .sm-share-form-canvas .sm-share-form {width: 100%;background: rgba(255,255,255,0.9);padding: 20px;}
  .sm-share-canvas .sm-social .sm-social-intro .social-details {margin: 0; padding: 0; border: none;}

  /*News Featured*/
  .news-featured-canvas .news-featured .news-featured-header h1 {font-size: 3rem;}

  /*News Main - News List*/
  .news-canvas {}
  .news-canvas .container {padding: 0;max-width: 100%;}
  .news-list-canvas h3 {display: block;padding: 10px;color: #000000;background: #97CB5D;margin: 0;font-size: 1.4rem;text-align: center;text-transform: uppercase;}
  .news-list-canvas .news-list {padding: 30px 10px;background: #F1F1F1;}
  .news-list-canvas .news-list article {border-bottom: 1px solid #AAAAAA;justify-content: start;}
  .news-list-canvas .news-list article a.news-thumb {width: 150px;}
  .news-list-canvas .news-list article .news-excerpt {padding: 0 0 0 15px;}
  .news-list-canvas .news-list article .news-excerpt a.news-title h4 {font-size: 1rem;line-height: 1.4rem;margin-bottom: 10px;} 
  .news-list-canvas .news-list article .news-excerpt p {display: none;}
  .news-list-canvas .news-list article .news-excerpt .news-footer a.button-link {display: none;}

  /*News Single - Head*/
  .news-single-head-canvas .news-single-head h1 {font-size: 3rem;}
  .news-single-head-canvas .news-single-head .news-single-head-footer {display: block;}
  .news-single-head-canvas .news-single-head .news-single-head-footer .cat-date {margin-bottom: 20px;}

  /*News Single - Body*/
  .news-single-body-canvas {padding: 40px 0;}
  .news-single-body-canvas .news-single-body {padding: 0;}
  .news-single-sidebar-canvas {padding: 0 0 40px 0;}

  /*Contact*/
  .compliance-canvas .compliance .compliance-intro {margin-bottom: 20px;}

  /*Sitemap*/
  .sitemap-canvas .sitemap {padding: 0;}
 
  /*Search Results*/
  .search-results-canvas .sr .results .result {display: block; padding-bottom: 30px; margin-bottom: 30px;}
  .search-results-canvas .sr .results .result a.thumb-link {display: block; width: 100%; margin-bottom: 20px;}
  .search-results-canvas .sr .results .result .result-excerpt {padding: 0;}
}

@media (max-width: 575px) {
  /*General*/
  h1 {font-size: 2.3rem;}
  h2 {font-size: 2rem;}

  /*IP Box*/
  .ipbox-backdrop .ipbox-canvas {/* margin: 10px; */max-width: calc(100% - 20px);}
  .ipbox-backdrop .ipbox-canvas .ipbox {padding-bottom: 20px;}
  .ipbox-backdrop .ipbox-canvas .ipbox h1 {font-size: 1.3rem;padding: 12px;margin-bottom: 10px;}
  .ipbox-backdrop .ipbox-canvas .ipbox p {font-size: 1rem;margin-bottom: 7px;}
  .ipbox-backdrop .ipbox-canvas .ipbox .form-check {width: calc(100% - 30px); margin: 0 auto;}
  .ipbox-backdrop .ipbox-canvas .ipbox .form-check label {font-size: 0.8rem;}
  .ipbox-backdrop .ipbox-canvas .ipbox .country {font-size: 1.3rem; margin-bottom: 10px;}
  .ipbox-backdrop .ipbox-canvas .ipbox h2 {font-size: 1rem;line-height: 1.4rem;padding: 3px 10px;}
  .ipbox-backdrop .ipbox-canvas .ipbox .link-options {display: block;padding: 10px;}
  .ipbox-backdrop .ipbox-canvas .ipbox .link-options a {display: flex;font-size: 1rem;padding: 20px 30px 20px 20px;margin: 0;}
  .ipbox-backdrop .ipbox-canvas .ipbox .link-options a.global {margin: 0 0 5px 0;} 
  .ipbox-backdrop .ipbox-canvas .ipbox .link-options a img {}
  .ipbox-backdrop .ipbox-canvas .ipbox .link-options a span {width: 100%;}
  .ipbox-backdrop .ipbox-canvas .ipbox .link-options .english-link-room {width: 100%; position: static; margin-bottom: 20px;}
  .ipbox-backdrop .ipbox-canvas .ipbox .link-options a.english-link {}
  .ipbox-backdrop .ipbox-canvas .ipbox .link-options a.english-link .line {}

  .sub-intro-canvas .sub-intro .sub-intro-photo-canvas {min-height: 200px;}
  .rev-section-canvas {}
  .rev-section-canvas .rev-photo-info {padding: 30px;}
  .rev-section-canvas .rev-photo-info .rev-photo {}

  /*Main Header*/
  .top-header-canvas .top-header .gallery-link-room {display: none;}
  .top-header-canvas .top-header .social-mobile-links {display: block; padding: 3px 0 0 0; }

  /*MOBILE Main Header*/
  .mobile-header .mobile-language-selector a.mobile-language-select {display: none;}
  .mobile-menu .mobile-menu-footer {display: flex;}
  .mobile-menu .mobile-menu-footer .social-links {padding: 15px 10px 10px 6px; border: none;}
  .mobile-menu .mobile-menu-footer .social-links ul li a {margin: 0 3px;}
  .mobile-menu .mobile-menu-footer .mobile-language-selector {display: flex;}
  .mobile-menu .mobile-menu-footer .gallery-link-room {display: block;}

  /*Footer*/
  .main-footer .footer-links-canvas {padding: 0 5px;}

  /*Main Home Slider*/
  .home-main-slider .rev_slider ul li .slide-content {width: 350px!important;}
  .home-main-slider .rev_slider ul li .tp-parallax-wrap {top: 40px!important;}
  .home-main-slider .rev_slider ul li .slide-content h1 {font-size: 2.4rem; line-height: 2.3rem;}
  .home-main-slider .rev_slider ul li .slide-content p {font-size: 0.9rem;}
  .home-main-slider .rev_slider ul li .slide-content a {height: 36px; line-height: 38px;}

  /*Video Hero*/
  .video-hero-canvas .video-hero-video-bg video {width: 170%;}

  /*Home News*/
  .home-news-mobile-title {margin-bottom: 10px;}
  .home-news-canvas .home-news .featured-article {margin-bottom: 10px; padding-bottom: 10px;}
  .home-news-canvas .home-news .featured-article .article-thumbnail {width: 100px; height: 80px;}
  .home-news-canvas .home-news .featured-article .article-title {width: calc(100% - 80px); padding: 0 10px;}
  .home-news-canvas .home-news .featured-article .article-title h2 {font-size: 0.9rem;line-height: 1.3rem;}
  .home-news-canvas .home-news a.other-article {margin-bottom: 10px; padding-bottom: 10px;}
  .home-news-canvas .home-news a.other-article .article-thumbnail {width: 100px; height: 80px;}
  .home-news-canvas .home-news a.other-article .article-title {width: calc(100% - 80px); padding: 0 10px;}
  .home-news-canvas .home-news a.other-article .article-title h3 {font-size: 0.9rem;line-height: 1.3rem;}
  .home-news-canvas .home-news .news-box {padding: 0 25px 25px 25px;}
  .home-news-canvas .home-news .news-box h2 {font-size: 2rem;}
  .home-about-canvas .home-about .about-intro p {font-size: 1rem;}

  /*Home About*/
  .home-about-canvas .home-about .about-box .about-box-content h3 {color: #FFFFFF;}
  .home-about-canvas .home-about .about-box .about-box-content p {color: #FFFFFF;}
  .home-about-canvas .home-about .about-intro h1 {margin-bottom: 1rem;}
  .home-about-canvas .home-about .about-intro p {margin-bottom: 1rem;}
  .home-about-canvas .home-about .about-box {position: relative;}
  .home-about-canvas .home-about .about-box .box {padding: 0; position: absolute; width: 100%; height: 100%; z-index: 11;}
  .home-about-canvas .home-about .about-box .about-box-content {background: rgba(0,0,0,0.7); position: relative; z-index: 11;}

  /*Home Map*/
  .sw-map-canvas .sw-map {height: 400px;}
  .sw-map-canvas .sw-map .map-intro .details {padding: 20px;}

  /*Solutions - Main*/
  .solutions-main-canvas .solutions-main .solutions-boxes .solutions-box {padding: 30px;}
  .solutions-main-canvas .solutions-main .solutions-cases .solutions-case .case-head {padding: 30px 20px;}
  .solutions-main-canvas .solutions-main .solutions-cases .solutions-case .case-body {padding: 30px 20px;}

  /*Solutions - B2B*/
  .solutions-b2b-canvas .solutions-b2b .solutions-b2b-intro {padding: 0 15px 30px 15px; margin-bottom: 30px;}
  .solutions-b2b-canvas .solutions-b2b .solutions-b2b-intro h5 {font-size: 1.2rem;}
  .solutions-b2b-canvas .solutions-b2b .solutions-b2b-features {padding: 0 15px;}

  /*Solutions - Autocare*/
  .solutions-autocare-canvas .solutions-autocare .solutions-autocare-intro {background: #ffffff; padding: 0 15px 30px 15px; margin-bottom: 30px;}
  .solutions-autocare-canvas .solutions-autocare .solutions-autocare-intro h5 {font-size: 1.2rem;}
  .solutions-autocare-canvas .solutions-autocare .autocare-countries {display: block; padding: 0 15px;}
  .solutions-autocare-canvas .solutions-autocare .autocare-countries a.autocare-country {display: block; width: 100%; margin: 0 0 10px 0; padding: 30px 0;}
  .solutions-autocare-canvas .solutions-autocare .autocare-countries a.autocare-country img {padding: 0 30%;}

  /*Autocare - Main*/
  .autocare-canvas .autocare .autocare-values {display: block;}
  .autocare-canvas .autocare .autocare-values .autocare-core {display:  none;}
  .autocare-canvas .autocare .autocare-values .autocare-value {display: block;width: 100%;border: none!important;text-align: center!important; border-bottom: 4px solid #009147!important;} 
  .autocare-canvas .autocare .autocare-values .autocare-value:last-child {border: none!important;}
  .autocare-canvas .autocare .autocare-values .autocare-value .intro {height: auto; padding: 50px 30px;}
  .autocare-canvas .autocare .autocare-values .autocare-value .intro h3 {font-size: 1.8rem; line-height: 2rem;}
  .autocare-canvas .autocare .autocare-values .autocare-value .intro p {margin: 0;}
  .autocare-canvas .autocare .autocare-intro {padding: 40px 15px;}
  .autocare-canvas .autocare .autocare-countries .autocare-country {padding: 40px 15px;}

  /*Autocare - Country*/
  .autocare-country-canvas .autocare-country .country-callout .callout {padding: 30px;}
  .autocare-country-canvas .autocare-country .country-callout .callout.callout-app {background: #4CB050 url(../images/page-assets/autocare-callout-mobile.png) bottom -90px right 0px no-repeat;}
  .autocare-country-canvas .autocare-country .country-callout .callout.callout-inquiry {background: #009147 url(../images/page-assets/autocare-callout-inquire-icon.svg) bottom -70px right 20px no-repeat; background-size: 90px; }

  /*About Us*/
  .about-canvas .about .milestones-canvas {padding: 50px 0 20px 0;}
  .about-canvas .about .milestones-canvas h2 {font-size: 2.2rem;}
  .about-canvas .about .milestones-canvas .milestones .milestones-line {display: none;}
  .about-canvas .about .milestones-canvas .milestones .entry {display: flex; flex-wrap: wrap; padding: 0 30px; text-align: center; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ccc;}
  .about-canvas .about .milestones-canvas .milestones .entry:last-child {border-bottom: none;}
  .about-canvas .about .milestones-canvas .milestones .entry .circle {display: none;}
  .about-canvas .about .milestones-canvas .milestones .entry img {width: 100%; margin-bottom: 20px;}
  .about-canvas .about .milestones-canvas .milestones .entry .entry-info {width: 100%;}
  .about-canvas .about .milestones-canvas .milestones .entry .entry-info p {margin-bottom: 0;}
  .about-canvas .about .milestones-canvas .milestones .entry.entry-right {flex-direction: row-reverse;}
  .about-canvas .about .milestones-canvas .milestones .entry.entry-right .entry-info {text-align: center;}
  .about-canvas .about .milestones-canvas .milestones .entry.entry-right img {display: none;}
  .about-canvas .about .about-solutions {padding: 50px 0 40px 0;}
  .about-canvas .about .about-solutions h5 {font-size: 1.2rem; line-height: 1.7rem;}
  .about-contacts-canvas .contacts {}
  .about-contacts-canvas .contacts .contact {width: 100%;}



  /*Contact*/
  .fcf-canvas {position: fixed; bottom: 0; right: 0; z-index: 300;}
  .fcf-canvas .fcf {max-width: 100%;padding: 20px;max-height: 100vh;overflow-y: scroll;}
  .fcf-canvas .fcf .fcf-header h3 {font-size: 1.6rem;}
  .fcf-canvas button.fcf-open-button {right: 10px;padding: 8px 20px 8px 60px;background: #222222 url(../images/icons/general/yellow-message-icon.svg) top 12px left 23px no-repeat;}
  .fcf-canvas button.fcf-open-button:hover {right: 10px;padding: 8px 20px 8px 60px;background: #444444 url(../images/icons/general/yellow-message-icon.svg) top 12px left 23px no-repeat;}

  /*Social Media*/
  .sm-social-canvas .sm-social .sm-social-intro .social-details .region-select .dropdown {display: block; width: 100%;}
  .sm-social-canvas .sm-social .sm-social-intro .social-details .region-select .dropdown button {display: block; width: 100%;}
  .sm-social-canvas .sm-social .sm-social-intro .social-brand img {margin-right: 10px;}
  .sm-social-canvas .sm-social .sm-social-entry a.button-facebook {display: block; width: 100%;}
  .sm-linkedin-entry .social-carousel-canvas .social-carousel .social-in-post {}
  .sm-linkedin-entry .social-carousel-canvas .social-carousel .social-in-post .post-content {text-align: center;}
  .sm-linkedin-entry .social-carousel-canvas .social-carousel .social-in-post .post-content .post-head {justify-content: center;}
  .sm-facebook-entry .social-carousel-canvas .social-carousel .social-fb-post {display: block;}
  .sm-facebook-entry .social-carousel-canvas .social-carousel .social-fb-post img.post-image {width: 100%;margin: 0 auto 15px auto;}
  .sm-social-canvas .sm-social .sm-social-intro .social-brand {margin-bottom: 20px;justify-content: center;text-align: center;}
  .sm-social-canvas .sm-social .sm-social-intro .social-brand h1 {font-size: 3rem;line-height: 3rem;}
  .sm-social-canvas .sm-social .sm-social-intro .social-details {margin: 0;padding: 0;border: none;text-align: center;}
  .sm-social-canvas .sm-social .sm-social-intro .social-details .region-select span {margin: 0 0 5px 0;}
  .sm-facebook-entry .social-carousel-canvas .social-carousel .social-fb-post .post-content {margin: 0;}
  .sm-facebook-entry .social-carousel-canvas .social-carousel .social-fb-post .post-content .post-head {margin: 20px 0;justify-content: center;}
  .sm-facebook-entry .social-carousel-canvas .social-carousel .social-fb-post .post-content .post-body {text-align: center;}
  .sm-social-canvas .sm-social .sm-social-entry .social-carousel-canvas .social-carousel-nav {display: none;}
  .button-youtube {width: 100%;}
  .sm-social-canvas .sm-social .sm-social-entry {display: block;}
  .sm-instagram-entry .ig-photos {width: 100%;}
  .sm-instagram-entry .ig-photos .ig-photo-gallery {margin-bottom: 20px;}
  .sm-instagram-entry .ig-photos .ig-photo-gallery a {width: 49%;}
  .sm-social-canvas .sm-social .sm-social-intro img.qr-code {display: inherit;width: auto;margin: 20px auto 0 auto;}
  .sm-share-canvas .sm-social .sm-share-form-canvas button {width: 100%;}
  .sm-share-canvas .sm-social .sm-social-intro {margin-bottom: 20px;}

  /*News Main - Featured*/
  .news-featured-canvas .news-featured .news-featured-header {padding: 30px 0;}
  .news-featured-canvas .news-featured .news-featured-header h1 {}
  .news-featured-canvas .news-featured .news-featured-header .news-featured-carousel-nav {bottom: 10px; right: 0;}
  .news-featured-canvas .news-featured .news-featured-carousel-canvas .news-featured-carousel a.news-article .news-excerpt {padding: 15px;}
  .news-featured-canvas .news-featured .news-featured-carousel-canvas .news-featured-carousel a.news-article .news-excerpt h2 {margin-bottom: 10px;}

  /*News Single - Head*/
  .news-single-head-canvas .news-single-head h1 {font-size: 2.2rem; line-height: 2.6rem;}

  /*News Single - Body*/
  .news-single-body-canvas .news-single-body img.news-image-left {display: block; float: none; width: 100%; margin: 30px 0;}
  .news-single-body-canvas .news-single-body blockquote {padding: 0;}
  .news-single-body-canvas .news-single-body .news-single-body-footer {display: block;}
  .news-single-body-canvas .news-single-body .news-single-body-footer .cat-date {margin-bottom: 20px;}

  /*Subscribe*/
  .subscribe-canvas .subscribe .subscribe-main {padding: 20px;}

  /*Join Giti - Main*/
  .jg-main-canvas {padding: 0;}
  .jg-main-canvas .jg-main .jg-nav-canvas {padding: 30px 20px;}


  /*404*/
  .pnf-canvas {width: 100%; padding: 50px 0;}

}

@media (max-width: 480px) {
  /*Mobile Menu*/
  .mobile-menu ul.menu-links li.dropdown ul.sub-menu-links li {display: inline-block; width: calc(50% - 10px);}

  /*Main Header*/
  .main-header-canvas .main-header .left-header a.logo {margin: 0;display: inline-block;width: 170px;height: 60px;padding: 30px;background-size: 140px;border-radius: 0;}
  .main-header-canvas .main-header .right-header .regional-box {right: -80px;}
  .main-header-canvas .main-header .right-header a.regional-sites-link {width: 70px;padding: 0 50px 0 60px;text-align: right;}
  .main-header-canvas .main-header .right-header a.regional-sites-link .world {left: -44px;}

  /*Main Home Slider*/
  .home-main-slider .rev_slider ul li .slide-content {width: 320px!important;}
  .home-main-slider .rev_slider ul li .tp-parallax-wrap {top: 20px!important;}
  .home-main-slider .rev_slider ul li .slide-content h1 {font-size: 2rem;line-height: 2.1rem;}
  .home-main-slider .rev_slider ul li .slide-content p {font-size: 0.9rem; line-height: 1.3rem; margin-bottom: 1rem;}
  .home-main-slider .rev_slider ul li .slide-content a {min-width: 150px;height: 36px;line-height: 38px;font-size: 0.8rem;}

  /*Home Map*/
  .home-map-canvas .home-map .map-intro-details-canvas .intro-canvas .intro {padding: 30px 0 0 0;}
  .home-map-canvas .home-map .map-intro-details-canvas .intro-canvas .intro .regions .map-pin {display: block;}
  .home-map-canvas .home-map .map-intro-details-canvas .regions-canvas .regions .region .country-links ul li {display: block;}
  .home-map-canvas .home-map .map-intro-details-canvas .regions-canvas .regions .region .country-links ul li a {display: block; width: 100%;}
  .home-map-canvas .home-map .map-intro-details-canvas .intro-canvas .intro .regions {padding: 30px 15px;}

  /*Video Hero*/
  .video-hero-canvas {height: 250px;}
  .video-hero-canvas .video-hero .video-hero-inner h1 {font-size: 2.4rem; line-height: 2.3rem;}
  .video-hero-canvas .video-hero .video-hero-inner p {font-size: 1rem; line-height: 1.4rem;}

  /*General Page*/
  .general-banner-canvas {height: 250px;}
  .general-banner-canvas .general-banner .general-banner-intro h1 {font-size: 2.4rem; line-height: 2.3rem;}
  .general-banner-canvas .general-banner .general-banner-intro p {font-size: 1rem; line-height: 1.4rem;}

  /*News Featured*/
  .news-featured-canvas .news-featured .news-featured-header h1 {font-size:2.4rem;}
  .news-featured-canvas .news-featured .news-featured-header p {font-size: 1rem; line-height: 1.4rem;}

  /*News Main - News List*/
  .news-list-canvas .news-list article {padding-bottom: 15px; margin-bottom: 15px;}
  .news-list-canvas .news-list article a.news-thumb {width: 100px;}
  .news-list-canvas .news-list article .news-excerpt {padding: 0 0 0 10px;}
  .news-list-canvas .news-list article .news-excerpt a.news-title h4 {font-size: 0.9rem;line-height: 1.2rem;margin-bottom: 10px;} 
  .news-list-canvas .news-list article .news-excerpt p {display: none;}
  .news-list-canvas .news-list article .news-excerpt .news-footer .cat-date {font-size: 0.6rem;}
  .news-list-canvas .news-list article .news-excerpt .news-footer .cat-date a {display: none;}
  .news-list-canvas .news-list article .news-excerpt .news-footer a.button-link {display: none;}
  .news-sidebar-canvas {margin-top: 20px;}
  .news-sidebar-canvas .news-sidebar .news-cat-list-canvas {margin: 0 15px;}

  /*Solutions - Omni*/
  .solutions-omni-canvas .solutions-omni .omni-apps-canvas .omni-apps .omni-app {padding: 30px;}
  .solutions-omni-canvas .solutions-omni .omni-apps-canvas .omni-apps .omni-app .app-info {padding: 0;}
  .solutions-omni-canvas .solutions-omni .omni-apps-canvas .omni-apps .omni-app img {display: none;}

  /*Autocare - Country*/
  .autocare-country-canvas .autocare-country .country-callout {display: block;}
  .autocare-country-canvas .autocare-country .country-callout .callout {width: 100%; padding: 50px 15px;}

}


/*HAMBURGER*/
.hamburger {padding: 15px 15px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible;}
.hamburger:hover {opacity: 0.7;}
.hamburger.is-active:hover {opacity: 0.7;}
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {background-color: #FFFFFF;}
.hamburger-box {width: 30px; height: 24px; display: inline-block; position: relative;}
.hamburger-inner {display: block;top: 50%;margin-top: 2px;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width: 30px; height: 2px; background-color: #FFFFFF; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease;}
.hamburger-inner::before, .hamburger-inner::after {content: ""; display: block;}
.hamburger-inner::before {top: -10px;}
.hamburger-inner::after {bottom: -10px;}
.hamburger--spin .hamburger-inner {transition-duration: 0.22s;transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.hamburger--spin .hamburger-inner::before {transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;}
.hamburger--spin .hamburger-inner::after {transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.hamburger--spin.is-active .hamburger-inner {transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);}
.hamburger--spin.is-active .hamburger-inner::before {top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;}
.hamburger--spin.is-active .hamburger-inner::after {bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);}
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;}
.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {opacity: 0; transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;}
.hamburger--minus.is-active .hamburger-inner::before {top: 0;}
.hamburger--minus.is-active .hamburger-inner::after {bottom: 0;}
.slit-in-horizontal {-webkit-animation: slit-in-horizontal 0.45s ease-out both;animation: slit-in-horizontal 0.45s ease-out both;}


/*CAPTCHA*/
#captcha-container, .captcha-container {
    display: flex;
    position: relative;
    justify-content: space-between;
    margin-bottom: 10px;
    background: #FFF;
    padding: 10px;
    border: 1px solid #999;
}
#captcha-container #captchaCode, .captcha-container .captcha-code {margin-left: 10px;  padding: 0 10px;}
#captcha-container #refreshCaptcha, .captcha-container .refresh-captcha {
    background: none;
    border: none;
    position: absolute;
    bottom: 10px;
    right: 6px;
    display: inline;
    width: auto;
    font-size: 0.7rem;
    text-transform: uppercase;
}

@media (max-width: 479px) {
  #captcha-container, .captcha-container {display: block;}
  #captcha-container #captcha-image, .captcha-container .captcha-image {text-align: center; margin: 0 0 10px 0;}
  #captcha-container #captchaCode, .captcha-container .captcha-code {margin: 0; width: calc(100% - 66px)!important;}
  #captcha-container #refreshCaptcha, .captcha-container .refresh-captcha {bottom: 25px!important;}
}


/*ANIMATIONS*/
.heartbeat {
  -webkit-animation: heartbeat 1.5s ease-in-out infinite both;
          animation: heartbeat 1.5s ease-in-out infinite both;
}

@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}

.tilt-in-fwd-tl {
  -webkit-animation: tilt-in-fwd-tl 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: tilt-in-fwd-tl 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes tilt-in-fwd-tl {
  0% {
    -webkit-transform: rotateY(-20deg) rotateX(35deg) translate(-300px, -300px) skew(35deg, -10deg);
            transform: rotateY(-20deg) rotateX(35deg) translate(-300px, -300px) skew(35deg, -10deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
            transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }
}
@keyframes tilt-in-fwd-tl {
  0% {
    -webkit-transform: rotateY(-20deg) rotateX(35deg) translate(-300px, -300px) skew(35deg, -10deg);
            transform: rotateY(-20deg) rotateX(35deg) translate(-300px, -300px) skew(35deg, -10deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
            transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }
}

.tilt-in-fwd-tr {
  -webkit-animation: tilt-in-fwd-tr 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: tilt-in-fwd-tr 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes tilt-in-fwd-tr {
  0% {
    -webkit-transform: rotateY(20deg) rotateX(35deg) translate(300px, -300px) skew(-35deg, 10deg);
            transform: rotateY(20deg) rotateX(35deg) translate(300px, -300px) skew(-35deg, 10deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
            transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }
}
@keyframes tilt-in-fwd-tr {
  0% {
    -webkit-transform: rotateY(20deg) rotateX(35deg) translate(300px, -300px) skew(-35deg, 10deg);
            transform: rotateY(20deg) rotateX(35deg) translate(300px, -300px) skew(-35deg, 10deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
            transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }
}

.tilt-in-fwd-bl {
  -webkit-animation: tilt-in-fwd-bl 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: tilt-in-fwd-bl 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes tilt-in-fwd-bl {
  0% {
    -webkit-transform: rotateY(-20deg) rotateX(-35deg) translate(-300px, 300px) skew(-35deg, 10deg);
            transform: rotateY(-20deg) rotateX(-35deg) translate(-300px, 300px) skew(-35deg, 10deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
            transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }
}
@keyframes tilt-in-fwd-bl {
  0% {
    -webkit-transform: rotateY(-20deg) rotateX(-35deg) translate(-300px, 300px) skew(-35deg, 10deg);
            transform: rotateY(-20deg) rotateX(-35deg) translate(-300px, 300px) skew(-35deg, 10deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
            transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }
}

.tilt-in-fwd-br {
  -webkit-animation: tilt-in-fwd-br 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: tilt-in-fwd-br 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes tilt-in-fwd-br {
  0% {
    -webkit-transform: rotateY(20deg) rotateX(-35deg) translate(300px, 300px) skew(35deg, -10deg);
            transform: rotateY(20deg) rotateX(-35deg) translate(300px, 300px) skew(35deg, -10deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
            transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }
}
@keyframes tilt-in-fwd-br {
  0% {
    -webkit-transform: rotateY(20deg) rotateX(-35deg) translate(300px, 300px) skew(35deg, -10deg);
            transform: rotateY(20deg) rotateX(-35deg) translate(300px, 300px) skew(35deg, -10deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
            transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }
}
.tilt-in-bottom-2 {
  -webkit-animation: tilt-in-bottom-2 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: tilt-in-bottom-2 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes tilt-in-bottom-2 {
  0% {
    -webkit-transform: rotateY(-30deg) translateY(300px) skewY(30deg);
            transform: rotateY(-30deg) translateY(300px) skewY(30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
            transform: rotateY(0deg) translateY(0) skewY(0deg);
    opacity: 1;
  }
}
@keyframes tilt-in-bottom-2 {
  0% {
    -webkit-transform: rotateY(-30deg) translateY(300px) skewY(30deg);
            transform: rotateY(-30deg) translateY(300px) skewY(30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
            transform: rotateY(0deg) translateY(0) skewY(0deg);
    opacity: 1;
  }
}
.tilt-in-top-2 {
  -webkit-animation: tilt-in-top-2 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: tilt-in-top-2 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes tilt-in-top-2 {
  0% {
    -webkit-transform: rotateY(-30deg) translateY(-300px) skewY(30deg);
            transform: rotateY(-30deg) translateY(-300px) skewY(30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
            transform: rotateY(0deg) translateY(0) skewY(0deg);
    opacity: 1;
  }
}
@keyframes tilt-in-top-2 {
  0% {
    -webkit-transform: rotateY(-30deg) translateY(-300px) skewY(30deg);
            transform: rotateY(-30deg) translateY(-300px) skewY(30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
            transform: rotateY(0deg) translateY(0) skewY(0deg);
    opacity: 1;
  }
}

.puff-in-center {
  -webkit-animation: puff-in-center 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
          animation: puff-in-center 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
}
@-webkit-keyframes puff-in-center {
  0% {
    -webkit-transform: scale(2);
            transform: scale(2);
    -webkit-filter: blur(4px);
            filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes puff-in-center {
  0% {
    -webkit-transform: scale(2);
            transform: scale(2);
    -webkit-filter: blur(4px);
            filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}

.tracking-in-contract {
  -webkit-animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
          animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}
@-webkit-keyframes tracking-in-contract {
  0% {
    letter-spacing: 1em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    letter-spacing: normal;
    opacity: 1;
  }
}
@keyframes tracking-in-contract {
  0% {
    letter-spacing: 1em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    letter-spacing: normal;
    opacity: 1;
  }
}

.tracking-in-expand {
  -webkit-animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
          animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}
@-webkit-keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}

.tracking-in-contract-bck {
  -webkit-animation: tracking-in-contract-bck 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
          animation: tracking-in-contract-bck 1s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}

@-webkit-keyframes tracking-in-contract-bck {
  0% {
    letter-spacing: 1em;
    -webkit-transform: translateZ(400px);
            transform: translateZ(400px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes tracking-in-contract-bck {
  0% {
    letter-spacing: 1em;
    -webkit-transform: translateZ(400px);
            transform: translateZ(400px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}


.focus-in-expand {
  -webkit-animation: focus-in-expand 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: focus-in-expand 0.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes focus-in-expand {
  0% {
    letter-spacing: -0.5em;
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes focus-in-expand {
  0% {
    letter-spacing: -0.5em;
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}

.slide-in-blurred-left {
  -webkit-animation: slide-in-blurred-left 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
          animation: slide-in-blurred-left 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}

@-webkit-keyframes slide-in-blurred-left {
  0% {
    -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
            transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
            transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@keyframes slide-in-blurred-left {
  0% {
    -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
            transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
            transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}

.slide-in-blurred-bottom {
  -webkit-animation: slide-in-blurred-bottom 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
          animation: slide-in-blurred-bottom 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}

@-webkit-keyframes slide-in-blurred-bottom {
  0% {
    -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
            transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@keyframes slide-in-blurred-bottom {
  0% {
    -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
            transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}


.slide-in-blurred-right {
  -webkit-animation: slide-in-blurred-right 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
          animation: slide-in-blurred-right 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}
@-webkit-keyframes slide-in-blurred-right {
  0% {
    -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
            transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
            transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@keyframes slide-in-blurred-right {
  0% {
    -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
            transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
            transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}

.kenburns-top {
  -webkit-animation: kenburns-top 20s ease-out both;
          animation: kenburns-top 20s ease-out both;
}
@-webkit-keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(-15px);
            transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
}
@keyframes kenburns-top {
  0% {
    -webkit-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0);
    -webkit-transform-origin: 50% 16%;
            transform-origin: 50% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translateY(-15px);
            transform: scale(1.25) translateY(-15px);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
}

.rotate-in-2-bl-cw {
  -webkit-animation: rotate-in-2-bl-cw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: rotate-in-2-bl-cw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes rotate-in-2-bl-cw {
  0% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
    opacity: 1;
  }
}
@keyframes rotate-in-2-bl-cw {
  0% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
    opacity: 1;
  }
}


.text-focus-in {
  -webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
          animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}
@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}

.scale-in-ver-center {
  -webkit-animation: scale-in-ver-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: scale-in-ver-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes scale-in-ver-center {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    opacity: 1;
  }
}
@keyframes scale-in-ver-center {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    opacity: 1;
  }
}

.tracking-in-contract {
  -webkit-animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
          animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}
@-webkit-keyframes tracking-in-contract {
  0% {
    letter-spacing: 1em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    letter-spacing: normal;
    opacity: 1;
  }
}
@keyframes tracking-in-contract {
  0% {
    letter-spacing: 1em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    letter-spacing: normal;
    opacity: 1;
  }
}

.swing-in-top-fwd {
  -webkit-animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
          animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}
@-webkit-keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-100deg);
            transform: rotateX(-100deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 1;
  }
}
@keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-100deg);
            transform: rotateX(-100deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 1;
  }
}


.swing-in-bottom-fwd {
  -webkit-animation: swing-in-bottom-fwd 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
          animation: swing-in-bottom-fwd 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}

@-webkit-keyframes swing-in-bottom-fwd {
  0% {
    -webkit-transform: rotateX(100deg);
            transform: rotateX(100deg);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    opacity: 1;
  }
}
@keyframes swing-in-bottom-fwd {
  0% {
    -webkit-transform: rotateX(100deg);
            transform: rotateX(100deg);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    opacity: 1;
  }
}

.rotate-in-ver {
  -webkit-animation: rotate-in-ver 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: rotate-in-ver 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes rotate-in-ver {
  0% {
    -webkit-transform: rotateY(-360deg);
            transform: rotateY(-360deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    opacity: 1;
  }
}
@keyframes rotate-in-ver {
  0% {
    -webkit-transform: rotateY(-360deg);
            transform: rotateY(-360deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
    opacity: 1;
  }
}


/*FADES*/
.fade-in {
  -webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
          animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.fade-in-top {
  -webkit-animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
          animation: fade-in-top 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
@-webkit-keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

.fade-in-bottom {
  -webkit-animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
          animation: fade-in-bottom 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
@-webkit-keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-bottom {
  0% {
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

.fade-in-left {
  -webkit-animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
          animation: fade-in-left 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
@-webkit-keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

.fade-in-right {
  -webkit-animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
          animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
@-webkit-keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

.jello-horizontal {
  -webkit-animation: jello-horizontal 0.9s both;
          animation: jello-horizontal 0.9s both;
}

@-webkit-keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes jello-horizontal {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}


.jello-vertical {
  -webkit-animation: jello-vertical 0.9s both;
          animation: jello-vertical 0.9s both;
}
@-webkit-keyframes jello-vertical {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  40% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  50% {
    -webkit-transform: scale3d(0.85, 1.15, 1);
            transform: scale3d(0.85, 1.15, 1);
  }
  65% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  75% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}
@keyframes jello-vertical {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }
  40% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }
  50% {
    -webkit-transform: scale3d(0.85, 1.15, 1);
            transform: scale3d(0.85, 1.15, 1);
  }
  65% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
  }
  75% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.scale-in-ver-center {
  -webkit-animation: scale-in-ver-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: scale-in-ver-center 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes scale-in-ver-center {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    opacity: 1;
  }
}
@keyframes scale-in-ver-center {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    opacity: 1;
  }
}



.shadow-drop-2-tb {
  -webkit-animation: shadow-drop-2-tb 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: shadow-drop-2-tb 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes shadow-drop-2-tb {
  0% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-transform: translateZ(50px);
            transform: translateZ(50px);
    -webkit-box-shadow: 0 -12px 20px -12px rgba(0, 0, 0, 0.35), 0 12px 20px -12px rgba(0, 0, 0, 0.35);
            box-shadow: 0 -12px 20px -12px rgba(0, 0, 0, 0.35), 0 12px 20px -12px rgba(0, 0, 0, 0.35);
  }
}
@keyframes shadow-drop-2-tb {
  0% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-transform: translateZ(50px);
            transform: translateZ(50px);
    -webkit-box-shadow: 0 -12px 20px -12px rgba(0, 0, 0, 0.35), 0 12px 20px -12px rgba(0, 0, 0, 0.35);
            box-shadow: 0 -12px 20px -12px rgba(0, 0, 0, 0.35), 0 12px 20px -12px rgba(0, 0, 0, 0.35);
  }
}

.shadow-drop-lr {
  -webkit-animation: shadow-drop-lr 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: shadow-drop-lr 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes shadow-drop-lr {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-box-shadow: -12px 0 20px -12px rgba(0, 0, 0, 0.35), 12px 0 20px -12px rgba(0, 0, 0, 0.35);
            box-shadow: -12px 0 20px -12px rgba(0, 0, 0, 0.35), 12px 0 20px -12px rgba(0, 0, 0, 0.35);
  }
}
@keyframes shadow-drop-lr {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    -webkit-box-shadow: -12px 0 20px -12px rgba(0, 0, 0, 0.35), 12px 0 20px -12px rgba(0, 0, 0, 0.35);
            box-shadow: -12px 0 20px -12px rgba(0, 0, 0, 0.35), 12px 0 20px -12px rgba(0, 0, 0, 0.35);
  }
}


.slide-left {
  -webkit-animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: slide-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes slide-left {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
  }
}
@keyframes slide-left {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
  }
}
.slide-right {
  -webkit-animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: slide-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes slide-right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
}
@keyframes slide-right {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
  }
}


.slide-tr {
  -webkit-animation: slide-tr 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: slide-tr 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes slide-tr {
  0% {
    -webkit-transform: translateY(0) translateX(0);
            transform: translateY(0) translateX(0);
  }
  100% {
    -webkit-transform: translateY(-100px) translateX(100px);
            transform: translateY(-100px) translateX(100px);
  }
}
@keyframes slide-tr {
  0% {
    -webkit-transform: translateY(0) translateX(0);
            transform: translateY(0) translateX(0);
  }
  100% {
    -webkit-transform: translateY(-100px) translateX(100px);
            transform: translateY(-100px) translateX(100px);
  }
}

.slide-tr-small {
  -webkit-animation: slide-tr-small 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: slide-tr-small 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes slide-tr-small {
  0% {
    -webkit-transform: translateY(0) translateX(0);
            transform: translateY(0) translateX(0);
  }
  100% {
    -webkit-transform: translateY(-50px) translateX(50px);
            transform: translateY(-50px) translateX(50px);
  }
}
@keyframes slide-tr-small {
  0% {
    -webkit-transform: translateY(0) translateX(0);
            transform: translateY(0) translateX(0);
  }
  100% {
    -webkit-transform: translateY(-50px) translateX(50px);
            transform: translateY(-50px) translateX(50px);
  }
}

.slide-bl-small {
  -webkit-animation: slide-bl-small 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: slide-bl-small 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes slide-bl-small {
  0% {
    -webkit-transform: translateY(0) translateX(0);
            transform: translateY(0) translateX(0);
  }
  100% {
    -webkit-transform: translateY(25px) translateX(-25px);
            transform: translateY(25px) translateX(-25px);
  }
}
@keyframes slide-bl-small {
  0% {
    -webkit-transform: translateY(0) translateX(0);
            transform: translateY(0) translateX(0);
  }
  100% {
    -webkit-transform: translateY(25px) translateX(-25px);
            transform: translateY(25px) translateX(-25px);
  }
}



.rotate-center {
  -webkit-animation: rotate-center 0.6s ease-in-out both;
          animation: rotate-center 0.6s ease-in-out both;
}

@-webkit-keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}


.swing-in-top-bck {
  -webkit-animation: swing-in-top-bck 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
          animation: swing-in-top-bck 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}
@-webkit-keyframes swing-in-top-bck {
  0% {
    -webkit-transform: rotateX(70deg);
            transform: rotateX(70deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 1;
  }
}
@keyframes swing-in-top-bck {
  0% {
    -webkit-transform: rotateX(70deg);
            transform: rotateX(70deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 1;
  }
}


.text-focus-in {
  -webkit-animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
          animation: text-focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}
@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}

.rotate-in-center {
  -webkit-animation: rotate-in-center 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: rotate-in-center 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes rotate-in-center {
  0% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotate-in-center {
  0% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1;
  }
}

.flip-in-hor-top {
  -webkit-animation: flip-in-hor-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: flip-in-hor-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes flip-in-hor-top {
  0% {
    -webkit-transform: rotateX(-80deg);
            transform: rotateX(-80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    opacity: 1;
  }
}
@keyframes flip-in-hor-top {
  0% {
    -webkit-transform: rotateX(-80deg);
            transform: rotateX(-80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    opacity: 1;
  }
}
.flip-in-hor-bottom {
  -webkit-animation: flip-in-hor-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: flip-in-hor-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes flip-in-hor-bottom {
  0% {
    -webkit-transform: rotateX(80deg);
            transform: rotateX(80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    opacity: 1;
  }
}
@keyframes flip-in-hor-bottom {
  0% {
    -webkit-transform: rotateX(80deg);
            transform: rotateX(80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    opacity: 1;
  }
}


.slide-in-blurred-right {
  -webkit-animation: slide-in-blurred-right 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
          animation: slide-in-blurred-right 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}
@-webkit-keyframes slide-in-blurred-right {
  0% {
    -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
            transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
            transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@keyframes slide-in-blurred-right {
  0% {
    -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
            transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
            transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}




@-webkit-keyframes slit-in-horizontal {
  0% {
    -webkit-transform: translateZ(-800px) rotateX(90deg);
            transform: translateZ(-800px) rotateX(90deg);
    opacity: 0;
  }
  54% {
    -webkit-transform: translateZ(-160px) rotateX(87deg);
            transform: translateZ(-160px) rotateX(87deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(0) rotateX(0);
            transform: translateZ(0) rotateX(0);
  }
}
@keyframes slit-in-horizontal {
  0% {
    -webkit-transform: translateZ(-800px) rotateX(90deg);
            transform: translateZ(-800px) rotateX(90deg);
    opacity: 0;
  }
  54% {
    -webkit-transform: translateZ(-160px) rotateX(87deg);
            transform: translateZ(-160px) rotateX(87deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(0) rotateX(0);
            transform: translateZ(0) rotateX(0);
  }
}

.swing-in-left-fwd {
  -webkit-animation: swing-in-left-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
          animation: swing-in-left-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}
@-webkit-keyframes swing-in-left-fwd {
  0% {
    -webkit-transform: rotateY(100deg);
            transform: rotateY(100deg);
    -webkit-transform-origin: left;
            transform-origin: left;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
    -webkit-transform-origin: left;
            transform-origin: left;
    opacity: 1;
  }
}
@keyframes swing-in-left-fwd {
  0% {
    -webkit-transform: rotateY(100deg);
            transform: rotateY(100deg);
    -webkit-transform-origin: left;
            transform-origin: left;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
    -webkit-transform-origin: left;
            transform-origin: left;
    opacity: 1;
  }
}

.swing-in-right-bck {
  -webkit-animation: swing-in-right-bck 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
          animation: swing-in-right-bck 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}
@-webkit-keyframes swing-in-right-bck {
  0% {
    -webkit-transform: rotateY(70deg);
            transform: rotateY(70deg);
    -webkit-transform-origin: right;
            transform-origin: right;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
    -webkit-transform-origin: right;
            transform-origin: right;
    opacity: 1;
  }
}
@keyframes swing-in-right-bck {
  0% {
    -webkit-transform: rotateY(70deg);
            transform: rotateY(70deg);
    -webkit-transform-origin: right;
            transform-origin: right;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
    -webkit-transform-origin: right;
            transform-origin: right;
    opacity: 1;
  }
}

.rotate-in-2-br-ccw {
  -webkit-animation: rotate-in-2-br-ccw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: rotate-in-2-br-ccw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes rotate-in-2-br-ccw {
  0% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes rotate-in-2-br-ccw {
  0% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transform-origin: 100% 100%;
            transform-origin: 100% 100%;
    opacity: 1;
  }
}

.bounce-top {
  -webkit-animation: bounce-top 0.9s both;
          animation: bounce-top 0.9s both;
}

@-webkit-keyframes bounce-top {
  0% {
    -webkit-transform: translateY(-45px);
            transform: translateY(-45px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-24px);
            transform: translateY(-24px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  65% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  82% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  93% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  25%,
  55%,
  75%,
  87% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
}
@keyframes bounce-top {
  0% {
    -webkit-transform: translateY(-45px);
            transform: translateY(-45px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-24px);
            transform: translateY(-24px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  65% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  82% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  93% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  25%,
  55%,
  75%,
  87% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
}

.bounce-in-top {
  -webkit-animation: bounce-in-top 1.1s both;
          animation: bounce-in-top 1.1s both;
}

@-webkit-keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(-65px);
            transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(-28px);
            transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(-65px);
            transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(-28px);
            transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}

.tilt-in-top-2 {
  -webkit-animation: tilt-in-top-2 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: tilt-in-top-2 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes tilt-in-top-2 {
  0% {
    -webkit-transform: rotateY(-30deg) translateY(-300px) skewY(30deg);
            transform: rotateY(-30deg) translateY(-300px) skewY(30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
            transform: rotateY(0deg) translateY(0) skewY(0deg);
    opacity: 1;
  }
}
@keyframes tilt-in-top-2 {
  0% {
    -webkit-transform: rotateY(-30deg) translateY(-300px) skewY(30deg);
            transform: rotateY(-30deg) translateY(-300px) skewY(30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
            transform: rotateY(0deg) translateY(0) skewY(0deg);
    opacity: 1;
  }
}

.puff-in-center {
  -webkit-animation: puff-in-center 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
          animation: puff-in-center 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
}

@-webkit-keyframes puff-in-center {
  0% {
    -webkit-transform: scale(2);
            transform: scale(2);
    -webkit-filter: blur(4px);
            filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes puff-in-center {
  0% {
    -webkit-transform: scale(2);
            transform: scale(2);
    -webkit-filter: blur(4px);
            filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}

.rotate-in-center-diagonal {
  -webkit-animation: rotate-in-center-diagonal 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: rotate-in-center-diagonal 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes rotate-in-center-diagonal {
  0% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(130deg);
            transform: rotate(130deg);
    opacity: 1;
  }
}
@keyframes rotate-in-center-diagonal {
  0% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(130deg);
            transform: rotate(130deg);
    opacity: 1;
  }
}

.slide-in-blurred-bottom {
  -webkit-animation: slide-in-blurred-bottom 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
          animation: slide-in-blurred-bottom 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}
@-webkit-keyframes slide-in-blurred-bottom {
  0% {
    -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
            transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@keyframes slide-in-blurred-bottom {
  0% {
    -webkit-transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
            transform: translateY(1000px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}

.slide-in-elliptic-left-fwd {
  -webkit-animation: slide-in-elliptic-left-fwd 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: slide-in-elliptic-left-fwd 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes slide-in-elliptic-left-fwd {
  0% {
    -webkit-transform: translateX(-800px) rotateY(30deg) scale(0);
            transform: translateX(-800px) rotateY(30deg) scale(0);
    -webkit-transform-origin: -100% 50%;
            transform-origin: -100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotateY(0) scale(1);
            transform: translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin: 1800px 50%;
            transform-origin: 1800px 50%;
    opacity: 1;
  }
}
@keyframes slide-in-elliptic-left-fwd {
  0% {
    -webkit-transform: translateX(-800px) rotateY(30deg) scale(0);
            transform: translateX(-800px) rotateY(30deg) scale(0);
    -webkit-transform-origin: -100% 50%;
            transform-origin: -100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotateY(0) scale(1);
            transform: translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin: 1800px 50%;
            transform-origin: 1800px 50%;
    opacity: 1;
  }
}


.roll-in-blurred-left {
  -webkit-animation: roll-in-blurred-left 0.65s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
          animation: roll-in-blurred-left 0.65s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}

@-webkit-keyframes roll-in-blurred-left {
  0% {
    -webkit-transform: translateX(-1000px) rotate(-720deg);
            transform: translateX(-1000px) rotate(-720deg);
    -webkit-filter: blur(50px);
            filter: blur(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
            transform: translateX(0) rotate(0deg);
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@keyframes roll-in-blurred-left {
  0% {
    -webkit-transform: translateX(-1000px) rotate(-720deg);
            transform: translateX(-1000px) rotate(-720deg);
    -webkit-filter: blur(50px);
            filter: blur(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
            transform: translateX(0) rotate(0deg);
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}

.slide-in-blurred-top {
  -webkit-animation: slide-in-blurred-top 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
          animation: slide-in-blurred-top 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}

@-webkit-keyframes slide-in-blurred-top {
  0% {
    -webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
            transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@keyframes slide-in-blurred-top {
  0% {
    -webkit-transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
            transform: translateY(-1000px) scaleY(2.5) scaleX(0.2);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0) scaleY(1) scaleX(1);
            transform: translateY(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}

.bounce-in-bottom {
  -webkit-animation: bounce-in-bottom 1.1s both;
          animation: bounce-in-bottom 1.1s both;
}

@-webkit-keyframes bounce-in-bottom {
  0% {
    -webkit-transform: translateY(500px);
            transform: translateY(500px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(65px);
            transform: translateY(65px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(28px);
            transform: translateY(28px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes bounce-in-bottom {
  0% {
    -webkit-transform: translateY(500px);
            transform: translateY(500px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(65px);
            transform: translateY(65px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(28px);
            transform: translateY(28px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}

.slide-in-blurred-left {
  -webkit-animation: slide-in-blurred-left 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
          animation: slide-in-blurred-left 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}
@-webkit-keyframes slide-in-blurred-left {
  0% {
    -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
            transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
            transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@keyframes slide-in-blurred-left {
  0% {
    -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
            transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
            transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}

.slide-in-blurred-right {
  -webkit-animation: slide-in-blurred-right 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
          animation: slide-in-blurred-right 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
}
@-webkit-keyframes slide-in-blurred-right {
  0% {
    -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
            transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
            transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@keyframes slide-in-blurred-right {
  0% {
    -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
            transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
    -webkit-filter: blur(40px);
            filter: blur(40px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) scaleY(1) scaleX(1);
            transform: translateX(0) scaleY(1) scaleX(1);
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}

.tilt-in-fwd-tr {
  -webkit-animation: tilt-in-fwd-tr 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: tilt-in-fwd-tr 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes tilt-in-fwd-tr {
  0% {
    -webkit-transform: rotateY(20deg) rotateX(35deg) translate(300px, -300px) skew(-35deg, 10deg);
            transform: rotateY(20deg) rotateX(35deg) translate(300px, -300px) skew(-35deg, 10deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
            transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }
}
@keyframes tilt-in-fwd-tr {
  0% {
    -webkit-transform: rotateY(20deg) rotateX(35deg) translate(300px, -300px) skew(-35deg, 10deg);
            transform: rotateY(20deg) rotateX(35deg) translate(300px, -300px) skew(-35deg, 10deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
            transform: rotateY(0) rotateX(0deg) translate(0, 0) skew(0deg, 0deg);
    opacity: 1;
  }
}

.puff-in-hor {
  -webkit-animation: puff-in-hor 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
          animation: puff-in-hor 0.7s cubic-bezier(0.470, 0.000, 0.745, 0.715) both;
}

@-webkit-keyframes puff-in-hor {
  0% {
    -webkit-transform: scaleX(2);
            transform: scaleX(2);
    -webkit-filter: blur(4px);
            filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes puff-in-hor {
  0% {
    -webkit-transform: scaleX(2);
            transform: scaleX(2);
    -webkit-filter: blur(4px);
            filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}

.flip-horizontal-bottom {
  -webkit-animation: flip-horizontal-bottom 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
          animation: flip-horizontal-bottom 0.4s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}
@-webkit-keyframes flip-horizontal-bottom {
  0% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
  }
  100% {
    -webkit-transform: rotateX(-180deg);
            transform: rotateX(-180deg);
  }
}
@keyframes flip-horizontal-bottom {
  0% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
  }
  100% {
    -webkit-transform: rotateX(-180deg);
            transform: rotateX(-180deg);
  }
}
.slide-in-left {
  -webkit-animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

.pulsate-fwd {
  -webkit-animation: pulsate-fwd 0.5s ease-in-out infinite both;
          animation: pulsate-fwd 0.5s ease-in-out infinite both;
}

@-webkit-keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pulsate-fwd {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.rotate-in-2-ccw {
  -webkit-animation: rotate-in-2-ccw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: rotate-in-2-ccw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes rotate-in-2-ccw {
  0% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotate-in-2-ccw {
  0% {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1;
  }
}

.slide-in-bck-left {
  -webkit-animation: slide-in-bck-left 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: slide-in-bck-left 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes slide-in-bck-left {
  0% {
    -webkit-transform: translateZ(700px) translateX(-400px);
            transform: translateZ(700px) translateX(-400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0) translateX(0);
            transform: translateZ(0) translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-bck-left {
  0% {
    -webkit-transform: translateZ(700px) translateX(-400px);
            transform: translateZ(700px) translateX(-400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0) translateX(0);
            transform: translateZ(0) translateX(0);
    opacity: 1;
  }
}

.slide-in-bck-bl {
  -webkit-animation: slide-in-bck-bl 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: slide-in-bck-bl 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes slide-in-bck-bl {
  0% {
    -webkit-transform: translateZ(700px) translateY(300px) translateX(-400px);
            transform: translateZ(700px) translateY(300px) translateX(-400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0) translateY(0) translateX(0);
            transform: translateZ(0) translateY(0) translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-bck-bl {
  0% {
    -webkit-transform: translateZ(700px) translateY(300px) translateX(-400px);
            transform: translateZ(700px) translateY(300px) translateX(-400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0) translateY(0) translateX(0);
            transform: translateZ(0) translateY(0) translateX(0);
    opacity: 1;
  }
}

.slide-in-bck-tl {
  -webkit-animation: slide-in-bck-tl 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: slide-in-bck-tl 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes slide-in-bck-tl {
  0% {
    -webkit-transform: translateZ(700px) translateY(-300px) translateX(-400px);
            transform: translateZ(700px) translateY(-300px) translateX(-400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0) translateY(0) translateX(0);
            transform: translateZ(0) translateY(0) translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-bck-tl {
  0% {
    -webkit-transform: translateZ(700px) translateY(-300px) translateX(-400px);
            transform: translateZ(700px) translateY(-300px) translateX(-400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0) translateY(0) translateX(0);
            transform: translateZ(0) translateY(0) translateX(0);
    opacity: 1;
  }
}

.slide-in-bck-tr {
  -webkit-animation: slide-in-bck-tr 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: slide-in-bck-tr 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes slide-in-bck-tr {
  0% {
    -webkit-transform: translateZ(700px) translateY(-300px) translateX(400px);
            transform: translateZ(700px) translateY(-300px) translateX(400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0) translateY(0) translateX(0);
            transform: translateZ(0) translateY(0) translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-bck-tr {
  0% {
    -webkit-transform: translateZ(700px) translateY(-300px) translateX(400px);
            transform: translateZ(700px) translateY(-300px) translateX(400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0) translateY(0) translateX(0);
            transform: translateZ(0) translateY(0) translateX(0);
    opacity: 1;
  }
}
.slide-in-bck-right {
  -webkit-animation: slide-in-bck-right 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: slide-in-bck-right 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes slide-in-bck-right {
  0% {
    -webkit-transform: translateZ(700px) translateX(400px);
            transform: translateZ(700px) translateX(400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0) translateX(0);
            transform: translateZ(0) translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-bck-right {
  0% {
    -webkit-transform: translateZ(700px) translateX(400px);
            transform: translateZ(700px) translateX(400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0) translateX(0);
            transform: translateZ(0) translateX(0);
    opacity: 1;
  }
}
.slide-in-bck-br {
  -webkit-animation: slide-in-bck-br 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: slide-in-bck-br 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes slide-in-bck-br {
  0% {
    -webkit-transform: translateZ(700px) translateY(300px) translateX(400px);
            transform: translateZ(700px) translateY(300px) translateX(400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0) translateY(0) translateX(0);
            transform: translateZ(0) translateY(0) translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-bck-br {
  0% {
    -webkit-transform: translateZ(700px) translateY(300px) translateX(400px);
            transform: translateZ(700px) translateY(300px) translateX(400px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0) translateY(0) translateX(0);
            transform: translateZ(0) translateY(0) translateX(0);
    opacity: 1;
  }
}


.slide-top {
  -webkit-animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
}
@keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
}

.bounce-in-top {
  -webkit-animation: bounce-in-top 1.1s both;
          animation: bounce-in-top 1.1s both;
}
@-webkit-keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(-65px);
            transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(-28px);
            transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes bounce-in-top {
  0% {
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateY(-65px);
            transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateY(-28px);
            transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}

.flip-in-hor-bottom {
  -webkit-animation: flip-in-hor-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: flip-in-hor-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes flip-in-hor-bottom {
  0% {
    -webkit-transform: rotateX(80deg);
            transform: rotateX(80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    opacity: 1;
  }
}
@keyframes flip-in-hor-bottom {
  0% {
    -webkit-transform: rotateX(80deg);
            transform: rotateX(80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    opacity: 1;
  }
}

.rotate-in-2-cw {
  -webkit-animation: rotate-in-2-cw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: rotate-in-2-cw 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes rotate-in-2-cw {
  0% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotate-in-2-cw {
  0% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1;
  }
}

.bounce-in-left {
  -webkit-animation: bounce-in-left 1.1s both;
          animation: bounce-in-left 1.1s both;
}
@-webkit-keyframes bounce-in-left {
  0% {
    -webkit-transform: translateX(-600px);
            transform: translateX(-600px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateX(-68px);
            transform: translateX(-68px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateX(-28px);
            transform: translateX(-28px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes bounce-in-left {
  0% {
    -webkit-transform: translateX(-600px);
            transform: translateX(-600px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    -webkit-transform: translateX(-68px);
            transform: translateX(-68px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  72% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  81% {
    -webkit-transform: translateX(-28px);
            transform: translateX(-28px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  90% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  95% {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}


.tilt-in-left-1 {
  -webkit-animation: tilt-in-left-1 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: tilt-in-left-1 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes tilt-in-left-1 {
  0% {
    -webkit-transform: rotateX(-30deg) translateX(-300px) skewX(-30deg);
            transform: rotateX(-30deg) translateX(-300px) skewX(-30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg) translateX(0) skewX(0deg);
            transform: rotateX(0deg) translateX(0) skewX(0deg);
    opacity: 1;
  }
}
@keyframes tilt-in-left-1 {
  0% {
    -webkit-transform: rotateX(-30deg) translateX(-300px) skewX(-30deg);
            transform: rotateX(-30deg) translateX(-300px) skewX(-30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateX(0deg) translateX(0) skewX(0deg);
            transform: rotateX(0deg) translateX(0) skewX(0deg);
    opacity: 1;
  }
}

.kenburns-top-right {
  -webkit-animation: kenburns-top-right 5s ease-out both;
          animation: kenburns-top-right 5s ease-out both;
}

@-webkit-keyframes kenburns-top-right {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 84% 16%;
            transform-origin: 84% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translate(20px, -15px);
            transform: scale(1.25) translate(20px, -15px);
    -webkit-transform-origin: right top;
            transform-origin: right top;
  }
}
@keyframes kenburns-top-right {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 84% 16%;
            transform-origin: 84% 16%;
  }
  100% {
    -webkit-transform: scale(1.25) translate(20px, -15px);
            transform: scale(1.25) translate(20px, -15px);
    -webkit-transform-origin: right top;
            transform-origin: right top;
  }
}

.slide-in-elliptic-left-fwd {
  -webkit-animation: slide-in-elliptic-left-fwd 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: slide-in-elliptic-left-fwd 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes slide-in-elliptic-left-fwd {
  0% {
    -webkit-transform: translateX(-800px) rotateY(30deg) scale(0);
            transform: translateX(-800px) rotateY(30deg) scale(0);
    -webkit-transform-origin: -100% 50%;
            transform-origin: -100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotateY(0) scale(1);
            transform: translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin: 1800px 50%;
            transform-origin: 1800px 50%;
    opacity: 1;
  }
}
@keyframes slide-in-elliptic-left-fwd {
  0% {
    -webkit-transform: translateX(-800px) rotateY(30deg) scale(0);
            transform: translateX(-800px) rotateY(30deg) scale(0);
    -webkit-transform-origin: -100% 50%;
            transform-origin: -100% 50%;
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotateY(0) scale(1);
            transform: translateX(0) rotateY(0) scale(1);
    -webkit-transform-origin: 1800px 50%;
            transform-origin: 1800px 50%;
    opacity: 1;
  }
}

.scale-up-center {
  -webkit-animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
          animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
@-webkit-keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.tracking-in-expand-fwd {
  -webkit-animation: tracking-in-expand-fwd 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
          animation: tracking-in-expand-fwd 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}

@-webkit-keyframes tracking-in-expand-fwd {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-700px);
            transform: translateZ(-700px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes tracking-in-expand-fwd {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-700px);
            transform: translateZ(-700px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    opacity: 1;
  }
}
.slide-in-left {
  -webkit-animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
.slide-in-right {
  -webkit-animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: slide-in-right 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
            transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

.ping {
  -webkit-animation: ping 1.8s ease-in-out infinite both;
          animation: ping 1.8s ease-in-out infinite both;
}

@-webkit-keyframes ping {
  0% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0.8;
  }
  80% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(2.2);
            transform: scale(2.2);
    opacity: 0;
  }
}
@keyframes ping {
  0% {
    -webkit-transform: scale(0.2);
            transform: scale(0.2);
    opacity: 0.8;
  }
  80% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(2.2);
            transform: scale(2.2);
    opacity: 0;
  }
}

.tilt-in-top-1 {
  -webkit-animation: tilt-in-top-1 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
          animation: tilt-in-top-1 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes tilt-in-top-1 {
  0% {
    -webkit-transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
            transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
            transform: rotateY(0deg) translateY(0) skewY(0deg);
    opacity: 1;
  }
}
@keyframes tilt-in-top-1 {
  0% {
    -webkit-transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
            transform: rotateY(30deg) translateY(-300px) skewY(-30deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0deg) translateY(0) skewY(0deg);
            transform: rotateY(0deg) translateY(0) skewY(0deg);
    opacity: 1;
  }
}

.blink-2 {
  -webkit-animation: blink-2 0.9s infinite both;
          animation: blink-2 0.9s infinite both;
}

@-webkit-keyframes blink-2 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blink-2 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}