@import url('https://fonts.googleapis.com/css2?family=MuseoModerno:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,800');
@import url("/builder4/assets/icons/css/fontello.css"); /* backward compatible */
@import url("/builder4/assets/ionicons/css/ionicons.min.css");

@font-face {
    font-family: 'Alef';
    src: url('/fonts/hebrew/Alef-regular.eot');
    src: url('/fonts/hebrew/Alef-regular.eot?#iefix') format('embedded-opentype'), url('/fonts/hebrew/Alef-regular.woff') format('woff'), url('/fonts/hebrew/Alef-regular.ttf') format('truetype'), url('/fonts/hebrew/Alef-regular.svg#alefregular') format('svg');
}

@font-face {
    font-family: 'Aran';
    src: url('/fonts/hebrew/os_aran_400ffc-webfont.eot');
    src: url('/fonts/hebrew/os_aran_400ffc-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/hebrew/os_aran_400ffc-webfont.woff') format('woff'), url('/fonts/hebrew/os_aran_400ffc-webfont.ttf') format('truetype');
}

@font-face {
    font-family: 'Lapetin';
    src: url('/fonts/hebrew/osp_le-patin-helvete-webfont.eot');
    src: url('/fonts/hebrew/osp_le-patin-helvete-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/hebrew/osp_le-patin-helvete-webfont.woff') format('woff'), url('/fonts/hebrew/osp_le-patin-helvete-webfont.ttf') format('truetype'), url('/fonts/hebrew/osp_le-patin-helvete-webfont.svg') format('svg');
}

@font-face {
    font-family: 'Nachlieli';
    src: url('/fonts/hebrew/nachlieliclm-light-webfont.eot');
    src: url('/fonts/hebrew/nachlieliclm-light-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/hebrew/nachlieliclm-light-webfont.woff') format('woff'), url('/fonts/hebrew/nachlieliclm-light-webfont.ttf') format('truetype'), url('/fonts/hebrew/nachlieliclm-light-webfont.svg#nachlieli_clmlight') format('svg');
}

@font-face {
    font-family: 'Simple';
    src: url('/fonts/hebrew/simpleclm-medium-webfont.eot');
    src: url('/fonts/hebrew/simpleclm-medium-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/hebrew/simpleclm-medium-webfont.woff') format('woff'), url('/fonts/hebrew/simpleclm-medium-webfont.ttf') format('truetype'), url('/fonts/hebrew/simpleclm-medium-webfont.svg#simple_clmmedium') format('svg');
}

@font-face {
    font-family: 'Pfennig';
    src: url('/fonts/hebrew/pfennig-webfont.eot');
    src: url('/fonts/hebrew/pfennig-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/hebrew/pfennig-webfont.woff') format('woff'), url('/fonts/hebrew/pfennig-webfont.ttf') format('truetype'), url('/fonts/hebrew/pfennig-webfont.svg#pfennigmedium') format('svg');
}

html {
    height: 100%;
}

body {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
}

/* 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; /* default */
        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 is set relative by default, but will set absolute (stretched) if placed within section .is-stretch 
*/
.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-stretch), .is-section-100:not(.is-stretch) { height: auto !important; } is-stretch is an exception */
    .is-section:not(.is-box) {
        height: auto !important;
    }

    /* .is-boxes { height: auto !important; } */
    .is-boxes {
        height: 100% !important;
    }
    /* new */

    .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-box-centered {
        display: table-cell;
    }
    /* new */
}

.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: 15px;
    }
}

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

/* Top 
.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-box  .is-container {
        padding:40px;
    }
    .is-wrapper > div:first-child .is-box:first-child .is-container { padding-top:80px !important; } 
}    */


/* 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 25s ease forwards;
            -ms-animation: is-scale 25s ease forwards;
            -webkit-animation: is-scale 25s ease forwards;
            -o-animation: is-scale 25s ease forwards;
            -moz-animation: is-scale 25s 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.05;
}

.is-overlay .is-overlay-content {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: inherit; /* dec 2017 */
}

    .is-overlay .is-overlay-content.content-selectable {
        z-index: 1
    }
/* dec 2017 */
.is-container {
    z-index: 1
}
/* dec 2017 */

/* 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;
    }
}*/
@media all and (max-width: 960px) {
    .is-container.is-content-left {
        margin-left: 30px;
        margin-right: 30px;
    }

    .is-container.is-content-right {
        margin-right: 30px;
        margin-right: 30px;
    }
}

.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;*/
    height: 10%;
}

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

/* slider */
.slick-list, .slick-slider, .slick-track {
    position: relative;
    display: block
}

.slick-loading .slick-slide, .slick-loading .slick-track {
    visibility: hidden
}

.slick-slider {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: 0
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    top: 0;
    left: 0
}

    .slick-track:after, .slick-track:before {
        display: table;
        content: ''
    }

    .slick-track:after {
        clear: both
    }

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

@charset 'UTF-8';

.slick-list, .slick-track {
    height: 100% !important
}

.slick-next, .slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    padding: 0;
    margin-top: -10px\9;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: 0
}

    .slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
        color: transparent;
        outline: 0;
        background: 0 0
    }

        .slick-next:hover:before, .slick-prev:hover:before {
            opacity: 1
        }

    .slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
        opacity: .25
    }

    .slick-next:before, .slick-prev:before {
        font-size: 50px;
        line-height: 1;
        opacity: .8;
        color: #fff;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

.slick-prev {
    left: 30px;
    z-index: 11;
    opacity: .7;
    width: 30px;
    height: 30px;
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20xmlns%3Axlink%3D%27http%3A//www.w3.org/1999/xlink%27%20width%3D%2730px%27%20height%3D%2730px%27%20viewBox%3D%270%200%2050%2080%27%20xml%3Aspace%3D%27preserve%27%3E%3Cpolyline%20fill%3D%27none%27%20stroke%3D%27%23FFFFFF%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20points%3D%2745.63%2C75.8%200.375%2C38.087%2045.63%2C0.375%20%27%3E%3C/polyline%3E%3C/svg%3E) !important
}

[dir=rtl] .slick-prev {
    right: -25px;
    left: auto
}

.slider-on-content .slick-prev {
    width: 22px;
    height: 22px;
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20xmlns%3Axlink%3D%27http%3A//www.w3.org/1999/xlink%27%20width%3D%2722px%27%20height%3D%2722px%27%20viewBox%3D%270%200%2050%2080%27%20xml%3Aspace%3D%27preserve%27%3E%3Cpolyline%20fill%3D%27none%27%20stroke%3D%27%23FFFFFF%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20points%3D%2745.63%2C75.8%200.375%2C38.087%2045.63%2C0.375%20%27%3E%3C/polyline%3E%3C/svg%3E) !important
}

.slick-prev:hover {
    opacity: 1
}

.slick-next {
    right: 30px;
    z-index: 11;
    opacity: .7;
    width: 30px;
    height: 30px;
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20xmlns%3Axlink%3D%27http%3A//www.w3.org/1999/xlink%27%20width%3D%2730px%27%20height%3D%2730px%27%20viewBox%3D%270%200%2050%2080%27%20xml%3Aspace%3D%27preserve%27%3E%3Cpolyline%20fill%3D%27none%27%20stroke%3D%27%23FFFFFF%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20points%3D%270.375%2C0.375%2045.63%2C38.087%200.375%2C75.8%20%27%3E%3C/polyline%3E%3C/svg%3E) !important
}

[dir=rtl] .slick-next {
    right: auto;
    left: -25px
}

.slider-on-content .slick-next {
    width: 22px;
    height: 22px;
    background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20xmlns%3Axlink%3D%27http%3A//www.w3.org/1999/xlink%27%20width%3D%2722px%27%20height%3D%2722px%27%20viewBox%3D%270%200%2050%2080%27%20xml%3Aspace%3D%27preserve%27%3E%3Cpolyline%20fill%3D%27none%27%20stroke%3D%27%23FFFFFF%27%20stroke-width%3D%274%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20points%3D%270.375%2C0.375%2045.63%2C38.087%200.375%2C75.8%20%27%3E%3C/polyline%3E%3C/svg%3E) !important
}

.slick-next:hover {
    opacity: 1
}

.slick-slider {
    height: 100%
}

.slick-dots {
    z-index: 10;
    position: absolute;
    bottom: 25px;
    margin: 0;
    display: block;
    width: 100%;
    padding: 0;
    list-style: none;
    text-align: center
}

    .slick-dots li, .slick-dots li button {
        width: 10px;
        height: 10px;
        padding: 0;
        cursor: pointer
    }

        .slick-dots li button {
            font-size: 0;
            line-height: 0;
            display: block;
            color: transparent;
            border: 0;
            outline: 0;
            background: 0 0
        }

    .slick-dots li {
        position: relative;
        display: inline-block;
        margin: 0 7px;
        border-radius: 500px;
        border: 1px solid rgba(255,255,255,.7)
    }

        .slick-dots li.slick-active, .slick-dots li:hover {
            background: rgba(255,255,255,.5)
        }

    .slick-dots.dark li {
        border: 1px solid rgba(0,0,0,.5)
    }

        .slick-dots.dark li.slick-active, .slick-dots.dark li:hover {
            background: rgba(0,0,0,.7)
        }

.slider-image {
    background-size: cover;
    background-position: 50% 60%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    display: table !important;
}

.slider-content {
    display: table-cell;
    box-sizing: border-box;
    padding: 50px 70px 50px;
    text-decoration: none;
    opacity: 0.85
}

.slider-on-box .slider-content {
    padding: 65px 80px 70px;
}

.slider-on-box .slick-dots {
    bottom: 35px
}

/* video */
.is-video-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.is-overlay-video {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0);
    opacity: 0.25;
}

/* END BOX.css  */

/* start content.css */


/**********************************
    Adjustment for Default
***********************************/


.container > .row, .container > div > .row {
    padding-top: 10px;
    padding-bottom: 10px
}

.row img {
    margin: 1.4em 0 1em;
}



/**********************************
    General
***********************************/

html {
    font-size: 100%;
}

body {
    margin: 0;
    font-family: "Open Sans", sans-serif;
    font-size: 100%;
    line-height: 2;
    font-weight: 300;
}

p, td, li, label {
    font-size: 1.07em;
    line-height: 2;
    font-weight: 300;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    letter-spacing: 0px;
    line-height: 1.4;
}

h1 {
    font-size: 2.36em;
    margin: 0.4em 0;
}

h2 {
    font-size: 2em;
    margin: 0.6em 0;
}

h3 {
    font-size: 1.73em;
    margin: 0.7em 0;
}

h4 {
    font-size: 1.6em;
    margin: 0.8em 0;
}

h5 {
    font-size: 1.48em;
    margin: 0.8em 0;
}

h6 {
    font-size: 1.3em;
    margin: 0.8em 0;
}

p {
    margin: 1em 0;
}

.display {
    margin-bottom: 0.5em;
}

    .display h1 {
        font-weight: 800;
        font-size: 3em;
        line-height: 1.4;
        text-transform: uppercase;
    }

    .display p {
        font-size: 1.3em;
        font-style: italic;
    }

table td {
    padding: 12px;
}

@media all and (max-width: 1024px) {
    h1 {
        font-size: 2em;
    }

    h2 {
        font-size: 1.73em;
    }

    h3 {
        font-size: 1.6em;
    }

    h4 {
        font-size: 1.48em;
    }

    h5 {
        font-size: 1.3em;
        font-weight: bold;
    }

    h6 {
        font-size: 1em;
        font-weight: bold;
    }

    .display h1 {
        font-size: 2.2em;
    }

    .display p {
        font-size: 1.1em;
    }
}

/* FIX: Preventing Chrome from wrapping text with span-style (during editing) */
.display h1 span {
    font-size: inherit;
    line-height: inherit;
}

.display p span {
    font-size: inherit;
    line-height: inherit;
}

h1 span {
    font-size: inherit;
    line-height: inherit;
}

h2 span {
    font-size: inherit;
    line-height: inherit;
}

h3 span {
    font-size: inherit;
    line-height: inherit;
}

h4 span {
    font-size: inherit;
    line-height: inherit;
}

h5 span {
    font-size: inherit;
    line-height: inherit;
}

h6 span {
    font-size: inherit;
    line-height: inherit;
}

p span {
    font-size: inherit;
    line-height: inherit;
}

li span {
    font-size: inherit;
    line-height: inherit;
}

a {
    color: #009E91;
}

hr {
    border: none;
    border-top: rgba(0, 0, 0, 0.18) 1px solid;
    margin: 2em 0 !important;
}

img {
    max-width: 100%;
}

figure {
    margin: 0
}

ol, ul {
    line-height: inherit;
    font-weight: inherit;
}


/**********************************
    Grid
***********************************/
.container {
    margin: 0 auto;
    max-width: 980px;
    width: 90%;
}

