@font-face {
    font-family: 'NotoSans';
    src: url("../fonts/NotoSans/NotoSansCJKkr-Regular.otf") format("opentype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'NotoSans';
    src: url("../fonts/NotoSans/NotoSansCJKkr-DemiLight.otf") format("opentype");
    font-weight: 350;
    font-style: normal;
}

@font-face {
    font-family: 'NotoSans';
    src: url("../fonts/NotoSans/NotoSansCJKkr-Light.otf") format("opentype");
    font-weight: 300;
    font-style: normal;
}

/*...........................................GENERAL_TAG............................................*/
body {
    font-family: 'NotoSans', sans-serif;
    line-height: 1.5;
    font-size: 16px;
    font-weight: 350;
    color: #000 !important;
    overflow-x: hidden;
    word-break: keep-all;
}

h1,
h2,
h3,
h4,
h5,
h6,
    {
    margin: 0 0 20px 0;
    padding: 0;
    font-weight: 350;
    color: #000;
}

h1 {
    font-size: 35px;
    line-height: 47px;
    font-weight: 350;
}

h3 {
    font-size: 17px;
    line-height: 25px;
    color: #b3b3b3;
}

h4 {
    font-size: 23px;
    line-height: 33px;
    font-weight: 400;
}

p {
    font-size: 15px;
    line-height: 25px;
    font-weight: 350;
}

h1,
h2,
h3 {
    letter-spacing: -0.7px;
}

h4,
h5,
p {
    letter-spacing: -0.2px;
}

ul,
ol {
    padding-left: 15px;
    line-height: 26px;
    margin-left: 15px;
}

ul ul,
ul ol,
ol ul,
ol ol {
    padding-left: 25px;
}

p,
img {
    margin: 0 0 20px 0;
}

img {
    max-width: 100%;
}

pre {
    white-space: pre-wrap;
    /* CSS3 browsers  */
    white-space: -moz-pre-wrap !important;
    /* 1999+ Mozilla  */
    white-space: -pre-wrap;
    /* Opera 4 thru 6 */
    white-space: -o-pre-wrap;
    /* Opera 7 and up */
    word-wrap: break-word;
    /* IE 5.5+ and up */
    /* overflow-x: auto; */
    /* Firefox 2 only */
    /* width: 99%; */
    /* only if needed */
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

section {
    height: 100vh;
    overflow: hidden;
}


/*...........................................ANIMATION............................................*/
@-webkit-keyframes fade-up {
    from {
        bottom: -50px;
        opacity: 0;
    }

    to {
        bottom: 0px;
        opacity: 1;
    }
}

.showbox {
    position: relative;
    animation: fade-up 0.75s;
    animation-iteration-count: 1;
}


@-webkit-keyframes pop-up1 {
    from {
        margin-top: 31vh;
        margin-left: -5vw;
        opacity: 0;
    }

    to {
        margin-top: 40vh;
        margin-left: -30vw;

        opacity: 1;
    }
}

.poped-box1 {
    position: absolute;
    animation: pop-up1 0.7s;
    animation-iteration-count: 1;
}

@-webkit-keyframes pop-up2 {
    from {
        margin-top: 31vh;
        margin-left: -5vw;
        opacity: 0;
    }

    to {
        margin-top: 15vh;
        margin-left: -23vw;
        opacity: 1;
    }
}

.poped-box2 {
    position: absolute;
    animation: pop-up2 0.74s;
    animation-iteration-count: 1;
}

@-webkit-keyframes pop-up3 {
    from {
        margin-top: 31vh;
        margin-left: -5vw;
        opacity: 0;
    }

    to {
        margin-left: 14vw;
        margin-top: 8vh;
        opacity: 1;
    }
}

.poped-box3 {
    position: absolute;
    animation: pop-up3 0.87s;
    animation-iteration-count: 1;
}

@-webkit-keyframes pop-up4 {
    from {
        margin-top: 31vh;
        margin-left: -5vw;
        opacity: 0;
    }

    to {
        margin-left: 23vw;
        margin-top: 25vh;
        opacity: 1;
    }
}

.poped-box4 {
    position: absolute;
    animation: pop-up4 0.77s;
    animation-iteration-count: 1;
}

@-webkit-keyframes pop-up5 {
    from {
        margin-top: 31vh;
        margin-left: -5vw;
        opacity: 0;
    }

    to {
        margin-left: 17vw;
        margin-top: 49vh;
        opacity: 1;
    }
}

.poped-box5 {
    position: absolute;
    animation-delay: 1s;
    animation: pop-up5 0.82s;
    animation-iteration-count: 1;
}

#image-mouse, #image-mouse2 {
  animation-duration: 0.5s;
  animation-name: updown;
    animation-iteration-count: infinite;
}

@keyframes updown {
  0% { margin-top: -30px; }
  50% { margin-top: 0; }
  100% { margin-top: -30px; }
}


/*...........................................GENERAL_CLASS............................................*/
.wrapper {
    width: 100vw;
    min-width: 100vw;
    max-width: 100vw;
    height: 100vh;
    min-height: 100vh;
    max-height: 100vh;
    overflow: hidden;
}

section.section-a {
    height: 88vh;
    overflow: visible;
}

.section-a .container {
    padding-top: 20vh;
}

.position-a {
    position: absolute;
}

.mobile {
    display: none;
    margin: 0;
}
}

