@charset "UTF-8";

@font-face {
    font-family: 'Helvetica Neue Light';
    src: url('../fonts/helveticaneue-light-webfont.eot');
    src: url('../fonts/helveticaneue-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneue-light-webfont.woff') format('woff'),
         url('../fonts/helveticaneue-light-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneue-light-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Helvetica Neue Medium';
    src: url('../fonts/helveticaneue-medium-webfont.eot');
    src: url('../fonts/helveticaneue-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneue-medium-webfont.woff') format('woff'),
         url('../fonts/helveticaneue-medium-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneue-medium-webfont.svg#helvetica_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/proximanova-light-webfont.eot');
    src: url('../fonts/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-light-webfont.woff') format('woff'),
         url('../fonts/proximanova-light-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-light-webfont.svg#ProximaNovaLight') format('svg');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/proximanova-lightitalic-webfont.eot');
    src: url('../fonts/proximanova-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-lightitalic-webfont.woff') format('woff'),
         url('../fonts/proximanova-lightitalic-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-lightitalic-webfont.svg#ProximaNovaLightItalic') format('svg');
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/proximanova-reg-webfont.eot');
    src: url('../fonts/proximanova-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-reg-webfont.woff') format('woff'),
         url('../fonts/proximanova-reg-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-reg-webfont.svg#ProximaNovaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/proximanova-regitalic-webfont.eot');
    src: url('../fonts/proximanova-regitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-regitalic-webfont.woff') format('woff'),
         url('../fonts/proximanova-regitalic-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-regitalic-webfont.svg#ProximaNovaRegularItalic') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/proximanova-sbold-webfont.eot');
    src: url('../fonts/proximanova-sbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-sbold-webfont.woff') format('woff'),
         url('../fonts/proximanova-sbold-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-sbold-webfont.svg#ProximaNovaSemibold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/proximanova-sbold-webfont.eot');
    src: url('../fonts/proximanova-sbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-sbold-webfont.woff') format('woff'),
         url('../fonts/proximanova-sbold-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-sbold-webfont.svg#ProximaNovaSemibold') format('svg');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/proximanova-sbolditalic-webfont.eot');
    src: url('../fonts/proximanova-sbolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-sbolditalic-webfont.woff') format('woff'),
         url('../fonts/proximanova-sbolditalic-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-sbolditalic-webfont.svg#ProximaNovaSemiboldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/proximanova-sbolditalic-webfont.eot');
    src: url('../fonts/proximanova-sbolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-sbolditalic-webfont.woff') format('woff'),
         url('../fonts/proximanova-sbolditalic-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-sbolditalic-webfont.svg#ProximaNovaSemiboldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/proxima_nova_black-webfont.eot');
    src: url('../fonts/proxima_nova_black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proxima_nova_black-webfont.woff') format('woff'),
         url('../fonts/proxima_nova_black-webfont.ttf') format('truetype'),
         url('../fonts/proxima_nova_black-webfont.svg#ProximaNovaBlack') format('svg');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Proxima Nova';
    src: url('../fonts/proxima_nova_extrabold-webfont.eot');
    src: url('../fonts/proxima_nova_extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proxima_nova_extrabold-webfont.woff') format('woff'),
         url('../fonts/proxima_nova_extrabold-webfont.ttf') format('truetype'),
         url('../fonts/proxima_nova_extrabold-webfont.svg#ProximaNovaExtrabold') format('svg');
    font-weight: 900;
    font-style: normal;
}

body {
    /* font-family: 'Proxima Nova'; */
    font-family: 'Helvetica Neue Light';
    color: #292929; font-weight: 300; font-size: 18px;
    line-height: 1.35; overflow-x: hidden !important; overflow-y: auto; 
    background: #eeeeee !important;
    /* background: #ffffff !important; */
    width: 100%; height: 100%;
}

/* Disable double click */
/* * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
} */

/* Scrollbar */
::-webkit-scrollbar {width: 12px;}
::-webkit-scrollbar-track {background: #eeeeee; background-clip: content-box;}
::-webkit-scrollbar-thumb {background: #a2a2a2; border-radius: 7px; border: 1px solid #eeeeee;}
::-webkit-scrollbar-thumb:hover {background: #777777;}

/* iOS text input fixing */
body input, body textarea {-webkit-touch-callout: text; -webkit-user-select: text; user-select: text;}


/* General */
.pp-section {position: relative; display: block; margin: 0 auto; max-width: 1180px; padding: 0 20px;}
.content-container {margin-bottom: 15px;}
.pp-container-left {padding: 0 7px 0 5px; position: relative; overflow: hidden;}
.pp-container-right {padding: 0 5px 0 7px; height: auto; position: relative; overflow: hidden;}
.pp-container-right > .pp-content {height: 100%;}
.pp-content {background: #fff; padding: 15px; position: relative;}
.pp-content > p {font-size: 17px; line-height: 1.3; font-weight: 500; color: #777777; padding: 0 15px 5px 15px;}

.pp-links-container {
    margin: 5px 0 5px 0; width: 100%; overflow: hidden; font-size: 13px; line-height: 1.5;
}
.pp-links-container > a {
    float: left; width: 100%; color: #929292; font-size: 13px; line-height: 26px;
    font-weight: 600; padding: 0 5px 0 0; text-decoration: underline;
}

.quick-links-container {padding: 23px 0; font-size: 14px; transition: .3s padding;}
.quick-welcome > span {font-weight: 600; transition: .3s padding;}
.quick-links {text-align: right; transition: .3s padding;}
.quick-links > a {text-decoration: underline;}

.preview {width: 300px; height: auto;}
form label {font-size: 14px; margin: 12px 0; line-height: 14px;}
form label > input[type=checkbox] {margin: 0 5px 0 0; display: inline-block !important;}

.tab-nav > div > .nav-item.nav-link {
    font-size: 16px; line-height: 16px; color: #a1a1a1; padding: 10px 20px;
}
.ui.bottom.attached.tab.segment {padding: 15px; border-top: 0;}
.ui.bottom.attached.tab.segment.active {margin: 0; border-top: 0;}

.shift-image {display: block; width: 100%; height: auto;}

.contentblock-container {
    min-height: 0; max-height: 350px; overflow-x: hidden; overflow-y: auto; max-width: 85%;
}
.contentblock-container > .col {font-size: 16px;}
.contentblock-container > div > a > img {
    display: block; width: 100%; height: auto; margin-bottom: 10px; border-radius: 5px;
    opacity: .5; transition: .25s opacity;
}
.contentblock-container > div > a > img:hover {opacity: 1;}
.dialogContainer {z-index: 900;}

.pp-thumbnail {display: block; width: 160px; height: auto; border-radius: 5px;}

.pp-half-column {padding: 15px 35px;}
.pp-half-column:first-child {border-right: 1.5px solid #dbdbdb;}

.pp-content-group {padding: 0 0 15px 0; margin: 0 0 15px 0; border-bottom: 1px solid #e2e2e2}
.pp-collapsible-wrapper {padding: 15px 0; line-height: 1.4; color: #777777;}

.pp-collapsible-wrapper ol, .pp-collapsible-wrapper li {list-style: decimal;}
.pp-collapsible-wrapper ol {padding-left: 25px;}

.pp-table > .forum-table tr > th {color: #526476; font-size: 16px; padding: 8px .75rem;}
.pp-table > .forum-table .forum-group {background: #f5f5f5;}
.pp-table > .forum-table .forum-group th {color: #414141; font-size: 20px; padding: 8px .75rem;}

.forum-table .forum-title {font-weight: 600; font-size: 17px; margin: 3px 0 8px 0;}
.forum-table .forum-desc {font-size: 14px; margin-bottom: 8px;}

.pp-profile-img {
    display: block; width: 100%; max-width: 245px; height: auto; border-radius: 5px;
    transition: .25s all; border: 1px solid transparent;
}
.pp-profile-img:hover {opacity: .75; border-color: #c4c4c4;}

.content-type-container {position: relative; width: 100%;}
.content-type-container > .content-type-btn {
    float: left; width: 180px; height: 180px; margin: 0 10px 10px 0; background: #f7f7f7;
    display: flex; align-items: center; text-decoration: none;
    font-size: 12px; text-align: center; font-weight: 600;
    color: #8a8a8a; border: 2px dashed #d7d7d7; cursor: pointer;
    transition: .25s all; padding: 0 10px;
}
.content-type-container > .content-type-btn.active {
    background: rgba(77,191,192,.2); color: #444444; border-color: #4dbfc0;
}
.content-type-container > .content-type-btn > div {width: 100%; text-align: center; text-decoration: none;}

.nav-item.nav-link.error {color: #dc3545 !important; border: 2px solid #dc3545; outline: none;}

.product-cate-container {
    position: relative; text-align: center; font-weight: 400; display: block; margin: 10px 0;
}
.product-cate-container > .img-container {
    display: table-cell; width: 100%; height: 185px; position: relative; vertical-align: middle;
}
.product-cate-container > .img-container > img {
    display: block; width: auto; max-width: 100%; max-height: 100%; margin: auto;
}
.product-cate-container > input[type=checkbox] {display: inline-block;}

.ui.popup {pointer-events: none !important; border: none !important;}


/* Semantic UI */
.ui.selection.multiple {
    min-height: 35px; font-size: 14px; width: 100%; color: #555555; background: #f2f2f2;
    border: 1px solid transparent;
}
.ui.multiple.dropdown > .label {background: #ffffff;}
.ui.selection.dropdown .menu {max-height: 240px !important;}
.ui.selection.dropdown .menu > .item {font-size: 15px; padding: 8px 10px !important;}


/* Fancy Box */
/* .fancybox-content {height: calc(100vh - 96px) !important;} */
.pp-fancybox {padding: 25px 45px; width: 100%; background: #fff; min-height: 100%;}
.pp-fancybox-back-btn {
    position: absolute; top: 25px; right: 45px; min-width: 100px; padding: 8px 10px;
}
.fancybox-slide--iframe {padding: 45px 56px 0 59px; overflow: hidden;}


/* Table and Search */
.pp-table-options-container {
    position: absolute; top: 0; right: 0; width: calc(100% - 100px); overflow: hidden;
}
.pp-table-options-container > .pp-table-options-wrapper {float: right;}
.pp-table-options-container > .pp-table-options-wrapper > .pp-table-option {
    float: left; display: block; font-size: 14px; font-weight: 600; color: #fff;
    padding: 3px 10px; margin: 0 0 0 4px;
}
.pp-table-option > i {color: #fff;}

.pp-table {overflow-x: auto; padding-bottom: 5px;}
.pp-table table tr {border-bottom: 1px solid #929292;}
.pp-table table tr:first-child {border-bottom: 2px solid #929292; border-top: 2px solid #929292;}
.pp-table table th, .pp-table table td {font-size: 13.5px; vertical-align: middle;}
.pp-table table th {color: #292929;}
.pp-table table td {color: #929292;}
.pp-table table tr:hover > td {color: #292929; background: #eeeeee;}
.pp-table table td > a > i {font-size: 18px; padding: 0 3px;}
.pp-table table td > img, 
.pp-table table td > a > img {
    display: block; width: 200px; height: auto; border-radius: 2px; border: 1px solid rgba(0,0,0,.2);
}
.pp-table table th select, td select {min-width: 135px; padding-left: 10px;}

.pp-table-pagination-container {
    width: 100%; overflow: hidden; margin: 0 0 10px 0; font-size: 13px; font-weight: 600;
}
.pp-table-pagination-container > .pagination-controls {float: left; width: 160px;}
.pp-table-pagination-container > .pagination-controls > select {
    width: 50px; padding-left: 10px; display: inline-block !important;
}
.pp-table-pagination-container > .pageNumbers {
    float: left; width: calc(100% - 160px); text-align: right; padding: 2px 0;
}
.pp-table-pagination-container > .pageNumbers > .pagination-plain > li {
    display: inline-block; border: 1.5px solid; margin: 2px 3px; border-radius: 4px;
    min-width: 30px; text-align: center; padding: 3px; transition: .2s all;
}
.pp-table-pagination-container > .pageNumbers > .pagination-plain > li > a {
    padding: 3px 5px; color: #292929; transition: .2s all;
}
.pp-table-pagination-container > .pageNumbers > .pagination-plain > li:hover > a,
.pp-table-pagination-container > .pageNumbers > .pagination-plain > li.active > a {color: #fff;}
.pp-table-pagination-container > .pageNumbers > .pagination-plain > li.active {pointer-events: none;}
.pp-table-pagination-container > .pageNumbers > .pagination-plain > li.disabled {
    opacity: .35; pointer-events: none;
}

.pp-table .table.stripe tr > th {color: #526476;}
.pp-table .table.stripe tr:nth-child(even) {background: #f9fafb;}
.pp-table .table.stripe tr {border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;}
.pp-table .table.stripe tr:last-child {border-color: #a3a3a3;}
.pp-table .table.stripe tr:first-child {border-top: 2px solid #d1d1d1; border-bottom: 2px solid #d1d1d1;}

.search-container {
    width: 100%; overflow: hidden; color: #929292; font-size: 12px; line-height: 24px;
    padding-bottom: 10px; border-bottom: 2px solid #e2e2e2; margin-bottom: 15px;
}
.search-container > .search-title {font-size: 14px; font-weight: 600; margin-bottom: 5px;}
.search-container > .search-title > a {font-weight: 100; text-decoration: underline;}
.search-container input[type=checkbox] {float: left; margin: 6px 6px 0 0;}

.search-btn-container {width: auto; text-align: left; margin: 5px 0 0 0;}
.search-btn-container > button, .search-btn-container > input[type=button],
.search-btn-container > input[type=submit] {
    min-width: 100px; width: auto; margin: 3px; display: inline-block !important; padding: 8px 10px;
}
.search-btn-container > input[type=submit] {margin-left: 0px;}


/* Comments and News */
.pp-comment-section {position: relative; width: 100%; overflow: hidden; padding: 5px 0;}
.pp-comment-section > p {font-size: 20px; font-weight: 400; margin: 20px 0;}
.pp-comment-section > .pp-comment-container {
    position: relative; overflow: hidden; width: 100%; padding: 0; background: #f5f5f5;
    margin: 10px 0; border: 1px solid #dbdbdb; border-radius: 5px;
}
.pp-comment-section > .pp-comment-container > .info {padding: 15px;}
.pp-comment-section > .pp-comment-container > .info > .name {font-size: 16px; font-weight: 600;}
.pp-comment-section > .pp-comment-container > .info > .date {
    font-size: 14px; font-style: italic; margin-top: 6px;
}
.pp-comment-section > .pp-comment-container > .message {
    padding: 15px 20px; background: #ffffff; font-size: 16px;
}

.pp-news-section .pp-news-tab > .pp-news-container {
    padding: 15px 0; margin: 0; border-bottom: 1px solid #dfdfdf;
}
.pp-news-section .pp-news-tab > .pp-news-container:last-child {padding-bottom: 0; border-color: transparent;}
.pp-news-section .pp-news-tab > .pp-news-container > .detail {font-size: 15px;}


/* Drag and drop */
.pp-drag-drop-container {
    margin: 25px 0 15px 0; background: #d3d3d3; overflow: hidden;
    min-height: 550px; height: 550px; max-height: 550px;
}
.pp-drop-container {
    float: left; position: relative; overflow-x: hidden; overflow-y: auto;
    width: calc(100% - 220px); margin: 15px 0;
    min-height: 520px; height: 520px; max-height: 520px;    
}
.pp-drop-container > .pp-drop-wrapper {
    width: 600px; height: auto; margin-left: calc(50% - 300px); overflow-x: hidden;
}

.pp-dropable, .pp-dropped {
    display: block; position: relative; overflow: hidden; border-radius: 10px;
    width: 100%; min-height: 10px; border: 2px dashed transparent; pointer-events: all; 
    transition: .3s all;
}
.pp-dropable.last {min-height: 75px; border: 2px dashed #000;}
.pp-dropable.over {border: 2px dashed #000; opacity: .5; min-height: 45px;}
.pp-dropable.last.over {min-height: 105px;}

.pp-dropped {opacity: 1;}
.pp-dropped-new {
    -webkit-animation: animation1 1000ms linear both;
    animation: animation1 1000ms linear both;
}
.pp-dropped > img {display: block; width: 100%; height: auto; transition: .3s opacity;}
.pp-dropped:hover > img {opacity: .8;}
.pp-dropped > .pp-dropped-delete {
    font-size: 40px; position: absolute; top: 5px; right: 5px; padding: 10px 15px; border-radius: 5px;
    background: #ffffff; cursor: pointer; pointer-events: all; opacity: 0; 
    border: 1px solid #000; transition: .3s all;
}
.pp-dropped:hover > .pp-dropped-delete {opacity: 1;}
.pp-dropped > .pp-dropped-delete:hover {color: #fff; background: #dc3545; border-color: #dc3545;}


.pp-drop-container > .pp-drop-wrapper > .pp-dropable-init {
    text-align: center; color: #4c5052; padding: 155px 0;
}
.pp-drop-container > .pp-drop-wrapper > .pp-dropable-init > i {font-size: 80px; pointer-events: none;}
.pp-drop-container > .pp-drop-wrapper > .pp-dropable-init > .title {
    font-size: 28px; font-weight: 900; margin-top: 20px; pointer-events: none;
}
.pp-drop-container > .pp-drop-wrapper > .pp-dropable-init > .desc {
    font-size: 22px; margin-top: 15px; pointer-events: none;
}

.pp-drag-container {
    float: left; position: relative; width: 220px; background: #f4f4f4; z-index: 40;
    min-height: 550px; height: 550px; max-height: 550px;
}
.pp-drag-container > ul > li {
    font-size: 16px; line-height: 16px; font-weight: 600; color: #555555; display: block;
    padding: 20px 0 20px 25px; transition: .3s background; cursor: pointer;
}
.pp-drag-container > ul > li:hover,
.pp-drag-container > ul > li.active {background: #e7e7e7;}
.pp-drag-popup {
    position: absolute; top: 0; left: 0; width: 0; overflow-y: hidden; overflow-x: visible;
    min-height: 550px; height: 550px; max-height: 550px; background: #e7e7e7; opacity: 0;
    pointer-events: none; overflow: hidden; transition: .5s all;
}
.pp-drag-popup.active, .pp-drag-popup:hover {
    left: -280px; width: 280px; opacity: 1; pointer-events: all;
    -webkit-box-shadow: -50px 0 85px 0 rgba(0,0,0,.08);
    box-shadow: -50px 0 85px 0 rgba(0,0,0,.08);
}
.pp-drag-popup.inactive {left: 0; width: 0;opacity: 0; pointer-events: none;}
.pp-drag-popup > .pp-drag-wrapper {
    margin: 15px; width: 250px; overflow-x: hidden; overflow-y: auto;
    min-height: 520px; height: 520px; max-height: 520px;
}
.pp-drag-popup > .pp-drag-wrapper > .content-block-title {
    font-size: 13px; line-height: 13px; color: #272727; margin-bottom: 10px;
}
.pp-drag-popup > .pp-drag-wrapper > .pp-dragable {
    width: calc(100% - 15px); height: auto; cursor: move; pointer-events: all; margin-bottom: 15px;
}
.pp-drag-popup > .pp-drag-wrapper > .pp-dragable > img {
    width: 100%; height: auto; border-radius: 5px; border: 1px solid #272727; background: #ffffff;
}
[draggable] {
    -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;
    -khtml-user-drag: element; -webkit-user-drag: element;
}


/* Content blocks */
.pp-cb-banner {display: block; width: 100%; overflow: hidden; margin: 0; padding: 0;}
.pp-cb-banner img {display: block; width: 100%; height: auto;}
.pp-cb-pagename {
    display: block; width: 100%; padding: 15px; font-weight: 500;
    font-size: 14px; line-height: 1.3; color: #a5a5a5;
}
.pp-cb-pagename > a {text-decoration: underline;}
.pp-cb-row {display: block; width: 100%; overflow: visible; margin: 0; padding: 0;}
.pp-cb-bg {background-size: cover; background-position: center;}
.pp-cb-content {display: block; position: relative; width: 100%; height: auto;}
.pp-cb-form > input {
    max-width: 280px !important; height: 66px; margin: 5px !important; font-size: 24px !important;
}
.pp-cb-input {height: 50px; font-size: 20px !important;}

.pp-cb-content {background: #fff; padding: 25px; position: relative;}
.pp-cb-header {font-size: 38px; font-weight: 500; width: 100%; text-align: left; line-height: 1.35;}
.pp-cb-desc {font-size: 16px; font-weight: 400; width: 75%; line-height: 1.4; color: #777777;}
.pp-cb-subheader {
    font-size: 24px; width: 100%; text-align: left; line-height: 1.35; text-transform: uppercase;
    font-weight: 400;
}

.pp-cb-ptop1 {padding-top: 65px;}
.pp-cb-ptop2 {padding-top: calc(50vh - 285px);}
.pp-cb-ptop3 {padding-top: calc(50vh - 265px);}
.pp-cb-ptop4 {padding-top: calc(50vh - 245px);}
.pp-cb-ptop5 {padding-top: calc(50vh - 225px);}
.pp-cb-ptop6 {padding-top: calc(50vh - 205px);}
.pp-cb-ptop7 {padding-top: calc(50vh - 185px);}
.pp-cb-ptop8 {padding-top: calc(50vh - 165px);}
.pp-cb-ptop9 {padding-top: calc(50vh - 145px);}
.pp-cb-ptop10 {padding-top: calc(50vh - 70px);}
.pp-cb-ptop11 {padding-top: calc(50vh - 25px);}

/* Content blocks: Full width */
.pp-cw-fw {width: 100vw;}
.pp-cb-fw-container {
    width: 100%; padding: calc(50vh - 155px) 10vw 45px calc(10vw - 15px); font-size: 24px; line-height: 1.35;
}
.pp-cb-fw .pp-member-carousel > .carousel-inner {min-height: 381px;}
.pp-cb-fw .pp-member-carousel .carousel-caption {padding: 35px 270px;}

/* Content blocks: Box */
.pp-cb-box {position: relative; display: block; max-width: 1180px; margin: 0 auto;}
.absolute-cb-box {position: absolute; overflow: hidden; top: 0; left: calc(50vw - 590px); width: 1180px;}
.pp-cb-box .pp-member-carousel > .carousel-inner {min-height: 381px;}
.pp-cb-box .pp-member-carousel .carousel-caption {padding: 35px 220px;}

/* Shared content blocks */
.pp-cb-img-float-info {line-height: 1.35;}
.pp-cb-box .pp-cb-img-float-info {padding: 65px 30px 25px 210px;}
.pp-cb-box .pp-cb-img-float-info.cb-left {padding: 65px 210px 25px 30px;}
.pp-cb-fw .pp-cb-img-float-info {padding: 55px 30px 25px 280px;}
.pp-cb-fw .pp-cb-img-float-info.cb-left {padding: 55px 280px 25px 30px;}
.pp-cb-img-float-info > .title {font-size: 32px; font-weight: 400;}

.pp-cb-img-float-wraper > img {width: 100%; height: auto;}
.pp-cb-box .pp-cb-img-float-wraper, .pp-cb-fw .pp-cb-img-float-wraper {position: absolute;}
.pp-cb-box .pp-cb-img-float-wraper > img, .pp-cb-fw .pp-cb-img-float-wraper > img {
    position: absolute; left: 0; width: calc(50vw - 15px); height: auto; border-radius: 5px
}
.pp-cb-fw .pp-cb-img-float-wraper.cb-left > img {left: -35px;}
.pp-cb-box .pp-cb-img-float-wraper.cb-left > img {left: calc((1180px - 100vw) / 2 - 50px);}

/* Content blocks: Left/Right Nav */
.pp-container-left .pp-member-carousel > .carousel-inner,
.pp-container-right .pp-member-carousel > .carousel-inner {min-height: 404px;}
.pp-container-left .pp-member-carousel .carousel-caption,
.pp-container-right .pp-member-carousel .carousel-caption {padding: 35px 100px;}


/* Special grid container */
.grid3-container {overflow: hidden; width: 100%;}
.grid3 {
    float: left; padding: 15px 20px 15px 20px; background: #fff; width: calc(33.3333% - 7px);
    margin: 15px 3.5px 0 3.5px; height: 310px;
}
.grid3:nth-child(1), .grid3:nth-child(4) {margin: 15px 7px 0 0;}
.grid3:nth-child(3), .grid3:nth-child(6) {margin: 15px 0 0 7px;}
.grid3-big-text, .grid3-small-text {width: 100%; text-align: center;}
.grid3-big-text {font-size: 140px; font-weight: 600; line-height: 140px; margin: 25px 0;}
.grid3-small-text {font-size: 16px; line-height: 20px;}
.grid3-donut-chart {padding: 0 15px;}

.grid3 .video-photo > img {
    display: block; width: 100%; height: auto; border-radius: 5px; border: 1px solid #bebebe;
}


/* Analytic */
.analytic-chart-container {padding: 0; overflow: hidden;}
.analytic-chart-container, .analytic-chart-container > iframe {transition: .25s height;}

.donut-legend {width: 100%; overflow: hidden; margin-bottom: 9px;}
.donut-legend > .legend {float: left; width: 50%; margin: 0 0 2px 0;}
.donut-legend > .legend > div:nth-child(1) {float: left; width: 30px; height: 12px; margin: 6px 11px 0 0;}
.donut-legend > .legend > div:nth-child(2) {float: left; font-size: 14px;}

#chart-1 {height: 402px;} 
#chart-1 > iframe {height: 405px;}


/* Inputs and Buttons */
form {width: 100%;}
.row-input {margin: 10px 0 27px 0;}
.row-input > label {color: #5F5F5F; font-size: 13px; font-weight: 600; margin: 0 0 6px 0; padding: 0;}
input[type=file] {font-size: 17px; padding: 2px 0 0 0;}
.btn-container {width: auto; text-align: left;}
.btn {font-size: 15px; font-weight: 600; padding: 5px 10px; opacity: 1 !important;}
.btn:hover {opacity: 1 !important;}

input[type="text"]:disabled, select:disabled, textarea:disabled {
    padding: 8px 10px; font-size: 17px; color: #7a7a7a; line-height: 1.12;
    border: none; box-shadow: none; max-width: 100%; width: 100%;
    background: #f7f7f7; height: 33px; overflow-y: hidden;
}
.pp-disabled-text {font-size: 17px; padding: 8px 10px; color: #7a7a7a; line-height: 1.12;}

.ui.selection.dropdown .menu>.item {font-size: 16px;}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus,
textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus,
select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus,
.input-autofill {
  box-shadow: none !important; border-color: 1px solid #797979 !important;
}
textarea {max-height: 100vh !important;}

::placeholder {color: #acacac; opacity: 1;}
:-ms-input-placeholder {color: #acacac;}
::-ms-input-placeholder {color: #acacac;}
.search-border-wrapper .btn {min-width: 120px;}

.pp-search-wrapper {position: relative; overflow: hidden;}
.pp-search-wrapper > input[type=text] {
    border-radius: 18px; padding: 4px 5px 4px 40px; font-size: 17px; box-shadow: none !important;
    color: #8b8b8b; border: 2px solid #b9b9b9; transition: 0s all;
}
.pp-search-wrapper > button {
    position: absolute; top: 7px; left: 8px; font-size: 17px; color: #8b8b8b; padding: 0 4px;
    margin: 0 !important; background: none; box-shadow: none !important; transition: 0s all;
}

input[type=checkbox], input[type=radio] {display: inline-block !important;}


/* Progress bar */
.progress-bar-container {margin: 0 0 7px 0; overflow: hidden;}
.progress-bar-container > .title {color: #757575; font-size: 12px; font-weight: 600; margin-bottom: 2px;}
.progress-bar-container > .progress-bar {
    position: relative; float: left; width: 88%; height: 30px; background: rgb(236, 236, 236);
    border-radius: 4px;
}
.progress-bar-container > .progress-bar > div {
    height: 30px; width: 0; border-radius: 4px; transition: .8s width;
}
.progress-bar-container > .progress-value {
    float: left; width: 12%; text-align: end; font-size: 14px; font-weight: 600; padding-top: 4px;
}


/* Text styling */
.header-text, .head {font-size: 20px; font-weight: 600; width: 100%; text-align: left; padding: 5px 0 25px 0;}
.header-desc, .txt {font-size: 15px; line-height: 1.35; font-weight: 600; color: #b5b5b5;}
.subheader-text {font-size: 18px; font-weight: 600; width: 100%; text-align: left; padding: 5px 0 10px 0;}
.req {color: red;}
.special-header1 {
    color: #222; font-size: 18px; font-weight: 600; width: 100%; border-bottom: 1.5px solid #e1e1e1;
    padding: 0 0 5px 0; margin: 5px 0 10px 0;
}
.input-label {font-size: 16px; font-weight: 600; line-height: 1.3; margin: 25px 0 8px 0;}


/* Datepicker */
.ui-datepicker {display: none; width: 257px; background: #fff; margin: 10px 0 0 0; border-radius: 6px;}
.ui-datepicker:before {
    content: ""; border-style: solid; border-width: 0 6px 6px; height: 0; margin-top: 0; opacity: 1; 
    position: absolute; left: 12px; top: -13px; width: 0; z-index: 10
}
.ui-datepicker .ui-datepicker-header {
    color: #fff; cursor: pointer; margin: -7px -7px 2px; position: relative; border-radius: 6px 6px 0 0;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
    height: 26px; padding: 0 0 0 5px; margin-right: 4px !important;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute; top: 0; width: 52px; height: 44px; color: #fff; text-align: center; cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev {left: 0;}
.ui-datepicker .ui-datepicker-next {right: 0;}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block; position: absolute; left: 50%; margin-left: -5px; top: 50%; margin-top: -6px;
    text-indent: -9999px; width: 0; height: 0; content: "";
}
.ui-datepicker .ui-icon-circle-triangle-w {
    border: inset transparent; border-width: 7px 12px 7px 0; border-right-color: #fff;
}
.ui-datepicker .ui-icon-circle-triangle-e {
    border: outset transparent; border-width: 7px 0 7px 12px; border-left-color: #fff;
}
.ui-datepicker .ui-datepicker-title {
    margin: 0 52px; line-height: 44px; text-align: center; font-size: 15px;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 45%; display: inline-block !important;
}
.ui-datepicker table {font-size: 14px; color: #383838; margin: 0 0 5px 2px;}
.ui-datepicker th {
    min-width: 34px; height: 30px; text-align: center; font-weight: bold; border: 0; padding: 1px;  
    vertical-align: middle;
}
.ui-datepicker td {
    border: 0; padding: 1px; text-align: center; vertical-align: middle; cursor: pointer;
    border-radius: 4px;
}
.ui-datepicker td:hover {background: #dfdfdf;}
.ui-datepicker td.ui-state-disabled {
    pointer-events: none; color: #b8b8b8; background: #ececec; border-radius: 0;
}
.ui-datepicker td.ui-state-disabled.ui-datepicker-other-month {background: none;}
.ui-datepicker td.ui-datepicker-current-day {color: #fff;}


/* Popup */
.ui.popup {
    max-width: 220px; width: auto; min-width: 0;  height: auto; min-height: 0; border-radius: 5px;
    padding: 6px 10px !important;
}
.ui.popup > .content {
    color: #fff; font-size: 12px; height: auto; min-height: 0; position: relative; line-height: 16px;
    max-width: 220px; width: auto; min-width: 0; padding: 0 !important; margin: 0 !important;
}
.ui.popup:before {display: none !important;}


/* Carousel */
.carousel-indicators.circle > li {
    width: 12px; height: 12px; border-radius: 50%; cursor: pointer; margin: 0 9px; background: #d9d9d9;
    bottom: 0; transition: .25s color;
}
.carousel-indicators.circle > li:hover {background: #bfbfbf;}
.carousel-indicators.circle > li.active {background: #42b8cc;}
.carousel-control-prev.grey-color, .carousel-control-next.grey-color {
    color: #d9d9d9; font-size: 38px; opacity: .15; transition: .3s opacity;
}
.carousel-control-prev.grey-color:hover, .carousel-control-next.grey-color:hover {opacity: .8;}

.pp-member-carousel {
    background: rgba(0,0,0,0); position: relative; height: auto; overflow: hidden; padding: 75px 0;
}
.pp-member-carousel > .carousel-indicators {position: relative; bottom: 0;}

.pp-member-carousel .carousel-caption {
    color: #1c2123; font-weight: 400; line-height: 1.35; position: relative; right: 0; left: 0; bottom: 0;
}
.pp-member-carousel .carousel-caption > img {
    display: block; width: 90px; height: 90px; margin: 0 auto; border-radius: 50%;
}
.pp-member-carousel .carousel-caption > .saying {
    font-style: italic; font-weight: 500; font-size: 17px; margin: 25px 0 30px 0;
}
.pp-member-carousel .carousel-caption > .title {font-size: 22px; font-weight: 700;}
.pp-member-carousel .carousel-caption > .subtitle {font-size: 18px; font-weight: 300; color: #b3b3b3;}


/* Notification */
.notification-container {
    position: fixed; top: 125px; left: calc(100vw - 320px); z-index: 30;
}
.notification-container > .notification {
    position: relative; width: 300px; font-size: 18px; line-height: 26px;
    padding: 15px 35px 15px 25px; display: none; font-weight: 400; color: #ffffff;
    border-radius: 5px;
}
.notification-close {
    position: absolute; top: 0; right: 0; cursor: pointer; transition: .3s all;
    color: #ffffff; opacity: 0.5; font-size: 24px; padding: 4px 8px;
}
.notification-close:hover {opacity: 1 !important;}


/* Animations */
.show-on-scroll {opacity: 0;}

@-webkit-keyframes animation { 
    0% { -webkit-transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    3.4% { -webkit-transform: matrix3d(0.658, 0, 0, 0, 0, 0.703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.658, 0, 0, 0, 0, 0.703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    4.7% { -webkit-transform: matrix3d(0.725, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.725, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    6.81% { -webkit-transform: matrix3d(0.83, 0, 0, 0, 0, 0.946, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.83, 0, 0, 0, 0, 0.946, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    9.41% { -webkit-transform: matrix3d(0.942, 0, 0, 0, 0, 1.084, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.942, 0, 0, 0, 0, 1.084, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    10.21% { -webkit-transform: matrix3d(0.971, 0, 0, 0, 0, 1.113, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.971, 0, 0, 0, 0, 1.113, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    13.61% { -webkit-transform: matrix3d(1.062, 0, 0, 0, 0, 1.166, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.062, 0, 0, 0, 0, 1.166, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    14.11% { -webkit-transform: matrix3d(1.07, 0, 0, 0, 0, 1.165, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.07, 0, 0, 0, 0, 1.165, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    17.52% { -webkit-transform: matrix3d(1.104, 0, 0, 0, 0, 1.12, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.104, 0, 0, 0, 0, 1.12, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    18.72% { -webkit-transform: matrix3d(1.106, 0, 0, 0, 0, 1.094, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.106, 0, 0, 0, 0, 1.094, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    21.32% { -webkit-transform: matrix3d(1.098, 0, 0, 0, 0, 1.035, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.098, 0, 0, 0, 0, 1.035, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    24.32% { -webkit-transform: matrix3d(1.075, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.075, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    25.23% { -webkit-transform: matrix3d(1.067, 0, 0, 0, 0, 0.969, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.067, 0, 0, 0, 0, 0.969, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    29.03% { -webkit-transform: matrix3d(1.031, 0, 0, 0, 0, 0.948, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.031, 0, 0, 0, 0, 0.948, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    29.93% { -webkit-transform: matrix3d(1.024, 0, 0, 0, 0, 0.949, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.024, 0, 0, 0, 0, 0.949, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    35.54% { -webkit-transform: matrix3d(0.99, 0, 0, 0, 0, 0.981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99, 0, 0, 0, 0, 0.981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    36.74% { -webkit-transform: matrix3d(0.986, 0, 0, 0, 0, 0.989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.986, 0, 0, 0, 0, 0.989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    41.04% { -webkit-transform: matrix3d(0.98, 0, 0, 0, 0, 1.011, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.98, 0, 0, 0, 0, 1.011, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    44.44% { -webkit-transform: matrix3d(0.983, 0, 0, 0, 0, 1.016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.983, 0, 0, 0, 0, 1.016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    52.15% { -webkit-transform: matrix3d(0.996, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.996, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    59.86% { -webkit-transform: matrix3d(1.003, 0, 0, 0, 0, 0.995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.003, 0, 0, 0, 0, 0.995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    63.26% { -webkit-transform: matrix3d(1.004, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.004, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    75.28% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    85.49% { -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    90.69% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
}
@keyframes animation { 
    0% { -webkit-transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    3.4% { -webkit-transform: matrix3d(0.658, 0, 0, 0, 0, 0.703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.658, 0, 0, 0, 0, 0.703, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    4.7% { -webkit-transform: matrix3d(0.725, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.725, 0, 0, 0, 0, 0.8, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    6.81% { -webkit-transform: matrix3d(0.83, 0, 0, 0, 0, 0.946, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.83, 0, 0, 0, 0, 0.946, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    9.41% { -webkit-transform: matrix3d(0.942, 0, 0, 0, 0, 1.084, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.942, 0, 0, 0, 0, 1.084, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    10.21% { -webkit-transform: matrix3d(0.971, 0, 0, 0, 0, 1.113, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.971, 0, 0, 0, 0, 1.113, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    13.61% { -webkit-transform: matrix3d(1.062, 0, 0, 0, 0, 1.166, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.062, 0, 0, 0, 0, 1.166, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    14.11% { -webkit-transform: matrix3d(1.07, 0, 0, 0, 0, 1.165, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.07, 0, 0, 0, 0, 1.165, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    17.52% { -webkit-transform: matrix3d(1.104, 0, 0, 0, 0, 1.12, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.104, 0, 0, 0, 0, 1.12, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    18.72% { -webkit-transform: matrix3d(1.106, 0, 0, 0, 0, 1.094, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.106, 0, 0, 0, 0, 1.094, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    21.32% { -webkit-transform: matrix3d(1.098, 0, 0, 0, 0, 1.035, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.098, 0, 0, 0, 0, 1.035, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    24.32% { -webkit-transform: matrix3d(1.075, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.075, 0, 0, 0, 0, 0.98, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    25.23% { -webkit-transform: matrix3d(1.067, 0, 0, 0, 0, 0.969, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.067, 0, 0, 0, 0, 0.969, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    29.03% { -webkit-transform: matrix3d(1.031, 0, 0, 0, 0, 0.948, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.031, 0, 0, 0, 0, 0.948, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    29.93% { -webkit-transform: matrix3d(1.024, 0, 0, 0, 0, 0.949, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.024, 0, 0, 0, 0, 0.949, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    35.54% { -webkit-transform: matrix3d(0.99, 0, 0, 0, 0, 0.981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99, 0, 0, 0, 0, 0.981, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    36.74% { -webkit-transform: matrix3d(0.986, 0, 0, 0, 0, 0.989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.986, 0, 0, 0, 0, 0.989, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    41.04% { -webkit-transform: matrix3d(0.98, 0, 0, 0, 0, 1.011, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.98, 0, 0, 0, 0, 1.011, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    44.44% { -webkit-transform: matrix3d(0.983, 0, 0, 0, 0, 1.016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.983, 0, 0, 0, 0, 1.016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    52.15% { -webkit-transform: matrix3d(0.996, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.996, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    59.86% { -webkit-transform: matrix3d(1.003, 0, 0, 0, 0, 0.995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.003, 0, 0, 0, 0, 0.995, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    63.26% { -webkit-transform: matrix3d(1.004, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.004, 0, 0, 0, 0, 0.996, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    75.28% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    85.49% { -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    90.69% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
}
@-webkit-keyframes animation1 { 
    0% { -webkit-transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    4.7% { -webkit-transform: matrix3d(0.725, 0, 0, 0, 0, 0.659, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.725, 0, 0, 0, 0, 0.659, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    5.71% { -webkit-transform: matrix3d(0.776, 0, 0, 0, 0, 0.688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.776, 0, 0, 0, 0, 0.688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    9.41% { -webkit-transform: matrix3d(0.942, 0, 0, 0, 0, 0.779, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.942, 0, 0, 0, 0, 0.779, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    11.31% { -webkit-transform: matrix3d(1.006, 0, 0, 0, 0, 0.818, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.006, 0, 0, 0, 0, 0.818, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    14.11% { -webkit-transform: matrix3d(1.07, 0, 0, 0, 0, 0.865, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.07, 0, 0, 0, 0, 0.865, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    17.02% { -webkit-transform: matrix3d(1.102, 0, 0, 0, 0, 0.905, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.102, 0, 0, 0, 0, 0.905, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    18.72% { -webkit-transform: matrix3d(1.106, 0, 0, 0, 0, 0.923, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.106, 0, 0, 0, 0, 0.923, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    22.62% { -webkit-transform: matrix3d(1.089, 0, 0, 0, 0, 0.957, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.089, 0, 0, 0, 0, 0.957, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    24.32% { -webkit-transform: matrix3d(1.075, 0, 0, 0, 0, 0.968, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.075, 0, 0, 0, 0, 0.968, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    28.33% { -webkit-transform: matrix3d(1.038, 0, 0, 0, 0, 0.986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.038, 0, 0, 0, 0, 0.986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    29.93% { -webkit-transform: matrix3d(1.024, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.024, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    33.93% { -webkit-transform: matrix3d(0.997, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.997, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    35.54% { -webkit-transform: matrix3d(0.99, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    41.04% { -webkit-transform: matrix3d(0.98, 0, 0, 0, 0, 1.008, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.98, 0, 0, 0, 0, 1.008, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    45.15% { -webkit-transform: matrix3d(0.984, 0, 0, 0, 0, 1.009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.984, 0, 0, 0, 0, 1.009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    52.15% { -webkit-transform: matrix3d(0.996, 0, 0, 0, 0, 1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.996, 0, 0, 0, 0, 1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    63.26% { -webkit-transform: matrix3d(1.004, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.004, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    72.57% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    85.49% { -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
}
@keyframes animation1 { 
    0% { -webkit-transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    4.7% { -webkit-transform: matrix3d(0.725, 0, 0, 0, 0, 0.659, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.725, 0, 0, 0, 0, 0.659, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    5.71% { -webkit-transform: matrix3d(0.776, 0, 0, 0, 0, 0.688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.776, 0, 0, 0, 0, 0.688, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    9.41% { -webkit-transform: matrix3d(0.942, 0, 0, 0, 0, 0.779, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.942, 0, 0, 0, 0, 0.779, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    11.31% { -webkit-transform: matrix3d(1.006, 0, 0, 0, 0, 0.818, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.006, 0, 0, 0, 0, 0.818, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    14.11% { -webkit-transform: matrix3d(1.07, 0, 0, 0, 0, 0.865, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.07, 0, 0, 0, 0, 0.865, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    17.02% { -webkit-transform: matrix3d(1.102, 0, 0, 0, 0, 0.905, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.102, 0, 0, 0, 0, 0.905, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    18.72% { -webkit-transform: matrix3d(1.106, 0, 0, 0, 0, 0.923, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.106, 0, 0, 0, 0, 0.923, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    22.62% { -webkit-transform: matrix3d(1.089, 0, 0, 0, 0, 0.957, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.089, 0, 0, 0, 0, 0.957, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    24.32% { -webkit-transform: matrix3d(1.075, 0, 0, 0, 0, 0.968, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.075, 0, 0, 0, 0, 0.968, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    28.33% { -webkit-transform: matrix3d(1.038, 0, 0, 0, 0, 0.986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.038, 0, 0, 0, 0, 0.986, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    29.93% { -webkit-transform: matrix3d(1.024, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.024, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    33.93% { -webkit-transform: matrix3d(0.997, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.997, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    35.54% { -webkit-transform: matrix3d(0.99, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.99, 0, 0, 0, 0, 1.003, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    41.04% { -webkit-transform: matrix3d(0.98, 0, 0, 0, 0, 1.008, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.98, 0, 0, 0, 0, 1.008, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    45.15% { -webkit-transform: matrix3d(0.984, 0, 0, 0, 0, 1.009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.984, 0, 0, 0, 0, 1.009, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    52.15% { -webkit-transform: matrix3d(0.996, 0, 0, 0, 0, 1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.996, 0, 0, 0, 0, 1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    63.26% { -webkit-transform: matrix3d(1.004, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.004, 0, 0, 0, 0, 1.004, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    72.57% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 1.002, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    85.49% { -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
}

@keyframes animatedBackground {0% {background-position: 0 0;} 100% {background-position: -7854px 0;}}
@-moz-keyframes animatedBackground {0% {background-position: 0 0;} 100% {background-position: -7854px 0;}}
@-webkit-keyframes animatedBackground {0% {background-position: 0 0;} 100% {background-position: -7854px 0;}}
@-ms-keyframes animatedBackground {0% {background-position: 0 0;} 100% {background-position: -7854px 0;}}
@-o-keyframes animatedBackground {0% {background-position: 0 0;} 100% {background-position: -7854px 0;}}
.bg-pano-container {
    background-repeat: repeat;
    animation: animatedBackground 400s ease-out infinite;
    -moz-animation: animatedBackground 400s ease-out infinite;
    -webkit-animation: animatedBackground 400s ease-out infinite;
    -ms-animation: animatedBackground 400s ease-out infinite;
    -o-animation: animatedBackground 400s ease-out infinite;
}


@keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;}}
@-moz-keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;}}
@-webkit-keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;}}
@-ms-keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;}}
@-o-keyframes fadeIn {0% {opacity: 0;} 100% {opacity: 1;}}
.fade-in {
    animation: fadeIn 1s cubic-bezier(0.25, 0.1, 0.2, 1);
    -moz-animation: fadeIn 1s cubic-bezier(0.25, 0.1, 0.2, 1);
    -webkit-animation: fadeIn 1s cubic-bezier(0.25, 0.1, 0.2, 1);
    -ms-animation: fadeIn 1s cubic-bezier(0.25, 0.1, 0.2, 1);
    -o-animation: fadeIn 1s cubic-bezier(0.25, 0.1, 0.2, 1);
}
@keyframes fadeInLater1 {0% {opacity: 0;} 10% {opacity: 0;} 100% {opacity: 1;}}
@-moz-keyframes fadeInLater1 {0% {opacity: 0;} 10% {opacity: 0;} 100% {opacity: 1;}}
@-webkit-keyframes fadeInLater1 {0% {opacity: 0;} 10% {opacity: 0;} 100% {opacity: 1;}}
@-ms-keyframes fadeInLater1 {0% {opacity: 0;} 10% {opacity: 0;} 100% {opacity: 1;}}
@-o-keyframes fadeInLater1 {0% {opacity: 0;} 10% {opacity: 0;} 100% {opacity: 1;}}
.fade-in-later1 {
    animation: fadeInLater1 1.15s cubic-bezier(0.25, 0.1, 0.2, 1);
    -moz-animation: fadeInLater1 1.15s cubic-bezier(0.25, 0.1, 0.2, 1);
    -webkit-animation: fadeInLater1 1.15s cubic-bezier(0.25, 0.1, 0.2, 1);
    -ms-animation: fadeInLater1 1.15s cubic-bezier(0.25, 0.1, 0.2, 1);
    -o-animation: fadeInLater1 1.15s cubic-bezier(0.25, 0.1, 0.2, 1);
}
@keyframes fadeInLater2 {0% {opacity: 0;} 20% {opacity: 0;} 100% {opacity: 1;}}
@-moz-keyframes fadeInLater2 {0% {opacity: 0;} 20% {opacity: 0;} 100% {opacity: 1;}}
@-webkit-keyframes fadeInLater2 {0% {opacity: 0;} 20% {opacity: 0;} 100% {opacity: 1;}}
@-ms-keyframes fadeInLater2 {0% {opacity: 0;} 20% {opacity: 0;} 100% {opacity: 1;}}
@-o-keyframes fadeInLater2 {0% {opacity: 0;} 20% {opacity: 0;} 100% {opacity: 1;}}
.fade-in-later2 {
    animation: fadeInLater2 1.3s cubic-bezier(0.25, 0.1, 0.2, 1);
    -moz-animation: fadeInLater2 1.3s cubic-bezier(0.25, 0.1, 0.2, 1);
    -webkit-animation: fadeInLater2 1.3s cubic-bezier(0.25, 0.1, 0.2, 1);
    -ms-animation: fadeInLater2 1.3s cubic-bezier(0.25, 0.1, 0.2, 1);
    -o-animation: fadeInLater2 1.3s cubic-bezier(0.25, 0.1, 0.2, 1);
}
@keyframes fadeInLater3 {0% {opacity: 0;} 30% {opacity: 0;} 100% {opacity: 1;}}
@-moz-keyframes fadeInLater3 {0% {opacity: 0;} 30% {opacity: 0;} 100% {opacity: 1;}}
@-webkit-keyframes fadeInLater3 {0% {opacity: 0;} 30% {opacity: 0;} 100% {opacity: 1;}}
@-ms-keyframes fadeInLater3 {0% {opacity: 0;} 30% {opacity: 0;} 100% {opacity: 1;}}
@-o-keyframes fadeInLater3 {0% {opacity: 0;} 30% {opacity: 0;} 100% {opacity: 1;}}
.fade-in-later3 {
    animation: fadeInLater3 1.45s cubic-bezier(0.25, 0.1, 0.2, 1);
    -moz-animation: fadeInLater3 1.45s cubic-bezier(0.25, 0.1, 0.2, 1);
    -webkit-animation: fadeInLater3 1.45s cubic-bezier(0.25, 0.1, 0.2, 1);
    -ms-animation: fadeInLater3 1.45s cubic-bezier(0.25, 0.1, 0.2, 1);
    -o-animation: fadeInLater3 1.45s cubic-bezier(0.25, 0.1, 0.2, 1);
}
@keyframes fadeInLater4 {0% {opacity: 0;} 40% {opacity: 0;} 100% {opacity: 1;}}
@-moz-keyframes fadeInLater4 {0% {opacity: 0;} 40% {opacity: 0;} 100% {opacity: 1;}}
@-webkit-keyframes fadeInLater4 {0% {opacity: 0;} 40% {opacity: 0;} 100% {opacity: 1;}}
@-ms-keyframes fadeInLater4 {0% {opacity: 0;} 40% {opacity: 0;} 100% {opacity: 1;}}
@-o-keyframes fadeInLater4 {0% {opacity: 0;} 40% {opacity: 0;} 100% {opacity: 1;}}
.fade-in-later4 {
    animation: fadeInLater4 1.6s cubic-bezier(0.25, 0.1, 0.2, 1);
    -moz-animation: fadeInLater4 1.6s cubic-bezier(0.25, 0.1, 0.2, 1);
    -webkit-animation: fadeInLater4 1.6s cubic-bezier(0.25, 0.1, 0.2, 1);
    -ms-animation: fadeInLater4 1.6s cubic-bezier(0.25, 0.1, 0.2, 1);
    -o-animation: fadeInLater4 1.6s cubic-bezier(0.25, 0.1, 0.2, 1);
}


@keyframes fadeInLeft {0% {opacity: 0; transform: translateX(-60px);} 100% {opacity: 1; transform: translateX(0);}}
@-moz-keyframes fadeInLeft {0% {opacity: 0; transform: translateX(-60px);} 100% {opacity: 1; transform: translateX(0);}}
@-webkit-keyframes fadeInLeft {0% {opacity: 0; transform: translateX(-60px);} 100% {opacity: 1; transform: translateX(0);}}
@-ms-keyframes fadeInLeft {0% {opacity: 0; transform: translateX(-60px);} 100% {opacity: 1; transform: translateX(0);}}
@-o-keyframes fadeInLeft {0% {opacity: 0; transform: translateX(-60px);} 100% {opacity: 1; transform: translateX(0);}}
.fade-in-left {
    animation: fadeInLeft 1s cubic-bezier(0.25, 0.1, 0.2, 1);
    -moz-animation: fadeInLeft 1s cubic-bezier(0.25, 0.1, 0.2, 1);
    -webkit-animation: fadeInLeft 1s cubic-bezier(0.25, 0.1, 0.2, 1);
    -ms-animation: fadeInLeft 1s cubic-bezier(0.25, 0.1, 0.2, 1);
    -o-animation: fadeInLeft 1s cubic-bezier(0.25, 0.1, 0.2, 1);
}
@keyframes fadeInLeftLater1 {0% {opacity: 0; transform: translateX(-60px);} 10% {opacity: 0; transform: translateX(-60px);} 100% {opacity: 1; transform: translateX(0);}}
@-moz-keyframes fadeInLeftLater1 {0% {opacity: 0; transform: translateX(-60px);} 10% {opacity: 0; transform: translateX(-60px);} 100% {opacity: 1; transform: translateX(0);}}
@-webkit-keyframes fadeInLeftLater1 {0% {opacity: 0; transform: translateX(-60px);} 10% {opacity: 0; transform: translateX(-60px);} 100% {opacity: 1; transform: translateX(0);}}
@-ms-keyframes fadeInLeftLater1 {0% {opacity: 0; transform: translateX(-60px);} 10% {opacity: 0; transform: translateX(-60px);} 100% {opacity: 1; transform: translateX(0);}}
@-o-keyframes fadeInLeftLater1 {0% {opacity: 0; transform: translateX(-60px);} 10% {opacity: 0; transform: translateX(-60px);} 100% {opacity: 1; transform: translateX(0);}}
.fade-in-left-later1 {
    animation: fadeInLeftLater1 1.15s cubic-bezier(0.25, 0.1, 0.2, 1);
    -moz-animation: fadeInLeftLater1 1.15s cubic-bezier(0.25, 0.1, 0.2, 1);
    -webkit-animation: fadeInLeftLater1 1.15s cubic-bezier(0.25, 0.1, 0.2, 1);
    -ms-animation: fadeInLeftLater1 1.15s cubic-bezier(0.25, 0.1, 0.2, 1);
    -o-animation: fadeInLeftLater1 1.15s cubic-bezier(0.25, 0.1, 0.2, 1);
}
@keyframes fadeInLeftLater2 {0% {opacity: 0; transform: translateX(-60px);} 20% {opacity: 0; transform: translateX(-60px);} 100% {opacity: 1; transform: translateX(0);}}
@-moz-keyframes fadeInLeftLater2 {0% {opacity: 0; transform: translateX(-60px);} 20% {opacity: 0; transform: translateX(-60px);} 100% {opacity: 1; transform: translateX(0);}}
@-webkit-keyframes fadeInLeftLater2 {0% {opacity: 0; transform: translateX(-60px);} 20% {opacity: 0; transform: translateX(-60px);} 100% {opacity: 1; transform: translateX(0);}}
@-ms-keyframes fadeInLeftLater2 {0% {opacity: 0; transform: translateX(-60px);} 20% {opacity: 0; transform: translateX(-60px);} 100% {opacity: 1; transform: translateX(0);}}
@-o-keyframes fadeInLeftLater2 {0% {opacity: 0; transform: translateX(-60px);} 20% {opacity: 0; transform: translateX(-60px);} 100% {opacity: 1; transform: translateX(0);}}
.fade-in-left-later2 {
    animation: fadeInLeftLater2 1.3s cubic-bezier(0.25, 0.1, 0.2, 1);
    -moz-animation: fadeInLeftLater2 1.3s cubic-bezier(0.25, 0.1, 0.2, 1);
    -webkit-animation: fadeInLeftLater2 1.3s cubic-bezier(0.25, 0.1, 0.2, 1);
    -ms-animation: fadeInLeftLater2 1.3s cubic-bezier(0.25, 0.1, 0.2, 1);
    -o-animation: fadeInLeftLater2 1.3s cubic-bezier(0.25, 0.1, 0.2, 1);
}
@keyframes fadeInLeftLater3 {0% {opacity: 0; transform: translateX(-60px);} 30% {opacity: 0; transform: translateX(-60px);} 100% {opacity: 1; transform: translateX(0);}}
@-moz-keyframes fadeInLeftLater3 {0% {opacity: 0; transform: translateX(-60px);} 30% {opacity: 0; transform: translateX(-60px);} 100% {opacity: 1; transform: translateX(0);}}
@-webkit-keyframes fadeInLeftLater3 {0% {opacity: 0; transform: translateX(-60px);} 30% {opacity: 0; transform: translateX(-60px);} 100% {opacity: 1; transform: translateX(0);}}
@-ms-keyframes fadeInLeftLater3 {0% {opacity: 0; transform: translateX(-60px);} 30% {opacity: 0; transform: translateX(-60px);} 100% {opacity: 1; transform: translateX(0);}}
@-o-keyframes fadeInLeftLater3 {0% {opacity: 0; transform: translateX(-60px);} 30% {opacity: 0; transform: translateX(-60px);} 100% {opacity: 1; transform: translateX(0);}}
.fade-in-left-later3 {
    animation: fadeInLeftLater3 1.45s cubic-bezier(0.25, 0.1, 0.2, 1);
    -moz-animation: fadeInLeftLater3 1.45s cubic-bezier(0.25, 0.1, 0.2, 1);
    -webkit-animation: fadeInLeftLater3 1.45s cubic-bezier(0.25, 0.1, 0.2, 1);
    -ms-animation: fadeInLeftLater3 1.45s cubic-bezier(0.25, 0.1, 0.2, 1);
    -o-animation: fadeInLeftLater3 1.45s cubic-bezier(0.25, 0.1, 0.2, 1);
}
@keyframes fadeInLeftLater4 {0% {opacity: 0; transform: translateX(-60px);} 40% {opacity: 0; transform: translateX(-60px);} 100% {opacity: 1; transform: translateX(0);}}
@-moz-keyframes fadeInLeftLater4 {0% {opacity: 0; transform: translateX(-60px);} 40% {opacity: 0; transform: translateX(-60px);} 100% {opacity: 1; transform: translateX(0);}}
@-webkit-keyframes fadeInLeftLater4 {0% {opacity: 0; transform: translateX(-60px);} 40% {opacity: 0; transform: translateX(-60px);} 100% {opacity: 1; transform: translateX(0);}}
@-ms-keyframes fadeInLeftLater4 {0% {opacity: 0; transform: translateX(-60px);} 40% {opacity: 0; transform: translateX(-60px);} 100% {opacity: 1; transform: translateX(0);}}
@-o-keyframes fadeInLeftLater4 {0% {opacity: 0; transform: translateX(-60px);} 40% {opacity: 0; transform: translateX(-60px);} 100% {opacity: 1; transform: translateX(0);}}
.fade-in-left-later4 {
    animation: fadeInLeftLater4 1.6s cubic-bezier(0.25, 0.1, 0.2, 1);
    -moz-animation: fadeInLeftLater4 1.6s cubic-bezier(0.25, 0.1, 0.2, 1);
    -webkit-animation: fadeInLeftLater4 1.6s cubic-bezier(0.25, 0.1, 0.2, 1);
    -ms-animation: fadeInLeftLater4 1.6s cubic-bezier(0.25, 0.1, 0.2, 1);
    -o-animation: fadeInLeftLater4 1.6s cubic-bezier(0.25, 0.1, 0.2, 1);
}


@keyframes fadeInRight {0% {opacity: 0; transform: translateX(60px);} 100% {opacity: 1; transform: translateX(0);}}
@-moz-keyframes fadeInRight {0% {opacity: 0; transform: translateX(60px);} 100% {opacity: 1; transform: translateX(0);}}
@-webkit-keyframes fadeInRight {0% {opacity: 0; transform: translateX(60px);} 100% {opacity: 1; transform: translateX(0);}}
@-ms-keyframes fadeInRight {0% {opacity: 0; transform: translateX(60px);} 100% {opacity: 1; transform: translateX(0);}}
@-o-keyframes fadeInRight {0% {opacity: 0; transform: translateX(60px);} 100% {opacity: 1; transform: translateX(0);}}
.fade-in-right {
    animation: fadeInRight 1s cubic-bezier(0.25, 0.1, 0.2, 1);
    -moz-animation: fadeInRight 1s cubic-bezier(0.25, 0.1, 0.2, 1);
    -webkit-animation: fadeInRight 1s cubic-bezier(0.25, 0.1, 0.2, 1);
    -ms-animation: fadeInRight 1s cubic-bezier(0.25, 0.1, 0.2, 1);
    -o-animation: fadeInRight 1s cubic-bezier(0.25, 0.1, 0.2, 1);
}
@keyframes fadeInRightLater1 {0% {opacity: 0; transform: translateX(60px);} 10% {opacity: 0; transform: translateX(60px);} 100% {opacity: 1; transform: translateX(0);}}
@-moz-keyframes fadeInRightLater1 {0% {opacity: 0; transform: translateX(60px);} 10% {opacity: 0; transform: translateX(60px);} 100% {opacity: 1; transform: translateX(0);}}
@-webkit-keyframes fadeInRightLater1 {0% {opacity: 0; transform: translateX(60px);} 10% {opacity: 0; transform: translateX(60px);} 100% {opacity: 1; transform: translateX(0);}}
@-ms-keyframes fadeInRightLater1 {0% {opacity: 0; transform: translateX(60px);} 10% {opacity: 0; transform: translateX(60px);} 100% {opacity: 1; transform: translateX(0);}}
@-o-keyframes fadeInRightLater1 {0% {opacity: 0; transform: translateX(60px);} 10% {opacity: 0; transform: translateX(60px);} 100% {opacity: 1; transform: translateX(0);}}
.fade-in-right-later1 {
    animation: fadeInRightLater1 1.15s cubic-bezier(0.25, 0.1, 0.2, 1);
    -moz-animation: fadeInRightLater1 1.15s cubic-bezier(0.25, 0.1, 0.2, 1);
    -webkit-animation: fadeInRightLater1 1.15s cubic-bezier(0.25, 0.1, 0.2, 1);
    -ms-animation: fadeInRightLater1 1.15s cubic-bezier(0.25, 0.1, 0.2, 1);
    -o-animation: fadeInRightLater1 1.15s cubic-bezier(0.25, 0.1, 0.2, 1);
}
@keyframes fadeInRightLater2 {0% {opacity: 0; transform: translateX(60px);} 20% {opacity: 0; transform: translateX(60px);} 100% {opacity: 1; transform: translateX(0);}}
@-moz-keyframes fadeInRightLater2 {0% {opacity: 0; transform: translateX(60px);} 20% {opacity: 0; transform: translateX(60px);} 100% {opacity: 1; transform: translateX(0);}}
@-webkit-keyframes fadeInRightLater2 {0% {opacity: 0; transform: translateX(60px);} 20% {opacity: 0; transform: translateX(60px);} 100% {opacity: 1; transform: translateX(0);}}
@-ms-keyframes fadeInRightLater2 {0% {opacity: 0; transform: translateX(60px);} 20% {opacity: 0; transform: translateX(60px);} 100% {opacity: 1; transform: translateX(0);}}
@-o-keyframes fadeInRightLater2 {0% {opacity: 0; transform: translateX(60px);} 20% {opacity: 0; transform: translateX(60px);} 100% {opacity: 1; transform: translateX(0);}}
.fade-in-right-later2 {
    animation: fadeInRightLater2 1.3s cubic-bezier(0.25, 0.1, 0.2, 1);
    -moz-animation: fadeInRightLater2 1.3s cubic-bezier(0.25, 0.1, 0.2, 1);
    -webkit-animation: fadeInRightLater2 1.3s cubic-bezier(0.25, 0.1, 0.2, 1);
    -ms-animation: fadeInRightLater2 1.3s cubic-bezier(0.25, 0.1, 0.2, 1);
    -o-animation: fadeInRightLater2 1.3s cubic-bezier(0.25, 0.1, 0.2, 1);
}
@keyframes fadeInRightLater3 {0% {opacity: 0; transform: translateX(60px);} 30% {opacity: 0; transform: translateX(60px);} 100% {opacity: 1; transform: translateX(0);}}
@-moz-keyframes fadeInRightLater3 {0% {opacity: 0; transform: translateX(60px);} 30% {opacity: 0; transform: translateX(60px);} 100% {opacity: 1; transform: translateX(0);}}
@-webkit-keyframes fadeInRightLater3 {0% {opacity: 0; transform: translateX(60px);} 30% {opacity: 0; transform: translateX(60px);} 100% {opacity: 1; transform: translateX(0);}}
@-ms-keyframes fadeInRightLater3 {0% {opacity: 0; transform: translateX(60px);} 30% {opacity: 0; transform: translateX(60px);} 100% {opacity: 1; transform: translateX(0);}}
@-o-keyframes fadeInRightLater3 {0% {opacity: 0; transform: translateX(60px);} 30% {opacity: 0; transform: translateX(60px);} 100% {opacity: 1; transform: translateX(0);}}
.fade-in-right-later3 {
    animation: fadeInRightLater3 1.45s cubic-bezier(0.25, 0.1, 0.2, 1);
    -moz-animation: fadeInRightLater3 1.45s cubic-bezier(0.25, 0.1, 0.2, 1);
    -webkit-animation: fadeInRightLater3 1.45s cubic-bezier(0.25, 0.1, 0.2, 1);
    -ms-animation: fadeInRightLater3 1.45s cubic-bezier(0.25, 0.1, 0.2, 1);
    -o-animation: fadeInRightLater3 1.45s cubic-bezier(0.25, 0.1, 0.2, 1);
}
@keyframes fadeInRightLater4 {0% {opacity: 0; transform: translateX(60px);} 40% {opacity: 0; transform: translateX(60px);} 100% {opacity: 1; transform: translateX(0);}}
@-moz-keyframes fadeInRightLater4 {0% {opacity: 0; transform: translateX(60px);} 40% {opacity: 0; transform: translateX(60px);} 100% {opacity: 1; transform: translateX(0);}}
@-webkit-keyframes fadeInRightLater4 {0% {opacity: 0; transform: translateX(60px);} 40% {opacity: 0; transform: translateX(60px);} 100% {opacity: 1; transform: translateX(0);}}
@-ms-keyframes fadeInRightLater4 {0% {opacity: 0; transform: translateX(60px);} 40% {opacity: 0; transform: translateX(60px);} 100% {opacity: 1; transform: translateX(0);}}
@-o-keyframes fadeInRightLater4 {0% {opacity: 0; transform: translateX(60px);} 40% {opacity: 0; transform: translateX(60px);} 100% {opacity: 1; transform: translateX(0);}}
.fade-in-right-later4 {
    animation: fadeInRightLater4 1.6s cubic-bezier(0.25, 0.1, 0.2, 1);
    -moz-animation: fadeInRightLater4 1.6s cubic-bezier(0.25, 0.1, 0.2, 1);
    -webkit-animation: fadeInRightLater4 1.6s cubic-bezier(0.25, 0.1, 0.2, 1);
    -ms-animation: fadeInRightLater4 1.6s cubic-bezier(0.25, 0.1, 0.2, 1);
    -o-animation: fadeInRightLater4 1.6s cubic-bezier(0.25, 0.1, 0.2, 1);
}


@keyframes fadeInTop {0% {opacity: 0; transform: translateY(-60px);} 100% {opacity: 1; transform: translateY(0);}}
@-moz-keyframes fadeInTop {0% {opacity: 0; transform: translateY(-60px);} 100% {opacity: 1; transform: translateY(0);}}
@-webkit-keyframes fadeInTop {0% {opacity: 0; transform: translateY(-60px);} 100% {opacity: 1; transform: translateY(0);}}
@-ms-keyframes fadeInTop {0% {opacity: 0; transform: translateY(-60px);} 100% {opacity: 1; transform: translateY(0);}}
@-o-keyframes fadeInTop {0% {opacity: 0; transform: translateY(-60px);} 100% {opacity: 1; transform: translateY(0);}}
.fade-in-top {
    animation: fadeInTop 1s cubic-bezier(0.25, 0.1, 0.2, 1);
    -moz-animation: fadeInTop 1s cubic-bezier(0.25, 0.1, 0.2, 1);
    -webkit-animation: fadeInTop 1s cubic-bezier(0.25, 0.1, 0.2, 1);
    -ms-animation: fadeInTop 1s cubic-bezier(0.25, 0.1, 0.2, 1);
    -o-animation: fadeInTop 1s cubic-bezier(0.25, 0.1, 0.2, 1);
}
@keyframes fadeInTopLater1 {0% {opacity: 0; transform: translateY(-60px);} 10% {opacity: 0; transform: translateY(-60px);} 100% {opacity: 1; transform: translateY(0);}}
@-moz-keyframes fadeInTopLater1 {0% {opacity: 0; transform: translateY(-60px);} 10% {opacity: 0; transform: translateY(-60px);} 100% {opacity: 1; transform: translateY(0);}}
@-webkit-keyframes fadeInTopLater1 {0% {opacity: 0; transform: translateY(-60px);} 10% {opacity: 0; transform: translateY(-60px);} 100% {opacity: 1; transform: translateY(0);}}
@-ms-keyframes fadeInTopLater1 {0% {opacity: 0; transform: translateY(-60px);} 10% {opacity: 0; transform: translateY(-60px);} 100% {opacity: 1; transform: translateY(0);}}
@-o-keyframes fadeInTopLater1 {0% {opacity: 0; transform: translateY(-60px);} 10% {opacity: 0; transform: translateY(-60px);} 100% {opacity: 1; transform: translateY(0);}}
.fade-in-top-later1 {
    animation: fadeInTopLater1 1.15s cubic-bezier(0.25, 0.1, 0.2, 1);
    -moz-animation: fadeInTopLater1 1.15s cubic-bezier(0.25, 0.1, 0.2, 1);
    -webkit-animation: fadeInTopLater1 1.15s cubic-bezier(0.25, 0.1, 0.2, 1);
    -ms-animation: fadeInTopLater1 1.15s cubic-bezier(0.25, 0.1, 0.2, 1);
    -o-animation: fadeInTopLater1 1.15s cubic-bezier(0.25, 0.1, 0.2, 1);
}
@keyframes fadeInTopLater2 {0% {opacity: 0; transform: translateY(-60px);} 20% {opacity: 0; transform: translateY(-60px);} 100% {opacity: 1; transform: translateY(0);}}
@-moz-keyframes fadeInTopLater2 {0% {opacity: 0; transform: translateY(-60px);} 20% {opacity: 0; transform: translateY(-60px);} 100% {opacity: 1; transform: translateY(0);}}
@-webkit-keyframes fadeInTopLater2 {0% {opacity: 0; transform: translateY(-60px);} 20% {opacity: 0; transform: translateY(-60px);} 100% {opacity: 1; transform: translateY(0);}}
@-ms-keyframes fadeInTopLater2 {0% {opacity: 0; transform: translateY(-60px);} 20% {opacity: 0; transform: translateY(-60px);} 100% {opacity: 1; transform: translateY(0);}}
@-o-keyframes fadeInTopLater2 {0% {opacity: 0; transform: translateY(-60px);} 20% {opacity: 0; transform: translateY(-60px);} 100% {opacity: 1; transform: translateY(0);}}
.fade-in-top-later2 {
    animation: fadeInTopLater2 1.3s cubic-bezier(0.25, 0.1, 0.2, 1);
    -moz-animation: fadeInTopLater2 1.3s cubic-bezier(0.25, 0.1, 0.2, 1);
    -webkit-animation: fadeInTopLater2 1.3s cubic-bezier(0.25, 0.1, 0.2, 1);
    -ms-animation: fadeInTopLater2 1.3s cubic-bezier(0.25, 0.1, 0.2, 1);
    -o-animation: fadeInTopLater2 1.3s cubic-bezier(0.25, 0.1, 0.2, 1);
}
@keyframes fadeInTopLater3 {0% {opacity: 0; transform: translateY(-60px);} 30% {opacity: 0; transform: translateY(-60px);} 100% {opacity: 1; transform: translateY(0);}}
@-moz-keyframes fadeInTopLater3 {0% {opacity: 0; transform: translateY(-60px);} 30% {opacity: 0; transform: translateY(-60px);} 100% {opacity: 1; transform: translateY(0);}}
@-webkit-keyframes fadeInTopLater3 {0% {opacity: 0; transform: translateY(-60px);} 30% {opacity: 0; transform: translateY(-60px);} 100% {opacity: 1; transform: translateY(0);}}
@-ms-keyframes fadeInTopLater3 {0% {opacity: 0; transform: translateY(-60px);} 30% {opacity: 0; transform: translateY(-60px);} 100% {opacity: 1; transform: translateY(0);}}
@-o-keyframes fadeInTopLater3 {0% {opacity: 0; transform: translateY(-60px);} 30% {opacity: 0; transform: translateY(-60px);} 100% {opacity: 1; transform: translateY(0);}}
.fade-in-top-later3 {
    animation: fadeInTopLater3 1.45s cubic-bezier(0.25, 0.1, 0.2, 1);
    -moz-animation: fadeInTopLater3 1.45s cubic-bezier(0.25, 0.1, 0.2, 1);
    -webkit-animation: fadeInTopLater3 1.45s cubic-bezier(0.25, 0.1, 0.2, 1);
    -ms-animation: fadeInTopLater3 1.45s cubic-bezier(0.25, 0.1, 0.2, 1);
    -o-animation: fadeInTopLater3 1.45s cubic-bezier(0.25, 0.1, 0.2, 1);
}
@keyframes fadeInTopLater4 {0% {opacity: 0; transform: translateY(60px);} 40% {opacity: 0; transform: translateY(60px);} 100% {opacity: 1; transform: translateY(0);}}
@-moz-keyframes fadeInTopLater4 {0% {opacity: 0; transform: translateY(60px);} 40% {opacity: 0; transform: translateY(60px);} 100% {opacity: 1; transform: translateY(0);}}
@-webkit-keyframes fadeInTopLater4 {0% {opacity: 0; transform: translateY(60px);} 40% {opacity: 0; transform: translateY(60px);} 100% {opacity: 1; transform: translateY(0);}}
@-ms-keyframes fadeInTopLater4 {0% {opacity: 0; transform: translateY(60px);} 40% {opacity: 0; transform: translateY(60px);} 100% {opacity: 1; transform: translateY(0);}}
@-o-keyframes fadeInTopLater4 {0% {opacity: 0; transform: translateY(60px);} 40% {opacity: 0; transform: translateY(60px);} 100% {opacity: 1; transform: translateY(0);}}
.fade-in-top-later4 {
    animation: fadeInTopLater4 1.6s cubic-bezier(0.25, 0.1, 0.2, 1);
    -moz-animation: fadeInTopLater4 1.6s cubic-bezier(0.25, 0.1, 0.2, 1);
    -webkit-animation: fadeInTopLater4 1.6s cubic-bezier(0.25, 0.1, 0.2, 1);
    -ms-animation: fadeInTopLater4 1.6s cubic-bezier(0.25, 0.1, 0.2, 1);
    -o-animation: fadeInTopLater4 1.6s cubic-bezier(0.25, 0.1, 0.2, 1);
}


@keyframes fadeInBottom {0% {opacity: 0; transform: translateY(60px);} 100% {opacity: 1; transform: translateY(0);}}
@-moz-keyframes fadeInBottom {0% {opacity: 0; transform: translateY(60px);} 100% {opacity: 1; transform: translateY(0);}}
@-webkit-keyframes fadeInBottom {0% {opacity: 0; transform: translateY(60px);} 100% {opacity: 1; transform: translateY(0);}}
@-ms-keyframes fadeInBottom {0% {opacity: 0; transform: translateY(60px);} 100% {opacity: 1; transform: translateY(0);}}
@-o-keyframes fadeInBottom {0% {opacity: 0; transform: translateY(60px);} 100% {opacity: 1; transform: translateY(0);}}
.fade-in-bottom {
    animation: fadeInBottom 1s cubic-bezier(0.25, 0.1, 0.2, 1);
    -moz-animation: fadeInBottom 1s cubic-bezier(0.25, 0.1, 0.2, 1);
    -webkit-animation: fadeInBottom 1s cubic-bezier(0.25, 0.1, 0.2, 1);
    -ms-animation: fadeInBottom 1s cubic-bezier(0.25, 0.1, 0.2, 1);
    -o-animation: fadeInBottom 1s cubic-bezier(0.25, 0.1, 0.2, 1);
}
@keyframes fadeInBottomLater1 {0% {opacity: 0; transform: translateY(60px);} 10% {opacity: 0; transform: translateY(60px);} 100% {opacity: 1; transform: translateY(0);}}
@-moz-keyframes fadeInBottomLater1 {0% {opacity: 0; transform: translateY(60px);} 10% {opacity: 0; transform: translateY(60px);} 100% {opacity: 1; transform: translateY(0);}}
@-webkit-keyframes fadeInBottomLater1 {0% {opacity: 0; transform: translateY(60px);} 10% {opacity: 0; transform: translateY(60px);} 100% {opacity: 1; transform: translateY(0);}}
@-ms-keyframes fadeInBottomLater1 {0% {opacity: 0; transform: translateY(60px);} 10% {opacity: 0; transform: translateY(60px);} 100% {opacity: 1; transform: translateY(0);}}
@-o-keyframes fadeInBottomLater1 {0% {opacity: 0; transform: translateY(60px);} 10% {opacity: 0; transform: translateY(60px);} 100% {opacity: 1; transform: translateY(0);}}
.fade-in-bottom-later1 {
    animation: fadeInBottomLater1 1.15s cubic-bezier(0.25, 0.1, 0.2, 1);
    -moz-animation: fadeInBottomLater1 1.15s cubic-bezier(0.25, 0.1, 0.2, 1);
    -webkit-animation: fadeInBottomLater1 1.15s cubic-bezier(0.25, 0.1, 0.2, 1);
    -ms-animation: fadeInBottomLater1 1.15s cubic-bezier(0.25, 0.1, 0.2, 1);
    -o-animation: fadeInBottomLater1 1.15s cubic-bezier(0.25, 0.1, 0.2, 1);
}
@keyframes fadeInBottomLater2 {0% {opacity: 0; transform: translateY(60px);} 20% {opacity: 0; transform: translateY(60px);} 100% {opacity: 1; transform: translateY(0);}}
@-moz-keyframes fadeInBottomLater2 {0% {opacity: 0; transform: translateY(60px);} 20% {opacity: 0; transform: translateY(60px);} 100% {opacity: 1; transform: translateY(0);}}
@-webkit-keyframes fadeInBottomLater2 {0% {opacity: 0; transform: translateY(60px);} 20% {opacity: 0; transform: translateY(60px);} 100% {opacity: 1; transform: translateY(0);}}
@-ms-keyframes fadeInBottomLater2 {0% {opacity: 0; transform: translateY(60px);} 20% {opacity: 0; transform: translateY(60px);} 100% {opacity: 1; transform: translateY(0);}}
@-o-keyframes fadeInBottomLater2 {0% {opacity: 0; transform: translateY(60px);} 20% {opacity: 0; transform: translateY(60px);} 100% {opacity: 1; transform: translateY(0);}}
.fade-in-bottom-later2 {
    animation: fadeInBottomLater2 1.3s cubic-bezier(0.25, 0.1, 0.2, 1);
    -moz-animation: fadeInBottomLater2 1.3s cubic-bezier(0.25, 0.1, 0.2, 1);
    -webkit-animation: fadeInBottomLater2 1.3s cubic-bezier(0.25, 0.1, 0.2, 1);
    -ms-animation: fadeInBottomLater2 1.3s cubic-bezier(0.25, 0.1, 0.2, 1);
    -o-animation: fadeInBottomLater2 1.3s cubic-bezier(0.25, 0.1, 0.2, 1);
}
@keyframes fadeInBottomLater3 {0% {opacity: 0; transform: translateY(60px);} 30% {opacity: 0; transform: translateY(60px);} 100% {opacity: 1; transform: translateY(0);}}
@-moz-keyframes fadeInBottomLater3 {0% {opacity: 0; transform: translateY(60px);} 30% {opacity: 0; transform: translateY(60px);} 100% {opacity: 1; transform: translateY(0);}}
@-webkit-keyframes fadeInBottomLater3 {0% {opacity: 0; transform: translateY(60px);} 30% {opacity: 0; transform: translateY(60px);} 100% {opacity: 1; transform: translateY(0);}}
@-ms-keyframes fadeInBottomLater3 {0% {opacity: 0; transform: translateY(60px);} 30% {opacity: 0; transform: translateY(60px);} 100% {opacity: 1; transform: translateY(0);}}
@-o-keyframes fadeInBottomLater3 {0% {opacity: 0; transform: translateY(60px);} 30% {opacity: 0; transform: translateY(60px);} 100% {opacity: 1; transform: translateY(0);}}
.fade-in-bottom-later3 {
    animation: fadeInBottomLater3 1.45s cubic-bezier(0.25, 0.1, 0.2, 1);
    -moz-animation: fadeInBottomLater3 1.45s cubic-bezier(0.25, 0.1, 0.2, 1);
    -webkit-animation: fadeInBottomLater3 1.45s cubic-bezier(0.25, 0.1, 0.2, 1);
    -ms-animation: fadeInBottomLater3 1.45s cubic-bezier(0.25, 0.1, 0.2, 1);
    -o-animation: fadeInBottomLater3 1.45s cubic-bezier(0.25, 0.1, 0.2, 1);
}
@keyframes fadeInBottomLater4 {0% {opacity: 0; transform: translateY(60px);} 40% {opacity: 0; transform: translateY(60px);} 100% {opacity: 1; transform: translateY(0);}}
@-moz-keyframes fadeInBottomLater4 {0% {opacity: 0; transform: translateY(60px);} 40% {opacity: 0; transform: translateY(60px);} 100% {opacity: 1; transform: translateY(0);}}
@-webkit-keyframes fadeInBottomLater4 {0% {opacity: 0; transform: translateY(60px);} 40% {opacity: 0; transform: translateY(60px);} 100% {opacity: 1; transform: translateY(0);}}
@-ms-keyframes fadeInBottomLater4 {0% {opacity: 0; transform: translateY(60px);} 40% {opacity: 0; transform: translateY(60px);} 100% {opacity: 1; transform: translateY(0);}}
@-o-keyframes fadeInBottomLater4 {0% {opacity: 0; transform: translateY(60px);} 40% {opacity: 0; transform: translateY(60px);} 100% {opacity: 1; transform: translateY(0);}}
.fade-in-bottom-later4 {
    animation: fadeInBottomLater4 1.6s cubic-bezier(0.25, 0.1, 0.2, 1);
    -moz-animation: fadeInBottomLater4 1.6s cubic-bezier(0.25, 0.1, 0.2, 1);
    -webkit-animation: fadeInBottomLater4 1.6s cubic-bezier(0.25, 0.1, 0.2, 1);
    -ms-animation: fadeInBottomLater4 1.6s cubic-bezier(0.25, 0.1, 0.2, 1);
    -o-animation: fadeInBottomLater4 1.6s cubic-bezier(0.25, 0.1, 0.2, 1);
}


@keyframes moveInTop {
    0% {opacity: 1; transform: translateY(-60px);}
    100% {opacity: 1; transform: translateY(0);}
}
@-moz-keyframes moveInTop {
    0% {opacity: 1; transform: translateY(-60px);}
    100% {opacity: 1; transform: translateY(0);}
}
@-webkit-keyframes moveInTop {
    0% {opacity: 1; transform: translateY(-60px);}
    100% {opacity: 1; transform: translateY(0);}
}
@-ms-keyframes moveInTop {
    0% {opacity: 1; transform: translateY(-60px);}
    100% {opacity: 1; transform: translateY(0);}
}
@-o-keyframes moveInTop {
    0% {opacity: 1; transform: translateY(-60px);}
    100% {opacity: 1; transform: translateY(0);}
}
.move-in-top {
    animation: moveInTop 1s cubic-bezier(0.25, 0.1, 0.2, 1);
    -moz-animation: moveInTop 1s cubic-bezier(0.25, 0.1, 0.2, 1);
    -webkit-animation: moveInTop 1s cubic-bezier(0.25, 0.1, 0.2, 1);
    -ms-animation: moveInTop 1s cubic-bezier(0.25, 0.1, 0.2, 1);
    -o-animation: moveInTop 1s cubic-bezier(0.25, 0.1, 0.2, 1);
}

@keyframes moveInBottom {
    0% {opacity: 1; transform: translateY(60px);}
    100% {opacity: 1; transform: translateY(0);}
}
@-moz-keyframes moveInBottom {
    0% {opacity: 1; transform: translateY(60px);}
    100% {opacity: 1; transform: translateY(0);}
}
@-webkit-keyframes moveInBottom {
    0% {opacity: 1; transform: translateY(60px);}
    100% {opacity: 1; transform: translateY(0);}
}
@-ms-keyframes moveInBottom {
    0% {opacity: 1; transform: translateY(60px);}
    100% {opacity: 1; transform: translateY(0);}
}
@-o-keyframes moveInBottom {
    0% {opacity: 1; transform: translateY(60px);}
    100% {opacity: 1; transform: translateY(0);}
}
.move-in-bottom {
    animation: moveInBottom 1s cubic-bezier(0.25, 0.1, 0.2, 1);
    -moz-animation: moveInBottom 1s cubic-bezier(0.25, 0.1, 0.2, 1);
    -webkit-animation: moveInBottom 1s cubic-bezier(0.25, 0.1, 0.2, 1);
    -ms-animation: moveInBottom 1s cubic-bezier(0.25, 0.1, 0.2, 1);
    -o-animation: moveInBottom 1s cubic-bezier(0.25, 0.1, 0.2, 1);
}

.fast05 {animation-duration: .5s;}
.slow1 {animation-duration: 1s;}
.slow2 {animation-duration: 2s;}
.slow3 {animation-duration: 3s;}
.slow4 {animation-duration: 4s;}
.slow5 {animation-duration: 5s;}
.slow6 {animation-duration: 6s;}


/* Colors */
.bg-color1 {background:#4cc0bf !important;}
.color1 {color:#4cc0bf !important;}
.bg-color2 {background:#f13d5a !important;}
.color2 {color:#f13d5a !important;}
.bg-color3 {background:#fcd14e !important;}
.color3 {color:#fcd14e !important;}
.bg-color4 {background:#99c939 !important;}
.color4 {color:#99c939 !important;}
.bg-color5 {background:#7e6453 !important;}
.color5 {color:#7e6453 !important;}
.bg-color6 {background:#6abebe !important;}
.color6 {color:#6abebe !important;}
.bg-color7 {background:#9ea6ad !important;}
.color7 {color:#9ea6ad !important;}

.info-bg {background: #17a2b8 !important;}
.info-color {color: #17a2b8 !important;}
.success-bg {background: #28a745 !important;}
.success-color {color: #28a745 !important;}
.warning-bg {background: #ffc107 !important;}
.warning-color {color: #ffc107 !important;}
.danger-bg {background: #dc3545 !important;}
.danger-color {color: #dc3545 !important;}
.white-color {color: #ffffff !important;}
.white-bg {background: #ffffff !important;}
.black-color {color: #000000 !important;}
.black-bg {background: #000000 !important;}
.grey-color {color: #777777 !important;}


/* Utility style */
.underline {text-decoration: underline;}
.no-underline {text-decoration: none !important;}
.no-padding {padding: 0;}
.bbottom {border-bottom: 1px solid #414141;}
.text-left {text-align: left; width: 100%;}
.text-center {text-align: center; width: 100%;}
.text-right {text-align: end; width: 100%;}

.p-xs {font-size: 13px; line-height: 1.35;}
.p-sm {font-size: 16px; line-height: 1.35;}
.p-nm {font-size: 18px; line-height: 1.35;}

.text-xs {font-size: 22px !important; line-height: 1.35;}
.text-sm {font-size: 26px !important; line-height: 1.35;}
.text-nm {font-size: 32px !important; line-height: 1.35;}
.text-md {font-size: 46px !important; line-height: 1.35;}
.text-big, .text-lg {font-size: 54px !important; line-height: 1.35;}
.text-xl {font-size: 78px !important; line-height: 1.35;}
.text-xxl {font-size: 99px !important; line-height: 1.35;}
.text-sxl {font-size: 140px !important; line-height: 1.35;}

.text-w-md {font-weight: 400;}

.full-height {min-height: 100vh;}
.bg-filter {background-color: rgba(0,0,0,.5);}

.delimeter-sm {width: 100%; height: 5px; overflow: hidden;}
.delimeter {width: 100%; height: 15px; overflow: hidden;}
.delimeter-md {width: 100%; height: 20px; overflow: hidden;}
.delimeter-lg {width: 100%; height: 30px; overflow: hidden;}
.delimeter-xl {width: 100%; height: 45px; overflow: hidden;}
.delimeter-xxl {width: 100%; height: 60px; overflow: hidden;}

.fmin-height {min-height: 60px;}
.overflow-h {overflow: hidden !important;}

.separator {width: 100%; height: 1px;}
.line-separator {width: 100%; border-top: 2px solid #d6d6d6;}
.line-separator-sm {width: 100%; border-top: 1px solid #d6d6d6;}
.dot-separator {display: block; width: 100%; font-size: 8px; text-align: center; color: #b3b3b3;}
.dot-separator > i {padding: 0 5px;}

.show-lg, .show-md, .show-md-box {display: block;}
.show-sm, .show-sm-box {display: none;}

.text-ellipsis {
    overflow: hidden; position: relative; line-height: 1.35; max-height: 100px; text-align: justify;
}
.text-ellipsis:after {
    content: ' ...'; position: absolute; right: 0; width: 1em; height: 1em; margin-top: 0.2em;
    background: white; bottom: 0;
}
.middle-separator {position: relative; width: 100%; text-align: center; color: #eeeeee; z-index: 5;}
.middle-separator > span {padding: 0 15px; background: #ffffff;}
.middle-separator:before {
    content: ""; position: absolute; top: 50%; left: 0; right: 0; border-top: 2px solid #eeeeee;
    z-index: -1;
}

.pp-image {display: block; width: 100%; height: auto; border-radius: 5px;}
.pp-box-paragraph {width: 70%; margin: 0 15%;}

/* Responsive */
@media screen and (max-width: 1199.98px){
    .pp-section, .pp-cb-box {max-width: 980px;}
    .absolute-cb-box {left: calc(50vw - 490px); width: 980px;}
    
    .donut-legend {padding-left: 10%; width: 90%;}
    #chart-1 {height: 352px;} 
    #chart-1 > iframe {height: 355px;}
    .grid3-donut-chart {padding: 0 47px;}

    .grid3 {width: calc(50% - 7px);}
    .grid3:nth-child(odd) {margin: 15px 7px 0 0;}
    .grid3:nth-child(even) {margin: 15px 0 0 7px;}

    .pp-cb-fw .pp-cb-img-float-info {padding: 30px 15px 25px 125px;}
    .pp-cb-fw .pp-cb-img-float-info.cb-left {padding: 30px 125px 25px 15px;}
    .pp-cb-fw .pp-member-carousel > .carousel-inner {min-height: 381px;}
    .pp-cb-fw .pp-member-carousel .carousel-caption {padding: 35px 200px;}

    .pp-cb-box .pp-cb-img-float-info {padding: 25px 15px 25px 130px;}
    .pp-cb-box .pp-cb-img-float-info.cb-left {padding: 25px 130px 25px 15px;}
    .pp-cb-box .pp-cb-img-float-wraper.cb-left > img {left: calc((980px - 100vw) / 2 - 50px);}
    .pp-cb-box .pp-member-carousel > .carousel-inner {min-height: 404px;}
    .pp-cb-box .pp-member-carousel .carousel-caption {padding: 35px 150px;}

    .pp-container-left .pp-member-carousel > .carousel-inner,
    .pp-container-right .pp-member-carousel > .carousel-inner {min-height: 404px;}
    .pp-container-left .pp-member-carousel .carousel-caption,
    .pp-container-right .pp-member-carousel .carousel-caption {padding: 35px 75px;}

    .show-lg {display: none;}
}

@media screen and (max-width: 1022.98px){
    .pp-cb-fw-container {padding-top: 140px;}
    .pp-cb-ptop1, .pp-cb-ptop2, .pp-cb-ptop3, .pp-cb-ptop4, .pp-cb-ptop5, .pp-cb-ptop6,
    .pp-cb-ptop7, .pp-cb-ptop8, .pp-cb-ptop9 {padding-top: 60px;}
    .pp-cb-ptop10 {padding-top: 160px;}
    .pp-cb-ptop11 {padding-top: calc(50vh - 25px);}
}

@media screen and (max-width: 991.98px){
    .pp-section, .pp-cb-box {max-width: 750px;}
    .absolute-cb-box {left: calc(50vw - 375px); width: 750px;}    
    .shift-image-right {display: block; width: 100%; height: auto;}
    .shift-image-sm {display: block; width: 100%; height: auto;}

    .pp-cb-fw .pp-member-carousel > .carousel-inner {min-height: 426px;}
    .pp-cb-fw .pp-member-carousel .carousel-caption {padding: 35px 130px;}

    .pp-cb-desc {width: 100%;}
    .pp-cb-box .pp-cb-img-float-info, .pp-cb-fw .pp-cb-img-float-info {padding: 15px;}
    .pp-cb-box .pp-cb-img-float-info.cb-left, .pp-cb-fw .pp-cb-img-float-info.cb-left {padding: 15px;}
    .pp-cb-box .pp-member-carousel > .carousel-inner {min-height: 404px;}
    .pp-cb-box .pp-member-carousel .carousel-caption {padding: 35px 100px;}

    .pp-container-left .pp-member-carousel > .carousel-inner,
    .pp-container-right .pp-member-carousel > .carousel-inner {min-height: 426px;}
    .pp-container-left .pp-member-carousel .carousel-caption,
    .pp-container-right .pp-member-carousel .carousel-caption {padding: 35px 15px;}

    .pp-half-column {padding: 15px 20px; margin: 0 15px;}
    .pp-half-column:first-child {
        border-right: 0; padding: 15px 20px 35px 20px; 
        margin: 0 15px 35px 15px; border-bottom: 1.5px solid #dbdbdb;
    }

    .grid3-donut-chart {padding: 0;}    

    .donut-legend {padding-left: 0; width: 100%;}
    .donut-legend > .legend > div:nth-child(1) {width: 20px;}
    #chart-1 {height: 270px;} 
    #chart-1 > iframe {height: 275px;}

    .grid3-big-text {font-size: 120px; line-height: 120px;} 
    
    .pp-table-options-container {
        position: relative; width: 100%; text-align: center; margin-bottom: 15px;
    }
    .pp-table-options-container > .pp-table-options-wrapper {width: 100%; clear: both; text-align: left;}
    .pp-table-options-container > .pp-table-options-wrapper > .pp-table-option {
        display: inline-block; clear: both; float: none; margin: 0 2px 4px 2px;
    }

    .pp-cb-box .pp-cb-img-float-wraper.cb-left > img {left: calc((750px - 100vw) / 2 - 50px);}
    .pp-container-left .pp-cb-float-img-container .row > .col-md-6.col-lg-6 {
        width: 100%; max-width: 100%; flex: 0 0 100%;
    }
    .pp-container-left .pp-cb-float-img-container .row .pp-cb-img-float-info {
        padding: 0 15px 15px 15px;
    }
    .pp-container-left .pp-cb-float-img-container .row .pp-cb-img-float-info.cb-left {
        padding: 15px 15px 0 15px;
    }

    .show-md {display: none;}
    .show-sm {display: block;}
    .pp-box-paragraph {width: 100%; margin: 0;}
}

@media screen and (max-width: 767.98px){
    .pp-section, .pp-cb-box {max-width: 560px;}
    .absolute-cb-box {left: calc(50vw - 280px); width: 560px;}    
    .pp-cb-form > input {max-width: 80% !important; margin: 5px 10% !important;}

    .pp-container-left, .pp-container-right {padding: 0 15px;}
    .pp-container-right {margin-top: 15px;}

    .donut-legend > .legend > div:nth-child(1) {width: 25px;}
    #chart-1 {height: 280px;} 
    #chart-1 > iframe {height: 285px;}

    .quick-links-container {padding: 10px 0;}
    .quick-welcome, .quick-links {text-align: center; padding: 10px 0;}
    
    .grid3 {width: 100%; margin: 15px 0 0 0 !important; height: auto;}
    .grid3-big-text {font-size: 140px; line-height: 120px; margin: 10px 0;}

    .product-cate-container > .img-container {display: block; height: 160px;}

    .pp-table-pagination-container > .pagination-controls {
        display: block; float: none; width: 100%; text-align: left; margin-bottom: 10px;
    }
    .pp-table-pagination-container > .pageNumbers {
        display: block; float: none; width: 100%; text-align: left;
    }

    .pp-cb-fw .pp-member-carousel > .carousel-inner {min-height: 426px;}
    .pp-cb-fw .pp-member-carousel .carousel-caption {padding: 35px 85px;}

    .pp-cb-box .pp-cb-img-float-info, .pp-cb-fw .pp-cb-img-float-info {padding: 25px 20px 0 20px;}
    .pp-cb-box .pp-cb-img-float-wraper, .pp-cb-fw .pp-cb-img-float-wraper {position: relative;}
    .pp-cb-box .pp-cb-img-float-wraper > img, .pp-cb-fw .pp-cb-img-float-wraper > img,
    .pp-cb-box .pp-cb-img-float-wraper.cb-left > img, .pp-cb-fw .pp-cb-img-float-wraper.cb-left > img {
        position: relative; display: block; width: 100%; left: 0;
    }
    .pp-cb-box .pp-member-carousel > .carousel-inner {min-height: 448px;}
    .pp-cb-box .pp-member-carousel .carousel-caption {padding: 35px 70px;}

    .pp-container-left .pp-member-carousel > .carousel-inner,
    .pp-container-right .pp-member-carousel > .carousel-inner {min-height: 426px;}
    .pp-container-left .pp-member-carousel .carousel-caption,
    .pp-container-right .pp-member-carousel .carousel-caption {padding: 35px 15px;}

    .show-md-box {display: none;}
    .show-sm-box {display: block;}
    .flex-reverse-sm {flex-wrap: wrap-reverse;}
}

@media screen and (max-width: 575.98px){
    .pp-section, .pp-cb-box {max-width: 100%;}
    .absolute-cb-box {left: 0; width: 100vw;}

    #chart-1 {height: calc((100vw - 30px) * 0.35 + 85px);} 
    #chart-1 > iframe {height: calc((100vw - 30px) * 0.35 + 90px);}
    
    .pp-cb-fw .pp-member-carousel > .carousel-inner,
    .pp-cb-box .pp-member-carousel > .carousel-inner {min-height: 523px;}
    .pp-cb-fw .pp-member-carousel .carousel-caption,
    .pp-cb-box .pp-member-carousel .carousel-caption {padding: 35px 45px;}

    .pp-container-left .pp-member-carousel > .carousel-inner,
    .pp-container-right .pp-member-carousel > .carousel-inner {min-height: 523px;}
    .pp-container-left .pp-member-carousel .carousel-caption,
    .pp-container-right .pp-member-carousel .carousel-caption {padding: 35px 10px;}
}