﻿
/* Container for All Sections */

.is-wrapper {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 100%;

}

.is-wrapper > div {

    box-sizing: border-box;
    margin: 0;
    padding: 0;


}

.is-boxes {

}

.is-box-0 {
    display: table-cell;
    width: 0;
    height: 100%;
    position: relative
}

.is-box-1 {
    display: table-cell;
    width: 8.333333%;
    height: 100%;
    position: relative
}

.is-box-2 {
    display: table-cell;
    width: 16.666667%;
    height: 100%;
    position: relative
}

.is-box-3 {
    display: table-cell;
    width: 25%;
    height: 100%;
    position: relative
}

.is-box-4 {
    display: table-cell;
    width: 33.333333%;
    height: 100%;
    position: relative
}

.is-box-5 {
    display: table-cell;
    width: 41.666667%;
    height: 100%;
    position: relative
}

.is-box-6 {
    display: table-cell;
    width: 50%;
    height: 100%;
    position: relative
}

.is-box-7 {
    display: table-cell;
    width: 58.333333%;
    height: 100%;
    position: relative
}

.is-box-8 {
    display: table-cell;
    width: 66.666667%;
    height: 100%;
    position: relative
}

.is-box-9 {
    display: table-cell;
    width: 75%;
    height: 100%;
    position: relative
}

.is-box-10 {
    display: table-cell;
    width: 83.333333%;
    height: 100%;
    position: relative
}

.is-box-11 {
    display: table-cell;
    width: 91.666667%;
    height: 100%;
    position: relative
}

.is-box-12 {
    display: table-cell;
    width: 100%;
    height: 100%;
    position: relative
}

.is-box-centered {
  
}

.is-stretch > div:not(.is-arrow-down) {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: table
}

.flexi-position {
    position: relative
}

.is-stretch .flexi-position {
    position: absolute
}

.is-section.is-stretch {
    min-height: 300px
}

@media all and (max-width: 960px) {
    .is-section:not(.is-box) {
        height: auto!important
    }
    .is-box-img {
        height: 300px!important
    }
    .is-box-img .is-boxes {
        height: 100%!important
    }
    .is-box-1 {
        display: table;
        width: 100%;
        height: auto
    }
    .is-box-2 {
        display: table;
        width: 100%;
        height: auto
    }
    .is-box-3 {
        display: table;
        width: 100%;
        height: auto
    }
    .is-box-4 {
        display: table;
        width: 100%;
        height: auto
    }
    .is-box-5 {
        display: table;
        width: 100%;
        height: auto
    }
    .is-box-6 {
        display: table;
        width: 100%;
        height: auto
    }
    .is-box-7 {
        display: table;
        width: 100%;
        height: auto
    }
    .is-box-8 {
        display: table;
        width: 100%;
        height: auto
    }
    .is-box-9 {
        display: table;
        width: 100%;
        height: auto
    }
    .is-box-10 {
        display: table;
        width: 100%;
        height: auto
    }
    .is-box-11 {
        display: table;
        width: 100%;
        height: auto
    }
    .is-box-12 {
        display: table;
        width: 100%;
        height: auto
    }
}

.is-container {
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 30px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -ms-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s
}

@media all and (max-width: 960px) {
    .is-container {
        padding: 15px
    }
}

@media all and (max-width: 480px) {
    .is-container {
        padding: 5px
    }
}

.is-wrapper .is-boxed-layout .is-container {
    padding: 50px;
    background: #fff
}

@media all and (max-width: 1280px) {
    .is-wrapper .is-boxed-layout .is-container {
        padding: 30px
    }
}

@media all and (max-width: 1024px) {
    .is-wrapper .is-boxed-layout .is-container {
        padding: 30px
    }
}

.is-wrapper .is-box .is-container {
    margin-top: 80px;
    margin-bottom: 80px
}

@media all and (max-width: 1280px) {
    .is-wrapper .is-box .is-container {
        margin-top: 40px;
        margin-bottom: 40px
    }
}

.is-arrow-down {
    display: table;
    position: absolute;
    bottom: 65px;
    width: 50px;
    height: 50px;
    left: 50%;
    margin-left: -25px;
    cursor: pointer;
    z-index: 1
}

@media all and (max-width: 1025px) {
    .is-arrow-down {
        display: none!important
    }
}

.is-arrow-down > a {
    background: rgba(0, 0, 0, 0.18);
    border-radius: 500px;
    color: rgba(255, 255, 255, 0.75);
    font-size: 22px;
    text-decoration: none;
    text-align: center;
    display: table-cell;
    vertical-align: middle
}

.bounce {
    -moz-animation: bounce 5s forwards;
    -webkit-animation: bounce 5s forwards;
    animation: bounce 5s forwards
}