.not-mobile {
    display: block;
}

#img006 {
    color: #fff;
}

@media (max-width:1000px) {
    .position-a {
        display: none;
    }

    #image1-4 {
        display: none;
    }

    .mobile {
        display: block;
    }

    .not-mobile {
        display: none;
    }
}

/*...........................................NAVBAR............................................*/
.navbar-nav {
    margin-top: 20px;
    text-transform: uppercase;
    margin-right: 30px;
/*    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;*/
}

.navbar-default {
    margin-bottom: 0;
}

.navbar-default.navbar {
    min-height: 70px;
    border: none !important;
}

.navbar-default .navbar-header .navbar-brand {
    float: left;
    margin: 20px 20px 0 0;
    padding: 0;
    height: 45px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 5px;
    text-decoration: none;
}

.navbar-default .navbar-header .navbar-brand img {
    float: left;
    margin-top: 0;
    margin-left: 50px;
}

.navbar-default .navbar-header .navbar-brand:hover,
.navbar-default .navbar-header .navbar-brand:active,
.navbar-default .navbar-header .navbar-brand:focus {
    outline: none;
}

.navbar-default a {
    color: #fff;
    font-size: 16px;
}

.navbar-default .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #fff;
    font-size: 13.75px;
    margin-right: 24px;
}
.navbar-default .navbar-nav > li > a.blacked {
    color: #000;
}
.navbar-default .navbar-nav > li > a.blacked:active,
.navbar-default .navbar-nav > li > a.blacked:hover,
.navbar-default .navbar-nav > li > a.blacked:focus{
    color: #bbb;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #bbb;
}

.navbar-default a {
    font-size: 13.75px;
    line-height: 2.6;
}

.navbar-default a:hover,
.navbar-default a:focus {
    color: #fff;
}

.navbar-default .btn-calltoaction {
    border-color: transparent;
    margin: 0;
    padding: 8px 20px;
    color: #ffffff !important;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    background: #81c141;
}

.navbar-default .btn-calltoaction:hover,
.navbar-default .btn-calltoaction:focus,
.navbar-default .btn-calltoaction:active {
    border-color: transparent;
    outline: none;
    box-shadow: none;
}

.navbar-default .btn-calltoaction:hover,
.navbar-default .btn-calltoaction:focus {
    background: #81c141 !important;
}

.navbar-default .btn-calltoaction:active {
    background: #8ecc51 !important;
}

.navbar-toggle {
    margin-top: 20px;
    margin-bottom: 10px;
}

.navbar-default.navbar.shrink {
    margin: -40px 0;
    background: rgba(0, 0, 0, 0.5);
}

.navbar-default.navbar.shrink .navbar-nav {
    margin-top: 54px;
    margin-bottom: 10px;
}

.navbar-default.navbar {
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    background: transparent;
}