@media (min-width: 45rem) {
    .column {
        float: left;
        padding-left: 1rem; /* beta3 */
        padding-right: 1rem; /* beta3 */
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .column.full {
            width: 100%;
        }

        .column.two-third {
            width: 66.7%;
        }

        .column.two-fourth {
            width: 75%;
        }

        .column.two-fifth {
            width: 80%;
        }

        .column.two-sixth {
            width: 83.3%;
        }

        .column.half {
            width: 50%;
        }

        .column.third {
            width: 33.3%;
        }

        .column.fourth {
            width: 25%;
        }

        .column.fifth {
            width: 20%;
        }

        .column.sixth {
            width: 16.6%;
        }

        .column.flow-opposite {
            float: right;
        }
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


/**********************************
    Elements
***********************************/

.center {
    text-align: center !important
}

.right {
    text-align: right
}

.left {
    text-align: left
}

.padding-20 {
    padding: 20px
}

.padding-25 {
    padding: 25px
}

.padding-30 {
    padding: 30px
}

.padding-35 {
    padding: 35px
}

.padding-40 {
    padding: 40px
}

@media all and (max-width: 540px) {
    .center {
        text-align: initial
    }

    .right {
        text-align: initial
    }

    .left {
        text-align: initial
    }

    .padding-20 {
        padding: 0
    }

    .padding-25 {
        padding: 0
    }

    .padding-30 {
        padding: 0
    }

    .padding-35 {
        padding: 0
    }

    .padding-40 {
        padding: 0
    }
}

.margin-0 {
    margin: 0 !important
}

.margin-20 {
    margin: 20px !important
}

.margin-25 {
    margin: 25px !important
}

.margin-30 {
    margin: 30px !important
}

.margin-35 {
    margin: 35px !important
}

.margin-40 {
    margin: 40px !important
}

.is-card {
    display: table;
    background-color: #fff;
}

    .is-card > * {
        display: table;
    }

.is-card-circle {
    width: 280px;
    height: 280px;
    border-radius: 500px;
    padding: 70px;
    margin: 0 auto;
}

@media all and (max-width: 540px) {
    .is-card-circle {
        zoom: 0.7;
        -moz-transform: scale(0.7);
    }
}

.is-card-content-centered {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.max-390 {
    max-width: 390px;
    margin: 0 auto;
}

.shadow-1 { /* card */
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0, 0.12), 0 1px 2px rgba(0,0,0, 0.24);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0, 0.12), 0 1px 2px rgba(0,0,0, 0.24);
    box-shadow: 0 1px 3px rgba(0,0,0, 0.12), 0 1px 2px rgba(0,0,0, 0.24);
}

.shadow-2 { /* screenshot */
    -webkit-box-shadow: 0 30px 50px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 30px 50px rgba(0, 0, 0, 0.15);
    box-shadow: 0 30px 50px rgba(0, 0, 0, 0.15);
}

.shadow-3 { /* highlight */
    -webkit-box-shadow: 0 0px 100px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0px 100px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0px 100px rgba(0, 0, 0, 0.2);
}

img.circle {
    border-radius: 500px;
    margin-top: 0;
}

img.bordered {
    border: #ccc 1px solid;
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    margin-top: 1.4em;
    margin-bottom: 1em;
}

    .embed-responsive.embed-responsive-16by9 {
        padding-bottom: 56.25%;
    }

    .embed-responsive.embed-responsive-4by3 {
        padding-bottom: 75%;
    }

    .embed-responsive iframe {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
    }

.list {
    position: relative;
    margin: 1.5em 0;
}

    .list > i {
        position: absolute;
        left: -3px;
        top: 7px;
        font-size: 1.7em;
        line-height: 1;
    }

    .list > h2, .list > h3 {
        margin: 0 0 0 50px;
    }

    .list > p {
        margin: 5px 0 0 50px
    }

.quote {
    position: relative;
    margin: 1.5em 0;
}

    .quote > i {
        position: absolute;
        top: -10px;
        left: -7px;
        font-size: 2em;
    }

    .quote > small {
        margin-left: 50px;
        opacity: 0.7;
        font-size: 1em;
    }

    .quote > p {
        margin-left: 50px;
        font-size: 1.5em;
    }

@media all and (max-width: 540px) {
    .quote > i {
        left: -15px;
        font-size: 1.5em;
    }

    .quote > small {
        margin-left: 20px;
        ont-size: 1em;
    }

    .quote > p {
        margin-left: 20px;
        font-size: 1.2em;
    }
}

.is-social {
    line-height: 1;
    margin-bottom: 1.5em
}

    .is-social a > i {
        text-decoration: none;
        color: #333;
        font-size: 1.2em;
        margin: 0 15px 0 0;
        -webkit-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }

    .is-social a:hover > i {
        color: #08c9b9;
    }

.is-light-text .is-social a > i {
    color: #fff
}

.is-light-text .is-social a:hover > i {
    color: #fff
}

.is-dark-text .is-social a > i {
    color: #000
}

.is-dark-text .is-social a:hover > i {
    color: #000
}

/* backward compatible */
.social {
    line-height: 1;
    margin-bottom: 1.5em
}

    .social a > i {
        text-decoration: none;
        color: #333;
        font-size: 1.2em;
        margin: 0 15px 0 0;
        -webkit-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }

    .social a:hover > i {
        color: #08c9b9;
    }

.is-light-text .social a > i {
    color: #fff
}

.is-light-text .social a:hover > i {
    color: #fff
}

.is-rounded-button-big {
    display: inline-block;
}

    .is-rounded-button-big a {
        display: table;
        float: left;
        text-align: center;
        margin: 0 20px;
        border-radius: 500px;
        width: 110px;
        height: 110px;
        background-color: #aaa;
    }

        .is-rounded-button-big a i {
            display: table-cell;
            width: 100%;
            height: 100%;
            vertical-align: middle;
            color: #ffffff;
            font-size: 40px
        }

        .is-rounded-button-big a:first-child {
            margin: 0 20px 0 0;
        }

        .is-rounded-button-big a:last-child {
            margin: 0 0 0 20px;
        }

.is-rounded-button-medium {
    display: inline-block;
}

    .is-rounded-button-medium a {
        display: table;
        float: left;
        text-align: center;
        margin: 0 20px;
        border-radius: 500px;
        width: 70px;
        height: 70px;
        background-color: #aaa;
    }

        .is-rounded-button-medium a i {
            display: table-cell;
            width: 100%;
            height: 100%;
            vertical-align: middle;
            color: #ffffff;
            font-size: 30px
        }

.is-boxed-button-big {
    display: inline-block;
}

    .is-boxed-button-big a {
        display: table;
        float: left;
        text-align: center;
        margin: 0 30px 0 0;
        width: 110px;
        height: 110px;
        background-color: #aaa;
    }

        .is-boxed-button-big a i {
            display: table-cell;
            width: 100%;
            height: 100%;
            vertical-align: middle;
            color: #ffffff;
            font-size: 40px
        }

.is-boxed-button-big2 {
    display: inline-block;
}

    .is-boxed-button-big2 a {
        display: table;
        float: left;
        text-align: center;
        margin: 0 30px 0 0;
        width: 150px;
        height: 70px;
        background-color: #aaa;
    }

        .is-boxed-button-big2 a i {
            display: table-cell;
            width: 100%;
            height: 100%;
            vertical-align: middle;
            color: #ffffff;
            font-size: 35px
        }

.is-boxed-button-medium {
    display: inline-block;
}

    .is-boxed-button-medium a {
        display: table;
        float: left;
        text-align: center;
        margin: 0 30px 0 0;
        width: 70px;
        height: 70px;
        background-color: #aaa;
    }

        .is-boxed-button-medium a i {
            display: table-cell;
            width: 100%;
            height: 100%;
            vertical-align: middle;
            color: #ffffff;
            font-size: 30px
        }

.is-boxed-button-medium2 {
    display: inline-block;
}

    .is-boxed-button-medium2 a {
        display: table;
        float: left;
        text-align: center;
        margin: 0 30px 0 0;
        width: 100px;
        height: 50px;
        background-color: #aaa;
    }

        .is-boxed-button-medium2 a i {
            display: table-cell;
            width: 100%;
            height: 100%;
            vertical-align: middle;
            color: #ffffff;
            font-size: 25px
        }

.is-boxed-button-small {
    display: inline-block;
}

    .is-boxed-button-small a {
        display: table;
        float: left;
        text-align: center;
        margin: 0 20px 0 0;
        width: 50px;
        height: 50px;
        background-color: #aaa;
    }

        .is-boxed-button-small a i {
            display: table-cell;
            width: 100%;
            height: 100%;
            vertical-align: middle;
            color: #ffffff;
            font-size: 20px
        }

.size-12 {
    font-size: 12px
}

.size-14 {
    font-size: 14px
}

.size-16 {
    font-size: 16px
}

.size-18 {
    font-size: 18px
}

.size-21 {
    font-size: 21px
}

.size-24 {
    font-size: 24px
}

.size-32 {
    font-size: 32px
}

.size-48 {
    font-size: 48px
}

.size-64 {
    font-size: 64px
}

.size-80 {
    font-size: 80px
}

.size-96 {
    font-size: 96px
}

@media all and (max-width: 1024px) {
    .size-12 {
        font-size: 12px
    }

    .size-14 {
        font-size: 14px
    }

    .size-16 {
        font-size: 16px
    }

    .size-18 {
        font-size: 18px
    }

    .size-21 {
        font-size: 21px
    }

    .size-24 {
        font-size: 24px
    }

    .size-32 {
        font-size: 28px
    }

    .size-48 {
        font-size: 32px
    }

    .size-64 {
        font-size: 36px
    }

    .size-80 {
        font-size: 40px
    }

    .size-96 {
        font-size: 44px
    }
}
/* If text wrapped with span-style during editing, don't apply the fix here (See line59) */
.size-12 span {
    font-size: 12px
}

.size-14 span {
    font-size: 14px
}

.size-16 span {
    font-size: 16px
}

.size-18 span {
    font-size: 18px
}

.size-21 span {
    font-size: 21px
}

.size-24 span {
    font-size: 24px
}

.size-32 span {
    font-size: 32px
}

.size-48 span {
    font-size: 48px
}

.size-64 span {
    font-size: 64px
}

.size-80 span {
    font-size: 80px
}

.size-96 span {
    font-size: 96px
}

@media all and (max-width: 1024px) {
    .size-12 span {
        font-size: 12px
    }

    .size-14 span {
        font-size: 14px
    }

    .size-16 span {
        font-size: 16px
    }

    .size-18 span {
        font-size: 18px
    }

    .size-21 span {
        font-size: 21px
    }

    .size-24 span {
        font-size: 24px
    }

    .size-32 span {
        font-size: 28px
    }

    .size-48 span {
        font-size: 32px
    }

    .size-64 span {
        font-size: 36px
    }

    .size-80 span {
        font-size: 40px
    }

    .size-96 span {
        font-size: 44px
    }
}

/**********************************
    Title Styles
***********************************/

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

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

/* Style 1 */

.is-title1-96 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.is-title1-80 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.is-title1-64 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.is-title1-48 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.is-title1-32 {
    margin-top: 15px;
    margin-bottom: 15px;
}

/* Style 2 */

.is-title2-96 {
    margin-top: 25px;
    margin-bottom: 20px;
}

.is-title2-80 {
    margin-top: 20px;
    margin-bottom: 15px;
}

.is-title2-64 {
    margin-top: 20px;
    margin-bottom: 15px;
}

.is-title2-48 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.is-title2-32 {
    margin-top: 10px;
    margin-bottom: 15px;
}

/* Style 3 */

.is-title3-96 {
    margin-top: 30px;
    margin-bottom: 35px;
    padding: 20px 0;
    border-top: #000 2px solid;
    border-bottom: #000 2px solid;
}

.is-title3-80 {
    margin-top: 25px;
    margin-bottom: 33px;
    padding: 20px 0;
    border-top: #000 2px solid;
    border-bottom: #000 2px solid;
}

.is-title3-64 {
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 18px 0;
    border-top: #000 2px solid;
    border-bottom: #000 2px solid;
}

.is-title3-48 {
    margin-top: 20px;
    margin-bottom: 25px;
    padding: 18px 0;
    border-top: #000 2px solid;
    border-bottom: #000 2px solid;
}

.is-title3-32 {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 15px 0;
    border-top: #000 2px solid;
    border-bottom: #000 2px solid;
}

.is-light-text .is-title3-96 {
    border-top: #fff 2px solid;
    border-bottom: #fff 2px solid;
}

.is-light-text .is-title3-80 {
    border-top: #fff 2px solid;
    border-bottom: #fff 2px solid;
}

.is-light-text .is-title3-64 {
    border-top: #fff 2px solid;
    border-bottom: #fff 2px solid;
}

.is-light-text .is-title3-48 {
    border-top: #fff 2px solid;
    border-bottom: #fff 2px solid;
}

.is-light-text .is-title3-32 {
    border-top: #fff 2px solid;
    border-bottom: #fff 2px solid;
}

.is-dark-text .is-title3-96 {
    border-top: #000 2px solid;
    border-bottom: #000 2px solid;
}

.is-dark-text .is-title3-80 {
    border-top: #000 2px solid;
    border-bottom: #000 2px solid;
}

.is-dark-text .is-title3-64 {
    border-top: #000 2px solid;
    border-bottom: #000 2px solid;
}

.is-dark-text .is-title3-48 {
    border-top: #000 2px solid;
    border-bottom: #000 2px solid;
}

.is-dark-text .is-title3-32 {
    border-top: #000 2px solid;
    border-bottom: #000 2px solid;
}

/* Style 4 */

.is-title4-96 {
    margin-top: 30px;
    margin-bottom: 35px;
    padding: 20px 30px;
    border: #000 2px solid;
}

.is-title4-80 {
    margin-top: 25px;
    margin-bottom: 33px;
    padding: 20px 30px;
    border: #000 2px solid;
}

.is-title4-64 {
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 18px 28px;
    border: #000 2px solid;
}

.is-title4-48 {
    margin-top: 20px;
    margin-bottom: 25px;
    padding: 18px 25px;
    border: #000 2px solid;
}

.is-title4-32 {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 15px 20px;
    border: #000 2px solid;
}

.is-light-text .is-title4-96 {
    border: #fff 2px solid;
}

.is-light-text .is-title4-80 {
    border: #fff 2px solid;
}

.is-light-text .is-title4-64 {
    border: #fff 2px solid;
}

.is-light-text .is-title4-48 {
    border: #fff 2px solid;
}

.is-light-text .is-title4-32 {
    border: #fff 2px solid;
}

.is-dark-text .is-title4-96 {
    border: #000 2px solid;
}

.is-dark-text .is-title4-80 {
    border: #000 2px solid;
}

.is-dark-text .is-title4-64 {
    border: #000 2px solid;
}

.is-dark-text .is-title4-48 {
    border: #000 2px solid;
}

.is-dark-text .is-title4-32 {
    border: #000 2px solid;
}

/* Style 5 */

.is-title5-96 {
    margin-top: 10px;
    margin-bottom: 35px;
    padding-bottom: 25px;
    border-bottom: #000 2px solid;
}

.is-title5-80 {
    margin-top: 10px;
    margin-bottom: 33px;
    padding-bottom: 25px;
    border-bottom: #000 2px solid;
}

.is-title5-64 {
    margin-top: 10px;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: #000 2px solid;
}

.is-title5-48 {
    margin-top: 10px;
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: #000 2px solid;
}

.is-title5-32 {
    margin-top: 10px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: #000 2px solid;
}

.is-light-text .is-title5-96 {
    border-bottom: #fff 2px solid;
}

.is-light-text .is-title5-80 {
    border-bottom: #fff 2px solid;
}

.is-light-text .is-title5-64 {
    border-bottom: #fff 2px solid;
}

.is-light-text .is-title5-48 {
    border-bottom: #fff 2px solid;
}

.is-light-text .is-title5-32 {
    border-bottom: #fff 2px solid;
}

.is-dark-text .is-title5-96 {
    border-bottom: #000 2px solid;
}

.is-dark-text .is-title5-80 {
    border-bottom: #000 2px solid;
}

.is-dark-text .is-title5-64 {
    border-bottom: #000 2px solid;
}

.is-dark-text .is-title5-48 {
    border-bottom: #000 2px solid;
}

.is-dark-text .is-title5-32 {
    border-bottom: #000 2px solid;
}

/* Extra Title Styles */

.is-title-lite {
    letter-spacing: 3px;
    word-spacing: 5px;
}

    .is-title-lite.is-title3-96, .is-title-lite.is-title4-96, .is-title-lite.is-title5-96 {
        letter-spacing: 4px;
        word-spacing: 8px;
    }

    .is-title-lite.is-title3-80, .is-title-lite.is-title4-80, .is-title-lite.is-title5-80 {
        letter-spacing: 4px;
        word-spacing: 8px;
    }

    .is-title-lite.is-title3-64, .is-title-lite.is-title4-64, .is-title-lite.is-title5-64 {
        letter-spacing: 4px;
        word-spacing: 8px;
    }

    .is-title-lite.is-title3-48, .is-title-lite.is-title4-48, .is-title-lite.is-title5-48 {
        letter-spacing: 4px;
        word-spacing: 8px;
    }

    .is-title-lite.is-title3-32, .is-title-lite.is-title4-32, .is-title-lite.is-title5-32 {
        letter-spacing: 3px;
        word-spacing: 5px;
    }

.is-title-bold {
    font-weight: 800;
}

    .is-title-bold.is-title3-96, .is-title-bold.is-title4-96, .is-title-bold.is-title5-96 {
        border-width: 4px;
    }

    .is-title-bold.is-title3-80, .is-title-bold.is-title4-80, .is-title-bold.is-title5-80 {
        border-width: 4px;
    }

    .is-title-bold.is-title3-64, .is-title-bold.is-title4-64, .is-title-bold.is-title5-64 {
        border-width: 3px;
    }

    .is-title-bold.is-title3-48, .is-title-bold.is-title4-48, .is-title-bold.is-title5-48 {
        border-width: 3px;
    }

    .is-title-bold.is-title3-32, .is-title-bold.is-title4-32, .is-title-bold.is-title5-32 {
        border-width: 2px;
    }


/**********************************
    Into Styles
***********************************/

.is-info1 {
    margin-top: 10px;
    margin-bottom: 0px;
    font-style: italic;
}

    .is-info1.size-21 {
        margin-top: 12px;
    }

    .is-info1.size-24 {
        margin-top: 15px;
    }

.is-info2 {
    margin-top: 10px;
    margin-bottom: 0px;
}

    .is-info2.size-21 {
        margin-top: 12px;
    }

    .is-info2.size-24 {
        margin-top: 15px;
    }


/**********************************
    Buttons Styles
***********************************/

.is-btn {
    padding: 10px 50px;
    font-size: 1em;
    line-height: 2em;
    border-radius: 0;
    letter-spacing: 3px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    -webkit-transition: all 0.16s ease;
    transition: all 0.16s ease;
}

/* ghost1 default */
.is-btn-ghost1 {
    color: #000;
    border: 2px solid #111;
}

    .is-btn-ghost1:hover, .is-btn-ghost1:active, .is-btn-ghost1:focus {
        color: #fff;
        background-color: #111;
        border: 2px solid #111;
        text-decoration: none;
    }

/* ghost1 light-text */
.is-light-text .is-btn-ghost1,
.is-dark-text .is-light-text .is-btn-ghost1 {
    color: #fff;
    border: 2px solid #fff;
}

    .is-light-text .is-btn-ghost1:hover, .is-light-text .is-btn-ghost1:active, .is-light-text .is-btn-ghost1:focus,
    .is-dark-text .is-light-text .is-btn-ghost1:hover, .is-dark-text .is-light-text .is-btn-ghost1:active, .is-dark-text .is-light-text .is-btn-ghost1:focus {
        color: #000;
        background-color: #fff;
        border: 2px solid #fff;
    }

/* ghost1 dark-text */
.is-dark-text .is-btn-ghost1,
.is-light-text .is-dark-text .is-btn-ghost1 {
    color: #000;
    border: 2px solid #111;
}

    .is-dark-text .is-btn-ghost1:hover, .is-dark-text .is-btn-ghost1:active, .is-dark-text .is-btn-ghost1:focus,
    .is-light-text .is-dark-text .is-btn-ghost1:hover, .is-light-text .is-dark-text .is-btn-ghost1:active, .is-light-text .is-dark-text .is-btn-ghost1:focus {
        color: #fff;
        background-color: #111;
        border: 2px solid #111;
    }

/* ghost2 default */
.is-btn-ghost2 {
    color: #000;
    border: 2px solid #d7d7d7;
    background-color: #d7d7d7;
}

    .is-btn-ghost2:hover, .is-btn-ghost2:active, .is-btn-ghost2:focus {
        color: #000;
        background-color: #cdcdcd;
        border: 2px solid #cdcdcd;
        text-decoration: none;
    }

/* ghost2 light-text */
.is-light-text .is-btn-ghost2,
.is-dark-text .is-light-text .is-btn-ghost2 {
    color: #000;
    border: 2px solid #f9f9f9;
    background-color: #f9f9f9;
}

    .is-light-text .is-btn-ghost2:hover, .is-light-text .is-btn-ghost2:active, .is-light-text .is-btn-ghost2:focus,
    .is-dark-text .is-light-text .is-btn-ghost2:hover, .is-dark-text .is-light-text .is-btn-ghost2:active, .is-dark-text .is-light-text .is-btn-ghost2:focus {
        color: #000;
        background-color: #fff;
        border: 2px solid #fff;
    }

/* ghost2 dark-text */
.is-dark-text .is-btn-ghost2,
.is-light-text .is-dark-text .is-btn-ghost2 {
    color: #000;
    border: 2px solid #d7d7d7;
    background-color: #d7d7d7;
}

    .is-dark-text .is-btn-ghost2:hover, .is-dark-text .is-btn-ghost2:active, .is-dark-text .is-btn-ghost2:focus,
    .is-light-text .is-dark-text .is-btn-ghost2:hover, .is-light-text .is-dark-text .is-btn-ghost2:active, .is-light-text .is-dark-text .is-btn-ghost2:focus {
        color: #000;
        background-color: #cdcdcd;
        border: 2px solid #cdcdcd;
    }

.is-btn-small {
    padding: 5px 25px;
    font-size: 0.85em;
}

.is-upper {
    text-transform: uppercase;
}

.is-rounded-30 {
    border-radius: 30px;
}



/* Old Buttons */

.btn {
    padding: 7px 25px;
    font-size: 1em;
    line-height: 2em;
    border-radius: 5px;
    letter-spacing: 1px;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    -webkit-transition: all 0.16s ease;
    transition: all 0.16s ease;
}

    .btn.btn-primary {
        color: #ffffff;
        background-color: #08c9b9;
    }

        .btn.btn-primary:hover {
            color: #ffffff;
            background-color: #07b0a2;
            border-color: #07b0a2;
        }

    .btn.btn-default {
        color: #333333;
        background-color: #d3d3d3;
    }

        .btn.btn-default:hover {
            color: #111;
            background-color: #ccc;
            border-color: #ccc;
        }


/**********************************
    Header Image with Caption
***********************************/
figure.hdr {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: #000;
}

    figure.hdr img {
        position: relative;
        display: block;
        width: 100%;
        opacity: 0.8;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    figure.hdr:hover img {
        opacity: 0.5;
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    figure.hdr figcaption {
        position: absolute;
        top: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 60%;
        padding: 0 2.5em;
        color: #fff;
        font-size: 1.55em;
        text-align: center;
        box-sizing: border-box;
        z-index: 1;
    }
    /* Text */
    figure.hdr h2 {
        font-weight: 300;
        text-transform: uppercase;
    }

        figure.hdr h2 span {
            font-weight: 800;
        }

    figure.hdr p {
        letter-spacing: 1px;
        font-size: 68.5%;
        text-transform: uppercase;
    }

    figure.hdr h2, figure.hdr p {
        margin: 0;
        z-index: 10000;
    }
    /* Cosmetic */
    figure.hdr div {
        height: 100%;
        z-index: 0;
    }

        figure.hdr div::before,
        figure.hdr div::after {
            position: absolute;
            content: '';
        }
/* One */
figure.one div::before {
    top: 50px;
    right: 30px;
    bottom: 50px;
    left: 30px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

figure.one div::after {
    top: 30px;
    right: 50px;
    bottom: 30px;
    left: 50px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}
/* Two */
figure.two div::before {
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

figure.two div::after {
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}
/* Three */
figure.three figcaption {
    height: 70%;
}

figure.three p {
    margin: 1em 0 0;
    padding: 2em;
    border: 1px solid #fff;
}
/* Four */
figure.four figcaption {
    height: 60%;
    text-align: left;
}

figure.four p {
    position: absolute;
    right: 50px;
    bottom: 50px;
    left: 50px;
    padding: 2em;
    border: 7px solid #fff;
}
/* Five */
figure.five figcaption {
    height: 100%;
    text-align: right;
}

figure.five h2 {
    position: absolute;
    left: 50px;
    right: 50px;
    top: 10%;
    border-bottom: 5px solid #fff;
}

figure.five p {
    position: absolute;
    right: 50px;
    bottom: 10%;
}
/* Six */
figure.six figcaption {
    height: 70%;
}

figure.six h2 {
    padding-bottom: 3%;
    border-bottom: 1px solid #fff;
}

figure.six p {
    padding-top: 6%;
}
/* Seven */
figure.seven figcaption {
    height: 90%;
    text-align: left;
}

figure.seven h2 {
    border-bottom: 3px solid #fff;
}

figure.seven p {
    padding-top: 1em;
}
/* Eight */
figure.eight figcaption {
    height: 100%;
    text-align: right;
}

figure.eight h2 {
    position: absolute;
    left: 50%;
    right: 50px;
    bottom: 10%;
}

figure.eight p {
    position: absolute;
    left: 50px;
    right: 50%;
    top: 10%;
    padding-right: 0.5em;
    border-right: 1px solid #fff;
}

@media all and (max-width: 600px) {
    .is-boxed-button-big a {
        margin: 0 10px 0 0 !important;
        width: 80px !important;
        height: 80px !important;
    }
}

video.is-video-bg {
    width: 100%;
    height: auto;
}


/* end content.css */
.bootstrap-dialog {
    /* dialog types */
    /**
     * Icon animation
     * Copied from font-awesome: http://fontawesome.io/
     **/
    /** End of icon animation **/
}

    .bootstrap-dialog .modal-header {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }

    .bootstrap-dialog .bootstrap-dialog-title {
        color: #fff;
        display: inline-block;
        font-size: 16px;
    }

    .bootstrap-dialog .bootstrap-dialog-message {
        font-size: 14px;
    }

    .bootstrap-dialog .bootstrap-dialog-button-icon {
        margin-right: 3px;
    }

    .bootstrap-dialog .bootstrap-dialog-close-button {
        font-size: 20px;
        float: right;
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

        .bootstrap-dialog .bootstrap-dialog-close-button:hover {
            cursor: pointer;
            opacity: 1;
            filter: alpha(opacity=100);
        }

    .bootstrap-dialog.type-default .modal-header {
        background-color: #ffffff;
    }

    .bootstrap-dialog.type-default .bootstrap-dialog-title {
        color: #333;
    }

    .bootstrap-dialog.type-info .modal-header {
        background-color: #5bc0de;
    }

    .bootstrap-dialog.type-primary .modal-header {
        background-color: #337ab7;
    }

    .bootstrap-dialog.type-success .modal-header {
        background-color: #5cb85c;
    }

    .bootstrap-dialog.type-warning .modal-header {
        background-color: #f0ad4e;
    }

    .bootstrap-dialog.type-danger .modal-header {
        background-color: #d9534f;
    }

    .bootstrap-dialog.size-large .bootstrap-dialog-title {
        font-size: 24px;
    }

    .bootstrap-dialog.size-large .bootstrap-dialog-close-button {
        font-size: 30px;
    }

    .bootstrap-dialog.size-large .bootstrap-dialog-message {
        font-size: 18px;
    }

    .bootstrap-dialog .icon-spin {
        display: inline-block;
        -moz-animation: spin 2s infinite linear;
        -o-animation: spin 2s infinite linear;
        -webkit-animation: spin 2s infinite linear;
        animation: spin 2s infinite linear;
    }

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(359deg);
    }
}

@-ms-keyframes spin {
    0% {
        -ms-transform: rotate(0deg);
    }

    100% {
        -ms-transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}

/* line 27, ../sass/simplelightbox.scss */
body.hidden-scroll {
    overflow: hidden;
}

/* line 30, ../sass/simplelightbox.scss */
.sl-overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    opacity: 0.7;
    display: none;
    z-index: 1050;
}

/* line 41, ../sass/simplelightbox.scss */
.sl-wrapper {
    z-index: 1040;
}
    /* line 43, ../sass/simplelightbox.scss */
    .sl-wrapper button {
        border: 0 none;
        background: transparent;
        font-size: 28px;
        padding: 0;
        cursor: pointer;
    }
        /* line 49, ../sass/simplelightbox.scss */
        .sl-wrapper button:hover {
            opacity: 0.7;
        }
    /* line 54, ../sass/simplelightbox.scss */
    .sl-wrapper .sl-close {
        display: none;
        position: fixed;
        right: 30px;
        top: 30px;
        z-index: 1060;
        margin-top: -14px;
        margin-right: -14px;
        height: 44px;
        width: 44px;
        line-height: 44px;
        font-family: Arial, Baskerville, monospace;
        color: #000;
        font-size: 3rem;
    }
        /* line 69, ../sass/simplelightbox.scss */
        .sl-wrapper .sl-close:focus {
            outline: none;
        }
    /* line 74, ../sass/simplelightbox.scss */
    .sl-wrapper .sl-counter {
        display: none;
        position: fixed;
        top: 30px;
        left: 30px;
        z-index: 1060;
        color: #000;
        font-size: 1rem;
    }
    /* line 84, ../sass/simplelightbox.scss */
    .sl-wrapper .sl-navigation {
        width: 100%;
        display: none;
    }
        /* line 87, ../sass/simplelightbox.scss */
        .sl-wrapper .sl-navigation button {
            position: fixed;
            top: 50%;
            margin-top: -22px;
            height: 44px;
            width: 22px;
            line-height: 44px;
            text-align: center;
            display: block;
            z-index: 1060;
            font-family: Arial, Baskerville, monospace;
            color: #000;
        }
            /* line 99, ../sass/simplelightbox.scss */
            .sl-wrapper .sl-navigation button.sl-next {
                right: 5px;
                font-size: 2rem;
            }
            /* line 104, ../sass/simplelightbox.scss */
            .sl-wrapper .sl-navigation button.sl-prev {
                left: 5px;
                font-size: 2rem;
            }
            /* line 109, ../sass/simplelightbox.scss */
            .sl-wrapper .sl-navigation button:focus {
                outline: none;
            }

@media (min-width: 35.5em) {
    /* line 87, ../sass/simplelightbox.scss */
    .sl-wrapper .sl-navigation button {
        width: 44px;
    }
        /* line 116, ../sass/simplelightbox.scss */
        .sl-wrapper .sl-navigation button.sl-next {
            right: 10px;
            font-size: 3rem;
        }
        /* line 121, ../sass/simplelightbox.scss */
        .sl-wrapper .sl-navigation button.sl-prev {
            left: 10px;
            font-size: 3rem;
        }
}

@media (min-width: 50em) {
    /* line 87, ../sass/simplelightbox.scss */
    .sl-wrapper .sl-navigation button {
        width: 44px;
    }
        /* line 129, ../sass/simplelightbox.scss */
        .sl-wrapper .sl-navigation button.sl-next {
            right: 20px;
            font-size: 3rem;
        }
        /* line 134, ../sass/simplelightbox.scss */
        .sl-wrapper .sl-navigation button.sl-prev {
            left: 20px;
            font-size: 3rem;
        }
}
/* line 142, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image {
    position: fixed;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 10000;
}
    /* line 147, ../sass/simplelightbox.scss */
    .sl-wrapper .sl-image img {
        margin: 0;
        padding: 0;
        display: block;
        border: 0 none;
    }

@media (min-width: 35.5em) {
    /* line 147, ../sass/simplelightbox.scss */
    .sl-wrapper .sl-image img {
        border: 0 none;
    }
}

@media (min-width: 50em) {
    /* line 147, ../sass/simplelightbox.scss */
    .sl-wrapper .sl-image img {
        border: 0 none;
    }
}
/* line 160, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image iframe {
    background: #000;
    border: 0 none;
}

@media (min-width: 35.5em) {
    /* line 160, ../sass/simplelightbox.scss */
    .sl-wrapper .sl-image iframe {
        border: 0 none;
    }
}

@media (min-width: 50em) {
    /* line 160, ../sass/simplelightbox.scss */
    .sl-wrapper .sl-image iframe {
        border: 0 none;
    }
}
/* line 170, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image .sl-caption {
    display: none;
    padding: 10px;
    color: #fff;
    background: rgba(0, 0, 0, 0.8);
    font-size: 1rem;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
    /* line 181, ../sass/simplelightbox.scss */
    .sl-wrapper .sl-image .sl-caption.pos-top {
        bottom: auto;
        top: 0;
    }
    /* line 186, ../sass/simplelightbox.scss */
    .sl-wrapper .sl-image .sl-caption.pos-outside {
        bottom: auto;
    }
/* line 191, ../sass/simplelightbox.scss */
.sl-wrapper .sl-image .sl-download {
    display: none;
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: #000;
    z-index: 1060;
}

/* line 202, ../sass/simplelightbox.scss */
.sl-spinner {
    display: none;
    border: 5px solid #333;
    border-radius: 40px;
    height: 40px;
    left: 50%;
    margin: -20px 0 0 -20px;
    opacity: 0;
    position: fixed;
    top: 50%;
    width: 40px;
    z-index: 1007;
    -webkit-animation: pulsate 1s ease-out infinite;
    -moz-animation: pulsate 1s ease-out infinite;
    -ms-animation: pulsate 1s ease-out infinite;
    -o-animation: pulsate 1s ease-out infinite;
    animation: pulsate 1s ease-out infinite;
}

/* line 221, ../sass/simplelightbox.scss */
.sl-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@-webkit-keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0.0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}

@keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0.0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}

@-moz-keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0.0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}