@-moz-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0)
    }
    40% {
        -moz-transform: translateY(-30px)
    }
    60% {
        -moz-transform: translateY(-15px)
    }
}

@-webkit-keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px)
    }
}

@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
    40% {
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px)
    }
    60% {
        -webkit-transform: translateY(-15px);
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -o-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

.is-arrow-down.light a {
    background: rgba(255, 255, 255, 0.18);
    color: #111
}

.is-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.is-overlay .is-overlay-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 60%
}

.is-overlay .is-overlay-bg.is-scale-animated.is-appeared {
    animation: is-scale 10s ease forwards;
    -ms-animation: is-scale 10s ease forwards;
    -webkit-animation: is-scale 10s ease forwards;
    -0-animation: is-scale 10s ease forwards;
    -moz-animation: is-scale 10s ease forwards
}

@keyframes is-scale {
    from {
        transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -moz-transform: scale(1)
    }
    to {
        transform: scale(1.2);
        -ms-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -o-transform: scale(1.2);
        -moz-transform: scale(1.2)
    }
}

.is-overlay .is-overlay-color {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .15
}

.is-overlay .is-overlay-content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.is-bg-grey {
    background-color: #eeeff0!important
}

.is-bg-dark {
    background-color: #111!important
}

.is-bg-light {
    background-color: #ececec!important
}

.is-light-text,
.is-light-text h1,
.is-light-text h2,
.is-light-text h3,
.is-light-text,
h4,
.is-light-text h5,
.is-light-text h6,
.is-light-text p,
.is-light-text li {
    color: #fff
}

.is-dark-text,
.is-dark-text h1,
.is-dark-text h2,
.is-dark-text h3,
.is-dark-text,
h4,
.is-dark-text h5,
.is-dark-text h6,
.is-dark-text p,
.is-dark-text li {
    color: #111
}

.is-dark-text .is-light-text * {
    color: #fff
}

.is-light-text .is-dark-text * {
    color: #000
}

.is-content-top {
    vertical-align: top
}

.is-content-bottom {
    vertical-align: bottom
}

.is-container.is-content-left {
    margin-left: 100px
}

.is-container.is-content-right {
    margin-right: 100px
}

@media all and (max-width: 1200px) {
    .is-container.is-content-left {
        margin-left: 60px
    }
    .is-container.is-content-right {
        margin-right: 60px
    }
}

@media all and (max-width: 960px) {
    .is-container.is-content-left {
        margin-left: auto
    }
    .is-container.is-content-right {
        margin-right: auto
    }
}

.is-box-5 .is-content-left,
.is-box-4 .is-content-left,
.is-box-3 .is-content-left,
.is-box-2 .is-content-left,
.is-box-1 .is-content-left {
    margin-left: auto
}

.is-box-5 .is-content-right,
.is-box-4 .is-content-right,
.is-box-3 .is-content-right,
.is-box-2 .is-content-right,
.is-box-1 .is-content-right {
    margin-right: auto
}

.is-wrapper .is-box .is-box-centered .is-container {
    margin-top: 0;
    margin-bottom: 0
}

.is-wrapper .is-box .is-box-centered.edge-y--5 .is-container {
    margin-top: -200px;
    margin-bottom: -200px
}

.is-wrapper .is-box .is-box-centered.edge-y--4 .is-container {
    margin-top: -160px;
    margin-bottom: -160px
}

.is-wrapper .is-box .is-box-centered.edge-y--3 .is-container {
    margin-top: -120px;
    margin-bottom: -120px
}

.is-wrapper .is-box .is-box-centered.edge-y--2 .is-container {
    margin-top: -80px;
    margin-bottom: -80px
}

.is-wrapper .is-box .is-box-centered.edge-y--1 .is-container {
    margin-top: -40px;
    margin-bottom: -40px
}

.is-wrapper .is-box .is-box-centered.edge-y-0 .is-container {
    margin-top: 10px;
    margin-bottom: 10px
}

.is-wrapper .is-box .is-box-centered.edge-y-1 .is-container {
    margin-top: 40px;
    margin-bottom: 40px
}

.is-wrapper .is-box .is-box-centered.edge-y-2 .is-container {
    margin-top: 80px;
    margin-bottom: 80px
}

.is-wrapper .is-box .is-box-centered.edge-y-3 .is-container {
    margin-top: 120px;
    margin-bottom: 120px
}

.is-wrapper .is-box .is-box-centered.edge-y-4 .is-container {
    margin-top: 160px;
    margin-bottom: 160px
}

.is-wrapper .is-box .is-box-centered.edge-y-5 .is-container {
    margin-top: 200px;
    margin-bottom: 200px
}