#dropdown {
    list-style: none;
    padding-left: 0;
    display: none;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
}

.logo {
    max-height: 35px;
}
#fh5co-main {
    overflow-x: hidden;
}


@media (max-width:768px) {
    .navbar-nav {
        margin-top: 5px;
    }

    .navbar-default.navbar {
        min-height: 55px !important;
        width: 100vw;
    }

    .navbar-default .navbar-header {
        height: 55px !important;
        background: #000;
    }

    .navbar-default .navbar-header .navbar-brand {
        margin-left: 0;
        height: 40px !important;
        margin-top: 8px;
    }

    .navbar-default .navbar-header .navbar-brand img {
        height: 30px;
        margin-top: 6px;
        margin-left: 15px;
    }

    .navbar-default .btn-calltoaction {
        margin-top: 0 !important;
        margin-left: 10px;
        margin-right: 10px;
    }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        background: #000;
        height: 100vh;
        max-height: 100vh;
        position: fixed;
        width: 100vw;
        top: 0;
        padding-top: 45px;
    }

    .navbar-default.navbar.shrink {
        margin: 0;
    }

    .navbar-default.navbar.shrink .navbar-nav {
        margin-top: 5px;
        top: 0;
    }

    #dropdown {
        display: block;
        padding-left: 25px;
    }

    .navbar-default a:hover,
    .navbar-default a:focus {
        color: #fff;
    }
        
    .navbar-default .navbar-nav > li:last-child {
        padding-bottom: 100vh;
    }
    .navbar-default .navbar-nav > li > a {
        font-size: 30px;
        font-weight: 700;
        line-height: 1.4;
    }
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus {
        color: #bbb;
    }

}

/*...........................................INDEX............................................*/

@media (min-width:769px) {
    #hero .wrapper {
        background-color: #777;
    }
}

@media (max-width:768px) {
    
#hero .wrapper {
    background: none;
}
}

#hero .hero-text {
    padding: 42vh 56px 0;
    z-index: 2;
    position: relative;
}

#hero .hero-text img {
    margin-bottom: 0;
}

#hero h2 {
    color: #fff;
    margin-top: 0;
    font-size: 32px;
    line-height: 1.4;
    font-weight: 300;
    text-align: center;
}

#hero .hero-img {
    margin-top: -100vh;
}

#image-mouse {
    position: absolute;
    left: 48vw;
    top: 92vh;
}
#image-mouse2 {
    position: absolute;
    z-index: 9999;
    left: 48vw;
    top: 92vh;
    
}


/*......................section1-1*/

#section1-1 {
    padding-top: 28vh;
}

#section1-1 .text-box {
    padding-top: 70px;
}

#section1-1 img {
    width: 110%;
    max-width: 110%;
}

#section1-2 .container {
    margin-top: -100vh;
}

#section1-2 .text-box {
    padding-top: 40vh;
    text-align: right;
}

#section1-2 h1,
#section1-2 p {
    color: #fff;
}

#section1-2 h5 {
    color: #fff;
    border: solid 1px #fff;
    width: 100px;
    float: right;
    font-size: 18px;
    margin-top: 16px;
    text-align: center;
    padding: 4px;
}

#section1-2 h5:hover,
#section1-2 h5:focus {
    background: #111;
    border: solid 1px #111;
}

.videoarea {
    width: 100vw;
    max-height: 100vh;
    height: 100vh;
    overflow: hidden;
}
#videobcg {
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: auto;
}

@media screen and (max-aspect-ratio: 2/1) {
    #videobcg {
        width: auto;
        height: 100vh;
    }
}

#section1-3 .text-box {
    padding-top: 28vh;
}

#section1-3 img {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

#section1-3 .image-box {
    margin-top: 114vh;
}

#section1-4 {
    background: #fafafa;
    padding-top: 28vh;
    text-align: right;
}

#section1-4 .text-box {
    padding-top: 2vh;
}

    #section1-4 img {
        width: 110%;
        max-width: 110%;
    }
#section1-5 {
    height: 99.9vh;
    background: url(../images/home/1-4bg.png) fixed;
    background-size: cover;
    background-position: center center;
    padding: 40px 0 0;
    text-align: center;
}

