/* Container for All Sections */
.is-wrapper { width: 100%; height: 100%; box-sizing: border-box; margin: 0 auto; max-width: 100%; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; }

    /* Sections */
    .is-wrapper > div { display: table; width: 100%; height: auto; float: left; box-sizing: border-box; margin: 0; padding: 0; position: relative; background: #fff; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; /*z-index:1;*/ }

/* Boxes */
.is-boxes { display: table; table-layout: fixed; width: 100%; height: 100%; position: relative; min-height: 200px; float: left; }

.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 { display: table-cell; width: 100%; position: relative; vertical-align: middle; }


.is-stretch > div:not(.is-arrow-down) { /* Unlike .is-overlay (absolute positioned), this section is relative positioned. With this, flowing content is safe, and stretched content can be made absolute with class .flexi-position */ position: relative; left: 0px; top: 0px; width: 100%; height: 100%; display: table; }

.flexi-position { position: relative; }
.is-stretch .flexi-position { position: absolute; }

.is-section.is-stretch { min-height: 300px; }
/* New */

@media all and (max-width: 960px) {

    .is-section:not(.is-box) { height: auto !important; }

    .is-boxes { 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-box-centered { display: block; }
}

.is-container { max-width: 980px; margin: 0 auto; padding: 0 30px; position: relative; margin-left: auto; margin-right: auto; box-sizing: border-box; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; }

@media all and (max-width: 960px) {
    .is-container { padding: 15px; }
}

@media all and (max-width: 480px) {
    .is-container { padding: 5px; }
}

/* Boxed Layout */
.is-wrapper .is-boxed-layout .is-container { padding: 50px; background: #fff; }
/* 80px */
@media all and (max-width: 1280px) {
    .is-wrapper .is-boxed-layout .is-container { padding: 30px; }
    /* 60px */
}

@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; }
}

/* Default Layout */

/* Middle */
.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; }
}

/* Scroll Down Icon */
.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; }

/* Overlay */
.is-overlay { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; /*z-index:1;*/ }
    /*.is-boxes, .is-box-centered {z-index:1}*/
    .is-overlay .is-overlay-bg { position: absolute; left: 0px; top: 0px; 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; -o-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: 0px; top: 0px; width: 100%; height: 100%; background-color: rgb(0, 0, 0); opacity: 0.15; }
.is-overlay .is-overlay-content { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; }

/* Section & Content Styles */

/* Background Color */
.is-bg-grey { background-color: #eeeff0 !important }
.is-bg-dark { background-color: #111 !important }
.is-bg-light { background-color: #fff !important }

/* Text Color */
.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-light-text .is-arrow-down a {
    background: rgba(255, 255, 255, 0.18);
}
*/

.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-arrow-down a {
    background: rgba(0, 0, 0, 0.18);
}
*/

    .is-dark-text .is-light-text * { color: #fff; }
.is-light-text .is-dark-text * { color: #000; }

/* Vertical Alignment */
.is-content-top { vertical-align: top; }
.is-content-bottom { vertical-align: bottom }

/* Horizontal Alignment */
.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; }

/* Edge Spacing */
.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; }
    /* old: 0px */
    .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; }
    /* old: 0px */
}

.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 }
}

/* Text Alignment */
.is-align-right { text-align: right; }
.is-align-center { text-align: center; }
.is-align-left { text-align: left; }

/* Text Opacity */
.is-opacity-20, .is-opacity-20 .is-container { opacity: 0.2; }
.is-opacity-25, .is-opacity-25 .is-container { opacity: 0.25; }
.is-opacity-30, .is-opacity-30 .is-container { opacity: 0.3; }
.is-opacity-35, .is-opacity-35 .is-container { opacity: 0.35; }
.is-opacity-40, .is-opacity-40 .is-container { opacity: 0.4; }
.is-opacity-45, .is-opacity-45 .is-container { opacity: 0.45; }
.is-opacity-50, .is-opacity-50 .is-container { opacity: 0.5; }
.is-opacity-55 .is-container { opacity: 0.55; }
.is-opacity-60, .is-opacity-60 .is-container { opacity: 0.6; }
.is-opacity-65, .is-opacity-65 .is-container { opacity: 0.65; }
.is-opacity-70, .is-opacity-70 .is-container { opacity: 0.7; }
.is-opacity-75, .is-opacity-75 .is-container { opacity: 0.75; }
.is-opacity-80, .is-opacity-80 .is-container { opacity: 0.8; }
.is-opacity-85, .is-opacity-85 .is-container { opacity: 0.85; }
.is-opacity-90, .is-opacity-90 .is-container { opacity: 0.9; }
.is-opacity-95, .is-opacity-95 .is-container { opacity: 0.95; }


/* Content Size */
.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; }


/* Section Height */
.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; }

/* Others */
.is-opacity-1 { opacity: 0.95; }
.is-shadow-1 { /* for section */ -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 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; }
    .is-lightbox img:hover { opacity: 0.8 }

.is-hidden { display: none !important; }