/* 
GENERAL 
-----------------------------------------------------
*/

html { 
    overflow-y: unset; 
}

#page {
    padding: 0rem;
    /*overflow: hidden;*/
    position: relative;
}

#page .central-column,
.central-column {
    margin: 0 auto;
    max-width: 1400px;
}

#page .central-column-thin,
.central-column-thin {
    margin: 0 auto;
    max-width: 1000px;
}

#page .central-column-wide {
    margin: 0 auto;
    max-width: 1600px;
}

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

.icon, 
.icon svg {
    display: inline-block;
}

.icon svg {
    display: block;
}

.icon svg {
    vertical-align: middle;
}

.flex-h {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.flex-v {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex-c-h {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.flex-c-v {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flex-c {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

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

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

.centered {
    text-align: center;
}

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

p:last-of-type {
    margin-bottom: 0rem;
}

b, 
strong {
    font-weight: 400;
}

.page-content, 
.entry-content, 
.entry-summary {
    margin: 0;
}

iframe {
    border: none;
    width: 100%;
    display: block;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
    letter-spacing: normal;
    margin: 0px 0px 1.5rem;
    font-weight: normal;
}

.hentry {
    margin: 0em;
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 0px;
    height: 0;
}

.video-wrapper object,
.video-wrapper embed,
.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

pre {
    color: #000;
}

.fill-area {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

.has-bg-img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/*TRANSFORMS*/

.img-zoom img,
.img-zoom .img,
.fade-in,
.img-zoom .bg-img-cover,
.move-up,
.wait-for-images {
    -webkit-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    transition: all 0.75s ease;
}

.fade-in-slower {
    -webkit-transition-duration: 1.25s;
    -o-transition-duration: 1.25s;
    transition-duration: 1.25s;
}

.fade-in,
.team-rollover,
.wait-for-images {
    opacity: 0;
}

.fade-in.in-view,
.in-view .fade-in,
.images-loaded,
.client a:hover img {
    opacity: 1;
}

.move-up,
#quiz-wrapper .move-up {
    opacity: 0;
    -webkit-transform: translatey(2rem);
    -ms-transform: translatey(2rem);
    transform: translatey(2rem);
}

.in-view .move-up,
.in-view.move-up,
.toggled .move-up,
#quiz-wrapper .active .move-up {
    opacity: 1;
    -webkit-transform: translatey(0rem);
    -ms-transform: translatey(0rem);
    transform: translatey(0rem);
}

.delay-0 {
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.delay-1 {
    -webkit-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.delay-2 {
    -webkit-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.delay-3 {
    -webkit-transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.delay-4 {
    -webkit-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.delay-5 {
    -webkit-transition-delay: 0.6s;
    -o-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.delay-6 {
    -webkit-transition-delay: 0.7s;
    -o-transition-delay: 0.7s;
    transition-delay: 0.7s;
}

.delay-7 {
    -webkit-transition-delay: 0.8s;
    -o-transition-delay:  0.8s;
    transition-delay:  0.8s;
}

.delay-8 {
    -webkit-transition-delay:  0.9s;
    -o-transition-delay: 0.9s;
    transition-delay: 0.9s;
}

.delay-9 {
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
}

.delay-10 {
    -webkit-transition-delay: 1.1s;
    -o-transition-delay: 1.1s;
    transition-delay: 1.1s;
}

.delay-11 {
    -webkit-transition-delay: 1.2s;
    -o-transition-delay: 1.2s;
    transition-delay: 1.2s;
}

.delay-12 {
    -webkit-transition-delay: 1.3s;
    -o-transition-delay: 1.3s;
    transition-delay: 1.3s;
}

.delay-13 {
    -webkit-transition-delay: 1.4s;
    -o-transition-delay: 1.4s;
    transition-delay: 1.4s;
}

.delay-14 {
    -webkit-transition-delay: 1.5s;
    -o-transition-delay: 1.5s;
    transition-delay: 1.5s;
}

.delay-15 {
    -webkit-transition-delay: 1.6s;
    -o-transition-delay: 1.6s;
    transition-delay: 1.6s;
}

.delay-16 {
    -webkit-transition-delay: 1.7s;
    -o-transition-delay: 1.7s;
    transition-delay: 1.7s;
}

.delay-17 {
    -webkit-transition-delay: 1.8s;
    -o-transition-delay: 1.8s;
    transition-delay: 1.8s;
}

.delay-18 {
    -webkit-transition-delay: 1.9s;
    -o-transition-delay: 1.9s;
    transition-delay: 1.9s;
}

.delay-19 {
    -webkit-transition-delay: 2s;
    -o-transition-delay: 2s;
    transition-delay: 2s;
}

.delay-20 {
    -webkit-transition-delay: 2.1s;
    -o-transition-delay: 2.1s;
    transition-delay: 2.1s;
}

.in-view .move-img {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.in-view .img-mask:after {
    -webkit-transform: translateX(101%);
    -ms-transform: translateX(101%);
    transform: translateX(101%);
}

.img-zoom {
    overflow: hidden;
    display: block;
}

.img-zoom img {
    display: block;
}

.img-zoom .img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
}

a:hover .img-zoom img,
a.img-zoom:hover img,
a:hover .img-zoom .img,
a.img-zoom:hover .img {
    -webkit-transform: scale(1.12);
    -ms-transform: scale(1.12);
    transform: scale(1.12);
}

/* 
RESPONSIVE
-----------------------------------------------------
*/

.show-tablet,
.show-mobile {
    display: none !important;
}


/* all tablets portrait and phones ----------- */
@media only screen 
and (max-width: 768px) {
    
    .hide-tablet {
        display: none !important;
    }
    
    .show-tablet {
        display: block !important;
    }
    

}

/* all phones ----------- */
@media only screen 
and (max-width: 767px) {
    
    .hide-mobile {
        display: none !important;
    }
    
    .show-mobile {
        display: block !important;
    }
    
    
}