@charset "UTF-8";
.iti{position:relative;display:inline-block}.iti *{box-sizing:border-box;-moz-box-sizing:border-box}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti input,.iti input[type=tel],.iti input[type=text]{position:relative;z-index:0;margin-top:0!important;margin-bottom:0!important;padding-right:36px;margin-right:0}.iti__flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px}.iti__selected-flag{z-index:1;position:relative;display:flex;align-items:center;height:100%;padding:0 6px 0 8px}.iti__arrow{margin-left:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.iti__arrow--up{border-top:none;border-bottom:4px solid #555}.iti__country-list{position:absolute;z-index:2;list-style:none;text-align:left;padding:0;margin:0 0 0 -1px;box-shadow:1px 1px 4px rgba(0,0,0,.2);background-color:#fff;border:1px solid #ccc;white-space:nowrap;max-height:200px;overflow-y:scroll;-webkit-overflow-scrolling:touch}.iti__country-list--dropup{bottom:100%;margin-bottom:-1px}@media (max-width:500px){.iti__country-list{white-space:normal}}.iti__flag-box{display:inline-block;width:20px}.iti__divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.iti__country{padding:5px 10px;outline:0}.iti__dial-code{color:#999}.iti__country.iti__highlight{background-color:rgba(0,0,0,.05)}.iti__country-name,.iti__dial-code,.iti__flag-box{vertical-align:middle}.iti__country-name,.iti__flag-box{margin-right:6px}.iti--allow-dropdown input,.iti--allow-dropdown input[type=tel],.iti--allow-dropdown input[type=text],.iti--separate-dial-code input,.iti--separate-dial-code input[type=tel],.iti--separate-dial-code input[type=text]{padding-right:6px;padding-left:52px;margin-left:0}.iti--allow-dropdown .iti__flag-container,.iti--separate-dial-code .iti__flag-container{right:auto;left:0}.iti--allow-dropdown .iti__flag-container:hover{cursor:pointer}.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag{background-color:rgba(0,0,0,.05)}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover{cursor:default}.iti--allow-dropdown input[disabled]+.iti__flag-container:hover .iti__selected-flag,.iti--allow-dropdown input[readonly]+.iti__flag-container:hover .iti__selected-flag{background-color:transparent}.iti--separate-dial-code .iti__selected-flag{background-color:rgba(0,0,0,.05)}.iti--separate-dial-code .iti__selected-dial-code{margin-left:6px}.iti--container{position:absolute;top:-1000px;left:-1000px;z-index:1060;padding:1px}.iti--container:hover{cursor:pointer}.iti-mobile .iti--container{top:30px;bottom:30px;left:30px;right:30px;position:fixed}.iti-mobile .iti__country-list{max-height:100%;width:100%}.iti-mobile .iti__country{padding:10px 10px;line-height:1.5em}.iti__flag{width:20px}.iti__flag.iti__be{width:18px}.iti__flag.iti__ch{width:15px}.iti__flag.iti__mc{width:19px}.iti__flag.iti__ne{width:18px}.iti__flag.iti__np{width:13px}.iti__flag.iti__va{width:15px}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.iti__flag{background-size:5652px 15px}}.iti__flag.iti__ac{height:10px;background-position:0 0}.iti__flag.iti__ad{height:14px;background-position:-22px 0}.iti__flag.iti__ae{height:10px;background-position:-44px 0}.iti__flag.iti__af{height:14px;background-position:-66px 0}.iti__flag.iti__ag{height:14px;background-position:-88px 0}.iti__flag.iti__ai{height:10px;background-position:-110px 0}.iti__flag.iti__al{height:15px;background-position:-132px 0}.iti__flag.iti__am{height:10px;background-position:-154px 0}.iti__flag.iti__ao{height:14px;background-position:-176px 0}.iti__flag.iti__aq{height:14px;background-position:-198px 0}.iti__flag.iti__ar{height:13px;background-position:-220px 0}.iti__flag.iti__as{height:10px;background-position:-242px 0}.iti__flag.iti__at{height:14px;background-position:-264px 0}.iti__flag.iti__au{height:10px;background-position:-286px 0}.iti__flag.iti__aw{height:14px;background-position:-308px 0}.iti__flag.iti__ax{height:13px;background-position:-330px 0}.iti__flag.iti__az{height:10px;background-position:-352px 0}.iti__flag.iti__ba{height:10px;background-position:-374px 0}.iti__flag.iti__bb{height:14px;background-position:-396px 0}.iti__flag.iti__bd{height:12px;background-position:-418px 0}.iti__flag.iti__be{height:15px;background-position:-440px 0}.iti__flag.iti__bf{height:14px;background-position:-460px 0}.iti__flag.iti__bg{height:12px;background-position:-482px 0}.iti__flag.iti__bh{height:12px;background-position:-504px 0}.iti__flag.iti__bi{height:12px;background-position:-526px 0}.iti__flag.iti__bj{height:14px;background-position:-548px 0}.iti__flag.iti__bl{height:14px;background-position:-570px 0}.iti__flag.iti__bm{height:10px;background-position:-592px 0}.iti__flag.iti__bn{height:10px;background-position:-614px 0}.iti__flag.iti__bo{height:14px;background-position:-636px 0}.iti__flag.iti__bq{height:14px;background-position:-658px 0}.iti__flag.iti__br{height:14px;background-position:-680px 0}.iti__flag.iti__bs{height:10px;background-position:-702px 0}.iti__flag.iti__bt{height:14px;background-position:-724px 0}.iti__flag.iti__bv{height:15px;background-position:-746px 0}.iti__flag.iti__bw{height:14px;background-position:-768px 0}.iti__flag.iti__by{height:10px;background-position:-790px 0}.iti__flag.iti__bz{height:14px;background-position:-812px 0}.iti__flag.iti__ca{height:10px;background-position:-834px 0}.iti__flag.iti__cc{height:10px;background-position:-856px 0}.iti__flag.iti__cd{height:15px;background-position:-878px 0}.iti__flag.iti__cf{height:14px;background-position:-900px 0}.iti__flag.iti__cg{height:14px;background-position:-922px 0}.iti__flag.iti__ch{height:15px;background-position:-944px 0}.iti__flag.iti__ci{height:14px;background-position:-961px 0}.iti__flag.iti__ck{height:10px;background-position:-983px 0}.iti__flag.iti__cl{height:14px;background-position:-1005px 0}.iti__flag.iti__cm{height:14px;background-position:-1027px 0}.iti__flag.iti__cn{height:14px;background-position:-1049px 0}.iti__flag.iti__co{height:14px;background-position:-1071px 0}.iti__flag.iti__cp{height:14px;background-position:-1093px 0}.iti__flag.iti__cr{height:12px;background-position:-1115px 0}.iti__flag.iti__cu{height:10px;background-position:-1137px 0}.iti__flag.iti__cv{height:12px;background-position:-1159px 0}.iti__flag.iti__cw{height:14px;background-position:-1181px 0}.iti__flag.iti__cx{height:10px;background-position:-1203px 0}.iti__flag.iti__cy{height:14px;background-position:-1225px 0}.iti__flag.iti__cz{height:14px;background-position:-1247px 0}.iti__flag.iti__de{height:12px;background-position:-1269px 0}.iti__flag.iti__dg{height:10px;background-position:-1291px 0}.iti__flag.iti__dj{height:14px;background-position:-1313px 0}.iti__flag.iti__dk{height:15px;background-position:-1335px 0}.iti__flag.iti__dm{height:10px;background-position:-1357px 0}.iti__flag.iti__do{height:14px;background-position:-1379px 0}.iti__flag.iti__dz{height:14px;background-position:-1401px 0}.iti__flag.iti__ea{height:14px;background-position:-1423px 0}.iti__flag.iti__ec{height:14px;background-position:-1445px 0}.iti__flag.iti__ee{height:13px;background-position:-1467px 0}.iti__flag.iti__eg{height:14px;background-position:-1489px 0}.iti__flag.iti__eh{height:10px;background-position:-1511px 0}.iti__flag.iti__er{height:10px;background-position:-1533px 0}.iti__flag.iti__es{height:14px;background-position:-1555px 0}.iti__flag.iti__et{height:10px;background-position:-1577px 0}.iti__flag.iti__eu{height:14px;background-position:-1599px 0}.iti__flag.iti__fi{height:12px;background-position:-1621px 0}.iti__flag.iti__fj{height:10px;background-position:-1643px 0}.iti__flag.iti__fk{height:10px;background-position:-1665px 0}.iti__flag.iti__fm{height:11px;background-position:-1687px 0}.iti__flag.iti__fo{height:15px;background-position:-1709px 0}.iti__flag.iti__fr{height:14px;background-position:-1731px 0}.iti__flag.iti__ga{height:15px;background-position:-1753px 0}.iti__flag.iti__gb{height:10px;background-position:-1775px 0}.iti__flag.iti__gd{height:12px;background-position:-1797px 0}.iti__flag.iti__ge{height:14px;background-position:-1819px 0}.iti__flag.iti__gf{height:14px;background-position:-1841px 0}.iti__flag.iti__gg{height:14px;background-position:-1863px 0}.iti__flag.iti__gh{height:14px;background-position:-1885px 0}.iti__flag.iti__gi{height:10px;background-position:-1907px 0}.iti__flag.iti__gl{height:14px;background-position:-1929px 0}.iti__flag.iti__gm{height:14px;background-position:-1951px 0}.iti__flag.iti__gn{height:14px;background-position:-1973px 0}.iti__flag.iti__gp{height:14px;background-position:-1995px 0}.iti__flag.iti__gq{height:14px;background-position:-2017px 0}.iti__flag.iti__gr{height:14px;background-position:-2039px 0}.iti__flag.iti__gs{height:10px;background-position:-2061px 0}.iti__flag.iti__gt{height:13px;background-position:-2083px 0}.iti__flag.iti__gu{height:11px;background-position:-2105px 0}.iti__flag.iti__gw{height:10px;background-position:-2127px 0}.iti__flag.iti__gy{height:12px;background-position:-2149px 0}.iti__flag.iti__hk{height:14px;background-position:-2171px 0}.iti__flag.iti__hm{height:10px;background-position:-2193px 0}.iti__flag.iti__hn{height:10px;background-position:-2215px 0}.iti__flag.iti__hr{height:10px;background-position:-2237px 0}.iti__flag.iti__ht{height:12px;background-position:-2259px 0}.iti__flag.iti__hu{height:10px;background-position:-2281px 0}.iti__flag.iti__ic{height:14px;background-position:-2303px 0}.iti__flag.iti__id{height:14px;background-position:-2325px 0}.iti__flag.iti__ie{height:10px;background-position:-2347px 0}.iti__flag.iti__il{height:15px;background-position:-2369px 0}.iti__flag.iti__im{height:10px;background-position:-2391px 0}.iti__flag.iti__in{height:14px;background-position:-2413px 0}.iti__flag.iti__io{height:10px;background-position:-2435px 0}.iti__flag.iti__iq{height:14px;background-position:-2457px 0}.iti__flag.iti__ir{height:12px;background-position:-2479px 0}.iti__flag.iti__is{height:15px;background-position:-2501px 0}.iti__flag.iti__it{height:14px;background-position:-2523px 0}.iti__flag.iti__je{height:12px;background-position:-2545px 0}.iti__flag.iti__jm{height:10px;background-position:-2567px 0}.iti__flag.iti__jo{height:10px;background-position:-2589px 0}.iti__flag.iti__jp{height:14px;background-position:-2611px 0}.iti__flag.iti__ke{height:14px;background-position:-2633px 0}.iti__flag.iti__kg{height:12px;background-position:-2655px 0}.iti__flag.iti__kh{height:13px;background-position:-2677px 0}.iti__flag.iti__ki{height:10px;background-position:-2699px 0}.iti__flag.iti__km{height:12px;background-position:-2721px 0}.iti__flag.iti__kn{height:14px;background-position:-2743px 0}.iti__flag.iti__kp{height:10px;background-position:-2765px 0}.iti__flag.iti__kr{height:14px;background-position:-2787px 0}.iti__flag.iti__kw{height:10px;background-position:-2809px 0}.iti__flag.iti__ky{height:10px;background-position:-2831px 0}.iti__flag.iti__kz{height:10px;background-position:-2853px 0}.iti__flag.iti__la{height:14px;background-position:-2875px 0}.iti__flag.iti__lb{height:14px;background-position:-2897px 0}.iti__flag.iti__lc{height:10px;background-position:-2919px 0}.iti__flag.iti__li{height:12px;background-position:-2941px 0}.iti__flag.iti__lk{height:10px;background-position:-2963px 0}.iti__flag.iti__lr{height:11px;background-position:-2985px 0}.iti__flag.iti__ls{height:14px;background-position:-3007px 0}.iti__flag.iti__lt{height:12px;background-position:-3029px 0}.iti__flag.iti__lu{height:12px;background-position:-3051px 0}.iti__flag.iti__lv{height:10px;background-position:-3073px 0}.iti__flag.iti__ly{height:10px;background-position:-3095px 0}.iti__flag.iti__ma{height:14px;background-position:-3117px 0}.iti__flag.iti__mc{height:15px;background-position:-3139px 0}.iti__flag.iti__md{height:10px;background-position:-3160px 0}.iti__flag.iti__me{height:10px;background-position:-3182px 0}.iti__flag.iti__mf{height:14px;background-position:-3204px 0}.iti__flag.iti__mg{height:14px;background-position:-3226px 0}.iti__flag.iti__mh{height:11px;background-position:-3248px 0}.iti__flag.iti__mk{height:10px;background-position:-3270px 0}.iti__flag.iti__ml{height:14px;background-position:-3292px 0}.iti__flag.iti__mm{height:14px;background-position:-3314px 0}.iti__flag.iti__mn{height:10px;background-position:-3336px 0}.iti__flag.iti__mo{height:14px;background-position:-3358px 0}.iti__flag.iti__mp{height:10px;background-position:-3380px 0}.iti__flag.iti__mq{height:14px;background-position:-3402px 0}.iti__flag.iti__mr{height:14px;background-position:-3424px 0}.iti__flag.iti__ms{height:10px;background-position:-3446px 0}.iti__flag.iti__mt{height:14px;background-position:-3468px 0}.iti__flag.iti__mu{height:14px;background-position:-3490px 0}.iti__flag.iti__mv{height:14px;background-position:-3512px 0}.iti__flag.iti__mw{height:14px;background-position:-3534px 0}.iti__flag.iti__mx{height:12px;background-position:-3556px 0}.iti__flag.iti__my{height:10px;background-position:-3578px 0}.iti__flag.iti__mz{height:14px;background-position:-3600px 0}.iti__flag.iti__na{height:14px;background-position:-3622px 0}.iti__flag.iti__nc{height:10px;background-position:-3644px 0}.iti__flag.iti__ne{height:15px;background-position:-3666px 0}.iti__flag.iti__nf{height:10px;background-position:-3686px 0}.iti__flag.iti__ng{height:10px;background-position:-3708px 0}.iti__flag.iti__ni{height:12px;background-position:-3730px 0}.iti__flag.iti__nl{height:14px;background-position:-3752px 0}.iti__flag.iti__no{height:15px;background-position:-3774px 0}.iti__flag.iti__np{height:15px;background-position:-3796px 0}.iti__flag.iti__nr{height:10px;background-position:-3811px 0}.iti__flag.iti__nu{height:10px;background-position:-3833px 0}.iti__flag.iti__nz{height:10px;background-position:-3855px 0}.iti__flag.iti__om{height:10px;background-position:-3877px 0}.iti__flag.iti__pa{height:14px;background-position:-3899px 0}.iti__flag.iti__pe{height:14px;background-position:-3921px 0}.iti__flag.iti__pf{height:14px;background-position:-3943px 0}.iti__flag.iti__pg{height:15px;background-position:-3965px 0}.iti__flag.iti__ph{height:10px;background-position:-3987px 0}.iti__flag.iti__pk{height:14px;background-position:-4009px 0}.iti__flag.iti__pl{height:13px;background-position:-4031px 0}.iti__flag.iti__pm{height:14px;background-position:-4053px 0}.iti__flag.iti__pn{height:10px;background-position:-4075px 0}.iti__flag.iti__pr{height:14px;background-position:-4097px 0}.iti__flag.iti__ps{height:10px;background-position:-4119px 0}.iti__flag.iti__pt{height:14px;background-position:-4141px 0}.iti__flag.iti__pw{height:13px;background-position:-4163px 0}.iti__flag.iti__py{height:11px;background-position:-4185px 0}.iti__flag.iti__qa{height:8px;background-position:-4207px 0}.iti__flag.iti__re{height:14px;background-position:-4229px 0}.iti__flag.iti__ro{height:14px;background-position:-4251px 0}.iti__flag.iti__rs{height:14px;background-position:-4273px 0}.iti__flag.iti__ru{height:14px;background-position:-4295px 0}.iti__flag.iti__rw{height:14px;background-position:-4317px 0}.iti__flag.iti__sa{height:14px;background-position:-4339px 0}.iti__flag.iti__sb{height:10px;background-position:-4361px 0}.iti__flag.iti__sc{height:10px;background-position:-4383px 0}.iti__flag.iti__sd{height:10px;background-position:-4405px 0}.iti__flag.iti__se{height:13px;background-position:-4427px 0}.iti__flag.iti__sg{height:14px;background-position:-4449px 0}.iti__flag.iti__sh{height:10px;background-position:-4471px 0}.iti__flag.iti__si{height:10px;background-position:-4493px 0}.iti__flag.iti__sj{height:15px;background-position:-4515px 0}.iti__flag.iti__sk{height:14px;background-position:-4537px 0}.iti__flag.iti__sl{height:14px;background-position:-4559px 0}.iti__flag.iti__sm{height:15px;background-position:-4581px 0}.iti__flag.iti__sn{height:14px;background-position:-4603px 0}.iti__flag.iti__so{height:14px;background-position:-4625px 0}.iti__flag.iti__sr{height:14px;background-position:-4647px 0}.iti__flag.iti__ss{height:10px;background-position:-4669px 0}.iti__flag.iti__st{height:10px;background-position:-4691px 0}.iti__flag.iti__sv{height:12px;background-position:-4713px 0}.iti__flag.iti__sx{height:14px;background-position:-4735px 0}.iti__flag.iti__sy{height:14px;background-position:-4757px 0}.iti__flag.iti__sz{height:14px;background-position:-4779px 0}.iti__flag.iti__ta{height:10px;background-position:-4801px 0}.iti__flag.iti__tc{height:10px;background-position:-4823px 0}.iti__flag.iti__td{height:14px;background-position:-4845px 0}.iti__flag.iti__tf{height:14px;background-position:-4867px 0}.iti__flag.iti__tg{height:13px;background-position:-4889px 0}.iti__flag.iti__th{height:14px;background-position:-4911px 0}.iti__flag.iti__tj{height:10px;background-position:-4933px 0}.iti__flag.iti__tk{height:10px;background-position:-4955px 0}.iti__flag.iti__tl{height:10px;background-position:-4977px 0}.iti__flag.iti__tm{height:14px;background-position:-4999px 0}.iti__flag.iti__tn{height:14px;background-position:-5021px 0}.iti__flag.iti__to{height:10px;background-position:-5043px 0}.iti__flag.iti__tr{height:14px;background-position:-5065px 0}.iti__flag.iti__tt{height:12px;background-position:-5087px 0}.iti__flag.iti__tv{height:10px;background-position:-5109px 0}.iti__flag.iti__tw{height:14px;background-position:-5131px 0}.iti__flag.iti__tz{height:14px;background-position:-5153px 0}.iti__flag.iti__ua{height:14px;background-position:-5175px 0}.iti__flag.iti__ug{height:14px;background-position:-5197px 0}.iti__flag.iti__um{height:11px;background-position:-5219px 0}.iti__flag.iti__un{height:14px;background-position:-5241px 0}.iti__flag.iti__us{height:11px;background-position:-5263px 0}.iti__flag.iti__uy{height:14px;background-position:-5285px 0}.iti__flag.iti__uz{height:10px;background-position:-5307px 0}.iti__flag.iti__va{height:15px;background-position:-5329px 0}.iti__flag.iti__vc{height:14px;background-position:-5346px 0}.iti__flag.iti__ve{height:14px;background-position:-5368px 0}.iti__flag.iti__vg{height:10px;background-position:-5390px 0}.iti__flag.iti__vi{height:14px;background-position:-5412px 0}.iti__flag.iti__vn{height:14px;background-position:-5434px 0}.iti__flag.iti__vu{height:12px;background-position:-5456px 0}.iti__flag.iti__wf{height:14px;background-position:-5478px 0}.iti__flag.iti__ws{height:10px;background-position:-5500px 0}.iti__flag.iti__xk{height:15px;background-position:-5522px 0}.iti__flag.iti__ye{height:14px;background-position:-5544px 0}.iti__flag.iti__yt{height:14px;background-position:-5566px 0}.iti__flag.iti__za{height:14px;background-position:-5588px 0}.iti__flag.iti__zm{height:14px;background-position:-5610px 0}.iti__flag.iti__zw{height:10px;background-position:-5632px 0}.iti__flag{height:15px;box-shadow:0 0 1px 0 #888;background-image:url(/wp-content/themes/iqad/assets/img/flags.png);background-repeat:no-repeat;background-color:#dbdbdb;background-position:20px 0}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.iti__flag{background-image:url(/wp-content/themes/iqad/assets/img/flags@2x.png)}}.iti__flag.iti__np{background-color:transparent}

#modal_block {
color: #4d4d4d;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
text-align: center;
position: fixed;
width: 50px;
height: 300px;
right: 0;
top: 300px;
box-shadow: 4px 8px 30.72px 1.28px rgba(0, 0, 0, 0.1);
z-index: 995;
transition: ease-out 0.3s;
}
#modal_block p {
display: block;
margin: auto;
text-transform: uppercase;
transform: rotate(-90deg);
}
#modal_block:hover {
background: #4fc7f3;
color: #fff;
}
.overlay_modal {
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
position: fixed;
top: 0;
z-index: 999;
display: none;
}
#contact_modal {
display: none;
z-index: 1000;
position: fixed;
margin: 100px auto;
margin-left: calc(50% - 350px);
width: 630px;
}
#contact_modal .free_contact_form {
width: 630px;
float: none;
}
.free_contact_form .model_close,
.trimme_model_close,
#contact_modal .free_contact_form .model_close {
width: 24px;
height: 24px;
transform: rotate(0deg);
text-align: center;
position: absolute;
right: -40px;
top: -40px;
border: none;
}
.free_contact_form .model_close i,
.trimme_model_close,
#contact_modal .free_contact_form .model_close i {
transition: ease-out 0.5s;
font-size: 24px;
margin-top: -2px;
color: inherit;
}
.free_contact_form .model_close:hover i,
.trimme_model_close:hover i,
#contact_modal .free_contact_form .model_close:hover i {
color: #4fc7f3;
}
#contact_modal form {
padding: 44px 30px;
}
#contact_modal .form_img {
border: none;
width: 316px;
height: 360px;
float: right;
margin-top: 50px;
margin-right: -11px;
}
.wrap {
overflow: hidden;
min-width: 320px;
box-sizing: border-box;
}
a {
text-decoration: none;
color: black;
font-family: 'Nunito', sans-serif;
}
.btn {
cursor: pointer;
padding: 0;
font-size: 14px;
text-transform: uppercase;
background: transparent;
border: none;
position: relative;
display: inline-block;
}
.btn .btn_cnt {
padding: 21px 65px;
outline: 1px solid black;
opacity: 1;
position: relative;
z-index: 2;
transition: all ease-out 0.2s;
}
.btn .btn_decor {
background: rgba(79, 199, 243, 0.7);
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
bottom: -5px;
left: 5px;
}
.btn:hover {
transition: ease-out 0.3s;
color: #fff;
}
.btn:hover .btn_cnt {
transition: ease-out 0.3s;
background: transparent;
outline: 1px solid transparent;
}
.btn:hover .btn_decor {
transition: ease-out 0.3s;
bottom: 0;
left: 0;
}
.tabs {
display: inline-block;
margin-top: 62px;
}
.tabs>div {
transition: all ease-out 0.5s;
background: #f4f4f4;
}
.tabs>ul {
margin: 0px;
padding: 0px;
}
.tabs>ul li {
margin: 0px;
transition: all ease-out 0.5s;
cursor: pointer;
display: block;
float: left;
padding: 37px 59px;
background: #343457;
color: rgba(255, 255, 255, 0.9);
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
}
.tabs>ul li.active,
.tabs>ul li.active:hover {
background: #f4f4f4;
color: #4d4d4d;
}
.tabs>ul li.active i,
.tabs>ul li.active:hover i {
color: #4fc7f3;
}
.tabs>ul li:hover {
background: #4fc7f3;
color: rgba(255, 255, 255, 0.9);
}
.tabs ul:after {
content: '';
display: block;
clear: both;
}
.tabs i {
margin-top: 20px;
}
.lnk_block {
display: inline-block;
}
.lnk_block a {
transition: ease-out 0.3s;
position: relative;
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
clear: both;
display: flex;
justify-content: space-between;
align-items: center;
}
.lnk_block span {
transition: ease-out 0.3s;
margin-right: 10px;
display: block;
width: 10px;
background: black;
height: 1px;
}
.lnk_block:hover a {
color: #4fc7f3;
}
.lnk_block:hover span {
background: #4fc7f3;
}
.zagl {
height: 1px;
clear: both;
}
li,
ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.container_wrap {
width: 1140px;
margin: auto;
}
body {
margin: 0;
font-family: 'Montserrat', sans-serif;
font-size: 14px;
color: black;
}
.upper_menu_block {
border-bottom: 1px solid #e3e3e3;
}
.upper_menu_block .container_wrap {
min-height: 60px;
display: flex;
justify-content: space-between;
align-items: center;
}
.upper_menu_block a {
line-height: 60px;
text-transform: uppercase;
transition: ease-out 0.3s;
}
.upper_menu_block a:hover {
color: #4fc7f3;
}
#search:hover {
transition: ease-out 0.3s;
color: #4fc7f3;
}
.upper_menu_block form {
display: none;
transition: ease-out 1s;
position: absolute;
background: #f4f4f4;
}
.upper_menu_block form input {
transition: ease-out 0.5s;
font-family: 'Nunito', sans-serif;
color: #4d4d4d;
font-size: 12px;
font-weight: 300;
line-height: 60px;
text-align: left;
width: 0;
border: none;
background: #f4f4f4;
outline: none;
margin-left: -2px;
}
.upper_menu_block form input:focus {
width: 1140px;
}
.upper_menu_block form button {
border: none;
background: #f4f4f4;
font-size: 14px;
color: black;
margin-left: -4px;
padding: 0;
transition: ease-out 0.3s;
}
.upper_menu_block form button:hover {
color: #4fc7f3;
}
.location a {
margin-right: 25px;
font-size: 10px;
}
.location a:last-child {
font-size: 13px;
margin-right: 0;
}
.main_menu_block {
border-bottom: 1px solid #e3e3e3;
min-height: 100px;
}
.main_menu_block .container_wrap {
display: flex;
justify-content: space-between;
align-items: center;
}
.main_menu_block .container_wrap .logo {
width: 94px;
height: 100px;
display: block;
margin-top: 10px;
}
.menu_fx {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
width: 100%;
min-height: 100px;
z-index: 99;
background: #f4f4f4;
}
.shad {
top: 0;
box-shadow: 4px 8px 30.72px 1.28px rgba(0, 0, 0, 0.1);
margin-top: 0;
position: fixed;
}
.main_menu_desc {
display: flex;
}  .main_menu_desc a {
text-transform: uppercase;
font-weight: 600;
font-size: 12px;
transition: ease-out 0.3s;
line-height: 50px;
}
.main_menu_desc>li>a {
line-height: 20px;
}
.main_menu_desc i {
margin-left: 5px;
}
.main_menu_desc>li {
margin-right: 15px;
}
.main_menu_desc>li:last-child {
margin-right: 0;
}
.main_menu_desc>li>ul {
margin-left: -90px;
padding: 20px 30px;
}
.main_menu_desc li ul {
box-shadow: 0px 10px 40px rgb(0 0 0 / 25%);
-moz-box-shadow: 0px 10px 40px rgb(0 0 0 / 25%);
-webkit-box-shadow: 0px 10px 40px rgb(0 0 0 / 25%);
-moz-box-shadow: 0px 10px 40px rgb(0 0 0 / 25%);
-webkit-box-shadow: 0px 10px 40px rgb(0 0 0 / 25%);
width: 453px;
margin-top: 0;
box-sizing: border-box;
transition: ease-out 0.5s;
position: absolute;
background: #ffffff;
display: none;
}
.main_menu_desc li ul li:hover a {
transition: ease-out 0.3s;
color: #4fc7f3;
}
ul.main_menu_desc>li>ul>li:hover>ul>li.current_page_item>a,
.main_menu_desc .current_page_item>a {
color: #4fc7f3;
}
.main_menu_desc ul li ul {
border: none;
width: auto;
display: none;
margin-top: -70px;
position: absolute;
right: -403px;
z-index: 111;
box-shadow: none;
background: transparent;
box-shadow: 4px 8px 30.72px 1.28px rgba(0, 0, 0, 0.1);
background: #f4f4f4;
width: 392px;
line-height: normal;
}
.main_menu_desc ul li ul li {
line-height: 0;
display: flex;
align-items: center;
justify-content: flex-start;
position: relative;
}
.main_menu_desc ul li ul div {
width: 50px;
background: #f4f4f4;
z-index: 111;
position: absolute;
height: 100%;
left: -50px;
display: flex;
align-items: center;
}
.main_menu_desc ul li ul div span {
width: 100%;
height: 1px;
display: block;
}
.main_menu_desc ul li ul li:first-child div span {
background: transparent;
}
.main_menu_desc ul li ul a {
padding: 0 15px;
position: relative;
z-index: 1; display: block;
margin-left: -5px;
background: #f4f4f4;
}
.main_menu_desc>li:hover>ul {
display: block;
opacity: 1;
}
.header_home .header-w {
background: rgba(0, 0, 0, 0.5);
}
.header_services .header_wrap .logo,
.header_services .header_wrap .client,
.header_services .header_wrap .header_sp_phone,
.header_services .main_menu_desc i,
.header_services .main_menu_desc>li>div a {
color: #fff;
transition: ease-out 0.3s;
}
.header_services #mob_bars span:after,
.header_services #mob_bars span:before,
.header_services #mob_bars span {
background: #fff;
}
.header_wrap .header_sp_phone,
.header-w.sticky-menu .header_wrap .client,
.header-w.sticky-menu .header_wrap .header_sp_phone,
.header-w.sticky-menu .main_menu_desc i,
.header-w.sticky-menu .main_menu_desc>li>div a {
color: #000;
transition: ease-out 0.3s;
}
.header-w.sticky-menu .header_wrap .header_sp_phone:hover,
.header_wrap .header_sp_phone:hover,
.header_wrap .client:hover,
.header_services .header_wrap .client:hover,
.header-w.sticky-menu .header_wrap .client:hover,
.header_services .main_menu_desc>li>div a:hover,
.main_menu_desc>li>div a:hover {
color: #4fc7f3;
}
.main_menu_desc li ul li:hover ul {
display: block;
}
.top_slider { padding-top: 50px;
background: #f4f4f4;
}
main {
min-height: 200px;
}
.top_slider .nav_block {
width: 15px; position: relative;
top: 40px;
left: -45px;
float: left;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.top_slider .nav_btn {
height: 13px;
width: 13px;
transition: ease-out 0.3s;
background: transparent;
margin: auto;
position: static;
}
.top_slider .nav_btn div {
transform: rotate(90deg);
font-weight: 700;
font-size: 9px;
}
.top_slider .nav_btn i {
display: block;
margin-left: 2px;
}
.top_slider .swiper-button-prev {
margin-top: 0;
}
.top_slider .swiper-button-prev i {
margin-bottom: 18px;
}
.top_slider .swiper-button-next {
margin-bottom: 24px;
}
.top_slider .swiper-button-next i {
margin-top: 14px;
}
.top_slider .swiper-pagination {
position: static; display: flex;
flex-direction: column;
justify-content: space-between;
margin: 20px auto 0;  }
.top_slider .swiper-pagination .swiper-pagination-bullet:not(:last-child) {
margin-bottom: 20px;
}        .top_slider .nav_btn:hover {
color: #4fc7f3;
}
.top_slider .container_wrap {
position: relative;
}
.top_slider .bg_text {
color: rgb(0 187 255 / 38%);
font-size: 52.38px;
font-weight: 700;
line-height: 36px;
position: absolute;
margin-top: 35px;
transform: scaleY(1.0031);
right: 140px;
letter-spacing: 5px;
}
main .head_slider {
margin-top: 0;
width: 50%;
float: left;
height: 600px;
margin-left: 80px;
}
main .head_slider img {
width: 100%;
height: auto;
}
.top_text {
width: 470px;
float: left;
}
.top_text h2 {
text-transform: uppercase;
margin-top: 94px;
font-size: 50px;
font-weight: 700;
}
.top_text label {
margin-top: -2px;
text-transform: uppercase;
color: #4d4d4d;
font-size: 14px;
font-weight: 700;
}
.top_text .dc_line::before,
.top_text .dc_line::after {
box-sizing: inherit;
content: '';
position: absolute;
width: 100%;
height: 100%;
}
.top_text .dc_line::before,
.top_text .dc_line::after {
width: 100%;
transform-origin: center;
}
.top_text .dc_line::before {
border-bottom: 1px solid #4fc7f3;
transform: scale3d(0, 1, 1);
}
.top_text form {
width: 390px;
float: right;
margin-top: 104px;
}
.top_text form #seo_site_desc {
position: absolute;
display: block;
height: 20px;
bottom: -5px;
}
.top_text .active::before,
.top_text .active::after {
transform: scale3d(1, 1, 1);
transition: transform 0.3s;
}
.top_text .active label#seo_site_desc {
transition: ease-out 0.3s;
font-size: 9px;
color: #4fc7f3;
bottom: 20px;
}
.top_text .active .dec {
transition: ease-out 0.3s;
background: #4fc7f3;
}
.top_text .decor {
border-bottom: 1px solid #4fc7f3;
}
.top_text form>div {
float: right;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
color: #4d4d4d;
border-bottom: 1px solid black;
line-height: 0;
width: 100%;
position: relative;
}
.top_text form>div .dec {
width: 1px;
height: 9px;
background: black;
position: absolute;
right: 9px;
bottom: -5px;
}
.top_text form>div p {
margin-left: 20px;
}
.top_text input {
background: transparent;
border: none;
outline: none;
width: 90%;
margin-top: 0;
top: -30px;
display: block;
position: absolute;
z-index: 1;
padding: 5px;
font-family: 'Montserrat', sans-serif;
color: #4d4d4d;
font-weight: 500;
font-size: 12px;
bottom: 0;
}
.top_text form:focus div {
opacity: 0;
}
.top_text .btn {
display: block;
margin-top: 20px;
float: right;
margin-right: 30px;
}
.mouse {
float: right;
width: 100px;
text-align: center;
right: -60px;
margin-top: 30px;
clear: both;
position: relative;
}
.mouse p {
color: #4d4d4d;
font-size: 9px;
font-weight: 500;
transform: rotate(-90deg);
width: 100px;
margin: -40px 0 0 0;
padding: 0;
}
.mouse img {
margin-top: 47px;
width: 8px;
height: 12px;
}
section {
clear: both;
padding-top: 70px; padding-bottom: 40px;
}
section h2 {
text-align: center;
font-size: 35.85px;
font-weight: 700;
transform: scaleY(1.0031);
color: black;
}
section h2 span {
color: #4fc7f3;
}
.bl_bord {
border: 1px solid #4fc7f3;
position: relative;
width: 896px;
height: 611px;
margin: -70px auto;
padding-bottom: 37px;
}
.block1 {
margin-bottom: -70px;
}
.block1 .lnk_block {
position: absolute;
bottom: 20px;
left: 20px;
z-index: 2;
}
.block1 .bl_title {
margin-top: 20px;
position: relative; z-index: 2;
padding: 50px 0;
background: #fff;
display: inline-block;
color: #4d4d4d;
font-size: 14px;
font-weight: 300;
line-height: 36px;
text-align: left;
}
.block1 .bl_title div {
display: flex;
justify-content: space-between;
}
.block1 .bl_title div p {
margin-top: 11px;
font-size: 47px;
font-weight: 700;
color: #4fc7f3;
}
.block1 .bl_title p {
margin-top: -10px;
font-weight: 300;
text-transform: uppercase;
font-size: 12px;
color: #4d4d4d;
}
.block1 .bl1_cnt {
margin-top: 70px;
}
.block1 .bl_desc {
float: right;
margin-top: -20px;
background: #fff;
position: relative;
z-index: 2;
width: 650px;
box-sizing: border-box;
padding: 61px 49px;
box-shadow: 4px 8px 30.72px 1.28px rgba(0, 0, 0, 0.21);
}
.block1 .bl_desc p {
line-height: 36px;
}
.block1 .bl_desc div {
margin-top: 50px;
display: flex;
justify-content: space-around;
}
.block1 .bl_desc .lnk_block {
display: none;
}
.block2 {
margin-bottom: -110px;
}
.block2 ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 59px;
text-align: center;
}
.block2 li {
position: relative;
width: 330px;
height: 280px;
padding: 10px;
font-size: 12px;
color: #f8f8f8;
display: block;
background: #f4f4f4;
margin-bottom: 40px;
transition: all ease-out 0.5s;
}
.block2 .bl_list {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
position: relative;
z-index: 0;
}
.block2 .bl_list p {
display: block;
width: 100%;
padding: 20px 14px;
font-weight: 700;
text-transform: uppercase;
font-size: 12px;
background: rgba(52, 52, 87, 0.7);
margin-bottom: -6px;
position: relative;
z-index: 0;
}
.block2 .bl_hidden_overlay {
display: block;
opacity: 0;
transition: all ease-out 0.5s;
background: rgba(52, 52, 87, 0.7);
width: 330px;
height: 280px;
margin-top: 10px;
flex-direction: column;
align-items: center;
text-align: center;
top: 0;
z-index: 2;
position: absolute;
}
.block2 .bl_hidden_overlay p {
margin-top: 30px;
display: block;
font-weight: 300;
transform: scaleX(1.003);
line-height: 25.053px;
font-size: 14px;
}
.block2 h3 {
position: relative;
z-index: 2;
margin-top: -30px;
color: #4fc7f3;
font-size: 12px;
margin-top: 82px;
text-transform: uppercase;
}
.block2 img {
width: 250px;
display: block;
}
.block2 li:hover {
box-shadow: 4px 8px 30.72px 1.28px rgba(0, 0, 0, 0.21);
}
.block2 li:hover .bl_list p {
transition: ease-out 0.3s;
opacity: 0;
}
.block2 li:hover .bl_hidden_overlay {
opacity: 1;
}
.block2 li:nth-child(6) p {
margin-bottom: -25px;
}
.block3-container {
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/phone-min.png) no-repeat;
background-position: center 150px;
padding-top: 30px;
}
.block3 h2 span {
color: #4fc7f3;
}
.block3 .btn {
clear: both;
margin-top: 50px;
margin-right: 116px;
float: right;
}
.block3 .tabs {
display: inline-block;
margin-top: 12px;
}
.block3 .check_list {
transition: all ease-out 0.5s;
padding: 51px 28px;
width: 100%;
background: #f4f4f4;
max-width: 734px;
min-height: 170px;
}
.block3 .check_list>div {
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
justify-content: space-between;
}
.block3 .bl_check_cont span input[type='checkbox'] {
display: none;
}
.block3 .bl_check_cont {
clear: both;
height: 42px;
transition: ease-out 0.3s;
width: 40%;
margin-bottom: 0;
text-decoration: none;
}
.block3 .bl_check_cont>span {
transition: text-decoration ease-out 0.3s;
text-transform: uppercase;
display: block;
float: left;
cursor: pointer;
width: 10px;
height: 10px;
margin-top: 2px;
border: 1px solid #4d4d4d;
margin-right: 10px;
}
.block3 .check_active>span span {
background: #4fc7f3;
display: block;
margin: 3px auto;
width: 4px;
height: 4px;
}
.block3 .bl_check_cont:hover {
color: #4fc7f3;
text-decoration: underline;
}
.bl_check_cont span input[type='checkbox'] {
display: none;
}
.bl_check_cont {
clear: both;
height: 42px;
transition: ease-out 0.3s;
width: 40%;
margin-bottom: 0;
text-decoration: none;
}
.bl_check_cont>span {
transition: text-decoration ease-out 0.3s;
text-transform: uppercase;
display: block;
float: left;
cursor: pointer;
width: 10px;
height: 10px;
margin-top: 2px;
border: 1px solid #4d4d4d;
margin-right: 10px;
}
.check_active>span span {
background: #4fc7f3;
display: block;
margin: 3px auto;
width: 4px;
height: 4px;
}
.bl_check_cont:hover {
color: #4fc7f3;
text-decoration: underline;
}
.free_contact_form {
width: 680px; position: relative;
z-index: 2;
margin-right: -14px;
float: right;
background: #fdfdfd;
box-shadow: 4px 8px 30.72px 1.28px rgba(0, 0, 0, 0.21);
color: #4d4d4d;
display: flex;
justify-content: center;
}
.free_contact_form form {
font-size: 12px;
display: flex;
padding: 44px 38px;
flex-direction: column;
}
.free_contact_form>div {
display: flex;
justify-content: center;
align-items: center;
border-right: 1px solid #e3e3e3;
width: 50px;
height: 100%;
} .free_contact_form .active::before,
.free_contact_form .active::after {
transform: scale3d(1, 1, 1);
transition: transform 0.3s;
}
.head_form .free_contact_form .active label,
.free_contact_form .active label {
transition: ease-out 0.3s;
top: -2px;
font-size: 9px;
color: #4fc7f3;
}
.free_contact_form .active .dec {
transition: ease-out 0.3s;
background: #4fc7f3;
}
.free_contact_form label {
position: absolute; color: #4d4d4d;
font-size: 12px;
font-weight: 300;
line-height: 24px;
left: 24px;
top: 14px;
pointer-events: none;
-ms-touch-action: none;
touch-action: none;
}
.free_contact_form p {
text-align: center;
display: inline-block;
text-transform: uppercase;
font-weight: 700;
text-align: center;
transform: rotate(-90deg);
} .free_contact_form textarea,
.free_contact_form input {
font-family: 'Nunito', sans-serif;
box-sizing: border-box;
width: 100%;
margin-top: 30px;
outline: none; position: relative;
}
.free_contact_form textarea {
margin-top: 0;
}
.free_contact_form input:first-child {
margin-top: 70px;
}
.free_contact_form .lnk_block {
font-size: 11px;
font-weight: 600;
text-transform: uppercase;
background: none;
border: 0;
margin-top: 71px;
float: right;
display: flex;
justify-content: space-between;
align-items: center;
transition: ease-out 0.3s;
}
.free_contact_form .lnk_block:hover {
color: #4fc7f3;
}
.free_contact_form .lnk_block::before,
.free_contact_form .lnk_block::after {
top: 0;
left: 0;
height: 100%;
width: 100%;
transform-origin: center;
}
.inp_cont { width: 40%;
position: relative;
}
.block4-container {
position: relative;
z-index: 3;
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/white_line-min.png) no-repeat;
background-position: center -11px;
}
.block4-container h3 {
margin-top: 23px;
text-align: center;
text-transform: uppercase;
}
.block4-container h2 {
padding: 0 60px;
background: #fff;
line-height: 60px;
text-transform: uppercase;
text-align: left;
float: left;
margin-top: 278px;
margin-left: 65px;
width: 355px;
box-sizing: border-box;
}
.block4-container .bl4_desc {
margin-top: 370px;
outline: 1px solid #4fc7f3;
padding: 50px;
}
.block4-container .bl4_desc div {
clear: both;
display: flex;
justify-content: space-between;
}
.block4-container .bl4_desc div>p {
width: 289px;
color: #000;
font-weight: 400;
line-height: 36px;
margin-top: 14px;
}
.block4-container .bl4_desc ul {
margin-top: 14px;
}
.block4-container .bl4_desc ul h4 {
font-size: 12px;
text-transform: uppercase;
font-weight: 600;
color: #000;
}
.block4-container .bl4_desc ul p {
font-weight: 400;
font-size: 14px;
color: #000;
}
.block4-container .bl4_desc li {
list-style-type: square;
color: #4fc7f3;
padding: 0 10px;
margin-bottom: 37px;
width: 630px;
}
.block4 .btn_block {
display: inline-block;
padding: 10px 65px;
margin-top: -40px;
margin-right: 60px;
background: #fff;
position: relative;
z-index: 2; }
.free_contact_form .inp_cont {
width: 100%;
}
.img_block {
width: 269px;
height: 181px;
position: relative;
text-align: center;
}
.img_block p {
width: 181px;
position: absolute;
color: rgba(79, 199, 243, 0.3);
font-size: 17px;
transform: scaleX(1.0031) rotate(-90deg);
letter-spacing: 5px;
text-transform: uppercase;
text-align: center;
top: 63px;
right: -80px;
font-weight: 700;
}
.img_block .play_btn {
margin: 26px auto;
position: absolute;
margin-top: 46px;
right: 88px;
top: 0;
color: #4fc7f3;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
font-size: 64px;
width: 75px;
height: 75px;
border-radius: 50%;
border: 5px solid rgba(79, 199, 243, 0.5);
transition: ease-out 0.5s;
}
.img_block .play_btn i {
color: #4fc7f3;
}
.img_block .play_btn:hover {
border: 5px solid rgba(255, 255, 255, 0.5);
background: #4fc7f3;
}
.img_block .play_btn:hover i {
transition: ease-out 0.5s;
color: #fff;
}
.block5 {
display: flex;
flex-direction: column;
align-items: center;
}
.block5 .container_wrap {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.block5 .bl_article {
margin-top: 63px;
max-width: 45%;
display: flex;
justify-content: flex-start;
}
.block5 .bl_desc {
max-width: 230px;
margin-left: 30px;
margin-top: -20px;
}
.block5 .bl_desc h3 {
font-size: 18px;
text-transform: uppercase;
}
.block5 .bl_desc p {
font-weight: 400;
color: #000;
line-height: 24px;
}
.block5 .lnk_block {
float: right;
}
.block5 .btn_block {
margin-right: 0;
}
.block5 .btn {
margin-top: 100px;
}
.block7 {
padding-bottom: 0;
}
.block7 .bl_head {
position: relative;
display: flex;
justify-content: flex-start;
align-items: center;
}
.block7 h2 {
text-align: left;
margin-left: 110px;
}
.block7 .nav_block {
margin-left: 110px;
display: flex;
justify-content: space-between;
width: 240px;
top: 0;
}
.block7 .nav_btn {
position: static;
width: 80px;
display: flex;
align-items: center;
background: none;
}
.block7 .nav_btn i {
font-size: 18px;
}
.block7 .nav_btn div {
transition: ease-out 0.3s;
height: 1px;
background: black;
width: 50px;
}
.block7 .nav_btn:hover div {
background: #4fc7f3;
}
.block7 .swiper-button-prev a {
transition: ease-out 0.3s;
justify-content: flex-start;
}
.block7 .swiper-button-prev i {
transition: ease-out 0.3s;
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/arrow_pag.png) no-repeat;
display: block;
width: 8px;
height: 15px;
}
.block7 .swiper-button-prev div {
margin-left: 13px;
}
.block7 .swiper-button-next a {
justify-content: flex-end;
transition: ease-out 0.3s;
}
.block7 .swiper-button-next i {
transition: ease-out 0.3s;
transform: rotate(-180deg);
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/arrow_pag.png) repeat;
display: block;
width: 8px;
height: 15px;
}
.block7 .swiper-button-next div {
position: relative;
transition: ease-out 0.3s;
margin-right: 13px;
left: 0;
}
.block7 .swiper-button-prev:hover i {
background-position: -10px 0;
}
.block7 .swiper-button-prev:hover div {
margin-left: -5px;
}
.block7 .swiper-button-next:hover i {
background-position: -10px 0;
}
.block7 .swiper-button-next:hover div {
transition: ease-out 0.3s;
position: relative;
left: 18px;
}
.block7 .swiper-button-prev:hover i {
background-position: -10px 0;
}
.block7 .swiper-button-prev:hover div {
margin-left: -5px;
}
.block7 .swiper-button-next:hover i {
background-position: -10px 0;
}
.block7 .swiper-button-next:hover div {
position: relative;
left: 20px;
}
.block7 .swiper-slide {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.block7 .swiper-slide a {
margin: 10px;
padding: 40px;
display: block;
}
.block7 .swiper-slide img {
transition: ease-out 0.3s;
max-width: 240px;
height: auto;
max-height: 90px;
opacity: 1;
}
.block7 .swiper-slide img:hover { opacity: 0.5;
}
.block7 .swiper-slide a:nth-child(1) {
margin-top: 0px; }
.block7 .swiper-slide a:nth-child(2) {
padding-top: 0px;
margin-left: 0px;
transform: scale(0);
}
.block7 .swiper-slide a:nth-child(4) {
margin-left: 0px;
margin-top: 0px; }
.block7 .swiper-slide a:nth-child(6) {
margin-right: 0px;
margin-top: 0px; }
.block7 {
padding-bottom: 50px;
}
.block7 .clients_slider {
padding: 40px;
}
.block7 .swiper-slide a {
padding: 10px;
margin: 0;
display: flex;
height: 80px;
align-items: center;
justify-content: center;
}
.block7 .clients_slider .swiper-pagination-bullets {
bottom: -4px;
}
.block7 h2 {
margin-left: 0;
}
.block7 .swiper-button-next.tag_next,
.block7 .swiper-button-prev.tag_prev {
filter: invert(50%);
}
.block8 {
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/bg_line8.png) no-repeat;
background-position: center 0;
padding-bottom: 50px;
}
.block8 .bl_head {
position: relative;
display: flex;
justify-content: flex-start;
align-items: center;
}
.block8 .review_slider {
margin-top: 70px;
width: 85%;
height: 400px;
float: left;
}
.block8 h2 {
text-align: left;
margin-left: 110px;
}
.block8 .nav_block {
margin-left: 110px;
display: flex;
justify-content: space-between;
width: 240px;
top: 0;
}
.block8 .nav_btn {
position: static;
width: 80px;
display: flex;
align-items: center;
background: none;
}
.block8 .nav_btn i {
font-size: 18px;
}
.block8 .nav_btn div {
transition: ease-out 0.3s;
height: 1px;
background: black;
width: 50px;
}
.block8 .nav_btn:hover div {
background: #4fc7f3;
}
.block8 .swiper-button-prev a {
transition: ease-out 0.3s;
justify-content: flex-start;
}
.block8 .swiper-button-prev i {
transition: ease-out 0.3s;
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/arrow_pag.png) no-repeat;
display: block;
width: 8px;
height: 15px;
}
.block8 .swiper-button-prev div {
margin-left: 13px;
}
.block8 .swiper-button-next a {
justify-content: flex-end;
transition: ease-out 0.3s;
}
.block8 .swiper-button-next i {
transition: ease-out 0.3s;
transform: rotate(-180deg);
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/arrow_pag.png) repeat;
display: block;
width: 8px;
height: 15px;
}
.block8 .swiper-button-next div {
position: relative;
transition: ease-out 0.3s;
margin-right: 13px;
left: 0;
}
.block8 .swiper-button-prev:hover i {
background-position: -10px 0;
}
.block8 .swiper-button-prev:hover div {
margin-left: -5px;
}
.block8 .swiper-button-next:hover i {
background-position: -10px 0;
}
.block8 .swiper-button-next:hover div {
transition: ease-out 0.3s;
position: relative;
left: 18px;
}
.block8 .swiper-slide {
display: flex;
justify-content: space-between;
}
.block8 .swiper-slide h3 {
font-size: 18px;
text-transform: uppercase;
position: relative;
}
.block8 .swiper-slide h3 span {
position: absolute;
top: 10px;
left: -90px;
width: 50px;
background: black;
display: block;
height: 1px;
}
.block8 .swiper-slide .sl_img {
display: flex;
margin-top: 70px;
width: 190px;
height: 264px;
margin-left: 30px;
}
.block8 .swiper-slide img {
padding: 0 !important;
box-shadow: 4px 8px 30.72px 1.28px rgba(0, 0, 0, 0.21);
display: block;
margin: 0;
margin-left: -2px;
width: 100%;
height: auto;
}
.block8 .swiper-slide .text_block {
max-width: 600px;
}
.block8 .swiper-slide .text_block p {
margin-top: 40px;
color: #000;
font-weight: 400;
}
.block8 .swiper-slide .text_block>span {
margin-top: 30px;
color: black;
float: right;
}
.block8 .watermark { font-size: 35.85px;
font-weight: 700;
margin-top: -200px; display: inline-block;
opacity: 0.3;
position: relative;
left: 155px;
transform: scaleX(1.0031) rotate(-90deg);
}
.block8 .watermark div {
text-transform: uppercase;
color: #4fc7f3;
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
line-height: 0;
}
.block9 {
padding-top: 0;
display: flex;
justify-content: space-between;
}
.block9 .text_block {
width: 70%;
color: #000;
font-weight: 400;
}
.block9 .text_block p {
margin-top: 65px;
line-height: 24px;
}
.block9 .img_block {
margin-top: 110px;
}
.block9 .img_block a {
position: absolute;
margin-top: 46px;
right: 88px;
top: 0;
}
.block10_container {
margin-top: 50px;
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/block10.png) no-repeat center 0;
background-size: cover;
}
.block10 {
position: relative;
padding-top: 0;
margin: 0 auto;
padding-bottom: 150px;
}
.block10 .fm {
margin-top: 120px;
margin-right: 73px;
float: right;
}
.block10 .fm span {
display: block;
margin-right: 50px;
width: 50px;
margin-top: 22px;
float: left;
}
.block10 .fm a {
font-size: 18px;
font-weight: 700;
line-height: 48px;
letter-spacing: 4px;
display: block;
}
.block10 .fm a div {
letter-spacing: normal;
float: right;
color: #4fc7f3;
font-size: 36px;
padding-right: 5px;
}
.block10 .text_block {
float: left;
width: 60%;
padding-top: 90px;
margin-left: 85px;
}
.block10 .text_block>p {
margin-top: 90px;
width: 529px;
color: #000;
font-size: 14px;
font-weight: 400;
line-height: 24px;
}
.block10 .text_block .lnk_block {
margin-top: 120px;
float: right;
}
.block10 .text_block .lnk_block span {
display: block;
margin-right: 50px;
width: 50px;
margin-top: 22px;
float: left;
}
.block10 .text_block .lnk_block a {
font-size: 18px;
font-weight: 700;
line-height: 48px;
letter-spacing: 4px;
display: block;
}
.block10 .text_block .lnk_block a div {
letter-spacing: normal;
margin-left: 100px;
color: #4fc7f3;
font-size: 36px;
}
.block10 h2 {
text-align: right;
margin-right: 30px;
letter-spacing: 3px;
}
.block10 .free_contact_form {
margin-top: 20px;
width: 365px;
height: auto;
margin-left: 0;
position: static;
float: right;
}
.block10 .free_contact_form>div:first-child {
width: 40px;
height: auto;
}
.block10>p {
top: 95px;
left: -260px;
position: absolute;
height: 90px;
letter-spacing: 110px;
text-align: left;
color: rgba(79, 199, 243, 0.3);
font-size: 47.81px;
font-weight: 700;
line-height: 79.01px;
text-align: left;
transform: scaleX(1.0031) rotate(-90deg);
}
footer {
clear: both; padding: 50px 0 0;
background: #f1f1f1;
}       footer p {
font-size: 12px;
font-weight: 300;
display: inline;
}
footer .container_wraps {  display: flex;
justify-content: space-between;
grid-column-gap: 30px;
grid-row-gap: 40px;
padding-bottom: 70px;
}
footer .title {
font-size: 14px;
line-height: 18px;
font-weight: bold;
margin-bottom: 20px;
}
.footerForm {
margin-top: 15px;
}
.menuTab .menu li:not(:last-child) {
margin-bottom: 17px;
}
footer .menuTab a {
transition: ease-out 0.3s;
}
footer .menuTab a:hover {
color: #4fc7f3;
}
.menuTabWr+.menuTabWr {
margin-top: 30px;
}
.footer-col .logo img {
margin-bottom: 5px;
}
footer .footer-col:not(.copyright) {
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.footerForm .free_contact_form {
width: auto;
height: auto;
background: transparent;
box-shadow: none;
padding: 0;
margin: 0;
max-width: 300px;
float: none;
}
.footerForm .free_contact_form form {
background: transparent;
padding: 0;
}
.footerForm .title {
margin-bottom: 15px;
}
.footerForm .free_contact_form .lnk_block {
margin-top: 25px;
display: inline-flex;
width: auto;
float: none;
justify-content: normal;
align-items: center;
padding-left: 0;
}
.footerForm .free_contact_form .lnk_block span {
position: relative;
left: 0;
bottom: 0;
}
.footerForm .free_contact_form>div.wpcf7 {
border: 0;
}
.footerBot {
background: #0497c8;
color: #fff;
padding: 20px 0 40px;
}
.footerBot .footerBot_wrap {
display: flex;
justify-content: space-between;
}
.footerBot .footerBot_wrap .menu {
display: flex;
}
.footerBot .menu li:not(:last-child) {
margin-right: 40px;
}
.footerBot .menu a {
color: #fff;
text-decoration: underline;
}
.socialMob {
display: none;
}
.menuCont .menu li {
position: relative;
display: flex;
}  #mob_bars {
display: none;
padding: 10px;
width: 46px;
height: 40px;
cursor: pointer;
z-index: 1111;
}
.sticky-menu #mob_bars span,
#mob_bars span {
position: relative;
top: 10px;
display: block;
height: 3px;
background: #000000;
border-radius: 3px;
}
.sticky-menu #mob_bars span:after,
.sticky-menu #mob_bars span:before,
#mob_bars span:after,
#mob_bars span:before {
content: '';
position: absolute;
display: block;
left: 0;
width: 100%;
height: 3px;
background: #000000;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
border-radius: 3px;
}
#mob_bars span:before {
top: -7px;
}
#mob_bars span:after {
bottom: -7px;
}
#mob_bars.active span {
background: 0 0;
}
#mob_bars.active span:after,
#mob_bars.active span:before {
top: 50%;
margin: -1px 0 0 0;
background: #000;
}
#mob_bars.active span:before {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}
#mob_bars.active span:after {
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
}
#menu_mobile {
display: none;
top: 0;
right: 0;
bottom: 0;
position: absolute;
position: fixed;
z-index: 100;
padding: 20px;
min-height: 600px;
background: #fff;
overflow-y: scroll;
box-shadow: -5px 5px 10px rgba(0, 0, 0, 0.15);
min-width: 290px; }
#menu_mobile a {
color: #000;
font-size: 20px;
font-weight: 400;
}
.mob_btn {
float: right;
margin-top: -8px;
padding: 0;
margin-left: 10px;
color: #000;
font-size: 30px;
font-weight: 600;
cursor: pointer;
}
#menu_mobile>ul {
display: flex;
flex-direction: column;
justify-content: center;
margin: 50px auto 35px;
}
#menu_mobile li {
padding: 5px 0;
}
#menu_mobile li:hover div a {
color: #4fc7f3;
}
#menu_mobile li ul {
display: none;
}
#menu_mobile li ul {
margin-left: 0px;
}
#menu_mobile li ul a {
text-transform: none;
white-space: nowrap;
}
#mob_close {
width: 35px;
height: 35px;
font-size: 30px;
color: #000;
float: right;
margin-right: 30px;
margin-top: 20px;
cursor: pointer;
position: relative;
margin: 0;
right: 0;
}
.tabs_block {
float: right;
}
.breadcrumbs {
margin-top: 2px;
display: flex;
justify-content: space-between;
}
.breadcrumbs ul {
display: flex;
overflow: auto;
}
.breadcrumbs ul li {
float: left;
display: flex;
align-items: baseline;
white-space: nowrap;
}
.breadcrumbs ul li a {
margin-right: 25px;
white-space: nowrap;
}
.breadcrumbs li:last-child span,
.breadcrumbs a {
font-family: 'Nunito', sans-serif;
color: #4d4d4d;
font-size: 12px;
font-weight: 500;
line-height: 30px;
text-align: left;
}
.breadcrumbs i {
margin-right: 15px;
font-size: 9px;
}
.breadcrumbs li:last-child i {
display: none;
}
.breadcrumbs li:last-child span,
.breadcrumbs li:last-child a {
color: #4fc7f3;
}
a.back_lnk {
display: flex;
align-items: center;
text-transform: uppercase;
font-weight: 600;
font-size: 11px;
transition: ease-out 0.3s;
}
a.back_lnk span {
margin-right: 10px;
width: 17px;
height: 8px;
display: block;
float: left;
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/arrow_back.png);
}
a.back_lnk:hover {
color: #4fc7f3;
}
a.back_lnk:hover span {
transition: ease-out 0.3s;
background-position: -20px 0;
}
.tabs_block {
padding: 0;
float: none;
}
.tabs_block .tabs {
margin-top: 0;
display: block;
}
.tabs_block .tabs>ul {
width: 100%;
}
.tabs_block .tabs>ul li {
width: 50%;
box-sizing: border-box;
}
.tabs_block .check_list ul {
background: #f4f4f4;
list-style-type: square;
padding: 55px 51px;
}
.tabs_block .check_list ul li {
list-style-type: inherit;
color: #4fc7f3;
font-size: 14px;
font-weight: 300;
line-height: 30px;
}
.tabs_block .check_list ul div {
color: #4d4d4d;
}
.page_block {
margin-top: 70px;
display: flex;
justify-content: space-between;
margin-bottom: 75px;
}
.page_block-new {
grid-gap: 25px 50px;
}
.sidebar_block {
width: 364px;
min-height: 400px;
}
.page_content {
width: 680px;
min-height: 400px;
}
.page_content-new {
width: 100%;
}
.brand_lnk {
width: 364px;
box-sizing: border-box;
background: #f4f4f4;
padding: 30px;
text-align: center;
}
.brand_lnk div {
background: #fff;
width: 100%;
height: 203px;
display: flex;
justify-content: center;
align-items: center;
}
.brand_lnk h1 {
margin-top: 47px;
color: #000000;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
}
.brand_lnk a {
margin-top: 47px;
color: #4d4d4d;
font-size: 14px;
font-weight: 300;
line-height: 0;
text-align: center;
display: block;
margin-bottom: 15px;
}
.brand_lnk img {
max-width: 100%;
height: auto;
}
.accord {
padding: 0;
margin-top: 100px;
}
.accord li.active {
outline: 1px solid #4fc7f3;
transition: outline ease-out 0.3s;
}
.accord li.active h3 {
background: #4fc7f3;
transition: ease-out 0.3s;
}
.accord li.active .accord_cnt {
height: 300px;
padding: 40px 30px;
}
.accord li {
cursor: pointer;
margin-top: 50px;
outline: 1px solid transparent;
transition: outline ease-out 0.3s;
}
.accord li h3 {
transition: ease-out 0.3s;
min-height: 50px;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
background-color: #343457;
color: #fff;
padding: 0 30px;
display: flex;
align-items: center;
justify-content: space-between;
}
.accord li i {
float: right;
}
.accord li .accord_cnt {
display: none;
}
.accord li img {
width: 100%;
}
.accord li:first-child {
margin-top: 0;
}
.accord li:hover h3 {
background: #4fc7f3;
}
.about_form {
text-align: center;
}
.about_form .free_contact_form {
float: none;
height: 530px;
margin: auto;
}
.about_form .free_contact_form form {
width: 100%;
}
.about_form h3 {
text-transform: uppercase;
}
.about_form .input_block {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: baseline;
}
.about_form .inp_cont {
width: 40%;
}
.about_form .form_desc {
padding-top: 75px;
clear: both;
position: relative;
}
.about_form a {
transition: ease-out 0.3s;
text-decoration: underline;
}
.about_form a:hover {
color: #4fc7f3;
}
.sidebar_block .no_top {
margin-top: 0;
}
.sidebar {
margin-top: 70px;
}
.sidebar h2 {
font-size: 12px;
font-weight: 600;
margin: 0;
padding: 0 30px;
text-transform: uppercase;
color: #fff;
line-height: 50px;
background: #4fc7f3;
}
.sidebar h2 i {
float: right;
margin-top: 18px;
}
.sidebar ul {
display: block;
border: 1px solid #4fc7f3;
position: relative;
padding: 30px;
box-sizing: border-box;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.sidebar li {
transition: ease-out 0.3s;
position: relative;
z-index: 2;
display: flex;
justify-content: space-between;
align-items: center;
background: transparent;
width: 120%;
}
.sidebar a {
transition: ease 0.3s;
text-transform: uppercase;
color: #4d4d4d;
font-size: 12px;
font-weight: 600;
line-height: 50px;
max-width: 300px;
text-align: left;
} .sidebar li:hover {
background: #fff;
}
.sidebar li:hover a {
transition: ease 0.3s;
color: #4fc7f3;
}
.sidebar li:hover span {
transition: ease 0.5s;
transform: rotate(0deg);
}
.custom-catalog {
padding-top: 0;
}
.catalog>h1 {
padding: 0;
margin: 0;
font-family: 'Nunito', sans-serif;
color: #010000;
font-size: 36px; font-weight: 700;
line-height: 36px; text-align: left;
}
.catalog>p {
margin-top: 90px;
color: #4d4d4d;
font-size: 14px;
font-weight: 300;
line-height: 30px;
}
.article_tags {
margin-top: 47px;
background: #f4f4f4;
}
.article_tags .tags_slider {
margin-top: -70px;
}
.article_tags .swiper-slide:nth-child(2n) {
margin-left: 10px;
}
.article_tags .swiper-slide:hover a {
transition: ease-out 0.3s;
color: #4fc7f3;
}
.article_tags ul {
min-width: 1000px;
height: 80px;
margin-top: -80px;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.article_tags a {
color: #4d4d4d;
font-size: 14px;
font-weight: 300;
line-height: 30px;
}
.article_tags .nav_tag {
display: flex;
justify-content: space-between;
align-items: center;
}
.article_tags .nav_tag_btn {
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
color: #4d4d4d;
width: 50px;
height: 80px;
transition: ease-out 0.3s;
background: #f4f4f4;
position: relative;
z-index: 2;
}
.article_tags .nav_tag_btn:hover {
background: #4fc7f3;
}
.article_tags li {
margin-left: 30px;
}
.article_list {
margin-top: 100px;
}
.article_list article {
clear: both;
padding-top: 50px;
}
.article_list article>div {
width: calc(59% - 30px);
float: right;
}
.article_list article .article_info {
padding-top: 20px;
clear: right;
display: flex;
justify-content: space-between;
align-items: center;
}
.article_list article h2 {
float: right;
margin: -6px 0 20px 0;
color: #000000;
font-size: 18px;
font-weight: 700;
line-height: 24px;
text-align: left;
text-transform: uppercase;
}
.article_list article p {
margin: 0;
float: right;
font-size: 14px;
font-weight: 400;
line-height: 24px;
text-align: left;
}
.article_list article img {
margin-right: 30px;
width: 269px;
height: 181px;
order: 0;
float: left;
}
.article_list article .article_footer {
color: #000;
font-size: 9px;
width: 90px;
display: flex;
justify-content: space-between;
}
.article_list article .article_footer i {
padding-right: 10px;
}
.article_list article .img_block {
width: 269px;
height: 181px;
position: relative;
text-align: center;
float: left;
}
.article_list article .img_block p {
width: 181px;
position: absolute;
color: rgba(79, 199, 243, 0.3);
font-size: 17px;
transform: scaleX(1.0031) rotate(-90deg);
letter-spacing: 5px;
text-transform: uppercase;
text-align: center;
top: 63px;
right: -80px;
font-weight: 700;
}
.article_list article video {
display: none;
width: 269px;
height: 181px;
}
.article_list article:first-child {
margin-bottom: 80px;
display: flex;
flex-direction: column;
}
.article_list article:first-child h2 {
margin: 50px 0 0 0;
}
.article_list article:first-child p {
margin: 20px 0 0 0;
}
.article_list article:first-child img {
order: -1;
width: 100%;
height: 259px;
display: block;
}
.article_list article:first-child .article_info {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.article_list article:first-child .article_footer {
color: #4d4d4d;
font-size: 9px;
width: 90px;
display: flex;
justify-content: space-between;
}
.pagination {
margin-bottom: -67px;
}
.pagination .nav_block ul,
.pagination ul {
margin-top: -50px;
display: flex;
justify-content: center;
align-items: center;
}
.pagination .nav_block>ul li::before {
display: none;
}
.art_nav .next,
.art_nav .prev {
opacity: 1;
}
.pagination ul a {
transition: ease-out 0.3s;
font-size: 14px;
padding: 0 5px;
color: #4d4d4d;
font-weight: 300;
}
.pagination ul li:hover a {
color: #4fc7f3;
}
.navigation.pagination .page-numbers {
padding: 0 6px;
color: #4d4d4d;
}
.navigation.pagination .page-numbers.current,
.pagination .active {
font-family: 'Nunito', sans-serif;
color: #4fc7f3;
font-weight: 600;
}
.navigation.pagination .nav-links,
.pagination .nav_block {
padding-top: 100px;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
top: 0;
}
.navigation.pagination .nav-links {
justify-content: center;
}
.navigation.pagination .next.page-numbers,
.navigation.pagination .prev.page-numbers,
.pagination .nav_btn {
opacity: 1;
position: static;
width: 80px;
background: none;
}
.navigation.pagination .next.page-numbers span,
.navigation.pagination .prev.page-numbers span,
.pagination .nav_btn a {
display: flex;
align-items: center;
}
.navigation.pagination .next.page-numbers i,
.navigation.pagination .prev.page-numbers i,
.pagination .nav_btn i {
font-size: 18px;
}
.navigation.pagination .next.page-numbers div,
.navigation.pagination .prev.page-numbers div,
.pagination .nav_btn div {
transition: ease-out 0.3s;
height: 1px;
background: black;
width: 50px;
}
.navigation.pagination .next.page-numbers:hover div,
.navigation.pagination .prev.page-numbers:hover div,
.pagination .nav_btn:hover div {
background: #4fc7f3;
}
.navigation.pagination .prev.page-numbers span,
.pagination .swiper-button-prev a {
transition: ease-out 0.3s;
justify-content: flex-start;
}
.navigation.pagination .prev.page-numbers i,
.pagination .swiper-button-prev i {
transition: ease-out 0.3s;
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/arrow_pag.png) no-repeat;
display: block;
width: 8px;
height: 15px;
}
.navigation.pagination .prev.page-numbers div,
.pagination .swiper-button-prev div {
margin-left: 13px;
}
.navigation.pagination .next.page-numbers span,
.pagination .swiper-button-next a {
justify-content: flex-end;
transition: ease-out 0.3s;
}
.navigation.pagination .next.page-numbers i,
.pagination .swiper-button-next i {
transition: ease-out 0.3s;
transform: rotate(-180deg);
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/arrow_pag.png) no-repeat;
display: block;
width: 8px;
height: 15px;
}
.navigation.pagination .next.page-numbers div,
.pagination .swiper-button-next div {
margin-right: 13px;
}
.navigation.pagination .prev.page-numbers:hover i,
.pagination .swiper-button-prev:hover i {
background-position: -10px 0;
}
.navigation.pagination .prev.page-numbers:hover div,
.pagination .swiper-button-prev:hover div {
margin-left: -5px;
}
.navigation.pagination .next.page-numbers:hover i,
.pagination .swiper-button-next:hover i {
background-position: -10px 0;
}
.navigation.pagination .next.page-numbers:hover div,
.pagination .swiper-button-next:hover div {
margin-right: -5px;
}
.article {
padding: 0;
width: 100%;
font-family: 'Nunito', sans-serif;
color: #4d4d4d;
}
.article img {
float: left;
width: auto;
margin: 0 20px 20px 0;
}
.article h3.art_title {
text-transform: uppercase;
padding: 0;
display: inline;
position: relative;
top: -10px;
line-height: 36px;
}
.article h1 {
margin-top: 0;
color: #000000;
font-weight: 800;
font-size: 48px;
line-height: 100%;
}
.article h2 {
color: #000000;
font-size: 35.55px;
font-weight: 700;
line-height: 60px;
text-align: left;
}
.article h3 {
color: #000000;
font-size: 18px;
font-weight: 700;
line-height: 48px;
text-align: left;
}
.article h4 {
font-size: 14px;
font-weight: 600;
line-height: 36px;
text-align: left;
}
.article h5 {
font-size: 12px;
font-weight: 600;
line-height: 36px;
}
.article p {
margin-top: 36px;
font-weight: 300;
line-height: 24px;
}
.article ul {
margin-top: 50px;
padding: inherit;
margin-left: 15px;
}
.article ul li {
display: block;
color: #000000;
font-weight: 300;
padding-left: 15px;
position: relative;
line-height: 24px;
}
.article ul li:not(:last-child) {
margin-bottom: 10px;
}
.article ul li p {
margin: 0;
}
.article ul li::before {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: '\f45c';
list-style-type: square;
font-size: 5px;
line-height: 14px;
display: inline-block;
position: absolute;
left: 0;
top: 11px;
margin-top: -7px;
color: #000;
margin-right: 10px;
}
.article ul li::before p {
margin: 0;
}
.article ol {
margin-top: 50px;
counter-reset: myCounter;
padding-left: 10px;
}
.article ol li {
list-style-type: decimal;
}
.article ol li p {
margin: 0;
}
.ar_page.free_contact_form {
width: 100%;
height: 460px;
}
.ar_page.free_contact_form .inp_cont {
width: 25%;
}
.ar_page.free_contact_form form {
width: 100%;
padding: 65px 38px 75px;
}
.ar_page.free_contact_form .form_desc {
text-align: right;
}
.service_block1 {
margin-top: 15px;
padding-top: 0;
display: flex;
align-items: flex-start;
}
.service_block1 h2 {
font-size: 50px;
font-weight: 700;
line-height: 60px;
text-align: left;
}
.service_block1 ul {
margin-top: 27px;
}
.service_block1 ul span {
color: #4fc7f3;
font-size: 47.81px;
font-weight: 700;
line-height: 79.01px;
text-align: left;
transform: scaleY(1.0031);
width: 30px;
}
.service_block1>div {
width: 600px;
}
.service_block1>div>p {
margin-top: 20px;
margin-right: 77px;
font-size: 14px;
font-weight: 300;
line-height: 30px;
color: #4d4d4d;
}
.service_block1 li {
margin-top: -5px;
text-transform: uppercase;
color: #4d4d4d;
font-size: 12px;
font-weight: 600;
line-height: 30px;
text-align: left;
display: flex;
align-items: flex-start;
}
.service_block1 li p {
margin-left: 28px;
}
.service_block1 .img_bl {
padding-left: 20px;
margin-top: 160px;
width: 729px;
}
.service_block1 .img_bl {
width: 729px;
min-height: 700px;
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/Ipad-min.png) no-repeat;
background-size: contain;
padding: 39px 20px 84px 21px;
overflow: hidden;
box-sizing: border-box;
}
.service_block1 .img_bl div {
overflow: hidden;
width: 100%;
height: 437px;
border-radius: 7px;
background: #fff;
}
.service_block1 .img_bl img {
box-sizing: border-box;
width: 100%;
height: 100%;
display: block;
padding: 0;
}
.service_block2 {
padding-top: 50px;
}
.service_block2>div:first-child {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.service_block2 .service_block_cnt {
display: flex;
justify-content: space-around;
margin-top: 70px;
}
.service_block2 .service_block_cnt>div {
color: #4d4d4d;
position: relative;
width: 440px;
height: 460px;
border: 1px solid #4fc7f3;
}
.service_block2 .service_block_cnt>div div {
text-transform: uppercase;
clear: both;
font-family: 'Nunito', sans-serif;
color: #000000;
font-size: 14px;
line-height: 36px;
display: inline;
bottom: 18px;
position: absolute;
}
.service_block2 .service_block_cnt>div p {
padding: 32px 36px;
background: #fff;
z-index: 1;
position: relative;
margin-top: -220px;
box-sizing: border-box;
width: 324px;
box-shadow: 4px 8px 30.72px 1.28px rgba(0, 0, 0, 0.21);
font-size: 14px;
font-weight: 300;
line-height: 30px;
}
.service_block2 .service_block_cnt>div h3 {
width: 200px;
font-size: 14px;
font-weight: 700;
line-height: 30px;
height: 150px;
background: #fff;
position: relative;
text-transform: uppercase;
margin-top: 140px;
display: flex;
align-items: center;
}
.service_block2 .service_block_cnt>div:first-child h3 {
float: left;
left: -60px;
}
.service_block2 .service_block_cnt>div:first-child p {
float: right;
right: -48px;
}
.service_block2 .service_block_cnt>div:first-child div {
right: 30px;
}
.service_block2 .service_block_cnt>div:last-child h3 {
float: right;
right: -70px;
text-align: right;
justify-content: flex-end;
}
.service_block2 .service_block_cnt>div:last-child p {
float: left;
left: -48px;
}
.service_block2 .service_block_cnt>div:last-child div {
left: 30px;
}
.service_block3 {
padding-top: 20px;
display: flex;
justify-content: space-between;
}
.service_block3 p {
margin-top: 93px;
color: #4d4d4d;
font-size: 14px;
font-weight: 300;
line-height: 24px;
}
.service_block3 img {
margin-top: 113px;
width: 284px;
height: 276px;
margin-left: 50px;
display: block;
}
.srv {
padding-top: 100px;
margin-bottom: 120px;
}
.servise_page .block7 {
padding-top: 70px;
}
.servise_page .about_form {
margin-bottom: 110px;
}
.cont_header {
min-height: 400px;
}
.cont_header .top_text {
float: right;
}
.cont_header .top_text h2 {
margin-top: 123px;
font-size: 35px;
}
.cont_header .top_text>p {
color: #4d4d4d;
font-size: 14px;
font-weight: 700;
line-height: 36px;
text-align: left;
margin-top: 2px;
text-transform: uppercase;
}
.cont_header div>.bg_head_img {
float: left;
width: 90%;
display: block;
position: absolute;
left: -123px;
bottom: 0;
}
.cont_header .head_form {
margin-top: 75px;
}
.cont_header .head_form .blue_mark ul {
padding: 0 0 0 13px;
}
.cont_header .head_form .blue_mark div {
color: #4d4d4d;
font-size: 14px;
font-weight: 600;
line-height: 30px;
}
.cont_header .head_form .blue_mark li {
margin-top: 3px;
}
.cont_header .btn {
margin-top: 97px;
margin-bottom: 180px;
}
.cont_header .mouse {
margin: -167px 0 0 0;
text-transform: uppercase;
}
.cont_header .mouse p {
margin-top: 3px;
}
.blue_mark ul {
background: #f4f4f4;
list-style-type: square;
padding: 55px 51px;
}
.blue_mark ul li {
list-style-type: inherit;
color: #4fc7f3;
font-size: 14px;
font-weight: 400;
line-height: 30px;
}
.blue_mark ul div {
color: #000;
margin-left: 3px;
}
.service_page .top_text {
margin-left: -11px;
}
.service_page .top_text h1,
.service_page .top_text h2 {
font-size: 36px;
}
.service_page .top_text>p {
color: #000;
font-size: 14px;
font-weight: 700;
line-height: 36px;
text-align: left;
text-transform: uppercase;
padding-top: 17px;
}
.service_page .top_text .nav_block {
top: -100px;
}
.service_page .top_text .btn {
margin-top: 54px;
}
.service_page .mouse {
margin-top: 45px;
margin-bottom: 82px;
}
.service_an_bl1 {
padding-top: 220px;
margin-bottom: 124px;
}
.service_an_bl1>div {
width: 100%;
margin-right: 15px;
border: 1px solid #4fc7f3;
}
.service_an_bl1>div>p {
display: inline-block;
clear: both;
color: #4d4d4d;
font-size: 12px;
font-weight: 700;
line-height: 24px;
text-align: left;
background: #fff;
padding: 90px 10px 202px 10px; margin-top: -42px;
position: relative;
left: -10px;
z-index: 1;
text-transform: uppercase;
}
.service_an_bl1 h2 {
float: left;
font-size: 50px;
text-align: left;
background: #fff;
padding-right: 180px;
padding-top: 20px;
margin-top: -110px;
}
.service_an_bl1 li {
width: 460px;
height: 300px;
box-sizing: border-box;
padding: 32px 30px;
background: #f4f4f4;
display: flex;
}
.service_an_bl1 li>span {
color: #4fc7f3;
font-size: 47.81px;
font-weight: 700;
line-height: 0;
text-align: left;
transform: scaleY(1.0031);
width: 30px;
margin-top: 15px;
float: left;
}
.service_an_bl1 li>div {
margin-top: -15px;
margin-left: 30px;
position: relative;
}
.service_an_bl1 li .lnk_block {
float: right;
position: absolute;
bottom: 0;
right: 0;
}
.service_an_bl1 li p {
margin-top: 5px;
color: #000;
font-size: 12px;
font-weight: 600;
line-height: 18px;
}
.service_an_bl1 h3 {
color: #000000;
font-size: 12px;
font-weight: 700;
line-height: 18px;
text-transform: uppercase;
}
.service_an_bl1 li:first-child {
float: right;
margin-right: -15px;
margin-top: 53px;
margin-bottom: 70px;
}
.service_an_bl1 li:nth-child(2) {
float: left;
margin-left: 55px;
position: relative;
bottom: -60px;
margin-top: -72px;
}
.service_an_bl1 li:last-child {
float: right;
margin-bottom: -200px;
margin-right: 70px;
}
.service_an_bl1 .zagl {
clear: both;
height: 1px;
}
.service_an_bl2 h2 {
text-align: left;
}
.service_an_bl2 .decor {
width: 50px;
display: inline-block;
height: 1px;
background: black;
position: relative;
top: -14px;
margin-right: 5px;
}
.service_an_bl2>p {
font-family: 'Nunito', sans-serif;
color: #4d4d4d;
font-size: 14px;
font-weight: 300;
line-height: 36px;
text-align: left;
margin-top: 40px;
}
.service_an_bl2 strong {
font-weight: 700;
}
.service_an_bl2>div>div>img {
width: 491px;
margin-top: 109px;
float: left;
}
.service_an_bl2 .tabs {
width: 50%;
margin-top: 45px;
float: right;
}
.service_an_bl2 .tabs .tabs_title>li img {
width: 59px;
height: 55px;
display: block;
margin-right: 15px;
}
.service_an_bl2 .tabs .tabs_title>li>div {
display: flex;
justify-content: center;
}
.service_an_bl2 .tabs .title {
text-align: left;
}
.service_an_bl2 .tabs_title li {
box-sizing: border-box;
line-height: 18px;
width: 50%;
padding: 30px;
}
.service_an_bl2 .tabs_title li:first-child span {
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/lose1-min.png);
}
.service_an_bl2 .tabs_title li:last-child span {
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/lose3-min.png);
}
.service_an_bl2 .tabs_title i {
margin-top: -20px;
}
.service_an_bl2 .check_list ul {
padding: 25px 25px 25px 42px;
}
.service_an_bl2 .check_list h4 {
margin-left: 8px;
text-transform: uppercase;
color: #4d4d4d;
font-size: 12px;
font-weight: 600;
line-height: 30px;
}
.service_an_bl2 .check_list li>div {
margin-left: 8px;
margin-top: -17px;
margin-bottom: 20px;
}
.service_an_bl2 .btn_block {
padding-top: 0;
margin: 75px auto;
display: flex;
justify-content: center;
clear: both;
}
.service_an_bl3 {
padding-top: 0;
margin-top: 90px;
margin-bottom: 150px;
}
.service_an_bl3 h2 {
text-align: left;
}
.service_an_bl3>p {
width: 53%;
color: #4d4d4d;
font-size: 12px; font-weight: 700;
line-height: 24px; text-align: left;
float: right;
text-transform: uppercase;
}
.service_an_bl3 .tabs {
margin-top: 82px;
width: 100%;
}
.service_an_bl3 .tabs .tabs_title li {
border-right: 1px solid #f4f4f4;
height: 120px;
padding: 30px 38px;
float: left;
width: 25%;
box-sizing: border-box;
}
.service_an_bl3 .tabs .tabs_title li div {
display: flex;
align-items: center;
min-height: 59px;
}
.service_an_bl3 .tabs .tabs_title li div div {
text-align: left;
font-size: 16px;
line-height: 18px;
}
.service_an_bl3 .tabs .tabs_title li i {
margin-top: -5px;
position: relative;
top: -6px;
}
.service_an_bl3 .tabs .tabs_title img {
float: left;
width: 59px;
height: 55px;
display: block;
margin-right: 12px;
}
.service_an_bl3 .check_list {
padding: 20px 30px 50px 30px;
}
.service_an_bl3 .check_list h4 {
color: #000000;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
}
.service_an_bl3 .check_list div {
margin-top: 3px;
}
.service_an_bl3 .btn_block {
margin-top: 45px;
text-align: center;
}
.service_an_bl4_container {
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/bg_line8.png) no-repeat;
background-position: center 150px;
}
.service_an_bl4 {
padding-top: 109px;
}
.service_an_bl4 h2 {
text-align: left;
text-transform: uppercase;
}
.service_an_bl4>p {
margin-top: -5px;
width: 470px;
float: right;
font-size: 12px;
font-weight: 700;
line-height: 24px;
text-transform: uppercase;
color: #4d4d4d;
}
#service_calc {
margin-top: 156px;
clear: both;
display: flex;
justify-content: space-between;
border-bottom: 1px solid #4fc7f3;
}
#service_calc .calc_list h3 {
text-transform: uppercase;
color: #4d4d4d;
font-size: 18px;
font-weight: 700;
line-height: 24px;
border-right: 1px solid #4fc7f3;
display: block;
text-align: center;
padding: 10px 33.5px 55px;
margin-top: 0;
box-sizing: initial;
width: 100%;
margin-bottom: -70px;
}
#service_calc .bl_check_cont {
width: 100%;
}
#service_calc .calc_decor {
height: 30px;
border-right: 1px solid #4fc7f3;
width: 100%;
padding-right: 67px;
margin-top: 0;
}
#service_calc .sidebar ul {
padding: 0;
border: none;
}
#service_calc .sidebar ul li {
margin-top: -1px;
width: 135%;
}
#service_calc .sidebar ul li a {
display: block;
font-family: 'Nunito', sans-serif;
color: #4d4d4d;
font-size: 12px;
font-weight: 600;
line-height: 48px;
text-align: left;
text-transform: uppercase;
position: relative;
}
#service_calc .sidebar ul li .cal_about {
position: absolute;
right: -18px;
top: -12px;
color: #4fc7f3;
}
#service_calc .sidebar li:hover {
background: transparent;
}
#service_calc .sidebar li:hover a {
color: #4fc7f3;
}
#service_calc .yan_logo,
#service_calc .goog_logo {
margin-top: 5px;
margin-bottom: 47px;
}
#service_calc .bl_check_cont {
height: 47px;
display: flex;
justify-content: flex-start;
align-items: center;
}
#service_calc .bl_check_cont>span {
position: relative;
top: -1px;
}
#service_calc .calc_check {
width: 300px;
}
#service_calc .calc_check label {
color: #4d4d4d;
font-size: 14px;
font-weight: 300;
}
.calc_price_block {
margin-top: 50px;
display: flex;
justify-content: space-between;
align-items: center;
}
.calc_price_block #price,
.calc_price_block #final_price {
color: #4d4d4d;
font-size: 14px;
font-weight: 700;
line-height: 48px;
text-align: left;
text-transform: uppercase;
}
.calc_price_block #price a,
.calc_price_block #final_price a {
color: #4d4d4d;
font-size: 14px;
font-weight: 700;
line-height: 48px;
text-align: left;
text-transform: uppercase;
margin-left: 30px;
}
.calc_price_block #price a:hover,
.calc_price_block #final_price a:hover {
color: #4fc7f3;
transition: ease-out 0.3s;
}
.calc_bonus_block {
margin-top: 45px;
padding: 0 30px;
display: flex;
justify-content: space-between;
align-items: center;
background: #f4f4f4;
}
.calc_bonus_block #calc_bonus {
color: #4d4d4d;
font-size: 14px;
font-weight: 700;
line-height: 48px;
text-align: left;
text-transform: uppercase;
}
.calc_bonus_block #calc_bonus span {
margin-left: 30px;
}
.calc_bonus_block p {
color: #000;
font-size: 14px;
font-weight: 400;
line-height: 48px;
}
.service_an_bl5 {
margin-bottom: 75px;
padding-top: 77px;
}
.service_an_bl5 h2 {
text-align: left;
}
.service_an_bl5>p {
color: #4d4d4d;
font-size: 14px;
font-weight: 400;
line-height: 24px;
text-align: right;
width: 367px;
float: right;
margin-top: -53px;
}
.service_an_bl5>div {
clear: both;
}
.service_an_bl5 .serv_an_slider {
height: 530px;
top: 20px;
}
.service_an_bl5 .serv_an_slider .swiper-slide h3 {
margin-top: -30px;
margin-left: 50px;
color: #000000;
font-size: 18px;
font-weight: 700;
line-height: 24px;
text-align: center;
text-transform: uppercase;
padding: 15px 69px;
background: #fff;
}
.service_an_bl5 .serv_an_slider .swiper-slide p {
padding-left: 50px;
margin-top: 77px;
color: #000;
font-size: 14px;
font-weight: 400;
line-height: 36px;
text-align: left;
}
.service_an_bl5 .serv_an_slider .swiper-slide .lnk_block {
margin-top: 57px;
margin-right: 28px;
float: right;
}
.service_an_bl5 .serv_an_slider .swiper-slide .serv_bord {
margin-right: 42px;
margin-top: 80px;
border: 1px solid #4fc7f3;
height: 420px;
display: flex;
justify-content: space-between;
}
.service_an_bl5 .serv_an_slider .swiper-slide .serv_bord>div:first-child {
width: 50%;
float: left;
}
.service_an_bl5 .serv_an_slider .swiper-slide .serv_bord .bl_im {
width: 50%;
height: 430px;
margin-top: -75px;
margin-right: -32px;
padding: 20px;
box-sizing: border-box;
float: right;
}
.service_an_bl5 .serv_an_slider .swiper-slide .serv_bord img {
width: 100%;
box-shadow: 4px 8px 30.72px 1.28px rgba(0, 0, 0, 0.21);
}
.service_an_bl5 .serv_nav {
display: flex;
width: 315px;
margin: -2px 113px;
box-sizing: border-box;
background: #fff;
position: relative;
z-index: 1111;
padding-left: 41px;
padding-right: 32px;
top: 0px;
float: right;
}
.service_an_bl5 .nav_block {
margin-left: auto;
margin-right: auto;
background: #fff;
display: flex;
justify-content: space-between;
width: 240px;
top: 0;
}
.service_an_bl5 .nav_block .nav_btn {
position: static;
width: 80px;
display: flex;
align-items: center;
background: none;
}
.service_an_bl5 .nav_block .nav_btn i {
font-size: 18px;
}
.service_an_bl5 .nav_block .nav_btn div {
transition: ease-out 0.3s;
height: 1px;
background: black;
width: 50px;
}
.service_an_bl5 .nav_block .nav_btn:hover div {
background: #4fc7f3;
}
.service_an_bl5 .nav_block .swiper-button-prev a {
transition: ease-out 0.3s;
justify-content: flex-start;
}
.service_an_bl5 .nav_block .swiper-button-prev i {
transition: ease-out 0.3s;
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/arrow_pag.png) no-repeat;
display: block;
width: 8px;
height: 15px;
}
.service_an_bl5 .nav_block .swiper-button-prev div {
margin-left: 13px;
}
.service_an_bl5 .nav_block .swiper-button-next a {
justify-content: flex-end;
transition: ease-out 0.3s;
}
.service_an_bl5 .nav_block .swiper-button-next i {
transition: ease-out 0.3s;
transform: rotate(-180deg);
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/arrow_pag.png) repeat;
display: block;
width: 8px;
height: 15px;
}
.service_an_bl5 .nav_block .swiper-button-next div {
position: relative;
transition: ease-out 0.3s;
margin-right: 13px;
left: 0;
}
.service_an_bl5 .nav_block .swiper-button-prev:hover i {
background-position: -10px 0;
}
.service_an_bl5 .nav_block .swiper-button-prev:hover div {
margin-left: -5px;
}
.service_an_bl5 .nav_block .swiper-button-next:hover i {
background-position: -10px 0;
}
.service_an_bl5 .nav_block .swiper-button-next:hover div {
transition: ease-out 0.3s;
position: relative;
left: 18px;
}
.service_an_bl5 {
padding-top: 77px;
position: relative;
}
.service_an_bl5 h2 {
text-align: left;
}
.service_an_bl5>p {
color: #4d4d4d;
font-size: 14px;
font-weight: 300;
line-height: 24px;
text-align: right;
width: 367px;
float: right;
margin-top: -53px;
}
.service_an_bl5>div {
clear: both;
}
.service_an_bl5 .serv_an_slider {
height: 530px;
top: 20px;
}
.service_an_bl5 .serv_an_slider .swiper-slide h3 {
margin-top: -30px;
margin-left: 50px;
color: #000000;
font-size: 18px;
font-weight: 700;
line-height: 24px;
text-align: center;
text-transform: uppercase;
padding: 15px 69px;
background: #fff;
}
.service_an_bl5 .serv_an_slider .swiper-slide p {
padding-left: 50px;
margin-top: 77px;
color: #000;
font-size: 14px;
font-weight: 400;
line-height: 36px;
text-align: left;
}
.service_an_bl5 .serv_an_slider .swiper-slide .lnk_block {
margin-top: 57px;
margin-right: 28px;
float: right;
}
.service_an_bl5 .serv_an_slider .swiper-slide .serv_bord {
margin-right: 42px;
margin-top: 80px;
border: 1px solid #4fc7f3;
height: 420px;
display: flex;
justify-content: space-between;
}
.service_an_bl5 .serv_an_slider .swiper-slide .serv_bord>div {
width: 50%;
float: left;
}
.service_an_bl5 .serv_nav {
display: flex;
width: 315px;
margin: -29px 113px;
box-sizing: border-box;
background: #fff;
position: relative;
z-index: 11;
padding: 20px 32px 20px 41px;
top: 0px;
float: right;
}
.service_an_bl5 .nav_block {
margin-left: auto;
margin-right: auto;
background: #fff;
display: flex;
justify-content: space-between;
width: 240px;
top: 0;
}
.service_an_bl5 .nav_block .nav_btn {
position: static;
width: 80px;
display: flex;
align-items: center;
background: none;
}
.service_an_bl5 .nav_block .nav_btn i {
font-size: 18px;
}
.service_an_bl5 .nav_block .nav_btn div {
transition: ease-out 0.3s;
height: 1px;
background: black;
width: 50px;
}
.service_an_bl5 .nav_block .nav_btn:hover div {
background: #4fc7f3;
}
.service_an_bl5 .nav_block .swiper-button-prev a {
transition: ease-out 0.3s;
justify-content: flex-start;
}
.service_an_bl5 .nav_block .swiper-button-prev i {
transition: ease-out 0.3s;
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/arrow_pag.png) no-repeat;
display: block;
width: 8px;
height: 15px;
}
.service_an_bl5 .nav_block .swiper-button-prev div {
margin-left: 13px;
}
.service_an_bl5 .nav_block .swiper-button-next a {
justify-content: flex-end;
transition: ease-out 0.3s;
}
.service_an_bl5 .nav_block .swiper-button-next i {
transition: ease-out 0.3s;
transform: rotate(-180deg);
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/arrow_pag.png) repeat;
display: block;
width: 8px;
height: 15px;
}
.service_an_bl5 .nav_block .swiper-button-next div {
position: relative;
transition: ease-out 0.3s;
margin-right: 13px;
left: 0;
}
.service_an_bl5 .nav_block .swiper-button-prev:hover i {
background-position: -10px 0;
}
.service_an_bl5 .nav_block .swiper-button-prev:hover div {
margin-left: -5px;
}
.service_an_bl5 .nav_block .swiper-button-next:hover i {
background-position: -10px 0;
}
.service_an_bl5 .nav_block .swiper-button-next:hover div {
transition: ease-out 0.3s;
position: relative;
left: 18px;
}
.service_an_bl6 {
padding-top: 123px;
margin-bottom: 75px;
}
.service_an_bl6 h2 {
padding-top: 0;
margin-top: -56px;
margin-bottom: 90px;
}
.service_an_bl6 .top_cnt {
display: flex;
justify-content: space-between;
}
.service_an_bl6 .top_cnt p {
margin-top: 34px;
}
.service_an_bl6 .serv_bord {
border: 1px solid #4fc7f3;
padding-right: 71px;
padding-bottom: 67px;
}
.service_an_bl6 .serv_bord .bottom_cnt {
display: flex;
justify-content: space-between;
}
.service_an_bl6 .serv_bord .bottom_cnt p {
color: #4d4d4d;
font-size: 12px;
font-weight: 700;
line-height: 24px;
text-align: left;
text-transform: uppercase;
margin-left: 81px;
margin-top: 33px;
}
.service_an_bl6 .serv_bord .bottom_cnt .btn_block {
margin-top: 20px;
}
.service_an_bl6 .serv_bord p {
color: #000;
font-size: 14px;
font-weight: 400;
line-height: 24px;
}
.service_an_bl6 .serv_slide_image_block {
background: #fff;
padding: 0 94px 40px 0;
width: 330px;
position: relative;
margin-top: -1px;
margin-left: -1px;
}
.service_an_bl6 .serv_slide_image_block span { display: none !important;
align-items: center;
justify-content: center;
position: absolute;
top: 175px;
right: -132px;
display: block;
width: 402px;
height: 50px;
color: #ffffff;
font-size: 12px;
font-weight: 700;
line-height: 24px;
text-align: center;
transform: rotate(-90deg);
text-transform: uppercase;
background: #4fc7f3;
}
.service_an_bl6 .serv_slide_image_block span div {
margin-top: 11px;
display: none;
}
.service_an_bl6 .serv_slide_image_block>div {
text-align: center;
background: #f4f4f4;
width: 330px;
padding: 30px;
box-sizing: border-box;
}
.service_an_bl6 .serv_slide_image_block>div img {
width: auto;
height: 227px;
}
.service_an_bl6 .serv_slide_image_block>div h4 {
margin-top: 41px;
color: #000000;
font-size: 18px;
font-weight: 700;
line-height: 24px;
text-align: center;
}
.service_an_bl6 .serv_slide_image_block>div p {
text-align: center;
margin-top: 18px;
margin-bottom: -3px;
}
.service_an_bl6 .serv_nav {
display: flex;
width: 315px;
margin: -29px 113px;
box-sizing: border-box;
background: #fff;
position: relative;
z-index: 11;
padding: 20px 32px 20px 41px;
top: 0px;
float: right;
}
.service_an_bl6 .nav_block {
margin-left: auto;
margin-right: auto;
background: #fff;
display: flex;
justify-content: space-between;
width: 240px;
top: 0;
}
.service_an_bl6 .nav_block .nav_btn {
position: static;
width: 80px;
display: flex;
align-items: center;
background: none;
}
.service_an_bl6 .nav_block .nav_btn i {
font-size: 18px;
}
.service_an_bl6 .nav_block .nav_btn div {
transition: ease-out 0.3s;
height: 1px;
background: black;
width: 50px;
}
.service_an_bl6 .nav_block .nav_btn:hover div {
background: #4fc7f3;
}
.service_an_bl6 .nav_block .swiper-button-prev a {
transition: ease-out 0.3s;
justify-content: flex-start;
}
.service_an_bl6 .nav_block .swiper-button-prev i {
transition: ease-out 0.3s;
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/arrow_pag.png) no-repeat;
display: block;
width: 8px;
height: 15px;
}
.service_an_bl6 .nav_block .swiper-button-prev div {
margin-left: 13px;
}
.service_an_bl6 .nav_block .swiper-button-next a {
justify-content: flex-end;
transition: ease-out 0.3s;
}
.service_an_bl6 .nav_block .swiper-button-next i {
transition: ease-out 0.3s;
transform: rotate(-180deg);
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/arrow_pag.png) repeat;
display: block;
width: 8px;
height: 15px;
}
.service_an_bl6 .nav_block .swiper-button-next div {
position: relative;
transition: ease-out 0.3s;
margin-right: 13px;
left: 0;
}
.service_an_bl6 .nav_block .swiper-button-prev:hover i {
background-position: -10px 0;
}
.service_an_bl6 .nav_block .swiper-button-prev:hover div {
margin-left: -5px;
}
.service_an_bl6 .nav_block .swiper-button-next:hover i {
background-position: -10px 0;
}
.service_an_bl6 .nav_block .swiper-button-next:hover div {
transition: ease-out 0.3s;
position: relative;
left: 18px;
}
.bl_foot_info {
border-top: 1px solid #e3e3e3;
background: #f4f4f4;
}
.bl_foot_info>div {
display: flex;
justify-content: space-between;
align-items: center;
min-height: 135px;
}
.bl_foot_info>div>div {
display: flex;
justify-content: space-between;
align-items: center;
}
.bl_foot_info h3 {
color: #4d4d4d;
font-size: 14px;
font-weight: 700;
line-height: 30px;
text-align: left;
}
.bl_foot_info h3 span {
color: #4fc7f3;
}
.bl_foot_info p {
color: #4d4d4d;
font-size: 14px;
font-weight: 300;
line-height: 30px;
text-align: left;
margin-right: 28px;
}
.service_max .top_text>p {
margin-top: 9px;
color: #4d4d4d;
font-size: 14px;
font-weight: 700;
line-height: 30px;
text-transform: uppercase;
}
.service_max .service_an_bl3 h2 {
font-size: 50px;
}
.service_max .mouse {
margin-top: 45px;
margin-bottom: 82px;
text-transform: uppercase;
}
.service_max .tabs3 {
margin-top: 66px;
}
.service_max .service_an_bl3 {
margin-top: 108px;
}
.service_max .service_an_bl3>p {
margin-top: -40px;
width: 450px;
margin-right: 130px;
}
.service_max .service_an_bl3 .btn_block {
margin-top: 68px;
}
.service_max .block4-container {
margin-top: 48px;
}
.serv_max_bl4 h2 {
margin-bottom: -27px;
width: 424px;
color: #4fc7f3;
letter-spacing: 97px;
font-size: 48px;
text-transform: uppercase;
text-align: left;
display: block;
}
.serv_max_bl4 .max_bl4_cont {
border: 1px solid #4fc7f3;
border-left: none;
}
.serv_max_bl4 .max_bl4_cont>div {
margin-top: -1px;
margin-left: -1px;
background: #f4f4f4;
padding: 118px 70px 75px;
width: calc(100% - 57px);
box-sizing: border-box;
}
.serv_max_bl4 .max_bl4_cont>div .max_bl4_auth_block {
float: left;
}
.serv_max_bl4 .max_bl4_cont>div .max_bl4_auth_block h3 {
color: #4fc7f3;
font-weight: 700;
text-transform: uppercase;
display: block;
}
.serv_max_bl4 .max_bl4_cont>div .max_bl4_auth_block>p {
margin-top: 15px;
color: black;
font-weight: 300;
display: block;
}
.serv_max_bl4 .max_bl4_cont>div .max_bl4_auth_block>img {
width: 100px;
height: 100px;
float: left;
}
.serv_max_bl4 .max_bl4_cont>div .max_bl4_auth_block>div:first-child {
display: flex;
justify-content: flex-start;
}
.serv_max_bl4 .max_bl4_cont>div .max_bl4_auth_block>div:first-child div {
margin-left: 23px;
}
.serv_max_bl4 .max_bl4_cont>div .max_bl4_auth_block .max_bl4_auth_txt {
margin-top: 40px;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 12px;
font-weight: 400;
color: #000;
line-height: 24px;
}
.serv_max_bl4 .max_bl4_cont>div .max_bl4_auth_block .max_bl4_auth_txt strong {
font-weight: 600;
}
.serv_max_bl4 .max_bl4_cont>div .max_bl4_auth_block .max_bl4_auth_txt img {
width: 60px;
height: 27px;
margin-left: 35px;
}
.serv_max_bl4 .max_bl4_cont>div .max_bl4_auth_block .max_bl4_auth_txt p {
width: 183px;
}
.serv_max_bl4 .max_bl4_cont .max_bl4_texto {
margin-top: -40px;
margin-right: -147px;
background: #fff;
padding: 49px 69px;
box-shadow: 4px 8px 30.72px 1.28px rgba(0, 0, 0, 0.21);
float: right;
width: 644px;
box-sizing: border-box;
}
.serv_max_bl4 .max_bl4_cont .max_bl4_texto p {
color: #000;
font-size: 14px;
font-weight: 300;
line-height: 36px;
text-align: left;
font-weight: 400;
}
.serv_max_bl4 .max_bl4_cont .max_bl4_texto span {
color: #4fc7f3;
font-weight: 700;
}
.serv_max_bl4 ul {
margin-left: -1px;
margin-top: 67px;
clear: both;
min-height: 1px;
display: flex;
justify-content: space-between;
background: #fff;
}
.serv_max_bl4 ul li {
width: 460px;
min-height: 300px;
box-sizing: border-box;
padding: 32px 30px;
display: flex;
}
.serv_max_bl4 ul li>span {
color: #4fc7f3;
font-size: 47.81px;
font-weight: 700;
line-height: 0;
text-align: left;
transform: scaleY(1.0031);
width: 30px;
margin-top: 25px;
float: left;
}
.serv_max_bl4 ul li>div {
margin-top: -15px;
margin-left: 30px;
position: relative;
}
.serv_max_bl4 ul li .lnk_block {
float: right;
position: absolute;
bottom: 0;
right: 0;
}
.serv_max_bl4 ul li p {
margin-top: -8px;
color: #000;
font-size: 12px;
font-weight: 400;
line-height: 24px;
}
.serv_max_bl4 ul h3 {
color: #4d4d4d;
font-size: 12px;
font-weight: 600;
line-height: 30px;
text-transform: uppercase;
}
.serv_max_bl5 {
padding-top: 1px;
}
.serv_max_bl5 .tabs {
margin-top: 60px;
}
.serv_max_bl5 .tabs i {
margin-top: 0;
}
.serv_max_bl5 .tabs>div {
background: none;
}
.serv_max_bl5 .tabs ul {
display: flex;
justify-content: flex-start;
float: left;
}
.serv_max_bl5 .tabs li {
text-transform: uppercase;
color: #4d4d4d;
font-size: 12px;
font-weight: 500;
line-height: 50px;
text-align: center;
background: #f4f4f4;
width: 190px;
height: 50px;
border-left: 1px solid #fff;
padding: 0;
}
.serv_max_bl5 .tabs li.active {
background: #4fc7f3;
color: #fff;
}
.serv_max_bl5 .tabs>p {
margin-top: -7px;
margin-left: 80px;
float: right;
width: 476px;
float: right;
color: #4d4d4d;
font-size: 14px;
font-weight: 300;
line-height: 24px;
text-align: left;
}
.serv_max_bl5 .tabs .check_list>div {
clear: both;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.serv_max_bl5 .tabs .check_list .bl_article {
margin-top: 63px;
max-width: 45%;
display: flex;
justify-content: flex-start;
}
.serv_max_bl5 .tabs .check_list .bl_desc {
max-width: 230px;
margin-left: 30px;
margin-top: -20px;
}
.serv_max_bl5 .tabs .check_list .bl_desc h3 {
font-size: 18px;
text-transform: uppercase;
}
.serv_max_bl5 .tabs .check_list .bl_desc p {
font-weight: 300;
color: #4d4d4d;
line-height: 24px;
}
.serv_max_bl5 .tabs .check_list .bl_desc .lnk_block {
float: right;
}
.serv_max_bl5 .btn_block {
display: flex;
justify-content: center;
margin-top: 105px;
}
.serv_max_bl6_block {
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/bg_line8.png) no-repeat;
background-position-x: 0%;
background-position-y: 0%;
background-position: center 100px;
padding-bottom: 90px;
margin-bottom: 50px;
}
.serv_max_bl6_block h2 {
text-align: left;
margin-left: 110px;
margin-bottom: 114px;
}
.serv_max_bl6_block .ar_page.free_contact_form {
height: 340px;
}
.serv_max_bl6_block .about_form {
width: 80%;
}
.serv_max_bl6_block .watermark {
font-size: 35.85px;
font-weight: 700;
margin-top: -134px; display: inline-block;
opacity: 0.3;
position: relative;
left: 155px;
transform: scaleX(1.0031) rotate(-90deg);
}
.serv_max_bl6_block .watermark div {
text-transform: uppercase;
color: #4fc7f3;
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
line-height: 0;
}
.serv_max_bl6_block .zagl {
clear: both;
height: 1px;
}
.serv_max_bl7 {
margin-top: 150px;
padding-top: 61px;
margin-bottom: 220px;
}
.serv_max_bl7 h2 {
text-transform: uppercase;
font-size: 36px;
display: flex;
justify-content: flex-start;
align-items: center;
z-index: 11;
position: relative;
bottom: -20px;
}
.serv_max_bl7 h2 div {
float: right;
}
.serv_max_bl7 .decor {
width: 50px;
display: inline-block;
height: 1px;
background: black;
position: relative;
margin-right: 30px; }
.serv_max_bl7>div>p {
max-width: 602px;
float: left;
color: #000;
font-size: 14px;
font-weight: 400;
line-height: 36px;
text-align: left;
text-transform: initial;
padding: 108px 10px 95px 10px;
}
.serv_max_bl7 li:first-child {
float: right;
margin-right: -15px;
margin-top: 75px;
margin-bottom: 70px;
}
.serv_max_bl7 li:last-child p {
margin-top: 25px;
}
.serv_max_bl7 li p {
font-weight: 400;
}
.serv_max_bl6_block.bl6_reverse {
padding-bottom: 169px;
margin-top: -64px;
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/bg_line8_reverse.png) no-repeat;
background-position: center 100px;
}
.serv_max_bl6_block.bl6_reverse h2 {
text-align: right;
margin-right: 70px;
}
.serv_max_bl6_block.bl6_reverse .about_form {
float: right;
}
.serv_max_bl6_block.bl6_reverse .watermark {
float: left;
left: -155px;
}
.serv_max_bl8 {
padding-top: 88px;
color: #000000;
}
.serv_max_bl8 h2 {
margin-left: -20px;
text-transform: uppercase;
text-transform: uppercase;
font-size: 36px;
display: flex;
justify-content: normal;
align-items: center;
}
.serv_max_bl8 h2 .decor {
width: 50px;
display: inline-block;
height: 1px;
background: black;
position: relative;
margin-right: 30px; }
.serv_max_bl8 h2 span:last-child {
margin-left: 20px;
}
.serv_max_bl8>div>p {
margin-top: 42px;
margin-left: 13px;
font-size: 14px;
font-weight: 400;
line-height: 36px;
width: 837px;
}
.serv_max_bl8 .serv_max8_cnt {
display: flex;
justify-content: space-between;
align-items: center;
}
.serv_max_bl8 .serv_max8_cnt img {
margin-right: 87px;
width: 500px;
margin-top: 103px;
}
.serv_max_bl8 .serv_max8_cnt>div {
width: 50%;
position: relative;
}
.serv_max_bl8 .serv_max8_cnt>div>span {
position: absolute;
font-size: 71.77px;
font-weight: 700;
text-align: left;
color: #4fc7f3;
top: -55px;
left: 0px;
z-index: -1;
opacity: 0.6;
}
.serv_max_bl8 .serv_max8_cnt li>p {
font-size: 14px;
font-weight: 300;
}
.serv_max_bl8 h3 {
margin-top: -10px;
text-transform: uppercase;
color: #000000;
font-size: 18px;
font-weight: 700;
}
.serv_max_bl8 h4 {
text-transform: uppercase;
color: #000000;
font-size: 12px;
font-weight: 700;
}
.serv_max_bl8 .blue_mark ul {
background: none;
padding: 0;
margin-top: 44px;
}
.serv_max_bl8 .blue_mark ul li {
padding-left: 10px;
margin-top: 18px;
margin-left: 10px;
}
.serv_max_bl8 .blue_mark ul li p {
color: #000000;
font-size: 14px;
font-weight: 400;
line-height: 30px;
text-align: left;
}
.service_max .service_an_bl5 {
padding-top: 59px;
}
.service_max .service_an_bl5 .container_wrap>p {
margin-top: -56px;
display: block;
text-align: right;
width: 514px;
color: #4d4d4d;
font-size: 14px;
font-weight: 300;
line-height: 24px;
float: right;
}
.service_max .service_an_bl5 .container_wrap>div {
clear: both;
}
.serv_max_bl12 {
margin-bottom: 150px;
padding-top: 65px;
}
.serv_max_bl12 .sup_foot {
float: right;
display: flex;
align-items: center;
}
.serv_max_bl12 ul {
margin-top: 63px;
padding: 0 78px;
box-sizing: border-box;
position: relative;
}
.serv_max_bl12 ul .sup_icon_block {
transition: ease-out 0.3s;
display: flex;
justify-content: space-between;
align-items: center;
margin-right: 30px;
position: relative;
bottom: -34px;
cursor: pointer;
}
.serv_max_bl12 ul .sup_icon_block>div {
width: 12px;
height: 12px;
margin-right: 10px;
}
.serv_max_bl12 ul .sup_icon_block:hover {
transition: ease-out 0.3s;
}
.serv_max_bl12 ul .sup_icon_block:hover span {
color: #4fc7f3;
}
.serv_max_bl12 ul .ph_icon_block {
justify-content: flex-end;
}
.serv_max_bl12 ul .ph_icon_block div {
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/phone_icon-min.png) no-repeat;
}
.serv_max_bl12 ul .ph_icon_block:hover div {
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/phone_icon_hover-min.png) no-repeat;
}
.serv_max_bl12 ul .site_icon_block {
margin-left: 30px;
justify-content: flex-start;
}
.serv_max_bl12 ul .site_icon_block div {
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/vpr_icon.png) no-repeat;
}
.serv_max_bl12 ul .site_icon_block:hover div {
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/vpr_icon_hover.png) no-repeat;
}
.serv_max_bl12 li {
border: 1px solid #4fc7f3;
margin-bottom: 70px;
width: 100%;
padding: 80px 0;
}
.serv_max_bl12 li .serv_bl12_cnt {
color: #000;
width: 100%;
left: 0;
display: flex;
justify-content: space-between;
align-items: center;
height: 100%;
}
.serv_max_bl12 li .serv_bl12_cnt p {
color: #000;
font-weight: 400;
line-height: 30px;
max-width: 650px;
padding: 40px 30px;
box-shadow: 4px 8px 30.72px 1.28px rgba(0, 0, 0, 0.21);
background: #fff;
margin-right: -80px;
}
.serv_max_bl12 li .serv_bl12_cnt h3 {
color: #4d4d4d;
height: 150px;
width: 390px;
background: #fff;
font-weight: 700;
line-height: 30px;
text-transform: uppercase;
margin-left: -80px;
display: flex;
align-items: center;
}
.serv_max_bl12 li:nth-child(2n + 2) .serv_bl12_cnt {
justify-content: space-between;
flex-direction: row-reverse;
}
.serv_max_bl12 li:nth-child(2n + 2) .serv_bl12_cnt p {
margin-left: -80px;
}
.serv_max_bl12 li:nth-child(2n + 2) .serv_bl12_cnt h3 {
margin-right: -80px;
text-align: right;
justify-content: flex-end;
}
.serv_max_bl12 .sup_load {
cursor: pointer;
display: flex;
}
.serv_max_bl12 .sup_load div {
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/icn8.png) no-repeat;
width: 14px;
height: 14px;
margin-right: 8px;
}
.serv_max_bl12 .sup_load span {
text-transform: uppercase;
margin-right: 88px;
font-size: 10px;
font-weight: 600;
}
.serv_max_bl12 .sup_load:hover div {
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/icn8_hover.png) no-repeat;
}
.serv_max_bl12 .sup_load:hover span {
transition: ease-out 0.3s;
color: #4fc7f3;
} .portf_slide h2 {
font-size: 50px;
}
.portf_slide .nav_block {
margin-left: 70px;
display: flex;
justify-content: space-between;
width: 240px;
top: 0;
}
.portf_slide .nav_block .nav_btn {
margin-top: 116px;
position: static;
width: 80px;
display: flex;
align-items: center;
background: none;
}
.portf_slide .nav_block .nav_btn i {
font-size: 18px;
}
.portf_slide .nav_block .nav_btn div {
transition: ease-out 0.3s;
height: 1px;
background: black;
width: 50px;
}
.portf_slide .nav_block .nav_btn:hover div {
background: #4fc7f3;
}
.portf_slide .nav_block .swiper-button-prev a {
transition: ease-out 0.3s;
justify-content: flex-start;
}
.portf_slide .nav_block .swiper-button-prev i {
transition: ease-out 0.3s;
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/arrow_pag.png) no-repeat;
display: block;
width: 8px;
height: 15px;
}
.portf_slide .nav_block .swiper-button-prev div {
margin-left: 13px;
}
.portf_slide .nav_block .swiper-button-next a {
justify-content: flex-end;
transition: ease-out 0.3s;
}
.portf_slide .nav_block .swiper-button-next i {
transition: ease-out 0.3s;
transform: rotate(-180deg);
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/arrow_pag.png) repeat;
display: block;
width: 8px;
height: 15px;
}
.portf_slide .nav_block .swiper-button-next div {
position: relative;
transition: ease-out 0.3s;
margin-right: 13px;
left: 0;
}
.portf_slide .nav_block .swiper-button-prev:hover i {
background-position: -10px 0;
}
.portf_slide .nav_block .swiper-button-prev:hover div {
margin-left: -5px;
}
.portf_slide .nav_block .swiper-button-next:hover i {
background-position: -10px 0;
}
.portf_slide .nav_block .swiper-button-next:hover div {
transition: ease-out 0.3s;
position: relative;
left: 18px;
}
.portf_slide h2 {
text-align: left;
}
.mac_cont {
margin-top: -305px;
margin-right: -35px;
}
.mac_slider {
background-size: contain;
width: 100%;
float: right;
margin-top: 30px;
box-sizing: border-box;
margin-right: -54px;
}
.mac_slider .swiper-wrapper {
width: 100%;
height: 100%;
}
.mac_slider {
height: 961px;
}
.testr {
overflow-y: scroll;
}
.table {
position: relative;
width: 800px;
}
.comp {
width: 633px;
height: 354px;
overflow: auto;
opacity: 0.2;
position: relative;
bottom: -43px;
margin-left: 47px;
}
.comp img { display: block;
}
.mobile {
position: absolute;
width: 130px;
height: 281px;
overflow: hidden;
border-radius: 20px;
left: 24px;
top: 24px;
}
.mobile img {
display: block;
}
.mobile_screen {
width: 100%;
height: 100%;
position: absolute;
z-index: 5;
top: 2px;
right: -15px;
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/mobile_screen2.png) no-repeat;
}
.comp_block {
width: 739px;
height: 596px;
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/MAC3.png);
float: right;
}
.table {
position: relative;
width: 100%;
}
.mob_slide_img {
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/iphone_slide-min.png) no-repeat;
opacity: 1;
width: 175px;
height: 325px;
padding: 20px;
position: relative;
z-index: 4;
margin-top: -100px;
margin-left: -30px;
}
.btn_block {
padding: 0 50px;
float: right;
margin-right: 85px;
margin-top: -33px;
text-align: right;
display: inline;
justify-content: flex-end;
}
.mac_slider_content {
border: 1px solid #4fc7f3;
margin-right: 35px;
margin-top: 419px;
padding: 0 50px 50px;
box-sizing: border-box;
}
.mac_slider_content h3 {
margin-top: -32px;
color: #4fc7f3;
font-size: 36px;
font-weight: 700;
line-height: 60px;
text-align: center;
letter-spacing: 3px;
}
.mac_slider_content>div:first-child {
text-transform: uppercase;
width: 272px;
padding: 0 60px;
background: #fff;
}
.mac_slider_content>div:first-child p {
color: #000000;
font-size: 12px;
font-weight: 700;
line-height: 24px;
text-align: left;
margin-top: -28px;
}
.mac_slider_content .mac_left_block {
display: flex;
justify-content: space-between;
align-items: baseline;
clear: both;
position: relative;
top: -11px;
}
.mac_slider_content p {
width: 461px;
color: #4d4d4d;
font-size: 14px;
font-weight: 300;
line-height: 36px;
text-align: left;
}
.mac_slider_content p strong {
color: #000000;
font-size: 12px;
font-weight: 700;
line-height: 36px;
text-align: left;
text-transform: uppercase;
}
.mac_slider_content .blue_mark strong {
text-transform: uppercase;
margin-left: -14px;
}
.mac_slider_content .blue_mark ul {
background: none;
padding: 0;
width: 302px;
}
.port2 .container_wrap {
display: flex;
justify-content: space-between;
}
.port2 .container_wrap li.active .accord_cnt {
padding: 0;
height: 400px;
}
.port2 .container_wrap h2 {
margin-left: -20px;
font-size: 36px;
display: flex;
justify-content: normal;
align-items: center;
}
.port2 .container_wrap h2 .decor {
width: 50px;
display: inline-block;
height: 1px;
background: black;
position: relative;
margin-right: 30px; }
.port2 .container_wrap h2 span:last-child {
margin-right: 20px;
}
.port2 .container_wrap>div {
width: 50%;
}
.port2 .container_wrap>div p {
width: 415px;
}
.port2 .container_wrap .accord_lm {
width: 50%;
float: right;
padding: 0;
}
.port2 .container_wrap .accord_lm li.active {
padding: 0;
}
.port2 .container_wrap .accord_lm .blue_mark ul {
background: none;
padding: 10px 44px 30px;
}
.port2 .container_wrap .accord_lm .blue_mark ul li {
margin: 0;
padding: 0;
color: #4fc7f3;
}
.port2 .container_wrap .accord_lm .blue_mark ul li>div {
display: flex;
justify-content: space-between;
}
.port2 .container_wrap .accord_lm .blue_mark ul li p {
color: #4d4d4d;
font-size: 14px;
font-weight: 300;
line-height: 30px;
width: 35%;
}
.port2 .container_wrap .accord_lm .blue_mark ul li p:nth-child(2) {
text-align: center;
}
.port2 .container_wrap .accord_lm .blue_mark ul li a {
transition: ease-out 0.3s;
color: #000000;
font-size: 10px;
font-weight: 600;
line-height: 60px;
text-align: left;
text-transform: uppercase;
display: flex;
align-items: center;
}
.port2 .container_wrap .accord_lm .blue_mark ul li a .decor {
width: 10px;
height: 1px;
background: black;
display: block;
margin-right: 10px;
}
.port2 .container_wrap .accord_lm .blue_mark ul li a:hover {
color: #4fc7f3;
}
.port2 .container_wrap .accord_lm .blue_mark ul li a:hover .decor {
background: #4fc7f3;
}
.port8 img {
width: auto;
height: 194px;
}
.port8 {
margin-bottom: 100px;
padding-top: 56px;
}
.bl_cust {
margin-bottom: 75px;
}
.max_bl4_auth_block img {
width: 100px;
height: 100px;
}
.serv_max_bl4.bl_cust {
padding-top: 30px;
margin-top: 0;
}
.an_tabs {
padding-top: 0;
margin-top: -12px;
margin-bottom: 75px;
}
.serv_frm>div {
display: initial;
border-right: none;
width: initial;
height: 100%;
}
.free_contact_form.serv_frm>div:first-child {
display: flex;
justify-content: space-between;
align-items: center;
border-right: 1px solid #e3e3e3;
width: 50px;
height: 100%;
}
.free_contact_form.serv_frm>div:first-child p {
position: relative;
left: -25px;
}
.free_contact_form.serv_frm .lnk_block span {
position: relative;
right: 141px;
float: right;
left: initial;
}
#order_services {
padding: 0;
}
#order_services.free_contact_form>div {
justify-content: space-between;
width: 100%;
}
#order_services .fancy_lose .form_img {
margin-top: 4px;
}
#order_services .fancy_lose>div:first-child p {
height: 50px;
}
#order_services .fancy_lose>div:first-child {
height: 100%;
display: contents;
border-right: 1px solid #e3e3e3;
width: 50px;
text-align: center;
display: flex;
align-items: center;
}
#order_services .fancybox-close-small {
transition: ease-out 0.5s;
right: -40px;
top: -40px;
}
#order_services .fancybox-close-small:hover {
color: #4fc7f3;
}
.page_block .article_page {
width: 100%;
}
ymaps {
margin-top: 20px;
}
.top_slider_bg {
background-size: contain;
background-position: 0 8px;
width: 50%;
float: left;
height: 600px;
position: relative;
box-sizing: border-box;
padding: 10px 27px;
}
.mac_image_slide {
width: 100%;
height: auto;
position: absolute;
z-index: 11;
left: 0;
top: 10px;
}
main .top_slider_bg .head_slider {
margin-top: 0;
width: 80%;
left: 10%;
float: left;
height: auto;
margin-left: auto;
margin-right: auto;
border-radius: 12px;
}
.top_slider_bg .head_slider .swiper-wrapper {
height: 400px;
width: 100%;
position: relative;
z-index: -1;
}
.top_slider .new_cust.nav_block {
z-index: 12;
}
.top_slider_bg a {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.article_page a { color: #808080;
transition: 0.1s ease-out;
cursor: pointer;
}
article .lnk_block a {
color: #000;
text-align: center;
}
.article_page a:hover {
text-decoration: underline;
color: #4fc7f3;
} .lwptoc_item a span {
color: #0497c8;
}
.port2 .container_wrap li.active .accord_cnt {
height: auto;
}
#modal_block {
color: #4d4d4d;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
text-align: center;
position: fixed;
width: 70px;
height: 70px;
right: 50px;
top: auto;
box-shadow: 4px 8px 30.72px 1.28px rgba(0, 0, 0, 0.3);
z-index: 995;
transition: ease-out 0.3s;
border-radius: 50%;
bottom: 80px;
border: 1px solid #4fc7f3;
}
#modal_block i {
font-size: 30px;
color: #4fc7f3;
}
#modal_block p {
transform: none;
}
#modal_block:hover i {
transition: ease-out 0.3s;
color: #fff;
}
#contact_modal_CallBack,
#contact_modal2 {
display: none;
z-index: 1000;
position: fixed;
margin: 100px auto;
margin-left: auto;
margin-left: calc(50% - 350px);
width: 630px;
}
.modal .free_contact_form,
#contact_modal .free_contact_form,
#contact_modal_CallBack .free_contact_form,
#contact_modal2 .free_contact_form {
width: 630px;
float: none;
border-radius: 10px;
overflow: hidden;
}
.free_contact_form .model_close,
.trimme_model_close,
#contact_modal .free_contact_form .model_close,
#contact_modal_CallBack .free_contact_form .model_close,
#contact_modal2 .free_contact_form .model_close {
width: 24px;
height: 24px;
transform: rotate(0deg);
text-align: center;
position: absolute;
right: 20px;
top: 25px;
border: none;
}
.modal form,
#contact_modal form,
#contact_modal_CallBack form,
#contact_modal2 form {
padding: 44px 30px;
max-width: 450px;
}
.modal h3,
#contact_modal h3,
#contact_modal_CallBack h3,
#contact_modal2 h3 {
font-weight: 800;
font-size: 24px;
line-height: 28px;
margin-top: 0;
margin-bottom: 10px;
}
#contact_modal_CallBack .form_img,
#contact_modal2 .form_img {
border: none;
width: 316px;
height: 360px;
float: right;
margin-top: 50px;
margin-right: -11px;
}
.model_close i,
.trimme_model_close i,
#contact_modal_CallBack .free_contact_form .model_close i,
#contact_modal2 .free_contact_form .model_close i {
transition: ease-out 0.5s;
font-size: 24px;
margin-top: -2px;
color: inherit;
}
#calc_modal {
display: none;
z-index: 1000;
position: fixed;
margin: 100px auto;
margin-left: auto;
margin-left: calc(50% - 500px);
width: 1000px;
}
#calc_modal .form_img {
width: auto;
border-right: 0;
height: auto;
}
#calc_modal .form_img img {
max-width: 100%;
width: 100%;
height: 100%;
object-fit: cover;
object-position: right;
}
#calc_modal .free_contact_form {
width: auto;
}
.free_contact_form .loader {
display: none;
}
.loader img {
width: 20px;
height: 20px;
margin-right: 20px;
}
.free_contact_form .loader {
display: none;
position: absolute;
bottom: 65px;
width: auto;
height: auto;
justify-content: space-between;
align-content: space-between;
left: 20px;
border: 1px solid #4fc7f3;
padding: 10px;
}
.block4 .free_contact_form .loader {
left: 76px;
bottom: 85px;
}
.block10 .free_contact_form .loader {
left: 69px;
bottom: 78px;
}
.free_contact_form .loader>div {
display: flex;
}
.block10 .free_contact_form {
position: relative;
}
.free_contact_form .loader p {
display: block;
transform: none;
font-weight: normal;
font-size: 14px;
text-transform: none;
margin: 0;
}
.serv_max_bl4 .free_contact_form .loader {
left: 78px;
bottom: 107px;
}
.serv_max_bl6_block .free_contact_form .loader {
bottom: 106px;
left: 79px;
}
#contact_modal2 .free_contact_form .loader {
bottom: 100px;
}
.serv_max_bl6_block.bl6_reverse .free_contact_form .loader {
bottom: 88px;
}
.about_form.post_form .free_contact_form .loader {
left: 76px;
bottom: 151px;
}
.img_top {
display: block;
margin: 0 auto;
}
.title_block {
font-size: 50px;
line-height: 61px;
font-style: normal;
font-weight: bold;
margin-bottom: 20px;
}
.title_block span {
color: #48cbf5;
}
.thoseHave ul {
list-style-type: square;
margin-top: 44px;
}
.thoseHave ul li {
list-style-type: inherit;
font-size: 14px;
font-weight: 400;
padding-left: 10px;
margin-top: 18px;
margin-left: 10px;
}
.thoseHave .wrap {
overflow: visible;
}
.thoseHave .title_block {
margin-top: 50px;
}
.desc h3 {
margin-top: 50px;
}
.WrapBlock .wrap {
display: flex;
}
.WrapBlock .wrap .col {
width: 50%;
}
.WhatOffers {
padding: 55px 0;
background: #f4f4f4;
}
.list-icons {
margin-top: 30px;
}
.list-icons li {
display: flex;
margin-top: 20px;
}
.list-icons li .icon {
margin-right: 20px;
}
.list-icons li span {
width: calc(100% - 24px);
}
.results .title_block {
padding: 0 60px;
background: #fff;
text-align: left;
float: left;
margin-top: 105px;
margin-left: 65px;
box-sizing: border-box;
font-weight: bold;
font-size: 36px;
line-height: 60px;
text-transform: uppercase;
}
.results .bl4_desc {
margin-top: 200px;
border: 1px solid #4fc7f3;
padding: 50px;
padding-top: 112px;
}
.results.service_an_bl5 .serv_an_slider {
height: auto;
width: 100%;
}
.results.service_an_bl5 .serv_an_slider .swiper-slide {
width: 100%;
}
.results.service_an_bl5 .serv_an_slider .swiper-slide p {
padding-left: 0;
margin-top: 0;
color: #000000;
font-size: 14px;
font-weight: 400;
line-height: 17px;
text-align: left;
}
.results.service_an_bl5 .serv_nav {
background: transparent;
margin: -29px 0;
margin-top: -60px;
}
.results .slider-wr {
display: flex;
}
.results .slider-wr .slider-text {
width: 48%;
}
.results .slider-wr .slider-img {
padding-left: 43px;
text-align: center;
width: 52%;
}
.thanks {
padding-bottom: 35px;
}
.thanks .title_block {
text-align: center;
margin-bottom: 40px;
}
.thanks-items {
display: grid;
grid-row-gap: 44px;
grid-column-gap: 55px;
grid-template-columns: repeat(3, 1fr);
}
.thanks-items .item-img {
height: 350px;
margin-bottom: 40px;
}
.thanks-items .item-img img {
height: 100%;
width: 100%;
object-fit: cover;
margin-bottom: 40px;
}
.thanks-items .item-name {
line-height: 20px;
font-weight: bold;
}
.thanks-items .item-position {
font-style: italic;
font-weight: normal;
font-size: 12px;
line-height: 15px;
margin-top: 10px;
}
.thanks-items .item-text {
margin-top: 14px;
}
.price {
padding-top: 35px;
margin-bottom: 45px;
}
.price-item {
margin-bottom: 60px;
display: flex;
align-items: center;
}
.price-images {
padding: 55px 25px 15px 25px;
border: 2px solid #000000;
box-sizing: border-box;
border-radius: 39px;
height: 200px;
width: 200px;
text-align: center;
margin-right: 40px;
}
.price-desc {
margin-top: 20px;
font-weight: bold;
font-size: 24px;
line-height: 29px;
}
.price .title_block {
text-align: center;
margin-bottom: 40px;
}
.price h3 {
color: #48cbf5;
text-transform: uppercase;
}
.textInfo {
border-top: 1px solid #6f6f6f;
margin-top: 20px;
padding-top: 10px;
color: #6f6f6f;
font-style: italic;
}
.check_list-text ul {
list-style-type: square;
}
.check_list-text ul li {
list-style-type: inherit;
font-size: 14px;
font-weight: 400;
padding-left: 10px;
margin-top: 18px;
margin-left: 10px;
}
.service_an_bl3.max-service-tab .tabs .tabs_title li div {
justify-content: center;
}
.service_an_bl3.max-service-tab h2 {
text-align: center;
}
.service_an_bl3 ul.list,
.wp-block-media-text .wp-block-media-text__content ul {
padding-left: 15px;
}
.service_an_bl3 ul.list li,
.wp-block-media-text .wp-block-media-text__content li {
list-style-type: square;
padding: 0 3px;
padding-bottom: 3px;
}
label[for='fr_tel'],
.free_contact_form label[for='fr_phone'] {
display: none !important;
}
.iti__country-list {
z-index: 1111;
}
.free_contact_form>div.mailpoet_form_popup_overlay {
display: none;
}
.free_contact_form>#mailpoet_form_1 {
border: 0;
}
.free_contact_form #mailpoet_form_1 form.mailpoet_form {
padding: 0px;
width: 100%;
}
.free_contact_form #mailpoet_form_1 input {
padding: 14px 28px !important;
}
#mailpoet_form_1 input[type='submit'] {
width: auto !important;
}
#wpcf7-f8525-p193-o1 {
padding: 50px 80px;
background: #fff;
border-radius: 10px;
margin-bottom: 50px;
}
#wpcf7-f8525-p193-o1 .input_block {
display: flex;
align-items: center;
grid-gap: 30px;
}
#wpcf7-f8525-p193-o1 .form_desc {
font-size: 13px;
margin-top: 15px;
color: #757575;
}
#wpcf7-f8525-p193-o1 .wpcf7-text {
background: #F0F7FE;
width: 100%;
}
#wpcf7-f8525-p193-o1 h3 {
font-family: Nunito;
font-weight: 800;
font-size: 32px;
line-height: 100%;
margin-top: 0;
}
#wpcf7-f8525-p193-o1 .inp_cont {
width: auto;
}
.companies {
display: flex;
gap: 20px 30px;
padding-top: 50px;
padding-bottom: 0;
}
.companies__item {
flex: 1;
}
.company-card {
background: #ffffff;
border-radius: 10px;
padding: 24px 80px;
}
.company-card__text {
font-family: Nunito;
font-weight: 400;
font-size: 16px;
line-height: 100%;
}
#contact_modal_send .popup-subtitle {
font-family: Nunito;
font-weight: 800;
font-size: 24px;
line-height: 100%;
text-align: center;
}
#contact_modal_send .popup-box {
border-radius: 10px;
}
#contact_modal_send .model_close-send {
margin: 0 auto;
margin-top: 40px;
max-width: 265px;
width: 100%;
}
@media screen and (max-width: 1140px) {
.sidebar_block {
max-width: 500px;
}
.sidebar_blocK .news-section,
.sidebar_block .nav_tag {
width: 100%;
}
.serv_max_bl6_block .free_contact_form .loader {
bottom: 97px;
}
.img_top {
max-width: 100%;
}
.thoseHave-img img {
max-width: 100%;
}
.thoseHave.WrapBlock .wrap {
flex-direction: column-reverse;
}
.thoseHave.WrapBlock {
padding-bottom: 50px;
}
.WhatOffers.WrapBlock .wrap {
flex-direction: column;
}
.results .slider-wr .slider-img img {
max-width: 100%;
}
.WhatOffers-img {
text-align: center;
}
.price.WrapBlock .wrap,
.results .slider-wr {
flex-direction: column;
}
.thanks-items {
grid-template-columns: repeat(1, 1fr);
}
.price.WrapBlock .wrap .col,
.results .slider-wr .slider-img,
.results .slider-wr .slider-text,
.WhatOffers.WrapBlock .wrap .col,
.thoseHave.WrapBlock .wrap .col {
width: 100%;
}
#wpcf7-f8525-p193-o1 .input_block {
flex-direction: column;
}
}
@media screen and (max-width: 750px) {
.block3 .tabs>ul {
display: flex;
flex-direction: column;
width: 100%;
}
#contact_modal_CallBack .form_img,
#contact_modal2 .form_img {
display: none;
}
#contact_modal_CallBack .free_contact_form,
#contact_modal2 .free_contact_form {
width: 100%;
}
#contact_modal_CallBack,
#contact_modal2 {
width: 320px;
}
#contact_modal_CallBack,
#contact_modal2 {
margin-left: calc(50% - 160px);
}
.free_contact_form .model_close,
.trimme_model_close,
#contact_modal2 .free_contact_form .model_close,
#contact_modal_CallBack .free_contact_form .model_close {
right: 10px;
top: 10px;
}
.block3 .tabs {
width: 100%;
}
.block3 .tabs>ul li {
width: 100%;
box-sizing: border-box;
}
.block3 .tabs .check_list {
width: 100%;
}
.serv_max_bl6_block .free_contact_form .loader {
bottom: 172px;
}
#wpcf7-f8525-p193-o1 {
padding: 25px 15px;
}
#wpcf7-f8525-p193-o1 h3 {
font-weight: 800;
font-size: 24px;
line-height: 30px;
}
#wpcf7-f8525-p193-o1 .input_block {
grid-gap: 15px;
}
.companies {
padding-top: 15px;
flex-direction: column;
}
.company-card {
padding: 30px 20px;
}
}
@media screen and (max-width: 700px) {
.sidebar_block {
max-width: 500px;
}
.sidebar_blocK .news-section,
.sidebar_block .nav_tag {
width: 100%;
}
.about_form .block10 .free_contact_form .loader {
bottom: 225px;
left: 77px;
}
.block10 .free_contact_form .loader {
left: 41px;
bottom: 78px;
}
.block10 .free_contact_form>div {
background: #fff;
}
.serv_max_bl6_block .free_contact_form .loader {
bottom: 123px;
}
.serv_max_bl6_block.bl6_reverse .free_contact_form .loader {
bottom: 109px;
}
}
@media screen and (max-width: 500px) {
.sidebar_block {
max-width: 500px;
}
.wp-block-media-text {
display: block;
}
.block4-container .bl4_desc div>p,
.serv_max_bl7>div>p {
line-height: 28px;
}
.service_page .top_text h1 {
font-size: 25px;
}
.sidebar_blocK .news-section,
.sidebar_block .nav_tag {
width: 100%;
}
.about_form .block10 .free_contact_form .loader {
bottom: 271px;
left: 77px;
width: 58%;
}
.block10 .free_contact_form .loader {
left: 59px;
bottom: 64px;
width: 60%;
}
.block4 .free_contact_form .loader {
left: 74px;
bottom: 62px;
width: 60%;
}
.block4 .free_contact_form .loader img {
display: block;
}
.serv_max_bl4 .free_contact_form .loader {
width: 50%;
}
.serv_max_bl6_block .free_contact_form .loader {
bottom: 98px;
left: 79px;
width: 50%;
}
.serv_max_bl6_block.bl6_reverse .free_contact_form .loader {
padding: 5px;
bottom: 79px;
left: 79px;
width: 50%;
}
.about_form.post_form .free_contact_form .loader {
left: 76px;
bottom: 151px;
width: 50%;
}
.block4-container .block4.bl_cust h2 {
margin-top: 75px;
line-height: 35px;
margin-left: 30px;
}
.block4-container .block4.bl_cust div {
padding-right: 10px;
}
.block4-container .block4.bl_cust div>p {
width: auto;
}
.block5 .container_wrap .alink {
max-width: 80%;
}
.block5 .bl_desc {
max-width: none;
}
}
div#search:hover {
cursor: pointer;
} .h1-Home {
text-transform: uppercase;
margin-top: 94px;
font-size: 50px;
font-weight: 700;
}
.social {
display: flex;
}
.social li:not(:first-child) {
margin-left: 15px;
}
.social li a {
width: 35px;
height: 35px;
border: 1px solid black;
border-radius: 50%;
box-sizing: border-box;
display: block;
padding: 7px;
transition: ease-out 0.3s;
}
.social li img {
max-width: 100%;
height: auto;
transition: ease-out 0.3s;
}
.social li a:hover {
border-color: #4fc7f3;
}
.social li a:hover img {
filter: invert(55%);
}
.service_page .block8>.block10_containerfree {
margin-bottom: -50px;
}
.arda_logo {
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/arda.png) no-repeat 50% 50%;
background-size: contain;
height: 90px;
width: auto;
display: block;
}
.arda_block {
margin-top: 15px;
}
.open_modal2-btn {
background: #80d5f4;
color: #fff;
border-color: #80d5f4;
position: relative;
outline: none;
padding: 14px 24px;
border-radius: 10px;
text-align: center;
cursor: pointer;
white-space: nowrap;
display: inline-flex;
align-items: center;
transition: ease-out 0.3s;
font-weight: 600;
font-size: 16px;
line-height: 22px;
}
.open_modal2-btn:hover {
color: #000;
}
.main_menu_block .container_wrap .logo {
height: auto;
}
.main_menu_block .container_wrap .logo object,
.main_menu_block .container_wrap .logo img {
max-width: 100%;
}
.block9 .text_block ul li {
margin-bottom: 10px;
}
main .head_slider .swiper-slide img {
transition: 15s transform;
transform: scale(1.2);
opacity: 1;
}
main .head_slider img.lazyloading {
opacity: 1;
}
main .head_slider .swiper-slide.swiper-slide-active img {
transform: scale(1);
}
.btn-animate {
color: #000000;
border: 3px solid #80d5f4;
background-color: #80d5f4;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.btn-animate:hover .btn_cnt,
.btn-animate .btn_cnt {
outline: 0;
}
.btn-animate .btn_decor {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform: translateX(-85px);
-ms-transform: translateX(-85px);
transform: translateX(-85px);
-webkit-animation-name: flash;
animation-name: flash;
-webkit-animation-duration: 3s;
animation-duration: 3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
background: transparent;
}
.btn-animate .btn_decor:after {
content: '';
background: -webkit-gradient(linear,
left top,
right top,
from(rgba(255, 255, 255, 0.1)),
to(rgba(255, 255, 255, 0.4)));
background: -webkit-linear-gradient(left,
rgba(255, 255, 255, 0.1),
rgba(255, 255, 255, 0.4));
background: -o-linear-gradient(left,
rgba(255, 255, 255, 0.1),
rgba(255, 255, 255, 0.4));
background: linear-gradient(90deg,
rgba(255, 255, 255, 0.1),
rgba(255, 255, 255, 0.4));
width: 45px;
height: 100%;
position: absolute;
top: 0;
left: 30px;
-webkit-transform: skewX(-45deg);
-ms-transform: skewX(-45deg);
transform: skewX(-45deg);
}
@-webkit-keyframes flash {
20% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
100% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
@keyframes flash {
20% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
100% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
.html-sitemap-list {
margin-left: 25px;
}
.html-sitemap-list li {
list-style-type: square;
font-size: 14px;
font-weight: 400;
margin-top: 18px;
}
.btn-bl {
background: #80d5f4;
color: #000;
border: 1px solid #80d5f4;
position: relative;
outline: none;
padding: 0 24px;
border-radius: 8px;
font-size: 12px;
font-weight: 600;
line-height: 24px;
text-align: center;
cursor: pointer;
height: 46px;
white-space: nowrap;
display: inline-flex;
align-items: center;
transition: ease-out 0.3s;
}
.btn-bl:hover {
color: #fff;
}
.grecaptcha-badge {
opacity: 0;
visibility: hidden;
} *,
*:before,
*:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body {
font-family: 'Nunito', sans-serif;
font-weight: 500;
font-size: 16px;
}
.container {
max-width: 1320px;
width: 100%;
padding: 0 15px;
margin: auto;
}
.intro {
margin-top: -90px;
padding: 160px 0 230px;
position: relative;
}
.intro_title {
font-weight: 800;
font-size: 48px;
line-height: 65px;
margin-bottom: 35px;
}
.intro_desc {
max-width: 627px;
font-weight: 400;
font-size: 24px;
line-height: 33px;
color: #757575;
margin-bottom: 60px;
}
.work_stages_item-desc p:first-child,
.intro_desc p:first-child {
margin-top: 0;
}
.work_stages_item-desc p:last-child,
.intro_desc p:last-child {
margin-bottom: 0;
}
.work_stages_desc li {
margin-bottom: 30px;
}
.work_stages_item-desc li {
margin-bottom: 10px;
list-style-type: decimal;
}
.work_stages_item-desc ol,
.work_stages_desc ol {
padding-left: 20px;
list-style-position: initial;
}
.work_stages_desc ol li {
list-style: auto;
}
.work_stages_desc ul li {
padding-left: 35px;
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/vik.svg) no-repeat left 4px;
background-size: 18px 14px;
}
.work_stages_desc a:hover {
color: #4acaf5;
}
.intro_desc span {
color: #4acaf5;
}
.intro-services .intro_desc,
.intro-services {
color: #fff;
}
.intro-services .btns {
background: #fff;
border: 0;
color: #000;
}
.intro-services .intro_title {
margin-bottom: 15px;
max-width: 740px;
}
.block {
padding: 70px 0 100px;
}
.title h1,
.title {
font-weight: 800;
font-size: 32px;
line-height: 44px;
margin-top: 0;
margin-bottom: 20px;
}
#mailpoet_form_1 input[type='submit'],
.btns {
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: #ffffff;
padding: 14px 28px;
background: #4acaf5;
border-radius: 10px;
border: 2px solid #4acaf5;
cursor: pointer;
transition: ease-out 0.3s;
display: inline-flex;
text-align: center;
justify-content: center;
}
#mailpoet_form_1 input[type='submit']:hover,
.btns:hover {
background: #ffffff;
color: #4acaf5;
}
.btn-border {
background: #fff;
border: 2px solid #4acaf5;
border-radius: 10px;
color: #4acaf5;
}
.btn-border:hover {
background: #4acaf5;
color: #ffffff;
}
.title span {
color: #4acaf5;
}
.title-item {
font-weight: 500;
font-size: 23px;
line-height: 30px;
}
.item-desc {
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #757575;
}
.item-desc p:first-child {
margin-top: 0;
}
.benefits_items {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 30px;
}
.benefits_items_cost {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 30px;
}
.benefits_items_cost .services_item-wrap .btns:last-child {
margin-left: 0;
}
.benefits_items_cost .benefits_item {
display: flex;
flex-direction: column;
}
.benefits_items_cost .benefits_item-desc {
margin-bottom: 35px;
}
.benefits_items_cost .services_item-wrap {
margin-top: auto;
}
.benefits_item {
background: #ffffff;
box-shadow: 5px 5px 25px 5px rgba(0, 0, 0, 0.1);
border-radius: 10px;
padding: 30px 26px 25px 40px;
position: relative;
overflow: hidden;
}
.benefits_item::before {
content: '';
background: #4acaf5;
height: 6px;
width: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.benefits_item-title {
font-weight: 600;
margin-bottom: 23px;
}
.benefits_item-desc {
padding-right: 32px;
color: #757575;
}
.benefits_item-img {
width: 80px;
height: 80px;
}
.benefits_item-img img {
width: 100%;
height: 100%;
object-fit: contain;
}
.services {
background: rgba(179, 216, 250, 0.2);
}
.swiper-container.list_tariff,
.swiper-container.news_list,
.swiper-container.services_list {
overflow: visible;
}
.services_list .swiper-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 30px;
margin-bottom: 60px;
}
.list_tariff.swiper-container-horizontal>.swiper-pagination-bullets,
.news_list.swiper-container-horizontal>.swiper-pagination-bullets,
.services_list.swiper-container-horizontal>.swiper-pagination-bullets {
bottom: -40px;
}
.services_item {
background: #ffffff;
box-shadow: 5px 5px 25px 5px rgba(0, 0, 0, 0.1);
border-radius: 10px;
overflow: hidden;
height: 100%;
}
.services_item-top {
background: #4acaf5;
font-weight: 600;
font-size: 32px;
line-height: 44px;
text-align: center;
color: #ffffff;
}
.services_list .services_item-info {
display: flex;
flex-direction: column;
height: 92%;
}
.services_list .services_item-price {
margin-top: auto;
}
.services_item-info {
padding: 45px 40px;
}
.services_item-title {
margin-bottom: 40px;
}
.services_summary_desc {
color: #757575;
max-width: 900px;
margin-bottom: 38px;
}
.services_item-desc {
margin-bottom: 20px;
}
.services_item-price {
margin-bottom: 30px;
}
.services_item-wrap {
display: flex;
}
.services_item-wrap .btns:last-child {
margin-left: 20px;
}
.services_item-number {
background: #fff;
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
color: #000;
text-align: center;
font-size: 13px;
font-weight: 500;
padding: 20px 22px;
}
.services_list.TYPE2 {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 30px;
margin-bottom: 60px;
}
.services_list.TYPE2 .services_item {
display: flex;
flex-direction: column;
}
.services_list.TYPE2 .services_item-top {
padding: 20px 22px;
background: #0497c8;
border-bottom: 2px solid #fff;
}
.services_list.TYPE2 .services_item-wrap {
flex-direction: column;
max-width: 250px;
width: 100%;
margin-top: auto;
margin-left: auto;
margin-right: auto;
}
.services_list.TYPE2 .services_item-wrap .btns:last-child {
margin-left: 0;
margin-top: 15px;
}
.services_list.TYPE2 .services_item-price {
color: #fff;
text-align: center;
font-size: 32px;
font-weight: 700;
padding: 20px 22px;
background: #4acaf5;
margin: 0;
}
.services_list.TYPE2 .services_item-info { text-align: center;
}
.clients_slider .swiper-wrapper {
align-items: self-start;
margin-bottom: 45px;
}
.cases_item {
padding: 20px 35px;
}
.cases_item-title {
margin-bottom: 15px;
}
.cases_item-info {
display: flex;
justify-content: space-between;
}
.cases_item-list {
max-width: 554px;
padding-right: 20px;
}
.cases_item-img {
max-width: 600px;
}
.cases_item-img img {
max-width: 100%;
}
.cases_item-logo {
margin-bottom: 15px;
}
.cases_item-logo img {
max-width: 248px;
max-width: 100%;
display: block;
max-width: 248px;
max-height: 90px;
}
.cases_item-list li {
padding-left: 35px;
margin-bottom: 30px;
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/vik.svg) no-repeat left 4px;
background-size: 18px 14px;
}
.statistics { background-repeat: no-repeat;
color: #0497c8;
padding: 187px 0 187px;
position: relative;
}
.statistics_wrap {
padding: 60px 0 30px;
background-color: #f0f7fe;
}
.statistics_list {
display: flex;
justify-content: space-between; }
.statistics_item {
max-width: 250px;
}
.statistics_item-title {
font-weight: 800;
font-size: 48px;
line-height: 50px;
}
.statistics_item-title {
position: relative;
display: flex;
overflow: hidden;
height: 48px;
}
.statistics_item-title>span {
z-index: 1;
display: flex;
flex-direction: column;
height: 100%;
transition: transform 2s ease;
transform: translateY(0);
line-height: 1;
}
.statistics_item-title>span span {
flex: 0 0 100%;
height: 100%;
}
.statistics_item-desc {
font-weight: 500;
font-size: 20px;
line-height: 20px;
}
.reviews .swiper-slide {
padding: 30px;
border: 9px solid transparent;
border-radius: 20px;
}
.reviews .swiper-slide-active {
border-color: #dbf4fd;
max-width: 820px;
}
.reviews .swiper-slide-active::after,
.reviews .swiper-slide-active::before {
content: '';
width: 0;
height: 0;
}
.reviews .swiper-slide-active::after {
border-top: 36px solid #fff;
border-bottom: 20px solid transparent;
border-left: 36px solid #fff;
border-right: 60px solid transparent;
position: absolute;
left: 21%;
top: 100%;
}
.reviews .swiper-slide-active::before {
border-top: 40px solid #dbf4fd;
border-bottom: 25px solid transparent;
border-left: 45px solid #dbf4fd;
border-right: 64px solid transparent;
position: absolute;
left: 20%;
top: 101%;
}
.review_slider {
padding: 0 35px;
}
.review_slider-item {
padding: 60px 80px;
border-radius: 10px;
background: #ffffff;
box-shadow: 5px 5px 25px 5px rgba(0, 0, 0, 0.15);
border-radius: 10px;
max-width: 740px;
min-height: 419px;
display: flex;
flex-direction: column;
}
.swiper-slide-active .review_slider-item::after {
content: '';
width: 174px;
height: 156px;
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/quote.svg) no-repeat;
background-size: contain;
position: absolute;
top: 2%;
right: 12%;
}
.review_slider {
padding-bottom: 80px;
position: relative;
}
.review_slider::after {
content: '';
height: 100%;
width: 180px;
position: absolute;
top: 0;
z-index: 11;
right: 0;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #ffffff 46.52%);
}
.review_slider-desc {
font-weight: 200;
line-height: 22px;
margin-bottom: 25px;
}
.review_rating_wr {
display: inline-flex;
align-items: center;
margin-top: auto;
margin-left: auto;
}
.review_rating_text {
display: flex;
align-items: center;
margin-right: 10px;
font-weight: 700;
}
.review_rating_text .review_rating {
padding-left: 3px;
padding-right: 3px;
}
.review_rating {
display: block;
font-size: 0;
margin: 15px 0;
}
.review_rating span {
padding: 0;
font-size: 25px;
line-height: 1;
color: lightgrey;
}
.review_rating>span:before {
content: '★';
}
.review_rating>span.active {
color: #80d5f4;
}
.reviews .title-item {
margin-top: 0;
text-transform: uppercase;
}
.infoBlock {
padding: 0;
position: relative;
background: #f0f7fe no-repeat center right;
}
.infoBlock_wrap {
display: flex;
}
.infoBlock-text {
max-width: 740px;
padding: 80px 0;
font-weight: 200;
padding-right: 10px;
background: linear-gradient(to right, #F0F7FE 90%, rgba(240, 247, 254, 0) 100%);
}
.infoBlock-text span {
color: #4acaf5;
}
.infoBlock-img img {
display: block;
}
.infoBlock-desc p:last-child {
margin-bottom: 0;
}
.benefits_col4 .benefits_items {
grid-template-columns: repeat(4, 1fr);
}
.intro.intro-o-nas {
background: #f0f7fe;
padding-top: 20px;
padding-bottom: 100px;
margin-top: 0;
}
.intro-o-nas .breadcrumbs {
margin-top: 0;
}
.intro-o-nas .intro_title {
text-align: center;
}
.intro_list {
display: flex;
grid-gap: 30px;
}
.intro_item_title {
font-weight: 700;
font-size: 70px;
line-height: 95px;
color: #4acaf5;
}
.intro_item_desc {
font-weight: 500;
font-size: 24px;
line-height: 33px;
color: #000000;
padding-bottom: 20px;
border-bottom: 1px solid #0497c8;
}
.infoBlock.specialists {
padding-top: 150px;
padding-bottom: 190px;
}
.specialists_item_img {
width: 136px;
height: 136px;
overflow: hidden;
border-radius: 10px 0 0 10px;
box-shadow: 5px 5px 25px 0px rgba(0, 0, 0, 0.1);
}
.specialists_item_img img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.specialists_item {
text-align: center;
max-width: 400px;
margin-left: auto;
margin-right: auto;
background: #ffffff;
border-radius: 10px;
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
}
.specialists_item_name {
font-size: 24px;
font-weight: 800;
font-size: 24px;
line-height: 33px;
margin-bottom: 8px;
}
.specialists_item_job {
color: rgba(4, 151, 200, 1);
font-size: 14px;
line-height: 21px;
font-weight: 500;
}
.specialists_item_desc {
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #757575;
padding-top: 0;
text-align: left;
line-height: 110%;
padding: 0 20px 20px;
color: #000;
flex-grow: 1;
}
.news_list .swiper-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 30px;
margin-bottom: 70px;
}
.news_item {
background: #ffffff;
box-shadow: 5px 5px 25px 2px rgba(0, 0, 0, 0.15);
border-radius: 10px;
overflow: hidden;
max-width: 410px;
height: 100%;
margin: auto;
}
.news_item-date {
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/date.svg) no-repeat left;
padding-left: 27px;
color: #4acaf5;
margin-bottom: 8px;
}
.news_item-meta {
display: flex;
grid-gap: 15px;
}
.news_item-views,
.news_item-reading_time {
color: #4acaf5;
}
.news_item-views i {
margin-right: 6px;
}
.news_item-img {
height: 272px;
}
.news_item-img img {
height: 100%;
width: 100%;
object-fit: cover;
display: block;
}
.news_item-info {
padding: 24px 30px 40px;
}
.news_item-desc {
line-height: 22px;
color: #757575;
position: relative;
overflow: hidden; 
max-height: calc(3 * 1.5em);
line-height: 1.5em;
}
.news_item-desc::after{
content: "";
position: absolute;
left: 0px;
right: 0px;
bottom: 0px;
height: 25px;
background: linear-gradient(rgba(255, 255, 255, 0), rgb(255, 255, 255) 85%);
pointer-events: none;
}
.news_item-more {
text-align: center;
}
.post_page .article_page .news_item-title,
.news_item-title {
margin: 0;
margin-bottom: 10px;
}
.news_item-title a {
color: #000;
text-decoration: none;
font-weight: 500;
font-size: 24px;
line-height: 30px;
}
.swiper-container .swiper-pagination-bullet {
width: 10px;
height: 10px;
}
.swiper-container .swiper-pagination-bullet-active {
background: #4acaf5;
}
.tariff_list .swiper-wrapper {
grid-template-columns: repeat(4, 1fr);
}
.tariff_list .news_item-img {
height: 204px;
}
.tariff_list .news_item-info {
padding: 24px 24px 40px;
}
.tariff .btn-border {
background: #f0f7fe;
}
.tariff .btn-border:hover {
background: #4acaf5;
}
.btns_next,
.btns_prev {
position: absolute;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
}
.btns_next,
.btns_prev,
.swiper-container .swiper-button-next,
.swiper-container .swiper-container-rtl .swiper-button-prev,
.swiper-container .swiper-button-prev,
.swiper-container .swiper-container-rtl .swiper-button-next {
height: 30px;
width: 18px;
background-size: 18px 30px;
top: 40%;
}
.btns_prev,
.swiper-container .swiper-button-prev,
.swiper-container .swiper-container-rtl .swiper-button-next {
left: 0;
right: auto;
background-image: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/prev_slider.svg);
}
.btns_next,
.swiper-container .swiper-button-next,
.swiper-container .swiper-container-rtl .swiper-button-prev {
background-image: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/next_slider.svg);
right: 0;
left: auto;
}
.header_wrap {
display: flex;
align-items: center;
justify-content: space-between;
}
footer .logo,
.header_wrap .logo {
max-width: 190px;
display: block;
}
.header-w.sticky-menu .header_wrap .logo,
.header_wrap .logo {
color: #757575;
}
.header_wrap .client {
display: block;
width: 30px;
height: 30px;
transition: ease-out 0.3s; }
.header_wrap .header_sp_phone {
font-weight: 700;
line-height: 22px;
}
header {
padding-bottom: 70px;
}
.header-w {
padding: 12px 0 12px;
position: absolute;
width: 100%;
top: 0px;
left: 0;
right: 0;
z-index: 12;
}
.header-w.sticky-menu {
position: fixed;
box-shadow: 0px 10px 40px rgb(0 0 0 / 25%);
-moz-box-shadow: 0px 10px 40px rgb(0 0 0 / 25%);
-webkit-box-shadow: 0px 10px 40px rgb(0 0 0 / 25%);
-moz-box-shadow: 0px 10px 40px rgb(0 0 0 / 25%);
-webkit-box-shadow: 0px 10px 40px rgb(0 0 0 / 25%);
-webkit-font-smoothing: antialiased;
animation: 0.9s ease 0s normal both 1 running fixedAnim;
-webkit-animation: 0.9s ease 0s normal both 1 running fixedAnim;
-moz-animation: 0.9s ease 0s normal both 1 running fixedAnim;
-ms-animation: 0.9s ease 0s normal both 1 running fixedAnim;
-o-animation: 0.9s ease 0s normal both 1 running fixedAnim;
background: #fff;
}
@-webkit-keyframes fixedAnim {
0% {
top: -100%;
}
100% {
top: 0;
}
}
@-moz-keyframes fixedAnim {
0% {
top: -100%;
}
100% {
top: 0;
}
}
@keyframes fixedAnim {
0% {
top: -100%;
}
100% {
top: 0;
}
}
.customize-support .header-w {
top: 32px;
}
.customize-support .header-w.sticky-menu {
-webkit-font-smoothing: antialiased;
animation: 0.9s ease 0s normal both 1 running fixedAnimSupport;
-webkit-animation: 0.9s ease 0s normal both 1 running fixedAnimSupport;
-moz-animation: 0.9s ease 0s normal both 1 running fixedAnimSupport;
-ms-animation: 0.9s ease 0s normal both 1 running fixedAnimSupport;
-o-animation: 0.9s ease 0s normal both 1 running fixedAnimSupport;
}
@-webkit-keyframes fixedAnimSupport {
0% {
top: -100%;
}
100% {
top: 32px;
}
}
@-moz-keyframes fixedAnimSupport {
0% {
top: -100%;
}
100% {
top: 32px;
}
}
@keyframes fixedAnimSupport {
0% {
top: -100%;
}
100% {
top: 32px;
}
}
.banner_form {
background: #0497c8;
border-radius: 10px;
padding: 35px 80px;
display: flex;
flex-wrap: wrap;
align-items: center;
color: #fff;
}
.banner_form-title {
font-weight: 800;
font-size: 48px;
line-height: 40px;
margin-bottom: 15px;
width: 100%;
}
.banner_form-desc {
font-weight: 400;
font-size: 24px;
line-height: 33px;
}
.banner_form-info {
max-width: 700px;
width: 62%;
}
.banner_form-btn {
width: 38%;
text-align: center;
}
.banner_form-btn .btns {
font-size: 24px;
line-height: 33px;
border: transparent;
color: #000;
}
.footer_form {
padding: 65px 0;
background: #0497c8;
color: #fff;
}
.footer_form .title {
margin-bottom: 10px;
}
.footer_form-wrap {
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 30px;
}
.free_contact_form.contact_form-def,
.footer_form-wrap .free_contact_form {
width: auto;
box-shadow: none;
background: transparent;
margin-right: 0;
float: none;
}
.head_form .free_contact_form form,
.free_contact_form.contact_form-def form,
.footer_form-wrap .free_contact_form form {
padding: 0;
}
.free_contact_form.contact_form-def .btns,
.footer_form-wrap .free_contact_form .btns {
color: #fff;
border-color: #fff;
width: auto;
background: transparent;
margin-top: 15px;
}
.footer_form-wrap .form_wrapper {
display: flex;
grid-column-gap: 30px;
}
.free_contact_form.contact_form-def>div,
.footer_form-wrap .free_contact_form>div {
border-right: 0;
}
.free_contact_form.contact_form-def small>a,
.free_contact_form.contact_form-def small,
.footer_form-wrap .free_contact_form small>a,
.footer_form-wrap .free_contact_form small {
color: #fff;
}
.footer_form-desc {
font-weight: 500;
font-size: 18px;
line-height: 25px;
}
.footer_form-desc .tel {
font-weight: 700;
font-size: 32px;
line-height: 44px;
color: #fff;
}
.section-line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 187px;
position: absolute;
left: 0;
right: 0;
width: 100%;
}
.section-line__center {
width: 100%;
background-repeat: no-repeat;
background-position: 50%;
max-width: 1290px;
}
.section-line:after,
.section-line:before {
width: calc(50% - 484px);
content: '';
display: block;
background-repeat: repeat-x;
background-position: 1px;
}
.section-line.section-line--intro {
bottom: -3px;
pointer-events: none;
-ms-touch-action: none;
touch-action: none;
}
.section-line.section-line--intro .section-line__center {
background-image: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/line/Lines_up_c.svg);
}
.section-line.section-line--intro:after {
background-image: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/line/Lines_up_r.svg);
}
.section-line.section-line--intro:before {
background-image: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/line/Lines_up_l.svg);
}
.section-line.section-line--statistics-top {
top: 1px;
}
.section-line.section-line--statistics-top .section-line__center {
background-image: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/line/line_top_text_c.svg);
}
.section-line.section-line--statistics-top:after {
background-image: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/line/line_top_text_r.svg);
}
.section-line.section-line--statistics-top:before {
background-image: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/line/line_top_text_l.svg);
}
.section-line.section-line--statistics-bottom {
bottom: 1px;
}
.section-line.section-line--statistics-bottom .section-line__center {
background-image: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/line/line_text_c.svg);
}
.section-line.section-line--statistics-bottom:after {
background-image: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/line/line_text_r.svg);
}
.section-line.section-line--statistics-bottom:before {
background-image: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/line/line_text_l.svg);
}
.section-line.section-line--infoBlock-top {
top: 1px;
}
.section-line.section-line--infoBlock-top .section-line__center {
background-image: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/line/info_bloc-top_c.svg);
}
.section-line.section-line--infoBlock-top:after {
background-image: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/line/info_bloc-top_r.svg);
}
.section-line.section-line--infoBlock-top:before {
background-image: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/line/info_bloc-top_l.svg);
}
.section-line.section-line--infoBlock-bot {
bottom: 1px;
}
.section-line.section-line--infoBlock-bot .section-line__center {
background-image: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/line/info_bloc-bot_c.svg);
background-position: 66%;
}
.section-line.section-line--infoBlock-bot:after {
background-image: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/line/info_bloc-bot_r.svg);
}
.section-line.section-line--infoBlock-bot:before {
background-image: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/line/info_bloc-bot_l.svg);
}
textarea,
input {
border: 1px solid #0497c8;
border-radius: 10px;
font-size: 16px;
line-height: 22px;
padding: 14px 26px;
color: #757575;
}
textarea {
height: 125px;
resize: none;
font-family: 'Nunito', sans-serif;
}
.free_contact_form input {
margin-top: 0;
}
.free_contact_form .inp_cont {
margin-top: 20px;
}
.free_contact_form .btns {
margin-top: 40px;
width: 100%;
}
.reviews .swiper-button-next,
.reviews .swiper-button-prev {
z-index: 12;
}
.modal .iti {
width: 100%;
}
.modal a {
color: #4acaf5;
transition: ease-out text-decoration 0.3s;
}
.modal a:hover {
text-decoration: underline;
}
.modal input {
background: #f0f7fe;
}
.how_works_item {
display: grid;
grid-template-columns: 50% 41%;
grid-template-rows: repeat(2, auto);
grid-auto-rows: auto;
justify-content: space-between;
margin-bottom: 50px;
align-items: center;
font-weight: 500;
}
.how_works_item:last-child {
margin-bottom: 0;
}
.how_works_item:nth-child(2n + 1) {
grid-template-columns: 41% 50%;
}
.how_works_item:nth-child(2n + 1) .how_works_item-img {
grid-column: 1/2;
grid-row: 1;
}
.how_works_item:nth-child(2n + 1) .how_works_item-body {
grid-column: 2/3;
grid-row: 1;
}
.how_works_item-img img {
max-width: 100%;
display: block;
}
.works_item-title {
font-size: 24px;
line-height: 33px;
}
.works_item-desc {
line-height: 26px;
color: #757575;
}
.work_stages_list {
list-style-type: none;
counter-reset: listCounter;
padding: 0;
margin: 0;
padding-right: 30px;
width: calc(100% - 410px);
}
.work_stages_item {
display: flex;
position: relative;
margin-bottom: 10px;
}
.work_stages_item-count {
margin-right: 30px;
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/item-count.svg) no-repeat center bottom;
}
.work_stages_item-title {
font-weight: 800;
font-size: 24px;
line-height: 33px;
margin-bottom: 25px;
}
.work_stages_item-desc {
line-height: 22px;
color: #757575;
min-height: 80px;
}
.work_stages_info {
margin-bottom: 20px;
}
.work_stages_item-count::after {
content: '';
height: 93%;
width: 1px;
position: absolute;
z-index: 0;
top: 0;
left: 39px;
border-left: 3.5px dotted #4acaf5;
}
.work_stages_item-count::before {
width: 80px;
height: 80px;
border-radius: 50%;
background: #4acaf5;
display: flex;
align-items: center;
color: #fff;
font-size: 32px;
justify-content: center;
counter-increment: listCounter;
content: counter(listCounter, decimal-leading-zero) ' ';
position: relative;
z-index: 1;
}
.work_stages_item:last-child .work_stages_item-count {
background: none;
}
.work_stages_item:last-child .work_stages_item-count::after {
display: none;
}
.work_stages_wrap {
display: flex;
align-items: flex-start;
}
.work_stages_form {
padding: 44px 55px;
background: #0497c8;
border-radius: 10px;
color: #fff;
width: 410px;
}
.work_stages_form .title {
margin-bottom: 0;
}
.free_contact_form.contact_form-def small {
text-align: center;
display: block;
}
.free_contact_form.contact_form-def form {
padding: 0;
}
.work_stages_form-footer {
text-align: center;
border-top: 1px solid #4acaf5;
padding-top: 26px;
margin-top: 26px;
}
.work_stages_form-footer .tel {
font-size: 25px;
margin-top: 5px;
color: #fff;
}
.service_cost {
background: rgba(179, 216, 250, 0.2);
}
.services_item-cost {
margin-bottom: 60px;
}
.services_item-cost .services_item-info,
.services_item-cost .services_item {
display: flex;
}
.services_item-cost .services_item-info {
padding: 20px 30px;
justify-content: space-between;
width: 100%;
}
.services_item-cost .services_item-top {
min-width: 300px;
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
}
.services_item-text {
max-width: 700px;
padding-right: 10px;
}
.services_item-cost .item-desc p:last-child {
margin-bottom: 0;
}
#searchform {
display: flex;
max-width: 300px;
margin: 10px auto 0;
}
#searchform input {
border-radius: 10px 0 0 10px;
width: 100%;
border-right: 1px solid transparent;
}
#searchform .btns {
border-radius: 0 10px 10px 0;
border-width: 1px;
}
.post_page .post_form .free_contact_form .inp_cont {
width: 30%;
}
.services-akcii {
padding: 10px 0 70px;
}
.services-akcii .breadcrumbs {
margin-top: 0;
}
.services_item-akcii .services_item:not(:last-child) {
margin-bottom: 70px;
}
.services_item-akcii .services_item-top {
padding: 0;
}
.services_item-akcii .services_item-top img {
width: 100%;
height: 100%;
object-fit: cover;
}
.services_item-akcii .services_item-title {
font-weight: 800;
font-size: 30px;
line-height: 41px;
margin-bottom: 14px;
}
.services_item-akcii .services_item-text {
max-width: 500px;
}
.services_item-akcii .services_item-info {
align-items: center;
}
.questions {
padding-bottom: 40px;
}
.questions .title {
margin-bottom: 15px;
}
.questions_form form {
display: flex;
flex-wrap: wrap;
flex-direction: inherit;
padding: 0;
grid-column-gap: 30px;
}
.head_form .free_contact_form,
.questions_form .free_contact_form {
width: 100%;
height: auto;
position: relative;
z-index: 2;
margin: 0;
float: none;
background: transparent;
box-shadow: none;
color: #4d4d4d;
display: block;
}
.head_form .free_contact_form>div.wpcf7,
.questions_form .free_contact_form>div.wpcf7 {
display: block;
border-right: 0;
}
.questions_form .free_contact_form .inp_cont {
width: auto;
}
.head_form .free_contact_form .btns,
.questions_form .free_contact_form .btns {
margin-top: 0;
}
.questions_form .free_contact_form .inp_cont.CAPTCHA {
width: 100%;
}
.questions_form input {
background: #f0f7fe;
border: 1px solid #0497c8;
}
form a {
color: #4acaf5;
}
.head_form {
max-width: 520px;
margin-bottom: 20px;
}
.head_form .free_contact_form .btns {
width: auto;
background: #4acaf5;
color: #fff;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.head_form .free_contact_form label {
font-size: 16px;
}
.head_form .free_contact_form input {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.head_form .free_contact_form .startSEO {
flex-direction: row;
}
.startSEO .dc_line {
position: relative;
width: 100%;
}
.program_options {
background: #f0f7fe;
}
.program_options .dp-section-title {
font-weight: 700;
font-size: 32px;
line-height: 44px;
margin-bottom: 6px;
}
.program_options .dp-section-subtitle {
max-width: 740px;
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #808080;
margin-bottom: 28px;
margin-top: 0;
}
.program_options .section-earn-items {
display: flex;
}
.program_options .section-earn-item:not(:last-child) {
margin-right: 140px;
}
.program_options .section-earn-item {
max-width: 410px;
}
.program_options .section-earn-percent {
font-weight: 700;
font-size: 70px;
line-height: 95px;
color: #4acaf5;
margin-bottom: 0;
}
.program_options .section-earn-percent-text {
font-weight: 500;
font-size: 24px;
line-height: 33px;
color: #000000;
padding-bottom: 20px;
border-bottom: 1px solid #0497c8;
}
.demispartnertabs .tabs-content .tabs-content-panel {
display: none;
padding-top: 30px;
}
.demispartnertabs .tabs-content .tabs-content-panel.active {
display: block;
}
.demispartnertabs .tabs-nav {
display: flex;
grid-gap: 150px;
border-bottom: 1px solid #0497c8;
}
.demispartnertabs .tabs-nav .tabs-nav-item>* {
display: inline-block;
border-bottom: 4px solid transparent;
padding-bottom: 4px;
transition: ease-out 0.3s;
cursor: pointer;
}
.demispartnertabs .tabs-nav .tabs-nav-item>*:hover {
color: #0497c8;
}
.demispartnertabs .tabs-nav .tabs-nav-item>*.active {
border-bottom: 4px solid #0497c8;
color: #0497c8;
}
.demispartnertabs .tabs-content .dp-grid {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
align-items: center;
}
.demispartnertabs .tabs-content ul {
list-style-type: disc;
padding-left: 20px;
color: #757575;
}
.demispartnertabs .tabs-content li {
margin-bottom: 7px;
list-style-type: disc;
}
.demispartnertabs .dp-width-1-2\@s {
width: 50%;
}
.tabs-content-img {
text-align: center;
}
.tabs-content-img img {
max-width: 100%;
}
.section-partners .title {
margin-bottom: 5px;
}
.section-partners .subtitle {
color: #808080;
margin-bottom: 40px;
}
.section-partners .partners {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 30px;
}
.section-partners .partners-item {
border-radius: 10px;
overflow: hidden;
text-align: center;
background: #ffffff;
box-shadow: 5px 5px 25px 5px rgba(0, 0, 0, 0.1);
max-width: 440px;
margin: 0 auto;
}
.section-partners .partners-item-label {
padding: 14px;
background: #4acaf5;
color: #ffffff;
}
.section-partners .partners-item-entry {
padding: 28px 30px 38px;
display: flex;
flex-direction: column;
height: calc(100% - 50px);
}
.partners-item-logo img {
max-width: 160px;
}
.partners-item-excerpt {
font-size: 18px;
line-height: 30px;
color: #000000;
margin-bottom: 27px;
}
.partners-item-bonus {
font-weight: 500;
font-size: 24px;
line-height: 30px;
text-align: center;
color: #000000;
margin-top: 0;
}
.partners-item-button {
margin-top: auto;
}
.section-join {
color: #fff;
}
.section-join .title {
font-weight: 700;
font-size: 48px;
line-height: 54px;
}
.section-join_info {
max-width: 630px;
}
.section-join-text {
font-weight: 500;
font-size: 20px;
line-height: 27px;
margin-bottom: 40px;
}
#wpcf7-f9573-p189-o4 .iti {
width: 100%;
}
.input-container {
position: relative;
}
.input-container .input-lebel-file {
cursor: pointer;
display: flex;
align-items: center;
margin: 10px 0;
font-size: 16px;
font-weight: 400;
position: relative;
left: 0;
top: 0;
pointer-events: auto;
-ms-touch-action: auto;
touch-action: auto;
color: #fff;
}
.input-lebel-file::before {
content: '';
height: 20px;
width: 20px;
display: inline-block;
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/98520.svg) no-repeat;
background-size: contain;
margin-right: 10px;
}
.input-lebel-file span {
text-decoration: underline;
}
.input-lebel-file>input {
display: none;
}
.summary-status {
margin: 10px 0;
}
.summary-status-txt {
font-size: 16px;
color: #fff;
}
.btn-delete-summary {
height: 17px;
width: 17px;
position: absolute;
right: 10px;
top: 0;
display: block;
border: 0;
outline: 0;
cursor: pointer;
background: transparent;
}
.btn-delete-summary::after,
.btn-delete-summary::before {
content: '';
position: absolute;
width: 17px;
height: 2px;
background: #fff;
right: 0;
}
.btn-delete-summary::before {
transform: rotate(-45deg);
}
.btn-delete-summary::after {
transform: rotate(45deg);
}
.img_banner {
margin-top: 50px;
text-align: center;
}
.img_banner picture,
.img_banner img {
max-width: 100%;
max-height: 650px;
}
.img_banner .btns {
margin-left: auto;
margin-right: auto;
max-width: 180px;
}
.img_banner-btn {
margin-top: 10px;
}
.art_title_wr .art_title {
text-align: left;
font-family: Nunito;
font-size: 32px;
font-weight: 700;
line-height: 44px;
margin-bottom: 30px;
}
.cmstable {
min-width: 50%;
}
.cmstable>tr>td {
padding: 5px 25px;
}
.cmstable>tr:not(:first-child) {
border-bottom: #f1f1f1;
}
.header_table td {
color: #fff;
border: solid 1px #4fc7f3;
border-radius: 5px;
}
.to_list_btn {
font-size: 16px;
font-weight: 700;
line-height: 22px;
text-align: center;
display: inline-block;
padding: 8px 28px;
border: solid 1px #4fc7f3;
border-radius: 10px;
padding-left: 50px;
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/arrrs.svg) no-repeat 20px center;
color: #4fc7f3;
}
.article_page a.to_list_btn:hover,
.to_list_btn:hover {
text-decoration: none;
color: #ffffff;
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/arrrs-w.svg) no-repeat 20px center #4acaf5;
}
.status_table {
padding-left: 30px;
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/material-symbols_check-circle-outline.svg) no-repeat 0px center;
font-size: 16px;
font-weight: 500;
line-height: 22px;
color: #808080;
display: block;
}
.form_context,
#site_list {
width: 100%;
max-width: 500px;
}
#tablespecial {
width: 100%;
}
.block_ask-wrapp {
margin-bottom: 60px;
}
.ask__item {
padding: 15px;
border: 1px solid rgba(74, 202, 245, 1);
border-radius: 10px;
margin-bottom: 20px;
}
.ask__item_title {
font-family: Nunito;
font-size: 24px;
font-weight: 600;
line-height: 33px;
padding: 0 20px;
padding-right: 40px;
position: relative;
cursor: pointer;
}
.ask__item_text {
margin-top: 10px;
border: 0;
border-radius: 0;
border-top: 1px solid rgba(230, 230, 230, 1);
display: none;
padding: 35px 50px;
width: 100%;
height: 100%;
font-family: Nunito;
font-size: 16px;
font-weight: 400;
line-height: 30px;
color: #000;
}
.ask__item_title:after {
content: '';
position: absolute;
right: 3px;
top: 50%;
border: solid rgba(74, 202, 245, 1);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
border-radius: 2px;
width: 15px;
height: 15px;
margin-top: -15px;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.ask__item_title.selected:after {
transform: rotate(225deg);
border-width: 0 2px 2px 0;
margin-top: -7px;
}
.wiki_items {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-column-gap: 50px;
grid-row-gap: 50px;
margin-bottom: 60px;
}
.wiki_item {
display: flex;
}
.wiki_item-title {
font-weight: bold;
font-size: 32px;
line-height: 25px;
}
.wiki_item ul {
list-style-type: none;
padding: 0;
margin: 0;
font-size: 20px;
line-height: 27px;
font-family: 'Nunito';
margin-left: 24px;
}
.wiki_item a {
color: #333333;
text-decoration: none;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.wiki_item a:hover {
color: #4fc7f3;
}
.wiki_item ul li {
margin-bottom: 4px;
}
.block_text {
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #808080;
margin-top: 50px;
}
.block_text h1,
.block_text h2,
.block_text h3,
.block_text h4,
.block_text h5,
.block_text h6 {
color: #000;
}
.block_text li {
padding-left: 35px;
margin-bottom: 30px;
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/vik.svg) no-repeat left 4px;
background-size: 18px 14px;
}
.city_slider {
padding: 30px 20px 70px;
}
.city_slider-item {
position: relative;
border-radius: 10px;
background: #fff;
box-shadow: 5px 5px 25px 5px rgba(0, 0, 0, 0.1);
color: #000;
font-size: 22px;
font-family: 'Nunito';
font-weight: 700;
padding: 20px 50px 20px 30px;
display: block;
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/material-symbols_arrow-right-alt.svg) no-repeat right 40px center #fff;
transition: ease-out 0.3s;
}
.city_slider-item::after {
content: '';
border-radius: 10px 10px 0px 0px;
background: #4acaf5;
height: 6px;
width: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.city_slider-item:hover {
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/material-symbols_arrow-right-alt.svg) no-repeat right 30px center #4acaf5;
color: #fff;
}
.city_slider .swiper-slide {
display: grid;
grid-template-columns: 1fr;
grid-gap: 20px 30px;
width: 100%;
}
.trimme_status {
display: flex;
justify-content: space-between;
align-items: center;
}
#trimme_status_modal {
display: none;
z-index: 1000;
position: fixed;
left: 50%;
transform: translateX(-50%);
margin: 100px auto;
margin-left: auto;
margin-right: auto;
max-width: 630px;
background: #fdfdfd;
box-shadow: 4px 8px 30.72px 1.28px rgba(0, 0, 0, 0.21);
padding: 44px 30px;
max-height: 550px;
height: 100%;
border-radius: 10px;
overflow: hidden;
}
.trimme_status_wr {
position: relative;
overflow-y: auto;
height: 100%;
max-height: 500px;
}
code {
display: inline-block;
margin: 0;
padding: 0.2em 0.4em;
font-size: 87.5%;
color: #e83e8c;
background-color: #f8f9fa;
border-radius: 0.2rem;
}
.tariff_item:first-child {
padding-top: 0;
}
.tariff_item:nth-child(2n) {
background: #f0f7fe;
}
.tariff_title {
color: #4acaf5;
font-size: 70px;
font-weight: 700;
}
.tariff_subTitle {
color: #000;
font-size: 24px;
font-weight: 500;
padding-bottom: 24px;
border-bottom: 1px solid #0497c8;
margin-bottom: 50px;
}
.list_tariff .swiper-wrapper {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 30px;
margin-bottom: 55px;
overflow: visible;
}
.tariff_item_wr {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: start;
grid-gap: 30px;
}
.tariff_item_text {
color: #757575;
font-size: 20px;
font-weight: 500;
line-height: 34px;
margin-bottom: 40px;
}
.tariff_item_btn {
display: flex;
grid-gap: 24px 30px;
}
.tariff_items_works {
border-radius: 10px;
background: #fff;
box-shadow: 5px 5px 25px 5px rgba(0, 0, 0, 0.1);
padding: 47px 63px;
}
.tariff_items_title {
margin-bottom: 30px;
color: #000;
font-size: 24px;
font-weight: 600;
}
.list_tariff-item {
line-height: 20px;
background: #fff;
box-shadow: 5px 5px 25px 5px rgba(0, 0, 0, 0.1);
position: relative;
overflow: hidden;
border-radius: 10px;
}
.list_tariff-top {
background: #0497c8;
}
.listItem_title {
font-size: 32px;
font-weight: 700;
line-height: 43.65px;
text-align: center;
color: #ffffff;
}
.listItem_desc {
text-align: center;
color: #ffffff;
font-size: 16px;
font-weight: 500;
line-height: 21.82px;
text-align: center;
}
.listItem_price {
font-size: 32px;
font-weight: 700;
line-height: 43.65px;
text-align: center;
}
.price_discount {
}
.listItem_price_wrapper.disc {
height: 150px;
display: flex;
align-items: center;
justify-content: center;
}
.listItem_price_wrapper.disc .price_block.discounted {
position: relative;
display: inline-block;
color: #999;
}
.listItem_price_wrapper.disc .price_block.discounted::after {
content: '';
position: absolute;
top: 40%;
left: 0;
width: 100%;
height: 8px;
border-radius: 8px;
background-color: #1e90ff; transform: rotate(-8deg); transform-origin: center;
}
.listItem_price.price_max {
background: #F0F7FE;
box-shadow: inset 0px 5px 10px 0px #0000001A;
}
.listItem_price_desc {
font-size: 14px;
font-weight: 500;
line-height: 19.1px;
text-align: center;
color: #757575;
}
.listItem_price_info,
.listItem_price,
.list_tariff-top {
padding: 20px 17px;
}
.listItem_price_info {
font-size: 13px;
font-weight: 500;
line-height: 17.73px;
padding-top: 33px;
padding-bottom: 30px;
}
.listItem_item-wrap {
text-align: center;
padding-top: 10px;
}
.listItem_item-wrap .btns {
width: 100%;
}
.listItem_price_info .price_wr {
display: flex;
align-items: center;
grid-gap: 12px;
margin-bottom: 25px;
}
.listItem_price_info .price_lab {
border: 1px solid #4ACAF5;
padding: 6px 9px;
border-radius: 40px;
white-space: nowrap;
}
.item_works {
color: #000;
font-size: 16px;
font-weight: 500;
line-height: 26px;
margin-bottom: 20px;
padding-left: 15px;
position: relative;
}
.item_works::before {
content: '';
width: 7px;
height: 7px;
border-radius: 50%;
background: #000;
position: absolute;
top: 10px;
left: 0;
}
.page_content_wr {
display: flex;
justify-content: space-between;
}
.content_text {
width: calc(100% - 340px);
}
.content_text .lwptoc {
display: none;
}
.content_info {
max-width: 340px;
padding-left: 20px;
}
.universal_form {
color: #fff;
background: #0497c8;
border-radius: 10px;
padding: 25px 40px;
margin: 30px 0;
}
.universal_form .footer_form-wrap {
align-items: center;
}
.universal_form a {
color: #fff;
}
main .universal_form .footer_form-desc,
main .universal_form .footer_form-desc p {
color: #fff;
} .calculator_top {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 40px;
padding-right: 40px;
}
.calculator_bottom {
max-width: 600px;
margin-bottom: 40px;
display: flex;
align-items: flex-start;
}
.calculator_bottom {
position: relative;
}
.region-selection {
max-width: 600px;
width: 100%;
display: grid;
grid-gap: 30px;
grid-template-columns: repeat(3, 1fr);
align-items: center;
}
.region-selection-title {
grid-column: span 3;
}
.region-selection .btns {
color: #000;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
border: 1px solid #4acaf5;
border-radius: 10px;
padding: 14px 8px;
}
.region-selection .btns:hover,
.region-selection .btns.active {
color: #fff;
background: #4acaf5;
}
.region-selection .btns.disabled {
border: 1px solid rgba(217, 217, 217, 1);
color: rgba(217, 217, 217, 1);
cursor: auto;
background: #fff;
}
.region-selection .btns>input {
display: none;
}
.calculator_checkbox_wr {
display: flex;
align-items: center;
padding-right: 15px;
}
.calculator_checkbox_wr input[type='checkbox'] {
display: none;
}
.calculator_checkbox_wr .label {
position: relative;
cursor: pointer;
display: flex;
align-items: center;
}
.calculator_checkbox_wr .label:before {
content: '';
-webkit-appearance: none;
background-color: transparent;
border: 1px solid #4acaf5;
border-radius: 5px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
padding: 10px;
display: inline-block;
position: relative;
vertical-align: middle;
margin-right: 5px;
margin-right: 10px;
transition: ease-out 0.3s;
}
.calculator_checkbox_wr input:checked+.label:before {
background-color: #4acaf5;
}
.calculator_checkbox_wr input:checked+.label:after {
content: '';
display: block;
position: absolute;
top: 5px;
left: 8px;
width: 6px;
height: 10px;
border: solid #fff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.calculator_checkbox_wr input[type='checkbox']:disabled+.label {
color: rgba(217, 217, 217, 1);
cursor: auto;
}
.calculator_checkbox_wr input[type='checkbox']:disabled+.label:before {
border: 1px solid rgba(217, 217, 217, 1);
}
.serm_info {
opacity: 0;
visibility: hidden;
border-radius: 10px;
background: #f0f7fe;
padding: 15px 20px;
font-size: 12px;
font-weight: 400;
line-height: 16px;
width: calc(100% - 180px);
transition: opacity 0.3s, visibility 0.3s;
position: absolute;
right: 0;
top: 0;
transform: translateY(-40%);
}
.serm_info.show {
opacity: 1;
visibility: visible;
transition: opacity 0.3s, visibility 0.3s;
}
.calculator_icon {
display: inline-flex;
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
padding: 1px;
border-radius: 50%;
background: #fff;
border: 1px solid #4acaf5;
color: #4acaf5;
margin-left: 12px;
cursor: pointer;
transition: ease-out 0.3s;
}
.calculator_icon:hover,
.calculator_icon.active {
background: #4acaf5;
color: #fff;
}
.requests-slider {
max-width: 564px;
width: 100%;
padding-left: 30px;
}
.requests-title {
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 20px;
}
.multi-region-input_wr {
display: flex;
align-items: center;
grid-gap: 12px;
}
.multi-region-input_wr input {
text-align: center;
padding: 14px 15px;
width: 80px;
}
.calculator {
border-bottom: 1px solid #D9D9D9;
padding-bottom: 60px;
}
.calculator_footer {
margin-left: auto;
margin-right: auto;
display: flex;
align-items: center;
grid-gap: 17px;
}
#calculate {
white-space: nowrap;
} .calculator_disclaimer {
max-width: 677px;
font-size: 14px;
line-height: 20px;
}
.calculator_disclaimer span {
color: #4acaf5;
}
.calculator_total {
font-size: 24px;
font-style: normal;
font-weight: 800;
line-height: normal;
}
.calculator_total span {
color: #4acaf5;
}
#flat-slider::after {
content: '';
height: 135px;
width: calc(100% + 100px);
position: absolute;
top: 0;
transform: translate(-50px, -38%);
border: 1px solid #4ACAF5;
border-radius: 10px;
}
[id*=flat-slider].ui-slider { border: none;
border-radius: 0
}
[id*=flat-slider].ui-slider .ui-slider-handle {
width: 20px;
height: 20px;
border-radius: 50% 50% 0;
border-color: transparent;
transition: border .4s ease
}
[id*=flat-slider].ui-slider .ui-slider-handle.ui-state-active,
[id*=flat-slider].ui-slider .ui-slider-handle.ui-state-focus,
[id*=flat-slider].ui-slider .ui-slider-handle.ui-state-hover {
border-color: #172f38
}
[id*=flat-slider].ui-slider .ui-slider-pip .ui-slider-line {
background: rgba(217, 217, 217, 1);
transition: all .4s ease
}
[id*=flat-slider].ui-slider.ui-slider-horizontal {
height: 5px;
margin-top: 80px;
margin-bottom: 50px;
max-width: 400px;
margin-left: 50px;
}
[id*=flat-slider].ui-slider.ui-slider-horizontal .ui-slider-handle {
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
top: -25px;
margin-left: -10px
}
[id*=flat-slider].ui-slider.ui-slider-horizontal .ui-slider-pip {
top: 10px;
}
[id*=flat-slider].ui-slider.ui-slider-horizontal .ui-slider-pip .ui-slider-line {
width: 2px;
height: 20px;
margin-left: -1px
}
[id*=flat-slider].ui-slider.ui-slider-horizontal .ui-slider-pip[class*=ui-slider-pip-selected] .ui-slider-line {
height: 20px
}
[id*=flat-slider].ui-slider.ui-slider-horizontal .ui-slider-pip:nth-child(odd) .ui-slider-line {
height: 30px;
width: 3px;
}
[id*=flat-slider].ui-slider.ui-slider-horizontal .ui-slider-pip.ui-slider-pip-inrange .ui-slider-line {
height: 23px
}
[id*=flat-slider].ui-slider.ui-slider-horizontal .ui-slider-pip.ui-slider-pip-inrange:nth-child(odd) .ui-slider-line {
height: 33px;
}
[id*=flat-slider].ui-slider.ui-slider-vertical {
width: 6px;
height: 125px;
display: inline-block;
margin: 0 15%
}
[id*=flat-slider].ui-slider.ui-slider-vertical .ui-slider-handle {
-webkit-transform: rotateZ(-45deg);
transform: rotateZ(-45deg);
left: -25px;
margin-bottom: -10px
}
[id*=flat-slider].ui-slider.ui-slider-vertical .ui-slider-pip {
left: 10px
}
[id*=flat-slider].ui-slider.ui-slider-vertical .ui-slider-pip .ui-slider-line {
height: 2px;
width: 10px;
margin-top: -1px
}
[id*=flat-slider].ui-slider.ui-slider-vertical .ui-slider-pip[class*=ui-slider-pip-selected] .ui-slider-line {
width: 20px
}
[id*=flat-slider].ui-slider.ui-slider-vertical .ui-slider-pip.ui-slider-pip-inrange .ui-slider-line {
width: 12px
}
[id*=flat-slider].ui-slider.ui-slider-vertical .ui-slider-handle .ui-slider-tip,
[id*=flat-slider].ui-slider.ui-slider-vertical .ui-slider-handle[class*=ui-state-] .ui-slider-tip {
visibility: visible;
opacity: 1;
border: none;
background: 0 0;
left: 50%;
width: 30px;
margin-left: -15px;
text-align: center;
color: #fff;
font-weight: 400;
top: 10px;
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg)
}
[id*=flat-slider].ui-slider.ui-slider-vertical .ui-slider-handle .ui-slider-tip:before,
[id*=flat-slider].ui-slider.ui-slider-vertical .ui-slider-handle[class*=ui-state-] .ui-slider-tip:before {
display: none
}
#flat-slider .ui-slider-handle,
#flat-slider .ui-slider-pip.ui-slider-pip-inrange .ui-slider-line,
#flat-slider .ui-slider-pip[class*=ui-slider-pip-selected] .ui-slider-line {
background-color: rgba(74, 202, 245, 1)
}
#flat-slider .ui-slider-range {
background-color: transparent;
}
[id*=flat-slider].ui-slider.ui-slider-horizontal .ui-slider-pip.ui-slider-pip-first .ui-slider-label,
[id*=flat-slider].ui-slider.ui-slider-horizontal .ui-slider-pip.ui-slider-pip-last .ui-slider-label {
display: block;
top: 40px;
color: #000;
text-align: center;
font-family: 'Nunito';
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.ui-slider-float .ui-slider-tip {
opacity: 1;
visibility: visible;
top: -16px;
left: -4px;
border: 0;
background: transparent;
transform: rotateZ(-45deg);
color: #000;
text-align: center;
font-family: 'Nunito';
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.ui-slider-float .ui-slider-handle:hover .ui-slider-tip,
.ui-slider-float .ui-slider-handle.ui-state-hover .ui-slider-tip,
.ui-slider-float .ui-slider-handle:focus .ui-slider-tip,
.ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip,
.ui-slider-float .ui-slider-handle.ui-state-active .ui-slider-tip,
.ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
top: -16px;
}
.ui-slider-float .ui-slider-tip:before,
.ui-slider-float .ui-slider-tip:after {
display: none;
}
.faq.infoBlock {
margin-top: 30px;
}
.faq_wr {
padding: 100px 0;
position: relative;
z-index: 1;
}
.faq-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 30px;
position: relative;
}
.faq-item {
border-radius: 10px;
background: #FFF;
box-shadow: 5px 5px 25px 5px rgba(0, 0, 0, 0.10);
padding: 15px 29px 21px;
display: flex;
align-items: center;
border-top: 6px solid #4acaf5;
}
.faq-title {
color: #000;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
cursor: pointer;
}
.faq-title-text {
width: calc(100% - 50px);
padding-right: 15px;
}
.faq-title_icon {
width: 34px;
height: 34px;
transform: rotate(0deg);
transition: transform 0.3s ease;
}
.faq-desc {
visibility: hidden;
opacity: 0;
position: absolute;
width: 100%;
height: min-content;
min-height: 100%;
transition: visibility 0s, opacity 0.3s linear, height 0.3s linear;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 50px 110px;
border-top: 6px solid #4acaf5;
border-radius: 10px;
background: #FFF;
box-shadow: 5px 5px 25px 5px rgba(0, 0, 0, 0.10);
}
.faq-item.active .faq-desc {
visibility: visible;
opacity: 1;
z-index: 11;
}
.faq-desc_icon {
position: absolute;
top: 35px;
right: 35px;
cursor: pointer;
}
.faq-desc-title {
color: #000;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.faq-desc-text {
max-width: 850px;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 60px;
}
.post_page.post_page_new {
border: 0;
padding: 0;
margin-top: 0;
}
.page_content_wr .lwptoc-light .lwptoc_i,
.content_info .lwptoc-light .lwptoc_i {
background: #0497C8;
color: #fff;
padding: 30px;
border-radius: 10px;
}
.page_content_wr .lwptoc_item a span,
.content_info .lwptoc_item a span,
.content_info .lwptoc-light .lwptoc_i A {
color: #ffffff;
}
.page_content_wr .lwptoc-light .lwptoc_item:not(:last-child),
.content_info .lwptoc-light .lwptoc_item:not(:last-child) {
margin-bottom: 15px;
}
.page_content_wr .lwptoc_toggle,
.content_info .lwptoc_toggle {
display: none;
}
.page_content_wr .lwptoc_title,
.content_info .lwptoc_title {
font-family: Nunito;
font-weight: 700;
font-size: 32px;
line-height: 36px;
letter-spacing: 0%;
margin-bottom: 20px;
}
.article-page-meta {
margin: 20px 0;
}
.article-page-date {
display: flex;
align-items: center;
color: #4ACAF5;
font-family: Nunito;
font-weight: 400;
font-size: 14px;
line-height: 100%;
letter-spacing: 0%;
}
.article-page-date svg {
margin-right: 7px;
}
.content_text h2 span {
color: #000;
}
.post_page .article_page h2 {
font-weight: 700;
font-size: 32px;
line-height: 100%;
}
.news.article_news {
background: #F0F7FE;
padding-top: 40px;
padding-bottom: 50px;
}
.post_page.post_page_new .wp-block-table table {
border: 0;
border-collapse: separate;
border-spacing: 8px;
}
.post_page.post_page_new .wp-block-table table tr th,
.post_page.post_page_new .wp-block-table table tr td {
box-shadow: 4px 4px 15px 0px #00000012;
padding: 15px 20px;
border-radius: 6px;
border: 0;
}
.post_page.post_page_new .wp-block-table table tr th {
background: #0497C8;
color: #fff;
text-align: left;
}
#contact_modal_send>div {
top: 20%;
}
.wpcf7-form.invalid .wpcf7-validates-as-tel {
border: 1px solid red;
} .city-search {
position: relative;
width: 100%;
margin: 0 auto;
display: flex;
align-items: center;
} #city-search-input {
width: 100%;
font-size: 16px;
outline: none;
color: #333;
transition: border-color 0.3s ease;
} .city-search-button {
position: absolute;
right: 0;
background-color: transparent;
border: none;
cursor: pointer;
padding: 8px;
width: 60px;
height: 50px;
background: #4ACAF5;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.city-search-button img {
width: 20px; height: 20px;
object-fit: cover;
} #city-search-input:focus {
border-color: #4A90E2;
}
.menu-uslugi-container .sub-menu {
padding-left: 10px;
margin-top: 8px;
}
.menu-uslugi-container .sub-menu {
font-size: 14px;
}
.menuTab .menu .sub-menu li,
.menu-uslugi-container .sub-menu li {
margin-bottom: 8px;
}
.other_services_slider .swiper-pagination,
.other_services_slider .nav_block {
display: none;
}
.other_services_slider .seo-service-button:not(:hover) {
color: #fff;
}
.seo_services_slider {
padding-bottom: 50px;
padding-left: 30px;
padding-right: 30px;
}
.seo-service-item {
border-radius: 10px;
min-height: 280px;
position: relative;
padding: 40px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.seo-service-item .seo-service-title {
font-weight: 800;
font-size: 32px;
line-height: 30px;
color: #FFFFFF;
position: relative;
z-index: 1;
margin-bottom: 20px;
max-width: 300px;
}
.seo-service-item .seo-service-button {
color: #000;
}
.seo_services_slider .seo-service-button {
border-color: #fff;
}
.other_services_slider .seo-service-button,
.seo_services_slider .seo-service-button {
margin-top: auto;
}
.other_services_slider .seo-service-button::after,
.seo_services_slider .seo-service-button::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 1;
}
.seo-service-image {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
height: 100%;
width: 100%;
background: #3face5;
border-radius: 10px;
overflow: hidden;
}
.seo-service-image img {
height: 100%;
width: 100%;
object-fit: cover;
}
@media screen and (min-width: 780px) {
.benefits_item-title {
min-height: 60px;
}
}
@media screen and (max-width: 1890px) {
.section-line:after,
.section-line:before {
width: calc(50% - 626px);
}
}
@media screen and (max-width: 1470px) {
.container {
max-width: 1120px;
}
.section-line.section-line--intro:after,
.section-line.section-line--intro:before {
width: calc(50% - 638px);
}
.services_item-info {
padding: 30px 25px;
}
.banner_form-title {
font-size: 40px;
}
.section-line.section-line--statistics-bottom:after,
.section-line.section-line--statistics-bottom:before,
.section-line.section-line--statistics-top:after,
.section-line.section-line--statistics-top:before {
width: calc(50% - 600px);
}
.city_slider .swiper-slide {
grid-template-columns: 1fr;
}
.open_modal2-btn {
padding: 8px 15px;
}
.header_wrap .logo {
max-width: 120px;
height: auto;
}
.header_wrap .logo svg {
max-width: 100%;
height: auto;
}
.main_menu_desc a {
font-size: 11px;
}
.main_menu_desc>li {
margin-right: 9px;
}
}
@media screen and (max-width: 1270px) {
.section-line.section-line--intro .section-line__center {
background-position: 37%;
}
.benefits_col4 .benefits_items {
grid-template-columns: repeat(4, 350px);
}
}
@media screen and (max-width: 1140px) {
.container {
max-width: 1120px;
}
.services_item-wrap {
flex-direction: column;
}
.services_item-wrap .btns:last-child {
margin-left: 0;
margin-top: 14px;
}
.services_item {
max-width: 500px;
margin: auto;
}
.banner_form {
padding: 35px;
}
.banner_form-info {
width: 70%;
}
.banner_form-btn {
width: 30%;
}
.services_item-cost .services_item-top {
min-width: auto;
}
.services_item-cost .services_item-info,
.services_item-cost .services_item {
flex-direction: column;
}
.intro_list {
flex-wrap: wrap;
}
.intro-o-nas .intro_title {
font-weight: 800;
font-size: 48px;
line-height: 56px;
}
.intro_list_item {
width: 100%;
}
.faq-container {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 980px) {
.services_item-cost .services_item-btn {
display: flex;
align-items: center;
position: relative;
}
.services_item-cost .services_item-price {
margin-bottom: 30px;
position: absolute;
top: 0;
}
.services_item-cost .services_item-wrap {
margin-top: 50px;
}
}
@media screen and (max-width: 1100px) and (min-width: 980px) {
.open_modal2-btn {
padding: 8px;
}
.main_menu_desc a {
font-size: 9px;
}
.header_wrap .header_sp_phone {
font-size: 14px;
}
}
@media screen and (max-width: 1040px) {
.footerBot .footerBot_wrap {
flex-direction: column;
align-items: center;
}
.reviews .swiper-slide-active {
max-width: 600px;
}
.benefits_items_cost {
grid-template-columns: repeat(2, 1fr);
}
.services_list.TYPE2 {
grid-template-columns: repeat(1, 1fr);
}
.list_tariff,
.tariff_item_wr {
grid-template-columns: 1fr;
}
.calculator_bottom,
.calculator_top {
flex-direction: column;
}
.calculator_top {
margin-bottom: 0;
padding-right: 20px;
padding-left: 20px;
}
.requests-slider {
padding-left: 0;
padding-bottom: 60px;
}
[id*=flat-slider].ui-slider.ui-slider-horizontal {
margin-left: auto;
margin-right: auto;
margin-bottom: 80px;
}
.serm_info {
display: none;
width: 100%;
margin-top: 20px;
}
.serm_info.show {
display: block;
}
.calculator_checkbox_wr,
.calculator_bottom {
margin-left: auto;
margin-right: auto;
}
.requests-slider,
.region-selection {
max-width: none;
width: 100%;
padding-bottom: 30px;
}
#calc_modal {
width: auto;
margin-left: calc(50% - 350px);
}
#calc_modal .free_contact_form {
width: 630px;
}
#calc_modal .form_img {
display: none;
}
}
@media screen and (max-width: 980px) {
.section-partners .partners {
grid-template-columns: repeat(1, 1fr);
}
.program_options .section-earn-item:not(:last-child) {
margin-right: 67px;
}
.statistics_list {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 30px;
}
.statistics_item {
margin: auto;
width: 100%;
height: 100%;
}
.reviews .swiper-slide {
padding: 20px;
}
.review_slider-item {
padding: 20px 25px;
}
.benefits_items { grid-template-columns: repeat(3, 350px);
overflow-y: auto;
}
.list_tariff .swiper-wrapper,
.news_list .swiper-wrapper,
.services_list .swiper-wrapper {
display: flex;
grid-gap: initial;
}
.banner_form {
flex-direction: column;
}
.banner_form-info {
width: 100%;
}
.banner_form-btn {
width: 100%;
margin-top: 23px;
}
.infoBlock {
background-image: none !important;
}
.header_wrap nav {
display: none;
}
.cases_item-info {
flex-direction: column;
}
.swiper-container.clients_slider {
overflow: visible;
}
.swiper-container.clients_slider .swiper-wrapper {
display: block;
transform: none !important;
margin-bottom: 0;
}
.swiper-container.clients_slider .swiper-wrapper .swiper-slide {
width: 100% !important;
margin-right: 0px !important;
}
.swiper-container.clients_slider .nav_block,
.swiper-container.clients_slider .swiper-pagination {
display: none;
}
.cases_item {
padding: 0;
}
.cases_item-logo {
padding: 15px 30px;
border: 1px solid #d5d3d3;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
border-radius: 10px;
min-height: 125px;
max-height: 125px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.cases_item-info {
display: none;
padding-bottom: 30px;
}
.cases_item.active .cases_item-logo {
border-color: #4acaf5;
}
.work_stages_wrap {
flex-direction: column;
}
.free_contact_form.contact_form-def .iti {
width: 100%;
}
.work_stages_form,
.work_stages_list {
width: 100%;
}
.about_form .input_block {
flex-direction: column;
}
.post_page .post_form .free_contact_form .inp_cont {
width: 100%;
}
.free_contact_form .iti {
display: block;
}
#menu_mobile .header_sp_phone {
font-weight: 700;
font-size: 20px;
line-height: 27px;
}
#menu_mobile .open_modal2-btn {
margin-top: 30px;
}
.cases_item-list {
max-width: none;
padding-left: 0;
}
.cases_item-img {
margin: auto;
}
.questions_form form {
flex-direction: column;
}
.page_content_wr {
display: block;
}
.content_text {
width: 100%;
}
.content_text .lwptoc {
display: block;
}
.content_info {
display: none;
}
}
@media screen and (max-width: 800px) {
.reviews .swiper-slide-active {
max-width: 515px;
}
.footer_form-wrap {
grid-template-columns: 1fr;
}
#calc_modal {
width: 300px;
margin-top: 100px;
margin-left: calc(50% - 150px);
}
#calc_modal .free_contact_form {
width: 300px;
}
}
@media screen and (max-width: 767px) {
.demispartnertabs .tabs-nav {
grid-gap: 40px;
}
header .header-w .open_modal2-btn {
display: none;
}
header .header-w .header_sp_phone {
font-size: 0;
display: inline-block;
width: 30px;
height: 30px;
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/lucide_phone-call.svg) no-repeat center / contain;
background-size: contain;
margin-left: auto;
margin-right: 30px;
color: #fff;
}
.header-w.sticky-menu .header_wrap .header_sp_phone {
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/lucide_phone-call-b.svg) no-repeat center / contain;
}
.header_wrap .client {
margin-right: 30px;
}
.banner_form-title {
font-size: 36px;
line-height: 40px;
}
.banner_form-desc {
font-size: 18px;
line-height: 27px;
}
.banner_form-btn .btns {
font-size: 20px;
line-height: 27px;
}
.review_slider-item {
padding: 0;
box-shadow: none;
}
.reviews .swiper-slide-active {
max-width: none;
}
.review_slider::after {
width: 0;
}
.intro {
background: #f0f7fe !important;
}
.intro.intro-services {
background: #153f5e !important;
}
.banner_form {
padding: 25px 30px 36px;
}
.calculator_top {
padding-right: 10px;
padding-left: 10px;
}
.region-selection {
grid-gap: 20px;
grid-template-columns: repeat(2, 1fr);
}
.requests-slider {
padding-left: 0;
}
.region-selection-title {
grid-column: span 2;
}
.calculator_block .title {
text-align: center;
}
.multi-region-input_wr {
font-family: 14px;
}
#calc_modal {
margin-top: 0;
}
.faq-item {
flex-direction: column;
}
.faq-container {
grid-template-columns: repeat(1, 1fr);
}
.faq-desc {
position: inherit;
height: 0;
padding: 0;
border-top: 0;
border-radius: 0;
background: #FFF;
box-shadow: none;
}
.faq-item.active .faq-desc {
height: auto;
min-height: auto;
}
.faq-item.active .faq-title_icon {
transform: rotate(135deg);
}
.faq-desc-text {
margin-top: 25px;
margin-bottom: 30px;
}
.faq-desc_icon {
display: none;
}
.faq-desc-title {
display: none;
}
.faq_wr {
padding: 20px 0;
}
.calculator_footer {
flex-direction: column;
}
}
@media screen and (max-width: 640px) {
.demispartnertabs .dp-width-1-2\@s {
width: 100%;
}
.demispartnertabs .tabs-nav {
overflow-x: auto;
white-space: nowrap;
}
.program_options .section-earn-item:not(:last-child) {
margin-right: 0;
margin-bottom: 50px;
}
.program_options .section-earn-items {
flex-direction: column;
}
.program_options .dp-section-title {
font-size: 24px;
line-height: 33px;
}
.hide_mob {
display: none;
} .statistics_item-title {
font-size: 30px;
line-height: 32px;
}
.statistics_item-desc {
font-size: 16px;
}
.reviews .swiper-slide-active::after {
left: 22%;
}
.header_wrap .logo {
max-width: 160px;
}
.intro_title {
font-size: 30px;
line-height: 38px;
margin-bottom: 25px;
}
.intro_desc {
font-size: 18px;
line-height: 25px;
max-width: 400px;
}
.benefits_items {
grid-template-columns: repeat(1, 1fr);
}
.benefits_item {
padding: 30px 25px;
}
.footerBot .footerBot_wrap .menu {
flex-direction: column;
text-align: center;
margin-top: 40px;
}
.footerBot .footerBot_wrap .menu li:not(:last-child) {
margin-bottom: 20px;
}
.footerBot .footerBot_wrap {
text-align: center;
}
.footerBot_wrap .copyright span {
display: block;
}
.footerBot .menu li:not(:last-child) {
margin-right: 0;
}
.swiper-slide-active .review_slider-item::after {
content: '';
width: 122px;
height: 110px;
right: 4%;
}
.review_slider {
padding-left: 0;
padding-right: 0;
}
.swiper-container.review_slider .nav_block {
display: none;
}
.title h1,
.title {
font-size: 24px;
line-height: 33px;
margin-bottom: 30px;
}
.block {
padding: 40px 0 55px;
}
.statistics {
padding: 118px 0 130px;
}
.statistics_wrap {
padding: 30px 0;
}
.section-line.section-line--statistics-top {
height: 118px;
}
.section-line.section-line--statistics-bottom {
height: 130px;
}
.section-line.section-line--statistics-bottom .section-line__center,
.section-line.section-line--statistics-top .section-line__center {
background-position: bottom;
}
.section-line.section-line--infoBlock-bot,
.section-line.section-line--infoBlock-top {
display: none;
}
.infoBlock {
padding: 0;
}
.infoBlock-text {
padding: 0;
}
.reviews .swiper-slide-active::before {
border-top: 21px solid #dbf4fd;
border-bottom: 25px solid transparent;
border-left: 45px solid #dbf4fd;
border-right: 42px solid transparent;
position: absolute;
left: 20%;
top: 101%;
}
.reviews .swiper-slide-active::after {
border-top: 19px solid #fff;
border-bottom: 20px solid transparent;
border-left: 36px solid #fff;
border-right: 40px solid transparent;
position: absolute;
left: 22%;
top: 100%;
}
.news_list .swiper-wrapper {
align-items: stretch;
}
.news_list .swiper-slide {
height: auto;
}
.benefits_items {
grid-template-columns: repeat(3, 300px);
overflow-y: auto;
padding: 20px;
}
.footer_form-wrap .form_wrapper {
flex-direction: column;
}
.footer_form-wrap .free_contact_form {
width: 100%;
}
.footer_form-wrap .iti {
display: block;
}
.footer_form-wrap .iti--separate-dial-code input,
.iti--separate-dial-code input[type='tel'] {
padding-right: 0;
}
.footer_form-wrap .free_contact_form .btns {
width: 100%;
}
.intro {
padding: 85px 0 135px;
}
.how_works_item,
.how_works_item:nth-child(2n + 1) {
grid-template-columns: 100%;
grid-template-rows: auto auto;
}
.how_works_item .production__item-img,
.how_works_item:nth-child(2n + 1) .production__item-img {
grid-column: 1/2;
grid-row: 1/2;
}
.how_works_item .how_works_item-body,
.how_works_item:nth-child(2n + 1) .how_works_item-body {
margin-top: 32px;
grid-column: 1/2;
grid-row: 2/3;
}
.how_works .title {
margin-bottom: 40px;
}
.work_stages_item {
flex-direction: column;
margin-bottom: 40px;
}
.work_stages_list {
padding-right: 0;
text-align: center;
}
.work_stages_info {
margin-top: 25px;
}
.work_stages_item-count {
margin-right: 0;
background-image: none;
}
.work_stages_item-count::after {
display: none;
}
.work_stages_item-count::before {
margin: auto;
}
footer .logo {
margin: auto;
}
#vk_groups {
width: 100% !important;
}
.banner_form-title {
font-size: 28px;
line-height: 35px;
}
.head_form .free_contact_form label {
font-size: 12px;
}
.head_form .free_contact_form .startSEO {
flex-direction: column;
grid-gap: 20px;
}
.head_form .free_contact_form .btns,
.head_form .free_contact_form input {
border-radius: 10px;
}
.section-join_info {
text-align: center;
}
.section-join-text br {
display: none;
}
.benefits_items_cost {
grid-template-columns: repeat(1, 1fr);
}
.cmstable {
width: 100%;
}
.ask__item_title {
font-family: Nunito;
font-size: 20px;
font-weight: 600;
line-height: 27px;
}
.ask__item_text {
padding: 20px 15px;
}
.infoBlock.specialists {
padding-top: 60px;
padding-bottom: 70px;
}
.infoBlock.specialists .title {
text-align: center;
font-weight: 800;
font-size: 32px;
line-height: 44px;
}
.city_slider .swiper-slide {
grid-template-columns: 1fr;
}
.city_slider .nav_block {
display: none;
}
.tariff_items_works {
padding: 35px 22px;
}
.tariff_title {
font-size: 58px;
}
.list_tariff {
margin-bottom: 30px;
}
.tariff_item_text {
font-size: 18px;
line-height: 26px;
}
.tariff_item_btn {
flex-direction: column;
}
.tariff_subTitle {
margin-bottom: 20px;
}
#calc_modal {
margin-left: 0;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow-x: auto;
height: 100%;
width: 100%;
}
#calc_modal .free_contact_form {
width: 100%;
}
#modal_block {
width: 65px;
height: 65px;
right: 90px;
bottom: 20px;
box-shadow: 0 19px 38px 0 rgba(34, 36, 43, .3);
}
#flat-slider::after {
width: calc(100% + 60px);
transform: translate(-30px, -38%);
}
}
@media screen and (max-width: 480px) {
#flat-slider::after {
width: calc(100% + 40px);
transform: translate(-20px, -38%);
}
[id*="flat-slider"].ui-slider.ui-slider-horizontal {
max-width: 90%;
}
#flat-slider::after {
display: none;
}
.calculator_disclaimer {
text-align: center;
}
.requests-slider,
.region-selection {
margin-bottom: 30px;
border-bottom: 1px solid #D9D9D9;
}
.region-selection {
padding-bottom: 30px;
}
.header-w.sticky-menu .header_wrap .logo,
.header_wrap .logo svg {
max-width: 100%;
}
}
@media screen and (max-width: 370px) {
.banner_form-title {
font-size: 31px;
line-height: 36px;
}
.header_wrap .client {
margin-right: 18px;
}
.footer_form-desc .tel {
font-size: 30px;
}
.partners-item-bonus {
font-size: 18px;
line-height: 25px;
}
#calc_modal {
margin-top: 0;
}
.work_stages_form,
#calc_modal form {
padding: 44px 15px;
}
.region-selection {
grid-template-columns: repeat(1, 1fr);
}
.region-selection-title {
grid-column: span 1;
}
[id*=flat-slider].ui-slider.ui-slider-horizontal .ui-slider-pip.ui-slider-pip-last .ui-slider-label {
left: 0;
}
[id*=flat-slider].ui-slider.ui-slider-horizontal .ui-slider-pip.ui-slider-pip-first .ui-slider-label {
right: 0;
}
.header_wrap .client {
margin-right: 10px;
}
header .header-w .header_sp_phone {
margin-right: 14px;
}
}
figcaption,
figcaption strong {
font-weight: normal !important;
}
.wp-block-image {
display: flex;
}
.wp-block-image figure {
max-width: 630px;
}
.example-block {
border-left: 4px solid #4ACAF5;
padding-left: 12px;
margin: 16px 0;
}
.article_news .news_item-desc {
margin-top: 10px;
}
.article-page-meta {
display: flex;
gap: 70px;
}
.article_page .article_views {
display: flex;
align-items: center;
color: #4ACAF5;
font-family: Nunito;
font-weight: 400;
gap: 7px;
font-size: 14px;
line-height: 100%;
letter-spacing: 0%;
}
@media screen and (max-width: 850px) {
.breadcrumbs {
margin-left: 10px;
}
}
.lwptoc:first-child {
position: sticky;
top: 80px;
}
.specialists_item_exp {
color: #0497c8;
font-size: 14px;
}
.specialists_item_serts {
color: #757575;
font-size: 13px;
margin-top: 10px;
text-align: left;
}
.specialist_item_info_img {
display: flex;
align-items: center;
margin-bottom: 20px;
gap: 20px;
background: #fff;
border-radius: 10px;
box-shadow: 0px 15px 25px -1px rgba(0, 0, 0, 0.1);
}
.specialists_item_info {
text-align: left;
padding: 15px 0;
padding-right: 15px;
}
.specialists_list .swiper-slide {
height: auto;
}
.article_page.komanda_page section {
padding-top: 20px;
}
.article_page.komanda_page .specialists_list_grid {
display: flex;
flex-wrap: wrap;
gap: 25px 45px;
align-items: stretch;
}
.article_page.komanda_page .specialists_item {
margin: 0;
height: auto;
}
.article_page.komanda_page .infoBlock.specialists {
padding-top: 20px;
}
ol.work_stages_new_disign li.work_stages_item {
margin-bottom: 10px;
}
.work_stages.block ul li {
list-style: disc;
margin-left: 20px;
}
header.header_komanda {
padding-bottom: 20px;
}
a.all_comand_link {
border-radius: 10px;
background-color: #4acaf5;
padding: calc(.667em + 2px) calc(1.333em + 2px);
color: #fff;
margin: 0 auto;
display: block;
width: 190px;
text-align: center;
margin-top: 30px;
}
.specialists_list {
padding-bottom: 50px;
}
ul.sub-menu.right-menu {
left: 453px;
}
.main_menu_desc ul.sub-menu.right-menu li .sub-sub-menu {
position: relative;
left: initial;
top: initial;
display: block;
margin-top: initial;
right: initial;
background: initial;
box-shadow: initial;
z-index: 110;
}
.main_menu_desc ul.sub-menu.right-menu li .sub-sub-menu div {
display: none;
}
.main_menu_desc ul.sub-menu.right-menu li .sub-sub-menu a.menu-link.sub-menu-link {
background: none;
padding: 10px 0;
margin-left: 0;
line-height: 100%;
width: 100%;
}
.reviews.block {
padding-top: 20px;
}
.reviews_grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
} .review_card {
background-color: #3CA8E6;
border-radius: 11px;
padding: 40px;
display: flex;
flex-direction: column;
} .review_card.review_card--with-image {
grid-column: 1 / -1;
}
.review_card-inner {
display: flex;
gap: 25px;
flex-direction: column;
height: 100%;
} .review_card.review_card--with-image .review_card-inner {
flex-direction: row;
align-items: flex-start;
align-items: center;
}
.review_card-main {
flex: 1 1 auto;
min-width: 0;
}
.review_card-title {
color: #FFFFFF;
margin-bottom: 15px;
font-weight: 700;
font-size: 25px;
line-height: 100%;
text-transform: uppercase;
}
.review_card-bubble {
background: #fff;
padding: 30px;
border-radius: 11px;
color: #333;
width: 100%;
}
.review_card-text {
max-height: 160px;
overflow: hidden;
position: relative;
font-size: 16px;
line-height: 1.6;
margin-bottom: 10px;
overflow-wrap: anywhere;
}
.review_card-text.is-truncated::after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 55px;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 85%);
pointer-events: none;
}
.review_card-text p:last-child {
margin-bottom: 0;
}
.review_card-author {
display: block;
margin-top: 15px;
font-weight: bold;
color: #49a3e1;
}
.read-more-btn {
margin-top: 12px;
cursor: pointer;
} .review_card-img {
width: 260px;
flex-shrink: 0;
background: #fff;
border: 0;
padding: 0;
border-radius: 11px;
overflow: hidden;
cursor: pointer;
display: block;
}
.review_card-img img {
width: 100%;
height: auto;
display: block;
transition: transform 0.25s ease;
}
.review_card-img:hover img {
transform: scale(1.03);
} .reviews_modal {
position: fixed;
inset: 0;
z-index: 9999;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 0.25s ease, visibility 0.25s ease;
}
.reviews_modal.is-open {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.reviews_modal-overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.65);
}
.reviews_modal-dialog {
position: absolute;
z-index: 2;
width: calc(100% - 32px);
max-width: 900px;
max-height: calc(100vh - 60px);
background: #fff;
border-radius: 16px;
overflow: hidden;
display: flex;
flex-direction: column;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
height: fit-content;
}
.reviews_modal-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
padding: 20px 24px;
border-bottom: 1px solid #e9e9e9;
}
.reviews_modal-title {
font-size: 24px;
font-weight: 700;
color: #222;
margin: 0;
}
.reviews_modal-close {
border: 0;
background: transparent;
font-size: 32px;
line-height: 1;
cursor: pointer;
color: #222;
padding: 0;
}
.reviews_modal-body {
padding: 24px;
overflow-y: auto;
}
.reviews_modal-content {
font-size: 16px;
line-height: 1.7;
color: #333;
}
.reviews_modal-content img {
display: block;
max-width: 100%;
max-height: calc(100vh - 180px);
width: auto;
height: auto;
margin: 0 auto;
border-radius: 12px;
}
.reviews_modal-open {
overflow: hidden;
}
.review_card-fulltext[hidden] {
display: none !important;
} @media (max-width: 768px) {
.reviews_grid {
grid-template-columns: 1fr;
}
.review_card.review_card--with-image {
grid-column: auto;
}
.review_card.review_card--with-image .review_card-inner {
flex-direction: column;
}
.review_card-img {
width: 100%;
max-width: 100%;
order: 1;
height: auto !important;
background: initial;
}
.review_card-main {
order: 2;
}
.review_card-img img {
max-height: 250px;
object-fit: contain;
}
.review_card {
padding: 24px;
}
.review_card-bubble {
padding: 20px;
}
.reviews_modal-dialog {
width: calc(100% - 20px);
margin: 10px auto;
max-height: calc(100vh - 20px);
}
.reviews_modal-header,
.reviews_modal-body {
padding: 16px;
}
.reviews_modal-title {
font-size: 20px;
}
}
#menu_mobile {
overflow-x: hidden; transition: transform 0.3s ease;
} #menu_mobile .sub-menu {
position: absolute;
top: 0;
left: 100%; width: 100%;
height: 100%;
background: #fff;
z-index: 10;
transition: left 0.3s ease;
display: block !important; } #menu_mobile .sub-menu.is-active {
left: 0;
} #menu_mobile li {
border-bottom: 1px solid #eee;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
#menu_mobile li a {
padding: 15px 20px;
flex-grow: 1;
font-size: 16px;
}
.mob_arrow {
padding: 15px 25px;
font-size: 24px;
cursor: pointer;
color: #333;
} .menu-back-item {
background: #f8f8f8;
font-weight: bold;
}
.menu-back {
padding: 15px 20px;
cursor: pointer;
width: 100%;
}
#menu_mobile li a[href*="/seo-prodvizeniye-saytov/"]~ul.sub-menu {
height: auto;
border: #fff;
}
#menu_mobile li a[href*="/seo-prodvizeniye-saytov/"]~ul.sub-menu li.menu-item.has-children {
border-bottom: initial;
padding-top: 0;
}
#menu_mobile li a[href*="/seo-prodvizeniye-saytov/"]~ul.sub-menu li.menu-item.has-children>a.menu-link {
font-weight: bold;
}
#menu_mobile li a[href*="/seo-prodvizeniye-saytov/"]~ul.sub-menu li.menu-item.has-children span.mob_arrow {
display: none;
}
#menu_mobile li a[href*="/seo-prodvizeniye-saytov/"]~ul.sub-menu ul.sub-menu {
position: relative;
display: block;
top: initial;
left: initial;
}
#menu_mobile li a[href*="/seo-prodvizeniye-saytov/"]~ul.sub-menu ul.sub-menu li.menu-back-item {
display: none;
}
#menu_mobile li a[href*="/seo-prodvizeniye-saytov/"]~ul.sub-menu li.menu-item.has-children ul.sub-menu>li:first-child+li {
border-top: 1px solid #eee;
}
#menu_mobile li a[href*="/seo-prodvizeniye-saytov/"]~ul.sub-menu li.menu-item.has-children ul.sub-menu>li {
padding-left: 15px;
}
.menu-glavnoe-menju-container li#nav-menu-item-990 ul.sub-menu ul.sub-menu {
display: block;
position: relative;
left: initial;
top: initial;
right: initial;
margin: initial;
box-shadow: initial;
background: initial;
width: auto;
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.menu-glavnoe-menju-container li#nav-menu-item-990 ul.sub-menu ul.sub-menu div {
display: none;
}
.menu-glavnoe-menju-container li#nav-menu-item-990 ul.sub-menu ul.sub-menu a.menu-link.sub-menu-link {
background: none;
}
.menu-glavnoe-menju-container li#nav-menu-item-990>ul.sub-menu {
width: 629px;
border-radius: 10px;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(4, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
gap: 0 57px;
padding: 35px 50px;
height: auto;
}
.menu-glavnoe-menju-container li#nav-menu-item-990:hover>ul.sub-menu {
display: grid;
}
.menu-glavnoe-menju-container li#nav-menu-item-990>ul.sub-menu>li a {
font-weight: 600;
font-size: 14px;
text-transform: uppercase;
color: #000;
}
.menu-glavnoe-menju-container li#nav-menu-item-990 li#nav-menu-item-11695 {
grid-area: 1 / 1 / 2 / 2;
min-width: 190px;
}
.menu-glavnoe-menju-container li#nav-menu-item-990 li#nav-menu-item-11854 {
grid-area: 2 / 1 / 5 / 2;
}
.menu-glavnoe-menju-container li#nav-menu-item-990 li#nav-menu-item-11855 {
grid-area: 1 / 2 / 5 / 3;
}
.menu-glavnoe-menju-container li#nav-menu-item-990 li#nav-menu-item-11697 {
grid-area: 1 / 3 / 5 / 4;
}
.menu-glavnoe-menju-container li#nav-menu-item-990 ul.sub-menu ul.sub-menu a.menu-link.sub-menu-link {
background: none;
height: auto;
line-height: normal;
font-weight: 400;
font-size: 12px;
color: #000;
padding: initial;
margin: initial;
text-transform: capitalize;
}
.menu-glavnoe-menju-container li#nav-menu-item-990 ul.sub-menu ul.sub-menu>li {
width: 100%;
}
.menu-glavnoe-menju-container li#nav-menu-item-990 ul.sub-menu ul.sub-menu a.menu-link.sub-menu-link:hover,
.menu-glavnoe-menju-container li#nav-menu-item-990>ul.sub-menu>li a:hover {
color: #4acaf5;
}
.menu-glavnoe-menju-container li#nav-menu-item-990>ul.sub-menu>li a:not([href]) {
cursor: default;
}
.menu-glavnoe-menju-container li#nav-menu-item-990>ul.sub-menu>li a:not([href]):hover {
color: initial;
}
section.main-block-information .main-block-information__inside {
display: flex;
gap: 140px;
}
.main-block-information__left {
width: 740px;
}
p.main-block-information__left-title {
font-weight: 700;
font-size: 32px;
color: #000;
}
.main-block-information__left-items {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.main-block-information__left-item {
width: 220px;
height: 173px;
box-shadow: 5px 5px 25px 5px rgba(0, 0, 0, 0.1);
background: #fff;
border-radius: 10px;
padding: 63px 25px 20px 25px;
position: relative;
}
p.main-block-information__left-item-title {
font-weight: 500;
font-size: 16px;
color: #757575;
margin: 0;
margin-bottom: 5px;
}
p.main-block-information__left-item-value {
font-weight: 500;
font-size: 19px;
color: #000;
margin: 0;
line-height: 100%;
}
.main-block-information__left-item img {
position: absolute;
right: 24px;
top: 24px;
}
.main-block-information__left-item {
width: 220px;
height: 173px;
box-shadow: 5px 5px 25px 5px rgba(0, 0, 0, 0.1);
background: #fff;
border-radius: 10px;
padding: 63px 25px 20px 25px;
position: relative;
overflow: hidden;
}
.main-block-information__left-item:before {
content: "";
left: 0;
top: 0;
height: 6px;
background: #4acaf5;
width: 100%;
position: absolute;
}
ul.project-navigation a {
font-weight: 500;
font-size: 20px;
line-height: 110%;
color: #0497c8;
}
ul.project-navigation {
display: flex;
flex-wrap: wrap;
gap: 20px;
flex-direction: column;
}
p.main-block-information__right-title {
font-weight: 700;
font-size: 32px;
color: #000;
}
section.main-block-work {
background: #f0f7fe;
}
h2.main-block-work__title {
font-weight: 700;
font-size: 32px;
color: #000;
transform: initial;
text-align: left;
margin-bottom: 0;
}
p.main-block-work__description {
font-weight: 500;
font-size: 16px;
color: #808080;
margin-top: 0;
width: 740px;
margin-top: 10px;
}
section.main-block-work .container {
display: flex;
gap: 70px;
}
.main-block-work__grid {
display: flex;
flex-wrap: wrap;
gap: 60px 30px;
width: 850px;
margin-top: 50px;
}
.main-block-work__grid .main-block-work__item {
width: 249px;
border-bottom: 1px solid #0497c8;
padding-bottom: 20px;
}
.main-block-work__item-number {
font-weight: 700;
font-size: 55px;
color: #0497c8;
}
.main-block-work__item-text {
font-weight: 500;
font-size: 22px;
color: #000;
line-height: 120%;
}
section.main-block-work {
padding: 105px 0;
}
p.work-form-callback__privacy {
margin: 0;
margin-top: 20px;
font-weight: 300;
font-size: 13px;
text-align: center;
color: #fff;
}
p.work-form-callback__privacy a {
font-weight: 400;
text-decoration: underline;
text-decoration-skip-ink: none;
color: #fff;
}
.work-form-callback {
border-radius: 10px;
background: #0497c8;
padding: 36px 55px;
position: relative;
}
p.work-form-callback__title {
font-weight: 700;
font-size: 32px;
line-height: 113%;
color: #fff;
margin: 0;
}
p.work-form-callback__description {
font-weight: 500;
font-size: 18px;
color: #fff;
line-height: 110%;
}
form.work-form-callback__form {
display: flex;
flex-direction: column;
gap: 20px;
}
button.work-form-callback__button {
border: 2px solid #fff;
border-radius: 10px;
padding: 14px 28px;
width: 100%;
height: 55px;
background: #0497c8;
font-weight: 700;
font-size: 20px;
text-align: center;
color: #fff;
cursor: pointer;
}
p.work-form-callback__privacy {
margin: 0;
margin-top: 20px;
font-weight: 300;
font-size: 13px;
text-align: center;
color: #fff;
}
p.work-form-callback__privacy a {
font-weight: 400;
text-decoration: underline;
text-decoration-skip-ink: none;
color: #fff;
font-size: 13px;
}
header.header-case-new-disign .header-w {
background: #00000080;
}
.header-case-block {
min-height: 555px;
position: relative;
}
.header-case-block {
margin-top: -70px;
padding-top: 110px;
}
h1.header-case-block-title__title {
font-weight: 800;
font-size: 48px;
color: #fff;
width: 570px;
line-height: 120%;
}
h1.header-case-block-title__title {
font-weight: 800;
font-size: 48px;
color: #fff;
width: 570px;
line-height: 120%;
margin-top: 0;
}
.header-case-block-title {
padding-bottom: 210px;
}
p.header-case-block-title__preview {
font-weight: 500;
font-size: 24px;
color: #fff;
width: 570px;
}
p.client-info__description {
font-weight: 500;
font-size: 16px;
color: #808080;
}
p.client-info__description {
font-weight: 500;
font-size: 16px;
color: #808080;
}
ul.client-info__list li {
width: 100%;
display: block;
position: relative;
padding-left: 30px;
}
ul.client-info__list li:before {
content: "";
width: 6px;
height: 6px;
background: #000;
position: absolute;
left: 5px;
top: 7px;
border-radius: 50%;
}
ul.client-info__list {
display: flex;
flex-wrap: wrap;
gap: 20px;
list-style-type: disc;
}
p.client-info__card-title {
font-weight: 700;
font-size: 24px;
color: #000;
margin-top: 0;
}
.client-info__card {
box-shadow: 5px 5px 25px 5px rgba(0, 0, 0, 0.1);
background: #fff;
padding: 47px 63px;
width: 630px;
border-radius: 10px;
position: relative;
}
.client-info__cards {
display: flex;
gap: 30px;
margin-top: 50px;
}
h2.client-info__title {
font-weight: 700;
font-size: 32px;
color: #000;
text-align: left;
margin-bottom: 10px;
margin-top: 0;
}
.client-info__card:before {
content: "";
position: absolute;
right: 30px;
top: 30px;
width: 84px;
height: 84px;
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/case_icons/project_goal.svg);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
.client-info__card+.client-info__card:before {
background-image: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/case_icons/start_data.svg);
}
section#stages {
padding-top: 20px;
}
h2.how-we-did-it__main-title {
font-weight: 700;
font-size: 48px;
color: #fff;
text-align: left;
width: 100%;
background: #0497c8;
border-radius: 10px;
padding: 23px 77px;
}
.how-we-did-it__item {
overflow: hidden;
width: 100%;
box-shadow: 5px 5px 25px 5px rgba(0, 0, 0, 0.1);
background: #fff;
border-radius: 10px;
position: relative;
padding: 10px 0px 56px;
padding-bottom: 10px;
padding-top: 10px;
}
.how-we-did-it__item.is-active {
padding: 10px 0px 56px;
}
.how-we-did-it__item:before {
position: absolute;
content: "";
height: 5px;
top: 0;
width: 100%;
display: block;
background: #4acaf5;
}
.how-we-did-it__item-header {
padding: 0 80px;
font-weight: 700;
font-size: 24px;
color: #000;
position: relative;
cursor: pointer;
}
.how-we-did-it__content {
display: none;
}
.how-we-did-it__item-header:before,
.how-we-did-it__item-header:after {
content: "";
width: 34px;
height: 2px;
background: #4acaf5;
position: absolute;
right: 80px;
top: 15px;
border-radius: 2px;
transform: rotate(-90deg);
}
.how-we-did-it__item.is-active .how-we-did-it__item-header::after {
transform: rotate(-45deg);
}
.how-we-did-it__item.is-active .how-we-did-it__item-header::before {
transform: rotate(45deg);
}
.how-we-did-it__item-header:after {
transform: rotate(-90deg);
}
.how-we-did-it__item-header::before {
transform: rotate(0);
}
.how-we-did-it__item.is-active .how-we-did-it__content {
display: block;
}
.how-we-did-it__text {
padding: 0 80px;
font-size: 16px;
color: #757575;
margin-top: 37px;
}
.how-we-did-it__accordion {
display: flex;
flex-wrap: wrap;
gap: 30px;
}
ul.result-work-sape-list {
margin-top: 40px;
display: flex;
flex-direction: column;
gap: 10px;
}
ul.result-work-sape-list li {
font-weight: 500;
font-size: 16px;
color: #fff;
position: relative;
padding-left: 25px;
}
ul.result-work-sape-list li:before {
position: absolute;
left: 0;
top: 50%;
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/case_icons/checkmark_result.svg);
width: 14px;
height: 14px;
background-size: contain;
background-position: center;
content: "";
background-repeat: no-repeat;
transform: translateY(-50%);
}
p.result-work-sape-description {
margin-top: 0;
font-weight: 400;
font-size: 20px;
color: #fff;
}
h2.result-work-sape-title {
font-weight: 800;
font-size: 48px;
color: #fff;
text-align: left;
margin-top: 0;
margin-bottom: 0;
}
.result-work-sape-left {
color: #fff;
width: 660px;
}
.result-work-sape-main {
width: 100%;
border-radius: 10px;
background: #051d43;
display: flex;
padding: 62px 110px;
gap: 40px;
justify-content: space-between;
}
header.header-case-new-disign .header-w.sticky-menu {
background: #fff;
}
table.visibility-project-table th {
box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.07);
background: #0497c8;
border-radius: 6px;
padding: 12px 30px;
color: #fff;
}
table.visibility-project-table th~th {
text-align: center;
}
table.visibility-project-table {
width: 100%;
border-spacing: 5px;
margin-top: 40px;
}
table.visibility-project-table td {
padding: 12px 30px;
font-weight: 500;
font-size: 24px;
line-height: 108%;
color: #000;
box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.07);
background: #fff;
border-radius: 6px;
}
table.visibility-project-table td~td {
text-align: center;
}
h2.visibility-project-title {
font-weight: 700;
font-size: 32px;
color: #000;
text-align: left;
margin: 0;
}
p.visibility-project-description {
font-weight: 400;
font-size: 24px;
color: #000;
}
section.how-we-did-it,
section.result_work_sape,
section.visibility-project {
padding-top: 0;
}
.work-form-callback form.wpcf7-form {
width: 300px;
display: flex;
flex-direction: column;
max-width: 100%;
gap: 20px;
}
.work-form-callback form.wpcf7-form input {
width: 100%;
outline: initial;
color: #000;
}
.work-form-callback form.wpcf7-form .wpcf7-response-output {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
margin: 0;
background: initial;
border: initial;
background: green;
color: #fff;
text-align: center;
border-radius: 9px;
padding: 20px 10px;
}
.header-case-block__image {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: -1;
top: -10px;
}
.header-case-block__image:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: radial-gradient(transparent, #000);
z-index: 2;
}
.header-case-block__image:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #0d1f4dad;
z-index: 2;
}
.header-case-block__image img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
filter: blur(4px) brightness(0.8);
}
.wpcf7-form-control.wpcf7-acceptance label {
position: relative;
left: 0;
top: 0;
} .inp_cont.consent .wpcf7-acceptance,
.inp_cont.consent .wpcf7-list-item {
display: block;
margin: 0;
}
.inp_cont.consent .wpcf7-list-item label {
display: inline-flex;
align-items: center;
gap: 14px;
margin: 0;
cursor: pointer;
pointer-events: auto;
-ms-touch-action: auto;
touch-action: auto;
} .inp_cont.consent input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
width: 32px;
height: 18px;
min-width: 32px;
margin: 0;
border: 0;
border-radius: 30px;
background: #4acaf5;
position: relative;
cursor: pointer;
transition: background 0.25s ease;
padding: 0;
} .inp_cont.consent input[type="checkbox"]::before {
content: "";
position: absolute;
top: 2px;
left: 16px;
width: 14px;
height: 14px;
border-radius: 50%;
background: #fff;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.18);
transition: transform 0.25s ease, left 0.25s ease;
} .inp_cont.consent input[type="checkbox"]:not(:checked) {
background: #cfcfcf;
}
.inp_cont.consent input[type="checkbox"]:not(:checked)::before {
left: 2px;
} .inp_cont.consent input[type="checkbox"]:checked {
background: #4acaf5;
}
.inp_cont.consent input[type="checkbox"]:checked::before {
left: 16px;
} .inp_cont.consent input[type="checkbox"]:focus {
outline: none;
box-shadow: 0 0 0 4px rgba(15, 139, 115, 0.15);
} .inp_cont.consent .wpcf7-list-item-label {
font-size: 14px;
line-height: 1.4;
color: #9a9a9a;
} .inp_cont.consent .wpcf7-list-item-label a {
color: #4acaf5;
text-decoration: none;
}
.inp_cont.consent .wpcf7-list-item-label a:hover {
text-decoration: underline;
} .inp_cont.consent .wpcf7-not-valid-tip {
display: block;
margin-top: 8px;
font-size: 13px;
color: #dc3232;
}
.work_stages_form .inp_cont.consent .wpcf7-list-item-label a,
.work_stages_form .inp_cont.consent .wpcf7-list-item-label,
.footer_form-block .free_contact_form .inp_cont.consent .wpcf7-list-item-label a,
.footer_form-block .free_contact_form .inp_cont.consent .wpcf7-list-item-label {
color: #fff;
} .inp_cont.consent.has-error input[type="checkbox"] {
box-shadow: 0 0 0 2px #dc3232; transition: box-shadow 0.2s ease;
} .inp_cont.consent.has-error {
animation: shake 0.4s ease-in-out;
}
@keyframes shake {
0%, 100% { transform: translateX(0); }
25% { transform: translateX(-4px); }
75% { transform: translateX(4px); }
}
.cookie-banner {
position: fixed;
left: 50%;
bottom: 24px;
transform: translateX(-50%);
width: min(960px, calc(100% - 32px));
background: #ffffff;
color: #222;
border-radius: 14px;
box-shadow: 0 10px 35px rgba(0, 0, 0, 0.18);
z-index: 999999;
font-family: Arial, sans-serif;
box-sizing: border-box;
padding: 18px 20px;
}
.cookie-banner__inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.cookie-banner__text {
font-size: 15px;
line-height: 1.45;
margin: 0;
flex: 1 1 auto;
}
.cookie-banner__mobile-info {
display: none;
}
.cookie-banner__actions {
display: flex;
align-items: center;
gap: 10px;
flex: 0 0 auto;
white-space: nowrap;
}
.cookie-banner__btn,
.cookie-banner__link,
.cookie-banner__more {
display: inline-flex;
align-items: center;
justify-content: center;
height: 42px;
padding: 0 18px;
border-radius: 10px;
text-decoration: none;
font-size: 14px;
cursor: pointer;
box-sizing: border-box;
transition: opacity .2s ease, transform .2s ease;
font-family: inherit;
}
.cookie-banner__btn:hover,
.cookie-banner__link:hover,
.cookie-banner__more:hover {
opacity: 0.92;
}
.cookie-banner__btn:active,
.cookie-banner__link:active,
.cookie-banner__more:active {
transform: translateY(1px);
}
.cookie-banner__btn {
border: none;
background: #1f1f1f;
color: #fff;
font-weight: 700;
}
.cookie-banner__link {
border: 1px solid #d9d9d9;
background: #fff;
color: #1f1f1f;
}
.cookie-banner__more {
border: none;
background: transparent;
color: inherit;
padding: 0;
height: auto;
}
.cookie-modal-overlay {
position: fixed;
inset: 0;
display: none;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.45);
z-index: 1000000;
font-family: Arial, sans-serif;
padding: 14px;
box-sizing: border-box;
}
.cookie-modal-overlay.is-open {
display: flex;
}
.cookie-modal {
width: min(480px, 100%);
background: #fff;
color: #333;
border-radius: 8px;
box-shadow: 0 10px 35px rgba(0, 0, 0, 0.22);
overflow: hidden;
}
.cookie-modal__header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 18px 20px;
border-bottom: 1px solid #f0f0f0;
}
.cookie-modal__title {
margin: 0;
font-size: 18px;
line-height: 1.25;
font-weight: 700;
}
.cookie-modal__close {
width: 28px;
height: 28px;
border: none;
background: transparent;
color: #999;
font-size: 28px;
line-height: 1;
cursor: pointer;
padding: 0;
}
.cookie-modal__body {
padding: 20px;
}
.cookie-modal__text {
margin: 0 0 18px;
font-size: 14px;
line-height: 1.5;
}
.cookie-modal__privacy {
color: #4acaf5;
text-decoration: underline;
text-underline-offset: 2px;
}
.cookie-modal__btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 0 18px;
border: none;
border-radius: 10px;
background: #4acaf5;
color: #fff;
font-size: 14px;
font-weight: 700;
cursor: pointer;
font-family: inherit;
}
body.cookie-modal-open {
overflow: hidden;
}
@media (max-width: 768px) {
.cookie-banner {
width: calc(60% - 18px);
bottom: 20px;
padding: 15px 14px;
border-radius: 10px;
background: rgba(34, 34, 34, 0.98);
color: #fff;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.28);
left: 10px;
transform: none;
}
.cookie-banner__inner {
gap: 12px;
}
.cookie-banner__text,
.cookie-banner__link {
display: none;
}
.cookie-banner__mobile-info {
display: block;
min-width: 0;
}
.cookie-banner__title {
display: block;
font-size: 13px;
line-height: 1.2;
font-weight: 700;
}
.cookie-banner__more {
display: inline;
margin-top: 2px;
font-size: 13px;
line-height: 1.2;
color: #fff;
text-decoration: underline;
text-underline-offset: 2px;
}
.cookie-banner__actions {
flex: 0 0 auto;
}
.cookie-banner__btn {
height: auto;
padding: 0;
border-radius: 0;
background: transparent;
color: #ff9d2f;
font-size: 13px;
font-weight: 700;
}
.cookie-modal-overlay {
align-items: flex-start;
padding-top: 14px;
}
.cookie-modal {
width: 100%;
max-width: 480px;
border-radius: 7px;
}
.cookie-modal__header {
padding: 18px 20px;
}
.cookie-modal__title {
font-size: 18px;
}
.cookie-modal__body {
padding: 20px;
}
}
@media (max-width: 450px) {
.cookie-banner {
padding: 8px 14px;
}
}
.sidebar_block .sidebar.no_top,
.sidebar_block .news-section {
border-radius: 10px;
overflow: hidden;
}
.neuro-posts {
width: 100%;
margin-top: 25px;
}
.neuro-posts__grid {
display: grid;
gap: 24px;
}
.neuro-card {
display: grid;
grid-template-columns: 41% 1fr;
min-height: 212px;
overflow: hidden;
border-radius: 12px;
background: #ffffff;
box-shadow: 0 14px 34px rgba(20, 24, 32, 0.12);
}
.neuro-card__media {
position: relative;
display: block;
min-height: 212px;
overflow: hidden;
background: #111827;
}
.neuro-card__image {
display: block;
width: 100%;
height: 100%;
min-height: 212px;
object-fit: cover;
}
.neuro-card__play {
position: absolute;
left: 50%;
top: 50%;
display: flex;
width: 58px;
height: 58px;
align-items: center;
justify-content: center;
transform: translate(-50%, -50%);
border-radius: 50%;
background: rgba(255, 255, 255, 0.9);
color: #26bff0;
font-size: 34px;
}
.neuro-card__content {
display: flex;
flex-direction: column;
padding: 24px 32px 22px;
}
.neuro-card__author {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 10px;
}
.neuro-card__avatar {
flex: 0 0 auto;
width: 28px;
height: 28px;
overflow: hidden;
border-radius: 50%;
}
.neuro-card__avatar img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.neuro-card__author-name {
color: #171717;
font-size: 15px;
line-height: 1.3;
font-weight: 500;
}
.neuro-card__title {
text-align: left;
margin: 0;
color: #050505;
font-size: 25px;
line-height: 1.18;
font-weight: 800;
text-transform: uppercase;
margin-bottom: 5px;
}
.neuro-card__title a {
color: inherit;
text-decoration: none;
}
.neuro-card__title a:hover {
color: #25bff0;
}
.neuro-card__bottom {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 24px;
margin-top: auto;
}
.neuro-card__meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 20px;
color: #858585;
font-size: 14px;
line-height: 1;
}
.neuro-card__meta-item {
display: inline-flex;
align-items: center;
gap: 7px;
white-space: nowrap;
}
.neuro-card__meta-item svg {
flex: 0 0 auto;
color: #858585;
}
.neuro-card__button {
display: inline-flex;
min-width: 151px;
min-height: 53px;
align-items: center;
justify-content: center;
padding: 14px 26px;
border-radius: 10px;
background: #4fc8f2;
color: #ffffff;
font-size: 16px;
line-height: 1;
font-weight: 600;
text-decoration: none;
transition: background-color 0.2s ease, transform 0.2s ease;
}
.neuro-card__button:hover {
background: #27b8e8;
color: #ffffff;
transform: translateY(-1px);
}
.neuro-posts__empty {
margin: 0;
color: #171717;
font-size: 16px;
}
.article-page-head {
margin: 26px 0 34px;
}
.article-page-author {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 26px;
}
.article-page-author__img {
width: 32px;
height: 32px;
flex: 0 0 32px;
overflow: hidden;
border-radius: 50%;
}
.article-page-author__img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.article-page-author__name {
color: #1d1d1d;
font-size: 18px;
line-height: 1.3;
font-weight: 400;
}
.article-page-meta {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 24px;
color: #747474;
font-size: 15px;
line-height: 1;
}
.article-page-meta > div,
.article-page-reading-time,
.article-page-date,
.article-page-meta .article_views {
display: inline-flex;
align-items: center;
gap: 8px;
color: #747474;
font-size: 15px;
line-height: 1;
}
.article-page-meta i {
color: #4acaf5;
font-size: 17px;
}
.article-page-meta .article_views {
margin: 0;
}
.article-tags {
display: flex;
align-items: center;
gap: 18px;
margin: 36px 0 0;
}
.article-tags__label {
color: #111111;
font-size: 15px;
line-height: 1.4;
font-weight: 500;
}
.article-tags__list {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 20px;
}
.article-tags__item {
color: #8a8a8a;
font-size: 15px;
line-height: 1.4;
font-weight: 400;
text-decoration: none;
transition: color 0.2s ease;
}
.article-tags__item:hover {
color: #4acaf5;
}
.cases-archive {
margin-top: 20px;
}
.cases-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
} .cases-filter {
margin-bottom: 40px;
display: flex;
align-items: center;
justify-content: space-between;
}
.cases-filter__items {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.cases-filter__select {
appearance: none;
-webkit-appearance: none;
background-color: #f8fbff;
border: 1px solid #75c6eb;
border-radius: 8px;
padding: 12px 40px 12px 15px;
color: #333;
font-size: 15px;
cursor: pointer;
min-width: 180px;
background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2375C6EB' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 15px center;
}
.cases-filter__actions {
display: flex;
align-items: center;
gap: 20px;
}
.cases-filter__reset {
font-size: 14px;
color: #888;
text-decoration: underline;
}
.cases-filter-mobile-trigger {
display: none;
}
.case-card {
background: #F0F7FE;
border-radius: 12px;
overflow: hidden;
display: flex;
flex-direction: column;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}
.case-card__media {
position: relative;
height: 190px;
background: #0d1f4dad; 
overflow: hidden;
display: block;
padding: 50px 38px;
display: flex;
align-items: center;
justify-content: space-between;
}
.case-card  .case-card__media:hover {
text-decoration: none;
}
.case-card__media .case-card__image {
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
filter: blur(3px);
max-width: none;
}
.case-card__media:before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: 2;
width: 100%;
height: 100%;
background: #0000008c;
}
.case-card__media-title {
font-weight: 500;
font-size: 32px;
line-height: 30px;
color: #fff;
position: relative;
z-index: 3;
width: calc(100% - 110px);
padding-right: 10px;
}
.case-card__logo {
position: relative;
background: #fff;
padding: 8px;
border-radius: 8px;
z-index: 3;
}
.case-card__logo-img {
max-width: 100px;
height: auto;
display: block;
}
.case-card__content {
padding: 30px;
flex-grow: 1;
display: flex;
flex-direction: column;
} .case-card__param {
display: flex;
margin-bottom: 10px;
font-size: 14px;
line-height: 1.4;
}
.case-card__param span {
width: 110px;
color: #888;
flex-shrink: 0;
}
.case-card__param div {
color: #333;
font-weight: 500;
} .case-card__stats {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin: 25px 0;
}
.case-card__stat-value {
font-size: 42px;
font-weight: 700;
color: #0497C8;
line-height: 1;
}
.case-card__stat-text {
font-size: 14px;
color: #333;
margin-top: 5px;
} .case-card__chart {
background: #fff;
border-radius: 10px;
padding: 15px;
margin: 20px 0;
box-shadow: 0 4px 10px rgba(0,0,0,0.03);
}
.case-card__chart-img {
width: 100%;
height: auto;
display: block;
} .case-card__button.btns {
display: inline-block;
background: #50c3f3;
color: #fff;
padding: 15px 30px;
border-radius: 8px;
text-decoration: none;
font-weight: 600;
text-align: center;
width: fit-content;
margin-top: auto;
transition: background 0.3s ease;
border: none;
}
.case-card__button.btns:hover {
background: #39b3e6;
}
.cases-load-more-wrap {
text-align: center;
margin-top: 25px;
} .graph-stat-area {
padding: 50px 0;
} .graph-stat-container {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 35px;
} .graph-stat-block {
display: flex;
flex-direction: column;
} .graph-stat-block--full {
grid-column: 1 / -1;
} .graph-stat-block__header {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 15px;
}
.graph-stat-block__title {
font-size: 19px;
font-weight: 800;
color: #2c3e50;
text-transform: none; }
.graph-stat-block__badge {
font-size: 19px;
font-weight: 800;
color: #00b0ff; } .graph-stat-block__canvas {
background: #ffffff;
border-radius: 12px;
padding: 30px;
box-shadow: 5px 5px 25px 5px rgba(0, 0, 0, 0.1);
display: flex;
justify-content: center;
align-items: center;
height: 100%;
} .graph-stat-block__img {
width: 100%;
height: auto;
object-fit: contain;
display: block;
}
.footer_form-wrap {
display: flex;
flex-direction: column; gap: 25px;
} .footer_form-wrap .form_wrapper.unified-line-form {
display: flex;
flex-flow: row wrap; align-items: flex-end; gap: 15px; width: 100%;
} .footer_form-wrap .unified-line-form .inp_cont:not(.captcha_cont) {
flex: 1 1 200px; margin: 0 !important;
} .footer_form-wrap .unified-line-form textarea {
height: 52px !important; min-height: 52px !important;
max-height: 52px !important;
resize: none; padding-top: 12px; } .footer_form-wrap .unified-line-form .captcha_cont {
flex: 0 0 auto;
margin: 0 !important;
} .footer_form-wrap .free_contact_form .unified-line-form .btns {
flex: 0 0 auto;
height: 48px;
margin-top: 0 !important; padding: 0 30px;
display: inline-flex;
align-items: center;
justify-content: center;
} .footer_form-wrap .consent_wrapper {
width: 100%;
margin-top: 10px;
} .tech-stack {
padding: 60px 0;
background-color: #ffffff;
width: 100%;
box-sizing: border-box;
}
.tech-stack * {
box-sizing: border-box;
}
.tech-stack__main-title {
text-align: left;
} .tech-stack__accordion {
display: flex;
flex-direction: column;
gap: 16px;
}
.tech-stack__item {
border: 1px solid #e5e7eb;
border-radius: 12px;
background: #ffffff;
overflow: hidden;
transition: border-color 0.2s ease;
}
.tech-stack__item.is-open {
border-color: #cbd5e1;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
} .tech-stack__trigger {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 30px;
background-color: #4ACAF5;
border: none;
outline: none;
cursor: pointer;
text-align: left;
transition: background-color 0.2s ease;
}
.tech-stack__trigger-text {
font-size: 20px;
font-weight: 600;
color: #fff;
} .tech-stack__icon {
position: relative;
width: 16px;
height: 16px;
}
.tech-stack__icon::before,
.tech-stack__icon::after {
content: '';
position: absolute;
background-color: #fff;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: transform 0.25s ease;
} .tech-stack__icon::before {
width: 16px;
height: 2px;
} .tech-stack__icon::after {
width: 2px;
height: 16px;
} .tech-stack__item.is-open .tech-stack__icon::after {
transform: translate(-50%, -50%) rotate(90deg);
opacity: 0;
}
.tech-stack__item.is-open .tech-stack__icon::before {
transform: translate(-50%, -50%) rotate(180deg);
} .tech-stack__content {
padding: 35px 30px;
border-top: 1px solid #f1f5f9;
}
.tech-stack__grid {
display: grid;
grid-template-columns: repeat(2, 1fr); gap: 40px 50px;
} @media (max-width: 868px) {
.tech-stack__grid {
grid-template-columns: 1fr;
gap: 30px;
}
.tech-stack__trigger {
padding: 16px 20px;
}
.tech-stack__content {
padding: 24px 20px;
}
} .tech-stack__subcategory {
display: flex;
flex-direction: column;
gap: 16px;
}
.tech-stack__sub-title {
font-weight: 700;
font-size: 24px;
color: #000;
} .tech-stack__tags {
display: flex;
flex-wrap: wrap;
gap: 8px 10px;
}
.tech-stack__tag {
display: inline-block;
padding: 9px 18px;
background-color: #F0F7FE;
color: #757575;
font-size: 14px;
font-weight: 500;
border-radius: 10px;
text-decoration: none;
transition: all 0.15s ease;
} a.tech-stack__tag {
background-color: #4ACAF5; color: #fff;
}
a.tech-stack__tag:hover {
background-color: #0284c7;
color: #ffffff;
} .tech-stack__tag--other {
background-color: #F0F7FE;
color: #757575;
}
@media (max-width: 640px) {
.article-tags {
align-items: flex-start;
gap: 12px;
margin-top: 28px;
}
.article-tags__list {
gap: 12px;
}
.article-tags__label,
.article-tags__item {
font-size: 14px;
}
.article-page-head {
margin: 20px 0 28px;
}
.article-page-author {
margin-bottom: 20px;
}
.article-page-author__name {
font-size: 16px;
}
.article-page-meta {
gap: 16px;
font-size: 14px;
}
.article-page-meta > div,
.article-page-reading-time,
.article-page-date,
.article-page-meta .article_views {
font-size: 14px;
}
}
@media (max-width: 900px) {
.neuro-card {
grid-template-columns: 1fr;
}
.neuro-card__media,
.neuro-card__image {
min-height: 240px;
}
.neuro-card__content {
padding: 22px;
}
.neuro-card__title {
font-size: 22px;
margin-bottom: 12px;
}
.neuro-card__bottom {
align-items: flex-start;
flex-direction: column;
}
.graph-stat-container {
grid-template-columns: 1fr;
gap: 25px;
}
.graph-stat-block--full,
.graph-stat-block--half {
grid-column: span 1;
}
.graph-stat-block__title,
.graph-stat-block__badge {
font-size: 17px;
}
}
@media (max-width: 520px) {
.neuro-posts__grid {
gap: 18px;
}
.neuro-card {
border-radius: 10px;
}
.neuro-card__media,
.neuro-card__image {
min-height: 190px;
}
.neuro-card__content {
padding: 18px;
}
.neuro-card__title {
font-size: 19px;
}
.neuro-card__meta {
gap: 12px;
font-size: 13px;
}
.neuro-card__button {
width: 100%;
}
}
@media (max-width: 1470px) {
.article_page.komanda_page .specialists_item {
width: calc(50% - 25px);
}
.article_page.komanda_page .specialists_list_grid {
justify-content: center;
}
}
@media (max-width: 767px) {
.cases-list {
grid-template-columns: 1fr;
gap: 20px;
}
.cases-archive .cases-filter {
display: none;
}
.cases-archive.active .cases-filter {
display: block;
}
.cases-filter {
flex-direction: column;
} .cases-filter-mobile-trigger {
display: flex;
align-items: center;
grid-gap: 10px;
padding: 15px 0;
font-size: 18px; font-weight: 700;
color: #333;
border-bottom: 1px solid #eee;
margin-bottom: 20px;
cursor: pointer;
text-transform: uppercase;
position: relative;
} .cases-filter-mobile-trigger::before {
content: "";
width: 24px;
height: 24px;
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 4h14M4 9h10M7 14h4' stroke='%2332A8DD' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;
background-size: contain;
} .cases-filter-mobile-trigger::after {
content: "";
width: 14px;
height: 14px;
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23333' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center;
background-size: contain;
transition: transform 0.3s ease;
} .cases-archive.active .cases-filter-mobile-trigger::after {
content: "✕";
background: none;
width: auto;
height: auto;
font-size: 20px;
font-weight: 400;
color: #333;
line-height: 1;
} .cases-filter__items {
flex-direction: column;
gap: 10px;
width: 100%;
margin-bottom: 20px;
}
.cases-filter__select {
width: 100%;
background-color: #f4f9ff;
border-radius: 10px;
padding: 15px;
}
.cases-filter__actions {
flex-direction: column;
align-items: stretch;
width: 100%;
}
.cases-filter__button.btns {
width: 100%;
order: -1;
}
.case-card__media-title {
font-size: 20px;
}
.case-card__logo {
max-width: 110px;
}
.case-card__content {
padding: 20px;
}
.case-card__stat-value {
font-size: 34px;
}
.article_page.komanda_page .specialists_item {
width: 100%;
}
}
@media (max-width: 576px) {
.specialists_item_name {
font-size: 18px;
line-height: 110%;
}
.specialists_item_job {
font-size: 12px;
}
.specialists_item_exp {
font-size: 12px;
}
.specialists_item_desc {
font-size: 14px;
}
.specialists_item {
width: 85%;
margin: 0 auto;
}
.specialist_item_info_img {
gap: 15px;
}
.specialists_item_img {
width: 100px;
height: 120px;
}
.case-card__media-title {
font-size: 16px;
line-height: 20px;
}
.case-card__media{
padding: 30px 18px;
height: auto;
}
}  @media (max-width: 1399px) {
.container {
max-width: 1140px;
}
section.main-block-information .main-block-information__inside {
gap: 60px;
}
.client-info__card {
width: 48%; }
} @media (max-width: 1199px) {
.container {
max-width: 960px;
}
.main-block-information__left {
width: 100%;
}
.main-block-work__grid {
width: 100%;
justify-content: space-between;
}
.main-block-work__grid .main-block-work__item {
width: 45%;
}
.result-work-sape-main {
padding: 40px 60px;
}
} @media (max-width: 991px) {
.container {
max-width: 720px;
} .header-case-block {
padding-top: 100px;
min-height: auto;
}
h1.header-case-block-title__title {
font-size: 36px;
width: 100%;
}
p.header-case-block-title__preview {
font-size: 20px;
width: 100%;
}
.header-case-block-title {
padding-bottom: 80px;
} section.main-block-information .main-block-information__inside {
flex-direction: column;
gap: 40px;
}
.main-block-information__left-items {
justify-content: flex-start;
} section.main-block-work .container {
flex-direction: column;
gap: 50px;
}
.main-block-work__left,
.main-block-work__right {
width: 100%;
}
p.main-block-work__description {
width: 100%;
} .client-info__cards {
flex-direction: column;
align-items: center;
}
.client-info__card {
width: 100%;
} .result-work-sape-main {
flex-direction: column;
align-items: center;
text-align: left;
}
.result-work-sape-left {
width: 100%;
}
.result-work-sape-right {
max-width: 300px;
margin-top: 30px;
}
.footer_form-wrap .form_wrapper.unified-line-form {
flex-direction: column;
align-items: stretch; }
.footer_form-wrap .unified-line-form .inp_cont:not(.captcha_cont),
.footer_form-wrap .unified-line-form .inp_cont,
.footer_form-wrap .unified-line-form .captcha_cont,
.footer_form-wrap .free_contact_form .unified-line-form .btns {
width: 100% !important;
flex: 1 1 auto;
}
.footer_form-wrap .smart-captcha {
height: 100px !important; }
} @media (max-width: 767px) {
.container {
padding: 0 15px;
} h1.header-case-block-title__title,
h2.how-we-did-it__main-title,
h2.result-work-sape-title {
font-size: 28px;
}
p.main-block-information__left-title,
p.main-block-information__right-title,
h2.main-block-work__title,
h2.client-info__title,
h2.visibility-project-title {
font-size: 24px;
}
.main-block-information__left-item {
width: 100%;
padding: 50px 20px 20px;
height: auto;
min-height: 150px;
width: calc(100% / 2 - 10px);
} .main-block-work__grid {
gap: 30px 15px;
}
.main-block-work__grid .main-block-work__item {
width: 100%; }
.main-block-work__item-number {
font-size: 42px;
} .work-form-callback {
padding: 30px 20px;
}
p.work-form-callback__title {
font-size: 26px;
} h2.how-we-did-it__main-title {
padding: 15px 20px;
}
.how-we-did-it__item-header {
padding: 0 50px 0 20px;
font-size: 18px;
}
.how-we-did-it__item-header:before,
.how-we-did-it__item-header:after {
right: 20px;
width: 24px;
}
.how-we-did-it__text {
padding: 0 20px;
margin-top: 20px;
} p.visibility-project-description {
font-size: 18px;
}
table.visibility-project-table th,
table.visibility-project-table td {
padding: 10px 12px;
font-size: 16px;
} .result-work-sape-main {
padding: 40px 20px;
}
h2.result-work-sape-title {
font-size: 32px;
}
p.main-block-information__left-item-value {
font-size: 16px;
}
.work-form-callback form.wpcf7-form {
width: 100%;
}
.client-info__card {
padding: 40px;
}
#contact_modal .free_contact_form {
width: 100%; }
} @media (max-width: 480px) {
h1.header-case-block-title__title {
font-size: 24px;
}
.main-block-work__item-number {
font-size: 36px;
}
.client-info__card:before {
width: 60px;
height: 60px;
}
}@media screen and (min-width: 1500px) {
.top_slider .new_cust.nav_block {
}
.top_slider_bg {
}
.top_slider_bg .head_slider .swiper-wrapper {
height: 450px;
}
main .top_slider_bg .head_slider {
width: 78%;left: 12%;
}
.service_block1 .img_bl {
}
.service_block1 .img_bl img {
width: 100%; } }
@media screen and (min-width: 1700px) {
.top_slider .swiper-wrapper {
width: 90%;
max-width: 840px; }
.top_slider_bg {
height:700px;
}
.top_slider_bg .head_slider .swiper-wrapper{
height: 500px;
}
}
@media screen and (max-width: 1400px) and (min-width: 1150px) {
.upper_menu_block .container_wrap {
min-height: 40px;
}
.upper_menu_block a {
line-height: 40px;
}
.menu_fx {
min-height: 60px;
}
.main_menu_desc div > a {
line-height: 60px;
}
.main_menu_block {
min-height: 65px;
}
.top_slider { padding-top: 40px;
min-height: 500px;
height: 500px;
}
.top_text h2 {
margin-top: 34px;
}
.cont_header .top_text h2 {
margin-top: 0;
}
.top_slider.cont_header  {
height:auto;
}
.top_slider_bg{
height: 500px;
}
.top_slider_bg  .head_slider .swiper-wrapper{
height: 350px;
}
}
@media screen and (max-width: 1250px) {
.top_slider_bg  .head_slider .swiper-wrapper{
height: 320px;
}
main .head_slider {
width: 40%; }
.top_slider .nav_block {
top: 20px;
left: 0px; }
main .head_slider .nav_block {
right: 0;
top: 0; }
.container_wrap {
width: 98%; }
.top_text {
margin-left: 60px; }
.upper_menu_block form input:focus {
width: 98%; }
.upper_menu_block form {
transition: ease-out 1s;
background: transparent;
width: 98%; } .service_page .top_slider .nav_block {
top: -3px;
left: -35px; }
.service_page .container_wrap {
width: 93%; } }
@media screen and (max-width: 1160px) {
.top_slider_bg  .head_slider .swiper-wrapper{
height: 300px;
}
}
@media screen and (max-width: 1140px) {
.block1 .lnk_block {
right:  20px;
}
.top_slider_bg {
float: none;
height: 400px;
margin: auto;
}
.top_slider  .new_cust.nav_block {
left: -80px;
}
.service_block2 {
width: 95%;
margin-left: auto;
margin-right: auto;
margin-bottom: -80px; }
.service_block2 .service_block_cnt {
flex-direction: column;
justify-content: center;
align-items: center; }
.service_block2 .service_block_cnt div:last-child {
margin-top: 70px; }
.top_text .dc_line {
text-align: left; }
main .head_slider {
width: 50%;
height: 380px;
margin: auto;
float: none; }
.top_slider .nav_block {
float: right;
top: -360px;
left: -40px; }
.top_text {
text-align: center;
float: none;
margin: -60px auto; }
.block1 {
position: relative;
display: flex;
justify-content: center;
align-items: center; }
.block1 .bl1_cnt {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center; }
.block1 .bl_title {
margin-top: -130px;
width: 371px;
padding-left: 60px;
padding-right: 60px;
float: none; }
.bl_bord {
position: absolute;
width: 90%; }
.block2 ul {
justify-content: space-around; }
.block4 .free_contact_form {
float: none;
margin: auto; }
.block4-container h2 {
margin-top: 30px; }
.block4-container .bl4_desc {
margin-top: 125px; }
.block5 .container_wrap {
justify-content: center;
flex-direction: column;
align-items: center; }
.block5 .bl_article {
max-width: 98%; }
.block9 {
display: flex;
flex-direction: column;
align-items: center; }
.block10 .cnt_block {
display: flex;
flex-direction: column;
align-items: center; }
.block10 .free_contact_form {
width: 500px;
float: none;
margin-top: 50px; }
.block10 .free_contact_form form {
width: 400px; }
.block10 .free_contact_form input {
width: 100%;
box-sizing: border-box; }
.block10 .free_contact_form > div:first-child {
margin-left: 0; }
.page_block {
flex-direction: column; }
.sidebar_block {
width: 100%;
justify-content: space-around;
align-items: flex-start;
display: flex;
flex-wrap: wrap; }
.sidebar {
margin-top: 0; }
.page_content {
margin: 100px auto;
float: none; }
.service_block1 {
flex-direction: column-reverse;
} .service_page .top_text > p {
text-align: center; }
.service_page .top_slider .nav_block {
float: right;
top: -360px;
left: -40px; }
.service_page .top_text {
text-align: center;
float: none;
margin: -60px auto;
margin-left: auto;
width: 470px; }
#service_calc .calc_list h3 {
padding: 10px 33px 55px;
margin-bottom: 0; }
#service_calc .calc_decor {
padding-right: 66px; }
#service_calc .calc_check {
width: 200px; }
.service_an_bl1 li:last-child {
margin-right: 0; }
.service_an_bl1 li:nth-child(2) {
margin-left: 15px; }
.service_an_bl2 > div > img {
width: 40%; }
.service_an_bl2 .tabs {
width: 55%; }
.service_an_bl5 .serv_an_slider {
height: 630px; }
.service_an_bl5 .serv_an_slider .swiper-slide .serv_bord img {
width: 100%;
height: auto; }
.service_an_bl5 .serv_an_slider .swiper-slide .serv_bord {
display: block; }
.service_an_bl5 .serv_nav {
margin: -129px 113px; }
.service_an_bl6 {
padding-top: 0; }
.service_an_bl1.serv_max_bl7 li:last-child {
float: left;
margin-bottom: -200px;
margin-right: 0;
margin-top: 100px; }
.serv_max_bl4 .max_bl4_cont > div {
display: flex;
flex-direction: column;
align-items: center; }
.serv_max_bl4 .max_bl4_cont .max_bl4_texto {
margin-top: 40px; }
.serv_max_bl5 .tabs .check_list > div {
flex-wrap: wrap;
flex-direction: column;
align-items: center; }
.serv_max_bl5 .tabs .check_list .bl_article {
max-width: 70%; }
.serv_max_bl12 li .serv_bl12_cnt {
color: #4d4d4d;
width: 100%;
left: 0;
display: block;
justify-content: space-between;
align-items: center;
height: 100%; }
.serv_max_bl12 li {
padding: 0 0 80px; }
.serv_max_bl12 li .serv_bl12_cnt {
display: block; }
.serv_max_bl12 li .serv_bl12_cnt p {
float: right; }
.serv_max_bl12 ul .ph_icon_block {
justify-content: flex-end; }
.serv_max_bl12 ul .ph_icon_block {
clear: both; }
.serv_max_bl12 li:nth-child(2n+2) .serv_bl12_cnt {
display: block; }
.serv_max_bl12 li:nth-child(2n+2) .serv_bl12_cnt h3 {
float: right; }
.serv_max_bl12 li:nth-child(2n+2) .serv_bl12_cnt p {
float: left;
clear: both; }
.serv_max_bl12 ul .site_icon_block {
clear: both; }
.portf_pg .top_text {
text-align: left; }
.mac_slider {
height: 1100px; }
.mac_cont {
margin-top: 0; }
.portf_slide h2 {
text-align: center; }
.portf_slide .nav_block {
margin: auto; }
.portf_slide .nav_block .nav_btn {
margin-top: 0; }
.mac_slider_content {
margin-top: 70px;
clear: both; }
.comp_block {
float: none;
margin: auto; }
.port2 .container_wrap > div {
margin: auto; }
.port2 .container_wrap > div p {
margin: 40px auto; }
.port2 .container_wrap {
flex-direction: column; }
.mac_slider_content > div:first-child p {
width: 270px; }
.port2 .container_wrap .accord_lm {
width: 100%;
margin-top: 40px; }
.port2 .container_wrap .accord_lm .blue_mark ul li p:nth-child(2) {
text-align: left; }
.serv_max_bl7 {
margin-top: 0;
padding-top: 0;
}
.service_block1 {
flex-direction: column-reverse;
align-items: center; }
.service_block1 .img_bl {
margin-top: 70px; }
.service_block1 .img_bl {
width: 729px;
min-height: 603px;
background: url(//agency.sape.ru/wp-content/themes/iqad/assets/img/Ipad-min.png) no-repeat;
background-size: auto;
background-size: contain;
padding: 39px 25px 44px 24px;
overflow: hidden;
box-sizing: border-box;
}
.service_block1 .img_bl div{
height: 515px;
}
.sidebar_block {
max-width: 500px;
margin: auto;
}
.sidebar_block .no_top{
max-width: 500px;
width: 100%;
}
.no_top.sidebar span{
right: 45px;
}
.sidebar_blocK section.news-section,   .sidebar_block .article_tags{
width: 100%;
max-width: 500px!important;
}
footer .container_wraps{
display: grid;
grid-template-columns: repeat(3,1fr);
}
.main_menu_desc a{
font-size: 10px;
}
}
@media screen and (max-width: 980px) {
.top_slider_bg {
height: 350px;
}
.top_slider_bg .head_slider .swiper-wrapper{
height: 250px;
}
main .top_slider_bg .head_slider{
width: 82%;
left: 9%;
}
.service_an_bl2.an_tabs {
padding-top: 0;
}
.comp_block {
transform: scale(0.7);
margin-top: -90px; }
.mac_slider_content {
margin-top: 0; }
.serv_max_bl4 ul {
flex-direction: column;
align-items: center; }
.port2 {
margin-top: 0; }
.mac_slider {
height: 1000px; }
.portf_slide {
padding-top: 97px; }
.service_an_bl1.serv_max_bl7 li:last-child {
float: left;
margin-bottom: -200px;
margin-right: 0;
margin-top: 0; }
.serv_max_bl8 .serv_max8_cnt {
flex-direction: column; }
.serv_max_bl8 .serv_max8_cnt > div {
margin-top: 100px; }
.serv_max_bl8 > div > p {
width: 90%; }
.service_max .service_an_bl5 .container_wrap > p {
margin-top: 0; }
.main_menu_desc {
display: none; }
#mob_bars {
display: block; }
.main_menu_block .container_wrap .logo {
margin-left: 20px; }
#search {
margin-left: 20px; }
.upper_menu_block #search_form {
margin-left: 20px;
width: 94.5%; }
.block8 .swiper-slide .text_block {
max-width: 60%; }
.block1 .lnk_block {
display: none; }
.block1 .bl_desc .lnk_block {
display: inline-block; }
.block4-container .bl4_desc div {
flex-direction: column; }
.block4-container .bl4_desc {
width: 90%;
box-sizing: border-box;
margin-left: auto;
margin-right: auto; }
.service_block1 {
flex-direction: column-reverse;
align-items: center; }
.service_block1 .img_bl {
margin-top: 70px; }
.service_block2 {
padding-top: 0;
margin-top: 50px; } .service_an_bl1 ul {
display: flex;
flex-direction: column;
align-items: center;
clear: both; }
.service_an_bl1 li:first-child {
float: none;
margin-right: 0;
margin-top: -7px;
margin-bottom: 70px; }
.service_an_bl1 li:nth-child(2) {
margin-left: 0;
position: relative;
bottom: 0;
margin-top: 0;
margin-bottom: 70px; }
.service_an_bl1 li:last-child {
float: none;
margin-bottom: -100px;
margin-right: 0; }
.service_an_bl2 {
padding-top: 70px; }
.service_an_bl2 > div {
display: flex;
flex-direction: column;
align-items: center; }
.service_an_bl2 .tabs {
width: 100%; }
.service_an_bl2 h2 {
text-align: center;
width: 500px;
margin: 0 auto; }
.service_an_bl3 .tabs .tabs_title li {
padding: 11px 38px;
height: 80px;
width: 100%;
border-bottom: 1px solid #f4f4f4; }
#service_calc {
justify-content: space-around;
flex-wrap: wrap;
padding-bottom: 40px; }
#service_calc .calc_list {
width: 80%;
margin-bottom: 40px; }
#service_calc .sidebar ul li {
margin-top: -1px;
width: 100%; }
#service_calc .calc_list h3 {
border-right: none; }
#service_calc .calc_decor {
border-right: none; }
.service_an_bl5 .serv_an_slider {
height: 930px; }
.service_an_bl5 .serv_an_slider .swiper-slide .serv_bord {
display: flex;
flex-direction: column;
align-items: center;
height: 720px;
margin-right: 3px; }
.service_an_bl5 .serv_an_slider .swiper-slide .serv_bord > div {
width: 80%;
float: left; }
.service_an_bl5 .serv_an_slider .swiper-slide .serv_bord .bl_im{
width: 60%;
margin-right: 0;
}
.service_an_bl5 .serv_an_slider .swiper-slide .serv_bord img {
height: auto;
margin-top: 0;
position: relative;
}
.service_an_bl5 .serv_an_slider .swiper-slide .serv_bord > div:first-child {
width: 80%;
}
.service_an_bl5 .serv_an_slider .swiper-slide .lnk_block {
position: absolute;
bottom: 170px;
right: 20px;
}
.service_an_bl5 .serv_nav {
margin: -129px 113px; }
.service_an_bl6 .serv_bord {
padding-right: 20px;
padding-left: 20px;
padding-bottom: 67px; }
.service_an_bl6 .top_cnt {
display: flex;
justify-content: space-between;
flex-direction: column;
align-items: center; }
.service_an_bl6 .serv_bord .bottom_cnt {
display: flex;
justify-content: space-between;
flex-direction: column;
align-items: center; }
.three_list{
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.three_list .three_elem{
margin-right: 0;
margin-top: 40px;
width: 300px;
box-sizing: border-box;
}
.service_three_block h2 {
padding-bottom: 0;
margin: 10px  0 -10px;
}
footer .social{
margin-top: 20px;
margin-bottom: 10px;
}
}
@media screen and (max-width: 850px) {
.top_slider_bg {
height: 300px;
}
.top_slider_bg .head_slider .swiper-wrapper{
height: 220px;
}
main .top_slider_bg .head_slider{
width: 84%;
left: 8%;
}
#contact_modal {
width: 350px;
margin-top: 30px;
margin-left: calc(50% - 175px); }
#contact_modal .free_contact_form {
width: 300px; }
#contact_modal form {
padding: 44px 30px; }
#contact_modal .form_img {
display: none; }
.upper_menu_block #search_form {
width: 93.5%; }
main .head_slider {
height: 280px; }
.top_slider .nav_block {
top: -280px; }
main .head_slider .nav_block {
right: -50px; }
.block1 .bl_desc {
width: 80%; }
.block3 .tabs ul li {
padding: 10px; }
.block3 .check_list {
width: 90%; }
.page_block {
flex-direction: column; }
.sidebar_block {
width: 100%;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
flex-wrap: wrap; }
.sidebar {
margin-top: 70px; }
.article {
width: 95%;
margin: auto; }
.article img {
max-width: 90%;
margin: auto;
display: block;
float: none; }
.article h1 {
padding-top: 20px;
font-size: 30px;
line-height: 40px; }
.article h2 {
font-size: 25px;
line-height: 30px; }
.article h3 {
line-height: 24px; }
.article h4 {
line-height: 24px; }
.service_block2 > div:first-child {
flex-direction: column;
align-items: center; }
.service_block2 > div:first-child .btn_block {
margin-top: 30px; }
.service_block3 {
width: 90%;
margin: auto;
padding-top: 20px;
display: flex;
flex-direction: column-reverse;
align-items: center; }
.service_block3 p {
margin-top: 70px; }
.service_block3 img {
margin-top: 30px;
margin-left: auto;
margin-right: auto; }
.service_block3 h2 {
margin-top: 70px; }
.service_page .top_slider .nav_block {
top: -272px; }
.mac_slider {
height: 1260px; }
.mac_slider_content .mac_left_block {
flex-direction: column; }
.mac_slider_content p {
margin-bottom: 20px; }
.port2 .container_wrap h2 {
justify-content: center; }
.port2 .container_wrap > div {
width: 100%;
display: flex;
flex-direction: column; }
.port2 .container_wrap > div img {
width: 50%;
margin: auto; } } @media screen and (max-width: 780px) {
.service_block1 .img_bl {
width: 400px;
min-height: 300px;
padding: 25px 14px 44px 12px;
}
.service_block1 .img_bl div {
height: 278px;
}
.service_an_bl1 h2 {
font-size: 35px; }
.service_an_bl2 > div > img {
width: 60%; }
.service_an_bl1 > div > p {
padding: 40px 10px 72px 10px; }
.service_an_bl1 > div > p {
padding: 40px 10px 72px 10px;
margin-top: -26px; }
.calc_price_block {
flex-direction: column; }
.calc_bonus_block {
flex-direction: column; }
.service_an_bl4 .btn_block {
margin-top: 16px; }
.service_an_bl5 > p {
text-align: left;
float: none;
margin-top: 0; }
.bl_foot_info > div {
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: column;
min-height: 135px;
padding-bottom: 27px; }
.serv_max_bl5 .tabs .check_list .bl_article {
flex-direction: column; }
.serv_max_bl5 .tabs .check_list .bl_desc h3 {
margin-top: 42px; }
.serv_max_bl6_block .ar_page.free_contact_form {
height: 494px; }
.service_an_bl5 .serv_an_slider .swiper-slide .serv_bord .bl_im {
width: 80%;
position: relative;
top: 30px;
}
.serv_max_bl6_block .watermark {
margin-top: -290px; }
.comp_block {
margin-top: -150px;
transform: scale(0.5);
margin-left: -12px; }
.mac_slider_content {
margin-top: -81px; }
.mac_slider {
height: 1082px; }
.block4-container .bl4_desc li {
width: 100%;
}
.footerBot .container_wrap .menu,
.footerBot .container_wrap{
flex-direction: column-reverse;
text-align: center;
}
.footerBot .container_wrap .menu li{
margin: 0;
margin-bottom: 15px;
}
#contact_modal .free_contact_form {
width: 100%; }
}
@media screen and (max-width: 700px) {
.top_slider_bg {
height: 250px;
}
.top_slider_bg .head_slider .swiper-wrapper{
height: 180px;
}
main .top_slider_bg .head_slider{
width: 86%;
left: 7%;
}
div.ar_page.free_contact_form {
height: 609px; }
.upper_menu_block #search_form {
width: 92.0%; }
.block3 .check_list > div {
flex-direction: column;
align-items: center; }
.block3 .bl_check_cont {
width: 90%; }
.block4 .free_contact_form {
width: 320px; }
.block4 .free_contact_form img {
display: none; }
.block5 .bl_article {
flex-direction: column;
justify-content: space-around;
align-items: center; }
.block5 .bl_desc {
margin-top: 0; }
.block7 .swiper-slide {
flex-direction: column;
align-items: center;
justify-content: center; }
.block7 .swiper-slide img {
width: auto; max-width: 100%; }
.block7 .swiper-slide a:nth-child(1) {
margin: 20px 0; }
.block7 .swiper-slide a:nth-child(2) {
padding: 0;
margin: 20px 0; }
.block7 .swiper-slide a:nth-child(4) {
margin: 20px 0; }
.block7 .swiper-slide a:nth-child(6) {
margin: 20px 0; }
.block7 .swiper-slide a {
padding: 10px;
margin: 20px 0; }
.block8 .bl_head, .block7 .bl_head {
flex-direction: column;
align-items: center; }
.block8 .nav_block, .block8 h2, .block7 .nav_block, .block7 h2 {
margin-left: 0; }
.block8 .review_slider {
margin-top: -43px;
height: 700px; }
.block8 .swiper-slide {
flex-direction: column;
align-items: center;
justify-content: space-around;
float: none; }
.block8 .swiper-slide .text_block {
max-width: 80%;
margin-top: 25px; }
.block9 {
flex-direction: column;
align-items: center; }
.block10 .text_block {
margin-left: 0; }
.block10 .text_block p {
padding-right: 20px;
width: 100%; }
.block10 .free_contact_form {
width: 320px; }
.page_content {
width: 90%; }
.about_form .free_contact_form {
width: 450px;
height: 700px;
margin: auto; }
.about_form .free_contact_form .inp_cont {
width: 90%; }
.article_list article {
display: flex;
flex-direction: column; }
.article_list article img {
float: none;
margin: auto; }
.article_list article > div {
margin: auto;
width: 90%;
float: none; }
.article_list article h2 {
float: none;
margin-top: 20px;
text-align: center; }
.article_list article .img_block .play_btn {
top: -80px; }    .service_block1 > div:first-child {
width: 90%; }
.service_block1 > div:first-child h2 {
font-size: 35px; }
.service_block2 .service_block_cnt > div {
width: 70%;
margin-top: 30px; }
.service_block2 .service_block_cnt > div h3 {
margin: -80px auto;
position: static;
justify-content: center; }
.service_block2 .service_block_cnt > div p {
margin-top: 105px;
clear: both; }
.service_block2 .service_block_cnt > div:first-child h3 {
float: none;
text-align: center; }
.service_block2 .service_block_cnt > div:last-child {
margin-top: 110px; }
.service_block2 .service_block_cnt > div:last-child h3 {
margin-top: -75px;
float: none;
text-align: center;
justify-content: center; }
.service_max .service_an_bl3 h2 {
font-size: 35px; }
.service_max .service_an_bl3 > p {
width: 90%;
margin-top: 0;
margin-left: 10px;
margin-right: 0; }
.serv_max_bl4 .max_bl4_cont .max_bl4_texto {
margin-right: 0;
padding: 30px;
width: 100%; }
.serv_max_bl8 h2 {
justify-content: center;
align-items: center;
flex-wrap: wrap;
text-align: center; }
.serv_max_bl12 .btn_block {
padding:0;
float: none;
margin-right: 0;
}
.service_an_bl6 .btn_block {
padding:0;
float: none;
margin-right: 0;
}
.serv_max_bl12 .sup_foot {
float: none;
justify-content: center;
}
footer .container_wraps{
display: grid;
grid-template-columns: repeat(2,1fr);
}
}
@media screen and (max-width: 650px) {
.upper_menu_block #search_form {
width: 91%; }
.upper_menu_block #search_input:focus {
width: 97.95%; }
.bl6_reverse .ar_page.free_contact_form {
height: 538px; }
.bl6_reverse .about_form {
width: 80%;
margin-right: 40px; } }
@media screen and (max-width: 630px) {
.upper_menu_block #search_input:focus {
width: 97.5%; } }
@media screen and (max-width: 600px) {
.top_slider .new_cust.nav_block {
left: -60px;
}
.top_slider_bg {
height: 300px;
width: 70%;
}
.top_slider_bg .head_slider .swiper-wrapper{
height: 220px;
}
main .top_slider_bg .head_slider{
width: 85%;
left: 8%;
}
.an_tabs > div > div > img{
width: 100%;
}
.service_an_bl1 li {
width: 80%;
height: auto; }
.service_an_bl2 h2 {
width: 100%; }
.service_an_bl2 .decor {
top: -9px; }
main .head_slider {
height: 300px;
width: 70%; }
.top_slider .nav_block {
top: -320px; }
.tabs {
width: 90%; }
.check_list {
width: 100%;
box-sizing: border-box; }
.tabs ul {
display: flex;
flex-direction: column; }
.tabs_block .tabs {
width: 100%; }
.tabs_block .tabs > ul li {
width: 100%; }
.block3 form {
display: flex;
justify-content: center; }
.block10 .fm {
margin-right: 0; }
.block10 .fm span {
display: none; } .service_an_bl2 .tabs {
width: 100%; }
.service_an_bl2 .tabs_title li {
width: 100%;
padding: 20px; }
.service_an_bl3 > p {
width: 100%; }
.service_an_bl3 .tabs {
width: 100%; }
.bl_foot_info > div > div {
flex-direction: column; }
.bl_foot_info .btn {
margin-top: 20px; }
.serv_max_bl5 .tabs {
margin-top: 60px;
display: flex;
flex-direction: column;
align-items: center;
margin: auto; }
.serv_max_bl5 .tabs ul {
margin-top: 20px;
width: 90%; }
.serv_max_bl5 .tabs ul li {
width: 100%; }
.serv_max_bl5 .tabs > p {
width: 100%;
margin-left: 0; }
.serv_max_bl5 .tabs .check_list .bl_article {
max-width: 100%; }
.serv_max_bl5 .btn_block{
margin-right: 0;
padding: 0;
}
.bl6_reverse .about_form {
width: 80%;
margin-right: 70px; }
.serv_max_bl8 .serv_max8_cnt > div {
width: 90%;
position: relative; }
.serv_max_bl8 .serv_max8_cnt img {
margin-right: 0;
width: 80%; }
.service_max .service_an_bl5 .container_wrap > p {
width: 100%; }
.comp_block {
transform: scale(1);
margin-left: -12px;
width: 100%;
margin-top: 100px;
background: none;
float: none; }
.comp_block .table {
display: none; }
.mob_slide_img {
opacity: 1;
padding: 0;
margin-left: auto;
margin-right: auto; }
.mac_slider_content {
margin-top: -200px; }
.mac_slider_content p {
width: 100%; }
.service_an_bl5 .serv_an_slider .swiper-slide p {
padding: 0 20px;
}
.service_an_bl5 .serv_an_slider .swiper-slide .serv_bord > div:first-child {
width: 100%;
}
.sidebar_block {
max-width: 300px;
margin: auto;
}
.sidebar_blocK section.news-section,   .sidebar_block .article_tags{
width: 100%;
max-width: 300px!important;
}
section.news-section .news-block {
max-width: 300px;
}
}
@media screen and (max-width: 500px) {
.top_slider .new_cust.nav_block {
top: -250px;
left: -50px;
}
.top_slider_bg {
height: 250px;
width: 70%;
}
.top_slider_bg .head_slider .swiper-wrapper{
height: 180px;
}
main .top_slider_bg .head_slider{
width: 87%;
left: 6%;
}
.h1-Home{
font-size: 30px;
}
.service_block1 .img_bl {
width: 300px;
min-height: 300px;
padding: 18px 11px 29px 10px;
}
.service_block1 .img_bl div {
height: 210px;
}
.service_an_bl1 h2 {
font-size: 25px; }
.serv_max_bl6_block h2 {
margin-left: 0; }
div.ar_page.free_contact_form {
height: 695px; }
.upper_menu_block #search_form {
width: 90%; }
.upper_menu_block #search_input:focus {
width: 96.55%; }
section h2 {
font-size: 25px; }
main .head_slider {
margin-left: 20px;
float: left;
height: 300px;
width: 70%; }
.top_slider .nav_block {
top: -10px; }
.top_text h2 {
font-size: 30px; }
.top_text {
width: 90%; }
.top_text form {
width: 300px; }
.block1 .bl_title {
width: 90%;
padding-right: 0;
padding-left: 0; }
.block2 li, .block2 .bl_hidden_overlay {
width: 300px; }
.block3 .btn {
margin-right: 0; }
.block4-container h2 {
padding: 0 10px; }
.block4 .btn_block {
margin-right: 0;
padding: 10px; }
.block8 .swiper-slide .sl_img {
margin-top: 130px; }
.block10 .fm {
width: 90%; }
.block10 .fm a div {
font-size: 30px;
margin-left: 0; }
.about_form .free_contact_form {
width: 300px;
height: 800px;
margin: auto; }
.service_block1 > div:first-child h2 {
font-size: 24px; }
.service_page .top_slider .nav_block {
top: -10px; }
.service_page .top_text {
width: 90%; }
#service_calc .calc_list {
width: 100%;
margin-bottom: 40px; }
#service_calc .calc_check {
width: 300px;
margin-bottom: 30px; }
.service_an_bl5 .serv_nav {
margin: -129px auto; }
.service_an_bl6 .serv_nav {
margin: -30px auto; }
.service_an_bl4 > p {
width: 100%; }
.service_an_bl6 .serv_slide_image_block {
width: 250px; }
.service_an_bl6 .serv_slide_image_block span {
transform: none;
position: static;
width: 330px;
display: flex;
}
.service_an_bl6 .serv_slide_image_block span div{
margin-top: 0;
}
.service_an_bl6 .serv_slide_image_block > div img {
width: 200px;
height: auto; }
.service_an_bl5 > p {
width: 100%; }
.serv_max_bl4 .max_bl4_cont > div {
padding: 118px 30px 75px;
width: calc(100% - 20px); }
.serv_max_bl4 .max_bl4_cont > div .max_bl4_auth_block .max_bl4_auth_txt p {
width: 100%; }
.serv_max_bl4 .max_bl4_cont > div .max_bl4_auth_block > div:first-child {
flex-direction: column;
align-items: center; }
.serv_max_bl4 .max_bl4_cont > div .max_bl4_auth_block > div:first-child > img {
width: 100px; }
.serv_max_bl4 .max_bl4_cont > div .max_bl4_auth_block .max_bl4_auth_txt {
flex-wrap: wrap; }
.serv_max_bl4 .max_bl4_cont > div .max_bl4_auth_block .max_bl4_auth_txt img {
margin-left: 0; }
.serv_max_bl4 h2 {
letter-spacing: 54px; }
.serv_max_bl4 ul li {
width: 90%;
padding: 0; }
.serv_max_bl8 h2 {
font-size: 25px; }
.serv_max_bl12 ul {
padding: 0 20px; }
.serv_max_bl12 li .serv_bl12_cnt h3 {
margin-left: -20px; }
.serv_max_bl12 li .serv_bl12_cnt p {
margin-right: -20px; }
.serv_max_bl12 li:nth-child(2n+2) .serv_bl12_cnt h3 {
margin-right: -20px; }
.serv_max_bl12 li:nth-child(2n+2) .serv_bl12_cnt p {
margin-left: -20px; }
.serv_max_bl12 .sup_foot {
float: none;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center; }
.serv_max_bl12 .sup_load span {
margin-right: 0;
margin-bottom: 30px; }
.mac_slider {
height: 1182px; }
.service_an_bl5 .serv_an_slider .swiper-slide .serv_bord .bl_im {
width: 90%;
top: 40px;
}
footer .container_wraps{
display: grid;
grid-template-columns: repeat(1,1fr);
text-align: center;
padding-bottom: 40px;
padding-top: 30px;
grid-row-gap: 20px;
}
.menuTabWr .title{
text-align: left;
position: relative;
border-bottom: 1px solid #e3e3e3;
padding-bottom: 10px;
}
.menuTabWr .title:after{
content: '-';
position: absolute;
right: 0;
top: 0;
font-size: 20px;
transition: all 0.15s ease-out;
}
footer{
padding: 0 15px;
}
.footerBot{
margin-left: -15px;
margin-right: -15px;
}
.socialPc{
display: none;
}
.menuCont .menu li{
display: block;
}
.menuCont .title,
.menuCont .menu li:before{
display: none;
}
.footerForm .free_contact_form{
margin: auto;
}
.footerForm .free_contact_form input{
text-align: center;
}
.footerForm .free_contact_form .lnk_block{
margin: auto;
margin-top: 25px;
}
.socialMob{
display: block;
}
footer .social{
justify-content: center;
}
.menuTabWr .menuTab{
max-height: 0;
transition: max-height 0.15s ease-out;
overflow: hidden;
}
.menuTabWr.toggled-on .title:after{
content: '+';
}
.menuTabWr:not(.toggled-on) .menuTab{
max-height: 5000px;
transition: max-height 0.45s ease-in;
}
.footerForm{
margin-bottom: 30px;
}
}
@media screen and (max-width: 450px) {
.top_slider .new_cust.nav_block {
top: -230px;
left: -50px;
}
.top_slider_bg {
height: 250px;
width: 70%;
}
.top_slider_bg .head_slider .swiper-wrapper{
height: 160px;
}
main .top_slider_bg .head_slider{
width: 90%;
left: 5%;
}
}
@media screen and (max-width: 400px) {
.top_slider .new_cust.nav_block {
top: -240px;
left: -40px;
}
.open_modal2-btn{
font-size: 10px;
}
.top_slider_bg {
height: 200px;
width: 70%;
}
.top_slider_bg .head_slider .swiper-wrapper{
height: 150px;
}
main .top_slider_bg .head_slider{
width: 91%;
left: 5%;
}
#contact_modal .free_contact_form .model_close {
right: 10px;
top: 10px; }
#contact_modal h3 {
text-transform: uppercase;
text-align: center; }
#contact_modal form {
padding: 44px 30px; }
#contact_modal .form_img {
display: none; }
.block8 .swiper-slide .sl_img {
margin-top: 180px; }
.upper_menu_block #search_form {
width: 90%; }
.upper_menu_block #search_input:focus {
width: 93.85%; }
.block4 .free_contact_form {
width: 300px; }
.block4-container .bl4_desc {
box-sizing: border-box;
padding: 0; }
.block4-container .bl4_desc div {
padding: 0 0 0 18px; }
.block10 .free_contact_form {
width: 240px;
padding-left: 10px;
padding-right: 10px; }
.block10 .free_contact_form form {
width: 200px;
padding-left: 10px;
padding-right: 10px; }
.brand_lnk {
width: 90%; }
.brand_lnk img {
width: 100%; }
.sidebar {
width: 90%; }
.service_block2 .service_block_cnt div p {
width: 300px; } #service_calc .sidebar {
width: 100%; }
#service_calc .sidebar ul li a {
font-size: 10px; }
.service_an_bl5 .serv_an_slider .swiper-slide .lnk_block {
margin-top: 257px; }
.service_an_bl6 .serv_slide_image_block > div {
width: 250px; }
.service_an_bl6 .serv_slide_image_block {
padding: 0 30px 40px 0; }
.service_an_bl6 .serv_slide_image_block {
width: 250px; }
.serv_max_bl8 h2 span:last-child {
display: none;
}
.service_an_bl6 .serv_slide_image_block span {
width: 250px; }
.service_max .service_an_bl5 .serv_an_slider .swiper-slide .serv_bord img {
top: -200px; }
.mac_slider_content {
padding: 0 20px 50px; }
.mac_slider_content > div:first-child {
padding: 0 20px;
margin: auto; }
.mac_cont .btn_block {
padding: 0 20px;
float: right;
margin-right: 35px; } }
@media screen and (max-width: 350px){
.top_slider .new_cust.nav_block {
top: -240px;
left: -40px;
}
.top_slider_bg {
height: 200px;
width: 70%;
}
.top_slider_bg .head_slider .swiper-wrapper{
height: 130px;
}
main .top_slider_bg .head_slider{
width: 94%;
left: 3%;
}
}body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;left:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s,visibility 0s linear .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s,visibility 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;text-align:center;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--next{z-index:99995}.fancybox-slide--image{overflow:visible;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px 6px 0}.fancybox-slide--iframe{padding:44px 44px 0}.fancybox-content{background:#fff;display:inline-block;margin:0 0 6px;max-width:100%;overflow:auto;padding:0;padding:24px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;margin:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-drag .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--html .fancybox-content{margin-bottom:6px}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;margin:0;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff;height:calc(100% - 44px);margin-bottom:44px}.fancybox-iframe,.fancybox-video{background:transparent;border:0;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{vertical-align:top}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;cursor:pointer;display:inline-block;height:44px;margin:0;outline:none;padding:10px;transition:color .2s;vertical-align:top;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default}.fancybox-button svg{display:block;overflow:visible;position:relative;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:transparent;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path{fill:currentColor}.fancybox-button--share svg path{stroke-width:1}.fancybox-navigation .fancybox-button{height:38px;opacity:0;padding:6px;position:absolute;top:50%;width:38px}.fancybox-show-nav .fancybox-navigation .fancybox-button{transition:opacity .25s,visibility 0s,color .25s}.fancybox-navigation .fancybox-button:after{content:"";left:-25px;padding:50px;position:absolute;top:-25px}.fancybox-navigation .fancybox-button--arrow_left{left:6px}.fancybox-navigation .fancybox-button--arrow_right{right:6px}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#555;cursor:pointer;height:44px;margin:0;padding:6px;position:absolute;right:0;top:0;width:44px;z-index:10}.fancybox-close-small svg{fill:transparent;opacity:.8;stroke:currentColor;stroke-width:1.5;transition:stroke .1s}.fancybox-close-small:focus{outline:none}.fancybox-close-small:hover svg{opacity:1}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small,.fancybox-slide--video .fancybox-close-small{color:#ccc;padding:5px;right:-12px;top:-44px}.fancybox-slide--iframe .fancybox-close-small:hover svg,.fancybox-slide--image .fancybox-close-small:hover svg,.fancybox-slide--video .fancybox-close-small:hover svg{background:transparent;color:#fff}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption{bottom:0;color:#fff;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1}.fancybox-caption:after{border-bottom:1px solid hsla(0,0%,100%,.3);content:"";display:block;left:44px;position:absolute;right:44px;top:0}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;border:6px solid hsla(0,0%,39%,.5);border-radius:100%;border-top-color:#fff;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#fff;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li{background-position:50%;background-repeat:no-repeat;background-size:cover}.fancybox-thumbs>ul>li:before{border:4px solid #4ea7f9;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs .fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}}