@-o-keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0.0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}

@-ms-keyframes pulsate {
    0% {
        transform: scale(0.1);
        opacity: 0.0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}


.alert-danger {
    font-family: Alef,sans-serif !important
}

.powered {
    z-index: 9;
}

    .powered, .powered a {
        font-family: 'MuseoModerno', cursive !important;
        font-weight: 400 !important;
    }

        .powered a .bold {
            font-family: 'MuseoModerno', cursive !important;
            font-weight: 700 !important;
        }

        .powered, .powered a, h2.panel-title a {
            text-decoration: none
        }

            #back-to-top, #publishAlert, .alert-danger, .powered, .powered a {
                text-align: center
            }

body {
    margin: 0;
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat
}

.ltrFloat {
    float: left
}

.rtlFloat {
    float: right
}

.contentAreaBoxStyle {
    margin: 50px auto;
    padding: 40px 30px;
    background: #fff;
    border-radius: 8px
}

.alert-danger {
    z-index: 9999999;
    font-size: 14px;
    position: fixed;
    width: 100%;
    top: 0
}

.powered, .powered a {
    font-size: 13px;
    position: relative;
    color: #212121
}

.powered {
    line-height: 0 !important;
    top: -10px;
    height: 0
}

    .powered a {
        background-color: #d3d3d3;
        border-radius: 5px 5px 1px 1px;
        -moz-border-radius: 5px 5px 1px 1px;
        -webkit-border-radius: 5px 5px 1px 1px;
        padding-top: 5px;
        padding-right: 20px;
        padding-left: 30px;
        bottom: 0;
        background-image: url(/images/small_logo.png);
        background-repeat: no-repeat;
        background-position: 1px 1px
    }

