body{scroll-behavior: smooth;font-family:Rubik,sans-serif;color:#a0a6ad;font-size:14px;font-weight:400;background:#fff;overflow-x:hidden}html{overflow-x:hidden; scroll-behavior: smooth;}p{font-size:14px;color:#5e629c;line-height:26px;margin-bottom:0}a:focus,a:hover{color:#000}a{color:#000;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}h1,h2,h3,h4,h5{font-family:Poppins,sans-serif;font-size:40px;font-weight:400;color:#151948}ul{margin:0;padding:0}ul li{list-style:none}a:focus,a:hover{text-decoration:none;outline:0}a:not([href]):not([tabindex]){color:#fff}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:#fff}.section{padding:130px 0}.section-header{color:#fff;margin-bottom:50px;text-align:center;position:relative}.section-header .section-title{font-size:35px;margin-bottom:12px;font-weight:600;position:relative;line-height:30px}.section-header .desc-text p{font-size:18px;color:#5e629c;line-height:26px;margin-bottom:0}.btn{font-size:14px;padding:10px 30px;border-radius:4px;font-family:Rubik,sans-serif;letter-spacing:1px;font-weight:500;color:#fff;border:none;text-transform:uppercase;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;display:inline-block}.btn:active,.btn:focus{box-shadow:none;outline:0}.btn-common{background-color:#3ecf8e;position:relative;z-index:1;box-shadow:0 8px 9px 0 rgba(96,94,94,.17);width:160px;height:50px;padding:14px 15px;text-align:center}.btn-common:hover{color:#fff;transform:translateY(-2px)}.btn-border{border-style:solid;border-width:1px;cursor:pointer;background-color:transparent;border-color:#3ecf8e;color:#3ecf8e;width:160px;height:50px;padding:14px 15px}.btn-border:hover{box-shadow:0 8px 9px 0 rgba(96,94,94,.17);transform:translateY(-2px)}.btn-border-filled{cursor:pointer;background-color:#3ecf8e;border:1px solid #3ecf8e;color:#fff;box-shadow:0 8px 9px 0 rgba(96,94,94,.17);width:180px;height:50px;padding:15px 15px}.btn-border-filled:hover{color:#fff;background-color:transparent;border-color:#fff;transform:translateY(-2px)}.btn-singin{background:#7fc9fb;color:#fff;padding:10px 23px;margin-left:30px;box-shadow:0 8px 9px 0 rgba(96,94,94,.17)}.btn-singin:active,.btn-singin:focus,.btn-singin:hover{color:#fff;box-shadow:0 0 0 0 rgba(96,94,94,.17)}button:focus{outline:0!important}.clear{clear:both}@keyframes spin{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.logo-menu a{font-size:20px;color:#fff}.menu-bg{background:#53f;background:linear-gradient(95deg,#53f 40%,#25ddf5 100%)!important;box-shadow:0 0 7px 1px rgba(0,0,0,.1);z-index:9999;padding:5px;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.menu-bg .menu-button{top:0}.menu-bg .menu-button:hover{cursor:pointer;color:#3c9cfd}.menu-bg .logo-menu a{color:#3c9cfd}.menu-bg .navbar-nav .nav-link{color:#fff!important}.menu-bg .navbar-nav .nav-link:hover{color:#fff!important}.navbar-expand-md .navbar-nav .nav-link{color:#fff;font-size:16px;padding:8px 0;margin-left:26px;font-family:Poppins,sans-serif;position:relative;font-weight:500}.navbar-expand-md .navbar-nav .nav-link:before{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:#fff;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}.navbar-expand-md .navbar-nav .nav-link:hover::before{width:100%}.navbar-brand{color:#fff}.navbar-expand-md .navbar-nav .nav-link:focus,.navbar-expand-md .navbar-nav .nav-link:hover,.navbar-expand-md .navbar-nav .nav-link:hover:before{color:#fff}.navbar-expand-md .navbar-toggler{background:0 0;border:1px solid #fff;border-radius:3px;margin:5px;cursor:pointer;float:right}.navbar-expand-md .navbar-toggler i{color:#fff!important}.navbar-expand-md .navbar-toggler:focus{outline:0}.hero-area{position:relative}.hero-area .overlay{position:absolute;width:100%;height:100%;top:0;left:0;background:#53f;background:linear-gradient(95deg,#53f 40%,#25ddf5 100%);-webkit-transform:skewY(-12deg);transform:skewY(-12deg);-webkit-transform-origin:0;transform-origin:0;z-index:-12}.hero-area .overlay :nth-child(1){width:33.33333%;width:calc(100% / 2.05);top:0;left:16.66666%;left:calc(calc(100% / 3)/ 2);right:auto;background:#53f;background:linear-gradient(95deg,#53f 40%,#25ddf5 100%);height:30%}.hero-area .overlay :nth-child(2){width:33.33333%;width:calc(100% / 2.2);bottom:0;background:#53f;background:linear-gradient(95deg,#53f 40%,#25ddf5 100%);position:absolute;height:16%;left:3%}.hero-area .contents{padding:220px 0}.hero-area .contents h2{color:#fff;font-size:38px;font-weight:600;line-height:60px;margin-bottom:20px}.hero-area .contents p{color:#fff;font-size:18px;line-height:26px}.hero-area .contents .btn{margin-top:40px;margin-right:20px;text-transform:uppercase;width:180px;height:50px;padding:15px 15px}.hero-area .contents .btn-border{border:1px solid #fff;color:#3ecf8e!important;-webkit-box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);box-shadow:0 4px 6px rgba(50,50,93,.11),0 1px 3px rgba(0,0,0,.08);width:180px;height:50px;padding:15px 15px;background:#fff}.hero-area .contents .btn-border:hover{background:#fff;color:#3ecf8e}#services .services-item{padding:60px 30px;border:1px solid #ddd;-moz-transition:all .8s ease;-webkit-transition:all .8s ease;transition:all .8s ease}#services .services-item:hover{border:1px solid #3ecf8e;box-shadow:0 0 25px 0 rgba(95,95,95,.24);-moz-transition:all .4s ease;-webkit-transition:all .4s ease;transition:all .4s ease}#services .services-item .icon{background:#e3fff2;width:110px;height:110px;margin:0 auto;margin-bottom:0;text-align:center;display:block;border-radius:50%;position:relative;margin-bottom:25px}#services .services-item .icon i{font-size:40px;color:#3ecf8e;position:absolute;left:0;right:0;top:30%}#services .services-item h4{font-size:20px;font-weight:600;color:#151948;margin-bottom:15px}#services .services-item p{font-size:16px;margin-bottom:10px;color:#5e629c}#features{background:#f9f9f9;margin-bottom:0}#download-app{padding-bottom:100px}#download-app .download-info{padding-top:30px}#download-app .download-info h3{font-size:35px;font-weight:600;margin-bottom:20px;line-height:44px}#download-app .download-info p{font-size:16px;display:block;margin-bottom:35px}#showcase{padding-bottom:64px;padding-top:0}#showcase .showcase-area{position:absolute;width:97%;z-index:12;top:260px;margin:0 auto}#showcase .showcase-text h2{color:#fff}#showcase .showcase-text p{color:#fff}#showcase .gradient-bg{background:#53f;background:linear-gradient(95deg,#53f 40%,#25ddf5 100%);padding:119px 0 80px 0}@keyframes pulse-border{0%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:1}100%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity:0}}.blog-hero-area{background:url(../img/hero-area.jpg) no-repeat;background-size:auto;background-size:cover;color:#fff;overflow:hidden;position:relative}.blog-hero-area .contents{padding:160px 0 140px}#blog{background:#f9f9f9}#blog .blog-item-wrapper{border:1px solid #ddd;background-color:#fff;-moz-transition:all .8s ease;-webkit-transition:all .8s ease;transition:all .8s ease}#blog .blog-item-wrapper:hover{box-shadow:0 0 25px 0 rgba(95,95,95,.24);-moz-transition:all .8s ease;-webkit-transition:all .8s ease;transition:all .8s ease;border-color:#3ecf8e}#blog .blog-item-wrapper:hover h3 a{color:#3ecf8e}#blog .blog-item-wrapper .blog-item-text{padding:26px 30px 30px 30px}#blog .blog-item-wrapper h3{font-size:20px;font-weight:600;line-height:28px;margin-bottom:12px}#blog .blog-item-wrapper h3 a{color:#151948}#blog .blog-item-wrapper p{font-size:15px;line-height:23px;margin-bottom:20px}#blog .blog-item-wrapper span.name a{color:#5e629c;font-size:14px}#blog .blog-item-wrapper span.name i{color:#3ecf8e;margin-right:5px}#blog2{background:#fff}#blog2 .blog-item-wrapper{border:1px solid #ddd;background-color:#fff;-moz-transition:all .8s ease;-webkit-transition:all .8s ease;transition:all .8s ease}#blog2 .blog-item-wrapper:hover{box-shadow:0 0 25px 0 rgba(95,95,95,.24);-moz-transition:all .8s ease;-webkit-transition:all .8s ease;transition:all .8s ease;border-color:#ff704f}#blog2 .blog-item-wrapper:hover h3 a{color:#ff704f}#blog2 .blog-item-wrapper .blog-item-text{padding:26px 30px 30px 30px}#blog2 .blog-item-wrapper h3{font-size:20px;font-weight:600;line-height:28px;margin-bottom:12px}#blog2 .blog-item-wrapper h3 a{color:#151948}#blog2 .blog-item-wrapper p{font-size:15px;line-height:23px;margin-bottom:20px}#blog2 .blog-item-wrapper span.name a{color:#5e629c;font-size:14px}#blog2 .blog-item-wrapper span.name i{color:#ff704f;margin-right:5px}.blog-hero-area .contents h2{color:#fff;font-size:52px;font-weight:300;margin-bottom:25px}#blog .blog-item-wrapper{-webkit-transition:transform .2s linear,-webkit-box-shadow .2s linear;-moz-transition:transform .2s linear,-moz-box-shadow .2s linear;transition:transform .2s linear,box-shadow .2s linear}#blog .blog-item-wrapper:hover{box-shadow:0 10px 50px 0 rgba(84,110,122,.35);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.btn:disabled{opacity:1}#footer-Content{padding-top:130px;background:#180e29}#footer-Content .footer-logo img{padding-top:70px}#footer-Content ul.menu li a{color:#e2e2e2;font-size:16px;font-weight:400;line-height:32px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}#footer-Content ul.menu li a:hover{color:#3ecf8e;padding-left:5px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}html{position:relative;margin:0;padding:0;box-sizing:border-box;width:100%;height:100%}body{margin:0}a{color:#0074d9}a:hover{text-decoration:underline}.container{padding:0 4rem}body [disabled]{pointer-events:none}.button,button,input[type=button],input[type=reset],input[type=submit]{background-color:#2979ff;border:.1rem solid #2979ff;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;opacity:.8}.button.button-outline,html .button-outline{color:#2979ff}.button.button-clear,html .button-clear{color:#606c76}.button-clear:hover,html .button-clear:hover{color:#333}.select select:focus,input:focus{border:1px solid #0074d9!important;outline:0}body>section{margin-bottom:2rem;border-top:1px solid #f0f0f0;padding:4rem 0}.icon-wrapper{position:relative;display:inline-block;padding:1rem;box-sizing:content-box}.full-width{min-width:100%;padding:0}.tabs{position:relative;overflow:hidden}.tabs>.row{flex-wrap:nowrap;-ms-flex-direction:row;-webkit-flex-direction:row;flex-direction:row;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s;padding:2rem 0;width:100%}.tabs>.row>.column{flex:0 0 100%}.tabs>input[type=radio]{display:none}.tabs>input[type=radio]:checked+label{border-bottom:2px solid #0074d9;color:#0074d9;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.tabs>input:nth-of-type(2):checked~.row{margin-left:calc(-100% - 2rem)}.tabs>input:nth-of-type(3):checked~.row{margin-left:calc(-200% - 4rem)}.tabs>input:nth-of-type(4):checked~.row{margin-left:calc(-300% - 6rem)}.tabs>input:nth-of-type(5):checked~.row{margin-left:calc(-400% - 8rem)}.tabs>input:nth-of-type(6):checked~.row{margin-left:calc(-500% - 10rem)}.tabs>input:nth-of-type(7):checked~.row{margin-left:calc(-600% - 12rem)}.tabs>input:nth-of-type(8):checked~.row{margin-left:calc(-700% - 14rem)}.tabs>input:nth-of-type(9):checked~.row{margin-left:calc(-800% - 16rem)}.tabs>input:nth-of-type(10):checked~.row{margin-left:calc(-900% - 18rem)}@media all and (max-width:550px){.tabs>input:nth-of-type(2):checked~.row{margin-left:-100%}.tabs>input:nth-of-type(3):checked~.row{margin-left:-200%}.tabs>input:nth-of-type(4):checked~.row{margin-left:-300%}.tabs>input:nth-of-type(5):checked~.row{margin-left:-400%}.tabs>input:nth-of-type(6):checked~.row{margin-left:-500%}.tabs>input:nth-of-type(7):checked~.row{margin-left:-600%}.tabs>input:nth-of-type(8):checked~.row{margin-left:-700%}.tabs>input:nth-of-type(9):checked~.row{margin-left:-800%}.tabs>input:nth-of-type(10):checked~.row{margin-left:-900%}}@font-face{font-family:BebasNeue;src:url(../../fonts/BebasNeue-webfont.eot);src:url(../../fonts/BebasNeue-webfontd41d.eot?#iefix) format('embedded-opentype'),url(../../fonts/BebasNeue-webfont.woff2) format('woff2'),url(../../fonts/BebasNeue-webfont.woff) format('woff'),url(../../fonts/BebasNeue-webfont.ttf) format('truetype'),url(../../fonts/BebasNeue-webfont.svg#bebas_neueregular) format('svg');font-weight:400;font-style:normal}.btn-common{background-color:#3ecf8e;position:relative;z-index:1;box-shadow:0 8px 9px 0 rgba(96,94,94,.17);width:160px;height:50px;padding:14px 15px;text-align:center}.business-item-info .btn{margin-top:32px}body>section{border-top:0 solid #f0f0f0;font-family:Raleway,sans-serif;font-weight:300}h1,h2,h3,h4,h5{font-family:Satisfy,cursive;letter-spacing:0;color:#3e4258}.main-menu{height:64px;text-align:right}.main-menu>li{display:inline-block;line-height:75px;color:#fff;margin:0 8px}.main-menu>li>a{line-height:75px;color:#fff}.head-title{color:#fff;font-size:5rem}.hero-area .contents .btn{min-width:160px;width:auto}.navbar-expand-md .navbar-nav .nav-link{font-family:Raleway,sans-serif}#services.section{padding-top:0}#contact{border-top:1px solid #f0f0f0}.hero-area .contents .btn{text-align:center}#last-works .gradient-bg{background:#53f;background:linear-gradient(95deg,#53f 40%,#25ddf5 100%);padding:119px 0 80px 0}#last-works .container .row.showcase-area,#showcase .container .row.showcase-area{top:0}.navbar-brand{position:absolute}.contact-img{text-align:center}.navbar .navbar-toggler{display:none}.navbar-nav{display:-webkit-flex;display:flex;align-items:center;height:72px}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.text-center{text-align:center!important}.tabs>.button{line-height:1;margin-top:2em}.tabs>input[type=radio]:checked+label{border-bottom:4px solid #3ecf8e;color:#363538;font-weight:700}.tabs>#tabC-1~div label[for=tabC-1],.tabs>#tabC-2~div label[for=tabC-2],.tabs>#tabC-3~div label[for=tabC-3]{height:64px;line-height:64px;vertical-align:middle}.tabs>#tabC-1:checked~div label[for=tabC-1],.tabs>#tabC-2:checked~div label[for=tabC-2],.tabs>#tabC-3:checked~div label[for=tabC-3]{border-bottom:4px solid #3ecf8e;color:#363538;font-weight:700;border-radius:0;vertical-align:middle}#home>.container{min-height:600px}#home>.container>.row{height:100%}.contact-bg{background:url(../../images/alkadia/contact/contacts.png);background-repeat:no-repeat;background-size:90%;background-position:0 50%}.hero-bg{background:url(../../images/alkadia/intro-2-min.png);background-repeat:no-repeat;background-size:180%;background-position:40% 50%}.hero-area .overlay :nth-child(1){width:60%;height:30%;left:0;right:0;display:block}.hero-area .overlay :nth-child(2){width:100vw}.hero-area{position:relative;min-height:100vh;min-height:560px;height:auto}.hero-area .contents .btn:hover{text-decoration:none}.hero-bg2{background:url(../../images/alkadia/intro.png);background-repeat:no-repeat;background-size:130%;background-position:0 80%;display:none}.services-item h3{font-size:3rem;color:#3e4258}#last-works .tabs>input:nth-of-type(2):checked~.row{margin-left:-100%}#last-works .tabs>input:nth-of-type(3):checked~.row{margin-left:-200%}#last-works{padding-bottom:0;margin-bottom:0}#last-works .row.wrapper{padding-bottom:0}#last-works .row.wrapper>.column{padding:0}.desc-text,.section-title{color:#fff}#last-works h2{color:#fff}#last-works .desc-text{max-width:500px;margin:0 auto}#last-works .row.wrapper>.column>.row{height:100%}#last-works .row.wrapper>.column article{text-align:left;max-width:500px;float:right;width:80%}#last-works .row.wrapper>.column article{padding-top:32px;padding-bottom:64px}#last-works .row.wrapper>.column article h3{margin-bottom:0;padding-top:64px;font-size:3.2rem;font-weight:600}#last-works .row.wrapper>.column article h4{font-size:3rem}#last-works .row.wrapper{border-bottom:1px solid #f0f0f0;padding-bottom:0}#last-works .row.wrapper>.column{padding:0}#last-works .row.wrapper>.column article .description{color:#999;font-size:1.8rem}#last-works .row.wrapper>.column article footer{margin-top:32px}#last-works .preview{background-repeat:no-repeat;background-position:0 0;background-size:110%;min-height:360px}.hero-bg{max-width:100%;min-height:200px}#services .services-item{height:100%}#services .row .column{flex:0 0 33%;max-width:33.3%}#navmenu-toggler{display:none}@media (max-width:1200px){#last-works .preview{background-position:0 0;background-size:210%}}@media (max-width:768px){#home>.container>.row{flex-wrap:wrap;flex-direction:row}.row .column.column-60.hero-bg{flex:0 0 100%;max-width:100%;min-height:320px}.hero-bg{background-size:100%;background-position:40% 50%;min-height:520px}.hero-area .contents{padding:128px 0;padding-bottom:64px}.hero-area .overlay :nth-child(1){width:100%;height:27%}.navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row}#services .row{flex-wrap:wrap;justify-content:center;align-items:stretch}#services .row .column{flex:0 0 50%;min-width:50%;max-width:100%;padding:1rem;flex-grow:1}.row .column.column-50{width:100%;max-width:100%;flex:0 0 100%}#last-works .row.wrapper>.column article{width:80%;float:none;margin:0 auto}#last-works .row.wrapper>.column>.row{flex-wrap:wrap}#last-works .row.wrapper>.column .column.column-50{width:100%;display:block}#last-works .preview{background-size:90%;background-position:60% 0}}@media (max-width:600px){.navbar{height:64px}.menu-bg{background:#191c1f!important}.navbar .navbar-toggler{display:block;height:48px;vertical-align:middle;line-height:48px;z-index:3;position:fixed;right:32px}.navbar-collapse{padding-top:32px;position:fixed;top:64px;left:0;right:0;background:#191c1f;border-top:1px solid #000}.navbar-expand-md .navbar-nav{flex-direction:column;justify-content:center!important;height:auto}.navbar-expand-md .navbar-nav li{line-height:32px}.navbar-expand-md .navbar-nav .nav-link{margin-left:0}.navbar .collapse.navbar-collapse{display:none}#navmenu-toggler:checked~.navbar-collapse{display:block}#navmenu-toggler:checked~.navbar-toggler .lni-menu:before{content:'X';font-family:sans-serif;text-transform:uppercase}.hero-bg{background-size:160%;background-position:40% 0;min-height:520px}}@media (max-width:400px){.hero-bg{background-size:160%;background-position:40% 0;min-height:320px}}

 html{
    position: relative;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    scroll-behavior: smooth
}
body{ margin: 0;}
a { color: #0074d9; }
a:hover { text-decoration: underline; }
.container{ padding: 0 4rem; }
body [disabled]{ pointer-events: none; }

.button, button, input[type='button'], input[type='reset'], input[type='submit'] {
    background-color: #2979ff;
    border: 0.1rem solid #2979ff;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0.8;
}

html .button-outline,  .button.button-outline{ color: #2979ff; }

.success {
    background-color: #3abf6b;
    border: 0.1rem solid #3abf6b;
}

.warning{
    background-color: #f4a324;
    border: 0.1rem solid #f4a324;
}

html .button-clear,
.button.button-clear{
    color: #606c76;
}

html .button-clear:hover,
.button-clear:hover{
    color: #333;
}

.button-outline.warning{
    color: #f4a324;
}

.button-outline.success{
    color: #3abf6b;
}

.error{
    background-color: #f44336;
    border: 0.1rem solid #f44336;
}

.button-outline.error{
    color: #f44336;
}

input:focus, textarea:focus, .select select:focus {
    border: 1px solid #0074d9!important;
    outline: 0;
}

/**
* STACK
**/

.stack, .stack .toggle {
    margin-top: 0;
    margin-bottom: 0;
    display: block;
    width: 100%;
    text-align: left;
    border-radius: 0;
}

input.stack, textarea.stack, select.stack {
    border-bottom-width: 0;
    border-radius: 0;
}

.stack:first-child, .stack:first-child .toggle {
    border-top-left-radius: .2em;
    border-top-right-radius: .2em;
}

input.stack:last-child, textarea.stack:last-child, select.stack:last-child {
    border-bottom-width: 1px;
}

.stack:last-child, .stack:last-child .toggle {
    border-bottom-left-radius: .2em;
    border-bottom-right-radius: .2em;
}

/**
* MIX
**/

body > section {
    margin-bottom: 2rem;
    border-top: 1px solid #f0f0f0;
    padding: 4rem 0;
}

.centered {
    text-align: center;
}

.aligh-right{
    text-align: right;
}

.justify{
    text-align: justify;
}

.shadowed{
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

button.shadowed:hover, .button.shadowed:hover{
    -webkit-box-shadow: 0 2px 14px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 2px 14px rgba(0,0,0,0.3);
    box-shadow: 0 2px 14px rgba(0,0,0,0.3);
}

.outlined{
    outline: 1px solid #e1e1e1;
}

.bordered{
    border: 1px solid #e1e1e1;
}

.rounded{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

img.rounded{
    -webkit-border-radius: 200%;
    -moz-border-radius: 200%;
    border-radius: 200%;
    overflow: hidden;
    display: block;
    margin: 0 auto;
}

img.bordered {
    border: 2px solid #e1e1e1;
}

.icon-wrapper {
    position: relative;
    display: inline-block;
    padding: 1rem;
    box-sizing: content-box;
}

.icon-wrapper.rounded{
    -webkit-border-radius: 200%;
    -moz-border-radius: 200%;
    border-radius: 200%;
}

.bordered tr:last-child td,
.outlined tr:last-child td{
    border-bottom: 0;
}

td:first-child, th:first-child{
    padding-left: 1.5rem;
}

.alternate tr:nth-child(even) {
    background: rgba(0,0,0,0.05);
}

.full-height{
    min-height: 100vh;
    padding: 0;
    margin: 0;
}

.full-width{
    min-width: 100%;
    padding: 0;
}

.carousel{
    min-width: 100%;
    position: relative;
    flex-wrap: nowrap;
    overflow: hidden;
    display: flex;
    flex: auto;
    max-width: 100%;
    margin: 0;
}

.carousel > .covers > .cover,
.carousel > .covers{
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    flex: 0 0 100%;
    align-items: center;
}

.carousel > .covers.updating{
    -webkit-transition: margin-left 0.3s;
    -moz-transition:  margin-left 0.3s;
    -ms-transition:  margin-left 0.3s;
    -o-transition:  margin-left 0.3s;
    transition: margin-left 0.3s;
}

.carousel > .covers > .cover{
    justify-content: center;
    height: 100%;
}

.carousel > .covers{
    pointer-events: all;
}

.full-height > .carousel,
.full-height > .carousel > .covers,
.full-height > .carousel > .covers > .cover{
    min-height: 100vh;
    width: 100vw;
}

/**
* TABS
**/

.tabs {
    position: relative;
    overflow: hidden;
}

.tabs > .row{
    flex-wrap: nowrap;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    padding: 2rem 0;
    width: 100%;
}


.tabs > .row > .column{
    flex: 0 0 100%;
}

.tabs > input[type="radio"]{
    display: none;
}

.tabs > input[type="radio"]:checked + label,
.tabs > input[type="radio"]:checked + .tab{
    border-bottom: 2px solid #0074d9;
    color: #0074d9;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}



.tabs > input:nth-of-type(2):checked ~ .row {
    margin-left: calc(-100% - 2.0rem);
}

.tabs > input:nth-of-type(3):checked ~ .row {
    margin-left: calc(-200% - 4.0rem);
}

.tabs > input:nth-of-type(4):checked ~ .row {
    margin-left: calc(-300% - 6.0rem);
}

.tabs > input:nth-of-type(5):checked ~ .row {
    margin-left: calc(-400% - 8.0rem);
}

.tabs > input:nth-of-type(6):checked ~ .row {
    margin-left: calc(-500% - 10.0rem);
}

.tabs > input:nth-of-type(7):checked ~ .row {
    margin-left: calc(-600% - 12.0rem);
}

.tabs > input:nth-of-type(8):checked ~ .row {
    margin-left: calc(-700% - 14.0rem);
}

.tabs > input:nth-of-type(9):checked ~ .row {
    margin-left: calc(-800% - 16.0rem);
}

.tabs > input:nth-of-type(10):checked ~ .row {
    margin-left: calc(-900% - 18.0rem);
}


@media all and (max-width: 550px){
    .tabs > input:nth-of-type(2):checked ~ .row {
        margin-left: -100%;
    }

    .tabs > input:nth-of-type(3):checked ~ .row {
        margin-left: -200%;
    }

    .tabs > input:nth-of-type(4):checked ~ .row {
        margin-left: -300%;
    }

    .tabs > input:nth-of-type(5):checked ~ .row {
        margin-left: -400%;
    }

    .tabs > input:nth-of-type(6):checked ~ .row {
        margin-left: -500%;
    }

    .tabs > input:nth-of-type(7):checked ~ .row {
        margin-left: -600%;
    }

    .tabs > input:nth-of-type(8):checked ~ .row {
        margin-left: -700%;
    }

    .tabs > input:nth-of-type(9):checked ~ .row {
        margin-left: -800%;
    }

    .tabs > input:nth-of-type(10):checked ~ .row {
        margin-left: -900%;
    }
}

/**
* CARDS
**/

.card > *{
    max-width: 100%;
    display: block;
}

.card {
    position: relative;
    border-radius: .2em;
    overflow: hidden;
    text-align: left;
    background: #fff;
    margin-bottom: .6em;
    padding: 0;
    transition: all .3s ease;
}

.card > .footer,
.card > .container{
    padding: 2rem;
}

@font-face {
    font-family: 'JetBrains Mono';
    src: url('/fonts/JetBrainsMono-Regular.woff2') format('woff2'),
    url('/fonts/JetBrainsMono-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}

@font-face {
    font-family: 'JetBrains Mono';
    src: url('/fonts/JetBrainsMono-Bold.woff2') format('woff2'),
    url('/fonts/JetBrainsMono-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

html {
    /*scroll-behavior: smooth;*/
    font-size: 12px;
    background: #fff;
    scroll-behavior: smooth
}





html.no-scroll{
    overflow: hidden;
}

#footer-Content{
    padding-top: 64px;
    padding-bottom: 120px;
    min-height: 320px;
}

.section {
    padding: 80px 0;
}

.hero-area .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #53f;
    background: linear-gradient(95deg,#5533ff 40%,#25ddf5 100%);
    -webkit-transform: skewY(-12deg);
    transform: skewY(-12deg);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    z-index: -12;
}


.back-to-top {
    display: none;
    position: fixed;
    bottom: 18px;
    left: 20px;
    width: 45px;
    height: 45px;
    line-height: 50px;
    cursor: pointer;
    text-align: center;
    border-radius: 4px;
    background: #5533ff;
    background: linear-gradient(95deg, #5533ff 40%, #25ddf5 100%);
    box-shadow: 0px 8px 9px 0px rgba(96, 94, 94, 0.17);
    z-index: 9999999;
}

.navbar-brand{
    /*background: transparent url(../../images/alkadia/logo-alkadia.svg) 50% 50% no-repeat;*/
    background: transparent url(https://res.cloudinary.com/alkadia/image/upload/v1580246834/alkadia.pro/logo-alkadia.svg) 50% 50% no-repeat;

    background-size: auto 100%;
    position: relative;
    height: 64px;
    width: 150px;
}


.footer-logo{
    /*background: transparent url(../../images/alkadia/logo-alkadia-footer.svg) 50% 50% no-repeat;*/
    background: transparent url(https://res.cloudinary.com/alkadia/image/upload/v1580247025/alkadia.pro/logo-alkadia-footer.svg) 50% 50% no-repeat;

    background-size: auto 100%;
    position: relative;
    height: 64px;
    width: 150px;
    margin-bottom: 0;
}

.footer-logo ~ p{
    padding-left: 44px;
}

footer{
    position: relative;
}

footer h5,
footer h6{
    font-family: Rubik,sans-serif;
    font-weight: 600;
    font-size: 1.3rem;
}

footer > .bg{
    position: absolute;
    left: 0;
    width: 140%;
    height: 80px;
    background: #180f2a;
    -webkit-transform: skewY(-2deg);
    -moz-transform: skewY(-2deg);
    -ms-transform: skewY(-2deg);
    transform: skewY(-2deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -mst-transform-origin: 0 0;
    transform-origin: 0 0;
}

footer ol{
    list-style: none;
}

footer h6 + p{
    margin-bottom: 16px;
}


footer ol li strong{
    width: 40px;
    display: inline-block;
    margin-right: 8px;
    text-transform: uppercase;
}



footer a:focus,
footer a:hover {
    color: #fff;
}


#map-container-link {
    position: absolute;
    display: block;
    width: 100px;
    height: 100px;
    -webkit-border-radius: 10em;
    -moz-border-radius: 10em;
    border-radius: 10em;
    background-size: cover;
    background-position: 50%;
    /*background-image: url(../../images/alkadia/staticmap.jpg);*/
    background-image: url(https://res.cloudinary.com/alkadia/image/upload/v1580157957/alkadia.pro/staticmap.jpg);

    margin-left: -132px;
}

#map-container-link:after{
    content: '';
    position: absolute;
    width: 110px;
    height: 110px;
    border: 1px solid #999;
    -webkit-border-radius: 10em;
    -moz-border-radius: 10em;
    border-radius: 10em;
    margin-left: -5px;
    margin-top: -5px;
}




.showbox {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5%;
}

#preloader.hide,
.ready #preloader{
    /*display: none;*/
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s ease-in-out;
}

header nav{
    background: transparent;
}

.scrolled header nav,
.menu-bg {
    background: #5533ff;
    background: linear-gradient(95deg, #5533ff 40%, #25ddf5 100%) !important;
    box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.1);
    z-index: 9999;
    padding: 5px;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.scrolled .back-to-top{
    display: block;
    color: #fff;
}

.main-menu .nav-link:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    bottom: 26px;
    background: #ffffff;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
}

.main-menu .active::before, .main-menu .nav-link:hover::before {
    width: 100%;
}

.navbar-expand-md .navbar-nav .active > .nav-link,
.main-menu .nav-link.active,
.main-menu .nav-link.active:before,
.main-menu .nav-link.open,
.main-menu .open > .nav-link {
    color: #ffffff;
}

.hero-area .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #5533ff;
    background: linear-gradient(95deg, #5533ff 40%, #25ddf5 100%);
    -webkit-transform: skewY(-12deg);
    transform: skewY(-12deg);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    z-index: -12;
}

.btn-common {
    background-color: #3ecf8e;
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 0 8px 9px 0px rgba(96, 94, 94, 0.17);
    -moz-box-shadow: 0 8px 9px 0px rgba(96, 94, 94, 0.17);
    box-shadow: 0 8px 9px 0px rgba(96, 94, 94, 0.17);
    min-width: 160px;
    width: auto;
    height: 50px;
    padding: 14px 15px;
    text-align: center;
}

.btn-common:hover{
    text-decoration: none;
}

.btn-border-filled {
    cursor: pointer;
    background-color: #3ecf8e;
    border: 1px solid #3ecf8e;
    color: #fff;
    box-shadow: 0px 8px 9px 0px rgba(96, 94, 94, 0.17);
    width: 180px;
    height: 50px;
    padding: 15px 15px;
}

.btn-border-filled:hover {
    color: #fff;
    background-color: transparent;
    border: 1px solid #fff;
    transform: translateY(-2px);

}

.btn {
    font-size: 1.3rem;
    /*padding: 10px 30px;*/
    border-radius: 4px;
    font-family: 'Rubik', sans-serif;
    letter-spacing: 1px;
    font-weight: 500;
    color: #fff;
    border: none;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: inline-block;
}

.business-item-info .btn{
    margin-top: 32px;
}

body {
    background: transparent;
}

body > section{
    border-top: 0 solid #f0f0f0;
    font-family: 'Rubik', sans-serif;
    font-weight: 300;
}

.hero-area .contents p {
    color: #fff;
    font-size: 1.8rem;
    line-height: 26px;
    font-weight: 300;
}

p {
    font-size: 1.3rem;
    color: #6b6b6b;
    line-height: 26px;
    margin-bottom: 0;
}

h1,h2,h3,h4,h5{
    font-family: 'Satisfy', cursive;
    letter-spacing: 0;
    color: #3e4258;
}

h1{
    font-size: 4.6rem;
}

h2{
    font-size: 3.6rem;
}

h3{
    font-size: 2.8rem;
}

h4{
    font-size: 2.2rem;
}

h5{
    font-size: 1.8rem;
}

h6{
    font-size: 1.6rem;
}


.main-menu{
    height: 64px;
    text-align: right;
}

.main-menu > li{
    display: inline-block;
    line-height: 75px;
    color: #fff;
    margin: 0 8px;
    position: relative;
}

.main-menu > li > a{
    line-height: 75px;
    color: #fff;
    font-size: 1.3rem;
}

.main-menu > li > a:hover{
    text-decoration: none;
}

.head-title{
    color: #fff;
    font-size: 5rem;
}

.section-header .section-title {
     font-size: 3.6rem;
    margin-bottom: 12px;
    font-weight: normal;
    position: relative;
    line-height: 1em;
}

.hero-area .contents h1 + h2{
    font-size: 4.6rem;
}

.section-header .section-title.dark{
    color: #3e4258;
}

.hero-area .contents .btn{
    min-width: 160px;
    width: auto;
}

.section-header .desc-text p{
    color: #999;
    font-size: 1.3rem;
}

.navbar-expand-md .navbar-nav .nav-link{
    font-family: 'Raleway', sans-serif;
}


#services.section{
   padding-top: 64px;
}

#services .services-item .icon span {
    font-size: 40px;
    color: #3ecf8e;
    position: absolute;
    left: 0;
    right: 0;
    top: 30%;
}

#last-works .gradient-bg {
    background: #5533ff;
    background: linear-gradient(95deg, #5533ff 40%, #25ddf5 100%);
    padding: 119px 0px 80px 0px;
}

#last-works{
    padding-top: 0;
}


#last-works .container .row.showcase-area,
#showcase .container .row.showcase-area{
    top: 0;
}

/**************************
 CONTACTS
**************************/

#submit{
    line-height: 1;
}

.submit-button{
    margin-top: 32px;
}

#submit:hover{
    background-color: #ff2ca5;
    border-color: #ff2ca5;
}

#contact{
    border-top: 1px solid #f0f0f0;
}

#contact .desc-text{
    max-width: 660px;
    margin: 0 auto;
    padding-bottom: 64px;
}

#contact{
    /*background: url(../../images/alkadia/contact/contact-us.svg);*/
    background: url(https://res.cloudinary.com/alkadia/image/upload/v1580156142/alkadia.pro/contact-us.svg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: 100% 110%;
    margin-bottom: 0;
}

#contact textarea,
#contact input{
    background: #fff;
}

.contact-bg{
    background: transparent;
}

.contact-img{
    text-align: center;
}

#contact-us{
    width: 90%;
    max-width: 500px;
    background: #80c64a;
    background: -webkit-linear-gradient(45deg, #56ab2f, #a8e063);
    background: -o-linear-gradient(45deg, #56ab2f, #a8e063);
    background: -moz-linear-gradient(45deg, #56ab2f, #a8e063);
    background: linear-gradient(45deg, #56ab2f, #a8e063);
    border-radius: 10px;
    overflow: hidden;
    padding: 72px 55px 65px 55px;
}



.row.featured-bg .column.column-50{
    padding: 0;
}

.navbar-brand{
    position: absolute;
}


#testimonial{
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
    padding-top: 120px;
}

#testimonial .testimonial-area {
    position: relative;
    width: 100%;
    z-index: 12;
    top: 0;
    margin: 0px auto;
}

#testimonial:after{
    content: '';
    width: 100vw;
    position: absolute;
    height: 50%;
}

.video-over{
    position: absolute;
    background: #fff;
    left: 0;
    right: 0;
    padding-top: 120px;
    height: 100%;
    display: none;
}

/* Style the video: 100% width and height to cover the entire window */
#myVideo {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    min-width: 100%;
    height: auto;
}

.navbar .navbar-toggler{
    display: none;
    border: 0;
}

.navbar-nav{
    display: -webkit-flex;
    display: flex;
    align-items: center;
    height: 72px;
}


.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}

