.is-wrapper, body, html {
height: 100%
}
.is-section {
float: left!important
}
.is-boxes, .is-wrapper>div {
display: table;
width: 100%;
float: left;
position: relative
}
.is-box-0, .is-box-1, .is-box-10, .is-box-2, .is-box-3, .is-box-5, .is-box-6, .is-box-7, .is-box-8, .is-box-9, .is-boxes, .is-wrapper>div {
position: relative
}
.is-container, .is-wrapper, .is-wrapper>div {
box-sizing: border-box
}
.is-arrow-down>a, .is-box-centered {
vertical-align: middle
}
.is-overlay, .is-overlay .is-overlay-content {
overflow: hidden
}
body {
width: 100%;
padding: 0;
margin: 0;
overflow-x: hidden
}
.is-wrapper {
width: 100%;
margin: 0 auto;
max-width: 100%;
-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-wrapper>div {
height: auto;
margin: 0;
padding: 0;
background: #fff;
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
-o-transition: all ease .3s;
transition: all ease .3s
}
.is-box-0, .is-box-1, .is-box-10, .is-box-11, .is-box-12, .is-box-2, .is-box-3, .is-box-4, .is-box-5, .is-box-7, .is-box-8, .is-box-9, .is-boxes, .is-stretch>div {
height: 100%
}
.is-boxes {
table-layout: fixed;
min-height: 200px
}
.is-box-0, .is-box-1, .is-box-10, .is-box-11, .is-box-12, .is-box-2, .is-box-3, .is-box-4, .is-box-5, .is-box-7, .is-box-8, .is-box-9, .is-box-centered {
display: table-cell
}
.is-box-0 {
width: 0
}
.is-box-1 {
width: 8.333333%
}
.is-box-2 {
width: 16.666667%
}
.is-box-3 {
width: 25%
}
.is-box-4 {
width: 33.333333%;
position: relative
}
.is-box-5 {
width: 41.666667%
}
.is-box-6 {
display: table-cell;
width: 50%;
height: 100%
}
.is-box-7 {
width: 58.333333%
}
.is-box-8 {
width: 66.666667%
}
.is-box-9 {
width: 75%
}
.is-box-10 {
width: 83.333333%
}
.is-box-11 {
width: 91.666667%;
position: relative
}
.is-box-12, .is-box-centered, .is-stretch>div {
width: 100%;
position: relative
}
.is-stretch>div {
left: 0;
top: 0
}
.flexi-position {
position: relative
}
.is-arrow-down, .is-stretch .flexi-position {
position: absolute
}
@media all and (max-width:960px) {
.is-boxes, .is-section-100:not(.is-stretch), .is-section:not(.is-stretch) {
height: auto!important
}
.is-box-img {
height: 300px!important
}
.is-box-img .is-boxes {
height: 100%!important
}
.is-box-1, .is-box-10, .is-box-11, .is-box-12, .is-box-2, .is-box-3, .is-box-4, .is-box-5, .is-box-6, .is-box-7, .is-box-8, .is-box-9 {
display: table;
width: 100%;
height: auto
}
.is-box-centered {
display: block
}
}
.is-container {
max-width: 980px;
margin: 0 auto;
padding: 0 30px;
position: relative;
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
-o-transition: all ease .3s;
transition: all ease .3s
}
.is-wrapper .is-boxed-layout .is-container {
padding: 50px;
background: #fff
}
.is-wrapper .is-box .is-container {
margin-top: 10px;
margin-bottom: 10px
}
@media all and (max-width:1280px) {
.is-wrapper .is-boxed-layout .is-container {
padding: 30px
}
.is-wrapper .is-box .is-container {
margin-top: 40px;
margin-bottom: 40px
}
}
.is-wrapper>div:first-child .is-box:first-child .is-container {
margin-top: 120px
}
@media all and (max-width:1280px) {
.is-wrapper>div:first-child .is-box:first-child .is-container {
margin-top: 80px
}
}
@media all and (max-width:1024px) {
.is-wrapper .is-boxed-layout .is-container {
padding: 30px
}
.is-wrapper .is-boxed-layout .is-overlay {
display: none!important
}
.is-wrapper .is-boxed-layout {
background: #fff!important
}
.is-wrapper .is-box .is-container {
padding: 40px
}
.is-wrapper>div:first-child .is-box:first-child .is-container {
padding-top: 80px!important
}
}
.is-arrow-down {
display: table;
bottom: 65px;
width: 50px;
height: 50px;
left: 50%;
margin-left: -25px;
cursor: pointer;
z-index: 1
}
.is-overlay, .is-overlay .is-overlay-bg, .is-overlay .is-overlay-color, .is-overlay .is-overlay-content {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%
}
@media all and (max-width:1025px) {
.is-arrow-down {
display: none!important
}
}
.is-arrow-down>a {
background: rgba(0,0,0,.18);
border-radius: 500px;
color: rgba(255,255,255,.75);
font-size: 22px;
text-decoration: none;
text-align: center;
display: table-cell
}
.bounce {
-moz-animation: bounce 5s forwards;
-webkit-animation: bounce 5s forwards;
animation: bounce 5s forwards
}
@-moz-keyframes bounce {
0%, 100%, 20%, 50%, 80% {
-moz-transform:translateY(0)
}
40% {
-moz-transform:translateY(-30px)
}
60% {
-moz-transform:translateY(-15px)
}
}
@-webkit-keyframes bounce {
0%, 100%, 20%, 50%, 80% {
-webkit-transform:translateY(0)
}
40% {
-webkit-transform:translateY(-30px)
}
60% {
-webkit-transform:translateY(-15px)
}
}
@keyframes bounce {
0%, 100%, 20%, 50%, 80% {
-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,.18);
color: #111
}
.is-overlay .is-overlay-bg {
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 {
background-color: #000;
opacity: .15
}
.is-bg-grey {
background-color: #eeeff0!important
}
.is-bg-dark {
background-color: #111!important
}
.is-bg-light {
background-color: #fff!important
}
.is-light-text, .is-light-text h1, .is-light-text h2, .is-light-text h3, .is-light-text h5, .is-light-text h6, .is-light-text li, .is-light-text p, h4 {
color: #000
}
.is-dark-text, .is-dark-text h1, .is-dark-text h2, .is-dark-text h3, .is-dark-text h5, .is-dark-text h6, .is-dark-text li, .is-dark-text p, h4 {
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
}
}
.is-box-1 .is-content-left, .is-box-2 .is-content-left, .is-box-3 .is-content-left, .is-box-4 .is-content-left, .is-box-5 .is-content-left {
margin-left: auto
}
.is-box-1 .is-content-right, .is-box-2 .is-content-right, .is-box-3 .is-content-right, .is-box-4 .is-content-right, .is-box-5 .is-content-right {
margin-right: auto
}
.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-container.is-content-left {
margin-left: auto
}
.is-container.is-content-right {
margin-right: auto
}
.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-top.edge-y-1 .is-container, .is-wrapper .is-box .is-content-top.edge-y-2 .is-container, .is-wrapper .is-box .is-content-top.edge-y-3 .is-container, .is-wrapper .is-box .is-content-top.edge-y-4 .is-container, .is-wrapper .is-box .is-content-top.edge-y-5 .is-container {
margin-top: 0
}
.is-wrapper .is-box .is-content-bottom.edge-y--1 .is-container {
margin-bottom: -40px
}
.is-wrapper .is-box .is-content-bottom.edge-y-1 .is-container, .is-wrapper .is-box .is-content-bottom.edge-y-2 .is-container, .is-wrapper .is-box .is-content-bottom.edge-y-3 .is-container, .is-wrapper .is-box .is-content-bottom.edge-y-4 .is-container, .is-wrapper .is-box .is-content-bottom.edge-y-5 .is-container {
margin-bottom: 0
}
}
.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, .is-content-left.edge-x-2, .is-content-left.edge-x-3, .is-content-left.edge-x-4, .is-content-left.edge-x-5 {
margin-left: auto
}
.is-content-right.edge-x-1, .is-content-right.edge-x-2, .is-content-right.edge-x-3, .is-content-right.edge-x-4, .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-1, .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
}
.is-shadow-1 {
-webkit-box-shadow: 0 0 9px rgba(0,0,0,.07);
-moz-box-shadow: 0 0 9px rgba(0,0,0,.07);
box-shadow: 0 0 9px rgba(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
}