iframe[name=google_conversion_frame] {
    height: 0 !important;
    display: block
}

.error {
    border-color: red
}

li {
    width: 100%
}

.input-star-ltr, .input-star-rtl, .radio-star-ltr, .radio-star-rtl, .select-star-ltr, .select-star-rtl {
    color: red;
    font-size: small;
    position: absolute;
    top: -5px
}

#back-to-top, #back-to-top a {
    color: #444;
    text-decoration: none
}

.input-star-ltr {
    left: 244px
}

.col-sm-4 .input-star-ltr {
    left: 0 !important
}

.col-sm-4 .input-star-rtl {
    right: 0 !important
}

.radio-star-rtl {
    right: 244px
}

.radio-star-ltr {
    left: 244px
}

.select-star-rtl {
    right: 244px;
    z-index: 1
}

.select-star-ltr {
    left: 244px;
    z-index: 1
}

.emptyContent, .npUrl {
    display: none
}

#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    line-height: 30px;
    background: #f5f5f5;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    transition: opacity .2s ease-out;
    opacity: 0
}

    #back-to-top:hover {
        background: #e9ebec
    }

    #back-to-top.show {
        opacity: 1
    }

h2.panel-title a:hover {
    text-decoration: underline
}

h2.panel-title a:before {
    font-family: FontAwesome;
    content: "\f077";
    color: inherit;
    padding: 7px
}

h2.panel-title a.collapsed:before {
    content: "\f078"
}

.nav-fixed {
    position: fixed;
    z-index: 190599;
    padding: 10px
}

.nav-fixed-footer {
    bottom: 0
}

.nav-fixed-top {
    top: 0
}

.nav-fixed-right {
    right: 0
}

.nav-fixed-left {
    left: 0
}

#dot-nav {
    position: fixed;
    right: 10px;
    top: 50%;
    margin-top: -50px;
    height: 100px;
    z-index: 999
}

    #dot-nav ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

    #dot-nav li {
        position: relative;
        background-color: #bdc3c7;
        border: 3px solid #bdc3c7;
        border-radius: 15px;
        cursor: pointer;
        padding: 5px;
        height: 10px;
        margin: 10px 10px 0 0;
        width: 10px;
        vertical-align: bottom
    }

        #dot-nav li.active, #dot-nav li:hover {
            background-color: #333
        }

    #dot-nav a {
        outline: 0;
        vertical-align: top;
        margin: 0 0 0 25px;
        position: relative;
        top: -5px
    }

.awesome-tooltip + .tooltip > .tooltip-inner {
    background-color: #000;
    color: #f5f5f5;
    border: 1px solid #000
}

.awesome-tooltip + .tooltip.left > .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #000
}

@media only screen and (max-width:600px) { /*#dot-nav,#dot-nav ul{text-align:center;right:0;left:0}#dot-nav{top:10px;z-index:999;margin:0 auto;width:250px}#dot-nav ul{margin:auto}#dot-nav li{border-radius:30px;float:left;padding:15px}#dot-nav .tooltip{display:block}*/
}

.carousel-inner > .item > a > img, .gal img, .galleryBoxb .carousel-inner > .item > img {
    width: 100%
}

.dirRtl {
    direction: rtl
}

.editor-remove, .npUrl {
    display: none !important
}

.input-star-undefined {
    position: absolute;
    top: 7px;
    color: red
}

.gal {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .is-wrapper > div:last-child {
        border-bottom: transparent 57px solid;
        height: calc(100% - 0px)
    }
}

.gal img {
    padding: 7px 0;
    margin: 0 !important
}

@media (max-width:500px) {
    .gal {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
}

.galleryBoxb .hide-bullets {
    list-style: none;
    margin-left: -40px;
    margin-top: -10px
}

.galleryBoxb .thumbnail {
    padding: 3px
}

.galleryBoxb a.carousel-control i {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block
}

.galleryBoxc div.gallery {
    margin: 5px;
    border: 1px solid #ccc;
    float: left;
    width: 180px;
    height: 220px;
    overflow: hidden;
    border-radius: 20px
}

div.gallery:hover {
    border: 1px solid #777
}

.galleryBoxc div.gallery a {
    width: 177px;
    height: 120px;
    overflow: hidden;
    position: absolute;
    margin-left: 1px
}

.galleryBoxc div.gallery img {
    width: 100%;
    height: auto;
    max-height: 120px;
    margin: 0 !important;
    border-radius: 20px 20px 0 0
}

.galleryBoxc div.desc {
    padding: 15px;
    text-align: center;
    position: relative;
    width: 178px;
    top: 120px
}

.boxfloatbottom {
    position: fixed;
    z-index: 190599;
    padding: 10px;
    left: 0;
    bottom: 0
}

@media only screen and (max-width:600px) {
    .galleryBoxc div.gallery {
        width: 100%
    }

        .galleryBoxc div.gallery a {
            width: 99%;
            height: auto
        }

        .galleryBoxc div.gallery img {
            width: 100%;
            height: auto
        }

    .is-wrapper > div.is-section-30, .is-wrapper > div.is-section-40, .is-wrapper > div.is-section-50, .is-wrapper > div.is-section-60, .is-wrapper > div.is-section-75, .is-wrapper > div.is-section-100 {
        height: 20% !important;
    }
}

@media only screen and (min-width:601px) and (max-width:900px) {
    .is-wrapper > div.is-section-30, .is-wrapper > div.is-section-40, .is-wrapper > div.is-section-50, .is-wrapper > div.is-section-60, .is-wrapper > div.is-section-75, .is-wrapper > div.is-section-100 {
        height: 45% !important;
    }
}

.formfloatbottom {
    position: fixed;
    z-index: 999;
    left: 0;
    right: 0;
    bottom: 0px;
    width: 100%;
    padding: 10px;
}

    .formfloatbottom ~ .boxfloatbottom {
        bottom: 75px;
    }

input[type="checkbox"].error::before {
    content: "\2610";
    font-size: 2.0em;
    color: red;
    position: absolute;
    left: -3px;
    top: -1px;
}

div.boxForm h3[name=thanksTextValue] {
    /*left: 0;
    right: 0;*/
    position: relative;
    max-width: 650px;
    padding: 20px;
    border-radius: 10px;
    /*margin:auto;*/
    border: 1px solid #000;
    background-color: #fff;
}
/* parallax */
.parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}
/*.slider-image, .is-overlay .is-overlay-bg {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
}*/