.mr-auto, .mx-auto {
    margin-right: auto!important;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.text-center {
    text-align: center!important;
}


.w-100 {
    width: 100%!important;
}

.justify-end,
.justify-content-end {
    -ms-flex-pack: end!important;
    justify-content: flex-end!important;
}


/**************************
 TABS
**************************/

.tabs > .button{
    line-height: 1;
    margin-top: 2em;
}

.tabs > input[type="radio"]:checked + label,
.tabs > input[type="radio"]:checked + .tab{
    border-bottom: 4px solid #3ecf8e;
    color: #363538;
    font-weight: bold;
}

.tabs > #tabC-1 ~ div label[for="tabC-1"],
.tabs > #tabC-2 ~ div label[for="tabC-2"],
.tabs > #tabC-3 ~ div label[for="tabC-3"]{
    height: 64px;
    line-height: 64px;
    vertical-align: middle;
}

.tabs > #tabC-1 ~ div label[for="tabC-1"],
.tabs > #tabC-2 ~ div label[for="tabC-2"],
.tabs > #tabC-3 ~ div label[for="tabC-3"]{
    border-radius: 3px!important;
    opacity: 0.5;
}

.tabs > #tabC-1:checked ~ div label[for="tabC-1"],
.tabs > #tabC-2:checked ~ div label[for="tabC-2"],
.tabs > #tabC-3:checked ~ div label[for="tabC-3"]{
    border-bottom: 4px solid #3ecf8e;
    color: #363538;
    font-weight: normal;
    border-radius: 0;
    vertical-align: middle;
    opacity: 1;
}