#section1-5 h1,
#section1-5 p {
    color: #fff;
}

#image1-4 {
    position: absolute;
    bottom: -499.9vh;
    margin: 0;
    left: 30vw;
    width: 36.5vw;
}


#image1-4-1 {
    margin-top: 40vh;
    margin-left: -30vw;
}

#image1-4-2 {
    margin-top: 15vh;
    margin-left: -23vw;
}

#image1-4-3 {
    margin-left: 14vw;
    margin-top: 8vh;
}

#image1-4-4 {
    margin-left: 23vw;
    margin-top: 25vh;
}

#image1-4-5 {
    margin-left: 17vw;
    margin-top: 49vh;
}

#section1-6 {
    height: 100%;
    overflow: visible;
    margin-top: 140px;
}
#section1-6 h4 {
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 2px;
    font-variant-caps: #0c0c0c;
    margin-bottom: 36px;
}
#section1-6 img {
    margin-bottom: 4px;
    transition: all 0.3s ease-in-out;
}
#section1-6 .img-box {
    overflow: hidden;
}

#section1-6 .blind-layer {
    position: absolute;
    width: 555px;
    height: 313px;
    top: 0;
    background: rgba(0,0,0,0.6);
    text-align: center;
    padding-top: 25%;
    display: none;
}
#section1-6 .blind-layer p {
    color: #fff;
    letter-spacing: 2px;
    font-size: 18px;
}

@media (max-width:1200px) {
    #section1-6 .blind-layer {
    width: 455px;
    height: 258px;
    }
}
@media (max-width:992px) {
    #section1-6 .blind-layer {
    width: 345px;
    height: 196px;
    }
}



#section1-6 .text-box h5 {
    color: #626262;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 14px;
    margin-bottom: 76px;
}
#section1-7 {
    padding-top: 120px;
    padding-bottom: 120px;
    height: 100%;
    position: relative;
    z-index: -1;
}

#section1-7 .text-box {
    margin-top: 70px;
    margin-left: -5%;
}

#section1-7 h4 {
    margin-bottom: 28px;
}

#section1-7 p {
    font-size: 13px;
    line-height: 20px;
}

.frame {
    position: relative;
    z-index: 999;
    width: 282px;
    height: 501px;
}

.hr-line {
    left: 0;
    width: 300vw;
    margin-left: -100vw;
    border-bottom: solid 0.5px #e2e2e2;
}

footer {
    background: #000;
    text-align: center;
    padding: 48px 0;
}

footer img {
    width: 100px;
}

footer p {
    color: #fff;
    font-size: 13px;
    line-height: 22px;
    font-weight: 300;
}