/*
========================
content table
=========================
01.import
02. General css
03. default menu css
  04. simple nav 
  05. megamenu
  06. right-nav
  07.shoppin nav
  08- Submenus nav
  09- center-logo-sep
  10- off-canvas-left
  11.off-canvas-right
  12. off-canvas-full
  13. simple right nav
  14. attributes
  15. media query
*/


/*===============================
  01. import
  ===============================*/



/*end of import*/


/*===============================
  02. General css
  ===============================*/

.mega_mn_body {
    margin: 0;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
}

.mega_mn_menu a {
    text-decoration: none;
}

    .mega_mn_menu a:focus {
        outline: none;
    }

.clearfix_mn {
    display: table;
    clear: both;
}

.mega_mn_menu {
    background: #5c2ca6;
    width: 100%;
    box-sizing: border-box;
}

.nav-container {
    padding: 0 30px;
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    box-sizing: border-box;
}

.white-bg {
    background: #fff !important;
    border-bottom: 1px solid #eee;
}


/*end of General css*/


/*===============================
  03. default menu css
  ===============================*/


/*logo*/

.mega_mn_menu .logo {
    width: 15%;
    float: left;
}

    .mega_mn_menu .logo a {
        font-size: 20px;
        color: #fff;
        font-weight: 600;
        display: block;
        padding: 20px 0;
    }

        .mega_mn_menu .logo a span {
            font-weight: 300;
        }


/*nav section*/


/*hamburger*/

.hum-line {
    width: 100%;
    height: 3px;
    background: #fff;
    margin: 6px 0;
    transition: .5s ease-in-out;
    transition-delay: 0, 0, 0.5s;
}

.menu-box {
    float: right;
    /*padding:18px 0px;*/
    position: relative;
    width: 25px;
    margin-top: 17px;
    height: 25px;
}

    .menu-box.clicked .line-1 {
        transform: rotate(45deg);
        position: absolute;
        top: 45%;
    }

    .menu-box.clicked .line-2 {
        transform: rotate(45deg);
        opacity: 0;
        top: 45%;
        position: absolute;
    }

    .menu-box.clicked .line-3 {
        transform: rotate(-45deg);
        position: absolute;
        top: 45%;
    }


/*===============================
  04. simple nav 
  ===============================*/

.mega_mn_menu nav {
    width: 70%;
    float: left;
}

    .mega_mn_menu nav ul {
        padding: 0px;
        text-align: center;
        margin: 0px;
        position: relative;
    }

        .mega_mn_menu nav ul li {
            display: inline-block;
            position: relative;
        }

    .mega_mn_menu nav > ul > li:hover {
        background: #7e4fc8;
    }

    .mega_mn_menu nav > ul > li > a {
        text-transform: uppercase;
        color: #fff;
        text-decoration: none;
        font-size: 13px;
        padding: 25px 17px;
        letter-spacing: 1px;
        display: block;
        /*font-size: 12px;*/
        font-weight: 500;
    }

        .mega_mn_menu nav > ul > li > a > i {
            font-size: 14px;
            padding: 7px;
        }

.mega_mn_menu .drop-list {
    width: 200px;
    position: absolute;
    background: #7e4fc8;
    text-align: left;
    visibility: hidden;
    display: block;
    transform: translateY(-2em);
    transition: all 1s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
    opacity: 0;
    z-index: 9;
}

    .mega_mn_menu .drop-list.block-nav {
        visibility: visible;
        display: block;
        opacity: 1;
        transform: translateY(0%);
        transition-delay: 0s, 0s, 0.3s;
    }

    .mega_mn_menu .drop-list li {
        width: 100%;
    }

        .mega_mn_menu .drop-list li a {
            display: block;
            padding: 10px 20px;
            border-bottom: 1px solid #9c43e4;
            font-size: 13px;
            color: #fff;
            text-align: left;
        }

.mega_mn_menu ul.drop-list li a:hover {
    background: #8859d4;
}

.mega_mn_menu ul.drop-list.double-list {
    width: 280px;
}

    .mega_mn_menu ul.drop-list.double-list li {
        width: 50%;
        float: left;
    }

.mega_mn_menu .mn_dropdown > a {
    position: relative;
    padding-right: 24px;
}

    .mega_mn_menu .mn_dropdown > a:after {
        position: absolute;
        content: "\e64b";
        font-family: 'themify';
        font-size: 8px;
        padding: 1px 3px;
        top: 50%;
        margin-top: -6px;
    }


/*===============================
  05. megamenu
  ===============================*/

.mega_mn_menu li.megamenu {
    position: unset !important;
}