/**************************
 HERO/HOME
**************************/

.hero-area .contents .btn{
    text-align: center;
}

#home > .container{
    /*min-height: 100vh;*/
    min-height: 600px;
}

#home > .container > .row{
    height: 100%;
}

.back-to-top{
    background: #3ecf8e;
}


.hero-bg{
    /*background: url(../../images/alkadia/intro-2-min.png);*/
    background: url(https://res.cloudinary.com/alkadia/image/upload/v1580156079/alkadia.pro/intro-2-min.png);
    /*background: url(../intro.svg);*/
    background-repeat: no-repeat;
    background-size: 180%;
    background-position: 40% 50%;
}

.hero-area .overlay :nth-child(1){
    width: 90%;
    height: 30%;
    left: 0;
    right: 0;
    /* position: relative; */
    /* min-height: 64px; */
    /* min-width: 500px; */
    display: block;
}

.hero-area .overlay{
    /*background: linear-gradient(95deg, #7433ff 40%, #25f5f5 100%);*/
}

.hero-area .overlay :nth-child(1){
    /*background: linear-gradient(95deg, #6d30ef 40%, #25f5f5 100%);*/
}

.hero-area .overlay :nth-child(2){
   /* display: none;*/
    width: 100vw;
    left: 0;
   /* background: linear-gradient(95deg, #6d30ef 40%, #25f5f5 100%);*/
}

.hero-area {
    position: relative;
    min-height: 100vh;
    min-height: 560px;
    height: auto;
}

.hero-area .contents .btn:hover{
    text-decoration: none;
}

.hero-bg2{
    background: url(../../images/alkadia/intro.png);
    background-repeat: no-repeat;
    background-size: 130%;
    background-position: 0 80%;
    display: none;
}

.services-item h3{
    font-size: 3rem;
    color: #3e4258;
}

#last-works .tabs .row.wrapper,
#last-works .tabs .row.wrapper > .column{
    -webkit-transition: height 1s, opacity 0.6s; /* Safari prior 6.1 */
    transition: all 0.6s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    max-height: 200vh;
}

