@import url('header.css'); @import url('footer.css'); /*-----------------------SiteBanner-------------------------*/ span.border1 {position:absolute;height:0;left:390px;top:51px;right:371px;float:left;border-bottom: 1px dotted white;z-index:2;} span.border2 {position:absolute;width:0;left:51px;top:150px;bottom:315px;float:left;border-right: 1px dotted white;z-index:2;} span.border3 {position:absolute;width:0;right:51px;top:199px;bottom:127.5px;float:left;border-left: 1px dotted white;z-index:2;display:none;} span.border4 {position:absolute;height:0;left:135px;bottom:51px;width: calc(50% - 214px);float:left;border-top: 1px dotted white;z-index:2;} span.border5 {position:absolute;height:0;right:127.5px;bottom:51px;width: calc(50% - 205.5px);float:left;border-top: 1px dotted white;z-index:2;display:none;} #site-banner {height:100vh;width:100%;overflow:hidden;float:left;position:relative;background: url('/images/banner-fon2.jpg') center center no-repeat;background-size: cover; /*background-image: url('https://new.kingsight.com.ua/uploads/2022/08/banner1.jpg');*/ } #site-banner-in {/*background: url('https://new.kingsight.com.ua/uploads/2022/08/banner-scaled.jpg') center center no-repeat;background-size: cover;*/float:left;width:100%;height:100vh;} #site-banner > #photo-banner {position:absolute;top:0;right:0;min-height:100vh;z-index:1;overflow:hidden;width: 55vw;/*transform: rotate(-45deg);*/} #site-banner > #photo-banner {position: absolute;top: 0;left: calc(17vw + 820px);right: auto;min-height: 110vh;margin-top: -45vh;z-index: 1;overflow: hidden;width: 50vw;transform: rotate(-20deg); width:100vw; min-height: 120vh; } #site-banner > #photo-banner .photo-banner-inner {float: right;width: 122%;transform: rotate(20deg);margin-top: 41.75vh;margin-top: 46.35vh; float: right; width: 100%; transform: rotate(20deg); margin-top: 41.75vh; margin-top: 31.35vh; margin-left: -30%; width: 112%; float: left; } #site-banner > #photo-banner img {float:left;height:100vh;width: auto;left:50%;transform: translate(-50%,0);} .metaslider .flexslider {margin:0!important;} #site-banner .site-content-in {width:100%;height:100vh;padding: 50px;box-sizing: border-box;position:relative;z-index:5;} #site-banner .site-content-in .pre-line {width:100%;height:100%;padding: 0;box-sizing: border-box;/*border: 1px dotted white;*/} .site-header {position: relative;margin: 0 auto;text-align: center;width: 100%;} /*-------Logo-------*/ .site-logo {height: auto;padding: 0;border: 0;float: left;margin-top: -12px;margin-left:-13px;z-index: 4;position:relative;} .site-logo img {height: 52px;width: auto;margin: -6px 10px 0 0;padding: 0;border: 0;float: left;position:absolute;left:0;} .site-logo span:nth-of-type(1) {padding-bottom: 9px;font-size: 36px;color:white;font-family: PlayB;top: 9px;position: relative;padding-left:79px;} .site-logo:hover span:nth-of-type(1) {opacity:0.85;} .site-logo span:nth-of-type(2) {font-size: 18px;color: #F1BC25;font-family: Play;padding-right: 0;padding-left: 80px;margin-top: 12px;box-sizing: border-box;float: left;width: 100%;position: relative;padding-left:79px;} .site-logo span:nth-of-type(2):after {content: '';position: absolute;right: 0;border-bottom: 1px solid #F1BC25;float: right;width: 40px;top: 14px;right:55px;} /*-------Phone-------*/ #phone {float: left;height: 41px;line-height:41px;width: auto;position: absolute;top: 34.5px;right: 145px;top:0;right:90px;z-index: 4;} #phone a {color: white;font-size: 20px;line-height: 11px;font-family: PlayB;float: left;} #phone a:hover {color:#EFA70C;} /*-------Langs-------*/ #site-languages {float: left;height: auto;width: auto;position: absolute;top: 55px;right: 0;z-index:4;cursor:pointer;} #site-languages select {border:0;cursor:pointer!important;padding: 6.5px 8px;font-size: 15px;font-family: PlayB;} #site-languages option {cursor:pointer!important;} /*-------Socials-------*/ #site-banner .socials {float: left;width: 35px;position:absolute;bottom:37px;left:35px;z-index: 4;} #site-banner .socials p {margin:0;padding:0;} #site-banner .socials img {height: auto;width: auto;margin: 11px 0 0 0;cursor: pointer;float: left;height: 29px;width: 29px;position: relative;border-radius:50%;padding:1px;border: 1px solid white; -webkit-transition: All 0.4s ease;-moz-transition: All 0.4s ease;-o-transition: All 0.4s ease;-ms-transition: All 0.4s ease;transition: All 0.4s ease; } #site-banner .socials a:hover img {background-color:#EFA70C;border: 1px solid #EFA70C;} /*-------Arrow down-------*/ #arrow-down {float: left;width: auto;position:absolute;bottom:27.5px;left:50%;z-index: 4;cursor:pointer;transform: translate(-50%,0);} #arrow-down img {height:21px;width:auto;float:left;} /*-------Banner info-------*/ .banner-info {width:100%;height:100%;float:left;position:absolute;left:0;top:0;} .banner-info-in {width: auto;max-width: 60%;height:auto;float:left;top:50%;transform: translate(0,-50%);position:relative;margin-left:15vw;} .banner-info-in .widget-wrapper {float:left;width:100%;} .title {margin: 0 0 30px 0;padding: 0;border: 0;text-align: left;line-height: auto;width: 100%;font-size: 47px;line-height: 52px;font-family: PlayB;float: left;color: white;} .downtitle {margin: 0 0 30px 0;padding: 0;border: 0;text-align: left;line-height: auto;width: 700px;font-size: 18px;line-height: 25px;font-family: Play;float: left;color: white;} .downtitle span {font-family: Play!important;} .banner-info-in .title-wrapper {position:relative;float:left;width:auto;min-width:600px;} .banner-info-in .title {text-transform:uppercase;font-size: 117px;line-height: 119px;min-height:200px;position:relative;letter-spacing:-2px;max-width: 730px;margin-left:0px;} .banner-info-in .title span {margin:0!important;} .banner-info-in .title-wrapper .slogan {text-transform:uppercase;letter-spacing:-2px;color:white;position: absolute;left: 440px;bottom: 59px;font-size: 21px;line-height: 27px;border-left: 2px solid white;padding-left: 40px;letter-spacing: 0;font-family: PlayB;border:0;transition-delay: 1.8s;} .banner-info-in .title-wrapper .slogan .typing {position:absolute;left:-3px;width:3px;height:74px;background-color:#EFA70C;left:0;bottom:-11px;display:inline-block;animation: Typping 1.0s infinite;} .banner-info-in .downtitle {transition-delay: 2.1s;} .buttons {width:100%;float:left;margin-top:20px;} .buttons .button {height: auto;width: auto;padding: 0;border: 0;position: relative;float: left;margin-right: 20px;} .buttons .button:nth-of-type(1) {transition-delay: 2.6s;} .buttons .button:nth-of-type(2) {transition-delay: 3.1s;} .buttons .button a {height: 45px;line-height: 45px;width: auto;padding: 7.5px 35px;border: 0;position: relative;float: left;font-size: 19px;color: #EFA70C;cursor: pointer;font-family: PlayB;border: 0px solid #EFA70C;font-size:19px;box-shadow: inset 0 0 0 2px #EFA70C;z-index: 3; -moz-transition-delay: 0s;-o-transition-delay: 0s;-webkit-transition-delay: 0s;transition-delay: 0s; -moz-transition: color 0.2s 0.02s ease;-o-transition: color 0.2s 0.02s ease;-webkit-transition: color 0.2s 0.02s ease; -webkit-transition: All 0.4s ease;-moz-transition: All 0.4s ease;-o-transition: All 0.4s ease;-ms-transition: All 0.4s ease;transition: All 0.4s ease; } .buttons .button a:hover {/*background-color:#EFA70C;color:white;*/} .banner-info .buttons a u {text-decoration:none;padding-right:6px;} /*-------Menu-------*/ #menu {float: left;height: 41px;width: 41px;position: absolute;top: 50px;right: 50px;/*background: url(/images/icon-menu.png) top right no-repeat;background-size: auto 41px;*/z-index: 88888;} .nav-active #menu {position:fixed;} .nav__content .submenu {float:left;width:100%;margin-top: 20px;margin-bottom:15px;} .nav__content .submenu li {float:left;width:100%;margin:0;margin-top:10px;position:relative;overflow: visible;} .nav__content .submenu .nav__list-item a {font-size:18px;line-height:23px;font-family: Play;overflow: visible;} .nav__content .submenu .nav__list-item a:before {content:'';height: 6px;width: 6px;margin-top: 9px;margin-right: 12px;margin-left: 3px;background-color: #EFA70C;border-radius: 50%;float: left;position:absolute;left:-20px;top:0;} .nav__content .submenu .nav__list-item a:hover {color:#EFA70C!important;} .nav__content .nav__list-item.middle a {font-size:22px;} .nav__content .nav__list-item.arrow a {font-size: 12px;text-transform: uppercase;font-family: 'PlayB';margin-left: -35px;margin-top: 10px;margin-bottom: 10px;} .nav__content .nav__list-item.arrow a:before {display:none;} .nav__content .nav__list-item.arrow a:after {content:'';height: 2px;width: 100%;background-color: #EFA70C;float: left;position:absolute;left:0;bottom:-5px;} .nav__content .underline-wrapper {width: calc(100% - 150px);padding:0;margin:0;float:left;position: absolute;left:75px;bottom: 39px;padding-top: 15px;display:none;} .nav-active .nav__content .underline-wrapper {display:block;} .nav__content ul.underline {width: auto;list-style:none;padding:0;margin:0;float:left;margin-top:-27px;padding-top:15px;/*border-top: 1px dotted white;*/} .nav__content ul.underline li {width:auto;list-style:none;padding:0;margin:0;float:left;} .nav__content ul.underline li a {width:auto;padding:0;margin:0;float:left;color:white;line-height:20px;font-size: 13px;text-transform: uppercase!important;margin-right:30px;} .nav__content ul.underline li a:hover {color:#EFA70C!important;} /*-----------------------Fixed-------------------------*/ .menu-wrapper.fixed {position: fixed!important;} .header-fixed {display:none;} .header-fixed.fixed {display: block;position: fixed!important;z-index: 777;background: url(/images/banner-fon2.jpg) center center no-repeat;background-size: cover;width: 100%;float: left;} .header-fixed.fixed .site-header {float: left;padding: 0 50px;box-sizing: border-box;} .header-fixed.fixed .site-header .site-logo {margin-left:0;margin-top:0;} .header-fixed.fixed .site-header .site-logo p {margin: 19px 0 19px 0;} .header-fixed.fixed .site-header .site-logo img {height:47px;} .header-fixed.fixed .site-header .site-logo span:nth-of-type(1) {font-size:26px;padding-left:74px;top: 0;} .header-fixed.fixed .site-header .site-logo span:nth-of-type(2) {margin-top:-2px;padding-left:74px;} .header-fixed.fixed .site-header .site-logo span:nth-of-type(2):after {right:5px;} #menu.middle {transition-delay: 0ms !important;top:32.5px;} .header-fixed.fixed .site-header #site-languages {top: 26.5px;right: 130px;} .header-fixed.fixed .site-header #phone {height: auto;top: 36px;right: 240px;} /*-----------------------Common Block-------------------------*/ .site-content-wrapper {float:left;width:100%;} .site-content-in {float:left;width:82%;padding: 115px 0 115px 0;position:relative;left:50%;transform: translate(-50%,0);} h1 {margin: 0 0 40px 0;width: 100%;font-size: 52px;line-height: 57px;font-family: PlayB;float: left;color: black;text-align:center;} h2, .subtitle {margin: 0 0 40px 0;width: 100%;font-size: 48px;line-height: 56px;font-family: PlayB;float: left;color: black;text-align:center;position:relative;} h2 > span, .subtitle > span {color:#DC9709;color:#EFA70C;} h3, .pretitle {margin: 0 0 30px 0;width: 100%;font-size: 36px;line-height: 42px;font-family: PlayB;float: left;color: black;text-align:left;} h4 {margin: 0 0 30px 0;width: 100%;font-size: 27px;line-height: 32px;font-family: PlayB;float: left;color: black;text-align:left;} h5 {margin: 0 0 20px 0;width: 100%;font-size: 22px;line-height: 26px;font-family: PlayB;float: left;color: black;text-align:left;} h1 > span, h2 > span, h3 > span, h4 > span, h5 > span, strong, .title > span, .subtitle > span, .downtitle > span {font-family: PlayB;font-weight:normal;} p {margin: 0 0 20px 0;text-align: justify;width: 100%;font-size: 18px;line-height: 25px;font-family: Play;float: left;color: black;} /*-----------------------Presentation-------------------------*/ #about-studio {background: url(/images/about-fon22-1.jpg) center center no-repeat;background-size: cover;overflow: hidden;} #about-studio .site-content-in, #site-seo-text .site-content-in {width:1000px;max-width:82%;padding-top: 135px; padding-bottom: 115px;padding:0;margin-top: 135px; margin-bottom: 115px;background: rgba(255,255,255,.875);box-shadow: 0 0 150px 70px #ffffff;} #about-studio .h2-title {width:100%;float:left;position:relative;width:auto;left:50%;transform: translate(-50%,0);background: rgba(255,255,255,.55);box-shadow: 0 0 10px 0 #ffffff;z-index:5;} #about-studio h2, #site-seo-text h1 {padding-bottom:52.5px;margin-bottom:30px;text-align:center;position:relative;width:auto;padding: 0 10px 10px 10px;z-index:2;} #about-studio .h2-title:before {content: '';width: 100%;background-color: #EFA70C;height: 30px;float: left;position: absolute;z-index: 1;top: 32.5px;} #about-studio h2 img, #site-seo-text h1 img {position: absolute;float:left;left:50%;transform: translate(-50%,0);width:auto;height:30px;top:auto;bottom:0;} #about-studio p {text-align: center;/*background: rgba(255,255,255,.85);box-shadow: 0 0 50px 50px #ffffff;*/position:relative;z-index:3;} /*-----------------------Why-need-------------------------*/ #why-need-site {background: black;background: url('/images/fon2.png') center center repeat;background-size: auto auto;} #why-need-site .site-content-in {display:flex;padding: 90px 0 95px 0;} #why-need-site section {width: calc(27% - 1px);float:left;margin:0;padding: 20px 0;margin-right:4.75%;padding-right:4.75%;border-right: 1px dotted #5F5F5F;overflow:hidden;} #why-need-site section:nth-of-type(3) {margin-right:0;padding-right:0;box-shadow: 0 0 0 0 white;border-right: 0;} #why-need-site > div > div.widget-wrapper:nth-of-type(2) {display:none;} #why-need-site section h3 {color:white;} #why-need-site section h3 span {float:left;width:100%;} #why-need-site section h3 span:nth-of-type(1) {color:white;} #why-need-site section h3 span:nth-of-type(2) {font-size: 27px;line-height: 32px;color:#EFA70C;} #why-need-site ul {width:100%;list-style:none;padding:0;margin:0;float:left;} #why-need-site ul li {width:100%;list-style:none;padding:0;margin:0;float:none;margin-bottom:15px;color:white;line-height:20px;font-size:16px;padding-left:54px;box-sizing: border-box;transition: all 800ms;} #why-need-site ul li:last-child {margin-bottom:0;} #why-need-site ul li:before {content:'';background: url('/images/galka.png') center center no-repeat;background-size: 20px 20px;width:20px;height:20px;float:left;margin-right:10px;margin-bottom:10px;margin-left:-37px;} /*-----------------------More block-------------------------*/ #site-more-info {background: url(/images/main-fon3.webp) center center no-repeat;background-size: cover;} #site-more-info .site-content-wrapper {background: rgba(43,31,33,.825);} #site-more-info .subtitle {color:white;} #site-more-info .subtitle span.fon {color:white;color: #EFA70C;} #site-more-info .subtitle span.lefter {color:white;} #site-more-info .buttons {position: relative;float:left;left:50%;transform: translate(-50%,0);width:auto;margin-top: 0;} #site-more-info .buttons .button {margin-right: 10px;margin-left: 10px;} #site-more-info .buttons a {color:#EFA70C;border-color:#EFA70C;border-width: 0;min-width:110px;text-align:center;margin: 0;font-size:19px;padding: 7.5px 25px 7.5px 70px;position:relative;} #site-more-info .buttons a img {float:left;margin-right:15px;height:35px;width:auto;width: auto;margin-top: 5px;position:absolute;left:30px;top:7.5px;transition-delay: 0.1s;} #site-more-info .buttons a img:nth-of-type(1) {z-index:8;opacity:1;} #site-more-info .buttons a img:nth-of-type(2) {z-index:7;opacity:0;} #site-more-info .buttons a:hover img:nth-of-type(1) {z-index:8;opacity:0;} #site-more-info .buttons a:hover img:nth-of-type(2) {z-index:8;opacity:1;} #site-more-info .buttons a:hover {color:white;} /*-----------------------Portfolio-------------------------*/ #studio-portfolio .site-content-in {width:92%;padding-top:105px!important;padding-bottom:0!important;} #studio-portfolio .site-content-in ul {height: auto;width: 100%;padding: 0;border:0;margin: 0 0 -1vw 0;float: left;list-style:none;} #studio-portfolio .site-content-in ul > li {height: auto;width: 49%;padding: 0;border:0;margin: 0 0.5% 1vw 0.5%;float: left;position:relative;cursor:pointer;} #studio-portfolio .site-content-in ul > li > img {height: auto;width: 100%;padding: 0;border:0;margin: 0;float: left;} #studio-portfolio .site-content-in ul > li > span {height:50px;width:50px;float:left;position:absolute;z-index:2;} #studio-portfolio .site-content-in ul > li > span:nth-of-type(2) {border-right: 1px solid white;border-top: 1px solid white;right: 50px;top:50px;display:non;} #studio-portfolio .site-content-in ul > li > span:nth-of-type(3) {border-left: 1px solid white;border-bottom: 1px solid white;left: 50px;bottom:50px;display:none;} #studio-portfolio .site-content-in ul > li .pattern {position: absolute;top:0;bottom: 0;left:0;right:0;z-index:2;background: rgba(0,0,0,.72);background: linear-gradient(to bottom, rgba(0,0,0,.45) 65%, transparent 100%);} #studio-portfolio .site-content-in ul > li:hover .pattern {background: rgba(0,0,0,.5);} #studio-portfolio .site-content-in ul > li .in-content {position: absolute;padding:50px;z-index:3;bottom:0;top:0;} #studio-portfolio .pretitle {color: white;margin-bottom:35px;margin-top:0px;box-sizing: border-box;padding: 0;text-transform: none;} #studio-portfolio .pretitle span {color:#EFA70C;font-family: PlayB;} #studio-portfolio .downtitle {position:relative;left: 0;bottom: 0;margin: 0;padding: 5px 0 5px 15px;max-width: 90%;border-left: 1px solid #fff;text-align: left;opacity: 0;-webkit-transition: opacity 0.35s;transition: opacity 0.35s;color: white;line-height: 18px;font-size: 15px;font-family: 'Play';text-transform: none;} #studio-portfolio .grid figure:hover .downtitle {opacity: 1;-webkit-transition-delay: 0.1s;transition-delay: 0.1s;} #studio-portfolio .buttons {position:absolute;left: 0;bottom: 0;margin: 50px;padding: 0;max-width: calc(100% - 100px);opacity: 0;-webkit-transition: opacity 0.35s;transition: opacity 0.35s;} #studio-portfolio .grid figure:hover .buttons {opacity: 1;-webkit-transition-delay: 0.1s;transition-delay: 0.1s;} #studio-portfolio .grid figure:hover .buttons a {height: 25px;line-height: 25px;width: auto;padding: 7.5px 22px;border: 0;position: relative;float: left;font-size: 19px;color: #EFA70C;cursor: pointer;font-family: PlayB;border: 0px solid #EFA70C;font-size:15px;box-shadow: inset 0 0 0 2px #EFA70C; -moz-transition-delay: 0s;-o-transition-delay: 0s;-webkit-transition-delay: 0s;transition-delay: 0s; -moz-transition: color 0.2s 0.02s ease;-o-transition: color 0.2s 0.02s ease;-webkit-transition: color 0.2s 0.02s ease; -webkit-transition: All 0.4s ease;-moz-transition: All 0.4s ease;-o-transition: All 0.4s ease;-ms-transition: All 0.4s ease;transition: All 0.4s ease; } #studio-portfolio .icons {width: auto;float: left;position: absolute;left: 37.5px;right: auto;bottom: 50px;} #studio-portfolio .icons .icon {height: auto;width:auto;float:left;margin-left:5px;margin-right:5px;} #studio-portfolio .icons .icon img {height: 38px;width:auto;float:left;} /*#studio-portfolio .site-content-in ul > li:last-child .pattern {background: rgba(0,0,0,.62);} #studio-portfolio .site-content-in ul > li:last-child .in-content {left:0;bottom: auto;top:50%;right:0;transform: translate(0,-50%);}*/ #studio-portfolio .title {width:100%;text-align:center;margin:0;color:white;} #studio-portfolio .title span {font-size: 27px;line-height: 32px;color:#EFA70C;width:100%;float:left;} /*-----------------------Prototype-------------------------*/ #site-more-about .site-content-in {overflow:hidden;margin: 0 0 115px 0;padding:0;} #site-more-about .site-content-in .prototype-wrapper {width: 40%;margin-right:10%;float:left;position:absolute;left:0;top:0;height:100%;overflow:auto;} #site-more-about .site-content-in .prototype-wrapper img {width: 100%;float:left;} #site-more-about .site-content-in .prototype-wrapper:hover img {opacity:0.6;} #site-more-about .tabs-block {width:50%;float:right;} #site-more-about .tabs-panel, #site-more-about .tabs-body, #site-more-about .sp-tab__tab-content {width:100%;float:left;padding:0!important;} #site-more-about ul.sp-tab__nav {width: calc(100% + 15px);list-style:none;padding:0;margin:0;float:left;margin-bottom:30px;border-bottom: 1px solid #E6E8E7;margin-left: -15px;} #site-more-about ul.sp-tab__nav li.sp-tab__nav-item {background: transparent!important;margin:0 0 -1px 0!important;} #site-more-about ul.sp-tab__nav li.sp-tab__nav-item label {width:auto;list-style:none;padding:0;margin:0;float:left;padding-bottom:20px;color:black;line-height:29px;font-size:24px;font-family: PlayB;padding-right:45px;padding-left:15px;border:0;border-bottom: 1px solid transparent;margin-bottom:-1px;cursor:pointer;} #site-more-about ul.sp-tab__nav li.sp-tab__nav-item label h4 {color:black!important;line-height:29px!important;font-size:24px!important;font-family: PlayB;} #site-more-about ul.sp-tab__nav li.sp-tab__nav-item label.sp-tab__active, #site-more-about ul.sp-tab__nav li.sp-tab__nav-item:hover label {border-color: #DC9709;} #site-more-about ul.sp-tab__nav li.sp-tab__nav-item label.sp-tab__active h4, #site-more-about ul.sp-tab__nav li.sp-tab__nav-item:hover label h4 {color:#DC9709!important;} #site-more-about .sp-tab__tab-content .sp-tab__tab-pane {width:100%;float:left;padding:0!important;border:0!important;} #site-more-about .sp-tab__tab-content .sp-tab__tab-pane .sp-tab-content {float:left;width:100%;} #site-more-about .sp-tab__tab-content .sp-tab__tab-pane .sp-tab-content ul {width:27%;float:left;margin:0;padding:0;margin-right:4.75%;padding-right:4.75%;box-shadow: 1px 0 0 0 #E6E8E7;list-style:none;} #site-more-about .sp-tab__tab-content .sp-tab__tab-pane .sp-tab-content ul:nth-of-type(3) {margin-right:0;padding-right:0;box-shadow: 0 0 0 0 black;} #site-more-about .sp-tab__tab-content .sp-tab__tab-pane .sp-tab-content ul li {width:auto;list-style:none;padding:0;margin:0;float:none;margin-bottom:5px;color:black;line-height:21px;font-size:16px;} #site-more-about .sp-tab__tab-content .sp-tab__tab-pane .sp-tab-content p {font-size:16px;line-height:21px;} /*-----------------------Advantages-------------------------*/ #site-advantages {background: black;background: url('/images/fon2.png') center center repeat;background-size: auto auto;} #site-advantages ul {width:100%;float:left;list-style:none;padding:0;margin: 0 0 -40px 0;} #site-advantages ul li {width:30.3333%;float:left;margin: 10px 4.5% 40px 0;} #site-advantages ul li:nth-child(3n) {margin-right:0;} #site-advantages ul li:nth-child(3n+1) {clear:both;} #site-advantages ul li img {width:77.5px;float:left;margin: -8px 0 0 0;position:relative;border-right: 0 solid white;} #site-advantages ul li:nth-of-type(1) img {margin-top: -9px;margin-left:5px;width:75px;} #site-advantages ul li:nth-of-type(4) img {width: 90px;margin-top: -15px;margin-left:-10px;} #site-advantages ul li:nth-of-type(5) img {width: 90px;margin-top: -20px;} #site-advantages ul li:nth-of-type(6) img {width: 80px;margin-left:2.5px;} #site-advantages ul li h3 {text-align: left;float: none;width:100%;color:white;padding-left:100px;box-sizing:border-box;padding-top:5px;margin-bottom:0;line-height: 32px;font-size: 27px;} #site-advantages ul li p {line-height:20px;font-size:16px;margin: 0;padding: 0;border: 0;text-align: left;float: none;width:100%;color:white;padding-left:100px;box-sizing:border-box;padding-top:10px;} /*-----------------------Price-------------------------*/ #site-price .site-content-in {width:84%;width: 92%;} #site-price .tabs-block {width:100%;float:left;} #site-price .sp-tab__lay-default {width:100%;float:left;} #site-price .sp-tab__lay-default ul.sp-tab__nav {width:auto;list-style:none;padding:0;margin:0;float:left;margin-bottom:30px;border-bottom: 1px solid #E6E8E7;position:relative;left:50%;transform: translate(-50%,0);transition: all 400ms;} #site-price .sp-tab__lay-default ul.sp-tab__nav li {width:auto;list-style:none;padding:0;margin:0;float:left;border-bottom: 1px solid transparent;margin-bottom:-1px;background: transparent!important;} #site-price .sp-tab__lay-default ul.sp-tab__nav li label {width:auto;list-style:none;padding:0 20px;margin:0;float:left;padding-bottom:15px;cursor:pointer;border:0!important;background: transparent!important;} #site-price .sp-tab__lay-default ul.sp-tab__nav li label h4 {color:black!important;line-height: 24px!important;font-size: 19px!important;font-family: PlayB;cursor:pointer;border:0!important;background: transparent!important;} #site-price .sp-tab__lay-default ul.sp-tab__nav li label.sp-tab__active h4, #site-price .sp-tab__lay-default ul.sp-tab__nav li:hover label h4 {color: #DC9709!important;border-color: #DC9709!important;} #site-price .sp-tab__tab-content:before {content: 'Кожен веб-розробник знає, що таке текст-риба. Текст цей, незважаючи на назву, не має жодного відношення до мешканців водойм. Використовується він веб-дизайнерами для вставки на інтернет-сторінки та демонстрації зовнішнього вигляду контенту, перегляду шрифтів, абзаців, відступів тощо';margin-bottom: 50px;width:92%;text-align:center;font-size: 16px;line-height: 20px;margin-left:4%;margin-right:4%;float:left;} #site-price .sp-tab__tab-content {width:100%;float:left;margin-bottom: -35px;/*display:flex;*/} #site-price .sp-tab__tab-content .sp-tab__tab-pane {width: calc(100% + 30px);float:left;padding:0!important;border:0!important;margin-left: -15px!important;} #site-price .sp-tab__tab-content .sp-tab__tab-pane .owl-carousel {} #site-price .sp-tab__tab-content .sp-tab__tab-pane .owl-item .sa_hover_container {padding:0!important;width:100%!important;} #site-price .owl-carousel .owl-stage-outer {padding: 0 0 30px 0!important;width: 100%!important;margin: 0;box-sizing: border-box;} #site-price .sp-tab__tab-content .sp-tab__tab-pane .owl-item .sa_hover_container table {width:100%;box-sizing:border-box;margin:0!important;} body .autohide-arrows .owl-nav {display:block!important;} body #site-price .white .sa_owl_theme .owl-nav .owl-prev {background: url('/images/icons/arrow-left.png') center center no-repeat white!important;background-size: auto 100%!important;left: -40px!important;margin-top: -30px!important;background-color: white!importnat;opacity:0.25;} body #site-price .white .sa_owl_theme .owl-nav .owl-next {background: url('/images/icons/arrow-right.png') center center no-repeat white!important;background-size: auto 100%!important;right: -40px!important;margin-top: -30px!important;background-color: white!importnat;opacity:0.25;} body #site-price .white .sa_owl_theme .owl-nav .owl-prev:hover, body #site-price .white .sa_owl_theme .owl-nav .owl-next:hover {opacity:0.6;} /*-----------------------Bullets-------------------------*/ body .sa_owl_theme .owl-dots {margin-top:25px!important;padding-top: 0!important;} body .sa_owl_theme .owl-dots .owl-dot span {width: 38px!important;height: 9px!important;border-radius: 7px!important;border: 2px solid #EFA70C!important;float: left!important; background: transparent!important;font-size: 0!important;} body #site-price .sa_owl_theme .owl-dots .owl-dot span {width: 38px!important;height: 11px!important;} body .sa_owl_theme .owl-dots .active span, body .sa_owl_theme .owl-dots .owl-dot:hover span {background-color: #EFA70C!important;} #site-price table {width:25%;float:left;display:block;margin: 0 0 35px 0;float:left;padding: 0 15px;box-sizing: border-box;position:relative;background:#FCFCFC;background:white;display: flex;} #site-price table:nth-of-type(6n) {margin-right:0;} #site-price table:nth-of-type(6n+1) {clear:both;} #site-price table tbody {width:100%;float:left;width: 100%;margin: 0;float:left;padding: 0 20px;/*box-shadow: inset 0 0 0 1px #cacaca;*/border: 1px solid #cacaca;box-sizing: border-box} #site-price table tbody tr {width:100%;float:left;margin: 0;float:left;padding: 0;} #site-price table tbody tr th {width:100%;float:left;margin: 0;float:left;padding: 0;font-size: 27px;line-height: 32px;font-family: PlayB;text-align:center;margin: 30px 0 25px 0;} #site-price table tbody tr td {width:95%;float:left;margin: 0;float:left;padding: 12.5px 2.5%;font-size:14px;line-height:18px;text-align:center;border-top: 1px solid #cdcdcd;} #site-price table tbody tr td button, #site-price table tbody tr td:last-of-type a {height: 45px;line-height: 32.5px;width: auto;padding: 5.5px 22px;border: 0;position: relative;float: left;font-size: 16px;color: #DC9709;cursor: pointer;font-family: PlayB; /* background: #7E6F91; */border: 2px solid #DC9709;margin: 10px 0 20px 0;position: relative;left:50%;transform: translate(-50%,0);background:transparent;} #site-price table tbody tr td button:hover, #site-price table tbody tr td:last-of-type a:hover {background-color: #DC9709;color:white;} /*-----------------------Your topic-------------------------*/ #site-theme-choice {background: url(/images/more-fon2.jpg) center center no-repeat;background-size: cover;} #site-theme-choice .site-content-wrapper {background: rgba(43,31,33,.8);border-top: 0px dashed #DC9709;background: url(images/fon2.png) center center repeat;background-size: auto auto;} #site-theme-choice .site-content-in {position:relative;left:50%;transform: translate(-50%,0);width:auto;padding: 70px 0 75px 0;} #site-theme-choice .site-content-in p {text-align:center;margin-top:30px;padding-bottom:0;margin-bottom:0;} #site-theme-choice .pretitle {margin:0;margin-right:30px;float:left;width:auto;color:white;} #site-theme-choice select {height: 55px;line-height: 55px;width: auto;padding: 5px 15px 5px 35px;border: 0;position: relative;float: left;font-size: 27px;color: #EFA70C;cursor: pointer;font-family: PlayB;border-radius:30px;float:left;background: transparent;border: 2px solid #EFA70C;margin-top:-2.5px;margin-bottom:-15px;} /*-----------------------Offer-------------------------*/ /*#site-special-offer .site-content-in {position:relative;} #site-special-offer .site-content-in .subtitle span {color: #EFA70C;} #site-special-offer ul {height: auto;width: 100%;padding: 0;border:0;margin: 0;float: left;list-style:none;} #site-special-offer ul > li {height: auto;width: 33.3333%;padding: 0;border:0;margin: 0;float: left;position:relative;} #site-special-offer ul > li a {height: auto;width: 320px;height:160px;padding: 0;border:0;margin: 0;float: left;position:relative;box-shadow: 0 0 0 0px black;border-radius:50%;padding: 0 0;box-sizing: border-box; position:relative;left:50%;transform: translate(-50%, 0);} #site-special-offer ul > li:last-child a {box-shadow: 0 0 0 0 black;} #site-special-offer ul > li p {text-align:center;color:black;width:80%;height: auto;margin: 0;height:auto;left:50%;top:50%;position:relative;transform: translate(-50%,-50%);} #site-special-offer ul > li h3 {text-align:center;color:black;width:100%;height: auto;margin: 0;height:auto;left:50%;top:50%;position:relative;transform: translate(-50%,-50%);font-size:48px;line-height:56px;text-align:center;} #site-special-offer .element {height:auto;width:auto;float:left;position:absolute;transform:translate(-50%,-50%);margin-top:80px;} #site-special-offer .element.element1 {left:33.3333%;} #site-special-offer .element.element2 {left:66.6666%;} #site-special-offer .element img {height:auto;width:auto;float:left;height:60px;width:60px;float:left;}*/ /*-----------------------Form-------------------------*/ #site-need-consult {background: url('/images/fon2.png') center center repeat;background-size: auto auto;background: url(/images/more-fon2.jpg) center center no-repeat;background-size: cover;} #site-need-consult .site-content-wrapper {background: rgba(43,31,33,.8);float:left;width:100%;} #site-need-consult2 {background: url('/images/fon2.png') center center repeat;background-size: auto auto;background: url(/images/more-fon2.jpg) center center no-repeat;background-size: cover;} #site-need-consult2 .site-content-wrapper {background: rgba(43,31,33,.8);float:left;width:100%;} .site-need-consult .subtitle, .modal-window .subtitle {color:white;text-align:center;} .modal-window .subtitle {font-size:34px;line-height:41px;} .site-need-consult .pretitle, .modal-window .pretitle {color:white;text-align:center;line-height: 21px;font-size: 16px;margin-top:-30px;margin-bottom:40px;color:#EFA70C;color: #cacaca;} .modal-window .pretitle {font-size: 15px;width: 95%;margin: -25px 2.5% 27px 2.5%;} .wpcf7 {width: 600px;float: left;box-sizing: border-box;position:relative;left:50%;transform:translate(-50%,0);max-width:100%;} .wpcf7 form {float:left;width:100%;} .wpcf7 .field, .wpcf7 .field span, .wpcf7 .button {width:100%;float:left;} .wpcf7-list-item {margin-left:0!important;} .wpcf7 .button {width:auto;float:right;} .wpcf7 .field input, .wpcf7 .field textarea {width: 100%;border: 1px solid white;border-radius:30px;height:55px;line-height:55px;font-size: 18px;color:black;padding: 0 30px;background-color: transparent!important;margin-bottom: 15px;box-sizing: border-box;color:white;} .wpcf7 button, .wpcf7 .button input {height: 45px;line-height: 25px;width: auto;padding: 5px 5px;border: 0;position: relative;float: right;font-size: 19px;color: #EFA70C;cursor: pointer;font-family: PlayB;border: 0;border-bottom: 2px solid #EFA70C;margin-right: 20px;font-size: 19px;background: transparent;margin-top: 0;} .modal-window .wpcf7 button {margin-top:4px;} .wpcf7 button:hover, .wpcf7 .button input:hover {color:#FFC13B;border-bottom: 2px solid #FFC13B;} .wpcf7 p {color:white;margin-top:10px;padding-left:30px;box-sizing: border-box;font-size: 15.5px;line-height: 19px;max-width:55%;padding-left:35px;position:relative;margin-left:20px;box-sizing: border-box;text-align:left;margin-bottom:0;} .wpcf7 p img {height:25px;width:auto;float:left;margin-right:10px;margin-top:-2.5px;position:absolute;left:0;top;0;} .wpcf7 .field.agree-field {float: left;width: auto;min-width: 250px; max-width: 220px;margin-top: 11.5px;margin-left: 5%;} .modal-window .wpcf7 form select {width:100%;padding: 0 3%;color:#757575;} .modal-window .wpcf7 form option {color:black!important;} .modal-window .wpcf7 form textarea {height: 90px;line-height: 22px;width:92%;padding: 10px 4%;border:0;margin: 0 0 10px 0;float: left;color:black;text-align:left;font-size:16px;font-weight:normal;box-shadow: inset 0 0 0 1px #cdcdcd!important;} .wpcf7-list-item, .wpcf7 .field.captcha {margin:0;width:100%;float:left;} .wpcf7 .field.captcha {margin-top:5px;width:90%;margin-left:5%;} .footer .wpcf7 .field.captcha {margin-top:0px;} .wpcf7 .wpcf7-list-item > label {margin:0;width:100%;} .wpcf7 .wpcf7-list-item > label > input {height: 16px!important;width: 16px;box-shadow: inset 0 0 0 0 #cdcdcd!important;margin-right: 10px;margin-left: 5px;cursor: pointer;margin-top:0;} .wpcf7 .wpcf7-list-item > label > input {margin-top: 1.5px;} .wpcf7 .wpcf7-list-item > label span {font-size: 12.5px;line-height:17px;} .wpcf7 .wpcf7-list-item > label span {width:auto;font-size: 14.5px;float: none;} .site-need-consult .wpcf7 .wpcf7-list-item > label span {color:white;} .wpcf7-spinner {display:none!important;} .wpcf7 .field.captcha label {font-size: 11px;margin-left: 5px;line-height: 17px;float: left;width: 62.5%;margin-right:5%;} .wpcf7 .field.captcha img {margin-top: 5px;margin-left: 0;width: auto;border: 0;float: right;margin-right:5px;} .wpcf7 form .field.captcha input.wpcf7-captchar {float: right;width: auto;max-width: 80px;text-align: center;padding: 0;height: 28px;line-height: 28px;margin: 0 5px 0 15px;} .wpcf7 form .form-title {height: auto;line-height: 28px;width: 100%;padding: 0 0 0 0;border: 0;margin: 0 0 25px 0;float: none;font-family: 'Constantia';font-size: 24px;text-transform: uppercase; font-weight: normal;color: #333;text-align: center;} div.wpcf7 .ajax-loader {display:none!important;} .cptch_block {float:left;width:auto!important;margin-top:15px!important;} .cptch_block .cptch_span input.cptch_input {font-size:16px!important;box-shadow: inset 0 0 0 1px #CACACA;text-align:center;border:0;} .wpcf7 form.sent .wpcf7-response-output, .wpcf7 form .wpcf7-response-output {height: auto;line-height: 15px;width: 90%;text-align: center;font-size: 12px;padding: 0 5%;margin: 35px 5% -15px 5%!important;float: left;border: 0;position: relative;bottom: 0;left: 0;border: 0!important;padding: 0!important;padding-top: 15px!important;} .wpcf7 form .wpcf7-response-output {border-top: 1px solid red!important;color: red;} .wpcf7 form.sent .wpcf7-response-output {border-top: 1px solid green!important;color: green;} .wpcf7 form .wpcf7-not-valid-tip {display:none!important;} .wpcf7 form .wpcf7-form-control.wpcf7-validates-as-required.wpcf7-not-valid, .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.wpcf7-not-valid, .wpcf7 form .field .field-wrapper input.wpcf7-form-control.wpcf7-validates-as-required.wpcf7-not-valid {border-color: #FF2C2C!important;} div.wpcf7 .ajax-loader {display:none!important;} .cptch_wrap {float:right;} .cptch_block label {color:white!important;color: black!important;} .cptch_reload_button {font-size: 20px!important;margin-top: 3px!important;margin-left: 5px!important;height:auto!important;} .wpcf7-form-control-wrap.client-checkbox, .wpcf7-form-control-wrap.client-checkbox span {width:auto;float:left;margin:0;} .order-form .wpcf7-form-control-wrap.client-checkbox {float:left;margin-bottom:10px;width: 100%;} .wpcf7-form-control-wrap.client-checkbox span.wpcf7-list-item-label {width:auto;font-size: 17px;} [type=checkbox], [type=radio] {float: left;margin-top: 6px;margin-right: 10px;} .woocommerce form .form-row .input-checkbox {margin-top:8px!important;} .wpcf7 form .wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-required.wpcf7-not-valid {background:none!important;box-shadow: inset 0 0px 0px 0px red!important;} .wpcf7 form .wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-required.wpcf7-not-valid {color:red!important;} .wpcf7 form .field.file span input {padding:0;width:100%;height:25px;line-height:25px;box-shadow: 0 0 0 0 white;padding-bottom:7px;font-size:14px;} .wpcf7 form.wpcf7-form.invalid .field.file span input {/*color:red!important;*/} /*---------------Modal Form------------------*/ .modal-window .wpcf7 {width: 570px;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);/* box-shadow: 0 0 0 1px white; */padding: 55px 50px 55px 50px; background: #0F0F0F;background: #1C1C1C;/*border: 2px dotted #3B3B3B;border-radius: 10px;*/box-shadow: 0 0 600px 0 black;max-width:84%;} /*-----------------------How work-------------------------*/ #how-works-studio {background: url(/images/about-fon22-1.jpg) center center no-repeat;background-size: cover;} #how-works-studio .site-content-in {width:1100px;} #how-works-studio ul {width:100%;float:left;list-style:none;padding:0;margin:0 0 -45px 0;} #how-works-studio ul li {width:31.333%;float:left;margin: 45px 3% 45px 0;} #how-works-studio ul li:nth-child(3n) {margin-right:0;} #how-works-studio ul li:nth-child(3n+1) {clear:both;} #how-works-studio ul li img {width:80px;float:left;margin: -10px 0 0 0;position:relative;left: 50%;transform: translate(-50%,0);padding: 0 0 15px 15px;padding: 15px;border-left: 1px solid #cdcdcd;border-bottom: 1px solid #cdcdcd;margin-bottom:30px;box-shadow: -16px 16px 16px 0px rgb(34 65 142 / 9%);background-color: white;} #how-works-studio ul li h3 {text-align:center;margin-bottoM: 15px;line-height: 32px;font-size: 27px;background: rgba(255,255,255,.85);box-shadow: 0 0 50px 50px #ffffff;} #how-works-studio ul li p {line-height:21px;font-size:16px;margin: 0 5%;padding: 0;border: 0;text-align: center;float: left;width:90%;color:black;} /*-----------------------What offers studio-------------------------*/ #what-studio-offers {background: black;background: url('/images/fon2.png') center center repeat;background-size: auto auto;} #what-studio-offers .site-content-in {display:block;padding: 90px 0 95px 0;} #what-studio-offers .site-content-in .sections {display:flex;width:100%;float:left;} #what-studio-offers section {width:calc(27% - 1px);float:left;margin:0;padding: 20px 0;margin-right:4.75%;padding-right:4.75%;border-right: 1px solid #5F5F5F;} #what-studio-offers section:nth-of-type(3) {margin-right:0;padding-right:0;box-shadow: 0 0 0 0 white;border-right: 0;} #what-studio-offers .sections > div.widget-wrapper:nth-of-type(2) {display:none;} #what-studio-offers h2 {color:white;width:100%;float:left;} #what-studio-offers section h3 {color:#EFA70C;} #what-studio-offers section h3 span {font-size: 27px;line-height: 32px;color:#EFA70C;} #what-studio-offers p {width:100%;padding:0;margin:0;float:left;margin-bottom:0;color:white;line-height:20px;font-size:16px;padding-left:0px;box-sizing: border-box;text-align:left;} #what-studio-offers ul {width:100%;list-style:none;padding:0;margin: 30px 0 0 0;float:left;} #what-studio-offers ul li {width:100%;list-style:none;padding:0;margin:0;float:none;margin-bottom:15px;color:white;line-height:20px;font-size:16px;padding-left:54px;box-sizing: border-box;} #what-studio-offers ul li:last-child {margin-bottom:0;} #what-studio-offers ul li:before {content:'';background: url('/images/galka.png') center center no-repeat;background-size: 20px 20px;width:20px;height:20px;float:left;margin-right:10px;margin-bottom:10px;margin-left:-37px;} /*-----------------------Indicators-------------------------*/ #studio-indicators {background: url('images/fon2.png') center center repeat;background-size: auto auto;background: url(/images/more-fon2.jpg) center center no-repeat;background-size: cover;} #studio-indicators .site-content-wrapper {background: rgba(43,31,33,.8);float:left;width:100%;} #studio-indicators ul {width:100%;float:left;list-style:none;padding:0;margin:0 0 -40px 0;} #studio-indicators ul li {width:30.333%;float:left;margin: 10px 4.5% 40px 0;} #studio-indicators ul li:nth-child(3n) {margin-right:0;} #studio-indicators ul li:nth-child(3n+1) {clear:both;} #studio-indicators ul li .count {width:80px;float:left;margin: -8px 0 0 0;position:relative;position:relative;} #studio-indicators ul li .count span {width:100%;float:left;margin: 0;position:relative;font-size:52px;font-family: PlayB;color:white;position:relative;z-index:3;} #studio-indicators ul li .count:before {content:'';width:100%;background-color:#EFA70C;height:20px;float:left;position:absolute;z-index:1;top:35px;} #studio-indicators ul li h4 {text-align: left;float: none;width:100%;color:white;padding-left:100px;box-sizing:border-box;padding-top:5px;margin-bottom:0;line-height: 32px;font-size: 27px;} #studio-indicators ul li p {line-height:20px;font-size:16px;margin: 0;padding: 0;border: 0;text-align: left;float: none;width:100%;color:white;padding-left:100px;box-sizing:border-box;padding-top:10px;} /*-----------------------Reviews-------------------------*/ #studio-clients-reviews {margin-bottom:-30px;} #studio-clients-reviews .site-content-in {width:95%;} #studio-clients-reviews ul {width:92%;float:left;list-style:none;padding:0;margin:0 4% 0 4%;} #studio-clients-reviews ul li {width:47%;float:left;margin: 10px 5.5% 0 0;border-right: 1px solid #cdcdcd;border-bottom: 1px solid #cdcdcd;box-shadow: 16px 16px 16px 0px rgb(34 65 142 / 9%);margin-bottom:20px;padding: 0px 25px 25px 25px;box-sizing: border-box;} #studio-clients-reviews .owl-item {float:left;padding: 0 32px 32px 32px;box-sizing:border-box;} #studio-clients-reviews .owl-item .sa_hover_container {float:left;border-bottom: 1px solid #cdcdcd;box-shadow: 16px 16px 16px 0px rgb(34 65 142 / 9%);margin-bottom:20px!important;padding: 0px 25px 25px 25px!important;box-sizing: border-box;} #studio-clients-reviews .sa_hover_container {min-height:1px!important;} #studio-clients-reviews ul li:nth-child(2) {margin-right:0;} #studio-clients-reviews ul li img, #studio-clients-reviews .owl-item img {width:110px;float:left;margin: 0 35px 20px 0;position:relative;box-shadow: 0 0 0 20px white;} #studio-clients-reviews ul li > img, #studio-clients-reviews .owl-item > img {box-shadow: 0 0 0 25px white;} #studio-clients-reviews ul li h3, #studio-clients-reviews .owl-item h3 {float: none;padding-top: 10px;font-size: 29px;line-height: 34px;margin-bottom:10px;color:#EFA70C;} #studio-clients-reviews ul li h4, #studio-clients-reviews .owl-item h4 {float: none;padding-top: 9px;font-size: 15px;line-height: 22px;margin-bottom:25px;color:black;border-top: 1px solid #cdcdcd;font-family: PlayB;} #studio-clients-reviews ul li p, #studio-clients-reviews .owl-item p {line-height: 20px;font-size: 15px;margin: 0;padding: 10px 0;border: 0;text-align: left;float: none;width: 100%;/* margin-left: -5%; *//* margin-top: -40px; */box-sizing: border-box;font-style: italic;} #studio-clients-reviews ul li .date, #studio-clients-reviews .owl-item .date {line-height:21px;font-size:13px;margin: 20px 0 0 0;padding: 0;border: 0;text-align: left;float: left;width:100%;box-sizing:border-box;padding: 0 30px 0 10px;font-family: PlayB;font-style:normal;} #studio-clients-reviews ul li .date img, #studio-clients-reviews .owl-item .date img {height:21px;width:auto;margin: 0;padding: 0;border: 0;text-align: left;float: left;margin-right:10px;box-shadow: 0 0 0 0 white!important;} #studio-clients-reviews ul li .date .doc, #studio-clients-reviews .owl-item .date .doc {float:right;font-family: PlayB;font-style:normal;color:black;} #studio-clients-reviews ul li .date .doc:hover, #studio-clients-reviews .owl-item .date .doc:hover {color:#EFA70C;} #studio-clients-reviews ul li .date .doc img, #studio-clients-reviews .owl-item .date .doc img {float:right;height:38px;margin-top:-10px;box-shadow: 0 0 0 0 white!important;margin-right:0;margin-left:5px;} body #studio-clients-reviews .black .sa_owl_theme .owl-nav .owl-prev {background: url('/images/icons/arrow-left.png') center center no-repeat white!important;background-size: auto 100%!important;left: -30px!important;margin-top: -40px!important;background-color: white!importnat;opacity:0.25;} body #studio-clients-reviews .black .sa_owl_theme .owl-nav .owl-next {background: url('/images/icons/arrow-right.png') center center no-repeat white!important;background-size: auto 100%!important;right: -30px!important;margin-top: -40px!important;background-color: white!importnat;opacity:0.25;} body #studio-clients-reviews .black .sa_owl_theme .owl-nav .owl-prev:hover, body #studio-clients-reviews .white .sa_owl_theme .owl-nav .owl-next:hover {opacity:0.6;} body #studio-clients-reviews .sa_owl_theme .owl-dots .owl-dot span {height:9px!important;width:31px!important;} /*-----------------------Form 2-------------------------*/ .site-need-consult {/*background: rgba(43,31,33,.8);*/} /*-----------------------Logos-------------------------*/ #studio-clients-logos .site-content-in {padding-bottom:0;} #studio-clients-logos .widget-wrapper, #studio-clients-logos .widget-wrapper figure.wp-block-gallery {width:100%;float:left;margin:0!important;} #studio-clients-logos ul {width:100%;float:left;list-style:none;padding:0;margin:0 0 -2.4% 0;} #studio-clients-logos ul li {width:14.6666%;float:left;margin: 0 2.4% 2.4% 0;list-style:none;position:relative;cursor:pointer;transition: all 400ms;} #studio-clients-logos ul li:nth-child(6n) {margin-right:0;} #studio-clients-logos ul li:nth-child(6n+1) {clear:both;} #studio-clients-logos .widget-wrapper figure.wp-block-gallery .wp-block-image:nth-of-type(1) {transition-delay: 100ms !important;} #studio-clients-logos .widget-wrapper figure.wp-block-gallery .wp-block-image:nth-of-type(2) {transition-delay: 200ms !important;} #studio-clients-logos .widget-wrapper figure.wp-block-gallery .wp-block-image:nth-of-type(3) {transition-delay: 300ms !important;} #studio-clients-logos .widget-wrapper figure.wp-block-gallery .wp-block-image:nth-of-type(4) {transition-delay: 400ms !important;} #studio-clients-logos .widget-wrapper figure.wp-block-gallery .wp-block-image:nth-of-type(5) {transition-delay: 500ms !important;} #studio-clients-logos .widget-wrapper figure.wp-block-gallery .wp-block-image:nth-of-type(6) {transition-delay: 600ms !important;} #studio-clients-logos .widget-wrapper figure.wp-block-gallery .wp-block-image:nth-of-type(7) {transition-delay: 700ms !important;} #studio-clients-logos .widget-wrapper figure.wp-block-gallery .wp-block-image:nth-of-type(8) {transition-delay: 800ms !important;} #studio-clients-logos .widget-wrapper figure.wp-block-gallery .wp-block-image:nth-of-type(9) {transition-delay: 900ms !important;} #studio-clients-logos .widget-wrapper figure.wp-block-gallery .wp-block-image:nth-of-type(10) {transition-delay: 1000ms !important;} #studio-clients-logos .widget-wrapper figure.wp-block-gallery .wp-block-image:nth-of-type(11) {transition-delay: 1100ms !important;} #studio-clients-logos .widget-wrapper figure.wp-block-gallery .wp-block-image:nth-of-type(12) {transition-delay: 1200ms !important;} #studio-clients-logos .widget-wrapper figure.wp-block-gallery .wp-block-image:last-of-type a {position:relative;} #studio-clients-logos .widget-wrapper figure.wp-block-gallery .wp-block-image:last-of-type a img {width:100%;float:left;opacity:0.6;} #studio-clients-logos .widget-wrapper figure.wp-block-gallery .wp-block-image:last-of-type a:hover img {opacity:1;} #studio-clients-logos .widget-wrapper figure.wp-block-gallery .wp-block-image:last-of-type a:before {content: 'Всі';left:0;top:50%;transform: translate(0,-50%);width:100%;text-align:center;z-index:7;position:absolute;color:#EFA70C;font-size:27px;font-family: PlayB;margin:0;height:auto;float:left;margin-top:-12.5px;} #studio-clients-logos .widget-wrapper figure.wp-block-gallery .wp-block-image:last-of-type a:after {content: 'клієнти';width:100%;text-align:center;position: static;font-size:21px;width:100%;float:left;position:absolute;top:50%;transform: translate(0,-50%);color:white;font-family: PlayB;margin-top:12.5px;} /*-----------------------Map-------------------------*/ #studio-clients-onmap .site-content-in {padding-bottom:45px;} #studio-clients-onmap .site-content-in {padding-top:40px;width: 80%;} #studio-clients-onmap img {width:100%;float:left;height:auto;} .imapsSprite-group.imapsContainer-group.imapsMapObject-group.imapsMapPolygon-group:nth-of-type(4), .imapsSprite-group.imapsContainer-group.imapsMapObject-group.imapsMapPolygon-group:nth-of-type(5) {fill: rgb(239,167,12)!important;} /*-----------------------FAQ-------------------------*/ #question-answer {background: url('/images/fon2.png') center center repeat;background-size: auto auto;} #question-answer .site-content-in {} #question-answer h2 {color:white;} #question-answer .accord {width:50%;float:left;margin:0;padding: 25px 0 0 0;margin-right:3%;padding-right:3%;box-shadow: 1px 0 0 0 #5F5F5F;box-sizing: border-box;float:right;} #question-answer .accord:nth-of-type(2) {width:47%;margin-right:0;padding-right:0;box-shadow: 0 0 0 0 black;} #question-answer .accord .sp-ea-one.sp-easy-accordion {width:100%;float:left;margin:0;padding: 0;} #question-answer .ea-card.sp-ea-single {float:left;width:100%;border:0!important;background: transparent!important;margin-bottom: 25px!important;} #question-answer section h3, #question-answer h3.ea-header {padding-left:0;position:relative;float:left;} #question-answer h3.ea-header a {font-size: 18px;line-height: 23px;padding:0!important;padding-left:43px!important;position:relative;color:white!important;box-sizing: border-box;float:left;font-family: PlayB;position:relative;} #question-answer h3.ea-header:hover a {color:#9D9D9D!important;} #question-answer h3.ea-header a i {color:white;width:27px;line-height:27px;height:27px;text-align:center;float:left;border-radius: 50%;background: #EFA70C;color:white;position:absolute;left:0;margin-top:-1px;} #question-answer .sp-collapse {float: left;width: calc(100% - 43px);background: white;border-radius: 0;margin: 30px 0 20px 43px;box-sizing: border-box;padding: 15px;} #question-answer .sp-collapse .ea-body {float:left;width:100%;} #question-answer .sp-collapse .ea-body p {font-size:15px;line-height:21px;} /*-----------------------Blog-------------------------*/ #blog-grid .site-content-in {padding-bottom: 85px;} #blog-grid .widget-wrapper {float:left;width:100%;} #blog-grid .blog-block {width:104%!important;margin-left:-2%!important;float:left;} #blog-grid .owl-carousel .owl-item .sa_hover_container {padding:0!important;min-height:0!important;} #blog-grid .article-item {width:100%;float:left;margin: 0 0 25px 0;list-style:none;position:relative;} #blog-grid .article-item:nth-of-type(1) {transition-delay: 500ms !important;} #blog-grid .article-item:nth-of-type(2) {transition-delay: 700ms !important;} #blog-grid .article-item:nth-of-type(3) {transition-delay: 900ms !important;} #blog-grid .article-item:nth-of-type(4) {transition-delay: 1100ms !important;} #blog-grid .article-item:nth-of-type(4n) {margin-right:0;} #blog-grid .article-item:nth-of-type(4n+1) {clear:both;} #blog-grid .article-item img {width:100%;float:left;height:auto!important;} #blog-grid .article-item h4 {position:relative;bottom:0;left:0;padding: 25px 0 15px 0;margin:0;box-sizing: border-box;font-size: 18px;line-height:24px;color:black;text-align:left;} #blog-grid .article-item p {text-align:left;font-size: 14.5px;line-height: 19px;} #blog-grid .article-item .date {line-height:21px;font-size:14px;margin: 0;padding: 0;border: 0;text-align: left;float: left;width:auto;padding-top:10px;border-top: 1px solid #cdcdcd;color:#383838;font-family: Play;} #blog-grid .article-item .date img {height:21px!important;width:auto;margin: 0;padding: 0;border: 0;text-align: left;float: left;margin-right:8px;} #blog-grid .article-item button {height: 45px;line-height: 25px;width: auto;padding: 5px 22px;border: 0;position: relative;float: right;color: #EFA70C;cursor: pointer;font-family: PlayB;border: 2px solid #EFA70C; margin-right: 20px;font-size: 16px;background:transparent;margin-top: -1.5px;} #blog-grid .article-item button:hover {background-color: #DC9709;color:white;} /*#blog-grid ul li {box-shadow: 16px 16px 16px 0px rgb(34 65 142 / 9%);}*/ #blog-grid .owl-pagination-true { margin-bottom: 112px !important;max-height: 505px;} #blog-grid .sa_owl_theme .owl-dots {bottom: -52px!important;} #blog-grid .owl-nav {display:none!important;} /*-----------------------Insta-------------------------*/ #sb_instagram .sb_instagram_header, .sb_instagram_header {display:none!important;} #sb_instagram #sbi_images .sbi_item:nth-child(1) {transition-delay: 100ms !important;} #sb_instagram #sbi_images .sbi_item:nth-child(2) {transition-delay: 200ms !important;} #sb_instagram #sbi_images .sbi_item:nth-child(3) {transition-delay: 300ms !important;} #sb_instagram #sbi_images .sbi_item:nth-child(4) {transition-delay: 400ms !important;} #sb_instagram #sbi_images .sbi_item:nth-child(5) {transition-delay: 500ms !important;} #sb_instagram #sbi_images .sbi_item:nth-child(6) {transition-delay: 600ms !important;} #sb_instagram #sbi_images .sbi_item:nth-child(7) {transition-delay: 700ms !important;} #sb_instagram #sbi_images .sbi_item:nth-child(8) {transition-delay: 800ms !important;} #sb_instagram #sbi_images .sbi_item:nth-child(9) {transition-delay: 900ms !important;} #sb_instagram #sbi_images .sbi_item:nth-child(10) {transition-delay: 1000ms !important;} #sb_instagram #sbi_images .sbi_item:nth-child(11) {transition-delay: 1100ms !important;} #sb_instagram #sbi_images .sbi_item:nth-child(12) {transition-delay: 1200ms !important;} #sb_instagram #sbi_load {margin-top:15px!important;} #sb_instagram #sbi_load .sbi_load_btn, #sb_instagram .sbi_follow_btn a {border-radius:0!important;padding: 7.5px 15px!important;-webkit-transition: All 0.4s ease;-moz-transition: All 0.4s ease;-o-transition: All 0.4s ease;-ms-transition: All 0.4s ease;transition: All 0.4s ease;} #sb_instagram #sbi_load .sbi_load_btn span, #sb_instagram .sbi_follow_btn a span {font-family: PlayB!important;text-transform: uppercase;font-size:13px!important;-webkit-transition: All 0.4s ease;-moz-transition: All 0.4s ease;-o-transition: All 0.4s ease;-ms-transition: All 0.4s ease;transition: All 0.4s ease;} #sb_instagram #sbi_images {width: calc(100% + 10px)!important;margin-left:-5px!important;margin-top:-15px!important;float:left;} /*-----------------------SEO-------------------------*/ .seo-content {background: url(/images/about-fon22-1.jpg) center center no-repeat;background-size: 100% auto;} .seo-content h1, .seo-content h2 {text-align:left;} #site-seo-text .h1-title {width:100%;float:left;position:relative;width:auto;left:50%;transform: translate(-50%,0);background: rgba(255,255,255,.55);box-shadow: 0 0 20px 10px #ffffff;} #site-seo-text .h1-title:before {content: '';width: 100%;background-color: #EFA70C;height: 30px;float: left;position: absolute;z-index: 1;top: 32.5px;} #site-seo-text .content-wrapper {width:100%;background: rgba(255,255,255,.85);float:left;padding: 45px 0 0px 45px;box-sizing:border-box;margin-top:-37.5px;background: rgba(255,255,255,.85);box-shadow: 0 0 50px 50px #ffffff;} #site-seo-text .content-in {width:100%;float:left;height:340px;overflow: auto;padding-right: 45px;box-sizing:border-box;} #site-seo-text .content-in-in {width:100%;float:left;} #site-seo-text p {text-align: justify;font-size: 17px;line-height: 23px;} #single-page #site-seo-text p:last-of-type {margin-bottom: 0;} @media screen and (max-width:1550px) { #site-price table {width:33.33333%} #site-price table:nth-of-type(4) {display:none;} #blog-grid ul:nth-of-type(1) li {width: 30.3333%;margin-right: 4.5%;} #blog-grid ul:nth-of-type(1) li:nth-of-type(4n) {margin-right: 4.5%;} #blog-grid ul:nth-of-type(1) li:nth-of-type(4n+1) {clear:none;} #blog-grid ul:nth-of-type(1) li:nth-of-type(3n) {margin-right: 0;} #blog-grid ul:nth-of-type(1) li:nth-of-type(3n+1) {clear:both;} #blog-grid ul:nth-of-type(1) li:nth-of-type(4) {display:none;} #blog-grid ul:nth-of-type(2) li {width: 18%;margin-right;2.5%;} #blog-grid ul:nth-of-type(2) li:nth-of-type(5) {margin-right:0;} #blog-grid ul:nth-of-type(2) li:nth-of-type(6) {display:none;} .site-footer section .title {line-height: 27px;font-size: 22px;margin-bottom:15px;} .site-footer section li:before {height: 5px;width: 5px;margin-top: 7px;margin-right: 12px;margin-left: 3px;} .site-footer section li a {font-size:16px;line-height:20px;} .nav__list {padding: 35px 40px 25px 40px!important;} } @media screen and (max-width:1500px) { /*#site-banner > #photo-banner .photo-banner-inner {width:100%;} */ #why-need-site section, #what-studio-offers section {width: 29%;margin-right: 3.75%;padding-right: 3.75%;} #why-need-site ul li, #what-studio-offers ul li {padding-left: 31px;} #why-need-site ul li:before, #what-studio-offers ul li:before {margin-left: -31px;} #site-more-about .site-content-in .prototype-wrapper {width: 30%;margin-right: 8%;} #site-more-about .tabs-block {width: 62%;} } @media screen and (max-width:1350px) { h3, .pretitle, #why-need-site section h3 span, #what-studio-offers section h3 span {font-size: 27px;line-height: 32px;} #why-need-site section h3 span:nth-of-type(2), #what-studio-offers section h3 span:nth-of-type(2) {font-size: 22px;line-height: 27px;} #studio-clients-reviews ul li {width:100%;margin-left:0;margin-right:0;} #studio-clients-reviews ul li:nth-child(2) {display:none;} #blog-grid ul:nth-of-type(2) li {width: 23%;margin-right;2.6666%;} #blog-grid ul:nth-of-type(2) li:nth-of-type(4) {margin-right:0;} #blog-grid ul:nth-of-type(2) li:nth-of-type(5) {display:none;} .site-footer-in {display:block;} .site-footer section {width:27%;margin-right:4.5%;padding-right:4.5%;min-height: 370px;} .site-footer section:nth-of-type(3) {padding-right:0;margin-right:0;border:0;} .site-footer section:last-of-type {width:100%;position:relative;min-height:0!important;border-top: 1px dotted #3B3B3B;margin-top: 40px;padding-top: 40px;} .site-footer section:nth-of-type(4) p:nth-of-type(1) {width: calc(100% - 520px);position: absolute;left: 51%;transform: translate(-50%,0);top: 55px;text-align: center;} .site-footer section:last-of-type .button {position:absolute;right:0;top:55px;} .site-footer section p:last-of-type {margin-top:0;} .site-footer .socials-wrapper {margin-top:30px;} .nav__list-item a {font-size:24px!important;} .nav__content .submenu .nav__list-item a {font-size: 16px!important;line-height: 21px!important;} .nav__content .nav__list-item.middle a {font-size:18px!important;} .nav__content .nav__list-item.arrow a {font-size:14px!important;} #studio-portfolio .pretitle {margin-bottom:25px;} #studio-portfolio .downtitle {line-height: 17px;font-size: 14px;max-width: calc(100% - 18px);} } @media screen and (max-width:1250px) { .banner-info-in {margin-left:170px;} .banner-info-in .title {font-size: 77px;line-height: 79px;max-width:500px;min-height: 150px;} .banner-info-in .title-wrapper .slogan {left: 285px;bottom: 44px;font-size: 18px;line-height: 23px;} .downtitle {width: 580px;} .banner-info-in .title-wrapper .slogan .typing {height:60px;bottom: -6px;} .buttons .button a {font-size:16px;height: 40px;line-height: 40px;padding: 7.5px 25px;} #site-banner > #photo-banner {left: 850px;} #about-studio .site-content-in, #site-seo-text .site-content-in, #how-works-studio .site-content-in {width: 880px;max-width: 88%;} #studio-portfolio .site-content-in ul > li {overflow:hidden;} #studio-portfolio .site-content-in ul > li .in-content {position:relative;} #studio-portfolio .site-content-in ul > li > img {position:absolute;min-height:100%;width:auto;max-width:200%;left:50%;top:50%;transform: translate(-50%,-50%);} #studio-portfolio .icons {position:relative;left: 0;bottom: auto;margin-bottom:50px;} #studio-portfolio .icons .icon {margin-left:0;margin-right:10px;} #site-more-about .tabs-panel ul li {line-height: 23px;font-size: 19px;} #site-more-about .tabs-body ul li {line-height: 19px;font-size: 15px;} #site-advantages ul li h3, #site-advantages ul li p {padding-left:0;width:100%;float:left;} #site-advantages ul li h3 {padding-top:15px;} #site-price .tabs-panel ul li {/*padding-left: 13px;padding-right:13px;*/line-height: 21px;font-size: 16px;} #site-price table {width:50%} #site-price table:nth-of-type(3) {display:none;} #studio-indicators ul li {width: 47.5%;margin-right: 5%;} #studio-indicators ul li:nth-child(3n) {margin-right: 5%;} #studio-indicators ul li:nth-child(3n+1) {clear:none;} #studio-indicators ul li:nth-child(2n) {margin-right: 0;} #studio-indicators ul li:nth-child(2n+1) {clear:both;} #studio-clients-logos ul li {width: 23%;margin-right: 2.6666%;} #studio-clients-logos ul li:nth-child(6n) {margin-right: 2.6666%;} #studio-clients-logos ul li:nth-child(6n+1) {clear:none;} #studio-clients-logos ul li:nth-child(4n) {margin-right: 0;} #studio-clients-logos ul li:nth-child(4n+1) {clear:both;} #site-more-info .subtitle br {display:none;} #site-more-info .buttons a img {top:5px;} .grid figure figcaption {padding: 30px!important;} #studio-portfolio .buttons {max-width: calc(100% - 60px);margin-left:30px;margin-right:30px;margin-bottom:30px;} #studio-portfolio .buttons .button a {font-size: 13px!important;height: 22px!important;line-height: 22px!important;padding: 7.5px 15px!important;} #site-price .sp-tab__lay-default ul.sp-tab__nav li label h4 {line-height: 21px!important;font-size: 16.5px!important;} #site-price .sp-tab__tab-content:before {font-size: 14.5px;line-height: 19px;} } @media screen and (max-width:1150px) { #blog-grid ul:nth-of-type(1) li {width: 47%;margin-right: 6%;} #blog-grid ul:nth-of-type(1) li:nth-of-type(3n) {margin-right: 6%;} #blog-grid ul:nth-of-type(1) li:nth-of-type(3n+1) {clear:none;} #blog-grid ul:nth-of-type(1) li:nth-of-type(2n) {margin-right: 0;} #blog-grid ul:nth-of-type(1) li:nth-of-type(2n+1) {clear:both;} #blog-grid ul:nth-of-type(1) li:nth-of-type(3) {display:none;} #blog-grid ul:nth-of-type(2) {margin-top:-10px;} #blog-grid ul:nth-of-type(2) li, #blog-grid ul:nth-of-type(2) li:nth-of-type(3), #blog-grid ul:nth-of-type(2) li:nth-of-type(4), #blog-grid ul:nth-of-type(2) li:nth-of-type(5), #blog-grid ul:nth-of-type(2) li:nth-of-type(6) {width: 31.3333%;margin-right:3%;margin-top:10px;} #blog-grid ul:nth-of-type(2) li:nth-of-type(3n) {margin-right:0;} #blog-grid ul:nth-of-type(2) li:nth-of-type(5), #blog-grid ul:nth-of-type(2) li:nth-of-type(6) {display:block;} .nav__list {padding: 25px 30px 15px 30px!important;} .nav__content .submenu {padding-left:30px!important;} .nav__content .submenu .nav__list-item a {font-size: 15px!important;line-height: 20px!important;} .nav__content .nav__list-item.middle a {font-size:16.5px!important;} .nav__content .nav__list-item.arrow a {font-size:13px!important;} #site-more-about .site-content-in .prototype-wrapper {display:none!important;} #site-more-about .tabs-block {width:100%!important;} } @media screen and (max-width:990px) { .header-fixed.fixed, .menu-wrapper.fixed {position: absolute!important;} #site-banner .site-content-in {padding: 25px;} #site-banner > #photo-banner {display:none;} span.border1 {top:31px;left: 270px;right: 281px;} span.border2 {left:31px;top: 100px;bottom: 245px;} span.border3 {right:31px;top: 144px;bottom: 75px;} span.border4 {bottom:31px;left: 90px;width: calc(50% - 150px);border:0;} span.border5 {bottom: 31px;right: 90px;width: calc(50% - 150px);} .site-logo {margin-top: -2px;margin-left: -5px;} .site-logo img {height: 42px;} .site-logo span:nth-of-type(1) {font-size: 26px;top: 6px;padding-left: 71px;} .site-logo span:nth-of-type(2) {padding-left: 72px;} .site-logo span:nth-of-type(2):after {width: 35px;right: 8px;top:11px;} #menu {height: 36px;width: 36px;background-size: auto 36px;top: 31.5px;right: 28px;} #phone {top: 5px;right: 78px;} #phone a {font-size:16.5px;} #site-languages {right: 3px;top: 60px;} #site-languages select {font-size:14px;} #site-banner .socials {width: 27px;bottom: 29px;left: 17px;} #site-banner .socials img {width:25px;height:25px;} #arrow-down {bottom: 20px;} #arrow-down img {height:16px;} .scroll-down::after {width: 19px!important;height: 19px!important;margin: -29px 0 0 -4.5px!important;bottom: 21px!important;border-left: 1.5px solid #fff!important;border-bottom: 1.5px solid #fff!important;} .banner-info-in {margin-left: 0px;left: 50%;transform: translate(-50%,-50%);width: calc(100% - 180px);} .banner-info-in .title-wrapper {width:100%;min-width:0;} .banner-info-in .title {font-size: 55px;line-height: 57px;text-align: center;width: 100%;max-width: 10000px;min-height:0;margin-bottom:40px;} .banner-info-in .title br {display:none;} .banner-info-in .title-wrapper .slogan { position: relative;float: left; width: 100%;padding: 0;text-align: center;left: 0;bottom:0;margin-bottom:35px;} .banner-info-in .title-wrapper .slogan .typing {height: 2px;width: 80px;bottom: 0;top: -20px;left: 50%;float: left;transform: translate(-50%,0);} .banner-info-in .title-wrapper .slogan br {display:none;} .banner-info .downtitle {width:90%;text-align:center;box-sizing:border-box;padding: 0 100px;margin: 0 5% 30px 5%;} .downtitle span {display:none;} .banner-info .buttons {positioN:relative;left:50%;transform: translate(-50%,0);width:auto;margin-top: 20px;} .banner-info .buttons .button {margin:0;} .banner-info .buttons .button:nth-of-type(2) {display:none;} .banner-info .buttons a {font-size: 15px;padding: 5px 26px;height: 39px;line-height: 39px;margin: 0 10px;} #about-studio {background-size: auto 190%;background-positioN: left center;} #about-studio .site-content-in, #site-seo-text .site-content-in {padding-top: 85px;padding-bottom: 65px;} #about-studio .h2-title {box-shadow: 0 0 10px 0px #ffffff;} #about-studio .h2-title:before {height: 22px;top: 20px;padding-left:0;padding-right:0;} h1, .title {font-size: 38px;line-height: 42px;} #site-seo-text .h1-title:before {height: 22px;top: 20px;padding-left:0;padding-right:0;} h2, .subtitle, .modal-window .subtitle {font-size: 33px;line-height: 35px;} #about-studio h2, #site-seo-text h1 {margin-bottom:15px;} h3, .pretitle, #studio-portfolio .pretitle, #site-advantages ul li h3, #how-works-studio ul li h3, #studio-clients-reviews ul li h3, #site-price table tbody tr th, #studio-clients-reviews ul li h3, #studio-clients-reviews .owl-item h3 {font-size: 24px;line-height: 28px;} h4, #studio-indicators ul li h4, #site-more-about ul.sp-tab__nav li.sp-tab__nav-item label h4 {line-height: 24px!important;font-size: 20px!important;} p, .downtitle, #studio-portfolio .downtitle, #studio-indicators ul li p, #site-seo-text p {font-size: 16px;line-height: 20px;} .site-content-in, #site-price .site-content-in {width:88%;padding: 85px 0;} #why-need-site .site-content-in, #what-studio-offers .site-content-in {padding: 65px 0 65px 0;} #why-need-site section, #what-studio-offers section {width: 44%; margin-right: 6%;padding: 35px 0;padding-right: 6%;} #why-need-site section:nth-of-type(2), #what-studio-offers section:nth-of-type(2) {margin-right: 0;padding-right: 0;border-right:0;} #why-need-site section:nth-of-type(3), #what-studio-offers section:nth-of-type(3) {display:none;} #why-need-site ul li, #what-studio-offers ul li {line-height: 19.5px;font-size: 15.5px;transition: all 400ms;} #site-more-info .subtitle {margin-bottom:20px;} #site-more-info .subtitle br {display:none;} #site-more-info .buttons a {font-size: 18px;padding: 2.5px 10px 2.5px 45px;} #site-more-info .buttons a img {height: 30px;left: 22.5px;top: 6px;} #studio-portfolio .site-content-in ul > li .in-content {padding: 35px;} #studio-portfolio .site-content-in ul > li > span:nth-of-type(2) {right:25px;top:25px;} #site-more-about .site-content-in {margin-bottom: 85px;} #site-more-about .site-content-in .prototype-wrapper {display:none;} #site-more-about .tabs-block {width:100%;} #site-advantages ul li img, #how-works-studio ul li img {width:60px;} #site-advantages ul li p, #how-works-studio ul li p {font-size: 15px;line-height: 19px;} #site-price .tabs-panel ul {margin-bottom: 10px;border: 0;} #site-price .tabs-panel ul li {width:30.333%;margin: 0 1.5% 10px 1.5%;box-sizing: border-box;padding: 10px 20px;text-align:center;} #site-price .tabs-panel ul li.current, #site-price .tabs-panel ul li:hover {border-color: #DC9709;} #studio-indicators ul li .count {width:55px;} #studio-indicators ul li .count:before {top:25px;} #studio-indicators ul li .count span {font-size:37px;} #studio-indicators ul li h4, #studio-indicators ul li p {padding-left:80px;} #question-answer section h3 {font-size:16px;line-height:20px;padding-left:37px;} #question-answer section h3:before {width: 22px;line-height: 22px;height: 22px;} #blog-grid ul:nth-of-type(2) {margin-top:-2vw;} #blog-grid ul:nth-of-type(2) li, #blog-grid ul:nth-of-type(2) li:nth-of-type(3), #blog-grid ul:nth-of-type(2) li:nth-of-type(4), #blog-grid ul:nth-of-type(2) li:nth-of-type(5), #blog-grid ul:nth-of-type(2) li:nth-of-type(6) {margin-top:2vw;} .site-footer .socials-wrapper:before {width: calc(50% - 132.5px);} .site-footer .socials-wrapper:after {width: calc(50% - 132.5px);} .wpcf7 .field input, .wpcf7 .field textarea {font-size:16px;} .wpcf7 button, .wpcf7 .button input {font-size:16.5px;} .wpcf7 .field.agree-field {max-width: 180px;min-width: 230px;} .close-modal {top:24.5px!important;right:28px!important;} .nav__in {width:100%!important;max-width: 100%!important;margin-top:-90px!important;} .nav__content {padding-left:30px!important;padding-right: 30px!important;} .nav-active .nav__list:nth-of-type(1) {width:100%;} .nav-active .nav__list:nth-of-type(2), .nav-active .nav__list:nth-of-type(3), .nav-active .nav__list:nth-of-type(4) {display:none!important;} .nav__list {padding: 55px 50px 45px 50px!important;} .nav__list.pc {display:none!important;} .nav__list.mb {display:block!important;} .nav-active .nav__list:nth-of-type(5) {width:100%;background: #0F0F0F; -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } .nav__content .nav__list-item.middle a {font-size: 29px!important;position:relative;left:50%;transform: translate(-50%,0);} .nav__content .nav__list.mb .nav__list-item a {padding-bottom: 3.5px!important;} .nav__content .underline-wrapper {left:30px!important;width: calc(100% - 130px)!important;bottom:80px!important} .nav__content ul.underline {max-width:220px;padding-left: 20px;border-left: 1px dotted #EFA70C;padding: 10px 0;padding-left: 20px;} .nav__content ul.underline li {width:100%;float:left;} .nav__content ul.underline li a {width:aurro;float:left;margin:0;text-align:left;} #site-more-info .site-content-in {width:80%;} #site-more-info .buttons a img {top: 2.5px;} #studio-portfolio .grid figure {height:320px!important;} #studio-portfolio .grid figure img {max-width:220%!important;position:relative;left:50%;transform: translate(-50%,0);float:left;height:100%!important;width:auto!important;opacity: 0.4;} #studio-portfolio .grid figure .downtitle span {display:none;} #studio-portfolio .downtitle {line-height: 17px!important;font-size: 14px!important;opacity:1!important;} #studio-portfolio .buttons {opacity:1!important;} .site-content-in {width:96%!important;} #about-studio .site-content-in, #why-need-site .site-content-in, #site-more-info .site-content-in, #site-more-about .site-content-in, #site-advantages .site-content-in, #site-need-consult .site-content-in, #how-works-studio .site-content-in, #what-studio-offers .site-content-in, #studio-indicators .site-content-in, #studio-clients-logos .site-content-in, #site-need-consult2 .site-content-in, #question-answer .site-content-in, #blog-grid .site-content-in, #site-seo-text .site-content-in {width:88%!important;} #site-banner .site-content-in {width:100%!important;} #site-price .site-content-in {width:92%!important;} #what-studio-offers .site-content-in {width:90%!important;} #site-price .sp-tab__tab-content .sp-tab__tab-pane .sp-tab-content > div {padding:0!important;} body #site-price .owl-nav {display:none!important;} #site-price .sp-tab__lay-default ul.sp-tab__nav {width:auto;max-width:680px;position:relative;left:50%;transform: translate(-50%,0);} #site-price .sp-tab__lay-default ul.sp-tab__nav li {width:33.3333%;} #site-price .sp-tab__lay-default ul.sp-tab__nav li label {width:100%;} #site-price .sp-tab__lay-default ul.sp-tab__nav li label.sp-tab__active h4, #site-price .sp-tab__lay-default ul.sp-tab__nav li:hover label h4 {text-align:center!important;} .site-need-consult .wpcf7 {width: 450px;} #what-studio-offers .site-content-in .sections {display:block;} .owl-carousel .owl-stage-outer {margin-bottom: 55px;} #what-studio-offers .sections > section {display:none;} #what-studio-offers .sections > div {display:block;padding:0!important;width:100%;} #what-studio-offers .sections > div .sa_hover_container {padding:0!important;} #what-studio-offers .sections > div section {width:100%;padding-right:35px;padding-left:35px;margin:0;border: 0!important;box-sizing: border-box;} #what-studio-offers .sections > div .owl-item:nth-of-type(odd) section {background-color:#0F0F0F!important;} #what-studio-offers .sections > div .owl-item:nth-of-type(even) section {background-color:#1C1C1C!important;} #what-studio-offers .sa_owl_theme .owl-dots {margin-bottom:-25px!important;} #studio-indicators ul {width:90%;margin-left:5%;margin-right:5%;} body #studio-clients-reviews .owl-nav {display:none!important;} #studio-clients-reviews .site-content-in > div > div {padding: 0!important;} #studio-clients-reviews {margin-bottom: -50px;} #studio-clients-reviews .owl-item .sa_hover_container {margin-bottom:0!important;} #studio-clients-reviews ul li h4, #studio-clients-reviews .owl-item h4 {line-height: 20px!important;font-size: 16px!important;} #studio-clients-reviews ul li p, #studio-clients-reviews .owl-item p {line-height: 18px!important;font-size: 14px!important;} #studio-clients-reviews ul li p:nth-of-type(2), #studio-clients-reviews .owl-item p:nth-of-type(2) {float:left;} #question-answer .ea-card.sp-ea-single {margin-bottom:20px!important;} #question-answer h3.ea-header a {font-size: 16px;line-height: 20px;padding-left:33px!important;} #question-answer h3.ea-header a i {font-size:13px!important;width: 20px;line-height: 22px;height: 20px;} #question-answer .sp-collapse {margin-left:0!important;margin-top:20px!important;width:100%;} #question-answer .sp-ea-one.sp-easy-accordion .sp-ea-single .ea-body {padding:10px!important;} #question-answer .sp-collapse .ea-body p {font-size: 14px;line-height: 20px;text-align:left;} body .sa_owl_theme .owl-dots .owl-dot span {width:34px!important;} #blog-grid .site-content-in {padding-bottom:65px;} #site-seo-text .site-content-in {padding-bottom:85px;} .site-footer .socials-wrapper {margin-top:55px;} .site-footer section:nth-of-type(1) p a {font-size: 16px;line-height: 20px;} body .revealator-delay1 {transition-delay: 10ms !important;transition: all 100ms;} body .revealator-delay2 {transition-delay: 20ms !important;transition: all 100ms;} body .revealator-delay3 {transition-delay: 30ms !important;transition: all 100ms;} body .revealator-delay4 {transition-delay: 40ms !important;transition: all 100ms;} body .revealator-delay5 {transition-delay: 50ms !important;transition: all 100ms;} body .revealator-delay6 {transition-delay: 60ms !important;transition: all 100ms;} body .revealator-delay7 {transition-delay: 70ms !important;transition: all 100ms;} body .revealator-delay8 {transition-delay: 80ms !important;transition: all 100ms;} body .revealator-delay9 {transition-delay: 90ms !important;transition: all 100ms;} body .revealator-delay10 {transition-delay: 100ms !important;transition: all 100ms;} body .revealator-delay11 {transition-delay: 110ms !important;transition: all 100ms;} body .revealator-delay12 {transition-delay: 120ms !important;transition: all 100ms;} body .revealator-delay13 {transition-delay: 130ms !important;transition: all 100ms;} body .revealator-delay14 {transition-delay: 140ms !important;transition: all 100ms;} body .revealator-delay15 {transition-delay: 150ms !important;transition: all 100ms;} body .revealator-delay16 {transition-delay: 160ms !important;transition: all 100ms;} body .revealator-delay17 {transition-delay: 170ms !important;transition: all 100ms;} body .revealator-delay18 {transition-delay: 180ms !important;transition: all 100ms;} body .nav__content .underline-wrapper.revealator-delay18 {transition-delay: 1800ms !important;transition: all 100ms;} body .revealator-delay19 {transition-delay: 190ms !important;transition: all 100ms;} body .revealator-delay20 {transition-delay: 200ms !important;transition: all 100ms;} body .revealator-delay21 {transition-delay: 210ms !important;transition: all 100ms;} body .revealator-delay22 {transition-delay: 220ms !important;transition: all 100ms;} body .revealator-delay23 {transition-delay: 230ms !important;transition: all 100ms;} body .revealator-delay24 {transition-delay: 240ms !important;transition: all 100ms;} body .revealator-delay25 {transition-delay: 250ms !important;transition: all 100ms;} body .revealator-delay26 {transition-delay: 260ms !important;transition: all 100ms;} body .revealator-delay27 {transition-delay: 270ms !important;transition: all 100ms;} body .revealator-delay28 {transition-delay: 280ms !important;transition: all 100ms;} body .revealator-delay29 {transition-delay: 290ms !important;transition: all 100ms;} body .revealator-delay30 {transition-delay: 300ms !important;transition: all 100ms;} body .revealator-delay31 {transition-delay: 310ms !important;transition: all 100ms;} body .revealator-delay32 {transition-delay: 320ms !important;transition: all 100ms;} #sb_instagram.sbi_mob_col_3 #sbi_images .sbi_item {float:left!important;} #sb_instagram.sbi_mob_col_3 #sbi_images .sbi_item:nth-of-type(10), #sb_instagram.sbi_mob_col_3 #sbi_images .sbi_item:nth-of-type(11), #sb_instagram.sbi_mob_col_3 #sbi_images .sbi_item:nth-of-type(12) {display:none!important;} } @media screen and (max-width:950px) { .site-footer section {min-height:0;} .site-footer section:nth-of-type(1) {padding-right:0;padding-right:0;border:0;} .site-footer section:nth-of-type(2), .site-footer section:nth-of-type(3) {display:none;} .site-footer section:nth-of-type(1) {width:100%;} .site-footer section .title {text-align:center;font-size: 33px;line-height: 39px;margin-bottom:30px;} .site-footer section:nth-of-type(1) p {width:33.33333%;padding-right:15px;padding-left:15px;box-sizing:border-box;} .site-footer section:nth-of-type(1) p img, .site-footer section:nth-of-type(1) p img.icon-email {position: relative;margin: 0 0 10px 0; left: 50%;float: left;transform: translate(-50%,0);} .site-footer section:nth-of-type(1) p a {float:left;text-align:center;width:100%;} .site-footer section:nth-of-type(1) p span, .site-footer section:nth-of-type(1) p:nth-of-type(3) span {float:left;text-align:center;width:100%;} .site-footer section:nth-of-type(1) p:nth-of-type(3) span {float:left;} footer .site-logo span:nth-of-type(2) {margin-top:6px;} .site-logo span:nth-of-type(2):after {top:11px;} footer .site-logo span:nth-of-type(1) {top:9px;} .site-footer section .site-request {font-size: 15px;padding: 0px 26px;height: 39px;line-height: 39px;margin: 0 10px;} } @media screen and (max-width:900px) { .site-footer section:nth-of-type(4) p:nth-of-type(1) {width: calc(100% - 275px);left: auto;right: 0;transform: translate(0,0);text-align: right;display:none;} } @media screen and (max-width:850px) { .banner-info .downtitle {padding:0 50px;} #site-price .tabs-panel ul li {width:46%;} } @media screen and (max-width:768px) { .banner-info .downtitle {padding:0;} span.border1, span.border3, span.border4, span.border5 {display:none;} .banner-info-in {width: calc(100% - 150px);margin-top:-25px;} .banner-info-in .title {max-width:325px;position:relative;left:50%;transform: translate(-50%,0);} .banner-info-in .title span.letter:nth-of-type(11) {display:none!important;} #arrow-down {display:block;bottom: 23.5px!important;} #chaty-widget-0 .chaty-tooltip:after, .chaty-tooltip.pos-left:before {display:none!important;} /*#site-banner .socials {width:195px;bottom: 40px;left:50%;transform: translate(-50%,0);}*/ /*#site-banner .socials img {margin: 0 4px;}*/ #why-need-site section, #what-studio-offers section {width: 100%; margin-right: 0;padding: 0;border:0;} #why-need-site section:nth-of-type(2), #what-studio-offers section:nth-of-type(2) {display:none;} #why-need-site section h3, #what-studio-offers section h3 {text-align:center;} #why-need-site ul li, #what-studio-offers ul li {text-align:center;padding: 0;position:relative;padding-top:30px;} #why-need-site ul li:before, #what-studio-offers ul li:before {background-image: url('/images/underline2-2.png');background-size: auto 100%;width:131px;height:13px;left:50%;transform: translate(-50%,0);margin:0;position:absolute;top:0;} #what-studio-offers p {text-align:center;} #studio-portfolio .site-content-in ul {margin-bottom:-15px;} #studio-portfolio .site-content-in ul > li {width:99%;margin-bottom:15px;} #site-advantages ul li {width:47%;margin-right:6%;} #site-advantages ul li:nth-child(3n) {margin-right:6%;} #site-advantages ul li:nth-child(2n) {margin-right: 0;} #site-advantages ul li:nth-child(3n+1) {clear:none;} #site-advantages ul li:nth-child(2n+1) {clear:both;} #site-price table {width:100%} #site-price table:nth-of-type(2) {display:none;} .site-need-consult .wpcf7 .field input {height: 40px;line-height: 40px;} #how-works-studio ul li {width: 48%;margin-right: 4%;} #how-works-studio ul li:nth-child(3n) {margin-right: 4%;} #how-works-studio ul li:nth-child(3n+1) {clear:none;} #how-works-studio ul li:nth-child(2n) {margin-right: 0;} #how-works-studio ul li:nth-child(2n+1) {clear:both;} #studio-indicators ul {margin-top:-10px;} #studio-indicators ul li {width:100%;margin-right:0;} #studio-clients-reviews ul li > img {position:relative;left:50%;transform: translate(-50%,0);float:left;} #studio-clients-reviews ul li h3, #studio-clients-reviews ul li h4, #studio-clients-reviews ul li p {float:left;text-align:center;} #studio-clients-reviews .arrow.left {left:-15px;width: 30px;} #studio-clients-reviews .arrow.right {right:-15px;width: 30px;} #studio-clients-reviews ul li .date {width:230px;position:relative;left:50%;transform: translate(-50%,0);} #studio-clients-logos ul li {width: 22.75%;margin-right: 3%;} #studio-clients-logos ul li:nth-child(8), #studio-clients-logos ul li:nth-child(9), #studio-clients-logos ul li:nth-child(10), #studio-clients-logos ul li:nth-child(11) {display:none;} #studio-clients-logos ul li:last-child span {font-size: 22px;} #studio-clients-logos ul li:last-child span span {font-size: 17px;} #question-answer section, #question-answer section:nth-of-type(2) {padding-right:0;margin-right:0;border:0;width:100%;box-shadow: 0 0 0 0 #5f5f5f;padding-top:0;} #question-answer section:nth-of-type(2) h3:last-of-type {margin-bottom:0;} #site-seo-text .content-wrapper {padding-left:25px;padding-top;25px;} #site-seo-text .content-in {padding-right:25px;} .wpcf7 .field input, .wpcf7 .field textarea {height: 45px;line-height: 45px;padding: 0 20px;} .wpcf7 .field.agree-field {margin-left:20px;} .wpcf7 .field.agree-field {min-width:0;max-width: calc(100% - 190px);} #why-need-site .site-content-in {display:block;} #why-need-site > div > section {display:none;} #why-need-site > div > div, #what-studio-offers > div > div {display:block;padding:0!important;} .owl-carousel .owl-item .sa_hover_container {padding: 0!important;height:auto!important;} body #why-need-site .owl-pagination-true {margin-bottom:0!important;} body #why-need-site .sa_owl_theme .owl-dots {margin-top: 25px!important;padding-top: 0!important;position: relative;bottom: 0!important;margin-bottom: -10px;} body .sa_owl_theme .owl-dots .owl-dot span {width: 31px!important;height: 11px!important;border-radius: 7px!important;border: 1px solid #DC9709!important;} body #why-need-site .sa_owl_theme .owl-dots .owl-dot span, body #what-studio-offers .sa_owl_theme .owl-dots .owl-dot span {height: 9px!important;} #studio-portfolio .grid figure .downtitle span {display:block;} #studio-portfolio .grid figure img {max-width:120%!important;position:relative;left:50%;top:50%;transform: translate(-50%,-50%);float:left;min-height:100%!important;height:auto!important;width:auto!important;} #site-more-about ul.sp-tab__nav {margin-left:0!important;} #site-more-about ul.sp-tab__nav li.sp-tab__nav-item {margin: 0 0 15px 0!important;} #site-more-about ul.sp-tab__nav li.sp-tab__nav-item label {padding: 0 30px 0 0;border:0;} #site-more-about .sp-tab__tab-content .sp-tab__tab-pane .sp-tab-content ul {width:100%;border:0;margin-right:0;padding-right:0;} #site-price .sp-tab__lay-default ul.sp-tab__nav {max-width:450px;} #site-price .sp-tab__lay-default ul.sp-tab__nav li {width:50%;} .site-need-consult .wpcf7 {width: 400px;max-width:85%;} #what-studio-offers .sections > div .owl-item:nth-of-type(odd) section, #what-studio-offers .sections > div .owl-item:nth-of-type(even) section {background-color:transparent!important;} #studio-indicators ul {padding-left:20px;padding-right:20px;box-sizing:border-box;margin-bottom:-25px;} #studio-indicators ul li {margin-bottom:25px;} #question-answer .accord, #question-answer .accord:nth-of-type(2) {width:100%;padding:0;margin-right:0;border:0;box-shadow: 0 0 0 0 #5f5f5f;margin-bottom:-15px;} #question-answer .accord:nth-of-type(2) {display:none;} #blog-grid .sa_owl_theme .owl-dots {bottom: -57px!important;} body #blog-grid .sa_owl_theme .owl-dots .owl-dot span {height:9px!important;} .owl-carousel .owl-stage-outer {margin-bottom: 35px;} .site-footer section:nth-of-type(1) p {width:50%;} .site-footer section:nth-of-type(1) p:nth-of-type(3) {margin-left:25%;} .site-footer section:nth-of-type(1) p a, .site-footer section:nth-of-type(1) p:nth-of-type(3) span.title-in {font-size: 19px;line-height: 23px;} .site-footer section:nth-of-type(1) p span {font-size: 15px;line-height: 19px;} .site-footer section:nth-of-type(1) p span.work-time {font-size: 17px;line-height: 21px;} } @media screen and (max-width:700px) { #blog-grid ul:nth-of-type(1) li h4, #blog-grid ul li p {text-align:center;} #blog-grid ul:nth-of-type(1) li .date {width:100%;margin-right:0%;text-align:center;} #blog-grid ul:nth-of-type(1) li .date img {float:none;position:relative;top:6px;} #blog-grid ul:nth-of-type(1) li button {float:left;position:relative;left:50%;transform: translate(-50%,0);margin-top:20px;} .modal-window .wpcf7 {padding: 30px 30px 45px 30px;} /*.modal-window .subtitle span, .site-need-consult .subtitle span {font-size: 22px;line-height: 27px;width: 100%;float: right;margin-bottom: 10px;}*/ .modal-window .pretitle, .site-need-consult .pretitle, .modal-window .pretitle {font-size: 13px;line-height:17px;width: 80%;margin-left: 10%;} .wpcf7 .wpcf7-list-item > label span {font-size: 13px;line-height:17px;} .site-need-consult .wpcf7 .field.agree-field {margin-top:13.5px;} #blog-grid .article-item p {font-size:13px;line-height:17px;} #blog-grid .article-item button {height: 40px;line-height: 25px;padding: 5px 17px;font-size: 14px;margin-top: 1.5px;} #blog-grid .article-item .date {width:100%;padding-bottom:15px;} #blog-grid .article-item button {float:left;} #blog-grid .sa_owl_theme .owl-dots {bottom: -62px!important;} } @media screen and (max-width:600px) { #site-more-about .tabs-panel ul {margin-bottom: 20px;border:0;} #site-more-about .tabs-panel ul li {width:100%;padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #e6e8e7;} #site-more-about .tabs-body ul {width: 100%;margin-right: 0;padding-right: 0;box-shadow: 0 0 0 0 #e6e8e7;} .wpcf7 .field.agree-field {max-width:100%;width: calc(100% - 40px);margin-bottom:-30px;margin-top: 20px;} .wpcf7 .wpcf7-list-item > label > input {margin-left:0;margin-bottom:30px;} .wpcf7 .button {float: left;width: 100%;} .wpcf7 .button input {font-size: 16.5px;margin: 0;width: 100%;padding-left: 0;padding-right: 0;border-radius: 30px;border: 2px solid #EFA70C;} .wpcf7 .field input, .wpcf7 .field textarea {text-align:center;} .site-footer section:nth-of-type(1) p {width:100%;} .site-footer section:nth-of-type(1) p:nth-of-type(3) {margin-left:0;} footer .site-logo {width:100%;margin-left:0;} footer .site-logo a {position:relative;left:50%;transform: translate(-50%,0);float:left;} footer .site-logo a img {position:relative;left:50%;transform: translate(-50%,0);float:left;} footer .site-logo span:nth-of-type(1), footer .site-logo span:nth-of-type(2) {padding-left:0;text-align:center;width:100%;float:left;margin-top:0;} footer .site-logo span:nth-of-type(2):after {display:none;} .site-footer section:nth-of-type(4) p:nth-of-type(1) {display:block;width:100%;text-align:center;position:static;margin-bottom:25px;} .site-footer section:last-of-type .button {position:static;} .site-footer section .site-request {position:relative;left:50%;transform: translate(-50%,0);float:left;margin-left:0;margin-right:0;} .site-footer section p.studio-copyright {width:100%;text-align:center;margin-top:25px;} } @media screen and (max-width:550px) { #phone {width:auto;bottom: 40px;bottom: 70px;position:absolute;top:auto;width:100%;left: 0;} #phone a {left:50%;transform: translate(-50%,0);position:relative;width:auto;font-size:18px;float:left;} #about-studio {background-size: auto 240%;background-positioN: center center;} #about-studio .site-content-in {padding-top: 45px;padding-bottom: 30px;} #site-seo-text .site-content-in {padding-top: 65px;padding-bottom: 55px;margin-top:-10px!important;} .site-content-in {width:88%;padding: 45px 0;} #site-price .site-content-in {padding-bottom:85px!important;} .site-need-consult .site-content-in {padding-bottom: 60px;} #how-works-studio .site-content-in, #studio-portfolio .site-content-in {padding-bottom: 60px;} #what-studio-offers h2 {margin-bottom:25px;} #about-studio h2, #site-seo-text h1 {width:100%;max-width:82%;transform: translate(-50%,0);left:50%;} #about-studio .h2-title:before, #site-seo-text .h1-title:before {width:100%;max-width:82%;transform: translate(-50%,0);left:50%;} #about-studio p {background: rgba(255,255,255,.75);box-shadow: 0 0 30px 10px #ffffff;} #why-need-site .site-content-in, #site-price .site-content-in, #what-studio-offers .site-content-in {padding: 50px 0 70px 0;} #site-more-about .site-content-in {margin-bottom: 45px;} #site-advantages .site-content-in {padding: 60px 0;} #site-advantages ul li h3, #site-advantages ul li p {text-align:center;} #site-advantages ul li img {position:relative;left:50%;transform: translate(-50%,0);} #site-price .tabs-panel ul li {width:97%;margin: 0 1.5% 10px 1.5%;} #studio-indicators .site-content-in {padding-bottom:55px;} #studio-clients-reviews .owl-carousel .owl-stage-outer {margin-bottom: 65px;} #studio-clients-logos ul li {width: 31.3333%;margin-right: 3%;} #studio-clients-logos ul li:nth-child(4n) {margin-right: 3%;} #studio-clients-logos ul li:nth-child(4n+1) {clear:none;} #studio-clients-logos ul li:nth-child(3n) {margin-right: 0;} #studio-clients-logos ul li:nth-child(3n+1) {clear:both;} #studio-clients-logos ul li:nth-child(6), #studio-clients-logos ul li:nth-child(7) {display:none;} #blog-grid .site-content-in {padding-bottom: 45px;} #blog-grid .owl-pagination-true {margin-bottom: 97px!important;} #blog-grid ul:nth-of-type(1) li {width: 100%;margin-right: 0;} #blog-grid ul:nth-of-type(1) li:nth-of-type(3n) {margin-right: 0;} #blog-grid ul:nth-of-type(1) li:nth-of-type(2) {display:none;} #blog-grid ul:nth-of-type(2) li, #blog-grid ul:nth-of-type(2) li:nth-of-type(3), #blog-grid ul:nth-of-type(2) li:nth-of-type(4), #blog-grid ul:nth-of-type(2) li:nth-of-type(5), #blog-grid ul:nth-of-type(2) li:nth-of-type(6) {width: 48.5%;margin-right:3%;} #blog-grid ul:nth-of-type(2) li:nth-of-type(3n) {margin-right:3%;} #blog-grid ul:nth-of-type(2) li:nth-of-type(2n) {margin-right:0;} #site-more-info .buttons {margin-bottom: 7.5px;} #site-more-info .buttons .button {margin-left:0;margin-right:0;width:100%;} #site-more-info .buttons .button:first-of-type {margin-bottom:10px;} #site-more-info .buttons a {position:relative;left:50%;transform: translate(-50%,0);} #site-more-about ul.sp-tab__nav li.sp-tab__nav-item label {padding-right: 22px;} #site-more-about ul.sp-tab__nav li.sp-tab__nav-item:last-of-type label {padding-right: 0;} .site-footer .socials {margin-top: -14px;transform: translate(0,0);left:-4px;} .site-footer .socials img {height: 23px;width: 23px;} .site-footer .socials-wrapper:before {display:none;} .site-footer .socials-wrapper:after {width: calc(100% - 285px);margin-right:85px;} } @media screen and (max-width:480px) { .banner-info-in {width: calc(100% - 120px);} .banner-info-in .title {font-size: 36px;line-height: 47px;max-width: 210px;width: 210px;} .banner-info-in .title .slogan {width: 230px;font-size: 13.5px;} .banner-info .downtitle {font-size: 14px;line-height: 18px;width: 100%; margin: 0 0 30px 0;} .banner-info-in .title-wrapper .slogan {font-size: 14.5px;line-height: 19px;width:60%;margin-left:20%;margin-right:20%;font-size:0;margin-bottom:0;height:0;} .banner-info .buttons {margin-top:0;} .banner-info .buttons a u {display:none;} span.border2 {bottom:300px;} .modal-window .wpcf7 {padding: 25px 25px 45px 25px;} .modal-window .subtitle {font-size: 27px;line-height: 30px;} .modal-window .pretitle, .site-need-consult .pretitle, .modal-window .pretitle {font-size: 12px;line-height: 15px;} #site-banner .socials {bottom:80px;} #arrow-down {bottom: 78.5px!important;} .scroll-down::before {left:-27px!important;} .scroll-down::after {margin-left:-9px!important;} h1, .title {font-size: 31px;line-height: 37px;} #site-seo-text .h1-title:before {height: 20px;top: 16px;} h2, .subtitle {font-size: 27px;line-height: 32px;} #about-studio .h2-title:before {height: 20px;top: 16px;} h3, .pretitle, #studio-portfolio .pretitle, #site-advantages ul li h3, #how-works-studio ul li h3, #what-studio-offers section h3 span, #studio-clients-reviews ul li h3, #studio-clients-reviews .owl-item h3 {font-size: 22px;line-height: 27px;} #why-need-site section h3, #what-studio-offers section h3 {text-align:center;} #why-need-site section h3 span:nth-of-type(2), #what-studio-offers section h3 span:nth-of-type(2) {font-size: 18px;line-height: 23px;text-align:center;} #why-need-site ul li, #what-studio-offers ul li {transition: all 200ms;} h4, #studio-indicators ul li h4, #site-more-about ul.sp-tab__nav li.sp-tab__nav-item label h4 {line-height: 21px!important;font-size: 17.5px!important;} p, #site-price .tabs-panel > p, #site-more-about .sp-tab__tab-content .sp-tab__tab-pane .sp-tab-content p, #what-studio-offers p, #site-seo-text p, .downtitle, #studio-portfolio .downtitle, #studio-indicators ul li p, #site-seo-text p {font-size: 15px;line-height: 20px;} #why-need-site ul li, #what-studio-offers ul li {font-size: 14.5px;line-height: 20px;padding-top:20px;margin-bottom:10px;} #site-more-about .sp-tab__tab-content .sp-tab__tab-pane .sp-tab-content ul li {font-size: 14.5px;line-height: 20px;} /*#site-more-info .buttons {width:170px;position:relative;left:50%;transform: translate(-50%,0);margin:0;}*/ #site-more-info .buttons a {margin:0;box-sizing:border-box;line-height: 35px;font-size: 15px;padding: 2.5px 18px 2.5px 50px;min-width:145px;} #site-more-info .buttons a img {top: 2px;height: 27px;left: 17.5px;} #site-price .sp-tab__lay-default ul.sp-tab__nav li label {padding-bottom:7.5px;} #site-price .tabs-panel > p {display:none;} #site-price table tbody {padding: 0 13px;} #site-price table tbody tr th {font-size: 22px;line-height: 27px;margin: 30px 0 20px 0;} #site-price table tbody tr td {font-size: 13.5px;line-height: 18px;} #site-price table tbody tr td button {font-size:17px;} .site-need-consult .pretitle {width:94%;margin-left:3%;margin-right:3%;margin-bottom:20px;/*margin-top:-40px;*/} .site-need-consult .wpcf7 .field input {font-size: 16px;padding: 0 20px;} .site-need-consult .wpcf7 p {max-width:100%;width:92%;margin-left:4%;margin-right:4%;font-size: 13.5px;line-height: 16px;} .site-need-consult .wpcf7 button {font-size:16.5px;} #studio-clients-onmap img {width:120%;margin-left:-10%;} #site-seo-text .content-wrapper {padding-left:0px;} #site-seo-text .content-in {padding-right:15px;} #site-seo-text p {text-align:left;} .nav__list {padding: 35px 30px 30px 30px!important;} .nav__list-item {margin-bottom:10px!important;} .nav__content .nav__list.mb .nav__list-item a {font-size: 24px!important;} /*#studio-portfolio .pretitle {text-align:center!important;}*/ /*#studio-portfolio .buttons {width:auto;margin-left:0;margin-right:0;position:relative;transform: translate(-50%,0);float:left;max-width: 100%;left:50%;bottom:20px;margin-bottom:0;} */ #studio-portfolio .grid figure img {width:auto;margin-left:0;margin-right:0;position:relative;transform: translate(-50%,0);float:left;left:50%;top:0;bottom:20px;margin-bottom:0;max-width: 320%!important;height:100%!important;} #studio-portfolio .downtitle span {display:none!important;} #studio-portfolio .buttons .button a {padding: 5px 15px!important;} #site-more-about ul.sp-tab__nav {width: 100%;} #site-more-about ul.sp-tab__nav li.sp-tab__nav-item label {width:100%;text-align:center;padding:0!important;} #site-more-about ul.sp-tab__nav li.sp-tab__nav-item label h4 {font-size: 18px!important;line-height:22px!important;} #site-more-about .sp-tab__tab-content .sp-tab__tab-pane .sp-tab-content ul li, #site-more-about .sp-tab__tab-content .sp-tab__tab-pane .sp-tab-content p {text-align:center;} #site-price .site-content-in {width: 88%!important;} #site-price .sp-tab__lay-default ul.sp-tab__nav {max-width:100%;padding-bottom: 10px;margin-bottom: 20px;} #site-price .sp-tab__lay-default ul.sp-tab__nav li {width:100%;} #site-price .sp-tab__tab-content {width:100%;margin-left:0%;margin-right:0%;} #site-price .owl-carousel .owl-stage-outer {padding-bottom: 20px!important;} #studio-indicators ul {width: 100%;margin-left: 0;margin-right: 0;} #studio-indicators ul li .count {position:relative;left:50%;transform: translate(-50%,0);margin-bottom:15px;} #studio-indicators ul li .count span {text-align:center;} #studio-indicators ul li h4, #studio-indicators ul li p {padding-left:0!important;width:100%!important;text-align:center;float:left;} #studio-clients-reviews {margin-bottom: -30px;} #studio-clients-reviews .site-content-in > div {margin-top:-15px;} #studio-clients-reviews .owl-carousel .owl-stage-outer {margin-bottom: 45px;} #studio-clients-reviews .owl-item .sa_hover_container {padding-left:5px!important;} #studio-clients-reviews .owl-item {padding: 0 22px 22px 22px;} #studio-clients-reviews ul li img, #studio-clients-reviews .owl-item P:first-of-type img {width: 90px;margin: 0;position:relative;left:50%;transform: translate(-50%,0);} #studio-clients-reviews .owl-item h3, #studio-clients-reviews ul li h4, #studio-clients-reviews .owl-item h4 {text-align:center;float:left;width:100%;margin-bottom:10px;} #studio-clients-reviews ul li h4, #studio-clients-reviews .owl-item h4 {line-height: 18px!important;font-size: 13.5px!important;} #studio-clients-reviews ul li p, #studio-clients-reviews .owl-item p {line-height: 17px!important;font-size: 13px!important;} #studio-clients-reviews ul li .date, #studio-clients-reviews .owl-item .date {padding-left:5px;padding-right:5px;} #studio-clients-reviews ul li .date img, #studio-clients-reviews .owl-item .date img {height: 19px;} #site-price .sp-tab__tab-content:before {font-size: 12px;line-height: 16px;width:94%;margin-left:3%;margin-right:3%;margin-bottom: 25px!important;} body .sa_owl_theme .owl-dots .owl-dot span {width:33px!important;} body #why-need-site .sa_owl_theme .owl-dots .owl-dot span {width:31px!important;} #question-answer h3.ea-header a {font-size: 14.5px;line-height: 18px;} #blog-grid .article-item .date {width:auto;padding-bottom:0px;} #blog-grid .article-item button {float:right;margin-right:0;} #blog-grid .sa_owl_theme .owl-dots {bottom: -17px!important;} body #blog-grid .sa_owl_theme .owl-dots .owl-dot span {height:9px!important;} #blog-grid .owl-pagination-true {margin-bottom: 57px!important;} #sb_instagram #sbi_load > span {float:lef;width:100%;margin:0!important;} #sb_instagram #sbi_load > span > a, #sb_instagram #sbi_load > a {position:relative;left:50%;transform: translate(-50%,0);float:left;width:190px;text-align:center;} } @media screen and (max-width:450px) { #site-advantages ul li, #how-works-studio ul li {margin-left:0;margin-right:0;width:100%;} #site-advantages ul li img, #how-works-studio ul li img {width:50px;} #how-works-studio ul li {margin-top:10px;margin-bottom:40px;} #studio-clients-reviews .arrow.left, #studio-clients-reviews .arrow.right {display:none;} #studio-clients-reviews ul li p {font-size:14px;line-height:18px;} #studio-clients-logos ul li {width: 48.5%;margin-right: 3%;} #studio-clients-logos ul li:nth-child(3n) {margin-right: 3%;} #studio-clients-logos ul li:nth-child(3n+1) {clear:none;} #studio-clients-logos ul li:nth-child(2n) {margin-right: 0;} #studio-clients-logos ul li:nth-child(2n+1) {clear:both;} #studio-clients-logos ul li:last-child span {font-size: 22px;} #studio-clients-logos ul li:last-child span span {font-size: 17px;} /*.banner-info .buttons a {width: 100%;max-width:80%;margin-left:10%;box-sizing:border-box;text-align:center;height:50px;} .banner-info .buttons a:nth-of-type(1) {margin-bottom:15px;} */ } @media screen and (max-width:400px) { #studio-portfolio .buttons .button {margin-right:10px;} .modal-window .pretitle, .site-need-consult .pretitle, .modal-window .pretitle {width: 97%; margin-left: 1.5%;} } @media screen and (max-width:360px) { #studio-portfolio .site-content-in ul > li > img {max-width:250%;} }