@media (max-width:992px) {
    #hero {
        background: url(../images/home/bgm.png) no-repeat;
        background-size: cover;
    }
    #hero .hero-text {
        padding-top: 25vh;
        text-align: center;
    }
    #hero .hero-text h1 {
        font-size: 30px;
    }
    
    h1 {
        font-size: 26px;
        line-height: 1.2;
        margin-bottom: 36px;
        margin-top: 5px;
    }
    h1.mobile {
        margin-bottom: 40px;
    }
    h3 {
        font-weight: 300;
        font-size: 15px;
        margin-bottom: 0;
    }
    
    p {
        line-height: 1.4;
        font-weight: 300;
        font-size: 13px;
    }
    
    #logo-m {
        height: 30px;
        margin-top: 15px;
        margin-left: 15px;
    }

    .text-box {
        text-align: center;
        padding: 20px;
    }

    #section1-1 {
        padding-top: 90px;
    }

    #section1-1 .text-box {
        padding-top: 0;
    }    
    #section1-1 .img-box {
        background: #f2f2f2;
        padding-top: 40px;
    }
    #section1-2 {
        background: none;
        overflow: visible;
    }
    #section1-2 .text-box {
        text-align: center;
        padding-top: 55px;
    }
    #section1-2 p,  #section1-2 h1 {
        color: #000;
    }
    #section1-2 .img-box {
        overflow: hidden;
        margin-top: 24px;
    }
    #section1-2 img {
        margin-bottom: -34px;
        margin-top: -32px;
    }
    
    #section1-2 h6 {
        width: 90vw;
        color: #000;
        font-size: 12px;
        font-weight: 400;
        text-align: left;
    }
    
    #section1-2 h5 {
        color: #333;
        font-weight: 400;
        letter-spacing: 7px;
        font-size: 14px;
        border: solid 0.2px #000;
        width: 100%;
        padding: 20px;
    }
    #section1-2 h5:hover,
    #section1-2 h5:focus,
    #section1-2 h5:active {
    background: #111;
    border: solid 1px #111;
        color: #fff;
    }

    #section1-3 {
        background: url("../images/home/1-3bgm.png");
        background-size: cover;
        background-position: center center;
    }
    
    hr.vertical {
        height: 210px;
        width: 0.1px;
        border-bottom: 0;
        border-right: solid 0.2px #fff;
        border-left: 0;
        left: 50vw;
        position: absolute;
    }
    
    #section1-3 .text-box {
        padding-top: 230px;
    }
    #section1-3 h1 {
        color: #fff;
    }
    #section1-3 p {
        color: #aaa;
        margin-bottom: 60px;
    }

    #section1-3 .image-box {
        display: none;
    }
    
    #img1-3 {
        display: none;
    }
    #section1-5 {
        background: url(../images/home/1-4bg2.png) fixed;
        background-size: cover;
        background-position: center center;
        padding-top: 0;
        max-height: 99.9vh;
        overflow: hidden;
    }
    
    #section1-4 {
        padding-top: 22vh;
    }
    
    #section1-4 img {
        width: 100%;
        max-width: 100%;
    }

    #image1-4-6 {
        position: absolute;
        bottom: -500vh;
        left: 0;
    }
    
    section.section-a {
        height: 100vh;
        overflow: hidden;
    }

    .section-a .container {
        padding-top: 225px;
        padding-left: 20vw;
        position: relative;
        z-index: 10;
    }
    
    .inner-block {
        background: #fff;
        z-index: 999;
    }    

    .inner-block p h1,
    hr {
        margin: 0;
    }

    .inner-block p {
        display: none;
    }
    
    .inner-block h4 {
        font-size: 16px;
    }
    
    #section1-6 {
        text-align: center;
    }
}


/*...........................................PRODUCT............................................*/

#hero2 {
    height: 100vh;
    padding-top: 12vh;
    background: url(../images/product/bg.png) no-repeat;
    background-size: cover;
}

#hero2 .image-box {
    height: 60vh;
    margin-top: 10vh;
}

#hero2 .image-box img {
    height: 100%;
}

#hero2 .text-box {
    margin-top: 35vh;
}

#section2-1 {
    background: url(../images/product/bg2-1.png) no-repeat;
    padding-top: 70px 0;
    height: 100%;
}

#section2-1 .wrapper {
    background: url(../images/product/2-1.3.png) no-repeat;
    background-position: right top;
    max-height: initial;
    height: 100%;
}

#section2-1 .text-box {
    margin-top: 75vh;
    margin-bottom: 20vh;
}
#section2-1 .text-box2 {
    margin-top: 65vh;
}
#section2-1 .text-box2 p {
    margin-bottom: 25vh;
}

#trigger01, #trigger02, #trigger03, #trigger04 {
    color: rgba(0,0,0,0);
}

#intersection {
    height: 220vh;
}

#trigger03 {
margin-top: 150vh;    
}
#trigger04 {
    display: none;
}

#section2-2 {
    padding: 140px 0;
    background: url(../images/product/bg2-2.png) fixed no-repeat;
    background-size: cover;
    height: 100%;
}

#section2-2 h4,
#section2-2 p {
    color: #fff;
}

#section2-3 {
    height: 100%;
    padding: 140px 0;
}