#last-works .tabs .row.wrapper > .column {
    opacity: 0;
    position: relative;
    height: 0;
}

#last-works .tabs > input:nth-of-type(2):checked ~ .row {
    margin-left: -100%;
}

#last-works .tabs > input:nth-of-type(1):checked ~ .row.wrapper > .column:nth-child(1) {
    opacity: 1;
    height: auto;
    position: relative;
}

#last-works .tabs > input:nth-of-type(2):checked ~ .row.wrapper > .column:nth-child(2) {
    opacity: 1;
    height: auto;
    position: relative;

}

#last-works .tabs > input:nth-of-type(3):checked ~ .row.wrapper > .column:nth-child(3) {
    opacity: 1;
    height: auto;
    position: relative;
}

#last-works .tabs > input:nth-of-type(3):checked ~ .row {
    margin-left: -200%;
}

#last-works{
    padding-bottom: 0;
    margin-bottom: 0;
}

#last-works .row.wrapper{
    /*margin-left: 0;*/
    padding-bottom: 0;
}

#last-works .row.wrapper > .column{
        padding: 0;
}

.desc-text,
.section-title{
    color: #fff;
}

#last-works h2{
    color: #fff;
}

#last-works h3{
    font-size: 3.6rem;
}

#last-works .desc-text{
    max-width: 500px;
    margin: 0 auto;
    font-size: 1.5rem;
    width: 80%;
}

