html { margin: 0; height:100%; min-height: 100%; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0); } body { background:#fff; height:100%; min-height: 100%; font-family:'Kanit', Arial, Helvetica, sans-serif; font-weight: 400; margin: 0; padding: 0; color: #333; font-size: 14px; line-height: 1.42; } *,*:before,*:after { box-sizing: border-box; margin: 0; padding: 0; } .txtCol1{ color: #149EDC; } .txtCol2{ color: #184377;/*blue*/ } /* .txtCol3{ color: #4877a5;/*purple } .txtCol4{ color: #72406c;/*green } .txtCol5{ color: #aeb071;/*lime-green } .txtCol6{ color: #7c7c7c;/*semi-dark gray } .txtCol7{ color: #7e3530;/*dark red }*/ .w10, .w20, .w25, .w30, .w33, .w40, .w50, .w60, .w70, .w80, .w90, .w100{width: 100%;} .simple-list{ margin-bottom: 20px; } .simple-list li{ margin-left: 2rem; font-size: inherit; font-size: 1.25em; font-weight: 300; } input[type=email], input[type=number], input[type=tel], input[type=text], textarea{ font-size: 1.2em; padding: 8px; border: 1px solid #e3e3e3; color: #000; width: 100%; height: 45px; padding-left: 12px; border-radius: 6px; margin-bottom: 20px; margin-top: 1px; font-family: 'Roboto Condensed'; color: #727272; font-weight: 300; } input[type=email]:focus-visible, input[type=number]:focus-visible, input[type=tel]:focus-visible, input[type=text]:focus-visible, textarea:focus-visible{ outline: none; border: 2px solid #e3e3e3; } input, select { -webkit-background-clip: text !important; background-clip: text !important; } input:-internal-autofill-selected { background-color: #ffffff !important; color: #000000 !important; background-image: none !important; } .center{ text-align:center; } .right{ text-align:right; } .pa-top{ top:0; } .pdr15{padding-right: 0;} .pdl15{padding-left: 0;} .mgr15{margin-right: 0;} .mgl15{margin-left: 0;} .cont{ width:100%; margin:0 auto; padding:0 20px; } .clear,.clr:after,#benefits-box:after,#info-box:after{ content: " "; float: none; clear: both; display: table; } .flex{ display: flex; flex-direction: column; align-items: center; flex-wrap: nowrap; } .unselectable { /* -webkit-user-select: none; -webkit-touch-callout: none; -moz-user-select: none; -ms-user-select: none; user-select: none; */ } #header-logo{ background:#1a1b20; padding:.5rem 0; } #logo{ background: url(/pro/who_we_are/bd/sp3/files/logo-desk.png) no-repeat; background-position: center; width: 80%; background-size: contain; margin: 0 auto; max-width: 274px; } #logo:after{ content:""; display:block; padding-bottom:13.50%; } #header-headline { font-size: 1.2em; padding: .6em 0 .6em; background: #232429; color: #1c1465; } #header-headline h1{ font-size:1.4rem; color: #fff; text-align: center; font-weight: 700; } #header-headline h1 u{ font-size:0.8em; display: inline-block; font-weight: 500; } #header-sub{ background-color: #fff; position: relative; display:block; padding: 1em 0; } #header-sub:before { content: ''; display: none; border: solid 12px transparent; border-top-width: 6px; border-bottom-width: 0; border-top-color: #3d7ca8; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 0; height: 0; position: absolute; top: 0; left: 50%; } #header-sub h2{ color: #333; margin: 0; padding: 0; text-align: center; font-size: 1.2em; font-weight: 600; width: 90%; margin-left: 5%; } #inf-head{ display: block; width: 100%; height: 40px; margin: 0 auto; background: #48484d; text-align: center; } .inf-head-txt{ display: block; width: 100%; height: 100%; margin: 0 auto; } .inf-head-txt h3{ font-size: 1em; font-weight: 400; line-height: 40px; color: #fff; } #main{ display: block; position: relative; width: 100%; margin: 0 auto; background: none; padding-top: 40px; padding-bottom: 40px; } .main-bg, .benefits-bg, .services-bg, .fuelprice-bg, .valuationdata-bg{ content: ""; display: block; overflow: hidden; position: relative; z-index: 2; background-image: url(/pro/who_we_are/bd/sp3/files/dhc-main-bg1.jpg); max-width: 100%; height: 800px; background-repeat: no-repeat; background-size: cover; background-position: 50% 37%; } .benefits-bg{ background-image: url(/pro/who_we_are/bd/sp3/files/benefits-bg1.jpg); height: 350px; background-position: 60% 40%; } .fuelprice-bg{ background-image: url(/pro/who_we_are/bd/sp3/files/fuelprice-bg1.jpg); height: 350px; background-position: 60% 40%; } .valuationdata-bg{ background-image: url(/pro/who_we_are/bd/sp3/files/valuationdata-bg1.jpg); height: 350px; background-position: 60% 40%; } .services-bg{ background-image: url(/pro/who_we_are/bd/sp3/files/services-bg2.jpg); height: 600px; background-position: 60% 40%; } .main-bg:before, .benefits-bg:before, .services-bg:before, .fuelprice-bg:before, .valuationdata-bg:before{ content: ""; position: relative; display: block; background: linear-gradient(146deg, rgb(0 0 0 / 50%) 35%, rgb(0 0 0 / 0%) 100%); width: 100%; padding-top: 800px; } .benefits-bg:before{ padding-top: 350px; } .services-bg:before{ padding-top: 600px; } .fuelprice-bg:before{ padding-top: 350px; } .valuationdata-bg:before{ padding-top: 350px; } .main-bg-ct, .main-bg-rf{ content: ""; display: block; overflow: hidden; position: relative; z-index: 2; background-image: url(/pro/who_we_are/bd/sp3/files/main-bg-ct.jpg); max-width: 100%; height: 500px; background-repeat: no-repeat; background-size: cover; background-position: 50% 37%; } .main-bg-rf{ background-image: url(/pro/who_we_are/bd/sp3/files/refunds-bg1.jpeg); } .main-bg-ct:before, .main-bg-rf:before{ content: ""; position: relative; display: block; background: linear-gradient(146deg, rgb(0 0 0 / 70%) 35%, rgb(0 0 0 / 0%) 100%); width: 100%; padding-top: 500px; } .main-txt{ position: relative; width: 100%; padding: 0; z-index: 1; } .main-txt h3 { font-size: 26px; line-height: 30px; margin-bottom: 15px; text-align: left; color: #fff; font-weight: 400; } .main-txt h4 { font-size: 20px; line-height: 26px; margin-bottom: 15px; text-align: left; color: #fff; font-weight: 400; } .main-txt p { font-size: 18px; line-height: 24px; margin-bottom: 15px; text-align: left; color: #fff; font-weight: 400; } .main-txt-title{ width: 100%; margin-bottom: 25px; } .main-txt-title h1{ font-size: 40px; color: #fff; line-height: 50px; font-weight: 500; } .main-txt-content { display: flex; width: 100%; margin: 0 auto; text-align: center; border-radius: 18px; flex-direction: column; flex-wrap: wrap; align-content: center; align-items: stretch; } .main-col1{ display: block; position: relative; width: 100%; margin: 0 auto; text-align: center; padding-top: 8px; padding-bottom: 20px; font-family: "Roboto Condensed", sans-serif; } .main-col1 ul{ display: flex; width: 100%; flex-direction: row; align-items: flex-end; flex-wrap: nowrap; justify-content: space-between; } .main-col1 ul li{ color: #fff; } .main-col1 .m1{ display: flex; align-items: center; height: 100%; padding-right: 4px; } .main-col1 .m2{ display: flex; align-items: center; height: 100%; } .main-col1 .m3{ display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; padding-left: 4px; } .main-col1 h1{ font-size: 8em; line-height: 0.9; font-weight: 600; } .main-col1 h3{ display: flex; position: relative; font-size: 4em; text-align: left; bottom: 2px; line-height: 1; width: fit-content; font-weight: 500; flex-direction: column; align-items: flex-start; } .main-col1 h3 span{ font-size: 0.7em; } .main-col1 h4{ display: block; position: relative; font-size: 25px; line-height: 1.1; bottom: 6px; font-weight: 600; text-align: left; } .main-col2{ background: #fff; color: #149EDC; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; width: 100%; text-align: center; } .main-col2 h3{ font-size: 37px; line-height: 0.8; text-transform: uppercase; padding: 15px 0; font-weight: 600; } .main-btn{ display: block; position: absolute; width: max-content; margin: 0 auto; left: calc(50% - 90px); bottom: -22px; } .m-btn{ position: relative; z-index: 2; overflow: hidden; display: flex; text-transform: uppercase; background-color: #149EDC; color: #fff; font-family: 'Montserrat'; height: 44px; line-height: 44px; font-size: 18px; padding: 0 15px; border-radius: 22px; padding-left: 22px; width: 180px; font-weight: 600; align-items: center; flex-wrap: wrap; flex-direction: row; transition: 0.3s ease-in-out; justify-content: center; outline: 4px solid #fff; cursor: pointer; } .hover_effect.m-btn { background-color: #134938; } .b-btn{ position: relative; z-index: 2; overflow: hidden; display: flex; text-transform: uppercase; background-color: #fff; color: #444; font-family: 'Montserrat'; height: 44px; line-height: 39px; font-size: 18px; padding: 0 15px; border-radius: 22px; border: 2px solid #149EDC; padding-left: 22px; font-weight: 600; align-items: center; flex-wrap: wrap; flex-direction: row; transition: 0.3s ease-in-out; justify-content: center; outline: 8px solid #fff; cursor: pointer; border-top-width: thick; width: 200px; } .hover_effect.b-btn { background: #1d1c1f; color: #fff; } .g-btn{ display: flex; position: relative; align-items: center; flex-wrap: wrap; flex-direction: row; justify-content: center; font-family: 'Montserrat'; text-transform: uppercase; font-size: 18px; font-weight: 600; height: 50px; line-height: 50px; padding: 0 15px; padding-left: 22px; border-radius: 6px; z-index: 2; overflow: hidden; transition: 0.3s ease-in-out; cursor: pointer; } .green{ background-color: #149EDC; /*green*/ color: #fff; } .red{ background-color: #fe7e7e; /*red*/ color: #fff; } .org{ background-color: #149EDC; /*orange*/ color: #fff; } .search-symb{ font-size: 28px; } .hover_effect.green { background-color: #184377; } .hover_effect.red { background-color: #ff0000; } .hover_effect.org { background-color: #184377; } .hover_effect .search-symb{ transform: scale(1.1) rotate(90deg); } .arrcol-m svg{ position: relative; top: 4px; fill: #fff; transition: 0.3s ease-in-out; margin-left: 10px; } .hover_effect .arrcol-m svg{ margin-left: 14px; } .arr-right svg{ position: relative; top: 4px; fill: #fff; transition: 0.3s ease-in-out; margin-left: 10px; } .hover_effect .arr-right svg{ margin-left: 14px; } .arr-left svg{ position: relative; top: 4px; fill: #fff; transform: rotate(180deg); margin-right: 10px; transition: 0.3s ease-in-out; } .hover_effect .arr-left svg{ margin-right: 14px; } .main-img{ display: block; position: relative; width: 100%; margin: 0 auto; text-align: center; } .main-img-center{ display: block; position: relative; width: 100%; max-width: 520px; margin: 0 auto; text-align: center; vertical-align: middle; } .main-img-center img{ position: relative; width: 100%; max-width: 100%; z-index: 2; } .main-img-left{ display: block; position: absolute; top: 175px; left: 5%; width: 100%; max-width: 300px; z-index: 5; } .main-img-left img{ display: block; position: relative; width: 100%; z-index: 3; } .main-img-right{ display: block; position: absolute; z-index: 4; width: 360px; top: 255px; left: 31%; } .main-img-right img{ display: block; position: relative; width: 100%; z-index: 3; } .th-btn{ position: relative; z-index: 2; overflow: hidden; display: inline-block; text-transform: uppercase; background-color: #149EDC; color: #fff; font-family: 'Montserrat'; font-size: 18px; padding: 15px 30px; border-radius: 5px; letter-spacing: 0; width: fit-content; } .th-btn:before, .th-btn:after{ content: ""; position: absolute; height: 100%; top: 0; left: 0; width: 50.1%; background-color: #72406c; z-index: -1; transition: all 0.4s ease-out; border-radius: 0; } .th-btn:before{ transform: scale(0) rotate(0); } .th-btn:after{ transform: scale(0) rotate(0); left: unset; right: 0; } .th-btn:hover::before, .th-btn:hover:after, .th-btn.active::before, .th-btn.active:after { border-radius: 0; transform: scale(1) rotate(360deg); } .tfs-button-1{ display: block; position: absolute; bottom: 20px; left: 22px; } .arr{} .ct-btn{ position: relative; z-index: 2; overflow: hidden; display: flex; text-transform: uppercase; font-family: 'Montserrat'; font-size: 18px; padding: 5px 30px; border-radius: 5px; letter-spacing: 0; width: fit-content; font-weight: 600; align-items: center; flex-wrap: nowrap; flex-direction: row; transition: 0.3s ease-in-out; } .btcol1 { background-color: #fff; color: #149EDC; } .arr svg{ position: relative; margin-left: 10px; top: 2px; } .arrcol1 svg{ fill: #149EDC; transition: 0.3s ease-in-out; } .hover_effect.btcol1 { background-color: #149EDC; color: #fff; } .hover_effect .arrcol1 svg, .hover_effect .arrcol2 svg, .hover_effect .arrcol3 svg, .hover_effect .arrcol4 svg, .hover_effect .arrcol5 svg, .hover_effect .arrcol6 svg, .hover_effect .arrcol7 svg{ fill: #fff; margin-left: 14px; } .btcol2 { background-color: #fff; color: #184377; } .hover_effect.btcol2 { background-color: #184377; color: #fff; } .arrcol2 svg{ fill: #184377; transition: 0.3s ease-in-out; }/* .btcol3 { background-color: #fff; color: #4877a5; } .hover_effect.btcol3 { background-color: #4877a5; color: #fff; } .arrcol3 svg{ fill: #4877a5; transition: 0.3s ease-in-out; } .btcol4 { background-color: #fff; color: #72406c; } .hover_effect.btcol4 { background-color: #72406c; color: #fff; } .arrcol4 svg{ fill: #72406c; transition: 0.3s ease-in-out; } .btcol5 { background-color: #fff; color: #aeb071; } .hover_effect.btcol5 { background-color: #aeb071; color: #fff; } .arrcol5 svg{ fill: #aeb071; transition: 0.3s ease-in-out; } .btcol6 { background-color: #fff; color: #7c7c7c; } .hover_effect.btcol6 { background-color: #7c7c7c; color: #fff; } .arrcol6 svg{ fill: #7c7c7c; transition: 0.3s ease-in-out; } .btcol7 { background-color: #fff; color: #7e3530; } .hover_effect.btcol7 { background-color: #7e3530; color: #fff; } .arrcol7 svg{ fill: #7e3530; transition: 0.3s ease-in-out; }*/ /*====== Main banner==========*/ #main-banner{ display: block; position: relative; width: 100%; margin: 0 auto; background: #184377; min-height: 30vh; margin-bottom: 25px; } .main-banner-txt{ position: relative; width: 100%; padding: 0; z-index: 1; } .main-banner-txt-title{ width: 100%; margin-bottom: 25px; } .main-banner-txt-title h1{ font-size: 40px; color: #fff; line-height: 50px; font-weight: 500; } .main-banner-txt-content { display: flex; width: 100%; /*max-width: 600px;*/ /*border: 4px solid #fff;*/ margin: 0 auto; text-align: center; border-radius: 18px; /*padding: 10px;*/ flex-direction: column; flex-wrap: wrap; align-content: center; align-items: stretch; } .main-banner-col1{ display: block; position: relative; width: 100%; margin: 0 auto; text-align: center; padding-top: 8px; padding-bottom: 20px; font-family: "Roboto Condensed", sans-serif; } .main-banner-col1 ul{ display: flex; width: 100%; flex-direction: row; align-items: flex-end; flex-wrap: nowrap; justify-content: space-between; } .main-banner-col1 ul li{ color: #fff; } .main-banner-col1 .m1{ display: flex; align-items: center; height: 100%; padding-right: 4px; } .main-banner-col1 .m2{ display: flex; align-items: center; height: 100%; } .main-banner-col1 .m3{ display: flex; flex-direction: column; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; padding-left: 4px; } .main-banner-col1 h1{ font-size: 8em; line-height: 0.9; font-weight: 600; } .main-banner-col1 h3{ display: flex; position: relative; font-size: 4em; text-align: left; bottom: 2px; line-height: 1; width: fit-content; font-weight: 500; flex-direction: column; align-items: flex-start; } .main-banner-col1 h3 span{ font-size: 0.7em; } .main-banner-col1 h4{ display: block; position: relative; font-size: 25px; line-height: 1.1; bottom: 6px; font-weight: 600; text-align: left; } .main-banner-col2{ background: #fff; color: #149EDC; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; width: 100%; text-align: center; } .main-banner-col2 h3{ font-size: 37px; line-height: 0.8; text-transform: uppercase; padding: 15px 0; font-weight: 600; } .main-banner-btn{ display: block; position: absolute; width: max-content; margin: 0 auto; left: calc(50% - 90px); bottom: -22px; } .arrcol-m svg{ position: relative; top: 4px; fill: #fff; transition: 0.3s ease-in-out; margin-left: 10px; } .hover_effect .arrcol-m svg{ margin-left: 14px; } .main-banner-img{ display: block; position: relative; width: 100%; margin: 0 auto; text-align: center; } .main-banner-img-center{ display: block; position: relative; width: 100%; max-width: 520px; margin: 0 auto; text-align: center; vertical-align: middle; } .main-banner-img-center img{ position: relative; width: 100%; max-width: 100%; z-index: 2; } .main-banner-img-left{ display: block; position: absolute; top: 175px; left: 5%; width: 100%; max-width: 300px; z-index: 5; } .main-banner-img-left img{ display: block; position: relative; width: 100%; z-index: 3; } .main-banner-img-right{ display: block; position: absolute; z-index: 4; width: 360px; top: 255px; left: 31%; } .main-banner-img-right img{ display: block; position: relative; width: 100%; z-index: 3; } /*====== Pre-Sell==========*/ .presell-col1{ width: 100%; } .presell-col1 h2{ text-align: center; color: #fff; width: 100%; font-family: 'Roboto Condensed'; font-size: 32px; font-weight: 600; line-height: 36px; } .presell-col1 h2 span{ display: inline-block; } .presell-col1 h3{ font-size: 24px; color: #fff; font-weight: 300; padding-top: 5px; } .presell-col1 ul{ display: flex; justify-content: flex-start; flex-direction: column; align-items: flex-start; width: 100%; margin-top: 15px; margin-bottom: 20px; padding-left: 25px; color: #fff; } .presell-col1 .m3{ display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; width: 100%; margin-bottom: -5px; } .m3 h4{ color: #fff; font-size: 16px; font-weight: 300; } .mi3{ margin-right: 5px; font-size: 22px; } .presell-btn{ width: fit-content; display: block; position: relative; margin: 0 auto; } .presell-green-btn{ position: relative; z-index: 2; overflow: hidden; display: flex; text-transform: uppercase; background-color: #149EDC; color: #fff; font-family: 'Montserrat'; height: 50px; line-height: 50px; font-size: 20px; padding: 0 15px; padding-left: 22px; max-width: 250px; font-weight: 600; align-items: center; flex-wrap: wrap; flex-direction: row; border-radius: 4px; transition: 0.3s ease-in-out; justify-content: center; } .hover_effect.presell-green-btn { background-color: #184377; } .presell-col2{ width: 100%; max-width: 600px; margin: 0 auto; margin-top: 10px; } .presell-col2 a{ color: #149edc; } .presell-col2 a:hover{ color: #a7e4ff; text-decoration: underline; } .presell-col2 p{ font-size: 13px!important; color: #dcdcdc; line-height: 1!important; } /*=================================*/ .small-bg-section{ display: block; width: 100%; background-color: #f9f9f9; height: 60px; } /*=================================*/ .fuel-info{ display: block; width: 100%; margin-top: 30px; margin-bottom: 30px; } .fuel-form{ display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; width: 100%; position: relative; } .fuel-entry-data{ display: flex; flex-direction: column; align-items: flex-start; width: 100%; max-width: 200px; margin-right: 15px; } .fuel-entry-data label{ display: block; width: 100%; font-size: 16px; color: #fff; font-weight: 600; margin-bottom: 5px; } .dtr-data{ } .dtr-data a, .styled-table td a{ color: #149EDC; } .dtr-data a:before, .styled-table td a:before{ content: ""; display: inline-block; position: relative; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAOVBMVEVHcEz/aAH/aAH/aAH/aAH/aAH/aAH/aAH/aAH/aAH/aAH/aAH/aAH/aAH/aAH/aAH/aAH/aAH/aAERcBRMAAAAEnRSTlMAV+qeMsMO9mofg7Lc0wN2RIytJNQLAAAA8UlEQVQoz11RWRbDIAhUFlHjErn/YSumPtPyI7IMMOPc19KoInUk92dZAHtHkPwbR83B3pAV3/Gofrte44kHsDKPaGmE4E5VMjRmw0mn22F1jgwiKjlXz5Trcq6LedKf306wwU3oYDB8EhnaXICJeA5ucE4hK6SiWsha6ezLZeI0ojbRCr8OpMNEFvqhavfTH1mhcjugb7sfiqLe7yiNqiqTliSqdewhxAoYb5h3XXBHBOWVSlB8W0x6v/hrvoAJ2eU77gK4tgz9qfyqDpC2DKtzCuFX0702Cp63vNPTgqPH2AdOxvgolSJyBRGojPHB+wAD1giG7YuObwAAAABJRU5ErkJggg==); background-repeat: no-repeat; background-size: cover; width: 18px; height: 18px; vertical-align: middle; top: -2px; margin-right: 3px; } /*=================================*/ .main-bg-ct{ content: ""; display: block; overflow: hidden; position: relative; z-index: 2; background-image: url(/pro/who_we_are/bd/sp3/files/main-bg-ct.jpg); max-width: 100%; height: 250px; background-repeat: no-repeat; background-size: cover; background-position: 50% 70%; } .main-bg-ct:before{ content: ""; position: relative; display: block; background: linear-gradient(146deg, rgb(0 0 0 / 70%) 35%, rgb(0 0 0 / 0%) 100%); width: 100%; padding-top: 250px; } .main-txt-ct{ position: absolute; top: 50%; width: 100%; padding: 0; z-index: 5; transform: translateY(-50%); } .main-txt-title-ct{ max-width: 1000px; width: 100%; margin-bottom: 25px; padding-left: 20px; margin: 0 auto; } .main-txt-title-ct h1{ font-size: 42px; color: #fff; line-height: 50px; } /*=================================*/ #benefits{ display: block; position: relative; width: 100%; background: #fff; background-image: linear-gradient(180deg, #f7f7f7 60%, rgba(255, 255, 255, 0) 60%); padding-top: 80px; padding-bottom: 40px; } .benefits-container{ display: flex; flex-direction: column; align-items: center; flex-wrap: nowrap; width: 100%; position: relative; color: #1d242d; } .benefits-tile{ display: block; text-align: left; width: 100%; margin-bottom: 20px; } #benefits h2{ font-size: 34px; font-weight: 700; } #benefits-box{ display: flex; flex-direction: column; align-items: center; flex-wrap: nowrap; width: 100%; position: relative; margin-top: 20px; } .benefits-box-content{ display: flex; margin-left: 0; margin-right: 0; overflow: hidden; background-color: #149EDC; background-image: url(/pro/who_we_are/bd/sp3/files/feature_card_bg.png); background-position: right bottom; background-size: cover; border: 1px solid #e6e6e6; border-radius: 10px 10px 10px 10px; border-radius: 10px; width: 100%; margin-bottom: 20px; } .bnf-card{ display: flex; position: relative; flex-direction: column; align-items: center; width: 100%; justify-content: flex-start; height: 100%; padding: 0 20px; padding-top: 40px; padding-bottom: 15px; } .bnf-card:before{ content: ''; height: 100%; width: 100%; position: absolute; bottom: 0; left: 0; background-color: #fff; border: 1px solid #e6e6e6; border-radius: inherit; z-index: 0; transition: 0.4s ease-in-out; } .hover_effect .bnf-card:before{ transform: translate(0px, 100%); } /*.bnf-img{ display: flex; position: relative; background-color: #ffe4d1; border: 0; width: 100px; height: 100px; margin: 0; align-self: center; border-radius: 50%; text-align: center; background-clip: inherit; z-index: 1; align-items: center; justify-content: center; transition: 0.4s ease-in-out; } .img1:before, .img2:before, .img3:before, .img4:before{ content: ""; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAM1BMVEVHcEz/aAH/aAH/aAH/aAH/aAH/aAH/aAH/aAH/aAH/aAH/aAH/aAH/aAH/aAH/aAH/aAGo9vKbAAAAEHRSTlMA/O6JKQKw1nSbCmUVVMU9E9llkgAAA2RJREFUWMPNV9mWrSoMlHmG/P/X3jApKGivs18uL71bqaISQiiPAwejzB5/Gt5JRYmSTIxPGQBQLb7h3BCog/AZbyiASl/4kGexwA0Am/HssBpfSv6KZ20RPePxX13kSQJEv+AzTjzxhwLZfqUIZJ/LRCrujscH1LefgsI2DwIXWq1f3pj+U95fXrNCXeeJx9xee6Ih7hRUbkHO1eqw9V3PAgcSNgVEIK8iIkx5diTTcgLhXGfDEEAtNDpSHxtQ9oNBN5WcDDWIeCBFHwUSWRI1j0sG1sMcYkC8BKgpprm+pd1r6AqGGBBveFWAFFxjIUa71dBzkGOQzje8SECHUqOVYamBnTNlPovS6Yy/5bQzLDSM9cOZKica8cg27epWw63+RObIeF6r41PDqn79XIKdeqmh4z1/bA15dJCFhhOv6Dw9EFj0j4eGCw8TgcUGJVd99KZhg/eOtgb1PPmXBvxzx4ugpGEy4imgYdu8uoYnvpyfMpTed79LwwovNTPMvffvrmGFN+JPN1ii0f6CR4Yf8cfxv8S3lvXPeGxZf2ZY68fDI3+KHy9B9VP+ElD+U/5zZxbs003t9w87oJQve+GDZsyxl/3XuaNv9kK42A/qS/0kxnhYMiRs9UQZZqT6rL8VA06jugDq5BEfH/X7ZMDYjB+zMdYvcSK49MoQyM3e9Qae9RsMLd9j5Xk3kjMDuoMSN6/Dn1dIiV+gLaWxehh5VtLEwGqYoe3CWW0tf4JFjh7GzK19YLCkmENLgeZxHpgx/93/LRlCveLRANjjclz56F37d16CKwZTLrjLqTXHFcd7CwncsWOIOQJxXdSYU30ayx6C2TGIbLb55FYPV2awyZJuGXAVCj5PP50i2tWsic3dZ8lgVV63KGi6m4vK28pupmTBYGM5erJkz3VWUaMR8m4eLgaRGWzGU8w4ZthUF10l21qX9m6fbhpcwadsNDlQUT9IDMMhaz04UI9TODDU9dPhs9Vt7te0flLrSK0+PUaGgj+K1W3N1jJThh7rcsfQ8Bi/qrXnHy1j7V8aQ8c3ofhv5NP3Edl/O2WGjs9Cfd9Yd+aMS3i5h0XpMHV97OA9JYihLHkhePj6/swdBr9xedJqdMBJ9U1AL/9xgTnaZlI3O/BICVVSf99/XkdsP1GX+P8D+UE3T+Sn96MAAAAASUVORK5CYII=); background-position: center; background-repeat: no-repeat; background-size: cover; transition: none; width: 64px; height: 64px; content: ""; transition: 0.4s ease-in-out; } .img2:before{ content: ""; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAJ1BMVEVHcEwAc+YAc+YAc+YAc+YAc+YAc+YAc+YAc+YAc+YAc+YAc+YAc+bGngn8AAAADHRSTlMA8ZcVPdbASMX4qGQLCea3AAABn0lEQVRIx42VvUrDUBSAL0mh0FGFonZIwTFDlqJu5hmyZuji1iFrwTcwu4uDD+CgiFuXG0xpynko70/aeu4958ZLKSR8fD0/95yKGvDZZQIfcE/hAvgx7tosDMiyGAAWjsIDYkfhAcJR+ICj8AFHQQBYQQBYQQFI4QK23hIBql+74/PMEggwL1bm/dL3Qv8ZBNgO/RtYHW/M1gdOQdJAbV/yP0EcGnj8GgBKeRMGNgDPJHDoxf3PHM4yqg6HNLfxd58PUyjV5BSSQKnLjzFcNgFgs3ySt69JoBcNnIt1E+qFzMRYK5hejJRAGAXXi/JCfWkFB0zkg1Ww3XzvFSxwUAA7F70idOUqrQhdWqOwHSGvvY3is+HnwkYxS/i5AK3IG34uTBSjo8Kfi0giBTEXKVIQAFZQk4UUFIAU7o6yiuuTghz/6E8tmAVio3jjV5COIi73PKATWbRawfyESiSui3zP76h0etdmOgpuR0Xm3y1v+B2VqilT14cHJl1lis5vufTF1JwHoq7SyQb2ZHqlywX0MU2FqTA5EsemPVdh/gKdRqHn3SvTnAAAAABJRU5ErkJggg==); } .img3:before{ content: ""; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAKlBMVEVHcEyQAH6QAH6QAH6QAH6QAH6QAH6QAH6QAH6QAH6QAH6QAH6QAH6QAH7ilA7CAAAADXRSTlMAv3eI1izxFaZFCFZqjRe8ogAAAgtJREFUSMe1lb9Lw0AUx1+xMW3tUBTHgrRCHRyKVZxcHHQ6qFDEUbAoiIFSf+EWB38gFIogUqHQQXBxKApugotuDtoaU+r7X7y7NDVN785BfMMduffJ3Xvv+y4BENlxFtSGY78B6X8EtPkusGSKgAHuY4NGPkXADWnQkdQBcpJz+PougM5JURCkxeegNNDcB58CDVkekYIzF+APdns4o/RrBGUR6pXKBcA15vEL4KBS6VM9iIh1eG3AskWrhdgWA6VViGJWCDhHxGMQxrLwCMcooNGN5EZMNRAx0hQoy4EwfTusAgJWDYZQ0fhVqmMU5VrpxgZAyJJvsMMSCLwplGKdMihtF3hA1u3Vtsy/gu9smvuU+LcNixfAiHmiTnCbZImvGDgLUEwkcZitPXMghI69gz6OOEpXSujaGS+c+5SkDXDEVl66gM0BJ2XNQGymeiNa4oq4NYnjcLavqKYXWBR0RswLxASymGrAE0N0yw+89GYRsv1A6acODNBTfqCYyRAbQBnDNe09JdBpTEmQPoAO6iP6gLtEItn5zgkB7UdtMaBT6dlHRBWDFm+pAdizfwGC9h93UMYQNViWpgfwyc2vgl3zAD659WRm2t1ApmaEbKoBePzwA2tXaoCgNXIpPKLJb/cEstTyp5kp57ZPd/8I7uVt7t8T9NhbracoaJ3Q7M5PF9Y7/vyT4/4GftIUVJz0lm8AAAAASUVORK5CYII=); } .img4:before{ content: ""; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAJ1BMVEVHcEwel3Eel3Eel3Eel3Eel3Eel3Eel3Eel3Eel3Eel3Eel3Eel3ErVMVxAAAADHRSTlMAIK5m7zUQzFOS5HrDkI1cAAABgklEQVRIx2NgGAWDBzDOcsEJVgoAFbCfwQMKgApiXAVxgpCjQAU2CritZzpMvALmSVshYpuUEGACQgHHmjNn1MAKkJ14FKGg5fjmKccTwAo2G8OACZKCNRMYGNdsACsQgLuAC6GA+TiQ0eOAWwHnSSCD5SBEgRTQ9lPoCk6D+RAFIkAFRxJQFXAfAjJkjkEUsAGDUAzNBNYjQJvnFOB2A4POUobMMwEQBUnlECCArID9jNeZw5CAEoiBBlMDkgKOKSCXT4UoYO2AACQrMn3OVJoa+ZypwOEGtprjoJjiUDljAFQglgYDWTAFnEfAzmNgm+OIPbJYTkDNZD+JXYGMA1QB8yHsVsQsgCrgOI7dkWgKQN5sRVEgcxwadlWH4AGFElmccFe5woK6CDUuIqBh15GAM7IQABLdIIBQwD0TDBIYEAkGNbJkoAIMiCQHSlQBcAXMYANmw6wg6AZMBRzwrGKIPePIwMPhEPbI4oTnVg2cmZei8oFgEUSwECNYDI6CwQIA8+ROycjA4EwAAAAASUVORK5CYII=); } .bnf-img:after { content: ''; position: absolute; mask-image: url(/pro/who_we_are/bd/sp3/files/feature_card_circle-1.svg); animation: spin 10s linear infinite; mask-size: 100% 100%; background-color: #149EDC; transition: 0.4s ease-in-out; height: 110px; width: 110px; left: -6px; top: -5px; } .bnf-img2{ background-color: #d2e8fe; } .bnf-img2:after{ background-color: #149EDC; } .bnf-img3{ background-color: #ffe6fc; } .bnf-img3:after { background-color: #4877a5; } .bnf-img4{ background-color: #c8f6e8; } .bnf-img4:after { background-color: #72406c; } .hover_effect .benefits-box-content{ color: #1d242d; } .hover_effect .bnf-img{ background-color: #1d242d; } .hover_effect .img1:before{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAV1BMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////////////////////////8egqRXAAAAHHRSTlMAA/4tFXeOZdPz6wzGg5qg+Tq1WiFOqb5v2uNCFizYYwAAA65JREFUWMO1V9eWrCAQFFRMoJhT//933ibIGMDds3MuL06wik50F1GES5Siin61kmxaS7nN4vKrAIByIT/DBybBruGKbzaAvP0JP5YAqxjjGoBd8WlUpQVAN7zi8cV8x2d6xacKr8xrKMjlBb8gjjzx0QqT/dRykOFYthRE5MEjcZHYj6SEPYQnOXSHHY9/6uNzByJE0Jt9nniMLdDYWcNDBJ0GEnnDV+a/2X6NgfaBAqIm89xE/FiZVHyxhNH+MIUYRthszs42ZhRy9WSw2uiTEMNiQhgNlA5nPEhtXwmSi528MIgj2ScfED8BmBCXqrznKsyQHgQfHxDfDECt6fEyyTeG3jirfZizxOJJC+Wp1ArgmqHxMAj3JloNyLEo/C3vLwxYv67EYrHqA434aL5klQQZ7vWvOGrExxTi64HxM6Se+k1MCXa3n/fCE8kDnwyP1ND4cWifNjh8Xl5f7+m1rgNx+ODhQlAxjKOvaM9e7EF8km22QXlaj7MBHw98v3aMNRxPwdaHjr6zwYNX50evNX2ZJIcNXvy0CCay9/59MCwefEN+M8AwF+jE3/HKhi/xUfQ1Pv0P+0NXfbV/J6EjX9k/SjdG/+Y/DsH8q/jtUAxfxV935pSRP+dvwIPQQTiSSb8wsQgPviaOG2ggFyTjx0EN4jEKTMSjl6HNkTtvWN2tIoy3g9rDkEko01OEz3j+2O7JgL41SeTHA83IuLSvDCOl1/Z8NHAV/xqommRaRiVz7GNAdaD9HmK9lCnJJ38EZWk5U61hOteYLwzMuDnaLLhqs/knjA9RrU04tfYTQyVBeVhtUKjlDszl/HeP4fBh6M2IZ7BVVpCOdm598G4I+hgaPeBQqdk5URvFxWEi5ymaRSEGrj2YnVbEmKZaiJxEqxqUQYZVKcgRpBt8mRa14iOAFUMdYMBdStCvb87gGJRN4jp6vQxVDnKIcqVSrN16GW/YTZR4GCquj16no764/PfGmxlul48PA0lWKCuFLzDiGGHlLOE2/1gPzFTHXb1cbFg0vlVCc4CSmPzXAldn6iGz4jrAYPZvo0RJXW6MbY4LXW9uIZ6rx5lB49X9APc27les1muxwtQ3hRyDxWPocr13ntxaBgW/frEMB56s2lD8yi8Nv5dPYXlmOPCYa3Nhw8QWmSukAeV0HWz+RHcYsz8KPZvrCjGb2BNC4h5n6Ov9U3UYmNqhTbezAt7zIwlApx8GWFbYN4vs0tkF32SxdsvP8y9JeQEFT7X//wC/slqqpBq8/QAAAABJRU5ErkJggg==); } .hover_effect .img2:before{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAP1BMVEVHcEz///////////////////////////////////////////////////////////////////////////////9KjZoYAAAAFHRSTlMAGMP3PwKb1/NIjuinvQ/7NF/OeOh0Ur4AAAHASURBVFjDrdbZsoMgDABQqOKGS9X8/7feoIBWERK8PHQ603ImLCERH0iMRYrogOSoZQKI/ixhSghJQNdxIQ3IuJAGRFwgAHGBAogxIpCAWAw0IBIDEXiOgQo8CkngPJpHwKbU5/azKn6ER+D4wzk7B0q0DnCfrwF24v07EHyhBgIQ2kQG8HiM1CXQBgMY6nV8BdQARfV9Aaz4GOOWzIoKXDdRFlB2GkB3knoPbsc4iHFefu8z7yI1JvwOv3R5V3mBWYgWnekQWMCMG4Lz9dgWXuDmwmrmYxhe4OeC3m6TF3i58MX129voBGYu1NDYu6iswARU7wUTQ8XPxpvATuerwH9QLkLmk9aehKxH9YgBoFLsZ92sonTXuwgIybpwFtqAQKoLkxPK5iaQ6sIRw12g1AVVRQRKXVAxgVRYYgKtMhmhCAvU0vYoUIurEijMAYFR3jEbAzHwGozzKnqV0eJ4AdtOK/AAt5NygdrGwOyRdmHE+dKugtsjodBu890+sHskFFzbbc4io0fC09S2axiwl89osnpchb0YuCF8QKluF/YNzWrzNsEeaQ6w5UVvrwSwhrew97Eb8eHMPx1zp/f5f3uBUcr08oECAAAAAElFTkSuQmCC); } .hover_effect .img3:before{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAQlBMVEVHcEz////////////////////////////////////////////////////////////////////////////////////1bZCPAAAAFXRSTlMAv3dD9IQrHQeO2OUQq2pWzJk1t0vkGxBRAAACBElEQVRYw+WX25aDIAxFRUFBLuIl//+rI2AVRC3gWjMPkxetJRs4ycG2qpJD8ql6FQDkfwImXceADo3JAHak7XcdBxCpADN4y+thOD9KIvQAzN6Jds9nOSqYhMX7rLPFXAl+C875xaDd/adfDKrkzF64qV2LAbnyicaELR5d8/mqP6jTF4/hJrXto2ztWw789EUqQLrMldNmALyVIkDm0gA0GVvwYgNMCdPe7Ua+AlDs/DOFtkiPZZt50yA/ZsDUXAdXhZIFuBNAZRxFoZ+xyxsBF+SLftcegS6zEQuLkRUDBvgc4gVt0M6+h1muht2aAfxoHe4aOh5X+6E+lZ6ksRwT+5AVN8fDrFfDqG2G9ew8XQ8xIelhtTOBOcfLfRaFLwjzyasf3baxff14frfoMFYIsAtC9deeF3gvbwTQScXS+x4iAErq8IcVpACMBk2UobD6BvDqIeMppXn4DDg6YqQxoDOlewZ0NSHE9Ml4u+kUDajeDrliEYPTMUvEZ4C9e7OFr4DBedmISKoCQOtZkZYARP/JV7SqijXwnVwmouejwiocTv6bFfhOzgJcOTnLzldOzrLzlZML3BjaoMTO8e+cCMBJQx8B0yPA9jtGZOnSt9B7b+dVa76JzbUcGSHBy5v18X+u88uVC7EwDbeB6H2DmHTZbT+163HuOT69l7EOnFz9ABKSMqcJYZ1RAAAAAElFTkSuQmCC); } .hover_effect .img4:before{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAOVBMVEVHcEz///////////////////////////////////////////////////////////////////////99PJZNAAAAEnRSTlMAZiLuqbIPU83kMhmWiD/3ecEb8HSKAAABhElEQVRYw+2W25aDIAxF5WK4ipj//9ixCi1idJTOWvPiea3s5oQcoOsePXqU5aQRDTLSJYDGRul1fUAReIOCwLAAGPZt1ntkfw8A5uVgy6+ipOVJgDJLc3r4AA47aAmAGlFH5gVqKACRERIUAAwOy1wYjAXAUf4NBVB5YxWKJoBfC5g1Ii8BziTf5hwg35W/fi4AfEwAAaeAiDKFAxE2FiANH5xXYHHkycvU1IPZg5mnGwZMQ54B0OtSEz8CwJzL8dUw1m0AtpohRQNAydws48PGQlAbkRZgeK3WngW2cLS61wOY5jU5RmstLAE4ENoBhvlUKf8BfNqSq2EaUVVFTutcXgRwHGuXqbcXLdhizHO212m62MRfAHkb7SFgnn5dyWQL5SAdh8nvuyTsbpTlSRasquXuh4nSJs6rHAWI/qMBKsD7QDkOk6s/6MgjLTUnEBWw4aNYV/B9Dy4AFHF58BsXi6PiIu+k0RP3p7p/uf7T++DrJ87Xj6zmZ553zxP50aO3fgCTqTg/BFAbIQAAAABJRU5ErkJggg==); } .hover_effect .bnf-img:after{ background-color: #fff; }*/ .hover_effect .txtCol1, .hover_effect .txtCol2, .hover_effect .txtCol3, .hover_effect .txtCol4, .hover_effect .txtCol5, .hover_effect .txtCol6, .hover_effect .txtCol7{ color: #fff; } .bnf-title{ display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; width: 100%; position: relative; margin-top: 35px; margin-bottom: 15px; transition: 0.4s ease-in-out; } #benefits-box h3 { margin-bottom: 10px; font-size: 22px; font-weight: 600; display: block; text-align: center; vertical-align: top; } .bnf-description{ display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; width: 100%; position: relative; margin-top: 5px; margin-bottom: 10px; transition: 0.4s ease-in-out; /*color: #1d242d;*/ } /*.hover_effect .bnf-description{ color: #fff; }*/ #benefits-box p{ width: 100%; text-align: center; vertical-align: top; font-size: 16px; line-height: 26px; display: inline-block; } /*=================================*/ .other-service{ display: block; width: 100%; position: relative; margin: 0 auto; margin-bottom: 15px; margin-top: 25px; } .other-service h3{ margin-bottom: 10px; font-size: 18px; font-weight: 600; display: block; } .nice-list{ display: flex; flex-direction: column; align-items: center; flex-wrap: nowrap; width: 100%; position: relative; gap: 20px; margin-bottom: 40px; } .nice-list li{ display: flex; flex-direction: column; align-items: center; width: 100%; } .nice-list-box-content{ display: block; margin-left: 0; margin-right: 0; overflow: hidden; background-color: #149EDC; background-image: url(/pro/who_we_are/bd/sp3/files/feature_card_bg.png); background-position: right bottom; background-size: cover; border: 1px solid #e6e6e6; border-radius: 6px; width: 100%; } .nice-list-card{ display: flex; position: relative; flex-direction: row; align-items: center; width: 100%; justify-content: space-between; height: 100%; padding: 20px; padding-bottom: 15px; flex-wrap: nowrap; } .nice-list-card:hover{ opacity: 0.7; } /*.nice-list-card:before{ content: ''; height: 100%; width: 100%; position: absolute; bottom: 0; left: 0; background-color: #fff; border: 1px solid #e6e6e6; border-radius: inherit; z-index: 0; transition: 0.4s ease-in-out; }*/ .hover_effect .nice-list-card:before{ transform: translate(0px, 100%); } .nice-list-img{ display: flex; position: relative; background-color: #fff; border: 0; width: 90px; height: 90px; min-width: 90px; margin: 0; align-self: center; border-radius: 50%; text-align: center; background-clip: inherit; z-index: 1; align-items: center; justify-content: center; transition: 0.4s ease-in-out; } /*.nl-img2{ background-color: #d2e8fe; } .nl-img3{ background-color: #ffe6fc; } .nl-img4{ background-color: #c8f6e8; } .nl-img6{ background-color: #d2e8fe; } .nl-img7{ background-color: #ffe6fc; }*/ .nl-img1:before, .nl-img2:before, .nl-img3:before, .nl-img4:before, .nl-img5:before, .nl-img6:before, .nl-img7:before, .nl-img8:before, .nl-img9:before{ content: ""; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAJFBMVEVHcEwUntwUntwUntwUntwUntwUntwUntwUntwUntwUntwUntzVMC3dAAAAC3RSTlMA9QpfI9s6wIyneDKSOt4AAAI4SURBVEjH1ZW/b9NAFMePs0nSTKCg0MqLlQ6GrcHA0sWiiioxAWpgYGkGJCQWFCFl8GJVwIAXCGOWCrZsVn8k4f1zvO+df1wa2xUSAzwp9tn3ybvvvbzvRYj/Knbd6jlr+Mq1w3E10KQkGNBFUAMcNRyibjWwcPtElOzpR7mhpjltEe0Q/dKP3p0NkXLGX+ckU5UgfLGxhscCJMtYILmX/PT9h2vz9mveQn9vQMkRP+0T4oMJjIjGltORISXHyPBlPv+EUS7BoWUvJoruEXWgASWLDSGcM2IVtHIxSnfRPMvn8T07xLpj5HKFREmtZTavVh4oYRcBq/mqXzdWOeDoQiO6vJ9nVwEx0oUmVWwv+8kMoPGjRVksZVYhAxBilgPYRAkABcPhELdbVQA21aoDUBbr7wL29jWAeHIdIP4ECAvgfSkgez1X33pCPJ0/ENZ2jUdjuuTPtBqYUXSf6nw4Q/MSvVx3zkkx/ob2csjsaiG2zovxRxhI93c5ILi9TnCJKoBd9BXSrNxSQMbcmYeqz8elgKd7u6P8WgKo9yPV3+aRUwBvtL+gI86PHAOwoC1W/T1t50eOAdwgVWjEIuCtZhvZukwHbdKFRrAhcwO3kUt+58uj1Mfw4fHhaa79doALNGU+pvVixx1erY83N3nm7mQyAWeUUts3CTQQpUeZeaC+ZW8+zwAs/e4KoM6qrqgFbNUjKSBLAPlZ1GfQUZNhDajO0CwyJKWA7fs+xB74/uNyG/6Df8i/AYGzSyhYjl7TAAAAAElFTkSuQmCC); background-position: center; background-repeat: no-repeat; background-size: cover; transition: none; width: 64px; height: 64px; content: ""; transition: 0.4s ease-in-out; } .nl-img2:before{ content: ""; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAKlBMVEVHcEwYQ3cYQ3cYQ3cYQ3cYQ3cYQ3cYQ3cYQ3cYQ3cYQ3cYQ3cYQ3cYQ3f39Z38AAAADXRSTlMAmYpgCiBPcbC8M8XkNlY9BwAAApJJREFUSMftld1r01AYxl9Im4pMsN2FdUwwqVvLoFAt6y62iyLJvG1n4mZFqGYmMBh0LW1KsbAKgwzshTdacYWiVGEqdHojqCCKo2q9qEOlXfO/ePJds654K+yBkNPD7zzv856cpABH+n/k9LqHKQYjr9SBJ+0n0/60SK4pN3QRhDId+Ax5y4yiKOXGOKJAoUuVFwhtgO8Hdz7O/n6fapz+dHc8sFeOafN5E+iVpcCDX9Xk1/GxL7ebnXdRG+C8LwhPsqNCzVMYvVDgfGumQ4Bm6wm2XqcYlqVphqUZmmZRmgSLZhOMF4qP3g6QNlmRpDYQDuowRV98a5aMDAN1rXLPDcTxTFhXFv5aD7BA+gkgXNPbmuqTUGxZ6gIsuT3IAYsZjjwUZUsIiJN+HcA3Qwjg7MAC6SM0ICi3ERCxh8RXbgVUwIkWJBWHK7ylZeTg1x0wBKQUh2BfiZ8oZOmOlgFHv0NKSBsQ95zSQ1blnpphVrK0AbCYyekhn7d21S5siqsbhYCrHam6qzjkSVPEWZRB0jJgas11lKHcl+GDsdVYbFWdaCOHxLalmHGisNh3bUmSA5q1xJjAvO558kCbOuAyinIwZ3W5udEP9N5syXKDH3BmtBL76EHE5XUObopI6XNL5Nh5pU0zZEoZvgwZbXZX5b2q0qYBpLU3I8rBU+05LoazwkzSAox6kUMymAAHl/nleX4a51dwnreAmnGMc2gfutflHyfkzojcixoA7tNPfWQCHosTF8UplziJ+UXby6vpmZi9JBZcYg4XMybgyNdJHynkhBu1wSWc5anW65ZUqpxJ6g4YcshYDsBQFENHjcd3sM3hH8E8zA0HduBY8+EQbTUAhHB4JmyTaAxyR/80/6o/WFiIJAgPK18AAAAASUVORK5CYII=); } .nl-img3:before{ content: ""; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAHlBMVEVHcEwUntwUntwUntwUntwUntwUntwUntwUntwUntwXrjFaAAAACXRSTlMAmm/Z7SkPuE4+sa6zAAAB4ElEQVRIx+WVTWvCQBCG14pab+YkuUlpaXOzKoUcC1bwFqiWegvUCr0FoZTcvHprPtTsv+3s7CbObvyg1/ZFNCbPzL4zs66M/VM99/sD7xRgc7479bzGOc/ojZfFYoEXC6kGAC2fAOFwGMnUQ9QYgEGLAGu44am1C60IgCkNQDN5CTeeDEAzyULOoz2QilegAbkJ+7AFxqrKBACPliUcWD47ZAKAB3YBXwKzd8oEApPSAtJE6ikA3pJS95UJAdTHZo3EhAAqcNktD9DlPEagOwegUwYcMOELYOMc3gtVjIOHicj1PgXpgCh+hBWCEhz6/apsosGpdh7GKUciu1/TAKjrQ3xsEXjLTRAl3no/eZFMzoGo5UBP3RiBuuzETAM2BEATcigWqg1ATAE0ofIUETYB0IR0UkSkIZkrTrFKBtEwAJFyJ0dSdF8H5tJ5TMejAaoHI3YsgzBB98JMVaGZgKCp0itUHDkagMNOx6STGW0UYxVuKtCBmgimCfhKB7TjQVZsABMD6LC1fhIYJj4Z3VGotkV0kzev84sTNsvniCdW0zsKXHXPAcFRwN2G4vfTsTMnan6Vgdom6y1Z4y7oLa3b5uY40EWgVwL4t7u1xRItXOLaP1jr8kwvnOyP/o3+AEUCZ+kDPChlAAAAAElFTkSuQmCC); } .nl-img4:before{ content: ""; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAJFBMVEVHcEwYQ3cYQ3cYQ3cYQ3cYQ3cYQ3cYQ3cYQ3cYQ3cYQ3cYQ3cSfB+TAAAAC3RSTlMAsdqRyVs9bw/uIRDfCT8AAAHiSURBVEjH7ZS9S8NAGMavtknEyWLRwUXbgIYsQrUdOkUiDl26tCIuEaFFuhT8CNglYIU0k6iD2qUOYq1TarWE++e8S5qYj8s5CuIDCRfyy3v3PjxvAPirYrZ36EAJwg1qAZgTP2hAytK64/jXbLFsggTcLcQBbxBa/VcIYZ/0dSa920TvVnvo1pAyi2GgDaGJAVuH6GqFCsA7ec0DGrzc+wwCCQvt6wEKAMemEuzPxC7kHW3hL0aVKBAo+WvAHhEw6tVqxwaYMQl4UU/UIgYG4OCeAMwWNGcL9p2x0LKLnbK0b4CruGcol9fRqsPLssz7gIZ3yMRIi3ahg/PvLi6ibV6O2RbNh9n2iFOoRrWtW7qTrDGu1YeaAxgG4ZBJ3PVNVjg0cepWokDJTaELsDVb3hYwDKSc5/4USEUAVsU6cys0/cBzXQmfYe7k1AcQ2mQK4GrT4hfy+Q4Z4NCAJa8pRnGCnBbXaYA4nSMbeFErZGAy0PUU2UnGBqD10PN8SEppJGmaKLYc46SbSXbZD+wL8ygiui03MKXB8PIdD/RTTB4OlqpHj7TAvOH9imq11okHVjM3aBCe4gFqqgHHS04OZ34a/8BUYXVDPzEO5vIBiZNQSc8yV/MhgBOyfglr4F+uvgDRgCFFpu/gHAAAAABJRU5ErkJggg==); } .nl-img5:before{ content: ""; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAG1BMVEVHcEwUntwUntwUntwUntwUntwUntwUntwUntwQ6cPiAAAACHRSTlMAwXw8m1zuFBB85c0AAAEXSURBVEjH1dU9D4IwEAZgxA8YdTGOJi6ORhPT0cWE0cHBUeMgI5MziJr72baWQqHXI9jJCwPhfdJeKR+e94cVJC35LEvoHIAUM5j7kJG55xEi4rnPD3gSOYBVFLlVLFUuxYPIUXHScyleRG4I1sylyIm8JrZYLsVV5Hc8l+LGwdCSf8XhO4clF4LOlQjtIC1AvkGLlSDF9z/sAPD70AW49zCcIHXo0kPrCO5NqlenqCcOfHOb6yAs37coRUFUtlLQJlBPmJgMAwFU/UOCgMG7AvEOASPtmxCdTXA85etpLNb4vizYa2+A5lYZgNXz3OzBGKAr6MO4p1J+tkJANQg/+wm0TOG+Cv4v0Cr77aFtAZprXHEHjvUBiPxvW+5NjmsAAAAASUVORK5CYII=); } .nl-img6:before{ content: ""; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEVHcEwYQ3cYQ3cYQ3cYQ3cYQ3cYQ3cYQ3cYQ3cYQ3cYQ3f+qqJtAAAACnRSTlMAGfDPkGSvPU97TqRUSgAAAe1JREFUSMftlbFPwkAUxq9GLG4tCVKdtKImnQgkFZgQELEb0UuLEwlJVSYQ5ZDVqLijCY6iGO+v9K6F0ruijsbEN1yavF++997d91IA/uNvhoxgeX5CRt1qqZ7UMB7JgWw4RROzyEgcsIi5GJ03GSA0Smk8UuZUhOMkh7zwzQrK3Qurs8mrhMbhUopBtk0GWX4jR+wpyyAV/zDrbi3UUH2IXuEBAJ4T13VfO/MAcrVX8DINoZW3qiwgdvsVI+E2XSNHm+8hQkVJRpDlKAVueGCBAkRBwDiemwdEfgIWpiUcQJaPvlfIYvurHsJTQOKAtUmJpQlg1Hxv8U7ohvPUEi0VAEI4R0vTaIIeBaoazu6wQMg1i6QYBNC2+n3LZIFlB/gAnaJt15M5xi8rdbyd6TjA2O8TcfqhWMgyJq5LzPJKaWJJ8jqCTDcohhDyFMSB5W7AQ0G37ZFtn7FGhseOn8T9loaJIeNAzPumArHBgSsl3F9g/Bo1k6gJTnaJFVD3FsLhwGx57DPpHFqNR2gaWNeLxcPhEMKK/wac69FIH2SKneDy99h1KQv8eje4vcyk2byIA/sfAE7bXnKskOVja5A3lmYqG6QlTgFEC5LgATUQUeP8GJHakgd8gOwen19V4/nUNNQnVW/9/xB+JT4BqQQp1oVaPxwAAAAASUVORK5CYII=); } .nl-img7:before{ content: ""; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAIVBMVEVHcEwUntwUntwUntwUntwUntwUntwUntwUntwUntwUntwS0cn5AAAACnRSTlMAGtQ4t2+a71WEEmL4cAAAAklJREFUSMftlb9v00AUx+/sWHWZiFJB5ckgVKSbjFKB2ilDVVFPkUKKyFQqIaRMBUEFntJKFVUmULdM1HFs+v5K7t69O18rh0jMfUN88n3u+376wti9ueYf7u0P/rH/MgNppwk/a6M9vLO/DfmHy4tjKJIxoOX9W/vrUCaoA4sAiEhcIC1J8hH0OLrYgWtn36smZvkqv7tAgSd2yUVMWUEdxXqFDjj+Pi7p7bj2sTvHx4NYn6To1goLiCN8RJ/wMSMfoSGZX+lSZLCFJ+cmMiJZ60ZLS1NRBEY6ujELjMYD2BJKlAPVJICdvSu1mKJUBNALcUuYogipqXKd/TSAfj87MtlJQB1OJ+SCgGnPFJgU0LPMCr5r57txp9vtXl68+wjwmlmAnQN8JUBQR2HBHIC9BZhoIDOATjSdWJexjsECuqPjvgWwIqM+WEPxEUbd+mWA9EUNoHj0G3tZPQfACkBQAyjuLUzSucozzNUSqoNhdxOwhgGGwt+IQvPzSAHvsS0IsKzvDAwbnYxN/IH2yabXDsAhUQJ/cPwIaOl09Ux6RUsB6owvCOBZz5nweKqAcjgcppSWlCrsp7iRd8AxAvzsG+2H2cJrANiG7isLU6iaFBj7AaeDdudQ9TmeNQBcTYPKXhK3fBjAL9nmcfb5IFFFbD9FeyZcBSjO6HMCOHFmtgbk9aPLIEuwBNDlXDNDoAFbQWHmz6cyYyegviO4vddkK83HKW+ihvvQc881Xqi1jyU2MuEsM28VwFe5YNtfkhX3/uD+v+9/7C9GACP3FdEEdgAAAABJRU5ErkJggg==); } .nl-img8:before{ content: ""; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAMFBMVEVHcEwYQ3cYQ3cYQ3cYQ3cYQ3cYQ3cYQ3cYQ3cYQ3cYQ3cYQ3cYQ3cYQ3cYQ3cYQ3f6CSh7AAAAD3RSTlMAMq3NFFa5epQD7GhB3/de2qI8AAACoUlEQVRIx52VPWgUQRTH38kduSEpEmKpuEVErDZyhkBA9ooLiKgJ6EIgxaGF7YmFm0ZPkQiKsFdcxIiFRTBic00s5IqoGC08DGLlB2yhImixmCXrsbqOb+Z273ZuZxf1QcjsvN/NvPf+b2YAulYf2VmEZJu+YlPq70tEnqKbmfNI6iajNDRPShymPXOG4/6MFQHozzjwigp2rd+f4wE6i082zvNRuyZbYJUnuFRh40uiv97AuS/Fzs+GWDjbInATp/xu6EvNZvOhuMc6AgdTapzFHXwewMApKTCAC6zwcs64+CWUhL7H+dv4f5ajmw5AWSwJ8+CUy/3PbXofzD4AM1Yp/c78ecpINfTcO8NMU4BgjOMMKFPLP90D+BzsUSCDH2fZWN0uuyABcvjBq2TdLW/1AwQB3Po3L5z2Kw5AB/D5uEqtKOA9YGYrsAOFDiXx13pAYBzolGH5gpBmF8iHKwAxGfB6JGqbHPACVaruVVDHBaFmFBjEdYLTUm3nJMBQVyswf8gAYrNIsC3eLZpt2RaAbfqJnQ3aESsOYMe12fhEAkCOB2KQac09KVshH/bssontLgHqdrAHGR2TAsSMHkcJAMcQ2KqlAKxU9EAKwI8WvRwAMbHQbnFhJ58B2SWRm4vQ+fhquwnAYHDF0SSA7O4B33Rdm9DnG3v1OU+ft5WgmS52AcxiHc9JZRgI9rCmhLfM9TgAUQDIXCMdwEVeLhio5grWfj9ktVnIOLWsFQEI/5NnETHVLxSoUzhEPxam6JspCfAWuxtvDe0xZHGLRhxIDvLfASIH2oZhrRoL9qRxTg5EUpQDn1utykRro3Gj9eI/Y/jbLNREgIk1VipZa6WjfjFjp2YhFasav8zFJ/iI6Pdib/kd8UH5IHmFhZNVgz872rLhRLxq6QAAAABJRU5ErkJggg==); } .nl-img9:before{ content: ""; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAALVBMVEVHcEwUntwUntwUntwUntwUntwUntwUntwUntwUntwUntwUntwUntwUntwUntzNnNwcAAAADnRSTlMAMvAYkqtvnmFHC93OvGRjepkAAAHvSURBVEjHpdVPSwJBFADwMc1/aFgfQKhOWchi97COHSSIDhGEx04hfYDFYycRCkKC8NBFjJAOnUKE6Cp9gSTXP2nq+wzN7syuM7vjrOG7rOv8YN6+mXmD0OLhXbWHwo83wR69Mgui4Iw0C5YEoMGCZwGo0bEbF+DX8nKQgokiBS2AvjjJI2M8qP/MkQcfWozOQL749mx8wkb9Y5/MoOLxkV4zX58rrZonz5B2BzBEFOyaMQXVPron2WAQZapsgkwDBTWFgrgFfi2QjKHUAFHwYIHOFCgo8+kCmkU3EJsb7FkgIQa+lw0S23kxEFXSHVxc120gzAOckQ0U8izA20VDHPAmsywoAPzwIAJG4dSdU+N1jy72FGTIlHifZOmJSnAgBFCmoK0/PVe9IgeqNCcMuuTMdRAHVBiboCcCFTNpDMaKAKSMU0I3s9EAbADXZfR1TICWTDuA31jsIc0hnnCANevM6V8RaTvApXHmFAKGy0MHqJRatLQY5AIDQR1atDep8Er+soM6jMvmaopAGGAdyYCHLuJMEIIJkgI/bMpBAIpyEO0iOQgdugDu4PwPiNogC0SNtMgCYStmgbCZG2DlezYI6hs/XpsNvPreOk9LriT1HT2SNjvjUnuCt+SW7FoMH8AkJr1YwyVl3qt54fgD0uK0vBbvUBUAAAAASUVORK5CYII=); } /*.nice-list-img:after { content: ''; position: absolute; mask-image: url(/pro/who_we_are/bd/sp3/files/feature_card_circle-1.svg); animation: spin 10s linear infinite; mask-size: 100% 100%; background-color: #149EDC; transition: 0.4s ease-in-out; height: 110px; width: 110px; left: -6px; top: -5px; } .nl-img2:after { background-color: #149EDC; } .nl-img3:after { background-color: #4877a5; } .nl-img4:after { background-color: #72406c; } .nl-img6:after { background-color: #149EDC; } .nl-img7:after { background-color: #4877a5; } .hover_effect .nice-list-box-content{ color: #1d242d; } .hover_effect .nice-list-img{ background-color: #1d242d; } .hover_effect .nl-img1:before{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAANlBMVEVHcEz///////////////////////////////////////////////////////////////////+GUsxbAAAAEXRSTlMA+QbbwFcQaKfsKUIzeByDlnV+NCYAAAJBSURBVFjD7VbZkuMgDEQcBnwA+v+fXcxpYxwnZKdqHqZfErusRmoJSYT84SdABR2yk4wx7k0NRz6NEHBE1IbMzP+yeYzA2y0ad+hlhMB7LgAjQDTCPEfFFSU22KpAsZ3sOZgnAkGoSmdHPxQ92CN7Ts3EQ/QroWQNSpRkeHvY5A7xQl2zy4/MEKFFfYjOYQW/oyiHSkCQ1Z3sgd12WIaw9hUIYTtKXTjHkfgnJoN6Bh41oLavhgxmdj8rwiuY3zVZ4Ciu1Z9PM7zGOhWvwicli8K719rneEMZZ5SyVI1Y7QufP4iKpzLO8OUcL8YjAVngVMZYy9kno71YPQKybqmMG3hVZVvCXQIPhT24zmE3BNl/FpDV0B8T2PToRgnEqbJ+J4EB+x0BMfRLght8TcC7BPyDtj4F0NLGA0LMvhPJ/b3UdmjmhZryg8aeO/X7UPFWxcvCzAhBvNfprqwvRovrOqhyZ0F4GJsKuz3fzqXnx9EnPyQgh+4q4aZLvCKgpec7s3e/+2T0CY49v3Tu/g7TJUgzLukIZWzObxKUz1PP9wpSfpeMDsHKTlPqOjYfCMqmcez5/nG77jB9AsBjGZexaRLzdCFoy3TDUxk3Y/NyN7fiFFUib59L0vEyNvklAjKDNvlflWjVnYnVUTBUPeq0J4vKkM/nETkb3UpK+006ZD4ROHJeuG4Wz8XF2cigJcgRL68J6s4EC/mCYK72DQF9j4DaWhFjIRww5ME9wYAHvOsBvD8g5rCmyyyKOT/+4X/gHy4YPVJIM2CEAAAAAElFTkSuQmCC); } .hover_effect .nl-img2:before{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAV1BMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////////////////////////8egqRXAAAAHHRSTlMAYAqcvJIzw45YKnSXRWoYqn3stYawIANREtnOPcwZqQAAAuRJREFUWMPtlutyqyAQgLkooshNkIvw/s95kKRRo5mm7fmZb6akKvO5LMsmAHz48OE/EVuFf80AgF862z4YqbBUaMss1UxrRlvdrleWaVsGqwUdt9l0nhzQ5ios5L1H8evKRRBRvXv73MAKtOPhDs/J5oQXC1PWKQufAG4SNNOYqMnQZHeYzmZAnwXTnI3Sc8Ny3+QeLGScRpIaMS0qm5TQNwLX9JxxQaAYMAyCAGwFwRCWsYcUivEUgZ39sEGcRxJJ6WJ0yEnkhnWMMkopY2Ugu+m+VUDkpvsVc0FlDCgG6BcAsqSUjBqfc/A2rmtMg3EVEAafEbKU2Ku3+yqgpbJEi1eBgAM5Im0oGc7TJZlUgcIj1mMVwOEUYN8DoPMLbgLc0pa1B0EwDXxbIK3VGtK9wK4P8SZ4ha85QJwTLrXaBMNNzx+CIfBr0C0C/RQBvAnYQ0BfLaFWs5uVUnafRH57Ct8VnJPYrQ/TlgOY1BVmlnUJTAgRDkkkaZlS+D6J90ocKaX7CFyTu6LPU/gSCNVegfVNYEo0dMsB3Jao7gLzIgVTFchdKRcB38/A920k1wynjgQdWA7v4FVQWsklDp0Enh+DxG9s40FQ2tKBBYR1GxdzRWPkK8HUmWbaBO+wX0Li9ZAMeN2HdQk91Q9oHBSlmEBM79v4lMTpfgZqQZVyXgXz4QiHWufmsY0HwQCY3d2VqArI7jQG5ErfE44LKPorwVVH+kEOrgUDDKGPqA+hTAjlfwJ4H/rgzwLy/NUAxFdLI3IdNVjHptbbhE4CrsvyDl29tyUoYhmzEukyEsA0K50alh8Nwl9+ue7u+vsF0UJoicq51wSUw88C6Jlg8CyIWhHZUg1b25cm0Qvero33/SVIky1Zpg6mpfQb3MxjXpsCKe9mNQJGACwjB4GVtZ4j8DGWxEVZ/iKQzrkhevCTbfwDRQCXvwi68no1meaXmKVb18pvNSDgN4jTDBH854f6h//DP+nCXE+dfRGoAAAAAElFTkSuQmCC); } .hover_effect .nl-img3:before{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAM1BMVEVHcEz////////////////////////////////////////////////////////////////P0YphAAAAEHRSTlMA3A+Rorh3ZvvyIuUxVcxDHw6LDwAAAgdJREFUWMPtl1uWgyAQRHkLiMr+VzsqDTTaqEnmZ86kfmIwXIt+IGHsq/+hwPm8agzvAlTcpd82kObbpXPfi6Q6IhoxnQ0IGqDjuCrKOiLtiGUTgDtFA6Z0P4bjmltZGyfWs7BL0gALBmw/iGDBBRpQPqZumMGCogBgwNqrLIIF6ylAuZouMj23UUgAJ1cpMKCVFOzWgvMYwLcZ5mERtomoAO/u7RMWKkCm8fm+3psoFIAYHxooFkbfAJ4bKBYMAhQDwxPAAFHYQi+hLMxL+wCvFgA2w9AgfNYDCyNKHmh0RVwudxasqWVBSnv0OAhaEqx4S3+4AOxdK+rXWuHiHAVa3JdNqK0RZCFf01LbAzgsG+U4W9iHgr0gBBpQLODSlFgaqKYDQBZwQM65niUNyBZmkX/JD7sIcJ0GwFG1+2gDuUK6gLIBobKkeq4PAAv5XWA6TWu7gDb/ZwO3DpjAfXTeB6A6uOoCsAUXfGg1QWyl6QNQKzvXq8SlU0jp3X58qxIdza4AxUK/GZZLQLbQN2DYNQAsXM3v7AenKFDnFL2fIsgdCRG06sj4ti2pYv0NxeXYgegIF/3rADPwDwFGvw5YMyx0ipHekr2mZhq2tUStnwB89HHhg94BZtJsu5ZytYJPpI8BC08AtQH4febW9O5LkGUJEi1hcOJ5QvVndWJiXL7/1/6GfgBjpEovdOn4oQAAAABJRU5ErkJggg==); } .hover_effect .nl-img4:before{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAM1BMVEVHcEz////////////////////////////////////////////////////////////////P0YphAAAAEHRSTlMAyVtvtqyW4dUSNPOHIUoJOFPCMwAAAflJREFUWMPtl9sSoyAMhg0BwsFA3v9pN9ZDrWUt2qud7T+dqVObj5wIOgw//TsyQGC+sPcyyd9fX4Q8idz2AYTiEEngjnEZEUScXjkRwLFctOdH9EI8cJ4vudMyObAWMMlCcLRcJZxuuPTBHud/2xXwVHLzN55HLpIBgLABQNI7Gs9pNqzkOdYGYP49y2kU8Mj7owf8uJc32xLBdAH+7uN/BTDYDaicilHFPcA0N1ELwKgap88K4DrZ61bsAsSx1NcQks6QzT7mrZdybALQvOUABLb1K0wtPImgCSjYSKKTEHuqUNV3TA1ARe4oY/Wa54S3+6Dq3qcBy/1GUkAm/00npsgCpqTEHF8AlSN3JXEYtxLTJB1bbh1soQfg3+feBqDFS1NWmXIEFPkMgP19PgCgA5DwKXPwoDm6582kfqePOWD0CG1AXxmN16REM4LkANZ7HcPxUh+gnb30dLORMOghZF3YD45rADqcOk8ALynvBghyVNUVsCvjWRLDvgBZ1eqDUQ/1ReDqC6CAXOzEw0xcD/wGwOSQ7TI14lP1NYTohatuZC96+M5ie2keGHFoTBkz3xwovMXmp7Ipq94BkLNAYZ78F0Pg94emizMRdWH3MvvCt8e7Faqn9pXEpvPHxLDWtKUxfHpQfG+uoz7FiIHOFPD3FvbTU38Apgwt67LwPFQAAAAASUVORK5CYII=); } .hover_effect .nl-img5:before{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAAHlBMVEVHcEz////////////////////////////////////JATChAAAACXRSTlMA/nzBPx+bXO7jCAg/AAABOUlEQVRIx9XVMU+EMBQH8FLF043qJWe3c3Bw07h4m5e4uHFOjm6G7W5x1hgHN/WU+L6tPUoppa+PVFx8YWj4/1IelAJj/7DSvCefrXM6B0mKGUy5XJM5Y4QoVM7VIUsilxAUdQ4hcWJyLT66+ZHNtdh381U712JC5J6Yd3MtxkTuiFss1+KFyK0YBfJKLKtrBPKNoHMjkmAOWQ3GV2jNG5Dh659EAI52GAOG9zA6R2oZ00PvDMObNFunrhIH3F9mF+w1+614Q0HRtJKUKJBTA/g7BlKw/UOOgJ1vC17vELDb+iYUjz54WH3eXDwJVYfPx9eTew/oB7DZAaLaBh5YuEv55ffgAhYPUjjdMqka5R7YBjuJGl3Gg95LDL8LdiZadfC7l7YHJMK+cnrYBXaizhnj/RlE9he/4h+c0lqV5OcXwgAAAABJRU5ErkJggg==); } .hover_effect .nl-img6:before{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAANlBMVEVHcEz///////////////////////////////////////////////////////////////////+GUsxbAAAAEXRSTlMAZPPVJZVPQom0ewipNhjB5ml+UCkAAAIZSURBVFjD7ZbrjuMwCIWDL2B89/u/7OK43SbdxOnsaqXRKPyqqvor4MPBy3LHHXf838gmEYDFjw+EbOQIIXgXueiq2hrF5OuzWF4HDkJ7cwFw7Sp09GkCgKa1rpcQh/NMDLiiLiD1qqnBIHJTM44qFsMUAo0XdHIRE0iEdA7xDR5KIB/PKYrh5IKd2umJ0nlNOh5B9oA1pbL0ZI4pHwKGVkXbQFYj9EBbQXQ7AyRCRDD2AXg2OT4+kL7oQfidc3leskQAfk7AlwFm7b613wKQey3/AugC4/hVAL4BOMwBpr0BeA+wjU9mIQ19xo3wuxNktQe4EwAIe5+ABHXhDJZ1C/jO0k2lGQC2o5cXg+4BUE003DWKQDOA3wBE8SlaGyOzGIWyk23ALOVVLp42LWh86obvRQRJTBYK2rY3gWPNSFlbLYQg45KzEZmFMb591yTZNpQOMiBvATdNQG914ShlitFIrXHmv1n8wL3ciByQWffC6oa19yhZpU52iZH/dhR2pSQae8UZsRxdE3XTlX1DwwVSt5bVhryXxInCgfxGt7tVcfP9t9TvvbBm6yR8j5VhTu7+JRrVdO9FHLdQ0werPc02UXQoFzIH8NVe9Rr/NoG5krYATnS0x9jg+HpWxDq45jmv+30eHl/r+YNKngbmzQFeXmRUrbMBHAgVj3spg1yau3poZa9UtVbpP6JWH1XVkcL98L3jh8cvqBU8hGJ4AQEAAAAASUVORK5CYII=); } .hover_effect .nl-img7:before{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAAM1BMVEVHcEz////////////////////////////////////////////////////////////////P0YphAAAAEHRSTlMAILcU25rvy1U/MfoHhGh30zYF/AAAAoZJREFUWMPtV9lyIyEMHO5zQP//tathDiTAKTupfXO/JC6jlmhdeNu++GJCDtVIKU0N+TfmwVi4YU3YNuUFhfrZPEq006Z676vR+L+MmwGK5OoP9jseMLHTmQRQtwIcOr66PLo3PESF7iX+6QiHE7G2d2D9rIkFN1zTgl4SSNArZqEnBoCyvL8l9qpfRVkw/KiBNCcDaQP5mIjXADDIZg9hBmjmRmE4mQQ3XNpzb6cXS6vBtnLI3WOY9JoU3Lt9uhL+aFLHkAWQ82fI0GVxrVqwEOPy64sSwi7lHp5LOcoOrXy8IJx+0uxEvWXaZwKWYzNm7bqnviXwA7kcZJ/y5k6Ccn8KLEnYyrtiSdKbiIgQAnZqqfvZ9dI/TmmefIvBFlpm7rk1QSHxsETn0vg9I7AzwU7KwC9E1kyDBYHOvT36nMk9S6SS6gYLPJVSiMpZon6NoPechCBWBL7nPvXeSWBdi/fJfU6Q62icehk1FcuYYXBqI4Xak2DlXkuIylMVC1FMVKkhyUIlDeqxf8Ym66hs+Zhi7Vqw15/h7mhDGVp+bExRApUg5Fk3HHWsQySbnULQqpebfAjuL6IGTqBWg+6ePr6Lb0otpdSTkfWoQIZ52Kpj2kd4ATNujGmzeHskW79HcHjDBu0VlX0L1KrwJsHp0JoScI+HYvSTuf1NApWvWXBb6nvw6fcIYsJdoLxxNll9jFx1TT6hHIXUryJoUwpTkXMm4w3o1rkX4ZJApOtpQ6tgdfIlAbBZfTUJr+B73y6GP57GLkyJr63rLF/oWHTHwTS9E/L5FBteAwtnq4MvoccZ/iniuKw/Rh23wMdwfyU4C/L3V2iPHhn/9IQPJXx/x3zxn/EPuYE3cBkwiF4AAAAASUVORK5CYII=); } .hover_effect .nice-list-img:after{ background-color: #fff; } */ .nice-list-title{ display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; width: 100%; position: relative; margin-top: 35px; margin-bottom: 15px; color: #fff; margin: 0; margin-left: 25px; transition: 0.4s ease-in-out; } .ofCol1{ color: #149EDC;/*orange*/ } .ofCol2{ color: #149EDC;/*blue*/ } .ofCol3{ color: #4877a5;/*purple*/ } .ofCol4{ color: #72406c;/*green*/ } .hover_effect .nice-list-title{ color: #fff; } .nice-list-title h3{ margin-bottom: 10px; font-size: 22px; font-weight: 600; display: block; text-align: center; vertical-align: top; } .btn-cancel{ display: flex; flex-direction: row; align-items: center; font-size: 14px; color: #fff; line-height: 31px; padding: 0 70px; background: #ff4343; font-weight: 600; width: fit-content; margin-top: 10px; } .btn-cancel span{ content: ""; display: flex; flex-direction: row; align-items: center; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAAKlBMVEVHcEz///////////////////////////////////////////////////+LBpLMAAAADXRSTlMARIcZWCbolAfXwv5JBdBgegAAAEpJREFUGNNjYKASKEbmTDuAxJm7vQFIBhqLNgoKCubeXQzk6Lpcir179+7eu9cOwDlAAFSI4AAV4uAgKwMZgGI0iqXYnFNMFe8CACXIPUMMRnbhAAAAAElFTkSuQmCC); background-size: cover; background-repeat: no-repeat; background-position: center; width: 18px; height: 18px; margin-left: 8px; } .btn-cancel:hover{ background: #ad0000; } /*=================================*/ #relate{ display: block; position: relative; width: 100%; background-color: #fff; padding-top: 50px; padding-bottom: 80px; } .relate-container{ display: flex; position: relative; flex-direction: column; align-items: center; flex-wrap: nowrap; width: 100%; max-width: 1248px; margin: 0 auto; /* margin-left: calc(-4% / 2); margin-right: calc(-4% / 2);*/ padding-left: 0; padding-right: 0; z-index: 10; } .relate-col1{ display: flex; flex-direction: column; align-items: center; flex-wrap: nowrap; width: 100%; margin-bottom: 25px; margin-left: 0; margin-right: 0; } .relate-cont{ display: flex; flex-direction: column; align-items: center; flex-wrap: nowrap; width: 100%; } .relate-box{ display: flex; flex-direction: column; align-items: flex-start; flex-wrap: wrap; padding-left: 0; padding-right: 0; width: 100%; /* max-width: 104% !important; margin-left: calc(-4% / 2); margin-right: calc(-4% / 2);*/ } .relate-portret{ display: flex; flex-direction: column; align-items: center; flex-wrap: wrap; } .relate-img{ display: flex; flex-direction: column; align-items: center; flex-wrap: wrap; width: 100%; } .relate-img-frame{ display: inline-block; z-index: 1; overflow: hidden; position: relative; vertical-align: middle; border-radius: 10px; max-width: 100%; line-height: 1; } .portret1{ display: block; border-style: none; max-width: 100%; height: auto; vertical-align: top; box-shadow: none !important; } .relate-box2{ display: none; flex-direction: column; align-items: center; flex-wrap: wrap; padding-left: 0; padding-right: 0; } .relate-portret2{ display: flex; flex-direction: column; align-items: center; flex-wrap: wrap; } .relate-img2{ display: flex; flex-direction: column; align-items: center; flex-wrap: wrap; width: 100%; } .relate-img-frame2{ display: inline-block; z-index: 1; overflow: hidden; position: relative; vertical-align: middle; max-width: 100%; line-height: 1; filter: none; transition: all; border: 10px solid #fff; border-radius: 10px; } .portret2{ display: block; border-style: none; max-width: 100%; height: auto; vertical-align: top; box-shadow: none !important; } .relate-img-frame2.jumpAni { animation: jumpAni 5s linear infinite; } .relate-col2{ display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; width: 100%; position: relative; padding-top: 25px; color: #1d242d; } .relate-cont2{ display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; width: 100%; } .relate-txt-title{ display: block; width: 100%; margin-bottom: 20px; } .relate-txt-title h2{ font-size: 34px; font-weight: 700; line-height: 50px; text-align: left; } .relate-txt-content{ display: block; width: 100%; margin-bottom: 40px; } .relate-txt-content p{ display: inline-block; font-size: 16px; line-height: 26px; margin-top: 0; margin-bottom: 20px; } .relate-txt-btn{ display: block; position: relative; width: 100%; } /*=================================*/ #banner{ display: block; width: 100%; height: auto; padding-top: 100px; padding-bottom: 80px; background-image: url(/pro/who_we_are/bd/sp3/files/banner-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } .banner-container{ display: flex; flex-direction: column; align-items: center; flex-wrap: nowrap; width: 100%; } .banner-col1{ display: flex; flex-direction: column; align-items: center; flex-wrap: nowrap; width: 100%; margin-bottom: 20px; } .banner-col1 a{ display: block; text-align: center; font-size: 20px; font-weight: 600; color: #72406c; margin-bottom: 20px; transition: all 0.4s ease-out; } .banner-col1 a:hover{ color: #c5c6c5; margin-bottom: 20px; } .banner-col1 h2{ font-size: 34px; font-weight: 700; line-height: 50px; text-align: center; color: #fff; margin-bottom: 20px; } .banner-col2{ display: flex; flex-direction: column; align-items: center; flex-wrap: nowrap; width: 100%; } .banner-txt-btn{ display: flex; flex-direction: column; align-items: center; flex-wrap: nowrap; width: 100%; } .th-btn-bn{ position: relative; z-index: 2; overflow: hidden; display: inline-block; text-transform: uppercase; background-color: #72406c; color: #fff; font-family: 'Montserrat'; font-size: 16px; padding: 15px 30px; border-radius: 5px; letter-spacing: 0; width: fit-content; font-weight: 600; } .th-btn-bn:before, .th-btn-bn:after{ content: ""; position: absolute; height: 100%; top: 0; left: 0; width: 50.1%; background-color: #149EDC; z-index: -1; transition: all 0.4s ease-out; border-radius: 0; } .th-btn-bn:before{ transform: scale(0) rotate(0); } .th-btn-bn:after{ transform: scale(0) rotate(0); left: unset; right: 0; } a.th-btn-bn:hover { /*color: #111117 !important;*/ color: #fff !important; font-weight: 600; transition: all 0.4s ease-out; } .th-btn-bn:hover::before, .th-btn-bn:hover:after, .th-btn-bn.active::before, .th-btn-bn.active:after { border-radius: 0; transform: scale(1) rotate(360deg); } /*=================================*/ #thx-txt{ display: block; width: 100%; height: auto; padding-top: 30px; padding-bottom: 20px; background-color: #fff; } .thx-txt-container{ display: flex; flex-direction: column; align-items: center; flex-wrap: nowrap; width: 100%; } .thx-txt-col1{ display: flex; flex-direction: column; align-items: center; flex-wrap: nowrap; width: 100%; text-align: center; } #thx-txt p{ display: inline-block; font-size: 1rem; line-height: 1.5rem; font-weight: lighter; max-width: 1400px; } /*=================================*/ #bridrve-services{ display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; width: 100%; color: #1d242d; } .service-list{ display: flex; flex-direction: column; align-items: center; width: 100%; margin: 0 auto; gap: 24px !important; margin-top: 24px !important; margin-bottom: 24px !important; justify-content: center !important; flex-wrap: wrap; } .grptype2{ display: flex; flex-direction: column; align-items: center; width: 100%; gap: 24px; flex-wrap: wrap; } .serv-bg1, .serv-bg2, .serv-bg3, .serv-bg4, .serv-bg5, .serv-bg6, .serv-bg7{ display: flex; flex-direction: column; align-items: center; width: 100%; border-radius: 8px; color: #fff; background-size: cover; background-repeat: no-repeat; overflow: hidden; text-align: center; width: 100%; height: auto; min-height: 340px; background-color: #149EDC; } .serv-bg2{ background-color: #184377; }/* .serv-bg3{ background-color: #4877a5; } .serv-bg4{ background-color: #72406c; } .serv-bg5{ background-color: #aeb071; } .serv-bg6{ background-color: #7c7c7c; } .serv-bg7{ background-color: #7e3530; }*/ .serv-bg1-title{ display: block; margin-top: 60px; text-align: center; margin-bottom: 20px; } .serv-bg1-title h2{ font-size: 34px; font-weight: 700; line-height: 50px; text-align: center; margin-bottom: 20px; } .serv-bg1-title p{ display: block; font-size: 16px; line-height: 26px; } .services-col1{ display: flex; flex: 1 0 50%; gap: 12px; padding: 24px; position: relative; width: 100%; flex-direction: column; flex-wrap: nowrap; align-items: center; } .services-col1 h2{ font-size: 18px; background: #fff; border-radius: 15px; font-weight: 500; line-height: 20px; padding: 5px 30px; text-align: center; margin-bottom: 20px; } .services-col1 p{ display: inline-block; font-size: 18px; line-height: 20px; margin-top: 0; margin-bottom: 12px; color: #fff; font-weight: 500; } .services-col1-cont{ display: flex; flex-wrap: nowrap; flex-direction: column; align-items: flex-start; width: 100%; padding: 30px 20px; } .services-txt-content{ display: block; width: 100%; margin-bottom: 50px; } .services-col1 ul{ display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; width: 100%; } .services-col1 ul li{ display: inline-block; line-height: 18px; font-size: 16px; font-weight: 300; margin-bottom: 10px; font-family: 'Roboto Condensed'; } .services-col2{ display: flex; position: relative; height: 190px; width: 100%; } .mi4{ margin-right: 4px; font-size: 18px; } .services-col2 img{ position: absolute; height: 100%; width: 100%; left: 0; top: 0; right: 0; bottom: 0; object-fit: cover; color: transparent; } /*=================================*/ #bridrve-section3, #bridrve-section5{ display: block; width: 100%; position: relative; background: #149EDC; margin: 0 auto; padding: 40px 0; } #bridrve-section5{ background: #72406c; } .bridrve-section3-container{ display: flex; flex-direction: column; align-items: center; flex-wrap: nowrap; width: 100%; position: relative; color: #1d242d; } .bridrve-section3-tile{ display: block; text-align: left; width: 100%; } #bridrve-section3 h2, #bridrve-section5 h2{ display: block; text-align: center; font-family: 'Roboto Condensed'; color: #fff; font-size: 30px; font-weight: 500; line-height: 30px; padding: 0 30px; margin-bottom: 20px; } #bridrve-section3 h3, #bridrve-section5 h3{ font-size: 18px; background: #fff; border-radius: 15px; font-weight: 600; padding: 0 30px; line-height: 30px; text-align: center; margin: 0 auto; margin-bottom: 32px; width: fit-content; } #bridrve-section3-box, #bridrve-section5-box{ display: flex; flex-direction: column; align-items: center; flex-wrap: nowrap; width: 100%; position: relative; gap: 24px; } .bridrve-section3-box-content, .bridrve-section5-box-content{ display: flex; margin-left: 0; margin-right: 0; overflow: hidden; background-color: #fff; border: 1px solid #cbc7c7; border-radius: 6px; width: 100%; border-start-end-radius: 40px; border-end-start-radius: 40px; /* margin-bottom: 20px;*/ } .section3-card{ display: flex; position: relative; flex-direction: column; align-items: center; width: 100%; justify-content: flex-start; height: 100%; padding: 10px; } .sect3-bord{ display: block; width: 100%; height: 100%; padding: 10px; border: 2px solid #149EDC; border-radius: 6px; border-end-start-radius: 30px; border-start-end-radius: 30px; border-top-width: thick; border-bottom-width: thick; } .section3-title{ display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; width: 100%; position: relative; transition: 0.4s ease-in-out; color: #1d242d; margin-top: 25px; } #bridrve-section3-box h3 { margin-bottom: 18px; font-size: 30px; font-weight: 500; display: block; text-align: center; vertical-align: top; } #bridrve-section5-box h3 { margin-bottom: 15px; font-size: 22px; line-height: 26px; font-weight: 500; display: block; width: fit-content; } .section3-description{ display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; width: 100%; position: relative; margin-top: 5px; margin-bottom: 10px; transition: 0.4s ease-in-out; color: #1d242d; } .section3-bottom-line, .section3-top-line{ display: block; width: 70%; height: 4px; position: absolute; background: #72406c; bottom: 15px; } .section3-top-line{ top: 15px; } #bridrve-section3-box p{ width: 100%; text-align: center; vertical-align: top; font-size: 15px; line-height: 20px; display: inline-block; font-weight: 300; } #bridrve-section5-box p{ width: 100%; text-align: center; vertical-align: top; font-size: 15px; line-height: 20px; display: inline-block; font-weight: 300; } #bridrve-section3-box p:last-child, #bridrve-section5-box p:last-child{ margin-bottom: 50px; } #bridrve-section3-box p:last-child{ margin-bottom: 15px; } .sect3-btn{ display: block; position: absolute; bottom: 20px; } .footer-btn{ display: block; position: absolute; bottom: 35px; } .gri-btn{ position: relative; z-index: 2; overflow: hidden; display: flex; text-transform: uppercase; font-family: 'Montserrat'; font-size: 18px; padding: 5px 30px; border-radius: 5px; letter-spacing: 0; width: fit-content; font-weight: 600; align-items: center; flex-wrap: nowrap; flex-direction: row; transition: 0.3s ease-in-out; background-color: #3e3e3e; color: #fff; margin-top: 20px; padding-left: 30px; padding-right: 22px; cursor: pointer; } .org-btn{ position: relative; z-index: 2; overflow: hidden; display: flex; text-transform: uppercase; font-family: 'Montserrat'; font-size: 18px; padding: 12px 30px; border-radius: 5px; letter-spacing: 0; width: fit-content; font-weight: 600; align-items: center; flex-wrap: nowrap; flex-direction: row; transition: 0.3s ease-in-out; background-color: #149EDC; color: #fff; margin-top: 20px; padding-left: 30px; padding-right: 22px; cursor: pointer; } .arr-set3 svg{ position: relative; margin-left: 10px; top: 2px; fill: #fff; transition: 0.3s ease-in-out; } .hover_effect.gri-btn { background-color: #717171; } .hover_effect .arr-set3 svg{ margin-left: 14px; } .arr-foot svg{ position: relative; margin-left: 10px; top: 2px; fill: #fff; transition: 0.3s ease-in-out; } .hover_effect.org-btn { background-color: #184377; } .hover_effect .arr-foot svg{ margin-left: 14px; } .section3-bg{ display: block; margin: 0 auto; margin-top: 20px; width: 80%; text-align: center; } .section3-bg a{ color: #fff; font-size: 16px; } .section3-bg a span{ text-decoration: underline; } .section3-bg a:hover{ color: #dcd3d3; } .aw-s3{ display: inline-block; position: relative; padding-left: 4px; font-size: 26px; text-decoration: none; top: 4px; } /*=================================*/ #bridrve-section4{ display: block; width: 100%; position: relative; background: #184377; margin: 0 auto; padding: 40px 0; } .bridrve-section4-colums{ display: flex; flex-direction: column; align-items: center; width: 100%; position: relative; margin: 0 auto; } .bridrve-section4-container{ display: flex; flex-direction: column; align-items: center; flex-wrap: nowrap; width: 100%; position: relative; color: #1d242d; } .bridrve-section4-tile{ display: block; text-align: left; width: 100%; } #bridrve-section4 h2{ display: block; text-align: center; font-family: 'Roboto Condensed'; color: #fff; font-size: 30px; font-weight: 500; line-height: 30px; padding: 0 30px; } #bridrve-section4 h3{ font-size: 18px; background: #fff; border-radius: 15px; font-weight: 600; line-height: 30px; padding: 0 30px; text-align: center; margin: 0 auto; margin-bottom: 32px; width: fit-content; color: #184377; } #bridrve-section4-box{ display: flex; flex-direction: column; align-items: center; flex-wrap: nowrap; width: 100%; position: relative; margin-top: 20px; } #bridrve-section4-box p{ width: 100%; color: #fff; vertical-align: top; font-size: 20px; line-height: 30px; display: inline-block; font-weight: 500; text-align: justify; } .section4-btn{ display: block; position: relative; width: 100%; margin: 0 auto; text-align: center; margin-top: 30px; } .white-btn{ position: relative; z-index: 2; margin: 0 auto; overflow: hidden; display: flex; text-transform: uppercase; font-family: 'Montserrat'; font-size: 22px; padding: 12px 30px; border-radius: 5px; letter-spacing: 0; width: fit-content; font-weight: 600; align-items: center; flex-wrap: nowrap; flex-direction: row; transition: 0.3s ease-in-out; background-color: #fff; color: #184377; margin-top: 20px; padding-left: 30px; padding-right: 22px; } .arr-set4{ } .arr-set4 svg{ position: relative; margin-left: 10px; top: 4px; fill: #184377; transition: 0.3s ease-in-out; } .hover_effect.white-btn { background-color: #184377; color: #fff; } .hover_effect .arr-set4 svg{ margin-left: 14px; fill: #fff; } /*=================================*/ #bridrve-section6{ display: block; position: relative; width: 100%; margin: 0 auto; padding: 40px 0; } .bridrve-section6-container{ display: block; width: 100%; } #bridrve-section6-box{ display: block; width: fit-content; border: 2px solid #149EDC; padding: 14px; border-radius: 6px; } #bridrve-section6-box p{ width: 100%; text-align: center; vertical-align: top; font-size: 16px; line-height: 20px; display: inline-block; font-weight: 300; padding-bottom: 10px; } #bridrve-section6-box a{ color: #149EDC; padding-left: 3px; text-decoration: underline; } #bridrve-section6-box a:hover{ color: #f68f49; text-decoration: none; } /*=================================*/ #bridrve-section7{ display: block; position: relative; width: 100%; margin: 0 auto; padding: 40px 0; } #bridrve-section7-box{ display: block; position: relative; width: 100%; margin: 0 auto; } .bridrve-section7-box-content{ display: flex; position: relative; flex-direction: column; flex-wrap: wrap; align-items: center; width: 100%; } .section7-card1{ display: flex; position: relative; flex-direction: column; flex-wrap: wrap; align-items: center; width: 100%; margin: 0 auto; padding-bottom: 60px; } .section7-card2{ display: flex; flex-direction: column; align-items: center; width: 100%; } #bridrve-section7-box h2{ display: inline; position: relative; font-size: 28px; color: #149EDC; font-weight: 400; font-family: 'Kanit'; } .section7-card1 h2{ margin-bottom: 27px; } .section7-card1 p{ display: block; font-size: 16px; font-weight: 300; text-align: center; width: 90%; max-width: 500px; padding-bottom: 20px; } .lat-line{ display: flex; align-items: center; flex-direction: row; flex-wrap: nowrap; width: 100%; text-align: center; margin: 0 auto; line-height: 28px; margin-bottom: 40px; } .lat-line::before{ content: ""; display: inline-block; position: relative; background: #ccc; width: calc(50% - 248px); height: 1px; margin-right: 25px; vertical-align: middle; } .lat-line::after{ content: ""; display: inline-block; position: relative; background: #ccc; width: calc(50% - 248px); height: 1px; margin-left: 25px; vertical-align: middle; } .four-step{ display: flex; position: relative; flex-direction: column; flex-wrap: wrap; align-items: center; width: 100%; } .four-step-box{ display: flex; flex-direction: column; align-items: center; flex-wrap: nowrap; vertical-align: middle; width: 100%; margin-bottom: 40px; text-align: center; } .four-step-box img{ display: block; position: relative; width: 100%; margin: 0 auto; max-width: 120px; height: auto; margin-bottom: 25px; } .four-step-box h3{ display: block; width: 100%; font-size: 24px; font-family: 'Montserrat'; font-weight: 500; margin-bottom: 17px; } .four-step-box p{ display: block; width: 70%; font-size: 16px; font-weight: 300; } /*=================================*/ #bridrve-section8{ display: block; position: relative; width: 100%; background-color: #f9f9f9; margin: 0 auto; padding: 60px 0; } #bridrve-section8-box{ display: flex; position: relative; width: 100%; margin: 0 auto; flex-direction: column; flex-wrap: nowrap; align-items: center; gap: 30px; justify-content: space-around; } .bridrve-section8-box-content{ display: flex; position: relative; flex-direction: column; flex-wrap: nowrap; align-items: center; width: 100%; gap: 24px; } .bridrve-section8-tile{ display: block; position: relative; width: 100%; text-align: center; margin: 0 auto; } .bridrve-section8-tile h2{ font-size: 28px; font-weight: 500; } .section8-card1, .section8-card2, .section8-card3{ display: flex; position: relative; flex-direction: column; flex-wrap: wrap; align-items: center; width: 100%; max-width: 500px; margin: 0 auto; padding-bottom: 20px; border: 1px solid #ccc; border-radius: 6px; background: #fff; box-shadow: 0 0 11px #404040; } .sect8-title{ display: block; width: 100%; padding: 10px 0; text-align: center; margin: 0 auto; vertical-align: middle; background: #149EDC; border-top-left-radius: 6px; border-top-right-radius: 6px; color: #fff; margin-bottom: 25px; } .sect8-title h4{ font-size: 18px; font-weight: 500; font-family: 'Orbitron'; /*font-family: 'BioRhyme Expanded';*/ } .sect8-offer{ display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; gap: 5px; margin-bottom: 25px; } .sect8-offer h4{ font-size: 22px; text-align: center; font-weight: 400; line-height: 1; } .sect8-offer h3{ font-size: 22px; color: #149EDC; font-weight: 500; } .sect8-offer p{ display: block; width: 100%; font-size: 14px; font-weight: 400; padding: 0 10px; text-align: center; margin-top: 10px; color: #a0a0a0; } .sect8-list1,.sect8-list2,.sect8-list3{ display: block; position: relative; margin: 0 auto; padding: 0 10px; } .sect8-list1 ul, .sect8-list2 ul, .sect8-list3 ul{ display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; width: 100%; margin: 0 auto; } .sect8-list1 ul li, .sect8-list2 ul li, .sect8-list3 ul li{ display: flex; padding-bottom: 3px; font-size: 18px; font-weight: 400; border-bottom: 1px solid #ccc; width: 100%; margin-bottom: 14px; flex-direction: row; flex-wrap: nowrap; align-items: flex-start; justify-content: flex-start; } .sect8-list1 .mi8, .sect8-list1 .mi8a{ color: #00a63c; font-size: 26px; line-height: 1; margin-right: 13px; } .sect8-list1 .mi8a{ color: #f9afaf; } .sect8-list1 span{ display: block; } .section8-back-info{ display: block; position: relative; margin: 0 auto; text-align: center; width: 80%; } .section8-back-info p{ font-size: 16px; padding-bottom: 16px; font-weight: 300; } .section8-btn{ display: block; position: relative; margin: 0 auto; } /*=================================*/ #bridrve-section9{ display: block; position: relative; width: 100%; margin: 0 auto; padding-bottom: 50px; } #bridrve-section9-box{ display: block; position: relative; width: 100%; } .bridrve-section9-box-content{ display: block; position: relative; width: 100%; } .section9-card{ display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; width: 100%; max-width: 800px; border: 2px solid #444; padding: 25px 0; border-radius: 6px; color: #707070; margin: 0 auto; } .section9-card h2{ font-size: 28px; margin-bottom: 20px; font-weight: 500; line-height: 1; text-align: center; padding: 0 15px; } .section9-card p{ font-size: 16px; line-height: 30px; font-weight: 300; text-align: center; padding: 0 15px; } .section9-card a{ color: #149EDC; } .section9-card a:hover{ color: #f6a166; } /*=================================*/ #bridrve-info{ display: block; position: relative; width: 100%; padding: 40px 0; } .bridrve-info-container{ display: flex; flex-direction: column; align-items: center; flex-wrap: nowrap; width: 100%; position: relative; color: #1d242d; } .bridrve-info-tile{ display: block; text-align: left; width: 100%; margin-bottom: 20px; } #bridrve-info h2{ font-size: 28px; font-weight: 500; text-align: center; } #bridrve-info-box{ display: flex; flex-direction: column; align-items: center; flex-wrap: nowrap; width: 100%; position: relative; margin-top: 20px; } .bridrve-info-bg{ display: block; margin: 0 auto; margin-top: 30px; width: 100%; text-align: center; border: 1px solid #149EDC; border-radius: 6px; padding: 15px; } .bridrve-info-bg p{ display: block; width: 100%; text-align: center; font-size: 16px; font-weight: 300; margin: 0 auto; } .bridrve-info-bg a{ color: #149EDC; } .bridrve-info-bg a:hover{ color: #184377; font-size: 16px; } .bridrve-info-box-content{ display: flex; margin-left: 0; margin-right: 0; overflow: hidden; background-color: #149EDC; border: 1px solid #e6e6e6; border-radius: 10px 10px 10px 10px; border-radius: 10px; width: 100%; margin-bottom: 20px; } .bridrve-info-card{ display: flex; position: relative; flex-direction: column; align-items: center; width: 100%; justify-content: flex-start; height: 100%; padding: 0 20px; padding-top: 40px; padding-bottom: 15px; } .bridrve-info-card:before{ content: ''; height: 100%; width: 100%; position: absolute; bottom: 0; left: 0; background-color: #fff; border: 1px solid #e6e6e6; border-radius: inherit; z-index: 0; transition: 0.4s ease-in-out; } .hover_effect .bridrve-info-card:before{ transform: translate(100%, 0px); } .bridrve-info-img{ display: flex; position: relative; color: #184377; background-color: #c1ecff; border: 0; width: 100px; height: 100px; margin: 0; align-self: center; border-radius: 50%; text-align: center; background-clip: inherit; z-index: 1; align-items: center; justify-content: center; font-size: 50px; line-height: 1; font-style: normal; font-weight: 600; transition: 0.4s ease-in-out; } .hover_effect .bridrve-info-box-content{ color: #1d242d; } .hover_effect .bridrve-info-img{ background-color: #1d242d; color: #fff; } .bridrve-info-title{ display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; width: 100%; position: relative; margin-top: 35px; margin-bottom: 15px; transition: 0.4s ease-in-out; color: #1d242d; } .hover_effect .bridrve-info-title{ color: #fff; } #bridrve-info-box h3 { margin-bottom: 10px; font-size: 22px; font-weight: 600; display: block; text-align: center; vertical-align: top; } .bridrve-info-description{ display: flex; flex-direction: column; flex-wrap: nowrap; align-items: center; width: 100%; position: relative; margin-top: 5px; margin-bottom: 10px; transition: 0.4s ease-in-out; color: #1d242d; } .hover_effect .bridrve-info-description{ color: #fff; } #bridrve-info-box p{ width: 100%; text-align: center; vertical-align: top; font-size: 16px; line-height: 26px; display: inline-block; } #footer{ color: #000; background-color: #fff; text-align: center; padding: 1em 0; padding-top:3rem; } #footer p{ margin: 0 0 10px; } #footer a:hover ,#a-footer a:hover{ text-decoration: underline; } #footer a{ color: #337ab7; text-decoration: none; } #contacts, #refunds{ display: block; position: relative; width: 100%; padding-top: 40px; } #a-box { background-color: #fff; background-clip: padding-box; position: relative; width: 100%; padding: 5px; margin: 0 auto; max-width: 1000px; } #pro-bar { background: #e4e4e4; text-align: center; margin: 10px auto; position: relative; height: 20px; border-radius: 6px; -webkit-border-radius: 6px; } #pro-visual{ background: #77d5ff; height: 20px; transition: width 1s ease-out 0s; -webkit-transition: width 1s ease-out 0s; border-radius: 6px 0 0 6px; -webkit-border-radius: 6px 0 0 6px; -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; } #pro-txt{ color: #000; font-size: .8em; display: inline; position: absolute; top: 2px; left: calc(50% - 20px); } #pro-visual:after { content: ""; position: absolute; top: 0px; left: 0px; width: 0%; height: 100%; background-color: rgba(255,255,255,0.4); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-animation: glint 2.5s infinite; animation: glint 2.5s infinite; } #a-footer{ color: #444; text-align: center; font-size: 1em; margin-top: 1.3em; } #a-footer>div{ width: auto; text-align: center; margin: 1em auto .8em auto; position: relative; display: inline-block; padding-left: 17px; margin-bottom: 0; } #a-footer a { color: #337ab7; text-decoration: none; } #a-footer>div:before { content: ''; display: block; width: 15px; height: 15px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAMAAAARSr4IAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAhUExURQAAAB08Qh08Qh08Qh08Qh08Qh08Qh08Qh08Qh08Qh08QsPIo4UAAAAKdFJOUwBiMK7e6UApOtHmaYucAAAATElEQVQI133OWwrAMAhE0ZloXrP/BTc2DYTS9P7IQRABgF3qxBMld2nZ1YAmn6qyGKZ6syyWGImyNDIxDWrrQHJnBvJ5+2Y8+Xn5twv3owRdsq7ZOgAAAABJRU5ErkJggg==) no-repeat 0 1px; position: absolute; top: -1px; left: 0; } #b-footer{ color: #444; text-align: center; font-size: .875em; } #b-footer>div{ width: auto; text-align: center; margin: 1em auto .8em auto; position: relative; display: inline-block; margin-top: 5px; } #b-footer a { color: #337ab7; text-decoration: none; } #qB{ padding-bottom: 10px; } #qB h2{ display: inline-block; position: relative; padding: 4px 0; margin-bottom: 5px; width: 100%; font-size: 1.55em; line-height: 1.3; font-weight: 500; text-align: left; } #qB>.error h2{ color: #f00; animation: blink 0.5s ease-in-out 5 alternate; -webkit-animation: blink 0.5s ease-in-out 5 alternate; } .error h2, .error legend, .error label{ color: #f00; animation: blink 0.5s ease-in-out 5 alternate; -webkit-animation: blink 0.5s ease-in-out 5 alternate; } .gen-error h2{ color: #f00; animation: blink 0.5s ease-in-out 5 alternate; -webkit-animation: blink 0.5s ease-in-out 5 alternate; } .s-list{ list-style: none; font-size: 16px; line-height: 1.3; } .s-list li { position: relative; padding: 0.4em 1em 0.4em 40px; cursor: pointer; display: block; width: 100%; color: #333; margin: 0 auto 0.4em; border-radius: 0.363636em; } #qB .in-block li{ display:inline-block; width:auto; } .s-list li p { } .s-list li:hover { -webkit-box-shadow: none; box-shadow: none; background-color: #f3f2f1; } .s-list li:before{ position: absolute; top: 50%; left: 7px; display: block; content: ''; background: #fff; width: 22px; height: 22px; margin-top: -11px; border-radius: 50%; -webkit-box-shadow: 0 0 0 4px #fff inset,0 0 0 2px currentcolor; box-shadow: 0 0 0 4px #fff inset,0 0 0 2px currentcolor; } .s-list li:hover:before { background: #000; } .s-list .selected:before{ -webkit-transition-duration: .1s; transition-duration: .1s; background: #149EDC; -webkit-box-shadow: 0 0 0 5px #fff inset,0 0 0 5px #fff inset,0 0 0 2px currentcolor; box-shadow: 0 0 0 5px #fff inset,0 0 0 5px #fff inset,0 0 0 2px currentcolor; } .s-list .selected { -webkit-box-shadow: 0 0 0 2px #2b8cc4 inset; box-shadow: 0 0 0 2px #2b8cc4 inset; background-color: #eaf4f9; /* background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2216%22%20viewBox%3D%220%200%2020%2016%22%3E%3Cpath%20fill%3D%22%23178B17%22%20fill-rule%3D%22evenodd%22%20d%3D%22M3%205L8%2010%2017%200%2020%203%208%2016%200%208z%22%2F%3E%3C%2Fsvg%3E); background-repeat: no-repeat; background-position: top 50% right 10px;*/ padding-right: 35px; font-weight: 600; } .s-list .selected p{ } #qB #g-icons{ } #qB #g-icons h2{ text-align:center; } #qB .col2-list li{ width: 48%; display: inline-block; } #qB .col2-list li:nth-child(odd){ margin-right: 2%; } #nav{ /*padding-top: .5em;*/ /*margin-top: -25px;*/ } #nav button,#pre-sell button{ font-family: inherit; font-size: inherit; line-height: inherit; } #nav .btn, #pre-sell .btn,#contact-us-box .btn ,#thx-box .btn, #addresses-step .btn,#declaration-step .btn, #search_address,#search_address_alternative, #select_address, #to_the_start{ font-size: 1.4em; width: 100%; white-space: normal; color: #fff; -webkit-border-radius: .1em; border-radius: .1em; text-align: center; cursor: pointer; padding: .5em .8em .7em .8em; padding-top: 6px; padding-bottom: .4em; background-color: #00703c; box-shadow: 0 2px 0 #002d18; border: 0; } #nav .btn i,#pre-sell .btn i{ display: block; font-size: .5em; margin-top: .1em; text-align: center; } #nav .nav-prev{ padding-left: 5px; color: #149EDC; border: none; cursor: pointer; margin-top: 10px; background: none; font-size: 1.2em; } #nav .nav-prev:before{ content: ""; display: inline-block; position: relative; padding-left: 20px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAJFBMVEVHcEwUntwUntwUntwUntwUntwUntwUntwUntwUntwUntwUntzVMC3dAAAADHRSTlMACL5HkfnkICtx1bO9YWhmAAAAXUlEQVQI12NgYGhZGuXBAAQiQZMtVR0ZGBjVDBgYmJMEGFjSGRgEGcocGFoNGBi1GZgjGJwYGKSBgioMKxkYtxUwMMxiCGYQAgowmCIYcCm4Yrh2uIFwK+CWwpwBACp0FeFVKg/fAAAAAElFTkSuQmCC); background-repeat: no-repeat; background-position: center; background-size: contain; width: 14px; height: 14px; margin-right: 5px; top: 1px; } #alternative_search{ font-size: 15px; text-align: center; color: #337ab7; font-weight: 600; text-decoration: underline; margin-top: 20px; } .prevAddrDesc{ margin: 5px 0; } #continue,#finish,#prev,#tcpa{ display:none; } #qB #h-desc li{ padding: .4em 1em .4em 0; overflow: hidden; } #qB #h-desc li p{ padding-left: 40px; font-size: 17px; } #qB #h-desc li:before{ width: 22px; height: 22px; margin-top: -11px; border: 3px solid #fff; border-radius: 2px; -webkit-border-radius: 2px; -webkit-box-shadow: 0 0 0 1px currentcolor inset,0 0 0 1px currentcolor,0 0 0 2px #ccc; box-shadow: 0 0 0 1px currentcolor inset,0 0 0 1px currentcolor,0 0 0 2px #ccc; top: 1.025em; -webkit-transform: none !important; transform: none !important; } #qB #h-desc li.selected{ font-weight: bold; overflow: hidden; font-size: 20px; background-image: none; box-shadow: none; -webkit-box-shadow: none; } #qB #h-desc li.selected:before{ -webkit-transition: none; transition: none; background: #fff url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2216%22%20viewBox%3D%220%200%2020%2016%22%3E%3Cpath%20fill%3D%22%23178B17%22%20fill-rule%3D%22evenodd%22%20d%3D%22M3%205L8%2010%2017%200%2020%203%208%2016%200%208z%22%2F%3E%3C%2Fsvg%3E") no-repeat 49.9% 50%; background-size: 16px auto; border: none; -webkit-box-shadow: 0 0 0 1px currentcolor; box-shadow: 0 0 0 1px currentcolor; } #qB #h-desc li:after { content:""; display: block; font-size: 14px; font-weight: 400; border-top: solid 1px #ccc; padding-top: .5em; padding-bottom: .5em; margin-top: .5em; padding-left: 1em; padding-right: 1em; width: calc(100% + 1.5em); margin-bottom: -.6em; background: #fff; } #qB #h-desc li:nth-child(1):after{ content: 'Allows someone to make decisions on your behalf if you are no longer able to'; } #qB #h-desc li:nth-child(2):after{ content: 'Identical wills, usually chosen by couples that share the same wishes'; } #qB #h-desc li:nth-child(3):after{ content: 'Included within a will to protect your assets & distribute them to your loved ones'; } #qB #h-desc li:nth-child(4):after{ content: 'Having the legal document written by a professional'; } .alert-static { background-color: #8c8c8c; padding: .6em; border-radius: 6px; margin: 2em 0; clear: both; } .alert-static p { color: #fff; text-align: center; margin: 0; font-weight: 700; font-size: .9em; } .input-wrapper{ margin-bottom:10px; } input,select,textarea{ margin-bottom: 5px; width: 100%; padding: 0 10px; margin-top: 10px; color: #444; font-family: inherit; font-size: inherit; line-height: inherit; height: 45px; } #contact-us-box .btn{ height:auto; } input.text{ height: 45px; } /*input.large{ height: 80px; font-size: 38px; }*/ input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{background-color: #fff; color:#727272} input::-moz-placeholder,textarea::-moz-placeholder{background-color: #fff; color:#727272} input:-ms-input-placeholder,textarea:-ms-input-placeholder{background-color: #fff; color:#727272} input::-ms-input-placeholder,textarea::-ms-input-placeholder{background-color: #fff; color:#727272} input::placeholder,textarea::placeholder{background-color: #fff; color:#727272} textarea { height:auto; } select { font-weight: 400; box-sizing: border-box; max-width: 100%; height: 45px; height: 2.5rem; padding: 5px; border: 1px solid #e3e3e3; font-size: 1.1875rem; line-height: 1.25; width: auto; border-radius: 6px; background: inherit; min-width: 110px; } input::selection { background-color: #fff; border: 1px solid #e3e3e3; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { background-color: #fff; border: 1px solid #e3e3e3; } .alert-animate{ padding: 2px; -webkit-animation: loader-fader 5s ease-out infinite forwards; animation: loader-fader 5s ease-out infinite forwards; margin-bottom: .4em; } .alert-animate p { margin: .6em; font-size: .9em; } @-webkit-keyframes loader-fader{0%{background:#fff;color:#fff}10%{background:#ff9800;color:#fff}80%{background:#ff9800;color:#fff}100%{background:#fff;color:#444}}@keyframes loader-fader{0%{background:#fff;color:#fff}10%{background:#ff9800;color:#fff}80%{background:#ff9800;color:#fff}100%{background:#fff;color:#444}} #tcpa, .additional-info{ padding-top: 1em; color: gray; font-size: 13px; } .additional-info ul{ margin-bottom: 20px; } .additional-info ul li{ margin-left: 2rem; font-size: .8rem; } .additional-info img{ width: 100%; height: auto; max-width: 330px; } .additional-info a{ color: #149EDC; text-decoration: underline; } .additional-info a:hover{ color: #f6a166; text-decoration: none; } .additional-info p{ font-size: 14px; } #qB .input-wrapper label{ position: relative; font-size: 1.1875rem; margin-bottom: -10px; display: block; z-index: 2; margin-left: 12px; background: #fff; width: fit-content; padding: 0 10px; font-weight: lighter; line-height: 1; } #qB>div{ display:block; transition: opacity 0.8s ease-out; opacity: 0; height: 0; overflow: hidden; } #qB>:first-child , #qB .show{ opacity: 1; height: auto; animation: fInR 0.5s ease-out 1 forwards; -webkit-animation: fInR 0.5s ease-out 1 forwards; } #loading-step>div,#f-loading-step>div,#loading-step-payment>div{ color: #000; text-align: center; background: url(/pro/who_we_are/bd/sp3/files/loader-squares.gif) no-repeat center center; /*background: url(/pro/who_we_are/bd/sp3/files/loader-circle-2.gif) no-repeat center center;*/ height: 200px; margin-top: 1.5em; background-size: 40%; } .loading-holder>div{ display:none; } #loading-step-payment{ display:none; } .error-msg { color: red; font-size: 13px; line-height: 15px; margin-top: -15px; } /*-----------*/ #thx{ display:none; text-align:center; margin-bottom: 100px; } #thx p { margin-bottom: 0.5em; font-size: 14px; } #thx p b{ font-weight: 500; } #details-cont{ margin-bottom: 300px; } #res-cont{ text-align: center; margin-bottom: 300px; } #thx-box { display:none; } #thx-box h2 { font-size: 32px; color: #1d242d; font-weight: 500; margin-bottom: 20px; } #thx .h2vers1{ border-top: 2px solid #149EDC; padding: 12px 25px; border-bottom: 2px solid #149EDC; border-left: 4px solid #149EDC; background: #f6f6f6; width: fit-content; font-weight: 500; line-height: 30px; font-size: 22px; } #thx .h3vers1{ display: inline-block; position: relative; border-left: 4px solid #149EDC; padding: 12px 0; left: -20px; padding-left: 20px; border-bottom: 2px solid #149EDC; border-top-left-radius: 25px; border-bottom-left-radius: 25px; width: fit-content; background-color: #f6f6f6; margin-bottom: 25px; line-height: 26px; padding-right: 10px; vertical-align: middle; font-weight: 500; } #thx-box .h3ord{ text-align: center; font-size: 24px; font-weight: 500; } #thx-box p { margin: 1em; font-size: 1.2em; color: #000; text-align: center; } #thx-box .bolt-p{ font-weight: 500; } #thx-box .bolt-p b{ display: inline-block; color: #149EDC; background: #f6f6f6; border-radius: 0; padding: 0 15px; border-left: 1px solid #149EDC; font-weight: 500; font-family: 'Roboto Condensed'; } #qB>#pre-sell{ display:none; padding-top: 20px; } #pre-sell h2{ text-align: center; } #pre-sell p{ font-size:1rem; margin-bottom:10px; } #pre-sell ul{ margin: 10px; } #pre-sell ul li{ list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAMAAADH72RtAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAkUExURQAAAH2wDn2wDn2wDn2wDn2wDn2wDn2wDn2wDn2wDn2wDn2wDqH6+A8AAAALdFJOUwBvg5guruXPFj1VCYXcawAAAFxJREFUGNNdj0kSACEIAwF3+f9/xwg1BXqKLa2RKK6tJe1pdtWRSNOH7AO0RgeAX6dFwAf0ibRssMLZnm6HoR6oWxI4phdMy3WW34jTu+R/xFEsa6i+VTh/mkPZD+nQA5xZsrpXAAAAAElFTkSuQmCC); margin-left: 2rem; font-size: 1rem; } #pre-sell button{ } #top-phone{ font-weight: 600; color: #3182c9; text-decoration: none; text-align: center; display: block; margin-top: 5px; } #callbackform{ display: flex; flex-direction: column; width: 100%; padding: 25px 20px 35px 20px; /* box-shadow: 0px 0px 10px 0px rgba(17, 17, 23, 0.15);*/ } #callbackform label{ display: inline-block; position: relative; width: 100%; text-align: left; padding-left: 3px; font-size: 16px; color: #727272; } #callbackform textarea{ margin-bottom: 2px; margin-top: 1px; padding: 8px; padding-left: 12px; font-size: 1.2em; font-weight: 300; font-family: 'Roboto Condensed'; color: #727272; } #callbackform b{ display: block; width: 100%; text-align: left; margin: 0; font-size: 13px; color: #727272; font-weight: lighter; } #callbackform p{ display: block; width: 100%; text-align: left; margin: 0; font-size: 16px; color: #727272; line-height: 24px; font-weight: 300; } #callbackform p a{ color: #149EDC; font-weight: 600; } #callbackform p a:hover{ color: #184377; } #callbackform label span, #callbackform b span{ display: inline-block; margin: 0 2px; color: #e30000; } .sfrom-succes-message-anime{ display: block; } #sfrom-succes-message{ background-color: #cef4a9; border-left: 5px solid #85c14b; color: #000; padding: 5px 15px; margin: 0 0 10px 0; position: relative; } #sfrom-succes-message p{ color: #000; display: flex; flex-direction: row; align-content: center; align-items: center; flex-wrap: wrap; width: 100%; } #sfrom-succes-message p span{ content: ""; display: inline-block; position: relative; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAP1BMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC6E+JdAAAAFHRSTlMAEVH854j0CKdmP5lwzjV2tx/cKScdU1EAAACJSURBVCjPrZHJDoMwDETJgrNAKND5/2+tAxJLOodWYi6OniN7bHfdMzKG8+Qtw1MRykfnGDczKF9W4EX42wOR/Ve+Hk5zr0pb/QK46XQnUI36ihqHS4HsFKgVq8HfRrY1I1kbIDUrqMVq1od2Wuz6HqHfuJClDmgsHape6VLDDAn0OqHEP+/5qz7/tgZ4If18AwAAAABJRU5ErkJggg==); background-repeat: no-repeat; background-size: cover; width: 18px; height: 18px; margin-right: 10px; } .btn-cont{ display: flex; width: fit-content; margin-bottom: 25px; margin-top: 25px; } .attention-cont{ border: none; cursor: pointer; margin: 15px 0; font-size: 1rem; font-weight: 600; padding: 6px; /*padding-left: 40px;*/ margin-top: -10px; opacity: 0.87; } .attention-cont:before{ content: ""; display: inline-block; position: relative; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAMAAAANmfvwAAAA4VBMVEVHcEy9vb1VVVXl5eVFRUU1NTU+Pj4ODg7X19cEBAQJCQlRUVG6urpLS0vHx8eBgYGampqBgYGLi4t1dXUoKChKSkpbW1s7OzsEBAQdHR0CAgJtbW2np6eTk5OdnZ1/f3/Y2NihoaHs7OxwcHCUlJRgYGAvLy84ODiqqqqKiootLS0aGhqJiYmMjIxcXFxDQ0MyMjIhISGLi4tqampra2t8fHxQUFB3d3dxcXFZWVkyMjI+Pj5HR0c0NDRQUFBVVVU3NzcSEhLExMQAAAC/v7+5ubkoKCgYGBgAABkAGT0AAACiNlaCAAAASXRSTlMAFKoEp7p85iL++7A+txsxEVd1cNufYZ/z0O9+WFdigykaCppuoMGzS2rU4GI7g4Ody06PL3icOV6Kq3J0ppCPq/Iw/jU2ynP9dDdYhAAAAaFJREFUOMttVNd2wjAMFSsDKIQZVsveUEiZpXTScY7//4Mq23EiB/SQ3KtcR7IlGSA0p+p6ZqNheuujA7csP2bEUvkrQUwTCFFMVzzZwm2eVn/G6mRKUYEqdsKVPCh+SApHM1QUOR916aJuivvairbIiuV6vZSoxL0PEls1xFPyv53E9wjtjoBxhEXp/ZJ5ZiUbILzjIKsA2qOUvPs0g3jivzu+z5WSD59atlidSzM2VIm/Scle8T5mY8EijC0zRFso/iM2smesHJbhkytqucAxwwOFX/4IjO+OxUNeYcwDrMdz6JpwSSvkuEUT8NwMcvAzGhfgBcNGJVPGBlGJHgh6NutBJJDH7CQtcb9PGaZb5w8aHBIJ0FNL6keHiu2WaL7xY0kvAMBQO5YNSixRxosV9LDWs1ZaNgFvhoxyFrikSs96orqiqFIpMzZXuw5aSvxONSnEjFWOlr1D2rsUHT7a3gBtMX3akDhjbUgAmnLUgjnOV/h0XjZ0UUG229w1zmfDnUt2jIx9Kjr2o9z15aGJRsubN4xTfa3zK6j+WqVX0D/fm2y9H4h3qAAAAABJRU5ErkJggg==); background-repeat: no-repeat; background-position: center; background-size: cover; width: 20px; height: 20px; margin-right: 6px; top: 5px; } .address-cont{ background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAmCAMAAACWCLnmAAAANlBMVEVHcEwzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMPiRcpAAAAEXRSTlMA4UifkNc4724IU3sexD20EpsnPKsAAACvSURBVDjL7dPNDoMgEEbRQaD8q9/7v2ypRBTLoKuuelbG3BAGlKgVFuqKQU3lyQLJ9ZIZkGUNZCIOEoWNebGJxM73kkC04BC+k7xIwpm8JD6/0GilNnG0ClzptT0Yg47zYC/0HYNN4Nh9s+CVwRRGPrcRF6kGkqWHHG9PEgyjjqRxO/Xvk2ObbDKX+ckJNqm3/08uR8cls582vv5c9U18+FXaYIeCJYEbIu/VDEG/AUL2Kv54CDD+AAAAAElFTkSuQmCC) no-repeat 0 center; border: none; cursor: pointer; margin: 15px 0; font-size: 1rem; font-weight: 600; padding: 6px; padding-left: 48px; } #current_address_info{ padding: 10px; padding-left: 16px; margin: 10px 0; } #current_address_info p{ font-size: 1.2rem; border-bottom: 1px solid #149EDC; padding: 10px; padding-left: 16px; margin: 10px 0; } #new_address_info{ font-size: 1.2rem; border-left: 8px solid #149EDC; padding: 10px; padding-left: 16px; margin: 10px 0; } .url_like{ } #dob_holder{ } #dob_holder>div{ width:52px; display: inline-block; margin-right: 10px; vertical-align: top; } #dob_holder>div:last-child{ width: 68px; margin-right: 0; } .months_years{ } .months_years>div{ width:52px; display: inline-block; margin-right: 10px; vertical-align: top; } #addresses-step{ display:none; } #allAddresses-cont{ display:none; } .allAddresses-cont-div{ margin-bottom: 15px; } .allAddresses-cont-div h4{ background: #eee; padding: 3px 10px; margin: 3px 0; } .allAddresses-cont-div .address-cont{ margin:0; } .ch-adrrs{ font-weight: 600; margin-top: 10px; background: #eee; display: inline-block; background: #333; color: #fff; padding: 6px 10px; -webkit-border-radius: 0.1em; border-radius: 0.1em; } #add-addrs{ display:none; } #submit-address{ display:none; } #submit-time{ display:none; } #prev_addrrs{ display:none; } #submit-all-add{ display:none } #declaration-step{ display:none; } #data-wrapper{ } #data-wrapper>div{ } #data-wrapper>div>h3{ } #data-wrapper ul{ } #head-contacts{ font-size: 12px; margin-top: 3px; text-align: right; } #head-contacts p { line-height: 1.2; } #head-phone-number:before { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAXVBMVEVHcEzn5+fg4ODm5uZ9fX0pKSkYGBiampqvr68ICAgzMzPV1dUgICA8PDxHR0ctLS1paWkODg5PT0/d3d2mpqZnZ2e+vr7AwMAZGRk+Pj51dXWCgoIAAACPj48AAAAzZt4jAAAAHnRSTlMABhcKf9fjYUnzxibfw7fQke+pIVeXQDrovIh3/W4drZYFAAAAeklEQVQI10WNVxKEMAxDlZgUSCiB7UX3PyYOWWbfh2yNLRtozP7bmrgY1bR8stV6I2cDo+1AlZ5kFillw9ADrAi2lQl86wpdqjcm4kUEcjxOSrayAp7s2o/6AXfNhtMoHevcPpw0f1U/asbZ/7wy/fajO+wFJ+FZfAR2NikIEFTkEtYAAAAASUVORK5CYII=); vertical-align: middle; margin-right: 5px; } #work-time { margin-right: 3px; } #work-time:before { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAS1BMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC3i/cDAAAAGHRSTlMALuJB2IpNxwTufWUHlDhzn1JJvyIbEWq6kOOcAAAAjklEQVQY002OVxLEIAxDsTEttIQ03/+ka8im6AOhN7ZHSnV5Xav26pEmZ4wj/eSwwHlCC3+S0GYWGYtpAOsiD0VnB5gIJVFgpGkAmS/blhIw5wFm5r37zjxfK8zQXSauFW/X2D2u9u6m8VDqQP1WNdQaGfWRkV6fCDlIk7nc0WEtIZSKDi6wyHGQv1/k+QHBGQanI3NffQAAAABJRU5ErkJggg==); vertical-align: middle; margin-right: 3px; margin-left: 3px; } #head-email:before { content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAOCAMAAAD6xte7AAAAS1BMVEVHcEwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC3i/cDAAAAGHRSTlMARuHpOPBZITDcltiDP3v3S+PLZ3FPE7bxcQoPAAAAi0lEQVQY002OWRLEIAgFn0YluMQlG/c/6TiZMk5X8UFDwUPioJcJB1YI4klNyAuDXTsw2dvZsJCR7VWHFDBsQZGx6cRhrbAKULK/Cqt+HFzuDU77HQ2H2DeUePy5pH2NwXOaLvXPe68o5ufKowB6ThiY/pcoz9CbJWgsvt6XGVw3x9oD5xb0ILQs5wd4BwblNoHdUwAAAABJRU5ErkJggg==); vertical-align: middle; margin-right: 5px; } textarea{ overflow: auto; min-height: 80px; margin-bottom: 20px; } #callbackform h5 { color: #a8a8a8; font-weight: normal; margin-top:10px; } .moblic-foot { background: #f3f2f1; color: #333; text-align: center; padding: 1rem 0; border-top: 1px solid #dcdcdc; } #footer-about { border-bottom: 1px solid #e3e3e3; margin-bottom: 40px; padding-bottom: 20px; } #footer-about h2 { margin-bottom: 20px; } .moblic-foot a { display: inline-block; margin: 0 7px; color: #6c6c6c; } #moblic-menu:before { content: "\2630"; display: inline-block; vertical-align: middle; color: #767676; font-size: 30px; line-height: 1; font-weight: 900; position: absolute; left: 22px; } .moblic-head { width: 100%; height: auto; line-height: 58px; font-size: 14px; background-color: #1a1b20; -webkit-box-shadow: 0 1px 0 0 rgb(0 0 0 / 20%); box-shadow: 0 1px 0 0 rgb(0 0 0 / 20%); padding: 0 10px; text-align: right; } .moblic-head #moblic-h-logo { width: 46%; float: left; text-align: left; } .moblic-head #moblic-h-logo a { display: block; } .moblic-head img { vertical-align: middle; max-width: 134px; height: auto; } #moblic-menu { display: inline-block; vertical-align: middle; width: 30px; height: 25px; position: relative; margin-right: 10px; margin-top: -10px; cursor: pointer; } #moblic-dllist { display: none; position: relative; float: right; text-align: right; width: fit-content; top: 6px; top: -6px; } #moblic-dllist ul { list-style: none; display: inline-block; vertical-align: middle; } #moblic-dllist ul li { position: relative; display: inline-block; text-align: center; } #moblic-dllist ul li a { display: block; padding: 0 5px; color: #a2a2a2; white-space: nowrap; text-decoration: none; text-transform: none; font-size: 14px; font-weight: 500; } #moblic-nllist { display: none; position: fixed; z-index: 1000; top: -100%; right: 0; width: 100%; padding: 0 1.5rem; border-bottom: 2px solid #babdd1; transition: top .3s; } #moblic-nllist.moblic-shoit { display: block; top: 60px; box-shadow: 0 3px 3px rgb(0 0 0 / 15%); -webkit-box-shadow: 0 0 5px 1px rgb(0 0 0 / 15%); background-color: #f3f2f2; top: 80px; } #moblic-nllist.moblic-shoit ul { display: block!important; padding: 4px 0; } #moblic-nllist.moblic-shoit ul li { display: block!important; position: relative; white-space: nowrap; text-decoration: none; font-weight: 300; text-align: left; font-size: 16px; line-height: 2; padding: 2px 0; margin: 3px 0 3px 0; transition: all 0.5s ease-in-out; } #moblic-nllist.moblic-shoit ul li a { display: block; text-transform: none; padding: 0 5px; color: #1765a9; white-space: nowrap; /* text-decoration: none; */ font-weight: 600; line-height: 2; /* text-transform: uppercase; */ transition: all 0.5s ease-in-out; } .moblic-services { text-align: left; padding-top: 100px; padding-bottom: 100px; } .moblic-services-head { margin-bottom: 40px; } .moblic-services-head h2, .simple-text h2 { font-size: 1.8rem; font-weight: 600; margin: 0 0 10px; line-height: 1; text-align: center; } .moblic-services-box { display: inline-block; padding: 20px; vertical-align: top; margin-top: 20px; } .moblic-services-box h2, .moblic-advantages-box h2 { font-size: 1.4rem; font-weight: 600; margin: 0 0 1rem; line-height: 1; color: #1565ab; border-top: 1px solid #e1e1e1; padding-top: 20px; } .moblic-services-box p, .moblic-advantages-box p, .simple-text p { font-size: 16px; opacity: .7; } .moblic-services-box:after, .moblic-quote-list>li:after { content: " "; float: none; clear: both; display: table; } .moblic-services-box p, .moblic-advantages-box p, .simple-text p { font-size: 16px; opacity: .7; } .sub-btn{ position: relative; z-index: 2; overflow: hidden; display: inline-block; text-transform: uppercase; background-color: #149EDC; color: #fff; font-size: 16px; padding: 12px 40px; border-radius: 5px; letter-spacing: 0; width: fit-content; border: none; height: auto; cursor: pointer; margin: 0; font-weight: 600; } .sub-btn:before, .sub-btn:after{ content: ""; position: absolute; height: 100%; top: 0; left: 0; width: 50.1%; background-color: #72406c; z-index: -1; transition: all 0.4s ease-out; border-radius: 0; } .sub-btn:before{ transform: scale(0) rotate(0); } .sub-btn:after{ transform: scale(0) rotate(0); left: unset; right: 0; } .sub-btn:hover::before, .sub-btn:hover:after, .sub-btn.active::before, .sub-btn.active:after { border-radius: 0; transform: scale(1) rotate(360deg); } #bridrve-fxcookie { padding: 1rem; background-color: #fff; opacity: 1; color: #efeff5; width: 100%; text-align: center; position: fixed; bottom: 0; box-shadow: 0 -2px 5px rgba(0, 0, 0, .3); z-index: 1011; } #bridrve-fxcookie>div { position: relative; padding: 5 16px; } #bridrve-fxcookie span { font-size: 13px; font-weight: 300; display: inline-block; vertical-align: middle; color: #444; max-width: 90%; } #bridrve-fxcookie span a{ display: inline-block; color: #184377; font-weight: 400; text-decoration: underline; } #bridrve-fxcookie span a:hover{ color: #149EDC; text-decoration: none; } #bridrve-fxcookie .btn { display: block; width: 95px; line-height: 1; background: none; margin: 0 auto; margin-top: 10px; padding: 3px 0; border: 1px solid #149EDC; border-radius: 2px; font-size: 13px; color: #149EDC; cursor: pointer; } #bridrve-fxcookie>div:after { content: "x"; vertical-align: middle; position: absolute; right: -5px; top: -5px; cursor: pointer; color: #149EDC; border: 1px solid #149EDC; padding: 0 5px; border-radius: 2px; opacity: .7; font-size: 15px; line-height: 1; padding-bottom: 3px; } @media screen and (min-width:300px) { .moblic-head { font-size: 16px; } #qB #g-icons ul{ max-width: calc(300px + 15%); margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #qB #g-icons li{ padding: 0; text-align: center; cursor: pointer; border: none; -webkit-box-shadow: none; box-shadow: none; background: 0 0; width: 49%; max-width: 150px; margin: 0 0 10px; } #qB #g-icons li p{ color: #fff; background-color: #113451; position: relative; text-align: center; display: inline-block; margin-top: -20px; padding: .3em 1.2em .4em 40px; border-radius: 4px; -webkit-box-shadow: none; box-shadow: none; } #qB #g-icons li:before { position: static; -webkit-box-shadow: none; box-shadow: none; display: block; margin: 0 auto; content: ''; border-radius: 50%; background-size: auto 85%; padding-top: 100%; width: 100%; height: 0; background: #1a4f7b no-repeat 50% 100%; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22146%22%20height%3D%22128%22%20viewBox%3D%220%200%20146%20128%22%3E%3Cpath%20fill%3D%22%23DFF2FD%22%20d%3D%22M9%20106c9.695-6.126%2044.65-14.322%2045-20-.35.207-.35-3.34%200-5h5s.893.953%200-7c-.243.326-6.305-1.273-7-13%20.412-.421-4.141%201.103-5-6%20.39-5.249-3.493-9.581%202-13l-3-8c.254.214-5.429-30.576%2011-26C50.018-.248%2095.983-8.438%2099%2018c-.03-.451%202.098%2013.58%200%2023-.03.183%206.682-.589%202%2012%20.193.237-2.269%209.465-6%208-.058-.607.56%2011.069-6%2013%20.592.048%201.017%206.262%201%207h6s.117%205.88%200%206c4.775%205.013%2039.236%2010.411%2045%2019%205.094%206.572%205%2012.397%205%2022H1s-1.309-16.325%208-22z%22%2F%3E%3C%2Fsvg%3E"); } #qB #g-icons li+li:before{ background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22131%22%20height%3D%22128%22%20viewBox%3D%220%200%20131%20128%22%3E%3Cpath%20fill%3D%22%23DFF2FD%22%20d%3D%22M120%20104c-10.76-3.186-21.638-6.81-26-10-3.796-1.913-2.784-5.453-4-8%20.628.684-5.705-2.168-8-2%200%200%20.314-6.636%200-7%209.006-1.777%2019-6%2019-6s-3.134-8.794-3-9c.206.206%204.772%205.5%207%207%20.267-.39-6.691-13.64-8-28-2.664-14.822-3.546-22.15-5-26-1.844-3.197-4.08-7.98-8-10-3.748-2.721-10.474-5.042-19-5-8.133.044-13.391%202.158-17%205-3.5%202.141-6.017%206.804-7%2010-2.316%203.85-2.478%207.737-5%2026-2.887%2017.8-9.131%2027.61-9%2028%202.367-1.5%207.286-7.435%207-7-.222%202.355-3%209-3%209s7.169%204.257%2019%206c-.135.237%200%207%200%207-2.154-.168-8.027%202.684-8%202-.623%202.547-1.424%206.346-4%208-2.863%202.93-12.994%206.196-26%2010-12.96%204.145-10.9%2023.736-11%2024h130c.044-.264-.005-20.473-11-24z%22%2F%3E%3C%2Fsvg%3E"); } #qB #g-icons li p:before { position: absolute; top: 50%; left: 7px; display: block; content: ''; background: #fff; width: 22px; height: 22px; margin-top: -11px; border-radius: 50%; -webkit-box-shadow: 0 0 0 4px #fff inset,0 0 0 5px currentcolor inset,0 0 0 1px currentcolor,0 0 0 2px #ccc; box-shadow: 0 0 0 4px #fff inset,0 0 0 5px currentcolor inset,0 0 0 1px currentcolor,0 0 0 2px #ccc; margin-top: 0; -webkit-transition: -webkit-transform .2s ease-in-out; transition: -webkit-transform .2s ease-in-out; transition: transform .2s ease-in-out; transition: transform .2s ease-in-out,-webkit-transform .2s ease-in-out; -webkit-transform: translateY(-50%) scale(.7); transform: translateY(-50%) scale(.7); } #qB #g-icons li p:after { position: absolute; bottom: 98%; left: 50%; margin-left: -10px; content: ''; border: transparent solid 10px; border-bottom-color: #113451; width: 0; height: 0; } #qB #g-icons li.selected p{ background-color: #1e9065; } #qB #g-icons li.selected p:after { border-bottom-color: #1e9065; } #qB #g-icons li.selected p:before { width: 14px; height: 22px; margin-top: -14px; margin-left: 4px; -webkit-transition: none; transition: none; -webkit-transform: rotate(45deg); transform: rotate(45deg); border: solid #fff; border-width: 0 5px 5px 0; border-radius: 0 0 0 4px; background: 0 0; -webkit-box-shadow: none; box-shadow: none; } } @media screen and (min-width:480px) { #qB #h-desc li p{ font-weight: bold; overflow: hidden; font-size: 20px; } #qB #h-desc li:after { padding-left: 40px; } .alert-static { margin: .4em 0 .2em 0; } .inf-head-txt h3 {font-size: 1.3em;} } @media screen and (min-width:641px) { .moblic-head { padding: 0 15px; } .w10{width: 10%;} .w20{width: 20%;} .w30{width: 30%;} .w33{width: 33.3333%;} .w40{width: 40%;} .w50{width: 50%;} .w60{width: 60%;} .w70{width: 70%;} .w80{width: 80%;} .w90{width: 90%;} .w100{width: 100%;} .pdr15{padding-right: 15px;} .pdl15{ padding-left: 15px;} .mgr15{margin-right: 15px;} .mgl15{margin-left: 15px;} .flex{ display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap; } /*================================*/ .main-bg-ct, .main-bg-rf{ height: 380px; background-position: 50% 70%; } .main-bg-ct:before, .main-bg-rf:before{ padding-top: 380px; } .main-txt-title-ct{ max-width: 1000px; margin-bottom: 0; padding-left: 20px; } .main-txt-title-ct h1{ font-size: 50px; line-height: 70px; } /*=================================*/ .benefits-bg, .refunds-bg, .services-bg, .fuelprice-bg, .valuationdata-bg{ height: 650px; background-position: 56% 40%; } .benefits-bg:before, .refunds-bg:before, .services-bg:before, .fuelprice-bg:before, .valuationdata-bg:before{ padding-top: 650px; } #benefits-box { display: flex; flex-direction: row; align-items: stretch; flex-wrap: wrap; width: 100%; position: relative; margin-top: 20px; align-content: space-between; justify-content: center; } .benefits-box-content { width: calc(50% - 20px); margin-bottom: 20px; margin-right: 10px; margin-left: 0; } .benefits-box-content:nth-child(2){ margin-right: 0; margin-left: 10px; } .benefits-box-content:nth-child(4){ margin-right: 0; margin-left: 10px; } /*================================*/ .other-service{ margin-bottom: 15px; margin-top: 25px; } .other-service h3{ margin-bottom: 10px; font-size: 18px; } .nice-list{ display: flex; flex-direction: row; align-items: stretch; flex-wrap: wrap; width: 100%; position: relative; justify-content: space-between; } .nice-list li{ width: calc(50% - 10px); } .nice-list-box-content{ height: 100%; } .nice-list-card{} .nice-list-title{} .nice-list-title h3{ font-size: 18px; font-weight: 500; } /*=================================*/ .relate-container { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } .relate-col1, .relate-col2 { display: flex; flex-direction: row; align-items: center; width: 50%; margin-bottom: 0; } .relate-cont { display: flex; flex-direction: row; align-items: center; margin-right: 10px; } .relate-box2 { margin-left: -100px; } .relate-cont2 { margin-left: 10px; } .relate-txt-title{ margin-bottom: 40px; } .relate-txt-title h2{ font-size: 38px; line-height: 70px; } .relate-txt-content p{ margin-bottom: 25px; } /*================================*/ .banner-col1 { width: 82%; margin-bottom: 25px; max-width: 1248px; } .banner-col1 h2{ font-size: 38px; line-height: 56px; margin-bottom: 30px; } /*================================*/ .serv-bg1-title h2{ font-size: 40px; line-height: 60px; } .serv-bg1-title p{ font-size: 16px; } /*================================*/ #bridrve-info { padding-top: 80px; padding-bottom: 80px; } .bridrve-info-tile { margin-bottom: 45px; } #bridrve-info h2 { font-size: 38px; line-height: 60px; text-align: center; } #bridrve-info-box { display: flex; flex-direction: row; align-items: stretch; justify-content: space-between; flex-wrap: nowrap; margin-top: 0; } .bridrve-info-box-content { width: 33.333%; margin-bottom: 0; } /*================================*/ #contacts, #refunds { padding-top: 70px; } #callbackform { padding: 40px 25px 40px 25px; } #thx-box h2 { font-size: 38px; margin-bottom: 25px; line-height: 60px; } #callbackform p { line-height: 27px; } /*================================*/ .moblic-services-box { max-width: 660px; width: 100%; text-align: left; } .main-txt-title { width: 65%; margin-bottom: 35px; } .main-txt-title h1 { font-size: 40px; line-height: 56px; } .main-txt-content {} .main-txt p { font-size: 18px; line-height: 24px; } #details-cont, #res-cont{ margin-bottom: 320px; } #thx p { margin-bottom: 1em; font-size: 16px; } } @media screen and (min-width:767px) { .cont{ padding: 0 35px; } #moblic-nllist.moblic-shoit { display: none; } .moblic-head { height: 75px; } .moblic-head #moblic-h-logo { width: 14%; } #moblic-menu { display: none; } #moblic-dllist { display: inline-block; } #moblic-nllist { position: static; right: 0; flex: 1; width: auto; max-width: 100%; height: auto; padding: 0; padding-right: 2rem; box-shadow: none; -webkit-box-shadow: none; } #head-contacts{ border-bottom: none; font-size: 14px; } #header-logo{ background: #1a1b20; } #logo{ background: url(/pro/who_we_are/bd/sp3/files/logo-desk.png) no-repeat; background-size: contain; margin-left:0; float: left; } #top-phone{ float:right; color: #fff; font-size: 1.4rem; } #header-headline h1{ font-size:2.2rem; } #header-headline h1 u{ font-weight:inherit } #header-sub{ display:block; } #header-sub h2 { font-size: 1.6em; } .main-bg { height: 800px; background-position: 50% 37%; } .main-bg:before { padding-top: 800px; } /*.main-bg:after { background: url(/pro/who_we_are/bd/sp3/files/main-bg3.png); background-repeat: no-repeat; }*/ .main-txt-title { width: 65%; margin-bottom: 35px; } .main-txt-title h1 { font-size: 46px; line-height: 58px; } .main-txt-content { } .main-txt p { font-size: 18px; line-height: 26px; margin-bottom: 10px; } .main-txt h3 { font-size: 24px; line-height: 32px; margin-bottom: 8px; margin-top: 18px; } .main-img-center{max-width: 720px;} #details-cont, #res-cont{ margin-bottom: 330px; } .main-banner-img-center { max-width: 800px; padding-top: 30px; } /*=======================================*/ #bridrve-section3-box{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: stretch; } #bridrve-section3 h2, #bridrve-section5 h2 { font-size: 36px; font-weight: 600; margin-bottom: 30px; } .bridrve-section3-box-content{ width: 50%; } #bridrve-section5-box{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: space-between; } .bridrve-section5-box-content{ width: calc(50% - 12px); } /*=======================================*/ .four-step { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; } .four-step-box { width: 50%; margin-bottom: 60px; } .lat-line { margin-bottom: 70px; } .section7-card1 p { width: 70%; max-width: 70%; } /*=======================================*/ .presell-col1{ width: 70%; } .presell-col1 h2 { text-align: left; } .presell-col1 h3 { margin: 0; text-align: left; } .presell-col1 ul { padding-left: 0; } .presell-btn { margin: 0; } .presell-col2{ max-width: 650px; margin: 0; margin-top: 15px; } .presell-col2 p{ text-align: left; padding-bottom: 10px; } /*=======================================*/ #info{ padding: 2rem 0; } #info-box>div{ width: 26%; margin-left: 10%; } #info-box>div:first-of-type { margin-left: 0; } #info-box>div>span { -webkit-transform: none; transform: none; margin: 0 auto; } #info-box>div>p{ clear: left; font-size: 1em; margin-top: 1.4em; text-align: center; margin: 1em 0 0 0; float: none; } #a-box{ /*width: 65%;*/ min-height: 400px; } #a-footer>div{ margin-top: .4em; } #thx .h2vers1{ font-size: 26px; } .checkbox-group, .radio-group { font-size: 22px; } .s-list{ font-size: 22px; } #nav .btn{ font-size: 2.2em; } .alert-static p { font-size: 1em; } .alert-animate p { font-size: 1em; } .serv-bg1, .serv-bg2, .serv-bg3, .serv-bg4, .serv-bg5, .serv-bg6, .serv-bg7{ display: flex; flex-direction: row; text-align: left; align-items: stretch; } .services-col2{ flex: 1 0 10%; height: auto; } .services-col1{ align-items: flex-start; } } @media screen and (min-width:992px) { .cont{ /*max-width:992px;*/ } /*================================*/ .main-bg-ct, .main-bg-rf{ height: 300px; background-position: 50% 64%; } .main-bg-ct:before, .main-bg-rf:before{ padding-top: 300px; } .main-txt-title-ct{ padding-left: 0; } .main-txt-title-ct h1{ font-size: 52px; } .main-txt h3 { font-size: 26px; line-height: 35px; margin-bottom: 8px; margin-top: 18px; } /*================================*/ .bridrve-section4-colums{ display: flex; flex-direction: row; align-items: center; flex-wrap: nowrap; justify-content: space-between; } .bridrve-section4-container { width: 70%; } .section4-btn { width: 30%; } /*.bridrve-section5-box-content:not(:last-child){ margin-right: 15px; } .bridrve-section5-box-content:last-child{ margin-left: 15px; margin-right: 15px; }*/ #bridrve-section4 h3 { text-align: left; margin: 0; margin-bottom: 32px; } #bridrve-section4 h2 { text-align: left; padding: 0; } #bridrve-section5-box { flex-wrap: nowrap; } .bridrve-section5-box-content { width: calc(25% - 12px); } .four-step-box { width: 25%; margin-bottom: 40px; } .section7-card1 p { width: 80%; max-width: 80%; } /*================================*/ .bridrve-section8-box-content{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; gap: 12px; justify-content: space-between; } .section8-card1, .section8-card2, .section8-card3{ width: calc(33.3% - 25px); } /*================================*/ .benefits-bg, .refunds-bg, .services-bg, .fuelprice-bg, .valuationdata-bg{ height: 700px; background-position: 60% 40%; } .benefits-bg:before, .refunds-bg:before, .services-bg:before, .fuelprice-bg:before, .valuationdata-bg:before{ padding-top: 700px; } .benefits-tile{ margin-bottom: 40px; } #benefits h2{ font-size: 38px; } #benefits-box { display: flex; flex-direction: row; align-items: stretch; flex-wrap: wrap; width: 100%; position: relative; margin-top: 20px; align-content: space-between; justify-content: space-between; } .benefits-box-content { width: calc(25% - 20px); margin-bottom: 0; margin-right: 10px; margin-left: 10px; } .benefits-box-content:last-child{ margin-right: 0; margin-left: 10px; } .benefits-box-content:first-child{ margin-right: 10px; margin-left: 0; } .benefits-box-content:nth-child(2) { margin-right: 10px; margin-left: 10px; } /*================================*/ .other-service{margin-bottom: 15px;margin-top: 25px;} .other-service h3{font-size: 24px;} .nice-list li{width: calc(50% - 11px);} .nice-list-box-content{} .nice-list-title{} .nice-list-title h3{font-size: 22px;line-height: 26px;} .btn-cancel { font-size: 16px;line-height: 30px; } /*=================================*/ .relate-cont { margin-right: 15px; } .relate-box2 { margin-left: -110px; } .relate-cont2 { margin-left: 15px; } .relate-txt-title{ margin-bottom: 40px; } .relate-txt-title h2{ font-size: 38px; line-height: 70px; } .relate-txt-content p{ margin-bottom: 25px; } /*================================*/ .banner-col1 { width: 60%; } /*#thx-txt p{ font-size: 18px; line-height: 32px; max-width: 900px; margin: 0 auto; }*/ /*================================*/ /*=================================*/ .main-bg { height: 800px; background-position: 50% 37%; } .main-bg:before { padding-top: 800px; } .main-txt-title { width: 65%; margin-bottom: 35px; } .main-txt-title h1 { font-size: 50px; line-height: 70px; } .main-txt-content { } #a-box { } .moblic-services-box { text-align: left; margin-top: 0; width: calc(33.33% - 5px); } .grptype2{ display: flex; flex-direction: row; flex-wrap: nowrap; align-items: stretch; } } @media screen and (min-width:1200px) { .cont{ /*max-width:1200px;*/ padding: 0 40px } .relate-box2 { margin-left: -250px; } .main-bg { height: 800px; background-position: 50% 50%; } .main-bg:before { padding-top: 800px; } .main-txt-title { width: 65%; margin-bottom: 50px; } .main-img-center{max-width: 790px;} .benefits-bg, .services-bg, .fuelprice-bg, .valuationdata-bg{ height: 700px; background-position: 50% 37%; } .benefits-bg:before, .services-bg:before, .fuelprice-bg:before, .valuationdata-bg:before{ padding-top: 700px; } #bridrve-section3 h2, #bridrve-section5 h2 { font-size: 42px; margin-bottom: 45px; margin-top: 40px; } .bridrve-section3-box-content{ width: calc(33% - 30px); } .info-bg {margin-top: 60px; width: 58%;} #a-box{ } #details-cont, #res-cont{margin-bottom: 350px;} } @media screen and (min-width:1400px) { .cont{ max-width:1400px; padding: 0 60px } /*================================*/ .main-bg-ct, .main-bg-rf{ height: 400px; background-position: 50% 64%; } .main-bg-ct:before, .main-bg-rf:before{ padding-top: 400px; } .main-txt-title-ct{ padding-left: 0; } .main-txt-title-ct h1{ font-size: 54px; } .main-txt p { font-size: 20px; line-height: 30px; } .main-txt h3 { font-size: 30px; line-height: 40px; margin-top: 20px; } /*================================*/ .main-bg { height: 800px; background-position: 50% 30%; } .main-bg:before { padding-top: 800px; } .main-txt-title { width: 50%; margin-bottom: 60px; } .benefits-bg, .services-bg, .fuelprice-bg, .valuationdata-bg{ height: 800px; background-position: 50% 37%; } .benefits-bg:before, .services-bg:before, .fuelprice-bg:before, .valuationdata-bg:before{ padding-top: 800px; } #details-cont, #res-cont{ margin-bottom: 400px; } .main-img-center{max-width: 910px;} } @-webkit-keyframes spin { 0% {transform: rotate(0);} 100% {transform: rotate(360deg);} } @keyframes spin { 0% {transform: rotate(0);} 100% {transform: rotate(360deg);} } @-webkit-keyframes jumpAni { 0% {transform: translateY(0);} 40% {transform: translateY(-30px);} 100% {transform: translateY(0);} } @keyframes jumpAni { 0% {transform: translateY(0);} 40% {transform: translateY(-30px);} 100% {transform: translateY(0);} } @-webkit-keyframes fInR { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fInR { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes glint { 0% { background-color: rgba(255,255,255,0.4); } 100% { width: 100%;background-color: rgba(255,255,255,0); } } @-webkit-keyframes glint { 0% { background-color: rgba(255,255,255,0.4); } 100% { width: 100%;background-color: rgba(255,255,255,0); } } @-webkit-keyframes pulse{from{ -webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%{ -webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)} 15%{ -webkit-transform:scale3d(0.90,0.90,0.90);transform:scale3d(0.90,0.90,0.90)}40%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} } @keyframes pulse{from{transform:scale3d(1,1,1)}10%{transform:scale3d(1.05,1.05,1.05)} 15%{transform:scale3d(0.90,0.90,0.90)}40%{transform:scale3d(1,1,1)}to{transform:scale3d(1,1,1)} } @-webkit-keyframes pulseSmooth{0%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}33.3333%{-webkit-transform:translate3d(0,0,0) scale(1.1);transform:translate3d(0,0,0) scale(1.1)}66.6666%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}100%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}}@keyframes pulseSmooth{0%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}33.3333%{-webkit-transform:translate3d(0,0,0) scale(1.1);transform:translate3d(0,0,0) scale(1.1)}66.6666%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}100%{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}} .pulse{ animation-iteration-count: infinite; animation-duration: 2s; animation-name: pulse; -webkit-animation-iteration-count: infinite; -webkit-animation-duration: 2s; -webkit-animation-name: pulse; } .pulse-once{ animation-iteration-count: 1; animation-duration: 3s; animation-name: pulse; -webkit-animation-iteration-count: 1; -webkit-animation-duration: 3s; -webkit-animation-name: pulse; } .pulse-once-smooth{ animation-iteration-count: 1; animation-duration: 2s; animation-name: pulseSmooth; -webkit-animation-iteration-count: 1; -webkit-animation-duration: 2s; -webkit-animation-name: pulseSmooth; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .sAnim{ animation: bounce 1.4s ease-out 7 forwards; -webkit-animation: bounce 1.4s ease-out 7 forwards; } @keyframes blink { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes blink { from { opacity: 1; } to { opacity: 0; } } #st-pay, #stopformwrapper{ display:none; text-align:center; padding: 20px 0; } #st-pay form { display: inline-block; width: 30vw; min-width: 500px; align-self: center; /*box-shadow: 0px 0px 0px 0.5px rgba(50, 50, 93, 0.1), 0px 2px 5px 0px rgba(50, 50, 93, 0.1), 0px 1px 1.5px 0px rgba(0, 0, 0, 0.07); border-radius: 7px;*/ padding: 20px; } #st-pay .hidden { display: none; } #st-pay #payment-message { color: rgb(105, 115, 134); font-size: 16px; line-height: 20px; padding-top: 12px; text-align: center; } #st-pay #payment-element { margin-bottom: 24px; } /* Buttons and links */ #st-pay button { background: #00703c; font-family: inherit; color: #ffffff; border-radius: 4px; border: 0; padding: 12px 16px; font-size: 16px; font-weight: 600; cursor: pointer; display: block; transition: all 0.2s ease; box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.07); width: 100%; } #st-pay button:hover { filter: contrast(115%); } #st-pay button:disabled { opacity: 0.5; cursor: default; } /* spinner/processing state, errors */ .spinner, .spinner:before, .spinner:after { border-radius: 50%; } .spinner { color: #ffffff; font-size: 22px; text-indent: -99999px; margin: 0px auto; position: relative; width: 20px; height: 20px; box-shadow: inset 0 0 0 2px; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } .spinner:before, .spinner:after { position: absolute; content: ""; } .spinner:before { width: 10.4px; height: 20.4px; background: #5469d4; border-radius: 20.4px 0 0 20.4px; top: -0.2px; left: -0.2px; -webkit-transform-origin: 10.4px 10.2px; transform-origin: 10.4px 10.2px; -webkit-animation: loading 2s infinite ease 1.5s; animation: loading 2s infinite ease 1.5s; } .spinner:after { width: 10.4px; height: 10.2px; background: #5469d4; border-radius: 0 10.2px 10.2px 0; top: -0.1px; left: 10.2px; -webkit-transform-origin: 0px 10.2px; transform-origin: 0px 10.2px; -webkit-animation: loading 2s infinite ease; animation: loading 2s infinite ease; } @-webkit-keyframes loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes loading { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @media only screen and (max-width: 600px) { #st-pay form { width: 80vw; min-width: initial; } }