/* Theme Name: Understrap Theme URI: https://understrap.com Author: Howard Development & Consulting Author URI: https://howarddc.com GitHub Theme URI: https://github.com/understrap/understrap Description: The renowned WordPress starter theme framework that combined Underscores and Bootstrap. Trusted by more than 100,000 developers for building handcrafted, custom WordPress sites. Version: 1.2.2 Requires at least: 5.0 Tested up to: 6.1 Requires PHP: 5.2 License: GNU General Public License v3 or later License URI: https://www.gnu.org/licenses/gpl-3.0.html Text Domain: understrap Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, theme-options, translation-ready, block-styles, wide-blocks, editor-style, threaded-comments, accessibility-ready Understrap WordPress Theme, (C) 2021 Howard Development & Consulting, LLC Understrap is distributed under the terms of the GNU GPL. Resource Licenses: Understrap is based on Underscores https://underscores.me/, (C) Automattic, Inc. Font Awesome: https://fontawesome.com/v4.7/license/ (Font: SIL OFL 1.1, (S)CSS: MIT) Bootstrap: https://getbootstrap.com | https://github.com/twbs/bootstrap/blob/master/LICENSE (MIT) WP Bootstrap Navwalker by Edward McIntyre & William Patton: https://github.com/twittem/wp-bootstrap-navwalker (GNU GPLv3) */ /* Do not modify the parent Understrap theme. Instead, download a copy of the Understrap Child starter theme and do all your development within the child theme. Full developer documentation: https://docs.understrap.com */ :root { scroll-behavior: unset; --white: #FFFFFF; --White90: rgba(255, 255, 255, 0.90); --White70: rgba(255, 255, 255, 0.70); --White50: rgba(255, 255, 255, 0.50); --White40: rgba(255, 255, 255, 0.40); --White25: rgba(255, 255, 255, 0.20); --White10: rgba(255, 255, 255, 0.10); --White8: rgba(255, 255, 255, 0.08); --black: #000000; --Primary-Dark: #051623; --Text-grey: #5F5F5F; --text-grey-label: #C8C9D3; --Primary: /* #33A4FF*/ #0077D9; --Primary_b_80: #0070CC; --Primary_s100: #008CFF; --bg-card: #F0F1FA; --bg-focus-input: #e8e9f3; --bg-btn-fill: #D0E4FF; --bg-btn-fill-hover: #D4E6FF; --border-btn: #C8C9D3; --red-error: rgba(255,160,160,0.15); --Primary-BG: #F5F8FA; --Primary-BG_l1: #F0F5FA; /* --Bg-card-3D: linear-gradient(166deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.40) 100%); */ --Bg-card-3D: linear-gradient(166deg, rgba(255, 255, 255, 0.80) 0%, rgba(255, 255, 255, 0.30) 100%); --Bg-card-3D-Hover : linear-gradient(166deg, #FFF 0%, rgba(255, 255, 255, 0.50) 100%); --Bg-card-3D-dark: linear-gradient(166deg, rgba(9, 40, 64, 0.90) 0%, rgba(9, 40, 64, 0.40) 100%); --Bg-card-3D-dark-hover: linear-gradient(166deg, rgba(9, 40, 64, 1) 0%, rgba(9, 40, 64, 0.50) 100%); --Primary_b_80:#0070CC; --Primary_b_80_8: rgba(0, 112, 204, 0.08); --Text-Grey-Light: #999; --Text-Grey: #5F5F5F; --yellow: #FDDA00; } /*FONTS*/ @font-face { font-family: 'Afacad'; src: url('fonts/Afacad-Medium.woff2') format('woff2'), url('fonts/Afacad-Medium.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Afacad'; src: url('fonts/Afacad-Regular.woff2') format('woff2'), url('fonts/Afacad-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'DM Sans'; src: url('fonts/DMSans-Regular.woff2') format('woff2'), url('fonts/DMSans-Regular.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap;} @font-face { font-family: 'fontello'; src: url('fonts/fontello.eot?23430776'); src: url('fonts/fontello.eot?23430776#iefix') format('embedded-opentype'), url('fonts/fontello.woff?23430776') format('woff'), url('fonts/fontello.ttf?23430776') format('truetype'), url('fonts/fontello.svg?23430776#fontello') format('svg'); font-weight: normal; font-style: normal; } body{ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: var(--black, #000000); } body, .btn-afacad, .link-big, .afacad, .afacad p, .container-social p, .policy p, .wpcf7 .wpcf7-form .wpcf7-submit{ font-family: 'Afacad'; } p, .p, .searchandfilter .h4, .wpcf7-form, .input-group-number-package input[type="number"], .wpml-ls-menu-item a, .wpml-ls-menu-item a:hover, .wpml-ls-menu-item a:focus{ font-family: 'DM Sans'; } a, a:hover, a:focus, a.p, .accept-cookies, .page-template-guide-page .white .item-end-pricing a, .page-template-guide-page .white .item-end-pricing a:hover, .page-template-guide-page .white .item-end-pricing a:focus, .page-template-guide-page .white .item-end-package a, .page-template-guide-page .white .item-end-package a:hover, .page-template-guide-page .white .item-end-package a:focus{ color: var(--Primary_b_80, #0070CC); text-decoration:underline; font-family: 'Afacad'; text-underline-offset: 5px; } a.btn:hover, a.btn:focus, .btn-outline a.nav-link:hover, .btn-outline a.nav-link:focus, .wpml-ls-menu-item a, .wpml-ls-menu-item a:hover, .wpml-ls-menu-item a:focus{ text-decoration:none } a:focus{ outline:2px solid black; outline-offset:2px } a.link-grey-light, a.link-grey-light:hover, a.link-grey-light:focus{ color: var(--Text-Grey-Light, #999999); } a.link-black, a.link-black:hover, a.link-black:focus{ color: var(--black, #000000); } a.link-yellow, a.link-yellow:hover, a.link-yellow:focus{ color: var(--yellow, #FDDA00); } .h1, .h2, .h4, .h5, .h6, h1, h2, h4, h5, h6, .btn, .searchandfilter ul li, .btn-afacad, a, .wpcf7 .wpcf7-form .wpcf7-submit{ font-weight:500 } h3, .h3, .searchandfilter .h4, .link-big, .wp-pagenavi > *, .wpml-ls-menu-item a{ font-weight:400 } .h1vw{ /* font-size:25.92vw;*/ font-size: 15vw; line-height:1.1 } h1, .h1, .h1 p, .h1 .p{ font-size:64px; line-height: 1.09375; } h2, .h2, h3, .h3, .h3 p, .h3 .p{ font-size:48px; line-height: 1.1041666667; } h4, .h4, .h4 p, .h4 .p, .pricing-help .h4 a{ font-size:36px } .big p, .big .p, p.big, .p.big{ font-size:28px; } .link-big, .wp-pagenavi > *, a.btn-primary-arrow{ font-size:24px; } .label-privacy a{ font-size: 22px; } html, body, p, .p, .btn, .caption, a, .form-newsletter.wpcf7 input[type="text"]{ font-size: 20px } .searchandfilter ul li li, .btn-afacad{ font-size:18px } .policy p, .searchandfilter .h4{ font-size:16px } .small p, .small .p, p.small, .p.small, .item-custom-package, .wpcf7 .item-custom-package input{ font-size:16px } /* .small p, .small .p, p.small, .p.small, .item-custom-package, .wpcf7 .item-custom-package input{ font-size:14px } */ p > a, p > a:hover, p > a:focus{ font-size: inherit; font-family: inherit; } #main-nav .nav-link{ line-height: 1.335; } .btn-primary-arrow{ line-height: 1; } .searchandfilter ul li ul li, .btn-afacad{ letter-spacing: 0.1em; } a:not(.btn,.navbar-brand,.link-grey-light,.link-black, .link-yellow), .accept-cookies{ padding-bottom: 7px; position: relative; } .container-fluid, .container{ padding-left:120px; padding-right:120px } .object-fit-cover { -o-object-fit: cover!important; object-fit: cover!important; } .object-fit-contain { -o-object-fit: contain!important; object-fit: contain!important; } .item-link, .item-link:hover, .item-link:focus{ color:initial; text-decoration:unset; } .cursor-pointer{ cursor:pointer } .white, .white a, .white a:focus, .white a:hover { color:var(--white, #FFFFFF); } .white a.link-yellow, .white a.link-yellow:hover, .white a.link-yellow:focus{ color: var(--yellow, #FDDA00); } .white-70{ color: var(--White70, rgba(255, 255, 255, 0.70)); } .bg-white{ background:var(--white, #FFFFFF); } .black{ color: var(--black, #000000); } .bg-method, .page-template-method-page, .bg-guide, .page-template-guide-page{ background: #0077D9; } /* .bg-method, .page-template-method-page, .bg-guide, .page-template-guide-page{ background: #199AFF } */ .bg-primary-dark{ background: var(--Primary-Dark, #051623);} .bg-dark-blue{ background: var(--Dark-Blue, #0065B8);} .bg-dark-gradient { background: var(--Bg-card-3D-dark, linear-gradient(166deg, rgba(9, 40, 64, 0.90) 0%, rgba(9, 40, 64, 0.40) 100%)); } .bg-dark-gradient-hover{ background: var(--Bg-card-3D-dark-hover, linear-gradient(166deg, rgba(9, 40, 64, 1) 0%, rgba(9, 40, 64, 0.50) 100%)); } .text-grey, .item-number{ color:var(--Text-Grey, #5F5F5F); } .text-grey-light{ color: var(--Text-Grey-Light, #999); } .text-grey-label{ color: var(--text-grey-label, #C8C9D3); } .text-gradient{ background: linear-gradient(92deg, #003554 0%, #0098FF 99.75%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } body{ background-color: var(--Primary-BG, #F5F8FA); } .bg-primary{ background-color: var(--Primary-BG, #F5F8FA)!important; } .bg-primary_s100{ background: var(--Primary_s100, #008CFF); } .bg-card{ background: var(--bg-card, #F0F1FA); } .bg-card-3d{ background: var(--Bg-card-3D, linear-gradient(166deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.40) 100%) ); } .bg-primary-l1{ background: var(--Primary-BG_l1, #F0F5FA);} .bg-gradient-full{ background-image: -o-linear-gradient(358deg, rgba(0,142,224,1) 0%, rgba(133,206,255,1) 100%); background-image: linear-gradient(92deg, rgba(0,142,224,1) 0%, rgba(133,206,255,1) 100%)} .btn{ border-radius:10px; padding: 9px 15px; } .bg-button-fill{ background: var(--bg-btn-fill); } .btn-fill { color: /* var(--Primary_b_80, #0070CC)*/ #0062B2; background: var(--bg-btn-fill, #D0E4FF); } .btn-fill:hover, .btn-fill:focus, .btn.btn-fill:active, .btn.btn-fill:first-child:active{ background: var(--bg-btn-fill-hover); color: var(--Primary_b_80, #0070CC); border-color: transparent; } .btn-primary-arrow { backdrop-filter: blur(3.5px); border-radius: 32px; align-items: center; background: var(--Primary, #33A4FF); color: var(--white, #FFFFFF); padding:12px 16px 15px 24px} .btn-primary-arrow .icon-arrow{ margin-left:20px; } .btn-primary-arrow .icon-arrow svg{ fill:var(--white, #FFFFFF); } .btn-primary-arrow:hover, .btn-primary-arrow:focus{ color:var(--white, #FFFFFF) ; background: var(--Primary_s100, #008CFF); } .btn-outline{ color: var(--Primary_b_80, #0070CC); /* background: transparent; */ background: var(--white, #FFFFFF); border: 1px solid var(--Primary_b_80, #0070CC);} .btn-outline:hover, .btn-outline:focus, .btn.btn-outline:active, .btn.btn-outline:first-child:active{ background: var(--Primary_b_80_8, rgba(0, 112, 204, 0.08)); /* border: 1px solid var(--Primary_b_80, #0070CC); color: var(--Primary_b_80, #0070CC); */ border: 1px solid #0062B2; color: #0062B2; } .btn-outline-white{ border: 1px solid var(--white, #FFFFFF); color: var(--white, #FFFFFF); background:rgba(0, 0, 0, 0.01); } .btn-outline-white:focus, .btn-outline-white:hover, .btn.btn-outline-white:active, .btn.btn-outline-white:first-child:active{ background: var(--White8, rgba(255, 255, 255, 0.08)); border: 1px solid var(--white, #FFFFFF); color: var(--white, #FFFFFF); } .border-white{ border: 1px solid var(--white, #FFFFFF) } .border-white90{ border: 1px solid var(--White90, rgba(255, 255, 255, 0.90)) } .border-black{ border: 1px solid var(--black, #000000) } .btn.border-black:hover, .btn.border-black:focus{ background-color:rgba(0,0,0,.08); border-color:black } .opacity-0{ opacity:0; } .opacity-03{ opacity:0.3; } a.btn-fill, a.btn-fill:hover, a.btn-fill:focus, a.btn-outline, a.btn-outline:hover, a.btn-outline:focus, .primary_b_80{ color: /* var(--Primary_b_80, #0070CC); */ #0062B2 } .btn-fill-outline{ color: var(--Primary_b_80, #0070CC); background: var(--bg-btn-fill); border: 1px solid var(--Primary_b_80, #0070CC); } .btn-fill-outline:hover, .btn-fill-outline:focus { background: var(--bg-btn-fill-hover); color: var(--Primary_b_80, #0070CC); border: 1px solid var(--Primary_b_80, #0070CC); } .page-template-single-pricing-page .btn-primary-arrow{ transition: opacity 0.3s ease-in-out; } .banner .btn-banner-sales{ /* background-color: #0077D9; */ text-shadow: -1px -1px 0 #0077D9, 1px -1px 0 #0077D9, -1px 1px 0 #0077D9, 1px 1px 0 #0077D9; color: #FFFFFF; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .med{ font-weight:500 } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, p{ margin-bottom:unset; } .l-h-0{ line-height:0; } .wrapper{ padding:0px } .p-60{ padding:60px } .p-40{ padding:40px; } .p-30{ padding:30px; } .p-24{ padding:25px } .p-20{ padding:20px } .p-15{ padding:15px } .p-t-240{ padding-top:240px } .p-b-240{ padding-bottom:240px } .m-t-240{ margin-top:240px; } .m-b-240{ margin-bottom:240px } .m-b-210{ margin-bottom:210px } .p-b-200{ padding-bottom:200px } .p-t-200{ padding-top:200px } .m-b-200{ margin-bottom:200px } .m-b-180{ margin-bottom:180px } .m-b-150{ margin-bottom:150px } .m-b-120{ margin-bottom:120px } .m-t-120{ margin-top:120px } .m-b-120{ margin-bottom:120px } .p-t-120{ padding-top:120px } .p-b-120{ padding-bottom:120px } .p-b-100{ padding-bottom:100px } .m-t-90{ margin-top:90px } .m-b-90{ margin-bottom:90px } .p-b-90{ padding-bottom:90px } .m-b-80{ margin-bottom:80px } .p-b-70{ padding-bottom:70px } .m-t-60{ margin-top:60px } .p-t-60{ padding-top:60px } .p-b-60{ padding-bottom:60px } .m-b-60{ margin-bottom:60px } .m-b-48{ margin-bottom:48px } .m-b-45{ margin-bottom:45px } .p-t-40{ padding-top:40px } .p-b-40{ padding-bottom:40px } .m-b-40{ margin-bottom:40px } .m-t-30{ margin-top:30px } .p-b-30{ padding-bottom:30px } .m-b-30{ margin-bottom:30px } .m-b-25{ margin-bottom:25px } .m-b-24{ margin-bottom:25px } .m-t-20{ margin-top:20px } .m-b-20{ margin-bottom:20px } .p-t-20{ padding-top:20px } .p-b-20{ padding-bottom:20px } .m-b-15{ margin-bottom:15px } .m-t-15{ margin-top:15px } .m-b-12{ margin-bottom:12px } .m-b-10{ margin-bottom:10px } .m-b-5{ margin-bottom:5px } .text-p-l-icon{ padding-left:60px; padding-right: 30px; } .p-r-l-60{ padding-right:60px; padding-left:60px; } .p-r-l-50{ padding-right:50px; padding-left:50px; } .p-l-45{ padding-left:45px } .p-r-l-30{ padding-right:30px; padding-left:30px; } .p-l-30{ padding-left: 30px } .m-l-30{ margin-left:30px } .m-r-24{ margin-right:25px } .m-r-20{ margin-right:20px } .p-l-20{ padding-left:20px } .m-r-15{ margin-right:15px } .m-l-15{ margin-left:15px } .m-r-10{ margin-right:10px } .p-r-5{ padding-right:5px } .m-r-5{ margin-right:5px; } .m-r-title{ margin-right:30px } .no-padding, .container-fluid.no-padding, .container.no-padding{ padding-left:0px; padding-right:0px } .no-margin{ margin-left:0px; margin-right:0px } .sep{ margin-right:10px; margin-left:10px } .br-50, .card, .card-icon{ border-radius:50px; } .br-45{ border-radius:45px; } .br-40{ border-radius:40px; } .br-20{ border-radius:20px; } .br-30{ border-radius:30px; } .br-15{ border-radius:15px; } .br-12, .br-10{ border-radius:10px; } .card, .card-icon{ background: var(--bg-card); } .card{ padding:50px; } .card-icon{ padding:50px 30px } .prefooter{ padding-top:60px; background-size: cover; background-position: top left; } .prefooter-title, .prefooter-container-text{ column-gap:20px } .prefooter > img{ max-width: unset; width: 102% !important; left: -1% !important; } .banner{ border-radius:40px; padding:90px; /* background: #1498FF; */ background-color: #0077D9; } .item-create-toolkit .banner{ padding:40px; height: 100%; background: var(--Bg-card-3D, linear-gradient(166deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.40) 100%) ); } .banner-white{ border-radius:40px; padding:40px; border: 1px solid var(--White90, rgba(255, 255, 255, 0.90)); background: var(--Bg-card-3D, linear-gradient(166deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.40) 100%)); } .img-banner, .viewer-banner{ width: calc(calc(100% - 66.66666667%) + 45px); } /* spline-viewer{ pointer-events:none } */ spline-viewer #logo{ display: none!important; } .container-viewer{ max-width:100%; max-height:100% } .aspect-ratio-1{ position:relative; padding-top:100%; } .ratio.ratio-21x9::before{ padding-top: 42.65%; } .postid-1451 .ratio.ratio-21x9::before{ padding-top: 41.71875%; } .img-cover{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:rgba(0,0,0,.6); } video{ display: block; } .container-col-price .h-100.position-relative, .portfolio-item .ratio{ clip-path: inset(1px 1px round 20px); } .portfolio-item .ratio video, .item-case-study-same-type .ratio video{ object-fit: cover; height: 100%; } .op-0{ opacity: 0; } .home .viewer-banner > .p-30, .page-template-pricing-page .viewer-banner > .p-30{ padding: 0px; } .intro-home > div{ -webkit-transform: translateZ(0); } .pop-up-video.active { display: block; } .pop-up-video { display: none; background: black; position: fixed; height: 100%; width: 100%; max-width: 100vw; top: 0; left: 0; z-index: 10000000001; } .close-pop-up-video { top: 0px; right: 0px; position: absolute; } .pop-up-video iframe{ max-height: 100vh; max-height: 100svh; max-width: 100vw; top: 50%; transform: translateY(-50%); } .container-collaborations{ max-width:825px } .row-gap-90{ row-gap: 90px;} .gap-60{ gap:60px } .people-review, .gap-30{ gap:30px } .gap-5{ gap:5px!important; } .img-review{ min-width:80px; width:80px; height:80px; object-fit:cover; border-radius:100%; overflow:hidden; } .container-text-reviews{ min-height:300px } .swiper-container-review .swiper-slide{ height: auto; /* flex-shrink: unset; */ width: calc( calc( calc( calc( 100vw - calc( calc( calc(100vw - calc(120px * 2) ) / 12) * 2 ) ) - calc(120px * 2) - calc(30px * 2) ) / 3 ) ) } /* .swiper-container-team .swiper-slide{ width: 400px; height: auto; } */ .swiper-container-team .swiper-slide{ height: auto; /* flex-shrink: unset; */ width: calc( calc( calc( calc( 100vw - calc( calc( calc(100vw - calc(120px * 2) ) / 12) * 2 ) ) - calc(120px * 2) - calc(30px * 3) ) / 4 ) ) } /* .swiper-container-team .swiper-slide{ width: calc( calc( calc( calc( calc( calc( 100vw - calc( calc( calc(100vw - calc(120px * 2) ) / 12) + calc(30px / 12) * 2 ) ) - calc(120px * 2) ) + 30px ) / 1 ) - 30px ) ) } .swiper-container-team .swiper-slide{ width: calc( calc( calc( calc( calc( calc( 100vw - calc( calc( calc(100vw - calc(120px * 2) ) / 12) * 2 ) ) - calc(120px * 2) ) ) + 30px ) / 4 ) - 30px ) } */ /*INTRO FORM INFO*/ .intro-form-text{ padding: 20px 30px; border-radius: 15px; background: var(--Primary_b_80_8, rgba(0, 112, 204, 0.08)); } .label-icon-form{ padding: 10px 20px; vertical-align: top; } .intro-form-text p.big{ display: inline-block; margin-right: 15px; } .icon-form{ width:24px; height:24px; margin-right:10px } /*WPCF7*/ .wpcf7 label .wpcf7-form-control-wrap { margin-top:10px; display:block; } .wpcf7 label textarea{ resize:none; } .wpcf7 .wpcf7-select{ padding-right:47px; } .form-control, .wpcf7 .wpcf7-validation-errors, .wpcf7 input[type=color], .wpcf7 input[type=date], .wpcf7 input[type=datetime-local], .wpcf7 input[type=datetime], .wpcf7 input[type=email], .wpcf7 input[type=file], .wpcf7 input[type=month], .wpcf7 input[type=number], .wpcf7 input[type=range], .wpcf7 input[type=search], .wpcf7 input[type=submit], .wpcf7 input[type=tel], .wpcf7 input[type=text], .wpcf7 input[type=time], .wpcf7 input[type=url], .wpcf7 input[type=week], .wpcf7 select, .wpcf7 textarea, .select-selected { background: var(--Bg-card-3D, linear-gradient(166deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.40) 100%)); padding: 15px; border-radius: 10px; color: var(--black); border: 1px solid var(--White90, rgba(255, 255, 255, 0.90)); } .form-control:hover, .wpcf7 .wpcf7-validation-errors:hover, .wpcf7 input[type=color]:hover, .wpcf7 input[type=date]:hover, .wpcf7 input[type=datetime-local]:hover, .wpcf7 input[type=datetime]:hover, .wpcf7 input[type=email]:hover, .wpcf7 input[type=file]:hover, .wpcf7 input[type=month]:hover, .wpcf7 input[type=number]:hover, .wpcf7 input[type=range]:hover, .wpcf7 input[type=search]:hover, .wpcf7 input[type=submit]:hover, .wpcf7 input[type=tel]:hover, .wpcf7 input[type=text]:hover, .wpcf7 input[type=time]:hover, .wpcf7 input[type=url]:hover, .wpcf7 input[type=week]:hover, .wpcf7 select:hover, .wpcf7 textarea:hover, .form-control:focus, .wpcf7 .wpcf7-validation-errors:focus, .wpcf7 input[type=color]:focus, .wpcf7 input[type=date]:focus, .wpcf7 input[type=datetime-local]:focus, .wpcf7 input[type=datetime]:focus, .wpcf7 input[type=email]:focus, .wpcf7 input[type=file]:focus, .wpcf7 input[type=month]:focus, .wpcf7 input[type=number]:focus, .wpcf7 input[type=range]:focus, .wpcf7 input[type=search]:focus, .wpcf7 input[type=submit]:focus, .wpcf7 input[type=tel]:focus, .wpcf7 input[type=text]:focus, .wpcf7 input[type=time]:focus, .wpcf7 input[type=url]:focus, .wpcf7 input[type=week]:focus, .wpcf7 select:focus, .wpcf7 textarea:focus, .select-selected:hover, .select-selected:focus, .select-selected.select-arrow-active{ background: var(--Bg-card-3D-Hover, linear-gradient(166deg, #FFF 0%, rgba(255, 255, 255, 0.50) 100%)); border-color: var(--white, #FFFFFF); box-shadow: unset; } .form-control:focus, .wpcf7 .wpcf7-validation-errors:focus, .wpcf7 input[type=color]:focus, .wpcf7 input[type=date]:focus, .wpcf7 input[type=datetime-local]:focus, .wpcf7 input[type=datetime]:focus, .wpcf7 input[type=email]:focus, .wpcf7 input[type=file]:focus, .wpcf7 input[type=month]:focus, .wpcf7 input[type=number]:focus, .wpcf7 input[type=range]:focus, .wpcf7 input[type=search]:focus, .wpcf7 input[type=submit]:focus, .wpcf7 input[type=tel]:focus, .wpcf7 input[type=text]:focus, .wpcf7 input[type=time]:focus, .wpcf7 input[type=url]:focus, .wpcf7 input[type=week]:focus, .wpcf7 select:focus, .wpcf7 textarea:focus{ outline: 1px solid black; } .wpcf7 .wpcf7-select, .wpcf7.wpcf7-select:focus{ background-position: right 15px center!important; background-repeat:no-repeat!important; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='arrow_drop_down'%3E%3Cmask id='mask0_394_1516' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='25' height='25'%3E%3Crect id='Bounding box' x='0.5' y='0.250977' width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_394_1516)'%3E%3Cpath id='arrow_drop_down_2' d='M11.9752 14.726L8.3502 11.101C8.3002 11.051 8.2627 10.9968 8.2377 10.9385C8.2127 10.8801 8.2002 10.8176 8.2002 10.751C8.2002 10.6176 8.24603 10.501 8.3377 10.401C8.42936 10.301 8.5502 10.251 8.7002 10.251H16.3002C16.4502 10.251 16.571 10.301 16.6627 10.401C16.7544 10.501 16.8002 10.6176 16.8002 10.751C16.8002 10.7843 16.7502 10.901 16.6502 11.101L13.0252 14.726C12.9419 14.8093 12.8585 14.8676 12.7752 14.901C12.6919 14.9343 12.6002 14.951 12.5002 14.951C12.4002 14.951 12.3085 14.9343 12.2252 14.901C12.1419 14.8676 12.0585 14.8093 11.9752 14.726Z' fill='%235F5F5F'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")!important; } .wpcf7 .wpcf7-select{ background: var(--Bg-card-3D, linear-gradient(166deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.40) 100%)); } .wpcf7.wpcf7-select:focus{ background: var(--Bg-card-3D-Hover, linear-gradient(166deg, #FFF 0%, rgba(255, 255, 255, 0.50) 100%)); } .wpcf7{ max-width:unset; } .wpcf7-radio, .wpcf7-radio .wpcf7-list-item, .wpcf7-radio .wpcf7-list-item-label{ height:50px } .wpcf7-radio{ display:block; background:var(--bg-card); border-radius: 50px; position:relative; } .wpcf7-radio input{ opacity:0; width: 25px; height: 25px; } .wpcf7-radio input:checked + .wpcf7-list-item-label:after{ content: " "; display: block; width: 15px; height:15px; border-radius:50%; background:var(--black); position:absolute; top:calc(-100% + 25px); left:50%; transform:translate(-50%, -50%); } .wpcf7 .wpcf7-form .wpcf7-radio label{ width:25px; height:25px; text-align:center; background:white; border-radius:50%; cursor:pointer; } .wpcf7-radio .wpcf7-list-item { position: relative; width:20%; margin-left:0px; text-align:center; padding: 12px 0px; } .wpcf7-radio .wpcf7-list-item-label{ position:absolute; width:100%; padding: 10px 10px 0px 10px; left:0; top:100%; } .wpcf7 .wpcf7-form p{ margin-bottom:0px } .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label{ font-size:0px; color:black; } .wpcf7 .wpcf7-list-item{ margin-left:0px } .wpcf7 .accept-privacy input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; width: 24px; height: 24px; background-color:rgba(255, 255, 255, 0.90); /* background-color: var(--Bg-card-3D, linear-gradient(166deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.40) 100%));*/ padding: 0px; border-radius: 5px; border: 1px solid var(--White90, rgba(255, 255, 255, 0.90)); } .wpcf7 .accept-privacy span.wpcf7-list-item .wpcf7-list-item-label { position: absolute; top: 4px; left: 4px; width: 16px; height: 16px; border-radius: 3px; pointer-events: none; } .wpcf7 .accept-privacy input[type=checkbox]:checked + .wpcf7-list-item-label, .wpcf7 .accept-privacy.is-checked .wpcf7-list-item-label { background-color: var(--Primary, #33A4FF);} .wpcf7 .accept-privacy span.wpcf7-list-item{ margin-left: 0px; margin-right: 10px; position: relative; line-height: 1; } .wpcf7 .label-privacy{ line-height: 1; vertical-align: top; display: inline-block; max-width:calc(100% - 40px); } .wpcf7 .label-privacy a{ color:initial; text-decoration:underline; padding-bottom: 0px; } .wpcf7 .wpcf7-form .wpcf7-submit, .btn-primary{ display:inline-block; width:auto; padding:9px 15px; background: var(--Primary, #33A4FF); color: var(--white, #FFFFFF); border:none!important } .wpcf7 .wpcf7-form .wpcf7-submit:hover, .wpcf7 .wpcf7-form .wpcf7-submit:focus, .wpcf7 .wpcf7-form .wpcf7-submit:active, .btn-primary:hover, .btn-primary:focus, .btn-primary:active{ background: var(--Primary_s100, #008CFF)!important; color: var(--white, #FFFFFF); border:none!important } .wpcf7 .wpcf7-spinner{ position:absolute; right:0; bottom:-28px; } /*FORM CUSTOM N PACKAGE*/ .container-items-custom-package{ gap:30px } .item-custom-package{ width: 100%; padding: 22px 19px; border-radius:10px; border: 1px solid var(--White90, rgba(255, 255, 255, 0.90)); background: var(--Bg-card-3D, linear-gradient(166deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.40) 100%)); } .item-custom-package input::-webkit-outer-spin-button, .item-custom-package input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;} .item-custom-package .wpcf7-form-control-wrap{ display:flex; } .item-custom-package input[type=number] { -moz-appearance: textfield; background:transparent; color:var(--black, #000000); padding: 0px; width:40px; text-align: center} .item-custom-package input[type=number], .item-custom-package input[type=number]:hover, .item-custom-package input[type=number]:focus{ background:transparent; border:none; } .item-custom-package .item-number{ margin-left:20px; align-items: center; } .item-number .n-set-minus, .item-number .n-set-plus{ padding:5px } .item-number .n-set-minus:hover, .item-number .n-set-plus:hover, .item-number .n-set-minus:focus, .item-number .n-set-plus:focus{ color:var(--black,#000000); } .btn-choose-custom-package-pop-up-disabled{ pointer-events: none; background: #CDD0D3; /* color: rgba(0,0,0,0.4); */ color: #595959; } .btn-choose-custom-package-pop-up-disabled .icon-arrow path{ /* fill: rgba(0,0,0,0.4); */ fill: #595959; } /*Newsletter*/ .form-newsletter.wpcf7 input[type=text]{ border: 1px solid var(--White40, rgba(255, 255, 255, 0.40)); color: var(--white, #FFFFFF); background: var(--Bg-card-3D-dark, linear-gradient(166deg, rgba(9, 40, 64, 0.90) 0%, rgba(9, 40, 64, 0.40) 100%)); } #wrapper-footer .wpcf7 .wpcf7-submit{ display:none!important } #wrapper-footer .wpcf7 .newsletter-submit p{ width:calc(100% - 76px); display:inline-block; } #wrapper-footer .wpcf7 .newsletter-submit .arrow-submit{ position: relative; display: inline-block; cursor: pointer; margin-left: 15px; width: 60px; height:60px; border: 1px solid var(--White40, rgba(255, 255, 255, 0.40)); background:var(--Bg-card-3D-dark, linear-gradient(166deg, rgba(9, 40, 64, 0.90) 0%, rgba(9, 40, 64, 0.40) 100%)); } #wrapper-footer .wpcf7 .newsletter-submit .arrow-submit::after{ position:absolute; content:""; top:50%; left:50%; transform:translate(-50%, -50%); display:block; width:24px; height:24px; background-size: 100%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='arrow_forward_2' d='M16.175 13.0001H5C4.71667 13.0001 4.47917 12.9043 4.2875 12.7126C4.09583 12.5209 4 12.2834 4 12.0001C4 11.7168 4.09583 11.4793 4.2875 11.2876C4.47917 11.0959 4.71667 11.0001 5 11.0001H16.175L11.275 6.10011C11.075 5.90011 10.9792 5.66678 10.9875 5.40011C10.9958 5.13344 11.1 4.90011 11.3 4.70011C11.5 4.51678 11.7333 4.42094 12 4.41261C12.2667 4.40428 12.5 4.50011 12.7 4.70011L19.3 11.3001C19.4 11.4001 19.4708 11.5084 19.5125 11.6251C19.5542 11.7418 19.575 11.8668 19.575 12.0001C19.575 12.1334 19.5542 12.2584 19.5125 12.3751C19.4708 12.4918 19.4 12.6001 19.3 12.7001L12.7 19.3001C12.5167 19.4834 12.2875 19.5751 12.0125 19.5751C11.7375 19.5751 11.5 19.4834 11.3 19.3001C11.1 19.1001 11 18.8626 11 18.5876C11 18.3126 11.1 18.0751 11.3 17.8751L16.175 13.0001Z' fill='white' fill-opacity='0.5'/%3E%3C/svg%3E"); } #wrapper-footer .wpcf7 .newsletter-submit .arrow-submit:hover::after, #wrapper-footer .wpcf7 .newsletter-submit .arrow-submit:focus::after{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='arrow_forward_2' d='M16.175 13.0001H5C4.71667 13.0001 4.47917 12.9043 4.2875 12.7126C4.09583 12.5209 4 12.2834 4 12.0001C4 11.7168 4.09583 11.4793 4.2875 11.2876C4.47917 11.0959 4.71667 11.0001 5 11.0001H16.175L11.275 6.10011C11.075 5.90011 10.9792 5.66678 10.9875 5.40011C10.9958 5.13344 11.1 4.90011 11.3 4.70011C11.5 4.51678 11.7333 4.42094 12 4.41261C12.2667 4.40428 12.5 4.50011 12.7 4.70011L19.3 11.3001C19.4 11.4001 19.4708 11.5084 19.5125 11.6251C19.5542 11.7418 19.575 11.8668 19.575 12.0001C19.575 12.1334 19.5542 12.2584 19.5125 12.3751C19.4708 12.4918 19.4 12.6001 19.3 12.7001L12.7 19.3001C12.5167 19.4834 12.2875 19.5751 12.0125 19.5751C11.7375 19.5751 11.5 19.4834 11.3 19.3001C11.1 19.1001 11 18.8626 11 18.5876C11 18.3126 11.1 18.0751 11.3 17.8751L16.175 13.0001Z' fill='white' fill-opacity='1'/%3E%3C/svg%3E"); } .form-newsletter.wpcf7 input[type=text]:hover, .form-newsletter.wpcf7 input[type=text]:focus, #wrapper-footer .wpcf7 .newsletter-submit .arrow-submit:hover, #wrapper-footer .wpcf7 .newsletter-submit .arrow-submit:focus{ border: 1px solid var(--White90, rgba(255, 255, 255, 0.90)); background: var(--Bg-card-3D-dark-hover, linear-gradient(166deg, rgba(9, 40, 64, 1) 0%, rgba(9, 40, 64, 0.50) 100%)); } .form-newsletter.wpcf7 input[type=text]::-webkit-input-placeholder { color: var(--White50, rgba(255, 255, 255, 0.50)); } .form-newsletter.wpcf7 input[type=text]::-moz-placeholder { color: var(--White50, rgba(255, 255, 255, 0.50));} .form-newsletter.wpcf7 input[type=text]:-ms-input-placeholder { color: var(--White50, rgba(255, 255, 255, 0.50)); } .form-newsletter.wpcf7 input[type=text]:-moz-placeholder { color: var(--White50, rgba(255, 255, 255, 0.50)); } /*VALIDATION*/ .wpcf7 .wpcf7-form .wpcf7-not-valid-tip{ display:none; } .wpcf7 .wpcf7-not-valid.accept-privacy input[type="checkbox"], .wpcf7 input.wpcf7-not-valid , .wpcf7 select.wpcf7-not-valid , .wpcf7 textarea.wpcf7-not-valid, .wpcf7 input.not-valid, .wpcf7 .wpcf7-form select.wpcf7-not-valid + .select-selected{ /* background: var(--red-error); border-color: rgb(255, 160, 160, 0.9); */ border-color: #FFCECC; } .wpcf7 form .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output, .container-no-results{ padding: 20px 30px; margin: 0px; margin-top: 30px; border-radius: 40px; border: 0px; } .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output, .container-no-results{ background-color: #FFECEB; } .wpcf7 form.sent .wpcf7-response-output{ background-color: #E6F5E8; } /*CUSTUM SELECT*/ .your-budget select, .your-product select, .your-sector-newsletter select, .your-package select{ /* display:none;*/ position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .your-budget select:focus, .your-product select:focus, .your-sector-newsletter select:focus, .your-package select:focus{ position: relative !important; height: auto; width: 100%; background: rgba(255, 255, 255, 0.90); padding: 15px; border-radius: 10px; color: var(--black); border: 1px solid var(--White90, rgba(255, 255, 255, 0.90)); margin-top: 10px; } .your-budget select:focus + .select-selected, .your-product select:focus + .select-selected, .your-sector-newsletter select:focus + .select-selected, .your-package select:focus + .select-selected{ display: none; } .is-placeholder .select-selected{ color: var(--Text-Grey-Light, #999); } .select-selected::after { position: absolute; content: ""; /* top: 24px; */ top: 18px; right: 15px; width: 25px; height: 25px; background-repeat: no-repeat; background-position: center; background-size: 100%; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='arrow_drop_down'%3E%3Cmask id='mask0_394_1516' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='25' height='25'%3E%3Crect id='Bounding box' x='0.5' y='0.250977' width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_394_1516)'%3E%3Cpath id='arrow_drop_down_2' d='M11.9752 14.726L8.3502 11.101C8.3002 11.051 8.2627 10.9968 8.2377 10.9385C8.2127 10.8801 8.2002 10.8176 8.2002 10.751C8.2002 10.6176 8.24603 10.501 8.3377 10.401C8.42936 10.301 8.5502 10.251 8.7002 10.251H16.3002C16.4502 10.251 16.571 10.301 16.6627 10.401C16.7544 10.501 16.8002 10.6176 16.8002 10.751C16.8002 10.7843 16.7502 10.901 16.6502 11.101L13.0252 14.726C12.9419 14.8093 12.8585 14.8676 12.7752 14.901C12.6919 14.9343 12.6002 14.951 12.5002 14.951C12.4002 14.951 12.3085 14.9343 12.2252 14.901C12.1419 14.8676 12.0585 14.8093 11.9752 14.726Z' fill='%235F5F5F'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") } .select-selected.select-arrow-active::after{ transform: rotate(180deg); } .select-selected.select-arrow-active{ border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .select-items div, .select2-dropdown .select2-results .select2-results__option{ color: var(--Text-Grey, #5F5F5F); padding: 15px; border: 1px solid var(--White90, rgba(255, 255, 255, 0.90)); background: var(--White50, rgba(255, 255, 255, 0.50)); } .select-items div, .select-selected{ cursor: pointer; } .select-items div:hover, .select-items div:focus{ background-color: var(--white, #FFFFFF); color:var(--black,#000000); } .select-items { display: block; width: 100%; position: absolute; background: var(--Primary-BG_l1, #F0F5FA); top: 100%; left: 0; right: 0; z-index: 3; font-weight: 400; font-size: 16px; padding-top: 0px; padding-bottom: 0px; max-height: 80vh; overflow-y: auto; } .select-selected.select-arrow-active + .select-items{ border: 1px solid var(--White90, rgba(255, 255, 255, 0.90)); background: var(--Primary-BG_l1, #F0F5FA); border-top: 0px; border-radius: 0px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.1); box-shadow: 0px 2px 4px rgba(0,0,0,0.1); } .select-hide, .same-as-selected{ display: none; } .select-selected{ max-height: 61px; margin-top:10px; position: relative; } .wpcf7-form-control-wrap{ display: block; } .wpcf7-form-control-wrap[data-name=accept-privacy]{ display: inline-block; } /*CUSTOM NUMBER INCREMENT*/ .input-group-number-package{ display: flex; } .input-group-number-package input[type=number] { border: none; text-align: center; margin-left:15px; margin-right:15px; border-radius: 12px; border: 1px solid var(--White90, rgba(255, 255, 255, 0.90)); background: var(--White25, rgba(255, 255, 255, 0.25)); } .input-group-number-package input[type=number]:focus{ outline:none; } .input-group-number-package input::-webkit-outer-spin-button, .input-group-number-package input::-webkit-inner-spin-button{ -webkit-appearance: none; margin: 0; } .input-group-number-package .button-minus, .input-group-number-package .button-plus{ display: flex; flex-shrink: 0; cursor: pointer; width: 56px; height: 56px; border-radius: 12px; justify-content: center; align-items: center; border: 1px solid var(--White90, rgba(255, 255, 255, 0.90)); background: var(--Bg-card-3D, linear-gradient(166deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.40) 100%)); } .input-group-number-package .sign{ width:25px; height:25px; pointer-events:none } .input-group-number-package .button-minus .sign{ background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='%235F5F5F' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 13.9062C5.71667 13.9062 5.47917 13.8104 5.2875 13.6187C5.09583 13.4271 5 13.1896 5 12.9062C5 12.6229 5.09583 12.3854 5.2875 12.1937C5.47917 12.0021 5.71667 11.9062 6 11.9062H18C18.2833 11.9062 18.5208 12.0021 18.7125 12.1937C18.9042 12.3854 19 12.6229 19 12.9062C19 13.1896 18.9042 13.4271 18.7125 13.6187C18.5208 13.8104 18.2833 13.9062 18 13.9062H6Z' /%3E%3C/svg%3E");} .input-group-number-package .button-plus .sign{ background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='%235F5F5F' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5 13.9062H6.5C6.21667 13.9062 5.97917 13.8104 5.7875 13.6188C5.59583 13.4271 5.5 13.1896 5.5 12.9062C5.5 12.6229 5.59583 12.3854 5.7875 12.1937C5.97917 12.0021 6.21667 11.9062 6.5 11.9062H11.5V6.90625C11.5 6.62292 11.5958 6.38542 11.7875 6.19375C11.9792 6.00208 12.2167 5.90625 12.5 5.90625C12.7833 5.90625 13.0208 6.00208 13.2125 6.19375C13.4042 6.38542 13.5 6.62292 13.5 6.90625V11.9062H18.5C18.7833 11.9062 19.0208 12.0021 19.2125 12.1937C19.4042 12.3854 19.5 12.6229 19.5 12.9062C19.5 13.1896 19.4042 13.4271 19.2125 13.6188C19.0208 13.8104 18.7833 13.9062 18.5 13.9062H13.5V18.9062C13.5 19.1896 13.4042 19.4271 13.2125 19.6188C13.0208 19.8104 12.7833 19.9062 12.5 19.9062C12.2167 19.9062 11.9792 19.8104 11.7875 19.6188C11.5958 19.4271 11.5 19.1896 11.5 18.9062V13.9062Z'/%3E%3C/svg%3E");} .input-group-number-package .button-minus:hover, .input-group-number-package .button-plus:hover, .input-group-number-package .button-minus:focus, .input-group-number-package .button-plus:focus{ border: 1px solid var(--white, #FFF); background: var(--Bg-card-3D-Hover, linear-gradient(166deg, #FFF 0%, rgba(255, 255, 255, 0.50) 100%)); } .input-group-number-package .button-minus:hover .sign, .input-group-number-package .button-minus:focus .sign{ background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='%23000000' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 13.9062C5.71667 13.9062 5.47917 13.8104 5.2875 13.6187C5.09583 13.4271 5 13.1896 5 12.9062C5 12.6229 5.09583 12.3854 5.2875 12.1937C5.47917 12.0021 5.71667 11.9062 6 11.9062H18C18.2833 11.9062 18.5208 12.0021 18.7125 12.1937C18.9042 12.3854 19 12.6229 19 12.9062C19 13.1896 18.9042 13.4271 18.7125 13.6187C18.5208 13.8104 18.2833 13.9062 18 13.9062H6Z' /%3E%3C/svg%3E");} .input-group-number-package .button-plus:hover .sign, .input-group-number-package .button-plus:focus .sign{ background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='%23000000' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5 13.9062H6.5C6.21667 13.9062 5.97917 13.8104 5.7875 13.6188C5.59583 13.4271 5.5 13.1896 5.5 12.9062C5.5 12.6229 5.59583 12.3854 5.7875 12.1937C5.97917 12.0021 6.21667 11.9062 6.5 11.9062H11.5V6.90625C11.5 6.62292 11.5958 6.38542 11.7875 6.19375C11.9792 6.00208 12.2167 5.90625 12.5 5.90625C12.7833 5.90625 13.0208 6.00208 13.2125 6.19375C13.4042 6.38542 13.5 6.62292 13.5 6.90625V11.9062H18.5C18.7833 11.9062 19.0208 12.0021 19.2125 12.1937C19.4042 12.3854 19.5 12.6229 19.5 12.9062C19.5 13.1896 19.4042 13.4271 19.2125 13.6188C19.0208 13.8104 18.7833 13.9062 18.5 13.9062H13.5V18.9062C13.5 19.1896 13.4042 19.4271 13.2125 19.6188C13.0208 19.8104 12.7833 19.9062 12.5 19.9062C12.2167 19.9062 11.9792 19.8104 11.7875 19.6188C11.5958 19.4271 11.5 19.1896 11.5 18.9062V13.9062Z'/%3E%3C/svg%3E");} /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number] { -moz-appearance: textfield; } /*PACKAGE ITESM POPUP*/ .item-detail{ /* background: var(--white, #FFFFFF); */ background: var(--White50, rgba(255, 255, 255, 0.50)); padding: 8px 15px; border-radius: 40px; border: 1px solid var(--White90, rgba(255, 255, 255, 0.90)); } .item-detail .icon{ max-width:24px } /*PLACEHOLDER*/ .wpcf7 ::-webkit-input-placeholder { color: var(--text-grey-light); opacity: 1; } .wpcf7 ::-moz-placeholder { color: var(--text-grey-light); opacity: 1; } .wpcf7 :-ms-input-placeholder { color: var(--text-grey-light); opacity: 1; } .wpcf7 :-moz-placeholder { color: var(--text-grey-light); opacity: 1; } /*multilinefile*/ .multilinefile-attachments{ margin-right:8px; } div#mfcf7_zl_multifilecontainer{ vertical-align:top; } div#mfcf7_zl_multifilecontainer, .multilinefile-attachments.zl-form-control-wrap{ margin-top:20px } #mfcf7_zl_add_file{ display:none } #mfcf7_zl_multifilecontainer { display:inline-block; } .multilinefile-attachments.zl-form-control-wrap { cursor: pointer; border: 1px dashed var(--border-btn); width:50px; height:50px; background-repeat:no-repeat; background-position:center; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='add'%3E%3Cmask id='mask0_394_1683' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='25'%3E%3Crect id='Bounding box' y='0.250977' width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_394_1683)'%3E%3Cpath id='add_2' d='M11 13.251H6C5.71667 13.251 5.47917 13.1551 5.2875 12.9635C5.09583 12.7718 5 12.5343 5 12.251C5 11.9676 5.09583 11.7301 5.2875 11.5385C5.47917 11.3468 5.71667 11.251 6 11.251H11V6.25098C11 5.96764 11.0958 5.73014 11.2875 5.53848C11.4792 5.34681 11.7167 5.25098 12 5.25098C12.2833 5.25098 12.5208 5.34681 12.7125 5.53848C12.9042 5.73014 13 5.96764 13 6.25098V11.251H18C18.2833 11.251 18.5208 11.3468 18.7125 11.5385C18.9042 11.7301 19 11.9676 19 12.251C19 12.5343 18.9042 12.7718 18.7125 12.9635C18.5208 13.1551 18.2833 13.251 18 13.251H13V18.251C13 18.5343 12.9042 18.7718 12.7125 18.9635C12.5208 19.1551 12.2833 19.251 12 19.251C11.7167 19.251 11.4792 19.1551 11.2875 18.9635C11.0958 18.7718 11 18.5343 11 18.251V13.251Z' fill='%235F5F5F'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .multilinefile-attachments.zl-form-control-wrap + p, .multilinefile-attachments.zl-form-control-wrap + p + p{ display:none } .multilinefile-attachments{ display:inline-block; background:var(--bg-card); padding:12px 13px; border-radius: 10px; } .multilinefile-attachments .delete-file{ color:transparent; font-size:0px; } .multilinefile-attachments .mfcf7_zl_delete_file{ display:inline-block; height:24px; width:24px; vertical-align: text-top; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='cancel'%3E%3Cmask id='mask0_394_2173' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='25'%3E%3Crect id='Bounding box' y='0.250977' width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_394_2173)'%3E%3Cpath id='cancel_2' d='M12 13.651L14.9 16.551C15.0833 16.7343 15.3167 16.826 15.6 16.826C15.8833 16.826 16.1167 16.7343 16.3 16.551C16.4833 16.3676 16.575 16.1343 16.575 15.851C16.575 15.5676 16.4833 15.3343 16.3 15.151L13.4 12.251L16.3 9.35098C16.4833 9.16764 16.575 8.93431 16.575 8.65098C16.575 8.36764 16.4833 8.13431 16.3 7.95098C16.1167 7.76764 15.8833 7.67598 15.6 7.67598C15.3167 7.67598 15.0833 7.76764 14.9 7.95098L12 10.851L9.1 7.95098C8.91667 7.76764 8.68333 7.67598 8.4 7.67598C8.11667 7.67598 7.88333 7.76764 7.7 7.95098C7.51667 8.13431 7.425 8.36764 7.425 8.65098C7.425 8.93431 7.51667 9.16764 7.7 9.35098L10.6 12.251L7.7 15.151C7.51667 15.3343 7.425 15.5676 7.425 15.851C7.425 16.1343 7.51667 16.3676 7.7 16.551C7.88333 16.7343 8.11667 16.826 8.4 16.826C8.68333 16.826 8.91667 16.7343 9.1 16.551L12 13.651ZM12 22.251C10.6167 22.251 9.31667 21.9885 8.1 21.4635C6.88333 20.9385 5.825 20.226 4.925 19.326C4.025 18.426 3.3125 17.3676 2.7875 16.151C2.2625 14.9343 2 13.6343 2 12.251C2 10.8676 2.2625 9.56764 2.7875 8.35098C3.3125 7.13431 4.025 6.07598 4.925 5.17598C5.825 4.27598 6.88333 3.56348 8.1 3.03848C9.31667 2.51348 10.6167 2.25098 12 2.25098C13.3833 2.25098 14.6833 2.51348 15.9 3.03848C17.1167 3.56348 18.175 4.27598 19.075 5.17598C19.975 6.07598 20.6875 7.13431 21.2125 8.35098C21.7375 9.56764 22 10.8676 22 12.251C22 13.6343 21.7375 14.9343 21.2125 16.151C20.6875 17.3676 19.975 18.426 19.075 19.326C18.175 20.226 17.1167 20.9385 15.9 21.4635C14.6833 21.9885 13.3833 22.251 12 22.251ZM12 20.251C14.2333 20.251 16.125 19.476 17.675 17.926C19.225 16.376 20 14.4843 20 12.251C20 10.0176 19.225 8.12598 17.675 6.57598C16.125 5.02598 14.2333 4.25098 12 4.25098C9.76667 4.25098 7.875 5.02598 6.325 6.57598C4.775 8.12598 4 10.0176 4 12.251C4 14.4843 4.775 16.376 6.325 17.926C7.875 19.476 9.76667 20.251 12 20.251Z' fill='%235F5F5F'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); } .wpcf7 label .wpcf7-form-control-wrap[data-name="multilinefile-attachments-zl-mfcf7-upld-btn"]{ margin-top:0px } /*PAGENAVI*/ .wp-pagenavi{ display:flex; flex-direction: row; align-items:center; justify-content:center } .wp-pagenavi span.current, .wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink, .wp-pagenavi .page { margin-right:10px; margin-left:10px; border:unset; } .wp-pagenavi span.current, .wp-pagenavi .page{ align-items: center; justify-content: center; width:30px; height:30px; display:flex; padding:0; } .wp-pagenavi .page{ text-decoration:none } .wp-pagenavi span.current{ font-weight:400; color: var(--Primary, #33A4FF); } .wp-pagenavi .page{ color:initial; } .wp-pagenavi .pages, .wp-pagenavi .last, .wp-pagenavi .first, .wp-pagenavi .extend{ display:none } .wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink{ width:60px; height:60px; position:relative; display:flex; font-size:0px; padding: 0px; border-radius: 10px; border: 1px solid var(--White90, rgba(255, 255, 255, 0.90)); background: var(--Bg-card-3D, linear-gradient(166deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.40) 100%));} .wp-pagenavi .nextpostslink::after{ background: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='arrow_forward_2' d='M16.175 13.3761H5C4.71667 13.3761 4.47917 13.2803 4.2875 13.0886C4.09583 12.8969 4 12.6594 4 12.3761C4 12.0928 4.09583 11.8553 4.2875 11.6636C4.47917 11.4719 4.71667 11.3761 5 11.3761H16.175L11.275 6.47609C11.075 6.27609 10.9792 6.04275 10.9875 5.77609C10.9958 5.50942 11.1 5.27609 11.3 5.07609C11.5 4.89275 11.7333 4.79692 12 4.78859C12.2667 4.78025 12.5 4.87609 12.7 5.07609L19.3 11.6761C19.4 11.7761 19.4708 11.8844 19.5125 12.0011C19.5542 12.1178 19.575 12.2428 19.575 12.3761C19.575 12.5094 19.5542 12.6344 19.5125 12.7511C19.4708 12.8678 19.4 12.9761 19.3 13.0761L12.7 19.6761C12.5167 19.8594 12.2875 19.9511 12.0125 19.9511C11.7375 19.9511 11.5 19.8594 11.3 19.6761C11.1 19.4761 11 19.2386 11 18.9636C11 18.6886 11.1 18.4511 11.3 18.2511L16.175 13.3761Z' fill='%235F5F5F'/%3E%3C/svg%3E"); } .wp-pagenavi .nextpostslink:hover::after, .wp-pagenavi .nextpostslink:focus::after{ background: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='arrow_forward_2' d='M16.175 13.3761H5C4.71667 13.3761 4.47917 13.2803 4.2875 13.0886C4.09583 12.8969 4 12.6594 4 12.3761C4 12.0928 4.09583 11.8553 4.2875 11.6636C4.47917 11.4719 4.71667 11.3761 5 11.3761H16.175L11.275 6.47609C11.075 6.27609 10.9792 6.04275 10.9875 5.77609C10.9958 5.50942 11.1 5.27609 11.3 5.07609C11.5 4.89275 11.7333 4.79692 12 4.78859C12.2667 4.78025 12.5 4.87609 12.7 5.07609L19.3 11.6761C19.4 11.7761 19.4708 11.8844 19.5125 12.0011C19.5542 12.1178 19.575 12.2428 19.575 12.3761C19.575 12.5094 19.5542 12.6344 19.5125 12.7511C19.4708 12.8678 19.4 12.9761 19.3 13.0761L12.7 19.6761C12.5167 19.8594 12.2875 19.9511 12.0125 19.9511C11.7375 19.9511 11.5 19.8594 11.3 19.6761C11.1 19.4761 11 19.2386 11 18.9636C11 18.6886 11.1 18.4511 11.3 18.2511L16.175 13.3761Z' fill='%23000000'/%3E%3C/svg%3E"); background-size: 100%; } .wp-pagenavi .previouspostslink:after{ background: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='arrow_back_2' d='M7.8248 13.3758L12.7248 18.2758C12.9248 18.4758 13.0206 18.7091 13.0123 18.9758C13.004 19.2424 12.8998 19.4758 12.6998 19.6758C12.4998 19.8591 12.2665 19.9549 11.9998 19.9633C11.7331 19.9716 11.4998 19.8758 11.2998 19.6758L4.6998 13.0758C4.5998 12.9758 4.52897 12.8674 4.4873 12.7508C4.44564 12.6341 4.4248 12.5091 4.4248 12.3758C4.4248 12.2424 4.44564 12.1174 4.4873 12.0008C4.52897 11.8841 4.5998 11.7758 4.6998 11.6758L11.2998 5.07578C11.4831 4.89245 11.7123 4.80078 11.9873 4.80078C12.2623 4.80078 12.4998 4.89245 12.6998 5.07578C12.8998 5.27578 12.9998 5.51328 12.9998 5.78828C12.9998 6.06328 12.8998 6.30078 12.6998 6.50078L7.8248 11.3758H18.9998C19.2831 11.3758 19.5206 11.4716 19.7123 11.6633C19.904 11.8549 19.9998 12.0924 19.9998 12.3758C19.9998 12.6591 19.904 12.8966 19.7123 13.0883C19.5206 13.2799 19.2831 13.3758 18.9998 13.3758H7.8248Z' fill='%235F5F5F'/%3E%3C/svg%3E"); } .wp-pagenavi .previouspostslink:hover::after, .wp-pagenavi .previouspostslink:focus::after{ background: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='arrow_back_2' d='M7.8248 13.3758L12.7248 18.2758C12.9248 18.4758 13.0206 18.7091 13.0123 18.9758C13.004 19.2424 12.8998 19.4758 12.6998 19.6758C12.4998 19.8591 12.2665 19.9549 11.9998 19.9633C11.7331 19.9716 11.4998 19.8758 11.2998 19.6758L4.6998 13.0758C4.5998 12.9758 4.52897 12.8674 4.4873 12.7508C4.44564 12.6341 4.4248 12.5091 4.4248 12.3758C4.4248 12.2424 4.44564 12.1174 4.4873 12.0008C4.52897 11.8841 4.5998 11.7758 4.6998 11.6758L11.2998 5.07578C11.4831 4.89245 11.7123 4.80078 11.9873 4.80078C12.2623 4.80078 12.4998 4.89245 12.6998 5.07578C12.8998 5.27578 12.9998 5.51328 12.9998 5.78828C12.9998 6.06328 12.8998 6.30078 12.6998 6.50078L7.8248 11.3758H18.9998C19.2831 11.3758 19.5206 11.4716 19.7123 11.6633C19.904 11.8549 19.9998 12.0924 19.9998 12.3758C19.9998 12.6591 19.904 12.8966 19.7123 13.0883C19.5206 13.2799 19.2831 13.3758 18.9998 13.3758H7.8248Z' fill='%23000000'/%3E%3C/svg%3E"); background-size: 100%; } .wp-pagenavi .nextpostslink::after, .wp-pagenavi .previouspostslink::after{ content:""; background-size: 100%; width:24px; height:24px; position: absolute; top:18px; left:18px; font-size:0px } .wp-pagenavi .previouspostslink:hover, .wp-pagenavi .nextpostslink:hover, .wp-pagenavi .previouspostslink:focus, .wp-pagenavi .nextpostslink:focus, .item-link:hover > .bg-card-3d.border-white90, .item-link:focus > .bg-card-3d.border-white90{ border: 1px solid var(--white, #FFF); background: var(--Bg-card-3D-Hover, linear-gradient(166deg, #FFF 0%, rgba(255, 255, 255, 0.50) 100%)); } .wp-pagenavi .previouspostslink:hover::after, .wp-pagenavi .nextpostslink:hover::after, .wp-pagenavi .previouspostslink:focus::after, .wp-pagenavi .nextpostslink:focus::after{ width:24px; transition: unset; } /*HOME*/ .video-intro{ max-height:calc(100vh - 15px); max-height:calc(100svh - 15px); min-height:calc(100vh - 15px); min-height:calc(100svh - 15px); object-fit:cover; object-position:center } .intro-home .row{ margin-left: 0px; margin-right: 0px; } .logo-animation-home{ max-width: 100%; } /*METHOD*/ #method-page-wrapper .section{ /* height:calc(100vh - 106px);*/ height:100vh; height:100svh; padding-top: 106px; padding-bottom: 106px; min-width:100vw; max-width:100vw; } .navigation-method{ bottom:60px; opacity: 0; pointer-events: none; } .circle-method{ display: inline-block; cursor: pointer; width: 24px; height: 24px; border-radius:100%; background: var(--White25, rgba(255, 255, 255, 0.25)); } .active .circle-method{ background: var(--white, #FFFFFF) } .text-nav-method{ bottom: calc(100% + 12px); } .line-nav-method{ background: var(--White25, rgba(255, 255, 255, 0.25)); left: calc(50% + 32px); border-radius:3px; height: 6px; width: calc(100% - 64px) } #container-horizontal-scroll{ padding-bottom: 60px; } .swiper-container-study .swiper-slide{ height: auto; } .page-template-home-page #main-nav:not(.standard) #main-menu .btn-outline{ background: rgba(0,0,0,0.01); } .page-template-method-page #main-nav:not(.standard) #main-menu .btn-outline, .page-template-guide-page #main-nav:not(.standard) #main-menu .btn-outline{ background: #0077D9; } /*PRICING*/ .col-sx-price, .col-dx-price{ flex-shrink: 0; width: 100%; max-width: 100%; flex: 0 0 auto; } /* .container-col-price { margin-right:-30px; margin-left:-30px } */ .col-sx-price { width: 51.63346614%; padding-right:30px } .col-dx-price { width: 48.36653386%; padding-left:30px; } .page-template-pricing-page .detail-package.d-flex{ gap: 15px; width: calc(100% + 30px); margin-left: -15px; } .page-template-pricing-page .detail-package .item-detail{ background: #F5F9FC; } /*SINGLE PRICING*/ .container-video{ cursor:pointer; } .icon-play{ width: 90px; height: 90px; pointer-events: none; background-size: 100%; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='91' height='90' viewBox='0 0 91 90' fill='none'%3e%3ccircle cx='45.5' cy='45' r='45' fill='url(%23paint0_linear_2040_34114)'/%3e%3cpath d='M60.3828 42.4026C62.3828 43.5573 62.3828 46.4441 60.3828 47.5988L38.229 60.3893C36.229 61.544 33.729 60.1006 33.729 57.7912V32.2101C33.729 29.9007 36.229 28.4574 38.229 29.6121L60.3828 42.4026Z' fill='%2333A4FF'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_2040_34114' x1='90.5' y1='-4.06915' x2='112.608' y2='84.4802' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='white' stop-opacity='0.9'/%3e%3cstop offset='1' stop-color='white' stop-opacity='0.4'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");} .container-video:hover .icon-play, .container-video:focus .icon-play{ background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='91' height='90' viewBox='0 0 91 90' fill='none'%3e%3ccircle cx='45.5' cy='45' r='45' fill='url(%23paint0_linear_2040_34114)'/%3e%3cpath d='M60.3828 42.4026C62.3828 43.5573 62.3828 46.4441 60.3828 47.5988L38.229 60.3893C36.229 61.544 33.729 60.1006 33.729 57.7912V32.2101C33.729 29.9007 36.229 28.4574 38.229 29.6121L60.3828 42.4026Z' fill='%2333A4FF'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_2040_34114' x1='90.5' y1='-4.06915' x2='112.608' y2='84.4802' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='white'/%3e%3cstop offset='1' stop-color='white' stop-opacity='0.5'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");} .container-video.in-play .icon-play, .is-playing .icon-play, .container-col-price .icon-play{ display:none } /*PACKAGE*/ .col-text-banner{ padding-right:85px; } /*HEADER*/ .navbar-brand{ padding: 0px; } .navbar-brand img{ height: 30px; width: auto; } #main-nav #main-menu{ align-items: center; } .page-template-home-page #main-nav .logo-black, .page-template-home-page #main-nav.standard .logo-white, #main-nav .logo-white, .page-template-method-page #main-nav .logo-black, .page-template-method-page #main-nav.standard .logo-white, .page-template-home-page.menu-open #main-nav.standard .logo-black, .menu-open #main-nav .logo-black, .page-template-method-page.menu-open #main-nav.standard .logo-black{ display: none; } .page-template-home-page #main-nav.standard .logo-black, .page-template-home-page #main-nav .logo-white, #main-nav .logo-black, .page-template-method-page #main-nav.standard .logo-black, .page-template-method-page #main-nav .logo-white, .page-template-home-page.menu-open #main-nav .logo-white, .menu-open #main-nav .logo-white, .page-template-method-page.menu-open #main-nav.standard .logo-white{ display: block; } #main-nav .nav-link{ padding: 5px 0px 7px 0px; font-weight: 500; position: relative; } #main-nav #main-menu .btn{ margin-left: 30px; } #main-nav #main-menu .btn > .nav-link{ padding: 0px; } .page-template-home-page #main-nav:not(.standard) #main-menu .btn-outline, .page-template-method-page #main-nav:not(.standard) #main-menu .btn-outline{ color: var(--white, #FFFFFF); border-color: var(--white, #FFFFFF); } .page-template-home-page #main-nav:not(.standard) #main-menu .btn-outline:hover, .page-template-home-page #main-nav:not(.standard) #main-menu .btn-outline:focus, .page-template-method-page #main-nav:not(.standard) #main-menu .btn-outline:hover, .page-template-method-page #main-nav:not(.standard) #main-menu .btn-outline:focus, .page-template-guide-page #main-nav:not(.standard) #main-menu .btn-outline:hover, .page-template-guide-page #main-nav:not(.standard) #main-menu .btn-outline:focus{ background: var(--White8, rgba(255, 255, 255, 0.08)); } #main-nav{ position: fixed; width: 100%; top: 0; left: 0; /* right: 0; */ max-width: 100vw; padding: 20px 0px; z-index: 10000000000; } body:not(.page-template-home-page, .page-template-method-page) #main-nav, body.page-template-home-page #main-nav.standard, body.page-template-method-page #main-nav.standard{ background: rgba(255, 255, 255, 0.80); backdrop-filter: blur(7.5px); } .page-template-home-page #main-nav, .page-template-method-page #main-nav{ background:transparent; } .page-template-home-page #main-nav .btn-outline .nav-link, #main-nav .btn-outline .nav-link, .page-template-method-page #main-nav .btn-outline .nav-link{ color: inherit; } .page-template-home-page #main-nav .nav-link, .page-template-method-page #main-nav .nav-link{ color: var(--white, #FFFFFF); background: rgba(0, 0, 0, 0.01); } .page-template-home-page #main-nav.standard .menu-item:not(.btn-outline) .nav-link, body:not(.page-template-home-page, .page-template-method-page) #main-nav .menu-item:not(.btn-outline) .nav-link, .page-template-method-page #main-nav.standard .menu-item:not(.btn-outline) .nav-link{ color: var(--black, #000000); } #main-nav .menu-item:not(.btn-outline, .wpml-ls-item, .trigger-wpml){ display: block; margin: 0px 9px; } /* #main-nav .menu-item:not(.btn-outline, .wpml-ls-item, .trigger-wpml) .nav-link::after, a:not(.btn,.navbar-brand,.page,.link-grey-light,.link-black, .link-yellow)::after, .accept-cookies::after { content: ''; display: block; height: 2px; background: var(--Primary_b_80, #0070CC); position: absolute; bottom: 5px; left: 0px; width: 0px; transition: width 0.3s ease-in-out; } #main-nav .menu-item.current-menu-item:not(.btn-outline, .wpml-ls-item, .trigger-wpml) .nav-link::after, #main-nav .menu-item:not(.btn-outline, .wpml-ls-item, .trigger-wpml) .nav-link:hover::after, #main-nav .menu-item:not(.btn-outline, .wpml-ls-item, .trigger-wpml) .nav-link:focus::after, a:not(.btn):hover::after, a:not(.btn):focus::after, .page-template-single-pricing-page #main-nav .menu-item.pricing-link .nav-link::after, .single #main-nav .menu-item.portfolio-link .nav-link::after, .accept-cookies:hover::after{ width: 100%; transition: width 0.3s ease-in-out; } .wpcf7 .label-privacy a:hover::after, .wpcf7 .label-privacy a:focus::after, #main-nav #main-menu .btn > .nav-link::after, #main-nav .wpml-ls-menu-item a::after, a.item-link::after{ display: none; } .wpcf7 .label-privacy a:hover, .wpcf7 .label-privacy a:focus{ text-decoration: none; } */ .page-template-contact-page #main-nav #main-menu .btn.btn-outline{ background: var(--Primary_b_80_8, rgba(0, 112, 204, 0.08)); border: 1px solid var(--Primary_b_80, #0070CC); color: var(--Primary_b_80, #0070CC); } body{ padding-top:86px } body.page-template-home-page{ padding-top:0px } body.page-template-home-page .intro-home.p-15{ padding-top: 8px; padding-bottom: 7px; } /*Z-INDEX*/ .z-i-1{ z-index:1 } .z-i-2{ z-index:2 } .z-i-3{ z-index:3 } /*POPUP*/ .overflow-y-h{ overflow-y:hidden; } .bg-overlay{ width: 100%; height: 100%; opacity: 1; background-color: rgba(0,0,0,0.3); top: 0; left: 0; position: fixed; } .popup{ top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); position: fixed; min-width: 1300px; max-width: 90%; height: auto; max-height: 100%; overflow: hidden; } .popup, .bg-overlay-popup, .overlay-group, .pop-up-group{ z-index: 9999999999; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .pop-up-group{ z-index:1031; background-color: var(--white, #FFFFFF ) } .visible{ visibility: visible!important; } .popup .close-popup, .pop-up-video .close-pop-up-video{ cursor: pointer; z-index: 1; width: 60px; height: 60px; margin-top: 30px; margin-right: 40px; background-size: 100%; border-radius: 30px; background: linear-gradient(166deg, rgba(255, 255, 255, 0.90) 16.36%, rgba(255, 255, 255, 0.40) 100%); border: 1px solid var(--White90, rgba(255, 255, 255, 0.90)); backdrop-filter: blur(3.5px); } .popup .close-popup::after, .pop-up-video .close-pop-up-video::after{ content: ""; width: 18px; height: 18px; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); background-size: 100%; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 10.9163L2.29278 17.6236C2.04183 17.8745 1.72243 18 1.3346 18C0.946768 18 0.627376 17.8745 0.376426 17.6236C0.125475 17.3726 0 17.0532 0 16.6654C0 16.2776 0.125475 15.9582 0.376426 15.7072L7.08365 9L0.376426 2.29278C0.125475 2.04183 0 1.72243 0 1.3346C0 0.946768 0.125475 0.627376 0.376426 0.376426C0.627376 0.125475 0.946768 0 1.3346 0C1.72243 0 2.04183 0.125475 2.29278 0.376426L9 7.08365L15.7072 0.376426C15.9582 0.125475 16.2776 0 16.6654 0C17.0532 0 17.3726 0.125475 17.6236 0.376426C17.8745 0.627376 18 0.946768 18 1.3346C18 1.72243 17.8745 2.04183 17.6236 2.29278L10.9163 9L17.6236 15.7072C17.8745 15.9582 18 16.2776 18 16.6654C18 17.0532 17.8745 17.3726 17.6236 17.6236C17.3726 17.8745 17.0532 18 16.6654 18C16.2776 18 15.9582 17.8745 15.7072 17.6236L9 10.9163Z' fill='%235F5F5F'/%3E%3C/svg%3E"); } .popup .close-popup:hover::after{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 10.9163L2.29278 17.6236C2.04183 17.8745 1.72243 18 1.3346 18C0.946768 18 0.627376 17.8745 0.376426 17.6236C0.125475 17.3726 0 17.0532 0 16.6654C0 16.2776 0.125475 15.9582 0.376426 15.7072L7.08365 9L0.376426 2.29278C0.125475 2.04183 0 1.72243 0 1.3346C0 0.946768 0.125475 0.627376 0.376426 0.376426C0.627376 0.125475 0.946768 0 1.3346 0C1.72243 0 2.04183 0.125475 2.29278 0.376426L9 7.08365L15.7072 0.376426C15.9582 0.125475 16.2776 0 16.6654 0C17.0532 0 17.3726 0.125475 17.6236 0.376426C17.8745 0.627376 18 0.946768 18 1.3346C18 1.72243 17.8745 2.04183 17.6236 2.29278L10.9163 9L17.6236 15.7072C17.8745 15.9582 18 16.2776 18 16.6654C18 17.0532 17.8745 17.3726 17.6236 17.6236C17.3726 17.8745 17.0532 18 16.6654 18C16.2776 18 15.9582 17.8745 15.7072 17.6236L9 10.9163Z' fill='%23000000'/%3E%3C/svg%3E"); } .popup .inner-popup{ width: 100%; overflow-y: auto; max-height: calc(100vh - 130px); max-height: calc(100svh - 130px); position: relative; padding: 40px; } .pop-up-video .close-pop-up-video{ border: 1px solid var(--White40, rgba(255, 255, 255, 0.40)); background: var(--Bg-card-3D-dark, linear-gradient(166deg, rgba(9, 40, 64, 0.90) 0%, rgba(9, 40, 64, 0.40) 100%)); } .pop-up-video .close-pop-up-video:hover{ background: var(--Bg-card-3D-dark-hover, linear-gradient(166deg, rgba(9, 40, 64, 1) 0%, rgba(9, 40, 64, 0.50) 100%)); } .pop-up-video .close-pop-up-video::after{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 10.9163L2.29278 17.6236C2.04183 17.8745 1.72243 18 1.3346 18C0.946768 18 0.627376 17.8745 0.376426 17.6236C0.125475 17.3726 0 17.0532 0 16.6654C0 16.2776 0.125475 15.9582 0.376426 15.7072L7.08365 9L0.376426 2.29278C0.125475 2.04183 0 1.72243 0 1.3346C0 0.946768 0.125475 0.627376 0.376426 0.376426C0.627376 0.125475 0.946768 0 1.3346 0C1.72243 0 2.04183 0.125475 2.29278 0.376426L9 7.08365L15.7072 0.376426C15.9582 0.125475 16.2776 0 16.6654 0C17.0532 0 17.3726 0.125475 17.6236 0.376426C17.8745 0.627376 18 0.946768 18 1.3346C18 1.72243 17.8745 2.04183 17.6236 2.29278L10.9163 9L17.6236 15.7072C17.8745 15.9582 18 16.2776 18 16.6654C18 17.0532 17.8745 17.3726 17.6236 17.6236C17.3726 17.8745 17.0532 18 16.6654 18C16.2776 18 15.9582 17.8745 15.7072 17.6236L9 10.9163Z' fill='%23FFFFFF' fill-opacity='0.5'/%3E%3C/svg%3E"); } .pop-up-video .close-pop-up-video:hover::after{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 10.9163L2.29278 17.6236C2.04183 17.8745 1.72243 18 1.3346 18C0.946768 18 0.627376 17.8745 0.376426 17.6236C0.125475 17.3726 0 17.0532 0 16.6654C0 16.2776 0.125475 15.9582 0.376426 15.7072L7.08365 9L0.376426 2.29278C0.125475 2.04183 0 1.72243 0 1.3346C0 0.946768 0.125475 0.627376 0.376426 0.376426C0.627376 0.125475 0.946768 0 1.3346 0C1.72243 0 2.04183 0.125475 2.29278 0.376426L9 7.08365L15.7072 0.376426C15.9582 0.125475 16.2776 0 16.6654 0C17.0532 0 17.3726 0.125475 17.6236 0.376426C17.8745 0.627376 18 0.946768 18 1.3346C18 1.72243 17.8745 2.04183 17.6236 2.29278L10.9163 9L17.6236 15.7072C17.8745 15.9582 18 16.2776 18 16.6654C18 17.0532 17.8745 17.3726 17.6236 17.6236C17.3726 17.8745 17.0532 18 16.6654 18C16.2776 18 15.9582 17.8745 15.7072 17.6236L9 10.9163Z' fill='%23FFFFFF'/%3E%3C/svg%3E"); } .pop-up-video .col-12.h-100{ display: flex; align-items: center; } /* .title-popup, .text-popup{ padding-left:75px; padding-right:75px } */ .text-popup{ max-width:825px } .open-pop-up-group, .close-pop-up-group{ cursor: pointer; content: ""; display: block; width: 30px; height: 30px; border-radius: 100%; background-size: 17px 17px; background-position: center; background-repeat: no-repeat; border: 1px solid var(--White90, rgba(255, 255, 255, 0.90)); background-color: var(--White90, rgba(255, 255, 255, 0.90)); } .open-pop-up-group { background-size: 17px 17px; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='%235F5F5F' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 9.46175H4.66667C4.47778 9.46175 4.31944 9.39786 4.19167 9.27008C4.06389 9.14231 4 8.98397 4 8.79508C4 8.6062 4.06389 8.44786 4.19167 8.32008C4.31944 8.19231 4.47778 8.12842 4.66667 8.12842H8V4.79508C8 4.6062 8.06389 4.44786 8.19167 4.32008C8.31944 4.19231 8.47778 4.12842 8.66667 4.12842C8.85556 4.12842 9.01389 4.19231 9.14167 4.32008C9.26944 4.44786 9.33333 4.6062 9.33333 4.79508V8.12842H12.6667C12.8556 8.12842 13.0139 8.19231 13.1417 8.32008C13.2694 8.44786 13.3333 8.6062 13.3333 8.79508C13.3333 8.98397 13.2694 9.14231 13.1417 9.27008C13.0139 9.39786 12.8556 9.46175 12.6667 9.46175H9.33333V12.7951C9.33333 12.984 9.26944 13.1423 9.14167 13.2701C9.01389 13.3979 8.85556 13.4618 8.66667 13.4618C8.47778 13.4618 8.31944 13.3979 8.19167 13.2701C8.06389 13.1423 8 12.984 8 12.7951V9.46175Z'/%3E%3C/svg%3E");} .open-pop-up-group:hover{ background-color: var(--white, #FFFFFF ) } .close-pop-up-group { position: absolute; right: 10px; top: 8px; background-size: 16px 16px; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='%235F5F5F' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.00052 8.93337L4.73385 12.2C4.61163 12.3223 4.45608 12.3834 4.26719 12.3834C4.0783 12.3834 3.92274 12.3223 3.80052 12.2C3.6783 12.0778 3.61719 11.9223 3.61719 11.7334C3.61719 11.5445 3.6783 11.3889 3.80052 11.2667L7.06719 8.00003L3.80052 4.73337C3.6783 4.61114 3.61719 4.45559 3.61719 4.2667C3.61719 4.07781 3.6783 3.92225 3.80052 3.80003C3.92274 3.67781 4.0783 3.6167 4.26719 3.6167C4.45608 3.6167 4.61163 3.67781 4.73385 3.80003L8.00052 7.0667L11.2672 3.80003C11.3894 3.67781 11.545 3.6167 11.7339 3.6167C11.9227 3.6167 12.0783 3.67781 12.2005 3.80003C12.3227 3.92225 12.3839 4.07781 12.3839 4.2667C12.3839 4.45559 12.3227 4.61114 12.2005 4.73337L8.93385 8.00003L12.2005 11.2667C12.3227 11.3889 12.3839 11.5445 12.3839 11.7334C12.3839 11.9223 12.3227 12.0778 12.2005 12.2C12.0783 12.3223 11.9227 12.3834 11.7339 12.3834C11.545 12.3834 11.3894 12.3223 11.2672 12.2L8.00052 8.93337Z' /%3E%3C/svg%3E");} .popup .col-12 .bg-card-3d{ height: 100%; display: flex; flex-direction: column; } /* .popup .col-12 .bg-card-3d .detail-package{ margin-top: auto; } */ /*SWIPER*/ .swiper-container-free-mode > .swiper-wrapper{ transition-timing-function : linear; align-items:center } .gradient-swiper { width: 120px; z-index:1 } .gradient-swiper-before { background-image: linear-gradient(90deg, #F0F5FA 30%, rgba(240, 245, 250, 0.00) 100%); } .gradient-swiper-after { background-image: linear-gradient(270deg, #F0F5FA 30%, rgba(240, 245, 250, 0.00) 100%); } .page-template-home-page .container-review .gradient-swiper-before { background-image: linear-gradient(90deg, #F5F8FA 30%, rgba(245, 248, 250, 0.00) 100%); } .page-template-home-page .container-review .gradient-swiper-after { background-image: linear-gradient(270deg, #F5F8FA 30%, rgba(245, 248, 250, 0.00) 100%); } /*SEARCH AND FILTER*/ .btn-filter{ margin-bottom:20px; cursor:pointer; color: var(--Primary_b_80, #0070CC); } .icon-filter{ width: 24px; height: 24px; margin-right: 10px; background-size: 100%; background-repeat: no-repeat; background-position: center; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='%230070CC' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18C10.7167 18 10.4792 17.9042 10.2875 17.7125C10.0958 17.5208 10 17.2833 10 17C10 16.7167 10.0958 16.4792 10.2875 16.2875C10.4792 16.0958 10.7167 16 11 16H13C13.2833 16 13.5208 16.0958 13.7125 16.2875C13.9042 16.4792 14 16.7167 14 17C14 17.2833 13.9042 17.5208 13.7125 17.7125C13.5208 17.9042 13.2833 18 13 18H11ZM7 13C6.71667 13 6.47917 12.9042 6.2875 12.7125C6.09583 12.5208 6 12.2833 6 12C6 11.7167 6.09583 11.4792 6.2875 11.2875C6.47917 11.0958 6.71667 11 7 11H17C17.2833 11 17.5208 11.0958 17.7125 11.2875C17.9042 11.4792 18 11.7167 18 12C18 12.2833 17.9042 12.5208 17.7125 12.7125C17.5208 12.9042 17.2833 13 17 13H7ZM4 8C3.71667 8 3.47917 7.90417 3.2875 7.7125C3.09583 7.52083 3 7.28333 3 7C3 6.71667 3.09583 6.47917 3.2875 6.2875C3.47917 6.09583 3.71667 6 4 6H20C20.2833 6 20.5208 6.09583 20.7125 6.2875C20.9042 6.47917 21 6.71667 21 7C21 7.28333 20.9042 7.52083 20.7125 7.7125C20.5208 7.90417 20.2833 8 20 8H4Z'/%3E%3C/svg%3E"); } .searchandfilter .h4{ padding-top:0px; padding-bottom:20px } .searchandfilter ul{ padding-left:0px } .searchandfilter ul li{ padding-top:0px; padding-bottom: 30px; line-height:1.33 } .searchandfilter ul>li>ul:not(.children){ padding-left:0px; display:flex; flex-wrap: wrap; } .searchandfilter ul li li{ margin-right:10px; cursor:pointer; margin-bottom:10px } .searchandfilter ul li li input{ display:none;} .searchandfilter ul li li label{ padding: 9px 15px; cursor: pointer; } .searchandfilter li[data-sf-field-input-type="checkbox"] label, .searchandfilter li[data-sf-field-input-type="radio"] label, .searchandfilter li[data-sf-field-input-type="range-checkbox"] label, .searchandfilter li[data-sf-field-input-type="range-radio"] label{ padding-left: 15px; } /* .searchandfilter ul li li label, .searchandfilter li[data-sf-field-input-type=checkbox] label, .searchandfilter li[data-sf-field-input-type=radio] label, .searchandfilter li[data-sf-field-input-type=range-checkbox] label, .searchandfilter li[data-sf-field-input-type=range-radio] label{ padding-left:0px; } */ .searchandfilter ul li li{ text-transform: uppercase; /* padding: 9px 15px; */ padding: 0px; border-radius: 30px; border: 1px solid var(--White90, rgba(255, 255, 255, 0.90)); background: var(--Bg-card-3D, linear-gradient(166deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.40) 100%)); } .searchandfilter ul li li:hover, .searchandfilter ul li li:focus{ border: 1px solid var(--white, #FFF); background: var(--Bg-card-3D-Hover, linear-gradient(166deg, #FFF 0%, rgba(255, 255, 255, 0.50) 100%)); } .searchandfilter ul li li.sf-option-active{ color: var(--white, #FFF); background: var(--Primary, #33A4FF); border: 1px solid var(--Primary, #33A4FF);} /*ABOUT ORGNANIGRAMMA*/ .vertical-line{ background: linear-gradient(166deg, #FFF 16.36%, rgba(255, 255, 255, 0.50) 100%); width: 3px; height: 60px; } .horizontal-line { height:60px; width:calc(100% - calc((16.6666666667%)*2) + 22px); border-radius:10px 10px 0px 0px; border: 3px solid var(--white, #FFF); border-bottom: 0px; position:relative; } .col-group{ max-width: 33.33333333%; } .col-group.col-row-3 .p-30{ height: 100%; } .pop-up-group{ border-radius:20px; position:fixed; bottom:0%; left:60px; width:calc(100% - 120px); height:auto; transform: translateY(100%); transition: bottom 0.3s ease-in-out, transform 0.3s ease-in-out, visibility 0s linear 0.3s; } .pop-up-group.visible{ bottom:50%; transform: translateY(50%); transition: bottom 0.3s ease-in-out, transform 0.3s ease-in-out, visibility 0s linear 0s; z-index: 10000000000; } .pop-up-group .inner-pop-up-group{ padding:20px 15px; } /*WPML MENU*/ .wpml-ls-item{ border-radius:10px } #main-menu > .wpml-ls-item{ border-radius: 10px; background: var(--Primary-BG_l1, #F0F5FA); backdrop-filter: blur(3.5px); padding: 4px; min-width: 150px; width: 150px; display:none; position: absolute; top: 100%; right: 0px; } #main-menu > .wpml-ls-item.open{ display:block; } .wpml-ls-item.dropdown .dropdown-menu{ position:relative; border:none; min-width:unset; background: transparent; } .wpml-ls-item.dropdown .dropdown-menu .wpml-ls-item{ margin-top:2px } .wpml-ls-item.dropdown > a, .wpml-ls-item .dropdown .wpml-ls-item{ border: 1px solid var(--White90, rgba(255, 255, 255, 0.90)); } .trigger-wpml::before, .wpml-ls-current-language a::after{ font-family: "fontello"; font-style: normal; font-weight: normal; speak: never; display: inline-block; text-decoration: inherit; border:none } .trigger-wpml{ margin-left: 30px; padding: 5px 15px; cursor:pointer;} .trigger-wpml a, .trigger-wpml a.nav-link::after{ display: none } .trigger-wpml::before{ transition: 0.15s color ease-in-out; content: '\e800'; background-repeat:no-repeat; width: 20px; height:20px; font-variant: normal; text-transform: none; } .trigger-wpml::before, .page-template-home-page #main-nav.standard .trigger-wpml::before, .page-template-method-page #main-nav.standard .trigger-wpml::before{ color:black; } .page-template-home-page .trigger-wpml::before, .page-template-method-page .trigger-wpml::before, .page-template-method-page.menu-open #main-nav.standard .trigger-wpml::before{ color: white; } #main-nav .wpml-ls-menu-item a, .page-template-home-page #main-nav .wpml-ls-menu-item a.nav-link, .page-template-method-page #main-nav .wpml-ls-menu-item a.nav-link{ backdrop-filter: blur(3.5px); border-radius: 10px; background: var(--white, #FFFFFF); border: 1px solid var(--White90, rgba(255, 255, 255, 0.90)); padding: 15px; position: relative; color: var(--black, #000000); } #main-menu {position: relative} .wpml-ls-current-language > a::after{ content: '\e801'; width:20px; height:20px; position: absolute; top: 50%; transform: translateY(-50%); right: 15px } .wpml-ls-menu-item:first-of-type{ border-top-left-radius: 10px; border-top-right-radius:10px; } #main-menu > .wpml-ls-menu-item:last-of-type{ border-top-left-radius: 10px; border-top-right-radius:10px; margin-top: 30px; } .wpml-ls-menu-item:last-of-type .dropdown-menu{ padding: 0px; } .wpml-ls-menu-item:nth-child(2) { top: calc(100% + 64px) } .wpml-ls-menu-item:last-of-type .dropdown-menu .wpml-ls-menu-item:first-of-type{ border-top-left-radius: 0px; border-top-right-radius:0px; } .wpml-ls-menu-item:last-of-type .dropdown-menu{ display: flex; flex-direction: column; } .navbar-toggler{ padding: 0px; border: 0px; } .navbar-toggler:focus{ box-shadow: unset; } .hamburger{ font: inherit; overflow: visible; display: block; position: relative; margin: 0; cursor: pointer; transition-timing-function: linear; transition-duration: .15s; transition-property: opacity,filter; text-transform: none; color: inherit; border: 0; background-color: transparent; } .hamburger-box{ position: relative; display: inline-block; width: 25px; height: 25px; } .hamburger-inner::after, .hamburger-inner::before{ position: absolute; width: 16px; height: 2px; left: 4px; transition-timing-function: ease; transition-duration: .15s; transition-property: transform; border-radius: 0px; background-color: var(--black, #000000); } .page-template-home-page .hamburger-inner::after, .page-template-home-page .hamburger-inner::before, .page-template-method-page .hamburger-inner, .page-template-method-page .hamburger-inner::after, .page-template-method-page .hamburger-inner::before, .page-template-guide-page .hamburger-inner, .page-template-guide-page .hamburger-inner::after, .page-template-guide-page .hamburger-inner::before{ background-color: var(--white, #FFFFFF); } .hamburger--spring .hamburger-inner::before{ top: 9px; transition: top .1s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19); } .hamburger-inner::after, .hamburger-inner::before{ display: block; content: ""; } .hamburger--spring .hamburger-inner::after{ top: 15px; transition: top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19); } .navbar-toggler[aria-expanded=true] .hamburger-inner::before{ top: 13px; transition: top .1s cubic-bezier(.33333,0,.66667,.33333) .15s,transform .13s cubic-bezier(.215,.61,.355,1) .22s; transform: translate3d(0,0,0) rotate(45deg); } .navbar-toggler[aria-expanded=true] .hamburger-inner::after{ top: 13px; transition: top .2s cubic-bezier(.33333,0,.66667,.33333),transform .13s cubic-bezier(.215,.61,.355,1) .22s; transform: translate3d(0,0,0) rotate(-45deg); } .navbar-toggler[aria-expanded=true] .hamburger-inner::after, .navbar-toggler[aria-expanded=true] .hamburger-inner::before{ background-color: #fff; } body.page-template-home-page #main-nav.standard .navbar-toggler .hamburger-inner::after, body.page-template-method-page #main-nav.standard .navbar-toggler .hamburger-inner::after, body.page-template-home-page #main-nav.standard .navbar-toggler .hamburger-inner::before, body.page-template-method-page #main-nav.standard .navbar-toggler .hamburger-inner::before{ background-color: #000; } body.menu-open{ overflow-y: hidden; } #main-nav .wpml-ls-menu-item a{ /* color:var(--Text-Grey, #5F5F5F); */ color: var(--black, #000000); /* background: var(--Bg-card-3D, linear-gradient(166deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.40) 100%) ); */ background-color: #F0F5FA; } #main-nav .wpml-ls-menu-item a:hover, #main-nav .wpml-ls-menu-item a:focus{color: var(--black, #000000); background: var(--white, #FFFFFF); } #main-nav .wpml-ls-item.dropdown > a.dropdown-toggle{ background: var(--white, #FFFFFF); } #main-nav .wpml-ls-item.dropdown > a.dropdown-toggle span{ display: flex; justify-content: space-between; width: 100%; align-items: center; color: var(--black, #000000); background:rgba(255,255,255,0.01); } #main-nav .wpml-ls-item.dropdown > a.dropdown-toggle span::after{ display: block; content: ""; width: 20px; height: 20px; background-position: center; background-repeat: no-repeat; background-size: 100%; background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='UTF-8'?%3e%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 20 20'%3e%3cpath style='fill: %23000; stroke-width: 0px;' d='M8.2,11.9l5.5-5.5c.2-.2.3-.2.5-.2.2,0,.4,0,.5.2.2.2.2.3.2.5s0,.4-.2.5l-6,6c-.2.2-.3.2-.5.2s-.4,0-.5-.2l-2.5-2.5c-.2-.2-.2-.3-.2-.5s0-.4.2-.5c.2-.2.3-.2.5-.2s.4,0,.5.2l2,1.9Z'/%3e%3c/svg%3e"); } /* Single portfolio */ .text-info-video .col-md-3{ width: auto; white-space: nowrap; } /*GUIDE*/ .progress-guide{ height:15px; flex: 1; background: var(--White25, rgba(255, 255, 255, 0.25)); border-radius: 9px; border: 1px solid var(--White40, rgba(255, 255, 255, 0.40)); overflow:hidden; } .item-package-guide{ display:none; } .item-package-guide.active{ display:block; } .item-progress{ /* background: var(--White90, rgba(255, 255, 255, 0.9)); */ background-color: #FFEF12; height:100%; /* width:33.33333334%; */ width: 25%; border-radius: 10px; } .container-pricing-result-guide{ background: var(--White8, rgba(255, 255, 255, 0.08)); backdrop-filter: blur(10px); padding-bottom: 0px!important; } /* .container-pricing-result-guide a.btn-fill:hover, .container-pricing-result-guide a.btn-fill:focus{ background-color: #D4E6FF; } */ .item-guide .circle{ min-width: 24px; } .step-progress{ gap: 20px; margin-bottom:5px; } .step-progress .text-end p{ font-size: 18px; font-weight: 500; font-family: "Afacad"; } .item-guide{ position:relative; width: 685px; cursor:pointer; border-radius: 20px; backdrop-filter: blur(7.5px); border: 1px solid var(--White8, rgba(255, 255, 255, 0.08)); background: linear-gradient(180deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.00) 100%); } .item-guide:hover{ border: 1px solid var(--White-40, rgba(255, 255, 255, 0.40)); } .item-guide.selected{ border: 1px solid var(--White90, rgba(255, 255, 255, 0.90)); background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.05) 100%); } .item-guide .circle{ width: 24px; height:24px; display: block; border-radius:50%; background: var(--Bg-card-3D, linear-gradient(166deg, rgba(255, 255, 255, 0.90) 16.36%, rgba(255, 255, 255, 0.40) 100%)); margin-right:15px; position: relative } .item-guide.selected .circle:after{ content:""; border-radius:50%; width: 18px; height:18px; background-color: #199AFF; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) } body.page-template-guide-page #main-nav{ background: transparent;} body.page-template-guide-page #main-nav .menu-item:not(.btn-outline) .nav-link{ color: var(--white,#FFFFFF); } body.page-template-guide-page #main-nav .btn-outline{ border-color: var(--white, #FFFFFF); color:var(--white, #FFFFFF); } body.page-template-guide-page #main-nav .trigger-wpml:before{ color:var(--white, #FFFFFF); } .page-template-guide-page #main-nav .logo-black{ display:none} .page-template-guide-page #main-nav .logo-white{ display:block;} .label-choose-multiple-options{ width: 685px; } .item-guide .circle, .item-guide .checkbox { width: 24px; min-width: 24px; height: 24px; display: block; border-radius: 50%; background: unset; border: 1px solid var(--White70, rgba(255, 255, 255, 0.70)); margin-right: 15px; position: relative; } .item-guide.selected .circle:after, .item-guide.selected .checkbox:after { content: ""; border-radius: 50%; width: 12px; height: 12px; background-color: var(--white, white); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .item-guide .checkbox{ border-radius: 6px } .item-guide.selected .checkbox:after{ border-radius: 3px } .item-guide *{ pointer-events:none; } .container-pricing-result-guide, .item-step .packages, .item-step .packages-text{ opacity: 0; transition: opacity 0.3s ease-out; } .item-step .packages, .item-step .packages-text{ transition-delay: 0.5s; } .item-end-pricing, .item-end-package{ display: none; } .item-end-package.active{ display: block } .item-end-pricing.active{ display: flex; flex-direction: column; } .item-end-package, .container-step .controller-step #btn-prev{ backdrop-filter: blur(7.5px); } .item-end-package img{ object-fit: cover; } .container-step{ /* min-height: calc(100vh - 86px); */ position: relative; display: flex; align-items: center; } .page-template-guide-page .container-step{ flex-direction: column; min-height: calc(100vh - 86px); min-height: calc(100svh - 86px); } .page-template-method-page .container-step{ flex-direction: row; } .container-step .controller-step{ position: sticky; bottom: 40px; left: 0; right: 0; width: 100%; pointer-events:none } .container-step .step-progress, .container-step .step-guide{ width: 100%; } .container-step .step-guide .item-step{ min-height: 100%; } .bg-guide > .container-fluid{ position: relative; z-index: 1; } .bg-guide-img-container{ overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; pointer-events: none; transition: opacity 0.3s ease-in-out } .bg-guide-img{ top: 0; /* z-index: 0; pointer-events: none; transition: opacity 0.3s ease-in-out */ } /* .container-pricing-result-guide:not(.one-item-end-pricing) .item-end-pricing .bg-card-3d, */ .container-step .step-guide{ flex-grow: 1; } .container-pricing-result-guide:not(.one-item-end-pricing){ align-items: flex-end; } .container-pricing-result-guide:not(.one-item-end-pricing) .item-end-pricing .btn-fill{ display: none; } .container-pricing-result-guide:not(.one-item-end-pricing) .item-end-pricing .btn-outline{ padding: 0px; border: 0px; border-radius: unset; } .container-pricing-result-guide:not(.one-item-end-pricing) .item-end-pricing .btn-outline:hover, .container-pricing-result-guide:not(.one-item-end-pricing) .item-end-pricing .btn-outline:focus, .container-pricing-result-guide:not(.one-item-end-pricing) .item-end-pricing .btn.btn-outline:active, .container-pricing-result-guide:not(.one-item-end-pricing) .item-end-pricing .btn.btn-outline:first-child:active{ background: transparent; } /* #container-method */ .pin-spacer-triggerHorizontalSector{ max-width: 100vw; overflow-x: hidden!important; pointer-events:none } .page-template-method-page .skip-link, .page-template-guide-page .skip-link, .page-template-method-page .white a, .page-template-guide-page .white a, .page-template-guide-page .nav-link{ color: #FFFFFF; } .page-template-guide-page .wpml-ls-item .nav-link { color: var(--black, #000000); } .page-template-guide-page  .wpml-ls-item .nav-link { color: var(--black, #000000); } .page-template-guide-page a.btn-outline { color: /* var(--Primary_b_80, #0070CC); */ #0062B2; } #custom.item-package-guide .label-choose-multiple-options{ width: 100%; } #custom.item-package-guide .item-guide{ width: calc(50% - 7.5px); } #custom.item-package-guide .flex-row{ column-gap: 15px; } .container-step #btn-next, .container-step #btn-prev{ margin-top: 30px; pointer-events:all } .container-pricing-result-guide.one-item-end-pricing .container-btn-choose-products{ display: none; } .container-pricing-result-guide.col-3-grid .item-end-pricing.active{ width: 33.333%; } #about-page-wrapper .bg-primary-l1 img.br-20{ max-width: unset; width: 100%; } #contact-page-wrapper .acf-map{ margin: 0px; border: 0px; } #wrapper-footer .container-social p a.d-none + br{ display: none; } #error-404-wrapper .banner{ background: #007FF7; } .case-study-same-type .item-case-study-same-type{ opacity: 0; height: 0px; margin-bottom: 0px; pointer-events: none; -webkit-transition: opacity 1000ms ease-in-out; -moz-transition: opacity 1000ms ease-in-out; -o-transition: opacity 1000ms ease-in-out; transition: opacity 1000ms ease-in-out; } .case-study-same-type .item-case-study-same-type:nth-child(-n + 6), .case-study-same-type .item-case-study-same-type.loaded{ opacity: 1; height: auto; pointer-events: auto; margin-bottom: 30px; } .pricing-help{ max-width: 1395px; text-align: center; margin-left: auto; margin-right: auto; flex-direction: column!important; gap: 40px!important; } .pricing-help .btn.ms-auto{ margin-right: auto; } #wrapper-footer .footer-col-dx{ display: flex; } #wrapper-footer .footer-col-dx > div{ width: 50%; } #wrapper-footer .footer-col-dx .container-social{ display: flex; justify-content: center; } spline-viewer{ pointer-events: none; } .popup-package .bg-card-3d .title-pricing, .popup-custom-package .bg-card-3d .title-pricing{ order: -1; } .popup-package .bg-card-3d .link-big, .popup-custom-package .bg-card-3d .link-big{ font-weight: 500; } .popup-package .bg-card-3d > .text-grey, .popup-custom-package .bg-card-3d > .text-grey{ order: 1; } .popup-package .bg-card-3d .detail-package, .popup-custom-package .bg-card-3d .detail-package{ margin-top: 0px; } .popup-custom-package .input-group-number-package{ order: 2; margin-top: auto; } #CookiebotWidget{ bottom: 7px!important; left: 15px!important; width: 44px!important; height: 44px!important; min-width: 44px!important; min-height: 44px!important; } #CookiebotWidget .CookiebotWidget-logo svg, #CookiebotWidget:not(.CookiebotWidget-open) button.CookiebotWidget-logo svg{ width: 44px!important; height: 44px!important; } #CookiebotWidget.CookiebotWidget-open{ width: auto!important; height: auto!important;} #ht-ctc-chat{ bottom: 7px!important; right: 15px!important; } /*TABLE*/ table { border-collapse: collapse; width: 100%; margin-top: 15px; margin-bottom: 15px; } td, th { border: 1px solid #dddddd; text-align: left; padding: 5px; } tr:nth-child(even) { background-color: rgba(0, 0, 0, 0.05); } /*IFRAME VIDEO PLACEHOLDER*/ .iframe-video-container .iframe-video-placeholder-message { display: block; } .iframe-video-placeholder-message{ position:absolute; top:0; left:0; display: none; width: 100%; height: 100%; background: var(--Primary-BG_l1, #F0F5FA); padding: 15px; max-height: 100%; overflow-y: auto; } .accept-cookies { cursor:pointer; } .logged-in .iframe-video-container .iframe-video-placeholder-message{ display:none!important } .CybotCookiebotDialogBodyLevelButtonLabel{ display:flex; } /* ACCESSIBILITY FIX */ #ht-ctc-chat .ctc_s_7 .ctc_s_7_cta{ background-color: #000!important; } .sr-only, .sf-field-submit{ position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .input-group-number-package input[type=number]:focus{ outline: 1px solid black; } .btn:focus-visible{ outline:2px solid black } .step-guide .container-pricing-result-guide .bg-card-3d, .step-guide .item-end-package.bg-card-3d{ background-color: #FFFFFF; } .accessibility-btn-wrapper{background-color: #FFF; border-radius: 10px; display: inline-block; } .page-template-guide-page .white .item-end-pricing a, .page-template-guide-page .white .item-end-pricing a:hover, .page-template-guide-page .white .item-end-pricing a:focus, .page-template-guide-page .white .item-end-package a, .page-template-guide-page .white .item-end-package a:hover, .page-template-guide-page .white .item-end-package a:focus{color: #0062B2; } body.page-template-guide-page #main-nav.standard .btn-outline{ background: #0077D9; } #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a::after{ display: none!important} #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a{ color: #0070CC!important; } #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection, #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton { background-color:#008CFF!important; color:black!important; border: none!important; } #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection, #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton{ background-color:#33A4FF!important; border: none!important; } @media (orientation: portrait){ /* .container-step{ flex-direction: column; align-items: flex-end; } */ .page-template-method-page .container-step{ flex-direction: column; align-items: flex-end; } .title-step, .viewer-step{ width:100%; } .viewer-step{ position:relative; /* height: 50vh; */ height: 40vh; } .viewer-step video{ max-height: 100%; } } @media (orientation: landscape) { .container-row/*, .container-step*/{ flex-direction: row; } /* .container-step{ align-items: center; } */ .title-step, .viewer-step{ width:50%; } .viewer-step{ position:absolute; right:0; /* bottom:0; */ top: 50%; transform: translateY(-50%); z-index: -1; } .title-step{ margin-bottom:120px } } @media (min-width: 1920px) { .banner, .banner-white{ max-width: 1395px; margin: 0 auto; } .col-xxxl-10{ flex: 0 0 auto; width: 83.33333333%; } } @media (max-width: 1919.98px) { .banner, .banner-white, .pricing-help{ max-width: 100%; } .container-col-price .container-text-price p br{ display: none; } .container-col-price .detail-package .m-t-15{ margin-top: 0px; } } @media (max-width: 1599.98px) { .container-fluid, .container{ padding-left:90px; padding-right:90px } h1, .h1, .h1 p, .h1 .p { font-size: 56px;} h2, .h2, h3, .h3, .h3 p, .h3 .p, .prefooter .h1{ font-size:40px; } h4, .h4, .h4 p, .h4 .p, .pricing-help .h4 a{ font-size:32px } .big p, .big .p, p.big, .p.big{ font-size: 24px; } .link-big{ font-size:22px; } .text-info-video{ font-size: 20px; } html, body, p, .p, a, .btn, .caption, .form-newsletter.wpcf7 input[type="text"]{ font-size: 18px } .searchandfilter ul li li, .btn-afacad{ font-size:16px } .policy p{ font-size:14px } .small p, .small .p, p.small, .p.small, .item-custom-package, .wpcf7 .item-custom-package input, .searchandfilter .h4{ font-size:14px } p > a, p > a:hover, p > a:focus{ font-size: inherit; font-family: inherit; } .p-t-240{ padding-top:180px } .p-b-240{ padding-bottom:180px } .m-t-240{ margin-top:180px; } .m-b-240{ margin-bottom:180px } .m-b-210{ margin-bottom:150px } .p-b-200{ padding-bottom:150px } .p-t-200{ padding-top:150px } .m-b-200{ margin-bottom:150px } .m-b-180{ margin-bottom:135px } .m-b-150{ margin-bottom:110px } .m-b-120{ margin-bottom:90px } .m-t-120{ margin-top:90px } .m-b-120{ margin-bottom:90px } .p-t-120{ padding-top:90px } .p-b-120{ padding-bottom:90px } .p-b-100{ padding-bottom:80px } .m-t-90{ margin-top:60px } .m-b-90{ margin-bottom:60px } .p-b-90{ padding-bottom:60px } .banner{ padding:60px; } .col-text-banner{ padding-right:60px; } .m-b-80{ margin-bottom:60px } .p-b-70{ padding-bottom:60px } .m-t-60{ margin-top:55px } .p-t-60{ padding-top:55px } .p-b-60{ padding-bottom:55px } .m-b-60{ margin-bottom:55px } .prefooter{ padding-top:55px; } .p-r-l-60{ padding-right:55px; padding-left:55px; } .p-60{ padding:55px } .p-r-l-50{ padding-right:45px; padding-left:45px; } .card{ padding:45px; } .m-b-48{ margin-bottom:45px } .m-b-45{ margin-bottom:40px } .p-t-40{ padding-top:35px } .p-b-40{ padding-bottom:35px } .m-b-40{ margin-bottom:35px } .p-40, .popup .inner-popup{ padding:35px; } .m-t-30{ margin-top:25px } .p-b-30{ padding-bottom:25px } .m-b-30{ margin-bottom:25px } /* .col-12.m-b-30{ margin-bottom:30px } */ .p-r-l-30{ padding-right:25px; padding-left:25px; } .p-l-30{ padding-left: 25px } .m-r-title{ margin-right:25px } .p-30{ padding:25px; } .m-l-30, #main-nav #main-menu .btn{ margin-left:25px } .m-b-25{ margin-bottom:20px } .m-r-24{ margin-right:20px } .m-b-24{ margin-bottom:20px } .p-24{ padding:20px } .br-50, .card, .card-icon, .wpcf7-radio{ border-radius:45px } .br-40, .banner{ border-radius:35px } .br-30, .searchandfilter ul li li{ border-radius:25px } .container-video-intro-portfolio{ padding-bottom: 15px; } .container-video-intro-portfolio .container-video{ margin-bottom: 10px; } .page-template-contact-page .container-fluid.bg-white.p-t-40{ padding-top: 40px!important; padding-bottom: 20px!important; } .page-template-contact-page .container-fluid.bg-white.p-t-40 .col-auto{ margin-bottom: 20px!important; } .card-icon{ padding:45px 25px } .row-gap-90{ row-gap: 80px;} .gap-60{ gap:55px } .navbar-brand img{ height: 28px; } #wrapper-footer .wpcf7 .newsletter-submit p{ width:calc(100% - 65px); } .img-review{ min-width:70px; width:70px; height:70px; } .icon-play{ width: 80px; height: 80px; } #wrapper-footer .wpcf7 .newsletter-submit .arrow-submit{ width: 58px; height:58px; } .popup{ min-width: 1250px; } .popup .close-popup, .pop-up-video .close-pop-up-video{ width: 55px; height: 55px; margin-right: 35px; } .wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink{ width:55px; height:55px; } .wp-pagenavi .nextpostslink::after, .wp-pagenavi .previouspostslink::after{ top: 15px; left: 15px; } .input-group-number-package .button-minus, .input-group-number-package .button-plus{ width: 45px; height: 45px; } .multilinefile-attachments.zl-form-control-wrap { width:45px; height:45px; } .wpcf7-radio, .wpcf7-radio .wpcf7-list-item, .wpcf7-radio .wpcf7-list-item-label{ height:45px } .icon-small{ max-width: 35px; max-height: 35px; } .gradient-swiper, .gradient-swiper-before, .gradient-swiper-after{ width: 90px; } .pop-up-group{ left:55px; width:calc(100% - 90px); } .vertical-line{ height: 55px; } .horizontal-line { height:55px; width:calc(100% - calc((16.6666666667%)*2) + 22px); } .col-group:not(.col-row-3){ max-width: 50%; } .swiper-container-review .swiper-slide{ /* flex-shrink: unset; */ height: unset; width: calc( calc( calc( calc( 100vw - calc(90px * 2) ) - calc(30px * 2) ) / 2.3 ) ) } .swiper-container-team .swiper-slide{ /* flex-shrink: unset; */ width: calc( calc( calc( calc( 100vw - calc( calc( calc(100vw - calc(90px * 2) ) / 12) * 2 ) ) - calc(90px * 2) - calc(30px * 2) ) / 3 ) ) } .bg-card-3d .m-b-30.text-grey{ margin-bottom: 20px; } .container-pricing-result-guide.one-item-end-pricing{ max-width: 75%!important; } } @media (max-width: 1399.98px) { .container-social{ column-count:2; column-gap:30px } .img-banner, .viewer-banner{ width: calc(100% - 58.33333333%); } /* .swiper-container-review .swiper-slide{ height: unset; width: calc( calc( calc( calc( 100vw - calc( calc( calc(100vw - calc(90px * 2) ) / 12) * 1 ) ) - calc(90px * 2) - calc(30px * 2) ) / 3 ) ) } */ .swiper-container-team .swiper-slide{ /* flex-shrink: unset; */ width: calc( calc( calc( calc( 100vw - calc( calc( calc(100vw - calc(90px * 2) ) / 12) * 2 ) ) - calc(90px * 2) - calc(30px * 2) ) / 3 ) ) } .detail-package{ flex-wrap: wrap; } /* .detail-package .item-detail{ width: calc(50% - 12px); } .detail-package .item-detail:first-child{ width: 100%; } */ .popup{ min-width: 1100px; } .text-info-video .col-md-3{ width: 25%; white-space: unset; } .container-video-intro-portfolio{ margin-bottom: 60px; } .text-info-video .big.m-t-20{ margin-top: 10px; } .page-template-pricing-page .container-col-price .container-text-price p{ font-size: 16px; } .page-template-pricing-page .container-col-price .container-text-price p br{ display: none; } .page-template-pricing-page .container-col-price .m-l-30.h-100{ margin-left: 0px; } .page-template-pricing-page .container-col-price .m-b-20{ margin-bottom: 15px; } .page-template-pricing-page .detail-package.d-flex{ gap: 10px; } /*.page-template-pricing-page */.detail-package .item-detail{ padding: 6px 12px; } .page-template-pricing-page .detail-package .item-detail:first-child, .page-template-pricing-page .detail-package .item-detail{ width: auto; } /*.page-template-pricing-page */.item-detail .icon{ max-width: 20px; } } @media (max-width: 1199.98px) { .container-fluid, .container{ padding-left:60px; padding-right:60px } h1, .h1, .h1 p, .h1 .p { font-size: 48px; } h2, .h2, h3, .h3, .h3 p, .h3 .p, .prefooter .h1{ font-size:35px; } h4, .h4, .h4 p, .h4 .p, .pricing-help .h4 a{ font-size:28px } .big p, .big .p, p.big, .p.big, .popup-package .link-big, .popup-custom-package .link-big{ font-size: 20px; } .link-big, .label-privacy a{ font-size:18px; } html, body, p, .p, a, .btn, .caption, .form-newsletter.wpcf7 input[type="text"], .intro-form-text .btn-afacad{ font-size: 16px } .searchandfilter ul li li, .btn-afacad{ font-size:14px } .policy p, .searchandfilter .h4, .small p, .small .p, p.small, .p.small, .item-custom-package, .wpcf7 .item-custom-package input{ font-size:14px } /* .small p, .small .p, p.small, .p.small, .item-custom-package, .wpcf7 .item-custom-package input{ font-size:12px } */ p > a, p > a:hover, p > a:focus{ font-size: inherit; font-family: inherit; } .p-t-240{ padding-top:150px } .p-b-240{ padding-bottom:150px } .m-t-240{ margin-top:150px; } .m-b-240{ margin-bottom:150px } .m-b-210{ margin-bottom:150px } .p-b-200{ padding-bottom:130px } .p-t-200{ padding-top:130px } .m-b-200{ margin-bottom:130px } .m-b-180{ margin-bottom:115px } .m-b-150{ margin-bottom:90px } .m-b-120{ margin-bottom:80px } .m-t-120{ margin-top:80px } .m-b-120{ margin-bottom:80px } .p-t-120{ padding-top:80px } .p-b-120{ padding-bottom:80px } .p-b-100{ padding-bottom:70px } .m-t-90{ margin-top:60px } .m-b-90{ margin-bottom:60px } .p-b-90{ padding-bottom:60px } .banner{ padding:60px; } .col-text-banner{ padding-right:60px; } .m-b-80{ margin-bottom:60px } /* .title-popup, .text-popup{ padding-left:60px; padding-right:60px } */ .p-b-70{ padding-bottom:50px } .m-t-60{ margin-top:50px } .p-t-60{ padding-top:50px } .p-b-60{ padding-bottom:50px } .m-b-60{ margin-bottom:50px } .prefooter{ padding-top:50px; } .p-r-l-60{ padding-right:50px; padding-left:50px; } .p-60{ padding:50px } .p-r-l-50{ padding-right:40px; padding-left:40px; } .card{ padding:40px; } .m-b-48{ margin-bottom:40px } .m-b-45{ margin-bottom:35px } .p-t-40{ padding-top:30px } .p-b-40{ padding-bottom:30px } .m-b-40{ margin-bottom:30px } .p-40, .popup .inner-popup, .item-create-toolkit .banner{ padding:30px; } .m-t-30{ margin-top:20px } .p-b-30{ padding-bottom:20px } .m-b-30{ margin-bottom:20px } .case-study-same-type .item-case-study-same-type{ margin-bottom: 0px; } .case-study-same-type .item-case-study-same-type:nth-child(-n + 6), .case-study-same-type .item-case-study-same-type.loaded{ margin-bottom: 20px; } /* .col-12.m-b-30{ margin-bottom:30px } */ .p-r-l-30{ padding-right:20px; padding-left:20px; } .p-l-30{ padding-left: 20px } .m-r-title{ margin-right:20px } .p-30{ padding:20px; } .m-l-30, #main-nav #main-menu .btn{ margin-left:20px } .m-b-25{ margin-bottom:15px } .m-r-24{ margin-right:15px } .m-b-24{ margin-bottom:15px } .p-24{ padding:15px } .m-t-20{ margin-top:15px } .m-b-20, .btn-filter{ margin-bottom:15px } .p-t-20{ padding-top:15px } .p-b-20{ padding-bottom:15px } .p-20{ padding:15px } .item-custom-package .item-number{ margin-left:15px } .m-r-20{ margin-right:15px } .prefooter-title, .prefooter-container-text{ column-gap:15px } .m-b-15{ margin-bottom:10px } .m-t-15{ margin-top:10px } .m-l-15{ margin-left:10px } .m-r-15{ margin-right:10px } .p-15, .select-items div, .select2-dropdown .select2-results .select2-results__option{ padding: 10px; } .m-b-12{ margin-bottom:10px } .br-50, .card, .card-icon, .wpcf7-radio{ border-radius:40px } .br-40, .banner{ border-radius:30px } .br-30, .searchandfilter ul li li{ border-radius:20px } .br-20, .pop-up-group{ border-radius:15px } .br-15{ border-radius:10px } .container-col-price .h-100.position-relative, .portfolio-item .ratio{ clip-path: inset(1px 1px round 10px); } .card-icon{ padding:40px 20px } .intro-form-text{ padding: 15px 20px; } .label-icon-form{ padding: 5px 15px; } .form-control, .wpcf7 .wpcf7-validation-errors, .wpcf7 input[type=color], .wpcf7 input[type=date], .wpcf7 input[type=datetime-local], .wpcf7 input[type=datetime], .wpcf7 input[type=email], .wpcf7 input[type=file], .wpcf7 input[type=month], .wpcf7 input[type=number], .wpcf7 input[type=range], .wpcf7 input[type=search], .wpcf7 input[type=submit], .wpcf7 input[type=tel], .wpcf7 input[type=text], .wpcf7 input[type=time], .wpcf7 input[type=url], .wpcf7 input[type=week], .wpcf7 select, .wpcf7 textarea, .select-selected { padding: 12px; } .row-gap-90{ row-gap: 60px;} .gap-60{ gap:50px } .people-review, .gap-30, .container-items-custom-package{ gap:20px } .col-sx-price { width: 51.63346614%; padding-right:20px } .col-dx-price { width: 48.36653386%; padding-left:20px; } .img-review{ min-width:50px; width:50px; height:50px; } .icon-play{ width: 60px; height: 60px; } #wrapper-footer .wpcf7 .newsletter-submit .arrow-submit{ margin-left: 10px; width: 50px; height:50px; } .popup .close-popup, .pop-up-video .close-pop-up-video{ width: 50px; height: 50px; margin-right: 20px; margin-top: 20px; } .wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink{ width:50px; height:50px; } .input-group-number-package .button-minus, .input-group-number-package .button-plus{ width: 40px; height: 40px; } .multilinefile-attachments.zl-form-control-wrap { width:40px; height:40px; } .wpcf7-radio, .wpcf7-radio .wpcf7-list-item, .wpcf7-radio .wpcf7-list-item-label{ height:40px } .icon-small{ max-width: 30px; max-height: 30px; } .wp-pagenavi span.current, .wp-pagenavi .page{ width:20px; height:20px; } .wpcf7-radio input, .wpcf7 .wpcf7-form .wpcf7-radio label{ width: 16px; height: 16px; } .select-selected::after{ /* top: 16px; right: 15px; width: 16px; height: 16px; */ top: 12px; } .trigger-wpml::before{ width: 16px; height:16px; } .wpml-ls-current-language > a::after{ width:16px; height:16px; right: 10px } .popup .close-popup::after, .pop-up-video .close-pop-up-video::after{ width: 16px; height: 16px; } .wpcf7-radio input:checked + .wpcf7-list-item-label::after{ width: 10px; height:10px; top:calc(-100% + 15px); } .multilinefile-attachments .mfcf7_zl_delete_file{ height:15px; width:15px; } .wp-pagenavi .nextpostslink::after, .wp-pagenavi .previouspostslink::after, .wp-pagenavi .previouspostslink:hover::after, .wp-pagenavi .nextpostslink:hover::after, .wp-pagenavi .previouspostslink:focus::after, .wp-pagenavi .nextpostslink:focus::after{ width:20px; height:20px; } .circle-method{ width: 15px; height: 15px; } .icon-filter{ /* width: 15px; height: 15px; */ margin-right: 10px; } .wpcf7 .accept-privacy input[type="checkbox"]{ /* width: 15px; height: 15px; */ border-radius: 5px; } .wpcf7 .label-privacy{ max-width:calc(100% - 30px); padding-top: 3px; } .pop-up-group .inner-pop-up-group{ padding:15px; padding-bottom: 20px; } .wpcf7 .wpcf7-form .wpcf7-submit, .searchandfilter ul li li label, .btn{ padding:7px 10px; } .searchandfilter li[data-sf-field-input-type="checkbox"] label, .searchandfilter li[data-sf-field-input-type="radio"] label, .searchandfilter li[data-sf-field-input-type="range-checkbox"] label, .searchandfilter li[data-sf-field-input-type="range-radio"] label{ padding-left: 10px; } .multilinefile-attachments{ padding:10px 11px; } .btn.btn-primary-arrow{ padding: 12px 16px 15px 24px; } .item-custom-package{ padding: 20px 10px; border-radius:10px; } .navigation-method{ bottom:20px; } .navbar-brand img{ height: 25px; } .gradient-swiper{ width: 60px; } .pop-up-group{ left:50px; width:calc(100% - 60px); } .vertical-line{ height: 50px; } .horizontal-line { height:50px; width:calc(100% - calc((16.6666666667%)*2) + 22px); } .trigger-wpml{ margin-left: 20px; padding: 5px 10px; } body{ padding-top:76px } body.page-template-home-page{ padding-top:0px } .page-template-guide-page .container-step{ min-height: calc(100vh - 76px); min-height: calc(100svh - 76px); } .container-text-reviews { min-height: 250px; } .popup{ min-width: 900px; } /* .detail-package .item-detail{ width: calc(50% - 7.5px); } */ .btn-primary-arrow .icon-arrow{ margin-left: 15px; margin-top: -2px; } .btn-primary-arrow .icon-arrow svg{ width: 20px; height: 20px; } .swiper-container-team .swiper-slide{ width:350px } /* .bg-card-3d .m-b-30.text-grey{ margin-bottom: 30px; } */ .open-pop-up-group{ margin-top: 15px!important; } .banner-sales-pricing .h2 br{ display: none; } .text-p-l-icon{ padding-left: 55px; } /* .page-template-pricing-page .detail-package.d-flex{ display: none!important; } */ .page-template-pricing-page .detail-package.d-flex{ margin-left: -6px; width: calc(100% + 12px); gap: 5px; } /* .page-template-pricing-page .detail-package .m-t-15 > p.small{ display: none; } */ .page-template-pricing-page .detail-package .item-detail{ padding: 6px 6px; border-radius: 12px; gap: 3px!important; } .wpcf7 form .wpcf7-response-output, .wpcf7 form.sent .wpcf7-response-output{ padding: 15px 30px; } .container-step #btn-next{ margin-right: 30px; } .container-step #btn-prev{ margin-left: 30px; } .popup .detail-package{ margin-bottom: 24px; } .popup .detail-package .m-t-15{ width: 100%; display: flex; background: #F5F9FC; border-radius: 12px; align-items: center; justify-content: space-between; } .popup .detail-package .item-detail{ margin-bottom: 0px; border: 0px; background: #F5F9FC; } .popup .detail-package .m-t-15:first-child .item-detail{ padding-right: 20px; } } @media (max-width: 1199.98px) and (orientation: portrait){ .m-b-lg-0{ margin-bottom: 0px; } } @media (max-width: 1199.98px) and (orientation: landscape) { .title-step, .viewer-step{ width:60%; } } @media (max-width: 991.98px) { /* h1, .h1, .h1 p, .h1 .p{ font-size:54px } h2, .h2, h3, .h3, .h3 p, .h3 .p, #main-nav .nav-link{ font-size:40px; } h4, .h4, .h4 p, .h4 .p, .prefooter .h1, .pricing-help .h4 a{ font-size:30px } .big p, .big .p, p.big, .p.big, .link-big { font-size:20px; } html, body, p, .p, .btn, .caption { font-size: 18px } .searchandfilter ul li li, .btn-afacad { font-size:16px } */ /* .policy p{ font-size:16px } .small p, .small .p, p.small, .p.small, .item-custom-package, .wpcf7 .item-custom-package input, .searchandfilter .h4 { font-size:14px } */ #main-nav .nav-link{ font-size:40px; } .text-info-video{ font-size: 18px; } .container-fluid, .container{ padding-left:45px; padding-right:45px } .gradient-swiper-before, .gradient-swiper-after { width:45px } .img-banner, .viewer-banner{ width:100%; position:relative!important; top:unset!important; right:unset!important; } .p-t-240{ padding-top:135px } .p-b-240{ padding-bottom:135px } .m-t-240{ margin-top:135px; } .m-b-240{ margin-bottom:135px } .m-b-210{ margin-bottom:135px } .p-b-200{ padding-bottom:115px } .p-t-200{ padding-top:115px } .m-b-200{ margin-bottom:115px } .m-b-180{ margin-bottom:100px } .m-b-150{ margin-bottom:80px } .m-b-120{ margin-bottom:70px } .m-t-120{ margin-top:70px } .m-b-120{ margin-bottom:70px } .p-t-120{ padding-top:70px } .p-b-120{ padding-bottom:70px } .p-b-100{ padding-bottom:60px } .m-t-90{ margin-top:55px } .m-b-90{ margin-bottom:55px } .p-b-90{ padding-bottom:55px } .col-text-banner{ padding-right:55px; } .m-b-80{ margin-bottom:55px } .m-b-md-50{ margin-bottom:50px; } /* .title-popup, .text-popup{ padding-left:60px; padding-right:60px } */ .p-b-70{ padding-bottom:45px } .m-t-60{ margin-top:45px } .p-t-60{ padding-top:45px } .p-b-60{ padding-bottom:45px } .m-b-60{ margin-bottom:45px } .prefooter{ padding-top:45px; } .p-r-l-60{ padding-right:45px; padding-left:45px; } .p-60{ padding:45px } .p-r-l-50{ padding-right:35px; padding-left:35px; } .card{ padding:35px; } .p-t-30-mobile{ padding-top: 30px!important; } .m-b-48{ margin-bottom:30px } .m-b-45{ margin-bottom:30px } .p-t-40{ padding-top:25px } .p-b-40{ padding-bottom:25px } .m-b-40{ margin-bottom:25px } .p-40, .popup .inner-popup, .banner, .pricing-help.p-60, .banner-white, .item-create-toolkit .banner{ padding:25px; } .m-t-30{ margin-top:15px } .p-b-30{ padding-bottom:15px } .m-b-30{ margin-bottom:15px } .case-study-same-type .item-case-study-same-type{ margin-bottom: 0px; } .case-study-same-type .item-case-study-same-type:nth-child(-n + 6), .case-study-same-type .item-case-study-same-type.loaded{ margin-bottom: 15px; } /* .col-12.m-b-30{ margin-bottom:30px } */ .p-r-l-30{ padding-right:15px; padding-left:15px; } .p-l-30{ padding-left: 15px } .m-r-title{ margin-right:15px } .p-30{ padding:15px; } .m-l-30, #main-nav #main-menu .btn{ margin-left:15px } .m-b-25{ margin-bottom:10px } .m-r-24{ margin-right:10px } .m-b-24{ margin-bottom:10px } .p-24{ padding:10px } .popup .detail-package{ margin-bottom: 10px; } .m-t-20{ margin-top:10px } .m-b-20, .btn-filter{ margin-bottom:10px } .p-t-20{ padding-top:10px } .p-b-20{ padding-bottom:10px } .p-20{ padding:15px } .item-custom-package .item-number{ margin-left:10px } .m-r-20{ margin-right:10px } .prefooter-title, .prefooter-container-text{ column-gap:15px } .m-b-15{ margin-bottom:10px } .m-t-15{ margin-top:10px } .m-l-15{ margin-left:10px } .m-r-15{ margin-right:10px } .p-15, .select-items div, .select2-dropdown .select2-results .select2-results__option{ padding: 15px; } .m-b-12{ margin-bottom:10px } .m-b-md-0{ margin-bottom: 0px; } .br-50, .card, .card-icon, .wpcf7-radio{ border-radius:40px } .br-40, .banner, .banner-white{ border-radius:30px } .br-30, .searchandfilter ul li li{ border-radius:20px } .br-20, .pop-up-group{ border-radius:15px } .br-15{ border-radius:10px } .container-col-price .h-100.position-relative, .portfolio-item .ratio{ clip-path: inset(1px 1px round 10px); } .ratio.m-b-20{ margin-bottom:15px } .card-icon{ padding:40px 20px } .intro-form-text{ padding: 15px 20px; } .label-icon-form{ padding: 5px 15px; } .banner-white .h3{ margin-bottom: 20px; } .br-50, .card, .card-icon, .wpcf7-radio{ border-radius:30px } .br-40, .banner, .br-30, .searchandfilter ul li li{ border-radius:20px } .icon-play{ width: 45px; height: 45px; } .popup .close-popup, .pop-up-video .close-pop-up-video{ width: 45px; height: 45px; } .wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink{ width:45px; height:45px; } .input-group-number-package .button-minus, .input-group-number-package .button-plus{ width: 35px; height: 35px; } .multilinefile-attachments.zl-form-control-wrap { width:35px; height:35px; } .wpcf7-radio, .wpcf7-radio .wpcf7-list-item, .wpcf7-radio .wpcf7-list-item-label{ height:35px } .icon-small{ max-width: 25px; max-height: 25px; } /* .icon{ max-width:25px } */ /* .page-template-home-page #main-nav, .page-template-method-page #main-nav{ background: rgba(255, 255, 255, 0.80); backdrop-filter: blur(7.5px); } */ .container-text-reviews { min-height: 250px; } .swiper-container-review .swiper-slide{ /* flex-shrink: unset; */ height: unset; width: calc( calc( calc( calc( 100vw - calc(60px * 2) ) - calc(30px * 1) ) / 1.6 ) ) } /* .swiper-container-team .swiper-slide{ width: calc( calc( calc( calc( 100vw - calc( calc( calc(100vw - calc(90px * 2) ) / 12) * 0.5 ) ) - calc(90px * 2) - calc(30px * 4) ) / 4.2 ) ) } */ .swiper-container-team .swiper-slide{ width:300px } .logo-gradient{ width:160px } .col-group:not(.col-row-3){ max-width: 55.55555555%; } .vertical-line, .horizontal-line{ height:45px } #main-nav .menu-item{ opacity: 0; transition: all 0.25s ease-in-out 0s; } .menu-open #main-nav .menu-item{ opacity: 1; transition: all 0.25s ease-in-out 0.25s; } .menu-open #main-nav .menu-item:nth-child(2){ transition-delay: 0.3s; } .menu-open #main-nav .menu-item:nth-child(3){ transition-delay: 0.35s; } .menu-open #main-nav .menu-item:nth-child(4){ transition-delay: 0.4s; } .menu-open #main-nav .menu-item:nth-child(5){ transition-delay: 0.45s; } .menu-open #main-nav .menu-item:nth-child(6){ transition-delay: 0.5s; } .menu-open #main-nav .menu-item:nth-child(7){ transition-delay: 0.55s; } .menu-open #main-nav .menu-item:nth-child(8){ transition-delay: 0.6s; } .menu-open #main-nav .menu-item:nth-child(9){ transition-delay: 0.65s; } .menu-open #main-nav .menu-item:nth-child(10){ transition-delay: 0.7s; } #main-nav .nav-link{ color: var(--white, #FFFFFF)!important; } #main-nav .navbar-brand, #main-nav .navbar-toggler{ z-index: 12; } #navbarNavDropdown{ position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 11; } #main-nav #navbarNavDropdown #main-menu{ height: 100vh; height: 100svh; background: var(--Primary-Dark, #051623); padding-top: 180px; padding-left: 60px; padding-bottom: 30px; display: flex; justify-content: flex-start; align-items: flex-start; } #main-nav #navbarNavDropdown #main-menu .menu-item:not(.trigger-wpml,.wpml-ls-item){ padding-left: 105px; } .menu-open.page-template-home-page #main-nav.standard .navbar-toggler[aria-expanded="true"] .hamburger-inner::after, .menu-open.page-template-home-page #main-nav.standard .navbar-toggler[aria-expanded="true"] .hamburger-inner::before, .menu-open.page-template-method-page #main-nav.standard .navbar-toggler[aria-expanded="true"] .hamburger-inner::after, .menu-open.page-template-method-page #main-nav.standard .navbar-toggler[aria-expanded="true"] .hamburger-inner::before{ background:var(--white, #FFFFFF); } #main-nav .menu-item:not(.wpml-ls-item, .trigger-wpml){ margin: 7px 0px; } #main-nav #main-menu .menu-item.btn{ padding: 0px; border: 0px; border-radius: 0px; margin-left: 0px; } .trigger-wpml{ margin-left: 0px; display: flex; align-items: center; margin-top: auto; padding: 0px; } .trigger-wpml::before, .trigger-wpml::before, .page-template-home-page #main-nav.standard .trigger-wpml::before{ color: var(--white, #FFFFFF); margin-right: 10px; font-size: 16px; line-height: 1; } .trigger-wpml a{ display: block; } #main-menu > .wpml-ls-item{ display: inline-block; position: relative; top: unset; right: unset; width: auto; min-width: unset; } #main-nav .trigger-wpml a.nav-link{ font-size: 14px; padding: 0px; } #main-menu > .wpml-ls-menu-item:last-of-type{ margin-top: 10px; display: flex; border-radius: 0px; background: transparent; backdrop-filter: unset; padding: 0px; } #main-nav .wpml-ls-menu-item a, .page-template-home-page #main-nav .wpml-ls-menu-item a.nav-link, .page-template-method-page #main-nav .wpml-ls-menu-item a.nav-link, #main-nav .wpml-ls-item.dropdown > a.dropdown-toggle{ font-size: 16px; min-width: 160px; padding: 10px 15px; border-color: var(--White40, rgba(255, 255, 255, 0.40)); color: var(--white, #FFFFFF); background: var(--Bg-card-3D-dark, linear-gradient(166deg, rgba(9, 40, 64, 0.90) 16.36%, rgba(9, 40, 64, 0.40) 100%)); } #main-nav .wpml-ls-menu-item a:hover, #main-nav .wpml-ls-menu-item a:focus{ border-color: var(--White90, rgba(255, 255, 255, 0.90)); } .wpml-ls-item.dropdown .dropdown-menu .wpml-ls-item{ margin-top: 0px; } .wpml-ls-menu-item:last-of-type .dropdown-menu{ background-color: transparent; flex-direction: row; } .wpml-ls-menu-item:last-of-type .dropdown-menu .wpml-ls-menu-item:first-of-type{ border-top-left-radius: 10px; border-top-right-radius: 10px; } .wpml-ls-menu-item:last-of-type .dropdown-menu .wpml-ls-menu-item{ margin-left: 15px; } #main-nav .wpml-ls-menu-item > a.dropdown-toggle{ border-color: var(--white, #FFF)!important; } #main-nav .wpml-ls-item.dropdown > a.dropdown-toggle span{ color: var(--white, #FFFFFF); } #main-nav .wpml-ls-item.dropdown > a.dropdown-toggle span::after{ background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0' encoding='UTF-8'?%3e%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 20 20'%3e%3cpath style='fill: %23FFF; stroke-width: 0px;' d='M8.2,11.9l5.5-5.5c.2-.2.3-.2.5-.2.2,0,.4,0,.5.2.2.2.2.3.2.5s0,.4-.2.5l-6,6c-.2.2-.3.2-.5.2s-.4,0-.5-.2l-2.5-2.5c-.2-.2-.2-.3-.2-.5s0-.4.2-.5c.2-.2.3-.2.5-.2s.4,0,.5.2l2,1.9Z'/%3e%3c/svg%3e"); } #main-nav .navbar-toggler{ margin-right: 3px; } #navbarNavDropdown.collapse:not(.show){ display: block!important; visibility: hidden; } #navbarNavDropdown.collapse.show{ visibility: visible; height: 100vh; height: 100svh; } #navbarNavDropdown.collapsing{ visibility: visible; } .trigger-wpml{ cursor: default; } .trigger-wpml a{ pointer-events: none; } .m-b-lg-0{ margin-bottom: 0px; } .banner .viewer-banner{ margin-top: -90px; width: 75%; margin-left: auto; margin-right: -20px; } .container-viewer.ratio::before{ padding-top: 66.66667%; } .banner .btn, .banner a.mt-auto{ margin-top: -60px!important; z-index: 1; } .banner .white p{ max-width: 75%; /* text-shadow: -1px -1px 0 #1498FF, 1px -1px 0 #1498FF, -1px 1px 0 #1498FF, 1px 1px 0 #1498FF; */ text-shadow: -1px -1px 0 #0077D9, 1px -1px 0 #0077D9, -1px 1px 0 #0077D9, 1px 1px 0 #0077D9; } #error-404-wrapper .banner .white p{ text-shadow: -1px -1px 0 #007FF7, 1px -1px 0 #007FF7, -1px 1px 0 #007FF7, 1px 1px 0 #007FF7; } .popup{ min-width: 700px; } .detail-package{ padding-bottom: 10px; } .page-template-pricing-page .detail-package{ padding-bottom: 0px; } .wp-pagenavi .nextpostslink::after, .wp-pagenavi .previouspostslink::after{ top: 12px; left: 12px; } .container-video-intro-portfolio{ padding-bottom: 15px; } .intro-form-text p.big{ display: block; margin-right: 0px; margin-bottom: 10px; } .icon-form{ width: 22px; height: 22px; } .page-template-contact-page #main-nav #main-menu .btn.btn-outline{ border: 0px; background: transparent; } .bg-card-3d .m-b-30.text-grey{ margin-bottom: 30px; } .text-info-video .col-md-3{ width: 50%; } .container-video-intro-portfolio{ margin-bottom: 15px; } .item-custom-package{ padding: 10px; } .text-info-video .big.m-t-20{ margin-top: 5px; } .container-pricing-result-guide:not(.one-item-end-pricing) .item-end-pricing .bg-card-3d{ margin-bottom: 30px; } .container-step .controller-step{ bottom: 20px; } .container-step #btn-next{ margin-right: 30px; } .container-step #btn-prev{ margin-left: 30px; } .container-pricing-result-guide.one-item-end-pricing{ max-width: 100%!important; } .container-pricing-result-guide.col-3-grid .item-end-pricing.active, #custom.item-package-guide .item-guide{ width: 100%; } .text-p-l-icon{ padding-left: 50px; } .page-template-pricing-page .detail-package.d-flex{ display: flex!important; width: 100%; margin-left: 0px; justify-content: space-between; } .page-template-pricing-page .detail-package .m-t-15{ flex-grow: 1; } .item-detail .icon{ max-width: 24px; } .pricing-help{ gap: 20px!important; } .container-step #btn-next{ margin-right: 30px; } .container-step #btn-prev{ margin-left: 30px; } .page-template-guide-page .bg-guide{ padding-bottom: 60px; } #wrapper-footer .footer-col-dx > div{ width: 66.66666%; } #wrapper-footer .footer-col-dx > div.container-social{ justify-content: flex-start; width: 33.333%; } #wrapper-footer footer{ gap: 48px; } #wrapper-footer footer .policy{ flex: 1 0 auto; } #wrapper-footer footer .policy p{ text-align: right; margin-right: 45px; } .container-col-price .flex-column .detail-package{ order: 1; } .container-col-price .flex-column .container-text-price{ order: 2; } .container-col-price .flex-column .mt-auto{ order: 3; } } @media (max-width: 767.98px) { h1, .h1, #main-nav .nav-link{ font-size:36px } .prefooter .h1, .pricing-help .h4, h2, .h2{ font-size:30px } h3, .h3, .h3 p, .h3 .p, .h4 p, .h4 .p, .pricing-help .h4 a{ font-size:25px } .policy p, .wp-pagenavi, .link-big, .label-privacy a{ font-size:20px } .btn, .big p, .big .p, p.big, .p.big{ font-size:18px } p, .p, .searchandfilter ul li li, .btn-afacad{ font-size:16px } p > a, p > a:hover, p > a:focus{ font-size: inherit; font-family: inherit; } .p-t-240{ padding-top:60px } .p-b-240{ padding-bottom:60px } .p-b-200{ padding-bottom:60px } .p-t-200{ padding-top:60px } .m-b-200{ margin-bottom:60px } .p-t-120{ padding-top:60px } .p-b-120{ padding-bottom:60px } .m-b-120{ margin-bottom:60px } .m-t-120{ margin-top:60px } .p-b-90{ padding-bottom:30px } .p-b-md-25{ padding-bottom: 25px; } .m-b-45{ margin-bottom: 20px; } .p-b-md-0{ padding-bottom: 0px; } .btn{ padding-top:8px; padding-bottom:8px } .searchandfilter ul li li label{ padding:6px 12px } .searchandfilter li[data-sf-field-input-type="checkbox"] label, .searchandfilter li[data-sf-field-input-type="radio"] label, .searchandfilter li[data-sf-field-input-type="range-checkbox"] label, .searchandfilter li[data-sf-field-input-type="range-radio"] label{ padding-left: 12px; } .searchandfilter .h4{ padding-bottom:15px ; color: var(--Text-Grey, #5F5F5F); } .searchandfilter ul li{ padding-bottom:20px } .container-filter{ display:none } .wp-pagenavi .nextpostslink::after, .wp-pagenavi .previouspostslink::after{ width: 20px; height: 20px; top: 9px; left: 9px; } .p-60{ padding:30px } .gap-60{ gap: 30px } .p-40{ padding:20px } .wpcf7 label .wpcf7-form-control-wrap{ margin-top: 10px } .icon-small{ width:30px; height:30px } .icon-small.m-r-20{ margin-right:15px } body, .form-control, .wpcf7 .wpcf7-validation-errors, .wpcf7 input[type=color], .wpcf7 input[type=date], .wpcf7 input[type=datetime-local], .wpcf7 input[type=datetime], .wpcf7 input[type=email], .wpcf7 input[type=file], .wpcf7 input[type=month], .wpcf7 input[type=number], .wpcf7 input[type=range], .wpcf7 input[type=search], .wpcf7 input[type=submit], .wpcf7 input[type=tel], .wpcf7 input[type=text], .wpcf7 input[type=time], .wpcf7 input[type=url], .wpcf7 input[type=week], .wpcf7 select, .wpcf7 textarea{ font-size:16px } .wpcf7 .item-custom-package input{ font-size: 14px; } .container-fluid, .container{ padding-left:30px; padding-right:30px } .pop-up-group{ left:30px; width:calc(100% - 60px); } .banner{ padding:30px; border-radius:30px } .banner .btn, .banner a.mt-auto{ margin-top:auto } body:not(.page-template-home-page,.page-template-method-page, .page-template-guide-page) #main-nav, body.page-template-home-page #main-nav.standard, body.page-template-method-page #main-nav.standard{ background: rgba(255, 255, 255, 0.80); backdrop-filter: blur(7.5px); } .page-template-home-page #main-nav, .page-template-method-page #main-nav, .page-template-guide-page #main-nav{ background:transparent; } .page-template-method-page #main-nav, .page-template-guide-page #main-nav{ background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(7.5px); } .page-template-home-page #main-nav .nav-link, .page-template-method-page #main-nav .nav-link, .page-template-guide-page #main-nav .nav-link{ color: var(--white, #FFFFFF); } .page-template-home-page #main-nav.standard .nav-link, .page-template-method-page #main-nav.standard .nav-link, .page-template-guide-page #main-nav.standard .nav-link{ color: var(--black, #000000); } .container-text-reviews { min-height: 200px; } .m-r-title{ margin-right:0px } .swiper-container-review .swiper-slide{ /* flex-shrink: unset; */ height: unset; width: calc( calc( calc( calc( 100vw - calc(30px * 2) ) - calc(30px * 1) ) / 1.3 ) ) } .gradient-swiper-before, .gradient-swiper-after { display:none; } .logo-gradient{ width:100px } #colophon{ flex-wrap:wrap; padding-bottom: 30px; } #colophon .colophon, #colophon .policy { width:100%; } #colophon .policy { margin-bottom:30px } #colophon .policy{ column-count:2; /* column-gap:30px */ } #colophon .policy a { display:block; } .container-company.m-b-60{ margin-bottom:40px } .container-social.m-b-60{ margin-bottom:30px } .col-group{ padding-left:5px; padding-right:5px; } .vertical-line, .horizontal-line{ height:30px } .popup{ width: 100%; min-width: unset; max-width: calc(100% - 60px); } #main-nav #navbarNavDropdown #main-menu{ padding-top: 150px; padding-left: 30px; } #main-nav #navbarNavDropdown #main-menu .menu-item:not(.trigger-wpml,.wpml-ls-item){ padding-left: 75px; } .container-viewer{ max-width: 100%; max-height: 100%; } .pricing-help{ justify-content: center !important; gap: 15px; } .pricing-help .btn{ margin-right: auto!important; } .icon-play{ width: 40px; height: 40px; } .popup .close-popup, .pop-up-video .close-pop-up-video{ width: 40px; height: 40px; } .wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink{ width:40px; height:40px; } .navigation-method{ bottom: unset; top: 95px; opacity: 1!important; margin-top: 35px; } .text-nav-method{ color: var(--white, #FFFFFF); font-weight: 500;} .active .circle-method .text-nav-method{ color: var(--Primary, #33A4FF); } .circle-method{ width: 30px; height: 30px; margin-left: auto; margin-right: auto; display: block; } .line-nav-method{ border-radius: 3px; height: 3px; width: calc(100% - 50px); left: calc(50% + 25px); } .text-nav-method{ bottom: 2px; } #method-page-wrapper .section{ /* height: calc(100vh - 130px); height: calc(100svh - 130px); */ height: 100svh; padding-top: 65px; padding-bottom: 65px; } .navigation-method .col + .text-center{ display: none; } .navigation-method .col.active + .text-center{ display: block; } #container-method > .container-fluid .m-b-200{ margin-bottom: 0px; } /* #container-method .viewer-step{ margin-top: 0px; } .mt-0i{ margin-top: 0px!important; } */ body{ padding-top: 65px; } .page-template-guide-page .container-step{ min-height: calc(100vh - 65px); min-height: calc(100svh - 65px); } .single .container-video-intro-portfolio{ margin-bottom: 30px; } .btn{ padding: 9px 15px; } .home .portfolio-item:nth-child(4){ margin-bottom: 30px; } .prefooter .prefooter-title img{ max-width: 24px; } .pricing-help .h4 p{ text-align: center; } .p-40, .popup .inner-popup, .banner, .pricing-help.p-60, .banner-white{ padding: 20px; } .banner .viewer-banner{ margin-top: -60px; width: 75%; margin-left: auto; } .banner .white p{ max-width: 90%; } .container-viewer.ratio::before{ padding-top: 90%; } .container-items-custom-package{ flex-wrap: wrap; row-gap: 10px; } .container-items-custom-package .item-custom-package{ width: calc(50% - 10px); flex: 0 0 auto; } .container-items-custom-package .item-custom-package:nth-child(3), .container-items-custom-package .item-custom-package:nth-child(4){ margin-top: 0px; } .item-guide, .label-choose-multiple-options{ width: 100%; } .people-review, .gap-30, .container-items-custom-package{ gap: 15px; } .container-step #btn-next{ margin-right: 60px; } .container-step #btn-prev{ margin-left: 60px; } .bg-guide-img{ width: 150%; left: -25%; } .item-detail .icon{ max-width: 20px; } #colophon .policy a{ display: inline-block; } #wrapper-footer .footer-col-dx{ flex-direction: column-reverse; } #wrapper-footer .footer-col-dx > div, #wrapper-footer .footer-col-dx > div.container-social{ width: 100%; } #wrapper-footer .footer-col-dx > div.container-social p{ display: flex; gap: 16px; } #wrapper-footer .footer-col-dx > div.container-social p br{ display: none; } #wrapper-footer footer .policy p{ margin-right: 0px; text-align: left; } #wrapper-footer footer .policy p a{ margin-right: 16px; } #wrapper-footer footer{ gap: 0px; } #main-nav #navbarNavDropdown #main-menu .menu-item:not(.trigger-wpml, .wpml-ls-item){background: transparent; } } @media (max-width: 575.98px) { .container-fluid, .container{ padding-left:15px; padding-right:15px } .pop-up-group{ left:15px; width:calc(100% - 30px); } /* .banner{ padding:20px; border-radius:20px } */ .banner-white{ padding: 15px; border-radius:15px } h1, .h1, #main-nav .nav-link{ font-size:30px } .prefooter .h1, h2, .h2, h3.h1.text-gradient, .h1.text-gradient, .pricing-help .h4 p, .bg-gradient-full .h1, .pricing-help .h4 a{ font-size:24px; } h3, .h3, .h3 p, .h3 .p, h4, .h4, .h4 p, .h4 .p, .portfolio-item .p.big, .portfolio-item .link-big, a.btn-primary-arrow, .item-link .link-big, .navigation-method .big p{ font-size:20px } .wp-pagenavi{ font-size:18px } .big p, .big .p, p.big, .p.big, .link-big, #wrapper-footer .small p, #wrapper-footer p, .banner p, .btn, .portfolio-item .p, .container-text-reviews p, .people-review p:not(.small), .btn, form label, .select-selected, .link-big, .label-privacy a, .details p.text-grey, .item-link .p, .label-filter, .text-info-video{ font-size: 16px; } body, .form-control, .wpcf7 .wpcf7-validation-errors, .wpcf7 input[type=color], .wpcf7 input[type=date], .wpcf7 input[type=datetime-local], .wpcf7 input[type=datetime], .wpcf7 input[type=email], .wpcf7 input[type=file], .wpcf7 input[type=month], .wpcf7 input[type=number], .wpcf7 input[type=range], .wpcf7 input[type=search], .wpcf7 input[type=submit], .wpcf7 input[type=tel], .wpcf7 input[type=text], .wpcf7 input[type=time], .wpcf7 input[type=url], .wpcf7 input[type=week], .wpcf7 select, .wpcf7 textarea{ font-size:16px } html, body, p, .p, .caption, .searchandfilter ul li li, .btn-afacad, .policy p { font-size: 14px } .small p, .small .p, p.small, .p.small, #wrapper-footer .colophon p, .searchandfilter .h4{ font-size:12px } p > a, p > a:hover, p > a:focus{ font-size: inherit; font-family: inherit; } .icon-small{ width:20px; height:20px } .icon-small.m-r-20{ margin-right:10px } /* .btn{ padding-top:7px; padding-bottom:7px } */ .searchandfilter ul li li label{ padding:5px 10px } .searchandfilter li[data-sf-field-input-type="checkbox"] label, .searchandfilter li[data-sf-field-input-type="radio"] label, .searchandfilter li[data-sf-field-input-type="range-checkbox"] label, .searchandfilter li[data-sf-field-input-type="range-radio"] label{ padding-left: 10px; } .wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink{ width:40px; height:40px; } .p-t-240{ padding-top:60px } .p-b-240{ padding-bottom:60px } .p-b-200{ padding-bottom:60px } .m-b-120{ margin-bottom:60px } #portfolio-page-wrapper .intro.m-b-120{ margin-bottom:30px } .m-t-120{ margin-top:60px } .p-t-120{ padding-top:60px } .p-b-120{ padding-bottom:60px } .m-b-90{ margin-bottom:60px } .m-b-80{ margin-bottom:60px } .p-b-90{ padding-bottom:60px } .m-b-60{ margin-bottom:30px } .m-b-40{ margin-bottom:15px } .p-b-40{ padding-bottom: 15px } .p-t-40{ padding-top: 15px } .m-b-30:not(.container-text-price, .btn-primary-arrow), .bg-card-3d .m-b-30.text-grey{ margin-bottom:15px } .case-study-same-type .item-case-study-same-type.m-b-30{ margin-bottom: 0px; } .case-study-same-type .item-case-study-same-type.m-b-30:nth-child(-n + 6), .case-study-same-type .item-case-study-same-type.loaded.m-b-30{ margin-bottom: 20px; } .p-b-30{ padding-bottom:15px } .m-b-20{ margin-bottom:15px } .p-b-md-25{ padding-bottom: 15px; } .p-b-md-0{ padding-bottom: 0px; } #about-page-wrapper .p-t-120{ padding-top:30px } #about-page-wrapper .p-b-120{ padding-bottom:30px } .container-banner.m-b-120{ margin-bottom:30px } .container-form.p-t-120{ padding-top:30px } .container-pagenavi.m-t-60{ margin-top:15px } .container-pagenavi.m-b-60{ margin-bottom:0px } .banner.m-b-20{ margin-bottom:20px } .bg-card-3d.p-t-40.p-b-40{ padding-top:20px; padding-bottom: 20px; } .swiper-container-review .p-30{ padding: 20px; } .intro.m-t-120{ margin-top:30px } .p-60{ padding: 20px } .gap-60{ gap: 15px } .p-40{ padding:15px } .br-50, .card, .card-icon, .wpcf7-radio, .br-40, .banner{ border-radius:20px } .br-30{ border-radius:15px } .br-20, .pop-up-group{ border-radius:10px } .br-15{ border-radius:5px } .container-col-price .h-100.position-relative, .portfolio-item .ratio{ clip-path: inset(1px 1px round 5px); } .btn-filter{ margin-bottom: 20px; } .intro-home.p-15 { padding-left:8px; padding-right:8px; } .intro-home > div{ border-radius: 22px 22px 24px 24px; } #main-nav{ padding-top: 15px; padding-bottom: 15px; } .wpcf7 label .wpcf7-form-control-wrap{ margin-top: 5px } .container-text-reviews { min-height: 200px; } .prefooter{ padding-top:20px } .prefooter .m-r-24{ margin-right:8px } .prefooter .m-b-60{ margin-bottom:20px } .prefooter .m-b-60.btn{ margin-bottom:30px } .prefooter .prefooter-title{ width:100%; justify-content:center; } .gradient-swiper{ display:none } .swiper-container-review .swiper-slide{ /* flex-shrink: unset; */ height: unset; width: calc( calc( calc( calc( 100vw - calc(15px * 2) ) - calc(15px * 1) ) / 1.1 ) ) } .logo-gradient{ width:60px } .container-company.m-b-60, .container-newsletter.m-b-60{ margin-bottom:30px } .container-social.m-b-60{ margin-bottom:20px } #wrapper-footer.p-t-60{ padding-top:30px } #wrapper-footer.p-b-30{ padding-bottom:30px } .viewer-banner .p-30{ padding:0px; } .viewer-banner{ margin-bottom:-30px; margin-top:-30px } .col-group .p-30{ padding:15px } .col-group{ padding-left:10px; padding-right:10px; } .container-col-price .icon-play{ display:block } .container-col-price .is-playing .icon-play{ display:none } #main-nav #navbarNavDropdown #main-menu{ padding-top: 125px; padding-left: 15px; } #main-nav #navbarNavDropdown #main-menu .menu-item:not(.trigger-wpml,.wpml-ls-item){ padding-left: 30px; } #main-nav .wpml-ls-menu-item a, .page-template-home-page #main-nav .wpml-ls-menu-item a.nav-link{ min-width: 110px; } .form-control, .wpcf7 .wpcf7-validation-errors, .wpcf7 input[type="color"], .wpcf7 input[type="date"], .wpcf7 input[type="datetime-local"], .wpcf7 input[type="datetime"], .wpcf7 input[type="email"], .wpcf7 input[type="file"], .wpcf7 input[type="month"], .wpcf7 input[type="number"], .wpcf7 input[type="range"], .wpcf7 input[type="search"], .wpcf7 input[type="submit"], .wpcf7 input[type="tel"], .wpcf7 input[type="text"], .wpcf7 input[type="time"], .wpcf7 input[type="url"], .wpcf7 input[type="week"], .wpcf7 select, .wpcf7 textarea, .select-selected{ padding: 10px 15px; } #wrapper-footer .wpcf7 .newsletter-submit .arrow-submit{ width: 46px; height: 46px; } #wrapper-footer .wpcf7 .newsletter-submit .arrow-submit::after{ width: 20px; height: 20px; } /* .open-pop-up-group, .close-pop-up-group{ width: 20px; height: 20px; } */ .circle-method{ width: 24px; height: 24px; } .line-nav-method{ border-radius: 3px; height: 3px; width: calc(100% - 44px); left: calc(50% + 22px); } /* .intro-home .row h1{ display: inline; } .intro-home .row h1 br{ display: none; } */ .home #content > .p-t-120{ padding-top: 50px; } .banner > .row{ margin-left: 0px; margin-right: 0px; } .banner, .banner > .row > .col-12{ padding-left:0px; padding-right:0px; } .banner > .row > .col-12 .white{ padding-left:20px; padding-right:20px; } .item-create-toolkit .banner > .row > .col-12 .white{ padding-left:0px; padding-right:0px; } .banner .btn, .banner a.mt-auto{ margin-left: 20px; } .item-create-toolkit .banner .btn{ margin-left: 0px; } .popup .close-popup, .pop-up-video .close-pop-up-video{ width: 30px; height: 30px; } .popup .close-popup::after, .pop-up-video .close-pop-up-video::after{ width: 10px; height: 10px; } .title-popup{ padding-left: 40px; padding-right: 40px; } .select-selected::after{ top: 9px; right: 10px; } .popup{ max-width: calc(100% - 30px); } .popup .close-popup, .pop-up-video .close-pop-up-video{ margin-right: 10px; margin-top: 9px; } .popup .inner-popup, .pop-up-video .inner-popup{ padding: 15px; padding-bottom: 20px; } .wpcf7 .accept-privacy input[type="checkbox"]{ width: 20px; height: 20px; } .wpcf7 .accept-privacy span.wpcf7-list-item .wpcf7-list-item-label{ width: 12px; height: 12px; } .wpcf7 .label-privacy{ padding-top: 2px; } .icon-details, .swiper-container-study .bg-card-3d.p-t-40.p-b-40 img{ max-width: 30px; } .intro-form-text .btn-afacad{ font-size: 14px; padding: 3px 10px; } .icon-form{ width: 20px; height: 20px; margin-right: 5px; } .btn.btn-primary-arrow{ padding: 10px 15px; /* margin-bottom: 60px; */ } .btn{ padding: 7px 15px; } .banner-white .m-b-30.text-grey{ margin-bottom: 30px; } .banner-white .h3{ margin-bottom: 15px; } .popup .btn.btn-primary-arrow{ margin-bottom: 0px; } /* .detail-package .item-detail{ width: 100%; } */ .banner .viewer-banner{ width: 65%; } .banner .white p{ max-width: 100%; } .banner .viewer-banner{ margin-right: 0px; width: 85%; } .banner .btn, .banner a.mt-auto{ margin-top: -20px!important; } .input-group-number-package .button-minus, .input-group-number-package .button-plus{ width: 30px; height: 30px; border-radius: 15px; } .input-group-number-package .button-plus .sign, .input-group-number-package .button-minus .sign{ width: 16px; height: 16px; background-size: 100%; } .wpcf7 .item-custom-package input{ padding-left: 5px; padding-right: 5px; } .wpcf7 .item-custom-package input{ font-size: 14px; } .wp-pagenavi > *{ font-size: 18px; } .single .container-video-intro-portfolio{ margin-bottom: 15px; } .viewer-step{ margin-top: 90px; } .navigation-method .big p{ font-weight: 500; font-family: 'Afacad'; } .swiper-container-team .swiper-slide img, .page-template-contact-page .link-big img{ max-width: 30px; } .item-guide .circle, .item-guide .checkbox{ width: 20px; min-width: 20px; height: 20px; margin-right: 10px; } .item-guide.selected .circle:after, .item-guide.selected .checkbox:after{ width: 10px; height: 10px; } .step-progress .text-end p{ font-size: 16px; font-weight: 400; } .progress-guide{ height: 10px; } .container-step .controller-step{ position: relative; bottom: unset; } .container-step #btn-next{ margin-right: 0px; } .container-step #btn-prev{ margin-left: 0px; } .container-step .step-guide .item-step{ min-height: unset; } /* .page-template-pricing-page .detail-package .m-t-15{ width: calc(50% - 7.5px); } .page-template-pricing-page .detail-package .m-t-15:first-child{ width: 100%; } */ .page-template-pricing-page .detail-package .m-t-15{ width: 100%; display: flex; background: #F5F9FC; border: 0px; border-radius: 12px; align-items: center; justify-content: space-between; } .page-template-pricing-page .detail-package .m-t-15:first-child .item-detail{ padding-right: 20px; } form .p-b-60{ padding-bottom: 30px; } #error-404-wrapper .text-center .btn{ margin-top: 10px; } #colophon .policy{ column-count: 1; } #CookiebotWidget{ bottom: 13px!important; } #ht-ctc-chat{ bottom: 13px!important; } #main-nav .wpml-ls-menu-item a, .page-template-home-page #main-nav .wpml-ls-menu-item a.nav-link, .page-template-method-page #main-nav .wpml-ls-menu-item a.nav-link, #main-nav .wpml-ls-item.dropdown > a.dropdown-toggle, #main-nav .wpml-ls-menu-item a, .page-template-home-page #main-nav .wpml-ls-menu-item a.nav-link{ min-width: 110px; } } @media (max-width: 419.98px) { .banner .viewer-banner{ width: 100%; } .text-p-l-icon{ padding-left: 0px; padding-right: 0px; } .item-step .item-end-pricing .gap-30{ gap: 10px; } .item-step .item-end-pricing .btn{ padding-left: 12px; padding-right: 12px; font-size: 15px; } .intro-home .row h1{ display: inline; } .intro-home .row h1 br{ display: none; } .intro-home .row.translate-middle-y .col-xxl-6{ display: flex; flex-direction: column; } .intro-home .open-pop-up-video{ align-self: center; } #main-nav .wpml-ls-menu-item a, .page-template-home-page #main-nav .wpml-ls-menu-item a.nav-link, .page-template-method-page #main-nav .wpml-ls-menu-item a.nav-link, #main-nav .wpml-ls-item.dropdown > a.dropdown-toggle, #main-nav .wpml-ls-menu-item a, .page-template-home-page #main-nav .wpml-ls-menu-item a.nav-link{ font-size: 12px; } .wpml-ls-menu-item:last-of-type .dropdown-menu .wpml-ls-menu-item{ margin-left: 7px; } .btn{ font-size: 14px; } } @media (max-width: 369.98px) { #main-nav #navbarNavDropdown #main-menu{ padding-top: 80px; } .navigation-method{ top: 75px; margin-top: 35px; } .navigation-method .col.active + .text-center{ margin-top: 40px; } .viewer-step{ height: 40vh; margin-top: 60px; } .title-step .big .p{ font-size: 14px; } .title-step h2{ font-size: 20px; margin-bottom: 10px; } .detail-package .item-detail{ width: 100%; } #main-nav .wpml-ls-menu-item a, .page-template-home-page #main-nav .wpml-ls-menu-item a.nav-link, .page-template-method-page #main-nav .wpml-ls-menu-item a.nav-link, #main-nav .wpml-ls-item.dropdown > a.dropdown-toggle, #main-nav .wpml-ls-menu-item a, .page-template-home-page #main-nav .wpml-ls-menu-item a.nav-link{ min-width: 90px; padding: 10px; } } @media (max-width: 349.98px) { #main-nav #navbarNavDropdown #main-menu{ padding-top: 85px; } #main-nav .nav-link{ font-size:24px } .prefooter .h1 { font-size:20px } .container-pricing-result-guide{ padding-left: 0px; padding-right: 0px; } .btn{ padding-left: 10px; padding-right: 10px; font-size: 14px; } }