#last-works .row.wrapper > .column > .row{
    height: 100%;
}

#last-works .row.wrapper > .column article{
    text-align: left;
    max-width: 500px;
    float: right;
    width: 80%;
}

#last-works .row.wrapper > .column article{
    padding-top: 32px;
    padding-bottom: 64px;
}

#last-works .row.wrapper > .column article h4{
    margin-bottom: 0;
    padding-top: 64px;
    font-size: 3.2rem;
    font-weight: normal;
}

#last-works .row.wrapper > .column article h5{
    /*font-family: 'Dancing Script', cursive;*/
    /*font-family: 'Handlee', cursive;*/
    /*color: #4e8bfa;*/
    font-size: 3rem;
}

#last-works .row.wrapper{
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 0;
}

#last-works .row.wrapper > .column{
    padding: 0;
}

#last-works .row.wrapper > .column article .description{
    color: #999;
    font-size: 1.3rem;
}

#last-works .row.wrapper > .column article footer{
    margin-top: 32px;
}

#last-works .preview{
    display: none;
}

.scrolled #last-works .preview{
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 110%;
    min-height: 360px;
    display: inherit;
}

.scrolled #last-works .graphics .preview{
    background-size: auto 100%;
}




html .button-clear, .button.button-clear{
    font-weight: normal;
    border-radius: 0!important;
}