.mega_mn_menu .megalist {
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

    .mega_mn_menu .megalist .list-col {
        width: calc(100% / 4);
        float: left;
    }

        .mega_mn_menu .megalist .list-col ul li {
            display: block;
            text-align: left;
        }

            .mega_mn_menu .megalist .list-col ul li a {
                padding: 10px 20px;
                border-bottom: 1px solid #9c43e4;
                font-size: 13px;
                display: block;
                color: #fff;
            }

                .mega_mn_menu .megalist .list-col ul li a:hover {
                    background: #8859d4;
                }


/*===============================
  06. right-nav
  ===============================*/

.mega_mn_menu .menu-box {
    display: none;
}

.mega_mn_menu .right-nav {
    float: left;
    width: 15%;
}


/*search*/

.mega_mn_menu .search-box-wrapper {
    position: relative;
    width: 100%;
}

.mega_mn_menu .search-box {
    float: right;
    padding: 17px 0px;
    position: relative;
}

    .mega_mn_menu .search-box i {
        width: 30px;
        height: 30px;
        border: 1px solid #eee;
        border-radius: 5px;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 13px;
    }

.mega_mn_menu .search-input {
    position: absolute;
    right: 0;
    top: 100%;
    width: 100%;
    background: #79caf9;
    padding: 13px 20px;
    visibility: hidden;
    display: block;
    transform: translateY(-2em);
    transition: all 0.8s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
    opacity: 0;
}

    .mega_mn_menu .search-input.search-block {
        visibility: visible;
        display: block;
        opacity: 1;
        transform: translateY(0%);
        transition-delay: 0s, 0s, 0.3s;
    }

    .mega_mn_menu .search-input input {
        width: 100%;
        height: 30px;
        border: 0px;
        border-radius: 2px;
        padding: 0 10px;
        box-sizing: border-box;
    }


/*content*/

.main-content {
    min-height: : 100vh;
}


/*===================================
  07.shoppin nav
  ===================================*/

.mega_mn_menu.shopping-nav {
    background: none;
}

.mega_mn_menu .top-nav-space {
    max-width: 1100px;
}

.mega_mn_menu.shopping-nav .top-nav {
    background: #5c2ca6;
    width: 100%;
    height: 58px;
}

    .mega_mn_menu.shopping-nav .top-nav .logo {
        width: auto;
    }

        .mega_mn_menu.shopping-nav .top-nav .logo a {
            padding: 17px 0;
        }

.mega_mn_menu .shopping-search {
    width: 100%;
    max-width: 500px;
    float: left;
    background: #fff;
    margin: 8px 25px;
    border-radius: 3px;
}

    .mega_mn_menu .shopping-search .input-box {
        width: 90%;
        float: left;
    }

        .mega_mn_menu .shopping-search .input-box input {
            width: 100%;
            height: 35px;
            margin: 3px 0;
            border: 0px;
            padding: 0 20px;
            box-sizing: border-box;
        }

    .mega_mn_menu .shopping-search .search-icon {
        width: 10%;
        float: left;
        text-align: center;
        padding: 11px 10px;
        box-sizing: border-box;
        border-left: 1px solid #e3e1e1;
    }

.mega_mn_menu.shopping-nav .right-nav {
    float: right;
    width: auto;
}

    .mega_mn_menu.shopping-nav .right-nav ul {
        padding: 0px;
        margin: 0px;
    }

        .mega_mn_menu.shopping-nav .right-nav ul li {
            display: inline-block;
        }

            .mega_mn_menu.shopping-nav .right-nav ul li.mn_dropdown {
                position: relative;
            }

                .mega_mn_menu.shopping-nav .right-nav ul li.mn_dropdown ul.drop-list {
                    right: 0;
                }

    .mega_mn_menu.shopping-nav .right-nav > ul > li > a {
        color: #fff;
        font-weight: 500;
        font-size: 13px;
        padding: 20px 10px;
        display: block;
    }

    .mega_mn_menu.shopping-nav .right-nav > ul > li.mn_dropdown > ul.drop-list li a .cart-inner p {
        margin: 0;
    }

    .mega_mn_menu.shopping-nav .right-nav > ul > li.mn_dropdown > a i {
        font-size: 20px !important;
        padding-right: 5px;
        position: relative;
    }

    .mega_mn_menu.shopping-nav .right-nav > ul > li.mn_dropdown > a.cart-list i:after {
        position: absolute;
        content: "3";
        background: #16e0b5;
        width: 18px;
        height: 18px;
        display: flex;
        border-radius: 50%;
        font-size: 12px;
        justify-content: center;
        align-items: center;
        line-height: 0;
        top: -7px;
        left: -10px;
    }

    .mega_mn_menu.shopping-nav .right-nav > ul > li.mn_dropdown > ul.drop-list li a .cart-inner .product-list img {
        width: 100%;
        max-width: 100%;
    }

    .mega_mn_menu.shopping-nav .right-nav > ul > li.mn_dropdown > ul.drop-list.cart-drop {
        width: 320px;
    }

        .mega_mn_menu.shopping-nav .right-nav > ul > li.mn_dropdown > ul.drop-list.cart-drop li a {
            padding: 10px;
        }

    .mega_mn_menu.shopping-nav .right-nav > ul > li.mn_dropdown > ul.drop-list > li > a .cart-inner .product-list {
        width: 70%;
        float: left;
    }

        .mega_mn_menu.shopping-nav .right-nav > ul > li.mn_dropdown > ul.drop-list > li > a .cart-inner .product-list img {
            width: 30%;
            float: left;
        }

        .mega_mn_menu.shopping-nav .right-nav > ul > li.mn_dropdown > ul.drop-list > li > a .cart-inner .product-list span {
            width: 70%;
            float: left;
            padding: 10px;
            box-sizing: border-box;
            display: block;
            font-weight: 600;
        }

        .mega_mn_menu.shopping-nav .right-nav > ul > li.mn_dropdown > ul.drop-list > li > a .cart-inner .product-list samp {
            display: block;
            font-family: 'Montserrat', sans-serif;
            font-weight: 400;
            font-size: 12px;
            padding-top: 5px;
        }

    .mega_mn_menu.shopping-nav .right-nav > ul > li.mn_dropdown > ul.drop-list > li > a .cart-inner .quantity {
        width: 30%;
        float: left;
        text-align: right !important;
    }

        .mega_mn_menu.shopping-nav .right-nav > ul > li.mn_dropdown > ul.drop-list > li > a .cart-inner .quantity span {
            width: 25px;
            height: 25px;
            display: flex;
            justify-content: center;
            align-items: center;
            float: right;
            margin-top: 10px;
            border-radius: 2px;
            background: #238ac6;
        }

.mega_mn_menu .right-nav .main-nav .mn_dropdown > a::after {
    content: " ";
}

.mega_mn_menu .mn_submenu a {
    position: relative;
}

.mega_mn_menu .mn_submenu > a::after {
    content: "\e649";
    position: absolute;
    right: 20px;
    font-family: 'themify';
    font-size: 9px;
    top: 50%;
    margin-top: -5px;
}

.mega_mn_menu.shopping-nav .right-nav > ul > li.mn_dropdown > ul.drop-list > li > a .cart-inner .quantity i {
    display: block;
}

.mega_mn_menu.shopping-nav .right-nav > ul > li.mn_dropdown > ul.drop-list > li .proceed_check a {
    text-align: center;
    background: #16e0b5;
    padding: 15px 0;
    font-weight: 600;
}


/*===================================
  .shoppin nav -second nav
  ===================================*/

.mega_mn_menu.shopping-nav .bottom-nav {
    background: #eee;
}

.mega_mn_menu.shopping-nav nav {
    width: 100%;
}

    .mega_mn_menu.shopping-nav nav > ul {
        display: flex;
        flex-grow: 1;
    }

        .mega_mn_menu.shopping-nav nav > ul > li {
            flex-grow: 1;
        }

            .mega_mn_menu.shopping-nav nav > ul > li > a {
                padding: 15px 10px;
                color: #000;
                text-transform: capitalize;
                font-weight: 400;
                letter-spacing: 0px;
            }

            .mega_mn_menu.shopping-nav nav > ul > li:hover {
                background: #ccc;
            }

            .mega_mn_menu.shopping-nav nav > ul > li .drop-list {
                background: #dcdcdc;
            }

            .mega_mn_menu.shopping-nav nav > ul > li .megalist .list-col ul li a {
                border-bottom: 1px solid #c9c9c9;
                font-size: 12px;
                color: #363636;
            }

            .mega_mn_menu.shopping-nav nav > ul > li .drop-list li a {
                border-bottom: 1px solid #c9c9c9;
                font-size: 12px;
                color: #363636;
            }

                .mega_mn_menu.shopping-nav nav > ul > li .drop-list li a:hover {
                    background: #ccc;
                }


/*==================================
    08- Submenus nav
    ==================================*/

.mega_mn_menu .mn_submenu {
    position: relative;
}

.mega_mn_menu .mn_submenu-list {
    position: absolute;
    left: 100%;
    top: 0;
    background: #7e4fc8;
    border-left: 1px solid #5c2ca6;
    width: 200px;
    visibility: hidden;
    display: block;
    transform: translateX(-2em);
    transition: all 0.8s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
    opacity: 0;
    z-index: 9;
}

    .mega_mn_menu .mn_submenu-list.block-nav {
        visibility: visible;
        display: block;
        opacity: 1;
        transform: translateX(0%);
        transition-delay: 0s, 0s, 0.3s;
    }


/*================================
  09- center-logo-sep
  ================================*/

.mega_mn_menu .center-logo-sep nav {
    margin: 0 auto;
    float: none;
    width: 100%;
}

.mega_mn_menu .logo-nav .nav-container {
    position: relative;
}

.mega_mn_menu .logo-nav {
    background: #eef8fe;
}

    .mega_mn_menu .logo-nav h1 {
        margin: 0px;
        padding: 14px 10px;
        text-align: center;
        font-weight: 400;
        font-size: 30px;
    }

.mega_mn_menu .center-logo-sep .menu-box {
    position: absolute;
    top: 0;
    right: 30px;
}

    .mega_mn_menu .center-logo-sep .menu-box .hum-line {
        background: #000;
    }


/*===================================
    10- off-canvas-left
    ===================================*/

.off-canvas {
    position: relative;
}

.menu-of-left,
.menu-of-right,
.menu-of-full {
    width: 20px;
}

.off-canvas .menu-of-left,
.off-canvas .menu-of-right,
.off-canvas .menu-of-full {
    position: absolute;
    margin-top: -12.5px;
    right: 40px;
    top: 50%;
}

    .off-canvas .menu-of-left .hum-line,
    .off-canvas .menu-of-right .hum-line,
    .off-canvas .menu-of-full .hum-line {
        background: #222;
        margin: 4px 0;
    }

    .off-canvas .menu-of-left .hum-line,
    .off-canvas h1 {
        text-align: left;
    }

.mega_mn_menu .of-menu-left {
    width: 250px;
    background: #333;
    position: fixed;
    top: 0;
    height: 100%;
    left: -250px;
    transition: .3s ease-in-out;
}

    .mega_mn_menu .of-menu-left.fixed {
        left: 0;
    }

    .mega_mn_menu .of-menu-left li {
        padding: 0;
        list-style: none;
        display: block;
    }

.canvas-left {
    transition: .3s ease-in-out;
}

    .canvas-left.padding-canvas-left {
        padding-left: 250px;
    }

.mega_mn_menu .of-menu-left ul {
    padding-top: 60px;
}

    .mega_mn_menu .of-menu-left ul li {
        padding: 10px 0;
        text-align: left;
    }

        .mega_mn_menu .of-menu-left ul li a {
            display: block;
            padding: 0 30px;
            font-size: 25px;
            color: #a5a5a5;
            font-weight: 500;
            opacity: 0;
            transition: .3s ease-in-out;
            transform: translate(-30px, 0);
            transition-delay: .3s;
        }

            .mega_mn_menu .of-menu-left ul li a:hover {
                color: #fff;
            }

.mega_mn_menu .of-menu-left.fixed ul li a {
    opacity: 1;
    transform: translate(0px, 0);
}

.mega_mn_menu .of-menu-left.fixed ul {
    position: relative;
}

.menu-of-left.clicked .line-1,
.menu-of-right.clicked .line-1,
.menu-of-full.clicked .line-1 {
    transform: rotate(45deg);
    top: 45%;
    position: absolute;
}

.menu-of-left.clicked .line-3,
.menu-of-right.clicked .line-3,
.menu-of-full.clicked .line-3 {
    transform: rotate(-45deg);
    top: 45%;
    position: absolute;
}

.menu-of-left.clicked .line-2,
.menu-of-right.clicked .line-2,
.menu-of-full.clicked .line-2 {
    transform: translateX(-40px);
    opacity: 0;
    transition: .3s ease-in-out;
}


/*===================================
    11.off-canvas-right
    ===================================*/

.canvas-right.padding-canvas-right {
    padding-right: 250px;
}

.mega_mn_menu .of-menu-right {
    width: 250px;
    background: #333;
    position: fixed;
    top: 0;
    height: 100%;
    right: -250px;
    transition: .3s ease-in-out;
    overflow: hidden;
}

    .mega_mn_menu .of-menu-right.fixed {
        right: 0;
    }

    .mega_mn_menu .of-menu-right li {
        padding: 0;
        list-style: none;
        display: block;
    }

    .mega_mn_menu .of-menu-right ul {
        padding-top: 60px;
    }

        .mega_mn_menu .of-menu-right ul li {
            padding: 10px 0;
            text-align: left;
        }

            .mega_mn_menu .of-menu-right ul li a {
                display: block;
                padding: 0 30px;
                font-size: 25px;
                color: #a5a5a5;
                font-weight: 500;
                opacity: 0;
                transition: .3s ease-in-out;
                transform: translate(-30px, 0);
                transition-delay: .3s;
            }

                .mega_mn_menu .of-menu-right ul li a:hover {
                    color: #fff;
                }

    .mega_mn_menu .of-menu-right.fixed ul li a {
        opacity: 1;
        transform: translate(0px, 0);
    }

    .mega_mn_menu .of-menu-right.fixed ul {
        position: relative;
    }

.canvas-right {
    transition: .3s ease-in-out;
}


/*===================================
    12. off-canvas-full
    ===================================*/

.mega_mn_menu nav.menu-full {
    left: -100%;
    margin: 0 auto;
    width: 100% !important;
    background: none;
    height: 100%;
    z-index: 9;
    box-sizing: border-box;
    position: fixed !important;
    transition: .3s ease-in-out;
}

    .mega_mn_menu nav.menu-full.full-clicked {
        left: 0;
    }

    .mega_mn_menu nav.menu-full .of-menu-full {
        background: rgba(0, 0, 0, 0.9);
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        padding: 80px;
    }

.mega_mn_menu .of-menu-full {
    position: relative;
}

    .mega_mn_menu .of-menu-full li {
        display: block;
    }

        .mega_mn_menu .of-menu-full li a {
            display: block;
            padding: 10px 0px;
            text-align: left;
            color: #fff;
        }

    .mega_mn_menu .of-menu-full a {
        opacity: 0;
        transition: 1s ease-in-out;
        transform: translate(-30px, 0);
        transition-delay: .3s !important;
    }

.mega_mn_menu nav.menu-full.full-clicked .of-menu-full a {
    opacity: 1;
    transform: translate(0px, 0);
}

.mega_mn_menu ul.nav-full li a {
    font-weight: 600;
    font-size: 25px;
}

.mega_mn_menu .small-nav a {
    font-weight: 200;
    font-size: 20px;
}

.mega_mn_menu .menu-btn a {
    background: #00a1ff;
    display: block;
    padding: 15px 20px;
    width: 300px;
    border-radius: 5px;
    font-weight: 600;
    color: #fff;
    font-size: 20px;
    margin-top: 20px;
}

.mega_mn_menu .menu-list-left {
    width: 50%;
    float: left;
}

.mega_mn_menu .menu-right {
    float: right;
    width: 50%;
}

    .mega_mn_menu .menu-right p {
        color: #fff;
        font-weight: 300;
        line-height: 25px;
        opacity: 0;
        transition: 1s ease-in-out;
        transform: translate(-30px, 0);
        transition-delay: .5s !important;
    }

.mega_mn_menu nav.menu-full.full-clicked .menu-right p {
    opacity: 1;
    transform: translate(0px, 0);
}

.mega_mn_menu .social-menu-full ul {
    text-align: left;
}

.mega_mn_menu .social-menu-full li {
    display: inline-block;
}

    .mega_mn_menu .social-menu-full li a {
        display: block;
        padding: 10px;
    }

.mega_mn_menu .close-btn-full {
    position: absolute;
    right: 20px;
    top: 30px;
}

.mega_mn_menu .close-btn-full {
    color: #fff;
}

.full-canvas .menu-of-full {
    cursor: pointer;
}


/*===================================
  13. simple right nav
  ===================================*/

.mega_mn_menu .right-simple-nav nav {
    float: right;
}

.mega_mn_menu .right-simple-nav ul {
    text-align: right;
}


/*===================================
  15. media query
  ===================================*/

@media screen and (min-width:768px) {
    /*===================================
  14. attributes
  ===================================*/
    /*fixed menu*/
    .mega_mn_menu .fixed-nav {
        position: fixed;
        width: 100%;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .mega_mn_menu .no-background {
        transition: .3s all ease-in-out;
    }

    .mega_mn_menu .scroll-background {
        background: #fff !important;
        transition: .3s all ease-in-out;
    }

        .mega_mn_menu .scroll-background nav > ul > li > a {
            color: #222;
        }

        .mega_mn_menu .scroll-background nav > ul > li:hover {
            background: #eee;
        }

        .mega_mn_menu .scroll-background .drop-list {
            background: #eee;
        }

            .mega_mn_menu .scroll-background .drop-list li a {
                border-bottom: 1px solid #ccc;
                color: #222;
            }

                .mega_mn_menu .scroll-background .drop-list li a:hover {
                    background: #ccc;
                }

        .mega_mn_menu .scroll-background .megalist .list-col ul li a {
            border-bottom: 1px solid #ccc;
            color: #222;
        }

            .mega_mn_menu .scroll-background .megalist .list-col ul li a:hover {
                background: #ccc;
            }

        .mega_mn_menu .scroll-background .search-box i {
            color: #222;
            border: 1px solid #ccc;
        }

        .mega_mn_menu .scroll-background .logo a {
            color: #222;
        }
    /*fixed-transparent-black menu*/
    .mega_mn_menu .transparent-black {
        background: rgba(0, 0, 0, 0.6);
        transition: .3s all ease-in-out;
    }
    /*fixed-transparent-white menu*/
    .mega_mn_menu .transparent-white {
        background: rgba(225, 225, 225, 0.3);
        transition: .3s all ease-in-out;
    }
    /*sticky navbar*/
    .sticky-banner {
        height: 70% !important;
    }

    .mega_mn_menu.sticky-navbar {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
    }
    /*===================================
  end of attributes
  ===================================*/
}

/*===================================
  image header
  ====================================*/
.mega_mn_menu .image-list .drop-list {
    width: 400px !important;
    display: flex !important;
}

    .mega_mn_menu .image-list .drop-list > li {
        width: 50% !important;
        float: left !important;
    }

.mega_mn_menu .drop-list .image-side-wrapper {
    background-size: cover;
}

.mega_mn_menu .list-col img {
    max-width: 100%;
}

.mega_mn_menu .mega-img-list {
    padding: 10px;
}

    .mega_mn_menu .mega-img-list h4 {
        text-transform: capitalize;
        margin: 0px;
        padding: 0px;
        font-weight: 500;
        font-size: 14px;
        color: #fff;
    }

    .mega_mn_menu .mega-img-list p {
        color: #fff;
        font-size: 11px !important;
        line-height: 18px !important;
    }
/*===================================
  end of image header
  ====================================*/


/* Large devices (large desktops, 1200px and up) */

@media screen and (min-width: 1000px) and (max-width: 1200px) {
    .mega_mn_menu nav > ul > li > a {
        font-size: 10px;
        padding: 25px 14px;
    }

    .mega_mn_menu ul.nav-full li a {
        font-size: 20px;
    }

    .mega_mn_menu .of-menu-full li a {
        padding: 7px 0px;
    }

    .mega_mn_menu .small-nav a {
        font-size: 16px;
    }

    .mega_mn_menu .menu-right p {
        font-size: 13px;
        line-height: 20px;
    }

    .mega_mn_menu .social-menu-full li a {
        font-size: 14px;
        padding-right: 10px;
    }
}


/* Medium devices (desktops, 1000px and up) */

@media screen and (max-width: 1000px) {

    .mega_mn_menu {
        min-height: 65px;
    }
        /*logo*/
        .mega_mn_menu .logo {
            width: 150px;
            float: none;
            text-align: center;
            margin: 0 auto;
            position: absolute;
            left: 0;
            right: 0;
        }
        /*===================================
  navbar default
  ===================================*/
        .mega_mn_menu nav {
            width: 250px !important;
            float: none;
            position: fixed;
            left: -250px;
            background: #222;
            min-height: 100%;
            overflow-y: scroll;
            height: 100%;
            z-index: 9;
            transition: left .5s ease-in-out;
            top: 0;
        }

            .mega_mn_menu nav.nav_on {
                left: 0;
            }

            .mega_mn_menu nav li {
                width: 100%;
                text-align: left;
            }

                .mega_mn_menu nav li a {
                    padding: 15px 20px !important;
                    font-size: 10px !important;
                    border: 1px solid #333;
                }

                    .mega_mn_menu nav li a:hover {
                        background: #444;
                    }

        .mega_mn_menu .mn_dropdown > a:after {
            right: 20px;
        }

        .mega_mn_menu .drop-list {
            position: relative;
            display: none;
            width: 100%;
            background: #333;
        }

            .mega_mn_menu .drop-list li a {
                border-bottom: 1px solid #444;
                padding-left: 40px !important;
            }

        .mega_mn_menu nav > ul > li:hover {
            background: unset;
        }

        .mega_mn_menu .drop-list li a:hover {
            background: #444;
        }

        .mega_mn_menu .drop-list.double-list {
            width: 100%;
        }

            .mega_mn_menu .drop-list.double-list li {
                width: 100% !important;
                float: none;
            }

        .mega_mn_menu .drop-list {
            opacity: 1;
            display: none;
            visibility: unset;
            transform: translateY(0%);
            transition: unset;
            transition-delay: 0 !important;
            max-width: 350px;
            width: 100%;
        }
        /*===================================
   right nav
   ===================================*/
        .mega_mn_menu .right-nav {
            float: left;
        }

        .mega_mn_menu .search-box {
            float: left;
        }

        .mega_mn_menu .search-input {
            left: 0;
        }

            .mega_mn_menu .search-input.search-block {
                width: 200px;
            }

        .mega_mn_menu .menu-box {
            display: block;
        }
        /*===================================
    mega menu
   ===================================*/
        .mega_mn_menu .megalist .list-col {
            width: 100%;
            float: none;
        }

            .mega_mn_menu .megalist .list-col ul li a {
                border-bottom: 1px solid #444;
            }
        /*===================================
   shopping nav
   ===================================*/
        .mega_mn_menu.shopping-nav nav > ul {
            display: block;
        }

            .mega_mn_menu.shopping-nav nav > ul > li > a {
                color: #fff;
                text-transform: uppercase;
            }

        .mega_mn_menu .shopping-search {
            max-width: 300px;
        }

            .mega_mn_menu .shopping-search .input-box {
                width: 80%;
            }

            .mega_mn_menu .shopping-search .search-icon {
                width: 20%;
            }

        .mega_mn_menu.shopping-nav nav > ul > li .drop-list {
            background: #333;
        }

            .mega_mn_menu.shopping-nav nav > ul > li .drop-list li a {
                color: #eee;
                border-bottom: 1px solid #444;
            }

        .mega_mn_menu.shopping-nav nav > ul > li .megalist .list-col ul li a {
            color: #eee;
            border-bottom: 1px solid #444;
        }

        .mega_mn_menu.shopping-nav nav > ul > li:hover {
            background: #1e1e1e;
        }

        .mega_mn_menu.shopping-nav nav > ul > li .drop-list li a:hover {
            background: #1e1e1e;
        }

        .mega_mn_menu span.cart-display,
        .cart-display {
            display: none !important;
        }

        .mega_mn_menu .shopping-search {
            border-radius: 0px;
            margin-left: 10px;
        }

        .mega_mn_menu.shopping-nav .top-nav .logo {
            width: 100%;
            position: relative;
            border-bottom: 1px solid #74c0ed;
        }

            .mega_mn_menu.shopping-nav .top-nav .logo a {
                padding: 10px 0;
            }

        .mega_mn_menu .top-nav-space {
            padding: 0px;
        }

        .mega_mn_menu.shopping-nav .right-nav {
            float: right;
            margin-right: 55px;
            margin-top: 16px;
        }

            .mega_mn_menu.shopping-nav .right-nav > ul > li > a {
                padding: 10px 5px;
            }

        .mega_mn_menu.shopping-nav .menu-box {
            margin-top: -40px;
        }

        .mega_mn_menu.shopping-nav .right-nav > ul > li.mn_dropdown > ul.drop-list li a {
            padding: 10px !important;
        }

        .mega_mn_menu.shopping-nav .right-nav > ul > li.mn_dropdown {
            position: unset;
        }

            .mega_mn_menu.shopping-nav .right-nav > ul > li.mn_dropdown > ul.drop-list.cart-drop {
                position: absolute;
            }

        .mega_mn_menu .account-list {
            position: absolute;
        }
        /*===================================
   mn_submenu-list
   ===================================*/
        .mega_mn_menu .mn_submenu-list {
            background: #4e5254;
        }

        .mega_mn_menu .mn_submenu-list {
            transform: translateX(0em);
            transition: none;
        }

        .mega_mn_menu .mn_submenu-list {
            position: relative;
            left: 0;
            width: 100%;
            transform: translateX(0em);
            transition: none;
            display: none;
            visibility: visible;
            opacity: 1;
        }
    /*===================================
      off-canvas-left
      ===================================*/
    .logo-nav h1 {
        font-size: 20px;
    }

    .mega_mn_menu .of-menu-left ul li a {
        font-size: 18px !important;
        padding: 0px 20px !important;
    }
    /*===================================
      off-canvas-right
      ===================================*/
    .mega_mn_menu .of-menu-right ul li a {
        font-size: 18px !important;
        padding: 0px 20px !important;
    }

    .canvas-right.padding-canvas-right {
        padding-right: 250px;
    }

    .mega_mn_menu .of-menu-right {
        left: -250px;
    }

        .mega_mn_menu .of-menu-right.fixed {
            left: 0;
        }

        .mega_mn_menu .of-menu-right ul li {
            padding: 10px 0;
        }


    /*===================================
      full nav
      ===================================*/
    .mega_mn_menu .of-menu-full a {
        border: 0px;
        padding: 8px 20px !important;
        font-size: 14px !important;
    }

    .mega_mn_menu .social-menu-full li {
        width: unset;
    }

        .mega_mn_menu .social-menu-full li a {
            padding-left: 0 !important;
            padding-right: 10px;
        }

    .mega_mn_menu .menu-right p {
        font-size: 14px;
    }

    .mega_mn_menu .menu-btn a {
        width: 90%;
        box-sizing: border-box;
    }
    /*===================================
  image header
  ====================================*/
    .image-list .drop-list {
        opacity: 1;
        display: block !important;
        visibility: unset;
        transform: translateY(0%);
        transition: unset;
        transition-delay: 0 !important;
        max-width: 350px;
        width: 100%;
    }

        .image-list .drop-list > li {
            width: 100% !important;
            float: none !important;
        }

    .drop-list .image-side-wrapper {
        background-size: cover;
        display: none;
    }
    /*===================================
  end of image header
  ====================================*/

}


/* Small devices (tablets, 768px and up) */

@media screen and (max-width: 768px) {
    .mega_mn_menu .menu-right {
        display: none !important;
    }
}


/* Small devices (tablets, 500px and up) */

@media screen and (max-width: 500px) {
    .mega_mn_menu.shopping-nav .top-nav .logo a {
        text-align: left;
    }

    .mega_mn_menu .shopping-search {
        width: 100%;
        max-width: 100%;
        margin-left: 0px;
    }

    .mega_mn_menu .top-nav-space {
        padding: 0 15px !important;
    }
    /*===================================
      shopping menu
      ===================================*/
    .mega_mn_menu.shopping-nav .right-nav {
        margin-top: -100px;
    }

    .mega_mn_menu.shopping-nav .menu-box {
        margin-top: -94px;
    }

    .mega_mn_menu .menu-box {
        width: 18px;
    }
    /*===================================
        off-canvas-left
        ===================================*/
    .logo-nav h1 {
        font-size: 20px;
    }

    .canvas-left.padding-canvas-left {
        padding-left: 0px;
    }

    .of-menu-left {
        width: 200px;
    }
    /*===================================
        off-canvas-right
        ===================================*/
    .canvas-right.padding-canvas-right {
        padding-right: 0px;
    }

    .mega_mn_menu .of-menu-right {
        width: 200px;
    }
    /*===================================
          full menu
        ===================================*/
    .mega_mn_menu .menu-right {
        display: none;
    }

    .mega_mn_menu .menu-list-left {
        width: 100%;
    }

    .mega_mn_menu nav.menu-full .of-menu-full {
        padding: 20px;
    }

    .close-btn-full {
        right: 20px;
        top: 12px;
    }

    .mega_mn_menu ul.nav-full li a {
        z-index: 9;
    }

        .mega_mn_menu ul.nav-full li a:hover {
            background: none;
        }

    .mega_mn_menu .close-btn-full {
        z-index: 999;
    }
}

/*
========================
content table
=========================
01. General css
02. shopping demo
  03. off canvas
  04. preview page
  05. footer
  06. media query
*/

/*===============================
  01. General css
  ===============================*/
.mega_mn_body p {
    font-size: 14px;
    line-height: 23px;
}

.mega_mn_body .btn {
    background: #fff;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 50px;
    width: auto;
    text-decoration: none;
}

.mega_mn_body .main-content {
    height: 100%;
    width: 100%;
}

.mega_mn_body .demo-1-banner {
    height: 100%;
    /*width: 100%;*/
    padding: 0 10px;
}

.mega_mn_body .custom-container {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
}

.mega_mn_body .row {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

    .mega_mn_body .row .row-div {
        width: 50%;
        float: left;
    }

        .mega_mn_body .row .row-div h2,
        .mega_mn_body .row .row-div p {
            color: #fff;
        }

.mega_mn_body .demo-1-banner .custom-container {
    height: 100%;
}

.mega_mn_body .para {
    padding: 50px 0;
}

/*===============================
  02. shopping demo
  ===============================*/
.mega_mn_body .nav-shop {
    padding: 0px;
}

    .mega_mn_body .nav-shop li {
        float: left;
        width: calc(100% / 4 - 14px);
        margin: 5px;
        background: #eee;
        display: inline-block;
    }

        .mega_mn_body .nav-shop li a {
            padding: 30px;
        }

        .mega_mn_body .nav-shop li img {
            max-width: 100%;
        }
/*end of shopping demo*/

/*===============================
  03. off canvas
  ===============================*/
.mega_mn_body .padding-off-canvas {
    padding: 30px;
}
/*end of off-canvas*/

/*===============================
  04. preview page
  ===============================*/
.mega_mn_body .preview-page {
    height: 350px;
}

    .mega_mn_body .preview-page .demo-1-banner {
        text-align: center;
    }

        .mega_mn_body .preview-page .demo-1-banner h2,
        .mega_mn_body .preview-page .demo-1-banner p {
            color: #fff;
        }

        .mega_mn_body .preview-page .demo-1-banner a {
            background: #fff;
            font-size: 13px;
            width: 100px;
            display: inline-block;
            padding: 8px 0;
            border-radius: 3px;
            color: #5f249c;
            margin-top: 10px;
            text-decoration: none;
        }

.mega_mn_body .demo-list {
    padding-top: 50px;
}

    .mega_mn_body .demo-list ul {
        width: 100%;
        padding: 0px;
    }

    .mega_mn_body .demo-list li {
        width: 25%;
        float: left;
        list-style: none;
        padding: 20px 10px;
        box-sizing: border-box;
    }

        .mega_mn_body .demo-list li .image-div {
            background: #e9e9e9;
            padding: 30px 30px 0
        }

        .mega_mn_body .demo-list li img {
            max-width: 100%;
        }

        .mega_mn_body .demo-list li a {
            font-size: 12px;
            color: #888;
            text-align: center;
            display: block;
            text-transform: uppercase;
            font-weight: 700;
            letter-spacing: 1px;
            padding: 10px 0 0;
            text-decoration: none;
        }

            .mega_mn_body .demo-list li a span {
                padding-top: 10px;
                display: block;
            }

.mega_mn_body .properties {
    background: #fbfbfb;
    padding: 50px 0;
    margin-top: 100px;
}

    .mega_mn_body .properties ul {
        padding: 0px;
    }

    .mega_mn_body .properties li {
        display: inline-block;
        width: 33.3%;
        float: left;
        text-align: center;
        padding: 20px;
        box-sizing: border-box;
        height: 250px;
    }

        .mega_mn_body .properties li i {
            font-size: 40px;
            color: #ccc;
        }
/*end of demo-page*/

/*===============================
  05. footer 
  ===============================*/
.mega_mn_body footer {
    width: 100%;
    background: #111;
}

.mega_mn_body .footer-wrapper {
    width: 100%;
}

.mega_mn_body .footer-div {
    width: 33.3%;
    float: left;
}

    .mega_mn_body .footer-div p {
        color: #ccc;
        font-size: 13px;
    }

        .mega_mn_body .footer-div p a {
            color: #3693f3;
            text-decoration: none;
        }

.mega_mn_body .middle-footer .logo {
    width: 100%;
}

.mega_mn_body .middle-footer {
    text-align: center;
}

.mega_mn_body .middle-footer {
    padding: 15px 0;
}

    .mega_mn_body .middle-footer .logo a {
        color: #eee;
        text-decoration: none;
    }

.mega_mn_body .right-footer {
    text-align: right;
}

.mega_mn_body .footer-div .logo {
    position: relative;
}

.mega_mn_body footer {
    padding: 0 10px;
    box-sizing: border-box;
}
/*end of footer*/

/*===============================
  06. media query
  ===============================*/
/* Medium devices (desktops, 991px and up) */
@media screen and (max-width: 991px) {
    .mega_mn_body .properties li {
        width: 50%;
    }

    .mega_mn_body .footer-div .logo {
        position: relative;
    }

    .mega_mn_body footer {
        padding: 0 10px;
        box-sizing: border-box;
    }
    /*===============================
	  banner
	  ===============================*/
    .mega_mn_body .demo-1-banner .row .row-div {
        margin: 0 auto;
        width: 50%;
        float: none;
    }

    .mega_mn_body .demo-1-banner .row {
        display: block;
        padding: 50px 0;
    }

        .mega_mn_body .demo-1-banner .row .row-div img {
            display: none;
        }

    .mega_mn_body .para {
        padding: 50px 20px;
    }
    /*end of banner*/
}
/* small devices (table, 768px and up) */
@media screen and (max-width: 768px) {
    .mega_mn_body .demo-list li {
        width: 33.3%;
    }

    .mega_mn_body .properties li {
        width: 50%;
    }

    .mega_mn_body .footer-div .logo {
        position: relative;
    }

    .mega_mn_body footer {
        padding: 0 10px;
        box-sizing: border-box;
    }
    /*===============================
	  banner
	  ===============================*/
    .mega_mn_body .demo-1-banner .row {
        display: block;
        padding: 50px 0;
    }

        .mega_mn_body .demo-1-banner .row .row-div {
            width: 100%;
            float: none;
        }

            .mega_mn_body .demo-1-banner .row .row-div img {
                display: none;
            }

    .mega_mn_body .para {
        padding: 50px 20px;
    }
    /*end of banner*/
    /*===============================
	  shop page
	  ===============================*/
    .mega_mn_body .nav-shop li {
        width: calc(100% / 3 - 14px);
    }
    /*end of shop page*/
}
/* small devices (table, 580px and up) */
@media screen and (max-width: 580px) {
    .mega_mn_body .demo-list li a {
        font-size: 10px;
    }

    .mega_mn_body .demo-list li {
        width: 50%;
    }

    .mega_mn_body .properties li {
        width: 100%;
    }

    .mega_mn_body .footer-div {
        width: 100%;
        float: none;
        text-align: center;
    }

        .mega_mn_body .footer-div .logo {
            position: relative;
        }

            .mega_mn_body .footer-div .logo a {
                padding: 0px;
            }
    /*===============================
	  banner
	  ===============================*/
    .mega_mn_body .demo-1-banner .row {
        display: block;
        padding: 50px 0;
    }

        .mega_mn_body .demo-1-banner .row .row-div {
            width: 100%;
            float: none;
        }

            .mega_mn_body .demo-1-banner .row .row-div img {
                display: none;
            }

    .mega_mn_body .para {
        padding: 50px 20px;
    }
    /*end of banner*/
    /*===============================
	  shop page
	  ===============================*/
    .mega_mn_body .nav-shop li {
        width: calc(100% / 2 - 14px);
    }
    /*end of shop page*/
}
/* small devices (mobile, 350px and up) */
@media screen and (max-width: 350px) {
    .mega_mn_body .demo-list li {
        width: 100%;
    }

    .mega_mn_body .properties li {
        width: 100%;
    }

    .mega_mn_body .footer-div {
        width: 100%;
        float: none;
        text-align: center;
    }

        .mega_mn_body .footer-div .logo {
            position: relative;
        }

            .mega_mn_body .footer-div .logo a {
                padding: 0px;
            }

    /*===============================
	  banner
	  ===============================*/
    .mega_mn_body .demo-1-banner .row {
        display: block;
        padding: 50px 0;
    }

        .mega_mn_body .demo-1-banner .row .row-div {
            width: 100%;
            float: none;
        }

            .mega_mn_body .demo-1-banner .row .row-div img {
                display: none;
            }

    .mega_mn_body .para {
        padding: 50px 20px;
    }
    /*end of banner*/
    /*===============================
	  shop page
	  ===============================*/
    .mega_mn_body .nav-shop li {
        width: calc(100% / 2 - 14px);
    }
    /*end of shop page*/
}
.mega_mn_menu {
    position: absolute;
    z-index: 99;
}

    .mega_mn_menu .logo img {
        max-height: 40px;
    }

    .mega_mn_menu .navbar {
        min-height: auto !important;
        border: 0px !important;
        border-radius: 0px !important;
    }

    .mega_mn_menu nav {
        float: right !important;
    }

.nav-container {
    /*width: auto !important;*/
}

.mega_mn_menu nav ul li a {
    direction: rtl;
}

.mega_mn_menu nav > ul > li > a {
    /*padding: 18px 17px !important;*/
    font-size: 15px !important;
}

.mega_mn_menu .mn_dropdown > a {
    direction: rtl;
}

    .mega_mn_menu .mn_dropdown > a:after {
        font-family: "FontAwesome" !important;
        font-weight: 900 !important;
        content: "\f107" !important;
        font-size: 14px;
        margin-top: -10px;
    }

.mega_mn_menu .mn_submenu > a::after {
    font-family: "FontAwesome" !important;
    font-weight: 900 !important;
    content: "\f107" !important;
    font-size: 14px;
    margin-top: -10px;
}

.mega_mn_menu .drop-list li a {
    text-align: right !important;
}

.mega_mn_menu .drop-list {
    right: 0 !important;
}

.mega_mn_menu nav > ul > li > a > i {
    border: 1px solid #fff;
    border-radius: 50%;
}

a[class="anchor"] {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}

@media (max-width: 1000px) {
    header {
        padding-bottom: 65px !important;
    }

    .mega_mn_menu {
        position: fixed;
        z-index: 99;
    }

        .mega_mn_menu .navbar {
            border-radius: 0px !important;
        }

        .mega_mn_menu .scroll-background nav > ul > li > a {
            color: #fff !important;
        }

        .mega_mn_menu .mn_dropdown > a:after {
            left: 20px;
            right: auto !important;
        }

        .mega_mn_menu nav li, .mega_mn_menu .drop-list li a {
            text-align: right !important;
        }

        .mega_mn_menu .drop-list li a {
            padding-left: auto !important;
            padding-right: 40px !important;
        }

        .mega_mn_menu nav li a {
            font-size: 12px !important;
        }

        .mega_mn_menu nav {
            overflow-y: auto !important;
        }

    .mt-35 {
        margin-top: 35px !important;
    }

    zidx-90 {
        z-index: 90 !important;
    }

    .fixMobile.fixCenter {
        margin-left: 30%;
    }
}

@media screen and (min-width: 1000px) and (max-width: 1200px) {
    .mega_mn_menu nav > ul > li > a {
        font-size: 12px !important;
        padding: 17px 14px !important;
    }
}

@media screen and (min-width: 1000px) {
    .mega_mn_menu .center-logo-sep nav {
        width: 70% !important;
    }

    .mega_mn_menu nav ul li {
        /*float: right !important;*/
        width: auto !important;
    }

    .mega_mn_menu nav .drop-list li {
        /*float: right !important;*/
        width: 100% !important;
    }
}





/* Page Style Fix*/
.alert-danger {
    font-family: Alef,sans-serif !important
}

.powered, .powered a {
    font-family: 'MuseoModerno', cursive !important;
}

    .powered, .powered a, h2.panel-title a {
        text-decoration: none
    }

        #back-to-top, #publishAlert, .alert-danger, .powered, .powered a {
            text-align: center;
            z-index: 9;
        }

body {
    margin: 0;
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat
}

.ltrFloat {
    float: left
}

.rtlFloat {
    float: right
}

.contentAreaBoxStyle {
    margin: 50px auto;
    padding: 40px 30px;
    background: #fff;
    border-radius: 8px
}

.alert-danger {
    z-index: 9999999;
    font-size: 14px;
    position: fixed;
    width: 100%;
    top: 0
}

.powered, .powered a {
    font-size: 13px;
    position: relative;
    color: #212121
}

.powered {
    line-height: 0 !important;
    top: -10px;
    height: 0
}

    .powered a {
        background-color: #d3d3d3;
        border-radius: 5px 5px 1px 1px;
        -moz-border-radius: 5px 5px 1px 1px;
        -webkit-border-radius: 5px 5px 1px 1px;
        padding-top: 5px;
        padding-right: 20px;
        padding-left: 30px;
        bottom: 0;
        background-image: url(https://lp.1net.me/images/small_logo.png);
        background-repeat: no-repeat;
        background-position: 1px 1px;
    }

iframe[name=google_conversion_frame] {
    height: 0 !important;
    display: block
}

.error {
    border-color: #dc3545 !important;
}

.frmfields input[type=text].error, input[type=tel].error, input[type=email].error, input[type=url].error {
    border-color: #dc3545 !important;
    padding-right: calc(1.5em + 0.75rem) !important;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDYxMiA3OTI7IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA2MTIgNzkyIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNFNDQwNjE7fQo8L3N0eWxlPjxnPjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMzgyLjIsMzk2LjQgNTYwLjgsMjE3LjggNDg0LDE0MSAzMDUuNCwzMTkuNiAxMjYuOCwxNDEgNTAsMjE3LjggMjI4LjYsMzk2LjQgNTAsNTc1IDEyNi44LDY1MS44ICAgIDMwNS40LDQ3My4yIDQ4NCw2NTEuOCA1NjAuOCw1NzUgMzgyLjIsMzk2LjQgICIvPjwvZz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.frmfields input[type="checkbox"].error::before {
    content: "\2610";
    font-size: 2.0em;
    color: red;
    position: relative !important;
    left: -8px !important;
    top: -21px !important;
}

form h3 {
    border: 1px solid #c0c0c0;
    padding: 10px;
    border-radius: 10px;
}

.input-star-ltr, .input-star-rtl, .radio-star-ltr, .radio-star-rtl, .select-star-ltr, .select-star-rtl {
    color: red;
    font-size: small;
    position: absolute;
    top: -5px
}

#back-to-top, #back-to-top a {
    color: #444;
    text-decoration: none
}

.input-star-ltr {
    left: 244px
}

.col-sm-4 .input-star-ltr {
    left: 0 !important
}

.col-sm-4 .input-star-rtl {
    right: 0 !important
}

.radio-star-rtl {
    right: 244px
}

.radio-star-ltr {
    left: 244px
}

.select-star-rtl {
    right: 244px;
    z-index: 1
}

.select-star-ltr {
    left: 244px;
    z-index: 1
}

.emptyContent, .npUrl {
    display: none
}

#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    line-height: 30px;
    background: #f5f5f5;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    transition: opacity .2s ease-out;
    opacity: 0
}

    #back-to-top:hover {
        background: #e9ebec
    }

    #back-to-top.show {
        opacity: 1
    }