@media (max-width: 992px) {
    #hero2 .image-box {
        display: none;
    }

    #section2-1 {
        background: url(../images/product/2-1.png) no-repeat;
    background-position: center center;
    }

    #section2-1 .wrapper {
        background: none;
        background-color: rgba(0, 0, 0, 0.35);
    }

    #section2-1 .text-box {
        margin-top: 40vh;
    }
    #section2-1 .text-box2 {
        margin-top: 40vh;
        text-align: center;
    }
    #text-box1 h1 {
        color: #fff;
    }
    #section2-1 h4,
    #section2-1 p {
        color: #fff;
        line-height: 1.9;
        margin-bottom: 40px;
    }
    #section2-2 h4,
    #section2-2 p {
        margin-left: 25px;
    }
}

/*...........................................CONTACT............................................*/

#hero3 {
    background: url(../images/contact/hero3.png) fixed no-repeat;
    background-size: cover;
}

#hero3 .hero-text {
    margin-top: 62vh;
}

#hero3 .hero-text h1 {
    color: #fff;
}

#contact-section {
    width: 100vw;
    height: 100vh;
    background: linear-gradient(to right, #fff 62%, #000 38%);
    padding-top: 20vh;
    padding-bottom: 10vh;
}

#contact-section h4 {
    margin-bottom: 5px;
}

#contact-section h3 {
    margin-bottom: 35px;
    margin-top: 0;
    font-weight: 300;
    font-size: 16px;
}

#contact-section label {
    font-weight: 400;
    font-size: 18px;
    letter-spacing: -0.5px;
}

#contact-section form-group {
    float: left;
}

#contact-section textarea,
#contact-section input {
    background: transparent;
    border: solid 0.4px #959595;
    border-radius: 0;
    box-shadow: none;
    color: #959595;
    padding: 6px 45px;
    font-size: 13px;
    max-width: 400px;
}

#contact-section textarea {
    padding: 5px;
}

#contact-section input {
    border-top: none;
    border-left: none;
    border-right: none;
    padding-left: 5px;
}

#contact-section input.submit {
    border-top: solid 0.4px #959595;
    border-left: solid 0.4px #959595;
    border-right: solid 0.4px #959595;
}

#contact-section input.submit:hover,
#contact-section input.submit:focus,
#contact-section input.submit:active {
    color: #fff;
    background: #000;
}

#send-button.form-group {
    max-width: 125px;
}

#contact-section .text-box {
    padding-top: 8vh;
}

#contact-section h5 {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 10px;
}

#contact-section a h5:hover {
    color: #cdcdcd;
}

#contact-section p {
    color: #909090;
    font-size: 15px;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 40px;
    padding-bottom: 0;
    bottom: 0;
    letter-spacing: -0.5px;
}

#contact-section #logo-box {
    position: absolute;
    left: 55vw;
    bottom: -365%;
    text-align: center;
}

#popupimg {
    position: fixed;
    margin: 20vh 25vw 0 25vw;
    max-width: 50vw;
    padding: 0;
    box-shadow: 1px 1px 1px 9999px rgba(0, 0, 0, 0.7);
    z-index: 9999;
    bottom: 25vh;
}


@media (max-width: 1000px) {
    #contact-section h5 {
        color: #222;
    }

    #contact-section p {
        margin-bottom: 5px;
    }
}

@media (max-width: 992px) {
    
    #hero3 {
    background: url(../images/contact/hero3.png) fixed no-repeat;
    background-size: cover;
        background-position: center center;
}
    
    #section3-1 .text-box {
        margin-top: 40vh;
    }

    #section3-2 .container {
        margin: 12vh 0 0;
    }

    #section3-2 .text-box {
        margin: 10vh 0;
    }

    #contact-section {
        padding-top: 8vh;
        background: #fff;
        overflow-y: visible;
        padding-bottom: 0;
        height: 100%;
    }

    #contact-section #logo-box {
        display: none;
    }

    #contact-section .text-box {
        display: none;
    }

}


/*...........................................TEST............................................*/


.inner-block {
    position: absolute;
    width: initial;
}

/*...........................................DEFAULT............................................*/
.fh5co-nav-toggle {
    width: 25px;
    height: 25px;
    cursor: pointer;
    text-decoration: none;
}

.fh5co-nav-toggle.active i::before,
.fh5co-nav-toggle.active i::after {
    background: #fff;
}