html .button-clear, .button.button-clear:hover{
    color: #000;
    border-bottom: 4px solid #ccc;
}

.hero-bg{
    max-width: 100%;
    min-height: 200px;
}

#services .services-item{
    height: 100%;
}

#business-plan .container > .row{
    flex-wrap: wrap;
}

#services .row .column{
    flex: 0 0 33%;
    max-width: 33.3%;
}

#services nav{
    text-align: center;
    margin-top: 64px;
}

.feature-info{
    margin: 0 auto;
}

#navmenu-toggler{
    display: none;
}

.row.featured-bg{
    flex-wrap: wrap;
    align-items: stretch;
    align-content: space-between;
}

.row.featured-bg > .column {
    padding: 32px;
    background: #fff;
    box-shadow: 0 6px 5px #f0f0f0;
    box-shadow: 0 6px 15px #f0f0f0;
    margin: 1em;
    flex: 0 0 30%;
    max-width: 30%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    border: 1px solid #eceaea;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.row.featured-bg > .column *{
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.row.featured-bg > .column [class^=lni-]{
    font-size: 4rem;
    margin: 0 auto 16px;
    color: #3ecf8e;
}

.row.featured-bg > .column:hover{
    border: 1px solid #3ecf8e;
    box-shadow: 0 0 25px 0 #5f5f5f3d;
}

.row.featured-bg > .column:hover h4{
    color: #3ecf8e;
}

.row.featured-bg > .column:hover [class^=lni-]{
    color: #3e4258;
}

#features .desc-text {
    max-width: 500px;
    margin: 0 auto;
    font-size: 1.5rem;
    color: #6b6b6b;
    width: 80%;
}