.is-wrapper .is-box .is-content-top.edge-y--5 .is-container {
    margin-top: -200px
}

.is-wrapper .is-box .is-content-bottom.edge-y--5 .is-container {
    margin-bottom: -200px
}

.is-wrapper .is-box .is-content-top.edge-y--4 .is-container {
    margin-top: -160px
}

.is-wrapper .is-box .is-content-bottom.edge-y--4 .is-container {
    margin-bottom: -160px
}

.is-wrapper .is-box .is-content-top.edge-y--3 .is-container {
    margin-top: -120px
}

.is-wrapper .is-box .is-content-bottom.edge-y--3 .is-container {
    margin-bottom: -120px
}

.is-wrapper .is-box .is-content-top.edge-y--2 .is-container {
    margin-top: -80px
}

.is-wrapper .is-box .is-content-bottom.edge-y--2 .is-container {
    margin-bottom: -80px
}

.is-wrapper .is-box .is-content-top.edge-y--1 .is-container {
    margin-top: -40px
}

.is-wrapper .is-box .is-content-bottom.edge-y--1 .is-container {
    margin-bottom: -40px
}

.is-wrapper .is-box .is-content-top.edge-y-0 .is-container {
    margin-top: 0
}

.is-wrapper .is-box .is-content-bottom.edge-y-0 .is-container {
    margin-bottom: 0
}

.is-wrapper .is-box .is-content-top.edge-y-1 .is-container {
    margin-top: 40px
}

.is-wrapper .is-box .is-content-bottom.edge-y-1 .is-container {
    margin-bottom: 40px
}

.is-wrapper .is-box .is-content-top.edge-y-2 .is-container {
    margin-top: 80px
}

.is-wrapper .is-box .is-content-bottom.edge-y-2 .is-container {
    margin-bottom: 80px
}

.is-wrapper .is-box .is-content-top.edge-y-3 .is-container {
    margin-top: 120px
}

.is-wrapper .is-box .is-content-bottom.edge-y-3 .is-container {
    margin-bottom: 120px
}

.is-wrapper .is-box .is-content-top.edge-y-4 .is-container {
    margin-top: 160px
}

.is-wrapper .is-box .is-content-bottom.edge-y-4 .is-container {
    margin-bottom: 160px
}

.is-wrapper .is-box .is-content-top.edge-y-5 .is-container {
    margin-top: 200px
}

.is-wrapper .is-box .is-content-bottom.edge-y-5 .is-container {
    margin-bottom: 200px
}

@media all and (max-width: 960px) {
    .is-wrapper .is-box .is-content-top.edge-y--5 .is-container {
        margin-top: -200px
    }
    .is-wrapper .is-box .is-content-bottom.edge-y--5 .is-container {
        margin-bottom: -200px
    }
    .is-wrapper .is-box .is-content-top.edge-y--4 .is-container {
        margin-top: -160px
    }
    .is-wrapper .is-box .is-content-bottom.edge-y--4 .is-container {
        margin-bottom: -160px
    }
    .is-wrapper .is-box .is-content-top.edge-y--3 .is-container {
        margin-top: -120px
    }
    .is-wrapper .is-box .is-content-bottom.edge-y--3 .is-container {
        margin-bottom: -120px
    }
    .is-wrapper .is-box .is-content-top.edge-y--2 .is-container {
        margin-top: -80px
    }
    .is-wrapper .is-box .is-content-bottom.edge-y--2 .is-container {
        margin-bottom: -80px
    }
    .is-wrapper .is-box .is-content-top.edge-y--1 .is-container {
        margin-top: -20px
    }
    .is-wrapper .is-box .is-content-bottom.edge-y--1 .is-container {
        margin-bottom: -40px
    }
    .is-wrapper .is-box .is-content-top.edge-y-1 .is-container {
        margin-top: 40px
    }
    .is-wrapper .is-box .is-content-bottom.edge-y-1 .is-container {
        margin-bottom: 40px
    }
    .is-wrapper .is-box .is-content-top.edge-y-2 .is-container {
        margin-top: 40px
    }
    .is-wrapper .is-box .is-content-bottom.edge-y-2 .is-container {
        margin-bottom: 40px
    }
    .is-wrapper .is-box .is-content-top.edge-y-3 .is-container {
        margin-top: 40px
    }
    .is-wrapper .is-box .is-content-bottom.edge-y-3 .is-container {
        margin-bottom: 40px
    }
    .is-wrapper .is-box .is-content-top.edge-y-4 .is-container {
        margin-top: 40px
    }
    .is-wrapper .is-box .is-content-bottom.edge-y-4 .is-container {
        margin-bottom: 40px
    }
    .is-wrapper .is-box .is-content-top.edge-y-5 .is-container {
        margin-top: 40px
    }
    .is-wrapper .is-box .is-content-bottom.edge-y-5 .is-container {
        margin-bottom: 40px
    }
}

