* {box-sizing:border-box; margin:0 auto; padding:0; outline:0; border:0 none; -webkit-overflow-scrolling:touch; scroll-behavior:smooth;}
html {min-height:100%; font-size:18px;}
body {min-height:100%; text-align:center; direction:rtl; font-family:'Heebo', Arial, sans-serif;}
a, .link {text-decoration:none; transition:all 0.6s;}
a:hover, .link:hover {text-decoration:none; cursor:pointer;}
input, textarea, select, .sbm {vertical-align:middle; font-family:inherit; font-size:1.65rem; font-weight:bold; background:none; line-height:1; padding:0 6px; height:36px; color:#fff;}
button, .btn {display:inline-block; cursor:pointer; padding:6px 18px; background-color:#000; color:#fff; border-radius:3px;}
button:hover, .btn:hover {color:#000; background-color:#fff;}
*::-webkit-input-placeholder {color:#fff;}
*::-moz-placeholder {color:#fff;}
*:-ms-input-placeholder {color:#fff;}
*::-moz-placeholder {color:#fff;}
*:-moz-placeholder {color:#fff;}
ol, dl, ul {list-style-type:none;}
.nobr, .nowrap {white-space:nowrap;}
.nobrs nobr {display:block; margin:0px; padding:0px; font-size:10px;}
.full, .w100 {width:100%;}
.max {max-width:100%;}
.hidden {display:none !important;}
.w1 {width:1%;}
.m0 {margin:0 !important;}
.clr {clear:both;}
.clrl {clear:left;}
.clrr {clear:right;}
.fl, .alignleft {float:left;}
.fr, .alignright {float:right;}
.l {text-align: left;}
.r {text-align: right;}
.c {text-align: center;}
.j {text-align: justify;}
.vtop {vertical-align:top;}
.vmid, .mid {vertical-align:middle;}
.vbtm {vertical-align:bottom;}
.ptr {cursor:pointer;}
.help {cursor:help; border-bottom: .1em dotted;}
.no-margin, .m0 {margin:0 auto;}
.no-padding, .p0 {padding:0;}
.no-border, .b0 {border:0 none;}
.italic {font-style:italic;}
.block {display:block;}
.iblock {display:inline-block;}
.inline {display:inline;}
.table {display:table;}
.tr, .row {display:table-row;}
.td, .cell {display:table-cell;}
.f0 {font-size:0;}
.f1 {font-size:1rem;}
.flex {display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; position:relative;}
.vbox {display:flex; justify-content:space-between; flex-direction:column; position:relative;}
.pad {padding:30px;}
.vpad {padding:30px 0;}
.hpad {padding:0 30px;}
.no-select {-webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
.rel {position:relative;}
.bg-img {background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.bg-img img, .transparent {opacity:0;}
.wrapper {width:100%; max-width:1395px;}
.h1 {font-size:3.3rem; font-weight:400;}
.h2 {font-size:3.12rem; line-height:1;}
.h3 {font-size:2.22rem; font-weight:normal; line-height:1.1;}
.h5 {font-size:1.6rem; font-weight:400;}
.h6 {font-size:1.11rem; font-weight:400;}
.h2 b {background-color:#000;}
.big, big {font-size:1.11rem;}
.small, small {font-size:0.9rem;}
.black {color:#000;}
header {padding:15px; background-color:#1bccff;}
header .flex {flex-direction:row-reverse;}
header a, .white {color:#fff;}
.top-nav .menu-item a {display:inline-block; padding:15px; min-width:3vw;}
.top-nav .menu-item a:hover {background-color:#fff; color:#000;}
section {position:relative; min-height:100vh;}
footer {background-color:#00c6ff; font-size:0; padding:30px;}
footer .wrapper {max-width:1650px;}
footer .menu li, footer p {font-size:0.9rem;}
footer .flex {flex-wrap:nowrap;}
footer a {color:#fff;}
footer a:hover {color:#000;}
footer .copy {padding:30px 0 0;}
footer .social {align-items:center;}
footer .social a {display:inline-block; padding:0 6px;}
.home .sec-2 figure {width:33%;}
.home .sec-2 li:hover .inline {background-color:#fff; color:#000;}
.home .sec-2 .txt {padding:15px 0;}
.home .col-1 .vtop {padding:6px 0 0 3px;}
.home .col-2 .vtop {padding:30px 0 0 0;}
.home .sec-3:after {position:absolute; bottom:0; left:0; width:100%; content:' '; display:block; min-height:30px; box-shadow:inset 0px -15px 15px 3px rgba(0,0,0,0.06);}
.home .sec-3 .table {padding:45px 0 30px;}
.home .sec-3 .table figure {padding:0 6px;}
.home .sec-3 .table .vtop {padding:0 6px 15px;}
.home .sec-3 li {max-width:48%;}
.home .projects {max-width:1800px; width:100%;}
.home .projects a h6 {padding:15px 15px 30px;}
.home .projects a:hover h6 {font-weight:bold;}
.home .projects a .hover {position:absolute; top:0; left:0; bottom:0; width:100%; height:100%; background-color:#1bccff;}
.home .projects a:not(:hover) .hover {display:none;}
.home .projects a .plus {font-size:12rem; color:#fff;}
.home .projects a:hover .plus {animation:spin 0.3s linear;}
.home .btn-wrp {padding:15px 0 45px;}
.home .btn-wrp .btn:hover {background-color:#ffb2c2;}
.home .sec-4 .table {padding:60px 0 45px;}
.home .sec-4 .table figure {padding:0 15px;}
.home .logos {align-items:stretch;}
.home .logos li {max-width:30%; padding:15px 0; margin:30px 0; border-left:1px solid #eee;}
.home .logos .vbox {min-height:120px;}
.home .sec-5 .txt p {padding:30px 0 0;}
.home .sec-5 .txt p:hover .hl {background-color:#fff; color:#000;}
.home .sec-5 .txt:before {content:' '; display:inline-block; background:url('../img/icon_about.svg') no-repeat 0 0; width:45px; height:51px; position:absolute; top:102px; left:-45px;}
.home .sec-6 form {padding:45px 0; max-width:510px; margin:0;}
.home .sec-6 form p {border:1px solid #fff; border-radius:6px; padding:3px; margin:10px 0 0;}
.area {position:relative; transition:all 0.6s; padding:6px; overflow:hidden;}
.area:focus {height:150px;}
.fld:focus {color:#000; background-color:#fff;}
.sbm-wrp {border:0 none !important; padding:0 !important;}
.sbm {background-color:#fff; color:#000; padding:15px; height:auto;}
.sbm:hover {background-color:#000; color:#fff; font-size:1.65rem;}
.page-template-page-thankyou {background-color:#1bccff;}
.hamburger {display:inline-block; cursor:pointer; transition-property:opacity, filter; transition-duration:0.15s; transition-timing-function:linear; font:inherit; color:inherit; text-transform:none; background-color:transparent; border:0; margin:0; overflow:visible; float:right;}
.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {background-color:#fff;}
.hamburger-box {width:27px; height:21px; display:inline-block; position:relative;}
.hamburger-inner {display:block; top:50%; margin-top:-2px;}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width:27px; height:3px; background-color:#fff; position:absolute; transition-property:transform; transition-duration:0.15s; transition-timing-function:ease;}
.hamburger-inner::before, .hamburger-inner::after {content:' '; display:block;}
.hamburger-inner::before {top:-9px;}
.hamburger-inner::after {bottom:-9px;}
.hamburger--spin .hamburger-inner {transition-duration:0.22s; transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.hamburger--spin .hamburger-inner::before {transition:top 0.1s 0.25s ease-in, opacity 0.1s ease-in;}
.hamburger--spin .hamburger-inner::after {transition:bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.hamburger--spin.is-active .hamburger-inner {transform:rotate(225deg); transition-delay:0.12s; transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);}
.hamburger--spin.is-active .hamburger-inner::before {top:0; opacity:0; transition:top 0.1s ease-out, opacity 0.1s 0.12s ease-out;}
.hamburger--spin.is-active .hamburger-inner::after {bottom:0; transform:rotate(-90deg); transition:bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);}
::-webkit-scrollbar {width:6px; height:6px;}
::-webkit-scrollbar-track {background:#eee;}
::-webkit-scrollbar-thumb {background:#00c6ff;}
::-webkit-scrollbar-thumb:hover {background:#000;}
.single-post header {background-color:#000;}
.single-post .sec-top {min-height:450px;}
.prev-next .iblock {padding:10px; min-width:102px; font-weight:bold; border:2px solid #000; overflow:hidden;}
.prev-next .arrow {display:inline-block; transform:scale(0.75, 1.35);}
.auto-height {min-height:150px;}
.sec-nav .btn {padding:10px 17px;}

@-moz-document url-prefix(){ /* firefox */
* {scrollbar-color:#00c6ff #eee; scrollbar-width:thin;}
}

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

@keyframes spin_ {
0% {transform:rotate(180deg);} 
75% {transform:rotate(-30deg);}
100% {transform:rotate(0);} 
}

@media (min-width:960px){
.mbl-only {display:none !important;}
.h1 {font-size:10rem;}
.top-nav .menu-item {display:inline-block;}
.home .sec-1 .top, .intro .top {min-height:24vh;}
.home .sec-1, .intro {min-height:46.2vw;}
.home .cols .m0 {width:100%; max-width:360px;}
.home .sec-3 li {max-width:24%;}
.home .sec-4 li {max-width:20%;}
.home .logos .col-0, .home .logos .col-5 {border-right:1px solid #eee;}
.home .sec-4, .home .sec-6 {min-height:30vw;}
.home .sec-5 .txt {max-width:540px;}
.home .sec-6 .r {max-width:690px;}
.home .sec-2, .home .sec-5, .home .sec-6 {padding:60px 0;}
header .logo.vbox {min-height:57px;}
section {padding-left:30px; padding-right:30px;}
footer {padding:90px 60px;}
.sec-top .h2 {font-size:70px;}
.sec-top .txt {max-width:807px;}
.grid {display:grid; grid-template-columns:repeat(3, 1fr); grid-gap:30px; max-width:1605px;}
.grid-item {width:100%;}
.grid-item.size-2 {grid-column:span 2;}
.grid-item.size-3 {grid-column:span 3;}
.sec-nav .flex {max-width:1605px;}
.prev-next .iblock + .iblock {border-right:0 none;}
}

@media (max-width:1395px){
html {font-size:15px;}
section {min-height:45vw;}
.wrapper {max-width:900px;}
.home .sec-3 .table img {max-height:30px;}
.home .sec-4 .table img {max-height:21px;}
.home .logos .vbox {min-height:60px;}
.home .logos .vbox .block {padding:0 10px;}
.home .logos li {margin:6px 0; max-width:33.3%; padding:0; border-color:#ccc;}
.home .logos img {max-width:100%; max-height:60px;}
.home .logos li.col-2, .home .logos li.col-5, .home .logos li.col-8, .home .logos li.col-11 {border-left:0 none;}
.home .projects a .plus {font-size:6rem;}
}

@media (max-width:960px){
.dsk-only, .top-nav .menu {display:none !important;}
section {min-height:15px;}
input + .modal {display:block; position:fixed; top:-100vh; left:100vw; width:100%; background-color:#00c6ff;}
input:checked + .modal {top:60px; left:0; animation:spin_ 0.6s linear;}
input, textarea, select, .sbm {font-size:0.9rem;}
footer .nowrap p {padding:6px 0; font-size:1.11rem;}
footer .social {max-width:240px; padding:15px 0 30px;}
footer .to-top {position:absolute; display:inline-block; top:-15px; right:12px;}
footer .h6, footer .lama + figure {padding:10px 0 0; font-size:1.2rem;}
.modal .vbox {height:calc(100vh - 60px);}
.modal .menu a {font-size:2.4rem; display:inline-block; color:#fff; padding:calc(50vh/30) 0;}
.modal .menu a:hover, .modal .menu a:active, .modal .menu .menu-item-current a {color:#000; background-color:#fff;}
.modal .social {padding:45px;}
.modal .social img {width:32px;}
.home .sec-1, .intro {min-height:120vw;}
.home .sec-1 .btm {display:none;}
.home .sec-1 .h5, .intro .h5 {padding:15px 0 45px;}
.home .sec-2, .home .sec-4 {padding:30px;}
.home .sec-2 .cell {padding:30px 0 0;}
.home .sec-2 img {max-width:42px; max-height:48px;}
.home .sec-3 {padding:20px;}
.home .sec-3 .table, .home .sec-4 .table {padding:20px 15px 15px;}
.home .sec-3 .h3, .home .sec-4 .h3 {font-size:1.35rem;}
.home .projects a h6.h6 {padding:6px 0 15px; font-size:0.81rem;}
.h2 {font-size:2.4rem;}
.h5 {font-size:1.2rem;}
.sec-5 {background-color:#8a2547; background-image:none !important;}
.sec-5 .wrapper {padding:50px 30px 30px;}
.home .sec-5 .txt:before {top:111px; left:-24px;}
.sec-6 {padding:45px 45px 15px;}
.fld.area {padding:12px 6px 6px;}
.single-post .sec-top {min-height:360px; text-align:right;}
.sec-top .h2 {font-size:50px;}
.grid-item + .grid-item {margin-top:15px;}
.prev-next, .prev-next .big, .sec-nav p, .sec-nav .btn {width:100%;}
.prev-next .big {max-width:48%; margin:0; top:-15px;}
}

@media (max-width:1395px) and (min-width:960px){
.home .cols .m0 {max-width:30%;}
.home .sec-5 .txt, .home .sec-6 .r {max-width:420px;}
}

@media (min-width:1950px){
section {min-height:66vh;}
.home .sec-4 {min-height:24vw;}
}