h2.panel-title a:hover {
    text-decoration: underline
}

h2.panel-title a:before {
    font-family: FontAwesome;
    content: "\f077";
    color: inherit;
    padding: 7px
}

h2.panel-title a.collapsed:before {
    content: "\f078"
}

.nav-fixed {
    position: fixed;
    z-index: 190599;
    padding: 10px
}

.nav-fixed-footer {
    bottom: 0
}

.nav-fixed-top {
    top: 0
}

.nav-fixed-right {
    right: 0
}

.nav-fixed-left {
    left: 0
}

#dot-nav {
    position: fixed;
    right: 10px;
    top: 50%;
    margin-top: -50px;
    height: 100px;
    z-index: 999
}

    #dot-nav ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

    #dot-nav li {
        position: relative;
        background-color: #bdc3c7;
        border: 3px solid #bdc3c7;
        border-radius: 15px;
        cursor: pointer;
        padding: 5px;
        height: 10px;
        margin: 10px 10px 0 0;
        width: 10px;
        vertical-align: bottom
    }

        #dot-nav li.active, #dot-nav li:hover {
            background-color: #333
        }

    #dot-nav a {
        outline: 0;
        vertical-align: top;
        margin: 0 0 0 25px;
        position: relative;
        top: -5px
    }

.awesome-tooltip + .tooltip > .tooltip-inner {
    background-color: #000;
    color: #f5f5f5;
    border: 1px solid #000
}