.fh5co-nav-toggle:hover,
.fh5co-nav-toggle:focus,
.fh5co-nav-toggle:active {
    outline: none;
    border-bottom: none !important;
}

.fh5co-nav-toggle i {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 2px;
    color: #fff;
    font: bold 14px/.4 Helvetica;
    text-transform: uppercase;
    text-indent: -55px;
    background: #fff;
    transition: all .2s ease-out;
}

.fh5co-nav-toggle i::before,
.fh5co-nav-toggle i::after {
    content: '';
    width: 25px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 0;
    transition: all .2s ease-out;
}

.fh5co-nav-toggle.fh5co-nav-white > i {
    color: #fff;
    background: #fff;
}

.fh5co-nav-toggle.fh5co-nav-white > i::before,
.fh5co-nav-toggle.fh5co-nav-white > i::after {
    background: #fff;
}

.fh5co-nav-toggle i::before {
    top: -7px;
}

.fh5co-nav-toggle i::after {
    bottom: -7px;
}

.fh5co-nav-toggle:hover i::before {
    top: -10px;
}

.fh5co-nav-toggle:hover i::after {
    bottom: -10px;
}

.fh5co-nav-toggle.active i {
    background: transparent;
}

.fh5co-nav-toggle.active i::before {
    top: 0;
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}

.fh5co-nav-toggle.active i::after {
    bottom: 0;
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    -o-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
}

.fh5co-nav-toggle {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 21;
    display: block;
    margin: 0 auto;
    display: none;
}

@media screen and (max-width: 768px) {
    .fh5co-nav-toggle {
        display: block;
        top: 8px;
    }
}

/*...........................................Button............................................*/
.btn {
    border-bottom: none !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 1.5;
    text-decoration: none;
}

.btn:hover,
.btn:focus,
.btn:active {
    box-shadow: none;
    outline: none !important;
    border-color: transparent;
}

.btn.btn-lg {
    padding: 12px 20px;
}

.btn.btn-md {
    padding: 10px 20px;
}

.btn.btn-sm {
    padding: 7px 20px;
}

.btn.btn-xs {
    padding: 5px 20px;
}

.btn-outline {
    border: 1px solid #eaeaea !important;
    background: transparent;
    color: #2a2e37;
}

.btn-outline:hover,
.btn-outline:active,
.btn-outline:focus {
    border: 1px solid #282e3c !important;
    background: #282e3c;
    color: #ffffff;
}

.btn-primary {
    background: #81c141;
    border: 2px solid #81c141;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    background: #6fa837;
}

.btn-success {
    background: #00e195;
    border: 2px solid #00e195;
}

.btn-success:hover,
.btn-success:active,
.btn-success:focus {
    background: #00bd7d;
}

.btn-danger {
    background: #e02745;
    border: 2px solid #e02745;
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger:focus {
    background: #c71d38;
}

.btn-info {
    background: #0bbff2;
    border: 2px solid #0bbff2;
}

.btn-info:hover,
.btn-info:active,
.btn-info:focus {
    background: #09a4d0;
}

.btn-warning {
    background: #ffd042;
    border: 2px solid #ffd042;
}

.btn-warning:hover,
.btn-warning:active,
.btn-warning:focus {
    background: #ffc71e;
}

.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
    border-color: transparent;
}

.form-control {
    box-shadow: none !important;
    border: 1px solid #ccc;
}

.form-control:hover,
.form-control:focus,
.form-control:active {
    outline: none;
    box-shadow: none !important;
    border: 1px solid #81c141;
}

.form-group {
    margin-bottom: 20px;
}

.image-popup:hover {
    opacity: .7;
}

form label {
    font-weight: normal;
}

form .error {
    color: #999;
}

#message {
    resize: vertical;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 16px;
}

#form-message-warning,
#form-message-success {
    display: none;
}

#form-message-warning {
    color: #B90B0B;
}

#form-message-success {
    color: #55A44E;
}

.submitting {
    float: left;
    width: 100%;
    padding: 10px 0;
    display: none;
    font-weight: bold;
}

/*# sourceMappingURL=style.css.map */