#features nav {
    text-align: center;
    margin-top: 64px;
}

#services nav .btn-border {
    border: 1px solid #3ecf8e;
    color: #3ecf8e!important;
    -webkit-box-shadow: 0px 8px 9px 0px rgba(96, 94, 94, 0.17);
    box-shadow: 0px 8px 9px 0px rgba(96, 94, 94, 0.17);
    width: 180px;
    height: 50px;
    background: #fff;
}

#services nav .btn-border:hover{
    text-decoration: none;
}

.project-icons > span{
    margin-right: 1rem;
    margin-bottom: 16px;
}

.project-icons [class^=lni-]{
    -webkit-border-radius: 20em;
    -moz-border-radius: 20em;
    border-radius: 20em;
    background: #f0f0f0;
    color: #999;
    padding: 8px;
    margin-right: 8px;
    border: 2px solid #f0f0f0;
}

/*****
FORM VALIDATION
 */

.form-group{
    position: relative;
}


.form-group input.error{
    border: 0.1rem solid #ff2ca5;
}



span.inp.error {
    font-family: 'JetBrains Mono', monospace;
    font-weight: normal;
    font-style: normal;

    line-height: 1;

    position: absolute;
    padding: 4px 8px;
    left: 12px;
    bottom: inherit;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #ff2ca5;
    border: 0.1rem solid #ff2ca5;
    display: none;
    -webkit-transform: translate(0, -12px);
    -moz-transform: translate(0, -12px);
    -ms-transform: translate(0, -12px);
    transform: translate(0, -12px);
    z-index: 20;
}

span.inp.error.show{
    display: inherit;
}

.form-group input[type="text"]:invalid{
    display: block;
}


.form-group input.error ~ span.inp.error,
.form-group textarea.error ~ span.inp.error{
    display: block;
}

span.inp.error:after
{
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 6px 6px;
    border-color: #ff2ca5 transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: -6px;
    left: 8px;
}

span.inp.error.for-privacy{
    bottom: auto;
    -webkit-transform: translate(0, -80%);
    -moz-transform: translate(0, -80%);
    -ms-transform: translate(0, -80%);
    transform: translate(0, -80%);
}

.grecaptcha-badge {
    /* position: absolute!important; */
    left: 0!important;
    bottom: 0;
    display: none!important;
}

.grecaptcha-badge{
    visibility: collapse !important;
}

.modal {
    display: none;
}

.modal.is-open {
    display: block;
}

.modal:before{
    content: '';
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: #fff;
    opacity: 0.2;
}

.toggle-error{
    display: none!important;
}

.toggle-error:checked ~ .contacts-error{
    display: none;
}


.close-error{
    position: absolute;
    left: 12px;
    font-family: Rubik, sans-serif;
    font-weight: normal;
    margin-top: -4px;
}

.contacts-error{
    position: absolute;
    /* margin-bottom: 16px; */
    transform: translate(0, -150%);
    border: 5px;
    background: #ff2ca5;
    color: #fff;
    padding: 16px 16px 16px 32px;
    border-radius: 5px;
}


.sum-challenge{
    display: inline-block;
    background: #5432ff;
    padding: 16px;
    color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    font-size: 2rem;
}

.sum-challenges:after{
    content: "=";
}

[for="sum-challenge"]{
    display: block;
    line-height: 1.2;
    margin-right: 16px;
    height: 100%;
    margin-bottom: 0;
    vertical-align: middle;
    width: 100%;
    margin-bottom: 8px;
}

.form-group.challenge{
    line-height: 44px;
    margin-bottom: 16px;
}

.capcha-num {
    padding: 0 4px;
    font-size: 2rem;
}

.sum-challenge + input[type="number"]{
    display: inline;
    width: auto;

    /* border-bottom: 2px dotted #d0d0d0; */
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    /* border-radius: 0; */
    color: #3dcf8c;
    font-size: 32px;
    padding: 16px;
    line-height: 48px;
    height:  76px;
    position: absolute;
    /* margin-left: 8px; */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-left: 8px;
    margin-left: 8px;
}

.challenge p{
    margin-top: 8px;
}

.challenge span.inp.error{
    left: 0;
    /* transform: translate(0, 4px); */
    right: auto;
    line-height: 1;
    padding: 8px;
    width: 50%;
    min-width: 200px;
    max-width: 100%;
}

.challenge span.inp.error.show{
    display: block;
}

.privacy-block{
    padding-top: 8px;
    line-height: 1;
    margin-bottom: 0;
    padding-left: 42px;
    cursor: pointer;
    min-height: 44px;
    margin-bottom: 8px;
}

input[type="checkbox"][name="privacy"] {
    position: relative;
    top: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    transition: 0.1s;
    width: 32px;
    height: 32px;
    display: inline-block;
    border: 0 solid #999;
    margin-bottom: 0;
    outline: none;
}

input[type="checkbox"][name="privacy"]:focus{
    outline: 1px solid #0074d9;
    border: 0 solid #999!important;
}

input[type="checkbox"][name="privacy"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border: 1px solid #d1d1d1;
    box-sizing: border-box;
    transition: .3s;
}


input:checked[type="checkbox"][name="privacy"]::before{
    border-left: none;
    border-top: none;
    width: 20px;
    -webkit-transform: rotate(45deg) translate(5px, -10px);
    -moz-transform: rotate(45deg) translate(5px, -10px);
    transform: rotate(45deg) translate(5px, -10px);
    border-color: #3dcf8c;
    transition: .2s;
    border-width: 6px;

}

.contact-text{
    margin-bottom: 0;
}

.privacy-block input[type="checkbox"][name="privacy"]{
    position: absolute;
    left: 0;
    margin-top: 4px;
}

.sum-challenge + input[type="number"].error{
    color: #ff2ca5;
}


.column.sent {
    text-align: center;
}


.column.sent h3{
    color: #3dcf8c;
    line-height: 1;
    margin-bottom: 0;
}

/**************************\
  Basic Modal Styles
\**************************/

.modal {
    font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;
}

.modal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.6);
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal__container {
    background-color: #fff;
    padding: 30px;
    max-width: 500px;
    max-height: 100vh;
    border-radius: 4px;
    overflow-y: auto;
    box-sizing: border-box;
}

.modal__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal__title {
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.25;
    color: #00449e;
    box-sizing: border-box;
}

.modal__close {
    background: transparent;
    border: 0;
}

.modal__header .modal__close:before { content: "\2715"; }

.modal__content {
    margin-top: 2rem;
    margin-bottom: 2rem;
    line-height: 1.5;
    color: rgba(0,0,0,.8);
}

.modal__btn {
    font-size: .875rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    background-color: #e6e6e6;
    color: rgba(0,0,0,.8);
    border-radius: .25rem;
    border-style: none;
    border-width: 0;
    cursor: pointer;
    -webkit-appearance: button;
    text-transform: none;
    overflow: visible;
    line-height: 1.15;
    margin: 0;
    will-change: transform;
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out,-webkit-transform .25s ease-out;
}

.modal__btn:focus, .modal__btn:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.modal__btn-primary {
    background-color: #00449e;
    color: #fff;
}



