Skip to content

Instantly share code, notes, and snippets.

@mutafaf
Last active December 31, 2019 10:59
Show Gist options
  • Save mutafaf/f258babeb233c0a943ed22e484e01a65 to your computer and use it in GitHub Desktop.
Save mutafaf/f258babeb233c0a943ed22e484e01a65 to your computer and use it in GitHub Desktop.
@font-face {
font-family: 'FuturaBold';
src: url(https://www.if-so.com/wp-content/themes/if-so/fonts/AG_Futura_Bold.woff);
}
.cw{color: #fff;}
.dfx {display: flex;justify-content:center;align-items:center;}
.wrapper{background:#fff;}
.hdr-content{padding-top:80px;}
.hdr-container,.hdr-left-cloud,.hdr-object{-webkit-transform:skew(0,-4.8deg) translateZ(0);transform:skew(0,-4.8deg) translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased;}
a{background-color:transparent;color:#ec008c;text-decoration:none;position:relative;}
img{border-style:none;max-width:100%;height:auto;}
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0;}
.slick-list:focus{outline:0;}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.slick-track{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto;}
.slick-track:after,.slick-track:before{content:"";display:table;}
.slick-track:after{clear:both;}
.slick-slide{float:left;height:100%;min-height:1px;display:none;}
.slick-slide img{display:block;}
.slick-initialized .slick-slide{display:block;}
.container{max-width:1280px;margin:0 auto;padding-left:.9375rem;padding-right:.9375rem;}
*{box-sizing:border-box;font-family:"Open Sans",sans-serif;color:#1e0547;}
a:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;background:#ec008c;-webkit-transition:width .3s;transition:width .3s;}
a:hover{text-decoration:none;}
a:hover:after{width:100%;}
.no_animation_line:after{content:none;}
.wrapper{overflow-x:hidden;}
.title,.title span{color:#1e0547;font-size:60px;font-family: Futura;font-weight:700;line-height:1;}
ol,ol li,ul,ul li{font-size:18px;line-height:1.5;}
.if-so{color:#fd5b56;}
.if-so-text{font-family: Futura;}
.if-so.lg{font-size:40px;margin:0 -7px;}
.if-so.xs{margin:0 -3px;font-size:16px;}
.navigation{padding:30px 80px;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;position:relative;z-index:11;}
.menu{list-style:none;}
.navigation__menu{margin:auto;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;padding-left:48px;}
.menu__item{margin:0 60px;padding:5px 3px;-webkit-transition:.3s;transition:.3s;}
.menu__item.active{background:#1e0547;border-radius:20px;}
.menu__item.active a{color:#fff;}
.menu__link{text-decoration:none;font-size:18px;line-height:1.35;color:#1e0547;font-family:"Open Sans",sans-serif;font-weight:800;text-transform:uppercase;cursor:pointer;}
.menu__link:after{content:"";display:block;width:0;height:2px;background:#1e0547;-webkit-transition:width .3s;transition:width .3s;}
.menu__link:hover:after{width:100%;}
.try_it{background:#fff;border:2px solid #1e0547;border-radius:40px;padding:10px 15px 10px 35px;display:inline-block;text-decoration:none;cursor:pointer;outline:0;display:-webkit-inline-box;display:inline-flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;}
.try_it:hover .try_it__arrow{-webkit-animation:.7s move;animation:.7s move;}
.try_it__text{text-transform:uppercase;font-size:20px;line-height:1;font-weight:800;font-family:"Open Sans",sans-serif;}
.try_it__arrow-container{overflow:hidden;margin-left:15px;height:18px;}
.try_it__arrow{display:block;-webkit-transition:.3s;transition:.3s;}
.nv-wrp-{position:absolute;height:100vh;min-width:300px;z-index:9999;top:0;right:0;bottom:0;background:#fff;-webkit-transform:translate(110%);transform:translate(110%);-webkit-transition:.4s;transition:.4s;padding:80px 30px 30px;box-shadow:-8px 0 24px #eaeaea;}
.nv-wrp- .menu__item{margin:10px 0;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;}
.nvtgl-{display:none;margin-left:auto;position:relative;z-index:99999;cursor:pointer;}
.nvtgl- .bar1,.nvtgl- .bar2,.nvtgl- .bar3{width:35px;height:4px;background-color:#1e0547;margin:6px 0;-webkit-transition:.4s;transition:.4s;border-radius:4px;}
.nvtgl- .bar1{width:30px;}
.nvtgl- .bar2{width:25px;}
.header{position:relative;background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(235,235,235,0.39)),to(#fff));background-image:linear-gradient(to top,rgba(235,235,235,0.39) 0,#fff 100%);-webkit-transform:skew(0,4.8deg);transform:skew(0,4.8deg);}
.hdr-object{position:absolute;right:-30px;top:-135px;z-index:-1;}
.hdr-right_bg{background:url(https://www.if-so.com/wp-content/themes/if-so/img/bg_header_right2.png) no-repeat;background-size:contain;display:block;width:850px;height:720px;position:absolute;z-index:10;bottom:-183px;right:0;-webkit-transform:skew(0,-4deg);transform:skew(0,-4deg);}
.hdr-left-cloud{width:248px;height:69px;background:url(https://www.if-so.com/wp-content/themes/if-so/img/cloud_left2.png) no-repeat;position:absolute;top:6%;opacity:0;z-index:-1;left:25%;}
.hdr-left-cloud.active{-webkit-animation:45s infinite leftCloud;animation:45s infinite leftCloud;}
#right_upper_cloud{opacity:0;}
#right_upper_cloud.active{-webkit-animation:50s infinite rightUpperCloud;animation:50s infinite rightUpperCloud;}
#right_cloud{opacity:0;}
#right_cloud.active{-webkit-animation:50s infinite rightCloud;animation:50s infinite rightCloud;}
.hdr-container{display:-webkit-box;display:flex;height: fit-content;padding-right:calc(31% + 2px);}
.hdr-content{margin:auto;max-width:680px;position:relative;}
.hdr-title{position:relative;z-index:11;word-spacing:-10px;}
.hdr-description{color:#1e0547;font-family:"Open Sans",sans-serif;font-size:26px;font-weight:400;margin:18px 0;}
.hdr-offer{margin-top:50px;}
.tryit-button{-webkit-transition:.3s;transition:.3s;border:none;background-color:#4cb5d2;padding:15px 25px 15px 70px;}
.tryit-button:after{display:none;}
.tryit-button:active{background:#42a7c4;}
.tryit-button .try_it__text{color:#fff;font-size:24px;}
.tryit-button .try_it__arrow-container{height:24px;margin-left:30px;}
.about{margin-top:250px;}
.about__wrapper{display:-webkit-box;display:flex;flex-wrap:wrap;margin-left:-.9375rem;margin-right:-.9375rem;-webkit-box-pack:center;justify-content:center;}
.abt-view{box-sizing:border-box;word-wrap:break-word;margin-left:.9375rem;margin-right:.9375rem;width:calc(50% - 1.875rem);-webkit-perspective:1000px;perspective:1000px;position:relative;}
.abt-view:after{content:"";width:300px;height:308px;background:url(https://work.mutafaf.com/airporttaxi/wp-content/uploads/2019/12/bg_header_right.png) center/contain no-repeat;display:block;position:absolute;bottom:-18%;right:-10%;}
.abt-view:before{content:"";width:165px;height:400px;background:url(https://www.if-so.com/wp-content/themes/if-so/img/about_arrows.png) center/contain no-repeat;display:block;position:absolute;left:-145px;top:-38%;}
.view__per{background:url(https://www.if-so.com/wp-content/themes/if-so/img/about.svg) no-repeat;background-size:contain;min-height:417px;max-width:620px;-webkit-transform:rotateX(2deg) rotateZ(-10deg) rotateY(42deg);transform:rotateX(2deg) rotateZ(-10deg) rotateY(42deg);box-shadow:1px 26px 73px #ccc;border:2px solid #eaeaea;border-radius:39px;display:-webkit-box;display:flex;padding-right:30px;}
.bbl1{background:url(https://work.mutafaf.com/airporttaxi/wp-content/themes/astra/assets/images/bubbles/bubble1.svg) no-repeat;}
.bbl2{background:url(https://work.mutafaf.com/airporttaxi/wp-content/themes/astra/assets/images/bubbles/bubble2.svg) no-repeat;}
.bbl3{background:url(https://work.mutafaf.com/airporttaxi/wp-content/themes/astra/assets/images/bubbles/bubble3.svg) no-repeat;}
.bbl4{background:url(https://work.mutafaf.com/airporttaxi/wp-content/themes/astra/assets/images/bubbles/bubble4.svg) no-repeat;}
.bbl5{background:url(https://work.mutafaf.com/airporttaxi/wp-content/themes/astra/assets/images/bubbles/bubble5.svg) no-repeat;}
.bbl6{background:url(https://work.mutafaf.com/airporttaxi/wp-content/themes/astra/assets/images/bubbles/bubble6.svg) no-repeat;}
.about__profile_bbl{margin:auto;background:url(https://work.mutafaf.com/airporttaxi/wp-content/themes/astra/assets/images/bubbles/your_profile.svg) center/contain no-repeat;width:200px;height:210px;position:relative;}
.profile_bbl__text{position:absolute;bottom:70px;left:0;right:0;margin-top:auto;color:#fff;font-size:20px;padding-left:15px;font-family:"Open Sans";font-weight:800;text-align:center;}
.bbl{position:absolute;display:-webkit-box;display:flex;line-height:1.4;background-size:contain;}
.bbl__name,.bbl__value{font-family:"Open Sans",sans-serif;font-weight:800;font-size:20px;}
.bbl__content{-ms-grid-row-align:center;align-self:center;margin:auto;text-align:center;}
.bbl1{width:188px;height:175px;bottom:0;left:2%;z-index:3;}
.bbl1 .bbl__content{padding-bottom:20px;}
.bbl1 .bbl__name,.bbl1 .bbl__value{color:#7159f3;}
.bbl1.aos-animate{-webkit-animation:2.5s 1s infinite moving1;animation:2.5s 1s infinite moving1;}
.bbl2{width:211px;height:183px;left:-9%;bottom:28%;z-index:2;}
.bbl2 .bbl__content{padding-bottom:20px;padding-right:7px;}
.bbl2 .bbl__name,.bbl2 .bbl__value{color:#f68e56;}
.bbl2.aos-animate{-webkit-animation:2.5s 1s infinite moving1;animation:2.5s 1s infinite moving1;}
.bbl3{width:192px;height:178px;top:-1%;left:2%;z-index:1;}
.bbl3 .bbl__content{padding-bottom:10px;}
.bbl3 .bbl__name,.bbl3 .bbl__value{color:#f87979;}
.bbl3.aos-animate{-webkit-animation:2.5s 1s infinite moving3;animation:2.5s 1s infinite moving3;}
.bbl4{width:192px;height:193px;top:-27%;left:30%;}
.bbl4 .bbl__content{padding-bottom:15px;}
.bbl4 .bbl__name,.bbl4 .bbl__value{color:#de6372;}
.bbl4.aos-animate{-webkit-animation:2.5s 1s infinite moving4;animation:2.5s 1s infinite moving4;}
.bbl5{width:228px;height:160px;top:0;right:1%;}
.bbl5 .bbl__content{padding-bottom:7px;}
.bbl5 .bbl__name,.bbl5 .bbl__value{color:#7cc576;}
.bbl5.aos-animate{-webkit-animation:2.5s 1s infinite moving5;animation:2.5s 1s infinite moving5;}
.bbl6{width:232px;height:151px;right:-4%;top:30%;z-index:100;}
.bbl6 .bbl__name,.bbl6 .bbl__value{color:#00bff3;}
.bbl6.aos-animate{-webkit-animation:2.5s 1s infinite moving6;animation:2.5s 1s infinite moving6;}
.about__content{padding-top:100px;box-sizing:border-box;word-wrap:break-word;margin-left:.9375rem;margin-right:.9375rem;width:calc(50% - 1.875rem);padding-left:50px;}
.abt-intro{margin:10px 0;}
.abt-intro span{display:block;font-size:26px;color:#1e0547;font-family: Futura;word-spacing:-5px;}
.abt-intro span:nth-child(1){margin-left:20px;}
.abt-intro span:nth-child(2){margin-left:40px;}
.abt-desc{font-family:"Open Sans";font-size:20px;color:#1e0547;line-height:1.4;font-weight:400;}
.abt-desc > span{display:block;}
.abt-desc > span:nth-child(1){margin-left:60px;}
.abt-desc > span:nth-child(2){margin-left:80px;}
.abt-desc > span:nth-child(3){margin-left:85px;}
.abt-desc > span:nth-child(4){margin-left:80px;}
.abt-desc > span:nth-child(5){margin-left:70px;}
.about__button{margin-top:50px;text-align:center;}
.tryit-watch{border:none;background-color:#4cb5d2;-webkit-transition:.3s;transition:.3s;padding:15px 40px 15px 15px;}
.tryit-watch:after{display:none;}
.tryit-watch:active{background:#42a7c4;border-color:#42a7c4;}
.tryit-watch:hover .try_it__arrow{-webkit-animation-name:moveLeft;animation-name:moveLeft;}
.tryit-watch .try_it__text{color:#fff;font-size:24px;}
.tryit-watch .try_it__arrow-container{margin-right:30px;height:24px;}
.reasons{background:#e1e1e1;margin-top:280px;padding:80px 10% 80px 0;position:relative;-webkit-transform:skew(0,4.4deg);transform:skew(0,4.4deg);}
.rsns-wrapper{display:-webkit-box;display:flex;-webkit-transform:skew(0,-4.4deg);transform:skew(0,-4.4deg);}
.rsns-illustration{position:absolute;z-index:12;right:calc(-10% - 280px);top:0;width:690px;height:800px;background:url(https://work.mutafaf.com/airporttaxi/wp-content/uploads/2019/12/bg_header_right.png) center/contain no-repeat;}
.rsns-content{margin:auto;}
.rsns-title span{display:block;font-family: Futura;word-spacing:-5px;}
.rsns-title span:nth-child(2){margin-left:25px;margin-bottom:6px;}
.rsns-title span:last-child{display:inline-block;}
.rsns-lst{list-style:none;padding-left:0px;}
.rsns-lst_item{margin:30px 0;}
.rsns-lst_item span{color:#1e0547;font-size:26px;font-family: Futura;word-spacing:-5px;display:block;margin:8px 0;}
.rsns-lst_item span:nth-child(2){margin-left:20px;}
.rsns-lst_item:nth-child(1){margin-left:40px;position:relative;}
.rsns-lst_item:nth-child(1):before{content:"";position:absolute;left:-60px;top:13px;width:44px;height:44px;background:url(https://work.mutafaf.com/airporttaxi/wp-content/themes/astra/assets/images/imgs/1_love.svg) center/contain no-repeat;}
.rsns-lst_item:nth-child(2){margin-left:80px;position:relative;}
.rsns-lst_item:nth-child(2):before{content:"";position:absolute;left:-60px;top:13px;width:44px;height:44px;background:url(https://work.mutafaf.com/airporttaxi/wp-content/themes/astra/assets/images/imgs/2_love.png) center/contain no-repeat;}
.rsns-lst_item:nth-child(3){margin-left:120px;position:relative;}
.rsns-lst_item:nth-child(3):before{content:"";position:absolute;left:-60px;top:13px;width:44px;height:44px;background:url(https://work.mutafaf.com/airporttaxi/wp-content/themes/astra/assets/images/imgs/3_love.svg) center/contain no-repeat;}
.work_explain{margin-top:300px;}
.wrk-wrapper{display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-pack:center;justify-content:center;padding-left:6%;}
.wrk-illustration{margin-top:30px;}
.wrk-illustration img{width:100%;}
.wrk-title span{display:block;font-family: Futura;word-spacing:-6px;}
.wrk-title span:nth-child(2){margin-left:36%;}
.wrk-introtext span{font-family: Futura;font-size:26px;font-weight:700;line-height:1.1;display:block;}
.wrk-introtext span:nth-child(1){margin-left:135px;}
.wrk-introtext span:nth-child(2){margin-left:90px;}
.wrk-list{list-style:none;margin-left:60px;margin-top:60px;}
.wrk-list_item{position:relative;margin:50px 0;font-family:"Open Sans",sans-serif;font-size:21px;font-weight:400;line-height:1.35;}
.wrk-list_item:first-child{margin-top:30px;}
.wrk-list_item:nth-child(2){margin-left:calc(40px * 1);}
.list__number{position:absolute;width:90px;height:70px;background:url(https://www.if-so.com/wp-content/themes/if-so/img/how_work_list.svg) center/contain no-repeat;left:-105px;top:-22px;}
.list__number span{margin:auto;position:absolute;top:6px;left:-14px;line-height:1;right:0;text-align:center;font-family:"Open Sans",sans-serif;font-size:54px;font-weight:700;}
.wrk-button{margin-top:60px;text-align:center;}
.slider{margin-top:100px;}
.slider__title{text-align:center;}
.slider__items{margin:100px -25px 0;}
.slider__item{padding:0 25px;font-size:0;}
.slider__item img{outline:0;max-width:100%;margin:0 auto;}
.visitors{margin-top:150px;}
.vstrs-wrapper{display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;position:relative;}
.vstrs-illustration{width:800px;height:650px;background:url(https://www.if-so.com/wp-content/themes/if-so/img/svg/analytics.svg) center/contain no-repeat;margin-left:-8%;}
.vstrs-content{margin-left:40px;margin-top:-150px;}
.vstrs-title span{font-family: Futura;word-spacing:-6px;display:block;}
.vstrs-introtext{margin-top:10px;}
.vstrs-introtext span{font-family: Futura;font-size:26px;word-spacing:-4px;display:block;}
.vstrs-introtext span:nth-child(1){margin-left:40px;}
.vstrs-third_text{margin-top:30px;}
.vstrs-third_text span{display:block;line-height:1.3;font-family:"Open Sans",sans-serif;font-size:20px;font-weight:400;}
.vstrs-third_text span:nth-child(2){margin-left:20px;}
.vstrs-bbl1{width:80px;height:80px;position:absolute;right:320px;bottom:20%;background:url(https://www.if-so.com/wp-content/themes/if-so/img/svg/visitors_bubble1.svg) center/contain no-repeat;}
.vstrs-bbl2{width:265px;height:250px;background:url(https://www.if-so.com/wp-content/themes/if-so/img/svg/visitors_bubble2.svg) center/contain no-repeat;position:absolute;bottom:-5%;right:40px;}
.conditions{margin-top:200px;}
.cond-items{margin-top:80px;display:-webkit-box;display:flex;flex-wrap:wrap;margin-left:-.9375rem;margin-right:-.9375rem;}
.cond__item{box-sizing:border-box;word-wrap:break-word;width:calc(33.33333% - 1.875rem);display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;margin:60px .9375rem 70px;}
.cond__item .line1 use,.cond__item .line2 use{fill:transparent;stroke:#5f49d2;stroke-width:.8px;stroke-dashoffset:50;stroke-dasharray:50;}
.cond__item .line1.aos-animate use,.cond__item .line2.aos-animate use{-webkit-animation:1.3s 150ms forwards drawLine;animation:1.3s 150ms forwards drawLine;}
.cond__item .line2.aos-animate use{opacity:.5;-webkit-animation-delay:.4s;animation-delay:.4s;-webkit-animation-duration:1.5s;animation-duration:1.5s;}
.cond-introtext,.cond-title{text-align:center;}
.cond-introtext span{display:block;font-family: Futura;font-size:26px;}
.cond-introtext span:nth-child(1){margin-left:-100px;}
.cond-introtext span:nth-child(2){margin-left:110px;}
.cond__image{position:relative;margin:auto;margin-bottom:45px;width:300px;height: 300px;border-radius: 50%;overflow: hidden;box-shadow: 1px 1px 5px 5px #0000002b;}
.cond__image img{margin:0 auto;display:block;object-fit:cover;}
.cond__lines{width:100px;height:60px;position:absolute;top:-50px;left:50%;}
.cond__title{font-family: Futura;font-size:28px;margin-bottom:15px;word-spacing:-7px;text-align:center;}
.cond__description{font-family:"Open Sans";font-size:20px;text-align:center;max-width:245px;margin:0 auto;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;}
.ready_get{margin-top:100px;}
.rdgt-wrapper{display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;padding-left:14%;position:relative;}
.rdgt-vctr{width:660px;height:650px;margin-left:100px;background:url(https://www.if-so.com/wp-content/themes/if-so/img/svg/ready_get.svg) center/contain no-repeat;}
.rdgt-title span{font-family: Futura;word-spacing:-5px;display:block;}
.rdgt-title span:nth-child(2){margin-left:210px;}
.rdgt-introtext{font-family: Futura;font-size:26px;padding-left:85px;}
.rdgt-button{margin-top:50px;text-align:center;}
.rdgt-bbl1{width:265px;height:250px;background:url(https://www.if-so.com/wp-content/themes/if-so/img/svg/ready_get_bbl1.svg) center/contain no-repeat;position:absolute;top:20%;left:50px;}
.rdgt-bbl2{width:80px;height:80px;background:url(https://www.if-so.com/wp-content/themes/if-so/img/svg/ready_get_bbl2.svg) center/contain no-repeat;position:absolute;top:56%;left:250px;}
.footer{margin-top:60px;position:relative;padding:175px 0 60px;overflow:hidden;}
.ftr-bg{position:absolute;top:0;bottom:0;right:0;left:0;z-index:-1;width:100%;height:100%;-webkit-transform:skew(0,4.28deg);transform:skew(0,4.28deg);-webkit-transform-origin:top left;transform-origin:top left;}
.footer--color1{background-color:#32325d;}
.ftr-wrapper{display:-webkit-box;display:flex;flex-wrap:wrap;margin-left:-.9375rem;margin-right:-.9375rem;}
.ftr-col1{box-sizing:border-box;word-wrap:break-word;margin-left:.9375rem;margin-right:.9375rem;width:calc(25% - 1.875rem);position:relative;padding:0 30px;}
.ftr-col2{box-sizing:border-box;word-wrap:break-word;margin-left:.9375rem;margin-right:.9375rem;width:calc(50% - 1.875rem);}
.ftr-col3{display:-webkit-box;display:flex;box-sizing:border-box;word-wrap:break-word;margin-left:.9375rem;margin-right:.9375rem;width:calc(25% - 1.875rem);}
.ftr-logo{margin-top:-27px;margin-bottom:20px;}
.ftr-logo a{display:block;cursor:pointer;}
.ftr-logo svg{position:static;width:135px;height:43px;}
.ftr-slogan{color:#fff;font-family:"Open Sans";font-size:18px;}
.ftr-button{margin-top:30px;}
.ftr-button a{display:inline-block;background:#fff;border-radius:20px;color:#32325d;font-family: Futura;font-size:16px;font-weight:700;text-transform:uppercase;text-decoration:none;padding:10px 14px 8px;cursor:pointer;-webkit-transition:.3s;transition:.3s;}
.ftr-menu{list-style:none;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;padding:0;margin-top:-5px;}
.ftr-menu li{margin:0 2px;padding:5px 18px;}
.ftr-menu a{text-transform:uppercase;color:#fff;font-family: Futura;font-size:18px;font-weight:700;text-decoration:none;-webkit-transition:.3s;transition:.3s;}
.ftr-menu a:hover{cursor:pointer;}
.ftr-menu a:hover:after{width:100%;}
.ftr-menu a:after{content:"";display:block;width:0;height:2px;background:#fff;-webkit-transition:width .3s;transition:width .3s;}
.ftr-copyright{color:#fff;font-family:"Open Sans";font-size:13px;margin-top:29px;text-align:center;}
.ftr-social{margin-top:30px;}
.social__menu{padding:0;list-style:none;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;}
.social__menu li{margin:0 10px;}
.social__menu li.ln a{background:url(https://www.if-so.com/wp-content/themes/if-so/img/social/ln.svg) center/contain no-repeat;}
.social__menu li.yt a{background:url(https://www.if-so.com/wp-content/themes/if-so/img/social/yt.svg) center/contain no-repeat;}
.social__menu li.tw a{background:url(https://www.if-so.com/wp-content/themes/if-so/img/social/tw.svg) center/contain no-repeat;}
.social__menu li.fb a{background:url(https://www.if-so.com/wp-content/themes/if-so/img/social/fb.svg) center/contain no-repeat;}
.social__menu li.inst a{background:url(https://www.if-so.com/wp-content/themes/if-so/img/social/inst.svg) center/contain no-repeat;}
.social__menu a{display:block;width:30px;height:25px;font-size:0;}
.ftr-help{margin:0 auto;}
.help__title{color:#fff;font-family: Futura;font-size:18px;text-transform:uppercase;position:relative;margin-bottom:26px;}
.help__title:after{content:"";height:9px;width:170px;position:absolute;left:0;bottom:-15px;background:url(https://www.if-so.com/wp-content/themes/if-so/img/footer_line.png) center/contain no-repeat;}
.help__links{list-style:none;padding-left:0;}
.help__links li{margin:12px 0;}
.help__link{color:#fff;font-family:"Open Sans";font-size:15px;font-weight:400;text-decoration:underline;}
.help__link:hover{text-decoration:none;}
.ftr-go_up a{display:block;width:45px;height:100px;background:#fff;border-radius:25px;position:absolute;bottom:-40px;right:10%;cursor:pointer;}
.ftr-go_up a:after{content:"";background:url(https://www.if-so.com/wp-content/themes/if-so/img/up.png) center/contain no-repeat;width:25px;height:22px;position:absolute;bottom:60px;left:auto;right:calc(10% + 6px);-webkit-transition:.4s;transition:.4s;}
.ftr-go_up a:hover:after{bottom:65px;}
@media (min-width: 1900px){
.header{min-height:565px;}
.hdr-object{top:-155px;}
}
@media (min-width: 2200px){
.header{min-height:631px;}
}
@media (max-width: 1800px){
.menu__item{margin:0 56px;}
}
@media (max-width: 1700px){
.hdr-right_bg{width:750px;height:650px;}
.rdgt-vctr{width:560px;height:550px;}
.rdgt-bbl1{width:205px;height:210px;}
.rdgt-bbl2{width:70px;height:70px;}
}
@media (max-width: 1650px){
.menu__item{margin:0 52px;}
}
@media (max-width: 1600px){
.rdgt-bbl2{width:60px;height:60px;left:200px;}
}
@media (max-width: 1570px){
.wrk-wrapper{max-width:95%;margin-left:auto;margin-right:auto;}
.wrk-content,.wrk-illustration{width:calc(50% - 1.875rem);}
}
@media (max-width: 1550px){
.menu__item{margin:0 45px;}
.abt-view:before{width:115px;height:310px;left:-85px;}
.vstrs-illustration{width:640px;height:530px;}
.vstrs-bbl1{bottom:10%;}
.vstrs-bbl2{width:225px;height:210px;right:50px;bottom:-15%;}
}
@media (max-width: 1500px){
.navigation{padding:30px 50px;}
.header{min-height:669px;}
.hdr-right_bg{width:650px;height:580px;}
.rdgt-wrapper{padding-left:18%;}
.rdgt-vctr{width:500px;height:490px;}
.rdgt-bbl1{width:175px;height:180px;}
.ftr-go_up a{right:50px;}
}
@media (max-width: 1440px){
.abt-view{margin-left:0;margin-right:0;}
.about__content{margin-left:0;margin-right:0;padding-left:0;width:auto;}
}
@media (max-width: 1420px){
.menu__item{margin:0 35px;}
}
@media (max-width: 1400px){
.hdr-container{padding-right:28%;}
.slider{margin-top:100px;}
.vstrs-illustration{width:550px;height:430px;}
.vstrs-bbl1{bottom:2%;width:70px;height:70px;right:300px;}
.vstrs-bbl2{width:195px;height:170px;right:80px;bottom:-25%;}
.rdgt-vctr{margin-left:50px;}
}
@media (max-width: 1320px){
.menu__item{margin:0 15px;}
}
@media (max-width: 1300px){
.title,.title span{font-size:56px;}
.if-so.lg{font-size:36px;}
.header{min-height:600px;}
.hdr-object{width:830px;top:-215px;}
.hdr-right_bg{width:550px;height:510px;}
.hdr-left-cloud{width:158px;height:59px;background-size:contain;}
.hdr-description{font-size:24px;margin:12px 0;}
.hdr-offer{margin-top:40px;}
.abt-intro span{font-size:24px;}
.rsns-illustration{right:calc(-10% - 240px);width:620px;height:770px;}
.vstrs-content{margin-top:-90px;}
.rdgt-vctr{margin-left:20px;width:380px;height:380px;}
.rdgt-bbl1{width:135px;height:140px;}
.rdgt-bbl2{width:50px;height:50px;left:160px;}
.footer{padding-top:130px;}
}
@media (max-width: 1210px){
.menu__item{margin:0 10px;}
}
@media screen and (max-width: 1200px){
.container{max-width:69.375rem;}
.about{margin-top:200px;}
.abt-view{width:calc(58.33333% - 1.875rem);}
.abt-view:after{bottom:-32%;}
.wrk-introtext span{font-size:24px;}
.wrk-list_item{font-size:20px;}
.list__number{top:-11px;}
.vstrs-title span{font-size:48px;}
.vstrs-introtext span{font-size:24px;}
.vstrs-third_text span{font-size:18px;}
.cond-introtext span{font-size:24px;}
.rdgt-title span{font-size:48px;}
.rdgt-introtext{font-size:24px;}
.ftr-slogan{font-size:16px;}
.ftr-button a{font-size:14px;}
.ftr-menu{margin-top:-3px;}
.ftr-menu a{font-size:16px;}
.ftr-help{margin-top:3px;}
.help__title{font-size:16px;}
}
@media (max-width: 1200px){
.title,.title span{font-size:52px;}
.if-so.lg{font-size:32px;}
.navigation{padding:30px 40px;}
.hdr-object{width:750px;top:-235px;}
.hdr-container{padding-right:23%;}
.hdr-content{max-width:450px;}
.hdr-description,.tryit-button .try_it__text{font-size:22px;}
.abt-view{-webkit-box-ordinal-group:3;order:2;margin-top:120px;margin-left:100px;}
.about__content{padding-top:0;-webkit-box-ordinal-group:2;order:1;}
.abt-intro span,.tryit-watch .try_it__text{font-size:22px;}
.reasons{padding:50px 10% 50px 0;}
.rsns-illustration{width:580px;height:610px;top:60px;}
}
@media (max-width: 1199px){
.wrk-wrapper{-webkit-box-ordinal-group:2;order:1;padding-left:0;}
.wrk-content{width:calc(58.33333% - 1.875rem);}
.wrk-illustration{width:calc(75% - 1.875rem);-webkit-box-ordinal-group:3;order:2;}
.slider{margin-top:60px;}
}
@media (max-width: 1150px){
.reasons{padding:50px 15% 50px 0;}
.rsns-illustration{right:calc(-16% - 240px);}
.vstrs-illustration{width:450px;height:340px;}
.vstrs-content{margin-top:-40px;}
.vstrs-bbl1{bottom:-2%;width:50px;height:50px;right:240px;}
.vstrs-bbl2{width:145px;height:120px;}
}
@media (max-width: 1100px){
.navigation .try_it{display:none;}
.hdr-right_bg{width:490px;height:474px;}
.hdr-container{padding-right:32%;}
.abt-view:after{right:0;}
.abt-view{width:calc(66.66667% - 1.875rem);margin-left:160px;}
.rsns-lst{padding-left:80px;}
.rdgt-bbl1{width:125px;height:130px;}
.rdgt-bbl2{width:45px;height:45px;left:155px;top:52%;}
}
@media (max-width: 1050px){
.rsns-lst{padding-left:50px;}
}
@media (max-width: 1030px){
.ftr-col1{width:calc(30% - 1.875rem);}
.ftr-col2{width:calc(41.66667% - 1.875rem);}
.ftr-menu li{margin:0;padding:5px 11px;}
}
@media (max-width: 1000px){
.hdr-object{width:680px;top:-240px;}
.hdr-left-cloud{width:138px;height:49px;}
.abt-view{width:calc(75% - 1.875rem);margin-left:120px;}
}
@media screen and (max-width: 992px){
.container{max-width:58.125rem;}
.rsns-lst{padding-left:80px;}
.rsns-lst_item span{font-size:24px;}
.rsns-lst_item:nth-child(1):before{top:11px;}
.rsns-lst_item:nth-child(2):before{top:11px;}
.rsns-lst_item:nth-child(3):before{top:11px;}
.vstrs-introtext span,.wrk-introtext span{font-size:22px;}
.vstrs-third_text span{font-size:16px;}
.cond__item{width:calc(50% - 1.875rem);}
.cond-introtext span{font-size:22px;}
.rdgt-wrapper{padding-left:0;}
.rdgt-introtext{font-size:22px;}
.rdgt-bbl1{top:10%;}
.rdgt-bbl2{top:27%;}
.footer{padding-top:90px;}
.ftr-wrapper{-webkit-box-pack:start;justify-content:flex-start;}
.ftr-col1{width:calc(33.33333% - 1.875rem);}
.ftr-col2{width:calc(50% - 1.875rem);}
.ftr-col3{margin-top:50px;}
}
@media (max-width: 992px){
.reasons{padding:50px 0;min-height:850px;}
.rsns-illustration{top:93%;z-index:-1;right:-160px;width:470px;height:490px;}
.wrk-content{width:calc(66.66667% - 1.875rem);}
.wrk-illustration{width:calc(83.33333% - 1.875rem);}
.vstrs-illustration{width:calc(58.33333% - 1.875rem);-webkit-box-ordinal-group:3;order:2;margin-top:50px;height:440px;}
.vstrs-content{margin-top:0;width:calc(58.33333% - 1.875rem);-webkit-box-ordinal-group:2;order:1;}
.vstrs-bbl1{top:17%;right:160px;}
.vstrs-bbl2{top:20%;right:10px;}
.rdgt-vctr{width:calc(100% - 1.875rem);margin-top:50px;height:500px;}
.rdgt-content{width:calc(50% - 1.875rem);}
}
@media (max-width: 950px){
.hdr-right_bg{width:450px;height:450px;}
}
@media (max-width: 900px){
.navigation__menu{padding-left:20px;}
}
@media (max-width: 870px){
.vstrs-content{width:calc(66.66667% - 1.875rem);}
}
@media (max-width: 850px){
.vstrs-illustration{margin-top:10px;}
}
@media (max-width: 840px){
.navigation{padding:30px 20px;}
.navigation__menu{display:none;}
.nvtgl-{display:block;}
.hdr-container{padding-bottom:10%;}
.abt-view{width:calc(83.33333% - 1.875rem);}
}
@media (max-width: 800px){
.header{min-height:750px;}
.hdr-container{padding-right:0;}
.hdr-content{max-width:60%;}
.abt-view:after{bottom:-26%;right:-20px;width:250px;height:258px;}
}
@media (max-width: 775px){
.ftr-button a{padding:10px 10px 8px;}
}
@media screen and (max-width: 768px){
.container{max-width:43.125rem;}
.if-so.xs{font-size:13px;}
.bbl__name,.bbl__value{font-size:18px;}
.bbl6{top:34%;}
.abt-desc{font-size:18px;}
.rsns-lst_item span{font-size:22px;}
.rsns-lst_item:nth-child(1):before{top:9px;}
.rsns-lst_item:nth-child(2):before{top:9px;}
.rsns-lst_item:nth-child(3):before{top:9px;}
.work_explain{margin-top:200px;}
.wrk-introtext span{font-size:20px;}
.wrk-list_item{font-size:18px;}
.cond-introtext span,.rdgt-introtext,.vstrs-introtext span{font-size:20px;}
.ftr-col1{-webkit-box-ordinal-group:2;order:1;width:calc(50% - 1.875rem);}
.ftr-col2{-webkit-box-ordinal-group:4;order:3;width:calc(100% - 1.875rem);margin-top:50px;}
.ftr-col3{-webkit-box-ordinal-group:3;order:2;margin-top:0;width:calc(50% - 1.875rem);}
}
@media (max-width: 768px){
.abt-view:after{width:190px;height:198px;right:0;}
.abt-view:before{width:85px;height:234px;left:-65px;}
.abt-view{width:calc(100% - 1.875rem);margin-left:110px;}
.view__per{max-width:100%;min-height:380px;}
.about__profile_bbl{width:170px;height:180px;}
.profile_bbl__text{bottom:63px;font-size:18px;}
.bbl1 .bbl__content{padding-bottom:10px;}
.bbl1{width:176px;height:162px;}
.bbl2{width:191px;height:168px;}
.bbl3{width:172px;height:158px;}
.bbl4{width:182px;height:183px;top:-26%;}
.abt-intro span{font-size:20px;}
.wrk-content{width:calc(75% - 1.875rem);}
.wrk-illustration{width:calc(100% - 1.875rem);}
.vstrs-illustration{margin-top:0;height:380px;}
.vstrs-content{width:calc(75% - 1.875rem);}
.vstrs-bbl1{width:30px;height:30px;right:120px;}
.vstrs-bbl2{width:105px;height:90px;}
.rdgt-vctr{height:450px;}
.rdgt-content{width:calc(58.33333% - 1.875rem);}
.rdgt-bbl1{width:100px;height:90px;left:10px;}
.rdgt-bbl2{width:30px;height:30px;left:100px;top:22%;}
}
@media (max-width: 700px){
.hdr-object{top:15px;}
}
@media (max-width: 680px){
.vstrs-illustration{width:calc(75% - 1.875rem);margin-top:20px;}
.vstrs-content{width:calc(83.33333% - 1.875rem);}
}
@media (max-width: 660px){
.hdr-content{max-width:70%;}
}
@media (max-width: 650px){
.view__per{min-height:360px;}
.bbl5{right:-20px;}
.bbl6{right:-48px;}
}
@media (max-width: 620px){
.abt-view{margin-left:70px;}
.rdgt-vctr{height:400px;}
.rdgt-content{width:calc(66.66667% - 1.875rem);}
}
@media (max-width: 610px){
.vstrs-content,.vstrs-illustration{width:calc(100% - 1.875rem);}
}
@media (max-width: 600px){
.title,.title span{font-size:46px;}
.if-so.lg{font-size:26px;margin:0 -5px;}
.hdr-container{padding-bottom:0;}
.hdr-description{font-size:18px;}
.hdr-offer{margin-top:35px;}
.view__per{min-height:350px;}
.bbl__name,.bbl__value{font-size:16px;}
.bbl1{width:156px;height:141px;}
.bbl2{width:175px;height:152px;}
.bbl3{width:152px;height:138px;}
.bbl4{width:162px;height:163px;}
.bbl5{width:208px;height:146px;}
.bbl6{width:212px;height:139px;}
.rsns-lst{padding-left:40px;}
.wrk-content{width:calc(100% - 1.875rem);}
.wrk-list_item{margin:45px 0;}
.list__number{width:70px;height:50px;left:-75px;top:-3px;}
.list__number span{left:-11px;font-size:34px;}
}
@media screen and (max-width: 576px){
.container{max-width:31.875rem;}
ol,ol li,ul,ul li{font-size:16px;}
.hdr-content{margin-top:50px;}
.abt-view:after{right:-20px;}
.abt-view{margin-left:20px;}
.rsns-lst_item span{font-size:20px;}
.rsns-lst_item:nth-child(1){margin-left:25px;}
.rsns-lst_item:nth-child(1):before{top:7px;}
.rsns-lst_item:nth-child(2){margin-left:50px;}
.rsns-lst_item:nth-child(2):before{top:7px;}
.rsns-lst_item:nth-child(3){margin-left:75px;}
.rsns-lst_item:nth-child(3):before{top:7px;}
.vstrs-title span{font-size:42px;}
.cond__item{width:calc(100% - 1.875rem);}
.rdgt-title span{font-size:42px;}
.ftr-col1{width:calc(66.66667% - 1.875rem);}
.ftr-col3{width:calc(33.33333% - 1.875rem);}
.ftr-button a{padding:10px 15px 8px;}
}
@media (max-width: 576px){
.abt-view:before{width:65px;height:194px;left:-25px;top:-30%;}
.view__per{max-width:110%;width:110%;}
.rsns-illustration{top:96%;}
.vstrs-bbl1{width:25px;height:25px;right:86px;}
.vstrs-bbl2{width:75px;height:65px;}
}
@media (max-width: 550px){
.rdgt-content{width:calc(75% - 1.875rem);}
.rdgt-title span:nth-child(2){margin-left:150px;}
.rdgt-bbl1{width:90px;height:80px;top:0;left:5px;}
.rdgt-bbl2{width:25px;height:25px;top:12%;left:80px;}
}
@media (max-width: 520px){
.ftr-wrapper{padding-left:10%;}
.ftr-col1{width:calc(100% - 1.875rem);margin-top:50px;padding:0;}
.ftr-col3{width:calc(100% - 1.875rem);margin-top:50px;}
.ftr-menu{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;}
.ftr-menu li{padding:0;margin:6px 0;display:inherit;}
.ftr-copyright{text-align:left;}
.social__menu{-webkit-box-pack:start;justify-content:flex-start;}
.social__menu li:first-child{margin-left:0;}
.ftr-help{margin:0;}
}
@media (max-width: 500px){
.title,.title span{font-size:40px;}
.hdr-description{font-size:17px;}
.tryit-button{padding:12px 25px 12px 70px;}
.tryit-button .try_it__text{font-size:20px;}
.tryit-button .try_it__arrow svg,.tryit-button .try_it__arrow-container{height:20px;}
.abt-view:before{content:none;}
.abt-view{margin-left:0;}
.about__profile_bbl{width:140px;height:150px;}
.profile_bbl__text{bottom:56px;font-size:16px;padding-left:10px;}
.about__content{padding:0 15px;}
.abt-desc{font-size:16px;}
.tryit-watch{padding:12px 40px 12px 15px;}
.tryit-watch .try_it__text{font-size:20px;}
.tryit-watch .try_it__arrow svg,.tryit-watch .try_it__arrow-container{height:20px;}
.rsns-illustration{top:98%;}
.slider__items{margin-top:60px;}
.vstrs-illustration{height:300px;}
.vstrs-bbl1,.vstrs-bbl2{top:27%;}
}
@media (max-width: 490px){
.view__per{min-height:332px;}
}
@media (max-width: 480px){
.rdgt-vctr{height:350px;}
.rdgt-content{width:calc(83.33333% - 1.875rem);}
.rdgt-button{margin-top:30px;}
}
@media (max-width: 470px){
.footer{padding-top:40px;}
}
@media (max-width: 460px){
.abt-view:after{bottom:-36%;}
.view__per{min-height:320px;}
.bbl3{top:-7%;left:2%;}
.abt-intro span:nth-child(1){margin-left:10px;}
.abt-intro span:nth-child(2){margin-left:20px;}
.abt-desc > span:nth-child(1){margin-left:40px;}
.abt-desc > span:nth-child(2){margin-left:60px;}
.abt-desc > span:nth-child(3){margin-left:65px;}
.abt-desc > span:nth-child(4){margin-left:60px;}
.abt-desc > span:nth-child(5){margin-left:50px;}
.vstrs-illustration{height:260px;}
.rdgt-title span,.vstrs-title span{font-size:36px;}
}
@media (max-width: 450px){
.header{min-height:570px;}
.hdr-right_bg{width:90%;height:55%;margin:auto;left:0;}
.vstrs-content{margin:auto;padding-left:8px;padding-right:8px;text-align:center;}
.vstrs-introtext span:nth-child(1){margin-left:20px;}
.vstrs-third_text span:nth-child(2){margin-left:0;}
.vstrs-third_text span{display:inline;}
}
@media (max-width: 440px){
.hdr-content{margin-top:30px;}
.view__per{max-width:115%;width:115%;min-height:300px;}
.abt-intro span{font-size:18px;margin-left:0;}
.abt-desc{text-align:left;}
.abt-desc span{margin-left:0;}
.about__button{margin-top:30px;}
.rsns-lst_item:nth-child(3){margin-left:32px;}
.wrk-introtext span:nth-child(1){margin-left:65px;}
.wrk-introtext span:nth-child(2){margin-left:30px;}
.wrk-list{margin-left:31px;}
.wrk-list_item:nth-child(2){margin-left:0;}
}
@media (max-width: 430px){
.title,.title span{font-size:36px;}
.if-so.lg{font-size:22px;margin:0 -4px;}
.hdr-object{width:600px;}
.hdr-description{font-size:16px;}
.rdgt-introtext{padding-left:65px;}
.footer{padding-bottom:80px;}
}
@media (max-width: 420px){
.hdr-right_bg{height:53%;}
.abt-view:after{width:160px;}
.bbl__name,.bbl__value{font-size:14px;}
.bbl1{width:137px;height:126px;}
.bbl2{width:157px;height:141px;}
.bbl3{width:139px;height:125px;}
.bbl4{width:142px;height:143px;top:-25%;}
.bbl5{width:188px;height:132px;}
.bbl6{width:192px;height:124px;}
}
@media screen and (max-width: 400px){
.reasons{min-height:820px;}
.rsns-lst_item span:nth-child(2){margin-left:10px;}
.rsns-lst_item span{font-size:18px;}
.wrk-wrapper{max-width:100%;}
.wrk-illustration img{display:none;}
.wrk-introtext span{font-size:18px;}
.wrk-list_item{font-size:16px;}
.list__number{top:-7px;}
.wrk-button{margin-top:30px;}
.vstrs-title span{font-size:32px;}
.vstrs-introtext span{font-size:18px;}
.vstrs-bbl2{width:45px;}
.cond-introtext span{font-size:18px;}
.rdgt-title span{font-size:32px;}
.rdgt-introtext{font-size:18px;}
}
@media (max-width: 400px){
.hdr-content{max-width:80%;}
.wrk-illustration{background:url(https://www.if-so.com/wp-content/themes/if-so/img/how_work.png) center/cover no-repeat;width:100%;height:410px;}
.vstrs-bbl1{width:14px;right:58px;}
}
@media (max-width: 390px){
.hdr-right_bg{height:50%;}
.about .container{padding:0;width:100%;}
.about__content{padding:0 30px;}
.abt-desc > span{display:inline;}
}
@media (max-width: 380px){
.cond-introtext span:nth-child(2){margin-left:0;}
.rdgt-vctr{margin-top:15px;}
.rdgt-content{width:calc(100% - 1.875rem);}
.rdgt-title span:nth-child(2){margin-left:110px;}
.rdgt-bbl1{width:80px;height:70px;}
}
@media (max-width: 370px){
.view__per{min-height:290px;}
.wrk-illustration{height:380px;}
.slider__title{font-size:32px;}
}
@media (max-width: 360px){
.hdr-right_bg{height:48%;}
.vstrs-illustration{margin-top:30px;height:240px;}
}
@media (max-width: 355px){
.view__per{min-height:280px;}
.bbl1{bottom:-4%;left:-3%;}
.bbl2{left:-12%;}
.bbl3{top:-13%;left:0;}
.bbl4{top:-32%;}
.bbl5{right:-45px;}
.bbl6{right:-60px;}
}
@media (max-width: 350px){
.rsns-title span{font-size:34px;}
.rsns-title span:nth-child(2){margin-left:15px;}
}
@media (max-width: 345px){
.view__per{min-height:270px;}
.vstrs-title span{font-size:29px;}
.vstrs-introtext span{font-size:16px;}
.vstrs-bbl1{right:50px;}
.vstrs-bbl2{right:0;height:45px;}
.cond-introtext span{font-size:16px;}
.rdgt-title span{font-size:29px;}
.rdgt-introtext{font-size:16px;}
}
@media (max-width: 340px){
.title,.title span{font-size:32px;}
.hdr-content{max-width:85%;}
.wrk-illustration{height:370px;background-position-x:33%;}
}
@media (max-width: 335px){
.view__per{min-height:260px;}
.bbl3{top:-18%;left:-4%;}
.bbl5{top:-9%;}
}
@media (max-width: 330px){
.wrk-introtext span:nth-child(1){margin-left:50px;}
.slider__title{font-size:30px;}
}
@media (max-width: 1500px){
.header{min-height:585px;}
}
@media (max-width: 1300px){
.header{min-height:474px;margin-top:-30px;}
.hdr-object{width:900px;top:-175px;}
}
@media (max-width: 1200px){
.hdr-object{width:900px;top:-175px;}
}
@media (max-width: 1000px){
.hdr-object{width:900px;top:-175px;}
}
@media (max-width: 840px){
.hdr-object{width:800px;top:-185px;}
.hdr-container{height:430px;}
.header{min-height:434px;}
}
@media (max-width: 800px){
.header{min-height:580px;}
.hdr-object{width:1085px;top:-123px;left:20%;}
}
@media (max-width: 720px){
.header{min-height:610px;}
.hdr-object{width:1200px;height:779px;top:-124px;left:10%;}
}
@media (max-width: 700px){
.hdr-object{top:-124px;left:10%;}
}
@media (max-width: 600px){
.hdr-object{left:0;}
}
@media (max-width: 500px){
.hdr-object{left:-20%;}
}
@media (max-width: 450px){
.header{min-height:590px;}
.hdr-right_bg{bottom:-115px;}
}
@media (max-width: 430px){
.hdr-object{width:1100px;}
}
@-webkit-keyframes moveLeft{0%{-webkit-transform:translate(0);transform:translate(0);}25%{-webkit-transform:translate(-50%);transform:translate(-50%);opacity:.5;}50%{-webkit-transform:translate(-110%);transform:translate(-110%);opacity:0;}51%{-webkit-transform:translate(110%);transform:translate(110%);}60%{-webkit-transform:translate(50%);transform:translate(50%);opacity:.5;}100%{-webkit-transform:translate(0);transform:translate(0);opacity:1;}}
@keyframes moveLeft{0%{-webkit-transform:translate(0);transform:translate(0);}25%{-webkit-transform:translate(-50%);transform:translate(-50%);opacity:.5;}50%{-webkit-transform:translate(-110%);transform:translate(-110%);opacity:0;}51%{-webkit-transform:translate(110%);transform:translate(110%);}60%{-webkit-transform:translate(50%);transform:translate(50%);opacity:.5;}100%{-webkit-transform:translate(0);transform:translate(0);opacity:1;}}
@keyframes leftCloud{0%{left:25%;opacity:0;}50%{opacity:.8;}70%{opacity:0;}100%{left:-250px;opacity: 0;}}
@keyframes rightCloud {0% {opacity: 0;-webkit-transform: translate(0);transform: translate(0);-ms-transform: translate(0);}10% {opacity: .9;}100% {-webkit-transform: translate(-60%);transform: translate(-60%);-ms-transform: translate(-60%);opacity: 0;}}
@keyframes moving1 {0%, 100% {transform: translateX(0px);}50% {transform: translateX(5px);}}
@keyframes moving3 {0%, 100% {transform: translate(0px, 0px);}50% {transform: translate(5px, 5px);}}
@keyframes moving4{0%, 100% {transform: translateY(0px);}50% {transform: translateY(5px);}}
@keyframes moving5 {0% {transform: translate(0px, 0px);}50% {transform: translate(5px, -5px);}100% {transform: translate(0px);}}
@keyframes moving6 {0%, 100% {transform: translateX(0px);}50% {transform: translateX(-5px);}}
@keyframes drawLine {100% {stroke-dashoffset: 0;}}
.faq-button{
border: none;
}
.faq-button{
outline: none;
cursor: zoom-in;
}
.faq-lb > div {
display: flex;
justify-content: center;
align-items: center;
cursor: zoom-out;
}
.faq-lb-cont {
background: #0000008a;
width: 80vw;
height: 80vh;
border-radius: 4vw;
padding: 3%;
}
.menu-menu-container{display: flex;}
.sb-menu {
display: block;
}
.menu__item:first-of-type {
background: #1e0547;
border-radius: 20px;
}
.menu__item:first-of-type a {
color: #fff;
padding: 0 10px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment