Last active
December 31, 2019 10:59
-
-
Save mutafaf/f258babeb233c0a943ed22e484e01a65 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@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