.videomp4-1 { float: left; width: 100%; margin-top: 20px; }@media (min-width: 10px) and (max-width:1000px) { .bl-right-02{ display: none !important; } } body .msg-1 {z-index: 9999 !important;} .se-1 { display: inline-block !important;}.nw-link-01{ display: none; } .nw-link-1 a { border-radius: 100px; border: none; -webkit-box-shadow: 0 0 0 0 #FFC312; box-shadow: 0 0 0 0 #FFC312; border-radius: 50%; background-color: rgba(255, 255, 255, 0.53); background-size: cover; background-repeat: no-repeat; -webkit-animation: pulse 2.25s infinite cubic-bezier(0.66, 0, 0, 1); -moz-animation: pulse 2.25s infinite cubic-bezier(0.66, 0, 0, 1); -ms-animation: pulse 2.25s infinite cubic-bezier(0.66, 0, 0, 1); animation: pulse 2.25s infinite cubic-bezier(0.66, 0, 0, 1); } .pulse-button:hover { -webkit-animation: none; -moz-animation: none; -ms-animation: none; animation: none } @-webkit-keyframes pulse { to { -webkit-box-shadow: 0 0 0 25px rgba(0, 125, 205, 0); box-shadow: 0 0 0 25px rgba(0, 125, 205, 0) } } @-moz-keyframes pulse { to { box-shadow: 0 0 0 25px rgba(0, 125, 205, 0) } } @-ms-keyframes pulse { to { box-shadow: 0 0 0 25px rgba(0, 125, 205, 0) } } @keyframes pulse { to { -webkit-box-shadow: 0 0 0 25px rgba(0, 125, 205, 0); box-shadow: 0 0 0 25px rgba(0, 125, 205, 0) } } .nw-link-1 a:hover{ background: #ffcf42; } .nw-link-1 a{ padding: 18px 30px; background: #FFC312; height: 50px; line-height: 50px; border-radius:8px; -webkit-font-feature-settings: 'case'on; font-feature-settings: 'case'on; letter-spacing:0.01em; font-family: font-3; font-size: 17px; } .nw-link-1{ width: 100%; floaT: left; position:relative; text-align: center; margin: 20px 0px 20px 0px; } body{ margin:0 auto; background:#fff; font-size:15px; font-family: 'font-2', sans-serif; } @font-face{font-family:font-2;src:url('../fonts/font-2.TTF');} @font-face{font-family:font-3;src:url('../fonts/font-3.TTF');} h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5{  -webkit-font-feature-settings: 'case'on; font-feature-settings: 'case'on; letter-spacing:0.01em;line-height:normal;font-weight:bold;text-rendering:optimizeLegibility;font-family:font-2;} h1,.h1{font-size:23px;}h2,.h2{font-size:21px;}h3,.h3{font-size:20px;}h4,.h4{font-size:18px;}h5,.h5{font-size:16px;} ::-webkit-scrollbar-track{background:#eee;} ::-webkit-scrollbar-thumb{background:#FFC312;} a{color:#0D101A;text-decoration:underline;text-decoration:none;} a img{border:0 none;} ol, ul, li{list-style:none;} *{margin:0;padding:0;outline:none;} ::-webkit-scrollbar{width:8px;} ::selection{background-color:#FFC312;color:#fff;} ::selection{color:#0D101A;} .my-3{ overflow:hidden; } .ab-6 img{ object-fit: cover; } .t-ic-1{ display: none; } .faq-content .f-lk-1 a{ text-decoration: auto; text-decoration: auto; } .texi-1 ul li::after { width: 10px; height: 10px; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; margin: 9px 8px 0px 0px; floaT: left; background: #FFC312; border-radius: 100px; content: ""; z-index: 1; floaT: left; position: absolute; lefT: 0px; } .texi-1 ul li { padding-left: 16px; position:relative; line-height: 25px; font-size: 15px; } .texi-1 ul{ width: 100%; position:relative; margin: 5px 0px 0px 8px; font-family: font-2; font-size: 16px; } .texi-2{ width: 100%; /* floaT: left; */ position:relative; margin: 5px 0px 0px 0px; font-family: font-3; font-size: 17px; -webkit-font-feature-settings: 'case'on; font-feature-settings: 'case'on; } .texi-1{ width: 100%; floaT: left; position:relative; margin: -10px 0px 0px 0px; } .wr-1{ width: 25px; height: 25px; font-family: font-3; line-height: 25px; text-align: center; overflow:hidden; floaT: left; position:relative; color: #ffffff; background:#0D101A; border-radius: 8px; margin: 0px 6px 0px 0px; } .size-2{ width: 100%; overflow:hidden; floaT: left; position:relative; } .abs-3{ width: 100%; floaT: left; position:relative; } body .msg-001 .msg-1 custom-tooltip::after { background: #FFC312 !important; color:#fff; } body .msg-001.msg-1 svg{ width: 22px; margin: 17px 0px 0px 14px; floaT: left; } .msg-001.msg-1.custom-tooltip{ bottom: 70px !important; } body .msg-001.msg-1{ background: #FFC312 !important; } .foter-4 a{ -webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s; } .foter-4 a:hover{ color: #FFC312 !important; -webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s; } #cssmenu ul li ul .my-au > a path{ fill: #FFC312; } body #cssmenu ul li ul .my-au > a{ color: #FFC312 !important; } .mn-1 .size-01 #dle-content{ width: 100% !important; float: left; position:relative; margin-left: 0px; overflow:hidden; border-radius: 10px; } .mn-1 .size-01 .se-1, .mn-1 .size-01 .se-1 img{ width: 300px; height: 220px; border-radius: 0px; overflow:hidden; } .mn-1 .size-01 .se-1 { margin: 0px 0px 0px 0px; floaT: left; position:relative; } .size-01 .nw-9 { background:rgb(217 220 235 / 50%); } .size-01 .nw-8 { background:#fff; } .dam-08 .dam-012{ transform: rotate(0deg); -webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s; } .dam-08:hover .dam-012{ transform: rotate(180deg); -webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s; } .dam-012{ position:absolute; bottom: 10px; right: 15px; } header .scroll { height: 4px; width: 0%; background: #FFC312; position:fixed; top: 93px; z-index: 99; } header .top-bar { height: 4px; width: 100%; position:fixed; top: 93px; z-index: 99999; } .msg-1.custom-tooltip::after { content: attr(data-tooltip); position: absolute; bottom: 11px; left: -62px; line-height: 30px; padding: 0px 12px !important; background: #006cf9; color:#fff; } .msg-1.custom-tooltip::before{ display: none !important; } .msg-1:hover{ background: #006cf9; } body .msg-1 svg{ width: 21px; } body .msg-1{ width: 50px; height: 50px; line-height: 60px; border-radius: 100%; position:fixed; right: 12px; bottom: 12px; z-index:99; background: #1877F2; text-align: center; } #cssmenu ul .my-8::after { z-index:9999; width: 100%; height: 46px; margin: 0px 0px 0px 0px; top: 26px; lefT: 0px; position: absolute; floaT: left; content: ""; } .foter-00 svg{ width: 100%; } .lity-close{ -webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s; } .foter-5 .custom-tooltip.tip-5::after{ background: #0057ff; color:#fff; } .foter-5 .tip-5 a:hover{ border: 2px #0057ff solid; -webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s; } .foter-5 .custom-tooltip.tip-4::after{ background: #ea4c89; color:#fff; } .foter-5 .tip-4 a:hover{ border: 2px #ea4c89 solid; -webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s; } .foter-5 .custom-tooltip.tip-3::after{ background: #ff0050; color:#fff; } .foter-5 .tip-3 a:hover{ border: 2px #ff0050 solid; -webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s; } .foter-5 .custom-tooltip.tip-2::after{ background: #833ab4; background: linear-gradient( to right, #833ab4,#fd1d1d,#fcb045 ); color:#fff; } .foter-5 .tip-2 a:hover{ border: 2px #833ab4 solid; -webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s; } .foter-5 .custom-tooltip.tip-1::after{ background: #1877F2 !important; color:#fff; } .foter-5 .tip-1 a:hover{ border: 2px #1877F2 solid; -webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s; } .foter-5 .custom-tooltip::after{ border-radius: 100%; bottom: -37px !important; } .foter-5 a{ border: 2px #23293A solid; -webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s; } .foter-5 .tip-5 svg{ top: 0.4px; position:relative; } .foter-5 .tip-4 svg{ top: 2px; position:relative; } .foter-5 .tip-2 svg{ top: 0.5px; position:relative; } .item_p{ width: 100%; height: 100%; floaT: left; position:relative; display: inline-block; } .ias_loader { text-align:center; margin: 0px 0; } .foter-9{ width: 45px; margin: auto; } .foter-9 a{ text-align: center; width: 45px; height: 45px; line-height: 47px; background:#FFC312; border-radius: 100%; box-shadow: 0px 0px 0px 20px #0D101A; margin: auto; z-index:1; position:relative; display: inline-block; } .foter-10{ width: 100%; border-top: 1px #23293A solid; position:relative; floaT: left; margin: -30px 0px 5px 0px; z-index:0; } .foter-7{ width: 100%; position:relative; floaT: left; margin: 40px 0px 5px 0px; } .foter-a-2{ position:relative; margin: 0px 0px 0px 0px; } .foter-a-1{ position:relative; margin: 0px 30px 0px 0px; padding: 0px 30px 0px 0px; border-right: 1px #343D59 solid; } .foter-1 .custom-tooltip::after { content: attr(data-tooltip); position: absolute; bottom: -90%; } .foter-1 .custom-tooltip::before{ display: none !important; } .foter-6{ -webkit-font-feature-settings: 'case'on; font-feature-settings: 'case'on; width: 100%; position:relative; floaT: left; text-align: center; color:#fff; } .foter-5 a{ width: 43px; height: 43px; border: 2px #23293A solid; display: inline-block; line-height: 45px; border-radius: 100px; } .foter-5{ width: 100%; position:relative; floaT: left; margin: 50px 0px 45px 0px; text-align: center; color:#fff; } .foter-1 a{ color:#fff; } .foter-4{ -webkit-font-feature-settings: 'case'on; font-feature-settings: 'case'on; width: 100%; position:relative; floaT: left; margin: 30px 0px 0px 0px; text-align: center; color: #9FA4BA; font-size: 16px; } .foter-5 li{ position:relative; display: inline-block; margin: 0px 7px 0px 7px; } .foter-3 ul li a{ -webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s; } .foter-3 ul li a:hover{ color:#fff !important; -webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s; } .foter-3 ul .foter-aa::before { display: none !important; } .foter-3 ul li{ display: inline-block; position:relative; } .foter-3 ul .foter-a a { color:#fff; } .foter-3 ul li a{ -webkit-font-feature-settings: 'case'on; font-feature-settings: 'case'on; letter-spacing:0.01em; color:#9FA4BA; font-size: 17px; line-height: 40px; padding: 0px 22px; position:relative; } .foter-3{ width: 100%; position:relative; floaT: left; margin: 20px 0px 0px 0px; text-align: center; } .foter-3 ul li::before { width: 1px; height: 13px; margin: 0px 0px 0px 0px; top: 14px; lefT: 0px; position: absolute; floaT: left; background: #3B4565; content: ""; } .foter-00{ width: 100%; overflow:hidden; position:absolute; floaT: left; background:#0D101A; z-index:0; } .foter-2{ width: 100%; position:relative; floaT: left; margin: 80px 0px 0px 0px; text-align: center; } .foter-0{ width: 100%; height: 510px; position:relative; overflow:hidden; floaT: left; background:#0D101A; border-top: 5px #FFC312 solid; z-index:91; } .foter-1{ width: 100%; position:relative; floaT: left; } .faqs-b { margin: 0px 0px  10px 40px; text-align: center; width: calc(100% - 80px) !important; height: 15px; floaT: left; position:relative; background:#E4E2ED; border-radius: 0px 0px 15px 15px; } .faq-content a:hover{ color:#FFC312; text-decoration: auto; text-decoration: auto; } .faq-content a{ color: #0D101A; text-decoration: none; text-decoration: underline; } .faqs-5 b { font-family: font-3; } .faqs-6 { width: 100%; overflow:hidden; height: 20px; margin: 0px 0px 0px 0px; z-index:1; position:relative; } .faqs-7{ position:relative; font-size: 17px; color:#0D101A; font-family: font-3; text-align: left; letter-spacing:-0.00em; -webkit-font-feature-settings: 'case'on; font-feature-settings: 'case'on; } .faqs-5{ width: calc(100% - 60px) !important; floaT: left; position:relative; padding: 5px 20px 10px 15px; border-radius: 10px; line-height:25px; color:#0D101A; } .faqs-4{ text-align: center; width: 90px; height: 90px; line-height: 105px; background:#fff; border-radius: 100%; box-shadow: 0px 0px 0px 20px #EFEDFA; margin: auto; } .faqs-3 { width: 100%; floaT: left; margin: 5px 0px -50px 0px; z-index:1; position:relative; } .faq-label svg:nth-child(2){ position:absolute; height: 100%; top: 0px; right: 18px; } .faq-item svg{ margin-right: 5px; } .faq-label::after { width: 60px; height: 100%; margin: 0px 0px 0px 0px; floaT: left; border-left: 1px #D9DCEB solid; content: ""; z-index: 1; top: 0px; right: 0px; position: absolute; } .faq-itemm.faq-item { border-bottom: 0px solid #D9DCEB; } .faqs-1 { margin: 10% 5% 5% 5%; border: 1px #D9DCEB solid; border-radius: 10px; overflow:hidden; } .faq-container { border-radius: 15px; width: 100%; floaT: left; position:relative; overflow:hidden; margin: 0px 0px 0px 0px; background:#fff; } .faq-item { position:relative; border-bottom: 1px solid #D9DCEB; margin-bottom: 0px; overflow: hidden; } .faq-label { /* position:relative; */ -webkit-font-feature-settings: 'case'on; font-feature-settings: 'case'on; color:#0D101A; font-size: 18px; font-family: font-3; display: block; background: #ffffff; padding: 18px 18px; cursor: pointer; } .faq-content { max-height: 0; overflow: hidden; padding: 0px 20px 0px 20px; transition: max-height 0.3s ease, padding 0.3s ease; } input[type="radio"] { display: none; } input[type="radio"]:checked + .faq-label + .faq-content { width: calc(100% - 100px) !important; max-height: 420px; padding: 0px 20px 30px 20px; color:#657283; font-size: 15px; } .nw-06{ display: none !important; } .se-4 h3::after { width: 4px; height: 100%; margin: 0px 0px 0px 0px; floaT: left; background: #FFC312; content: ""; z-index: 1; top: 0px; lefT: 0px; position: absolute; } .se-4 h3 { position:relative; margin: 0px 15px 0px 18px; padding-lefT: 12px; font-size: 14px; line-height: 17px; font-weight: 100; font-family: font-2; } .se-1:hover .se-4 { -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; bottom: 0px; } .se-4 { -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; padding: 18px 0px; width: 100%; position:absolute; lefT: 0px; bottom: -100px; z-index:1; color:#fff; background:rgb(2 2 3 / 50%); backdrop-filter: blur(7.5px); border-top: 1px rgb(255 255 255 / 20%) solid; } #dle-content{ z-index:1; width: 105%; float: left; position:relative; margin-left: -10px; } .se-1:hover time{ -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; top: 20px !important; } .se-1 time{ -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; top: -50px !important; } .se-1 time{ height: 30px; line-height: 30px; padding: 0px 12px; font-size: 14px; border-radius: 100px; font-family: font-3; color:#000; background: #FFC312; position:absolute; top: 20px; lefT: 20px; } .se-1, .se-1 img{ object-fit: cover; width: 289.6px; height: 225px; border-radius: 10px; overflow:hidden; } .se-1 { margin: 0px 4px 14px 10px; floaT: left; position:relative; } .nw-13 .nw-14{ -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .nw-13:hover .nw-14{ background: #fbd033; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; box-shadow: 0px 0px 0px 2px #ffffff, 0px 0px 0px 4px #fbd033; } .nw-13:hover{ color:#000000; } .nw-15{ width: 100%; floaT: left; position:relative; overflow:hidden; margin: 23px 0px 0px 0px; } .nw-12 { cursor: default; margin-top: -3px; margin-left: 10px; padding: 0px 10px; font-family: font-3; font-size: 14px; height: 30px; line-height: 30px; text-align: center; display: inline-block; position:relative; background: #FFC312; border-radius: 100px; } .nw-14 { margin-left: 10px; width: 30px; height: 30px; line-height: 30px; text-align: center; display: inline-block; position:relative; background: #FFC312; border-radius: 100px; } .nw-11 h3{ cursor: default; font-size: 16px; font-family: font-2; font-weight: 100; margin: 1px 0px 0px 0px; display: inline-block; floaT: left; position:relative; color:#0D101A; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .nw-13 { -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-font-feature-settings: 'case'on; font-feature-settings: 'case'on; font-size: 15.5px; font-family: font-2; margin: -2px -5px 5px 0px; display: inline-block; floaT: right; position:relative; color: #313A56; } .nw-9:hover{ background:rgb(217 220 235 / 50%); -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .nw-9 { -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; cursor: pointer; margin-left: 12px; width: 38px; height: 38px; line-height: 45px; text-align: center; display: inline-block; floaT: left; position:relative; border: 1px #D9DCEB solid; border-radius: 10px; } .nw-8 { cursor: pointer; width: 38px; height: 38px; line-height: 45px; text-align: center; display: inline-block; floaT: left; position:relative; border: 1px #D9DCEB solid; border-radius: 10px; background:rgb(217 220 235 / 50%); } .nw-7 { cursor: default; font-size: 15px; font-family: font-2; margin: 10px 17px 0px 0px; display: inline-block; floaT: left; position:relative; color:#313A56; } .nw-11{ margin: 0px 25px; } .nw-10{ width: 100%; floaT: left; position:relative; padding: 20px 0px 12px 0px; } .nw-5 h2{ cursor: default; margin-top: 20px; floaT: left; font-family: font-3; color:#0D101A; font-size: 21px; } .nw-5{ width: calc(100% - 90px) !important; margin-top: 0px; floaT: right; } .nw-6 { margin: 14px 15px 0px 0px; display: inline-block; floaT: right; position:relative; } .nw-4 svg{ width: 100%; margin-top: 23px; floaT: left; } .nw-4{ width: 68px; height: 68px; line-height: 68px; text-align: center; floaT: left; position:absolute; border-right: 1px #D9DCEB solid; } .nw-3{ height: 68px; overflow:hidden; width: 100%; floaT: left; position:relative; border-bottom: 1px #D9DCEB solid; } .nw-2{ width: calc(100% - 2px) !important; overflow:hidden; floaT: left; position:relative; border: 1px #D9DCEB solid; border-radius: 10px; } .nw-1{ width: 100%; floaT: left; position:relative; margin: 50px 0px 40px 0px; } .s-icon-2:hover .srv-4  path:nth-child(2) { -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; fill:#0D101A; } .srv-1:hover .srv-4{ -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; background: #FFC312; } .srv-1 .srv-4{ -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .srv-1:hover .srv-10 path{ fill:#FFC312; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .srv-1 .srv-9, .srv-1 .srv-10 path{ -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .srv-1:hover .srv-9{ -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; background:#FFC312; } .my-6 .custom-tooltip::after { content: attr(data-tooltip); position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); background-color: hsl(44.81deg 100% 53.53% / 0%); color: #FFC312; line-height: 32px; padding: 0px 0px; border-radius: 10px 10px 0px 0px; white-space: nowrap; font-size: 13px; font-family: font-2; opacity: 0; pointer-events: none; z-index: 10; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .my-6 .custom-tooltip::before{ display: none !important; } .custom-tooltip::before { content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-width: 11px; border-color: rgb(255 255 255 / 0%) rgb(0 8 255 / 0%) #FFC312 rgb(255 0 0 / 0%); margin: 0px 0px 0px 0px; z-indeX: 11; lefT: -6px; bottom: -14px; opacity: 0; } .custom-tooltip { position: relative; text-decoration: none; } .custom-tooltip::after { content: attr(data-tooltip); position: absolute; bottom: -200%; left: 50%; transform: translateX(-50%); background-color: #FFC312; color: #000; padding: 6px 11px; border-radius: 5px; white-space: nowrap; font-size: 14px; font-family: font-2; opacity: 0; pointer-events: none; z-index: 10; } .custom-tooltip:hover::after, .custom-tooltip:hover::before { opacity: 1; } .srv-7 { margin: 0px 15px; position:relative; color:#a1a8bd; font-family: font-1; } .srv-6 a{ margin: 0px 3px; position:relative; font-family: font-2; font-weight: 100; font-size: 15px; color:#545A70; -webkit-font-feature-settings: normal !important; font-feature-settings: normal !important; } .srv-6 h2{ margin-bottom: 2px; cursor: default; color:#0D101A; font-size: 20px; width: 100%; floaT: left; position:relative; font-family: font-3; font-weight: 600; } .srv-6{ margin-top:40px; text-align: center; width: 100%; floaT: left; position:relative; } .srv-10{ position:absolute; bottom: 20px; right: 25px; } .srv-9 { margin: 0px 0px  20px 20px; text-align: center; width: calc(100% - 40px) !important; height: 15px; floaT: left; position:relative; background:#E4E2ED; border-radius: 0px 0px 15px 15px; } .srv-5{ line-height: 18px; position:absolute; top: 50%; left:0; width:100%; -webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2; text-align: center; } .dam-01 .dam-3{ cursor: default; margin-bottom: 15px; } .srv-4{ text-align: center; width: 90px; height: 90px; background:#fff; border-radius: 100%; box-shadow: 0px 0px 0px 15px #EFEDFA; display: inline-block; position:relative; } .srv-3{ margin-top:-50px; text-align: center; width: 100%; floaT: left; position:relative; } .srv-2{ -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; transition: all .3s; margin-top: 60px; text-align: center; width: 100%; height: 201px; floaT: left; position:relative; background:#fff; border-radius: 10px; } .srv-1{ position:relative; width: 386px; float: left; margin: 0px 10px; display: inline-block; } .dam-01.dam-1{ width: 100%; floaT: left; position:relative; border-top: 0px #DFE4F5 solid; background:#EFEDFA; margin-top: 0px; padding-top: 60px; padding-bottom: 50px; margin-bottom: 0px; } .dam-10 svg{ -moz-animation: spinoffPulse 10s infinite linear; -webkit-animation: spinoffPulse 10s infinite linear; } @-moz-keyframes spinPulse { 0% { -moz-transform: rotate(160deg); opacity: 0; box-shadow: 0 0 1px #bdd73c; } 50% { -moz-transform: rotate(145deg); opacity: 1; } to { -moz-transform: rotate(-320deg); opacity: 0; } } @-moz-keyframes spinoffPulse { 0% { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes spinPulse { 0% { -webkit-transform: rotate(160deg); opacity: 0; -webkit-box-shadow: 0 0 1px #bdd73c; box-shadow: 0 0 1px #bdd73c; } 50% { -webkit-transform: rotate(145deg); opacity: 1; } to { -webkit-transform: rotate(-320deg); opacity: 0; } } @-webkit-keyframes spinoffPulse { 0% { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes rotatecircle { 0% { -moz-transform: rotate(0); } to { -moz-transform: rotate(-360deg); } } @-webkit-keyframes rotatecircle { 0% { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(-360deg); } } .dam-10{ position:absolute; bottom: -50px; right: -70px; width:100%; text-align: center; } .dam-9{ position:absolute; top: 20px; left: 20px; text-align: center; } .dam-08 .dam-8 a{ color:#000000; z-index:11; position:relative; } .dam-11{ top: 0px; height: 100%; width: 100%; z-index:11; position: absolute; } .dam-12{ line-height: 18px; position:absolute; top: 50%; left:0; width:100%; -webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2; text-align: center; } .dam-08.dam-8:hover{ -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; background: #fbd033; } .dam-08.dam-8{ -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; background:#FFC312; } .dam-8 figcaption{ display: none; } .dam-8:hover img{ -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; opacity: 80%; } .dam-8 img{ -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; } .dam-8 img{ object-fit: cover; width: 100%; } .dam-8, .dam-8 img{ height: 140px; } .dam-8{ -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; font-size: 17px; font-family: font-3; -webkit-font-feature-settings: 'case'on; font-feature-settings: 'case'on; position:relative; width: 183.4px; margin: 0px 10px; floaT: left; display: inline-block; overflow:hidden; border-radius: 10px; } .dam-7{ overflow:hidden; position:relative; margin: 0px -10px; width: 105%; } .dam-6{ width: 100%; floaT: left; position:relative; overflow:hidden; margin: 0px 0px 0px 0px; } .dam-5{ width: 30px; height: 3px; background: #FFC312; display: inline-block; margin: 0px 0px 4px 15px; } .dam-4{ width: 30px; height: 3px; background: #FFC312; display: inline-block; margin: 0px 15px 4px 0px; } .dam-3 h3{ -webkit-font-feature-settings: normal !important; font-feature-settings: normal !important; width: 100%; floaT: left; position:relative; font-size: 17px; font-weight: 100; color:#313A56; font-family: font-2; text-align: center; letter-spacing:-0.02em; margin-top: 5px; } .dam-3 h2{ width: 100%; floaT: left; position:relative; font-size: 28px; color:#0D101A; font-family: font-3; text-align: center; letter-spacing:-0.01em; } .dam-3{ cursor: default; width: 100%; floaT: left; position:relative; margin-bottom: 40px; } .dam-2{ width: 100%; floaT: left; position:relative; } .dam-1{ width: 100%; floaT: left; position:relative; border-top: 1px #DFE4F5 solid; margin-top: 80px; padding-top: 60px; margin-bottom: 70px; } #cssmenu ul li ul li:hover > a path{ fill:#FFC312 !important; -webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s; } #cssmenu ul li ul li > a path{ -webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s; } #cssmenu ul .my-5 a::before{ display: none !important; } .ab-009 { content: ""; position: absolute; width: 108px; height: 106px; z-index: 0; bottom: 0px; lefT: 0px; } .ab-a-2:hover path{ fill: #ffffff; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .ab-a-2 svg{ display: inline-block; margin-top: 18px; margin-left: 5px; float: right; width: 14px; height: 14px; } .ab-a-1 svg{ display: inline-block; margin-top: 21px; margin-left: 5px; float: right; width: 14px; height: 14px; } .ab-a-1 path, .ab-a-2 path{ transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .ab-a-1:hover path{ fill: #FFC312; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .ab-a-2{ transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .ab-a-2:hover{ transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; background: #0D101A; color: #ffffff; border: 2px #0D101A solid; } .ab-a-1{ transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; } .ab-a-1:hover{ transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; background: #0D101A; color: #FFC312; } .ab-17{ margin-top: 50px; right: 0px; width: 20px; height: 300px; float: left; position:absolute; background:#FFE494; border-radius: 0px 20px 20px 0px; z-index:0; } .ab-16{ z-index:1; margin-top: 25px; right: 16px; width: 20px; height: 350px; float: left; position:absolute; background:#FFC312; border-radius: 0px 20px 20px 0px; } #cssmenu ul li a{ -webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s; } .ab-11 svg, .ab-8 svg{ -moz-animation: spinoffPulse 10s infinite linear; -webkit-animation: spinoffPulse 10s infinite linear; } @-moz-keyframes spinPulse { 0% { -moz-transform: rotate(160deg); opacity: 0; box-shadow: 0 0 1px #bdd73c; } 50% { -moz-transform: rotate(145deg); opacity: 1; } to { -moz-transform: rotate(-320deg); opacity: 0; } } @-moz-keyframes spinoffPulse { 0% { -moz-transform: rotate(0); } to { -moz-transform: rotate(360deg); } } @-webkit-keyframes spinPulse { 0% { -webkit-transform: rotate(160deg); opacity: 0; -webkit-box-shadow: 0 0 1px #bdd73c; box-shadow: 0 0 1px #bdd73c; } 50% { -webkit-transform: rotate(145deg); opacity: 1; } to { -webkit-transform: rotate(-320deg); opacity: 0; } } @-webkit-keyframes spinoffPulse { 0% { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes rotatecircle { 0% { -moz-transform: rotate(0); } to { -moz-transform: rotate(-360deg); } } @-webkit-keyframes rotatecircle { 0% { -webkit-transform: rotate(0); } to { -webkit-transform: rotate(-360deg); } } .ab-11{ position:absolute;top: 57%;left:0;width:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2;} .ab-15{ color:#FFC312; font-weight: 100; font-size: 18px; font-family: font-2; letter-spacing: 1px; width: 100%; float: left; position:relative; } .ab-14{ width: 100%; float: left; position:relative; } .ab-13{ width: 140px; margin-top: 1px; color:#fff; line-height: 20px; text-align: left; position:relative; floaT: left; font-size: 17px; } .ab-011{ width: 45px; height: 45px; line-height: 50px; text-align: center; border-radius: 8px; position:relative; floaT: left; background:#FFC312; margin-right: 15px; } .ab-6::after { width: 100%; height: 100%; margin: 0px 0px 0px 0px; top: 0px; lefT: 0px; position: absolute; floaT: left; content: ""; z-index:1; background:-moz-linear-gradient(top, rgb(13 16 26 / 10%) 0%, rgb(13 16 26 / 60%) 100%); background:-webkit-linear-gradient(top, rgb(13 16 26 / 10%) 0%,rgb(13 16 26 / 60%) 100%); background:linear-gradient(to bottom, rgb(13 16 26 / 10%) 0%, rgb(13 16 26 / 60%) 100%); } .ab-8{ position:absolute; width: 100%; text-align: center; bottom: 26px; } .ab-09::after { background:#ffffff; width: 70px; height: 30px; margin: 0px 0px 0px 0px; bottom: 0px; lefT: 0px; position: absolute; floaT: left; content: ""; z-index:0; } .ab-10{ z-index:9; box-shadow: 0px 0px 0px 10px #fff; width: 71px; height: 71px; line-height: 78px; text-align: center; border-radius: 100%; position:relative; floaT: left; background:#FFC312; margin-top: 16px; } .ab-7{ floaT: left; position: absolute; z-indeX:11; top: 40px; right: 40px; } .ab-09{ width: 88px; height: 88px; border-radius: 0px 50px 0px 0px; floaT: left; position: absolute; z-indeX:111; bottom: 0px; left: 0px; } .ab-9{ -webkit-font-feature-settings: 'case'on; font-feature-settings: 'case'on; /* width: 70%; */ floaT: left; position: absolute; z-indeX: 99; bottom: 27px; lefT: 117px; } .ab-5{ margin-right: 36px; z-index:11; } .ab-5, .ab-6, .ab-6 img{ widtH: 480px; height: 400px; float: right; position: relative; overflow:hidden; border-radius: 20px 20px 20px 0px; } .ab-a-2{ font-weight: 100; font-family: font-2 !important; color:#3C404E; height: 51px !important; line-height: 51px !important; border: 2px #FFC312 solid; margin-left: 20px; } .ab-a-1{ color:#1A1B1F; background: #FFC312; } .ab-3 a{ -webkit-font-feature-settings: 'case'on; font-feature-settings: 'case'on; line-height: 55px; height: 55px; padding: 0px 45px; float: left; position: relative; border-radius: 5px; font-weight: 100; font-family: font-3; font-size: 17px; } .ab-3{ widtH: 100%; float: left; position: relative; margin-top: 32px; } .ab-2 p{ text-align: justify; widtH: 100%; float: left; position: relative; margin-top: 0px; margin-bottom: 20px; color:#1A1B1F; font-size: 15.5px; line-height:26px; font-weight: 100; letter-spacing:-0.01em; } .ab-2 h2 strong{ font-family: font-3; } .ab-2 h2{ cursor: default; widtH: 100%; float: left; position: relative; margin-top: 0px; margin-bottom: 20px; color:#1A1B1F; font-size: 24px; font-family: font-2; font-weight: 100; letter-spacing:-0.01em; } .ab-2 h1{ cursor: default; widtH: 100%; float: left; font-size: 34px; color:#1A1B1F; position: relative; margin-top: 0px; font-family: font-3; } .ab-4{ widtH: 45%; float: right; position: relative; z-index:1; } .ab-2{ widtH: 50%; float: left; position: relative; margin-top: -8px; } .ab-1{ widtH: 100%; float: left; position: relative; margin-top: 80px; } .my-0{ widtH: 100%; height: 93px; float: left; position: relative; }