.is-content-left.edge-x-0 {
    margin-left: 0
}

.is-content-right.edge-x-0 {
    margin-right: 0
}

.is-content-left.edge-x-1 {
    margin-left: 40px
}

.is-content-right.edge-x-1 {
    margin-right: 40px
}

.is-content-left.edge-x-2 {
    margin-left: 80px
}

.is-content-right.edge-x-2 {
    margin-right: 80px
}

.is-content-left.edge-x-3 {
    margin-left: 120px
}

.is-content-right.edge-x-3 {
    margin-right: 120px
}

.is-content-left.edge-x-4 {
    margin-left: 160px
}

.is-content-right.edge-x-4 {
    margin-right: 160px
}

.is-content-left.edge-x-5 {
    margin-left: 200px
}

.is-content-right.edge-x-5 {
    margin-right: 200px
}

@media all and (max-width: 960px) {
    .is-content-left.edge-x-1 {
        margin-left: auto
    }
    .is-content-right.edge-x-1 {
        margin-right: auto
    }
    .is-content-left.edge-x-2 {
        margin-left: auto
    }
    .is-content-right.edge-x-2 {
        margin-right: auto
    }
    .is-content-left.edge-x-3 {
        margin-left: auto
    }
    .is-content-right.edge-x-3 {
        margin-right: auto
    }
    .is-content-left.edge-x-4 {
        margin-left: auto
    }
    .is-content-right.edge-x-4 {
        margin-right: auto
    }
    .is-content-left.edge-x-5 {
        margin-left: auto
    }
    .is-content-right.edge-x-5 {
        margin-right: auto
    }
}

.is-align-right {
    text-align: right
}

.is-align-center {
    text-align: center
}

.is-align-left {
    text-align: left
}

.is-opacity-20,
.is-opacity-20 .is-container {
    opacity: .2
}

.is-opacity-25,
.is-opacity-25 .is-container {
    opacity: .25
}

.is-opacity-30,
.is-opacity-30 .is-container {
    opacity: .3
}

.is-opacity-35,
.is-opacity-35 .is-container {
    opacity: .35
}

.is-opacity-40,
.is-opacity-40 .is-container {
    opacity: .4
}

.is-opacity-45,
.is-opacity-45 .is-container {
    opacity: .45
}

.is-opacity-50,
.is-opacity-50 .is-container {
    opacity: .5
}

.is-opacity-55 .is-container {
    opacity: .55
}

.is-opacity-60,
.is-opacity-60 .is-container {
    opacity: .6
}

.is-opacity-65,
.is-opacity-65 .is-container {
    opacity: .65
}

.is-opacity-70,
.is-opacity-70 .is-container {
    opacity: .7
}

.is-opacity-75,
.is-opacity-75 .is-container {
    opacity: .75
}

.is-opacity-80,
.is-opacity-80 .is-container {
    opacity: .8
}

.is-opacity-85,
.is-opacity-85 .is-container {
    opacity: .85
}

.is-opacity-90,
.is-opacity-90 .is-container {
    opacity: .9
}

.is-opacity-95,
.is-opacity-95 .is-container {
    opacity: .95
}

.is-content-380 {
    max-width: 380px!important
}

.is-content-500 {
    max-width: 500px!important
}

.is-content-640 {
    max-width: 640px!important
}

.is-content-800 {
    max-width: 800px!important
}

.is-content-970 {
    max-width: 970px!important
}

.is-content-980 {
    max-width: 980px!important
}

.is-content-1050 {
    max-width: 1050px!important
}

.is-content-1100 {
    max-width: 1100px!important
}

.is-content-1200 {
    max-width: 1200px!important
}

.is-wrapper > div.is-section-20 {
    height: 20%
}

.is-wrapper > div.is-section-30 {
    height: 30%
}

.is-wrapper > div.is-section-40 {
    height: 40%
}

.is-wrapper > div.is-section-50 {
    height: 50%
}

.is-wrapper > div.is-section-60 {
    height: 60%
}

.is-wrapper > div.is-section-75 {
    height: 75%
}

.is-wrapper > div.is-section-100 {
    height: 100%
}

.is-wrapper > div.is-section-auto {
    height: auto
}

@media all and (max-width: 786px) {
    .is-wrapper > div.is-section-100 {
        height: auto!important
    }
}

.is-opacity-1 {
    opacity: .95
}

.is-shadow-1 {
    -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 0 9px rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.07)
}

.is-lightbox img {
    cursor: pointer;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -ms-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s
}

.is-lightbox img:hover {
    opacity: .8
}

.is-hidden {
    display: none!important
}