.awesome-tooltip + .tooltip.left > .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #000
}


.carousel-inner > .item > a > img, .gal img, .galleryBoxb .carousel-inner > .item > img {
    width: 100%
}

.dirRtl {
    direction: rtl
}

.editor-remove, .npUrl {
    display: none !important
}

.input-star-undefined {
    position: absolute;
    /*top: 7px;*/
    top: 27px;
    color: red;
    right: 10px;
}

.gal {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3
}

@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none) {
    .is-wrapper > div:last-child {
        border-bottom: transparent 57px solid;
        height: calc(100% - 0px)
    }
}

.gal img {
    padding: 7px 0;
    margin: 0 !important
}

@media (max-width:500px) {
    .gal {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
}

.galleryBoxb .hide-bullets {
    list-style: none;
    margin-left: -40px;
    margin-top: -10px
}

.galleryBoxb .thumbnail {
    padding: 3px
}

.galleryBoxb a.carousel-control i {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block
}

.galleryBoxc div.gallery {
    margin: 5px;
    border: 1px solid #ccc;
    float: left;
    width: 180px;
    height: 220px;
    overflow: hidden;
    border-radius: 20px
}

div.gallery:hover {
    border: 1px solid #777
}

.galleryBoxc div.gallery a {
    width: 177px;
    height: 120px;
    overflow: hidden;
    position: absolute;
    margin-left: 1px
}

.galleryBoxc div.gallery img {
    width: 100%;
    height: auto;
    max-height: 120px;
    margin: 0 !important;
    border-radius: 20px 20px 0 0
}

.galleryBoxc div.desc {
    padding: 15px;
    text-align: center;
    position: relative;
    width: 178px;
    top: 120px
}

.boxfloatbottom {
    position: fixed;
    z-index: 190599;
    padding: 10px;
    left: 0;
    bottom: 0
}

@media only screen and (max-width:600px) {
    .galleryBoxc div.gallery {
        width: 100%
    }

        .galleryBoxc div.gallery a {
            width: 99%;
            height: auto
        }

        .galleryBoxc div.gallery img {
            width: 100%;
            height: auto
        }

    .is-wrapper > div.is-section-30, .is-wrapper > div.is-section-40, .is-wrapper > div.is-section-50, .is-wrapper > div.is-section-60, .is-wrapper > div.is-section-75, .is-wrapper > div.is-section-100 {
        height: 20% !important;
    }
}

@media only screen and (min-width:601px) and (max-width:900px) {
    .is-wrapper > div.is-section-30, .is-wrapper > div.is-section-40, .is-wrapper > div.is-section-50, .is-wrapper > div.is-section-60, .is-wrapper > div.is-section-75, .is-wrapper > div.is-section-100 {
        height: 45% !important;
    }
}

.formfloatbottom {
    position: fixed;
    z-index: 999;
    left: 0;
    right: 0;
    bottom: 0px;
    width: 100%;
    padding: 10px;
}

    .formfloatbottom ~ .boxfloatbottom {
        bottom: 75px;
    }

input[type="checkbox"].error::before {
    content: "\2610";
    font-size: 2.0em;
    color: red;
    position: absolute;
    left: -3px;
    top: -1px;
}

input, textarea, select {
    color: #000 !important;
}