/**************************\
  Demo Animation Style
\**************************/
@keyframes mmfadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes mmfadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}

@keyframes mmslideIn {
    from { transform: translateY(15%); }
    to { transform: translateY(0); }
}

@keyframes mmslideOut {
    from { transform: translateY(0); }
    to { transform: translateY(-10%); }
}

.micromodal-slide {
    display: none;
}

.micromodal-slide.is-open {
    display: block;
}

.micromodal-slide[aria-hidden="false"] .modal__overlay {
    animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="false"] .modal__container {
    animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__overlay {
    animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__container {
    animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
    will-change: transform;
}

.mobile-close-on-click{
    display: none;
    color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}


.main-menu > li > a,
[role="tab"],
.btn{
    font-family: 'JetBrains Mono', monospace;
    font-weight: normal;
    font-style: normal;
    line-height: 1.2em;
}

select,
textarea,
input {
    font-family: 'JetBrains Mono', monospace;
}


@media (min-width: 40rem){
    .row {
        margin-left: 0;
    }
}


@media (max-width: 1200px){
    #last-works .preview{
        background-position: 0 0;
        background-size: 210%;
    }

    #last-works .graphics .preview{
        background-size: 210%;
    }

    .hero-area .overlay :nth-child(1) {
        width: 100%;
    }
}

@media (max-width: 900px){
    .row.featured-bg > .column {
        flex: 0 0 46%;
        max-width: 46%;
    }
}

@media (max-width: 960px)  {

    .hero-area .overlay :nth-child(1) {
        width: 100%;
    }
}

@media (max-width: 768px)  {

    .hero-area .overlay :nth-child(1) {
        width: 100%;
    }

    #home > .container > .row{
        flex-wrap: wrap;
        flex-direction: row;
    }

    .row .column.column-60.hero-bg{
        flex: 0 0 100%;
        max-width: 100%;
        min-height: 320px;
    }

    .hero-bg{
        background-size: 100%;
        background-position: 40% 50%;
        min-height: 520px;
    }

    .hero-area .contents{
        padding: 128px 0;
        padding-bottom: 64px;
    }

    .hero-area .overlay :nth-child(1) {
        width: 100%;
        height: 27%;
    }

    .navbar-expand-md .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row;
    }

    #services .row {
        flex-wrap: wrap;
        justify-content: center;
        align-items: stretch;
    }

    #services .row .column{
        flex: 0 0 50%;
        min-width: 50%;
        max-width: 100%;
        padding: 1.0rem;
        flex-grow: 1;
    }

    .row .column.column-50 {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .feature-info {
        width: 60%;
        margin: 0 auto;
    }

    #last-works .row.wrapper > .column article {
        width: 80%;
        float: none;
        margin: 0 auto;
    }

    #last-works .row.wrapper > .column > .row{
        flex-wrap: wrap;
    }

    #last-works .row.wrapper > .column .column.column-50{
        width: 100%;
        display: block;

    }

    #last-works .preview{
        background-size: 90%;
        background-position: 60% 0;
    }


    .row.featured-bg > .column {
        flex: 0 0 48%;
        max-width: 48%;
        margin: 1em 1%;
    }



    #contact{
        background-position: -50% 110%;
    }

}

@media (max-width: 678px) {
    .row.featured-bg > .column {
        flex: 0 0 100%;
        max-width: 100%;
        margin: 1em 0;
    }

    #contact .row .column {
        display: block;
        flex: 1 1 auto;
        margin-left: 0;
        max-width: 100%;
        width: 100%;
    }

    .feature-info {
        width: 90%;
        margin: 0 auto;
    }
}

@media (max-width: 640px){
    footer .row .column.column-offset-33{
        margin-left: 0;
        margin-top: 32px;
    }

    #map-container-link{
        right: 32px;
        left: auto;
    }
}

@media (max-width: 600px){

    .section {
        padding: 64px 0;
    }

    .hero-area .contents h1 + h2,
    .head-title{
        line-height: 1;
        font-size: 3.6rem;
    }

    header nav > .container{
        padding: 0 2rem;
    }

    .hero-bg{

    }

    .hero-area .contents .btn{
        margin-top: 16px;
    }

    .hero-area .contents .btn:first-child{
        margin-top: 64px;
    }

    #services{
        padding-bottom: 32px;
    }

    h2{
        font-size: 3rem;
    }

    #last-works .row.wrapper > .column article h3{
        font-size: 2.8rem;
        padding-top: 0;
    }

    #last-works .row.wrapper > .column article h4{
        font-size: 2.4rem;
    }

    #last-works .preview{
        background-size: 100%;
        background-position: 60% -11%;
        min-height: 200px;
    }

    #last-works .graphics .preview{
        background-size: 100%;
        background-position: 60% -11%;
        min-height: 200px;
    }

    #services > .container{
        padding: 0 1rem;
    }

    .navbar{
        height: 64px;
    }

    .navbar-brand{
        height: 50px;
        width: 120px;
        top: 6px;
        position: fixed;
        display: block;
        left: 2rem;
    }

    .scrolled header nav,
    header nav,
    .menu-bg{
        background: #191c1f!important;

    }

    .navbar .navbar-toggler{
        display: block;
        height: 32px;
        width: 32px;
        vertical-align: middle;
        line-height: 34px;
        z-index: 3;
        position: fixed;
        right: 16px;
        text-align: center;
        top: 12px;
        -webkit-border-radius: 2em;
        -moz-border-radius: 2em;
        border-radius: 2em;
    }

    .navbar .navbar-toggler span{
        display: none;
    }

    .main-menu{
        padding-top: 32px;
        position: fixed;
        top: 64px;
        left: 0;
        right: 0;
        background: #191c1f;
        border-top: 1px solid #000;
    }

    .main-menu .navbar-nav{
        flex-direction: column;
        /* margin-top: 48px; */
        justify-content: center!important;
        height: auto;
    }

    .main-menu li{
        line-height: 32px;
        width: auto;
        display: inline-block;
    }

    .main-menu .nav-link:before{
        bottom: 0;
    }


    .main-menu .active::before,
    .main-menu .nav-link:hover::before {
        width: 100%;
    }

    .main-menu .nav-link{
        margin-left: 0;
        line-height: 48px;
    }

    .main-menu{
        display: none;
        padding-bottom: 32px;
    }

    #navmenu-toggler:checked ~ div .main-menu{
        display: inline-block;
        width: auto;
        /* position: relative; */
        height: auto;
        text-align: center;

    }

    #navmenu-toggler:checked ~ .mobile-close-on-click{
        display: block;
        position: fixed;
        width: 100vw;
        height: 100vh;
        background: transparent;
        left: 0;
        z-index: -1;
    }

    #navmenu-toggler:checked ~ .navbar-toggler{
        background: #fff;
        width: 32px;
        height: 32px;
    }

    #navmenu-toggler:checked ~ .navbar-toggler .lni-menu:before{
        content: 'X';
        font-family: sans-serif;
        text-transform: uppercase;
        color: #000;
    }

    .hero-bg{
        background-size: 160%;
        background-position: 40% 0;
        min-height: 520px;
    }

    footer .row .column.column-offset-33{
       margin-left: 0;
        margin-top: 32px;
    }

    #map-container-link{
        right: 32px;
        left: auto;
    }


}

@media (max-width: 400px){



    .hero-area .contents{
        padding-bottom: 32px;
    }

    .hero-bg{
        background-size: 200%;
        background-position: 40% 0;
        min-height: 380px;
    }

    .business-item-img{
        margin-bottom: 32px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) and (max-device-width:1024px){
    select,
    textarea,
    input {
        font-size: 16px;
    }
}

.toast-close{
    position: absolute;
    top: -10px;
    right: 0;
}