:root {
  --background-color: #f1f1f1;
  --hover-color: rgb(102, 40, 245);
}
* {margin: 0;padding: 0;box-sizing: border-box;outline: 0;}
img.irgfyfgyu_tri {width: 28px;}
/* ===== Hidden State ===== */
.fade { opacity: 0; transition: all 0.8s ease; } .fade-up {transform: translateY(40px);} .fade-down { transform: translateY(-40px); } .fade-left { transform: translateX(40px); } .fade-right { transform: translateX(-40px); } /* Delay */ .delay-1 { transition-delay: 0.2s; } .delay-2 { transition-delay: 0.4s; } .delay-3 { transition-delay: 0.6s; } .delay-4 { transition-delay: 0.8s; } html { scroll-behavior: smooth; } a { text-decoration: none; } ul, ol { list-style-type: none; } body { /*overflow-x: hidden;*/ font-family: 'Inter', sans-serif; /*font-family: "Rubik", sans-serif;*/ font-weight: 400; } .container { width: 1140px; margin: 0 auto; } .ergerg_tri { display: flex; flex-wrap: wrap; justify-content: space-between; /* align-items: center; */ }.main_menu ul li a.ciufguy_tri {height: auto; position: relative; padding: 4px 15px; text-decoration: none; text-transform: uppercase; overflow: hidden; } a.ciufguy_tri span:nth-child(1) { position: absolute; top: 0; right: 0; width: 100%; height: 2px; background: linear-gradient(to right, #1b4280a6, #1b4280); animation: animate1 2s linear infinite; } @keyframes animate1 { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } a.ciufguy_tri span:nth-child(2) { position: absolute; top: 0; right: 0; height: 100%; width: 2px; background: linear-gradient(to bottom, #1b4280a6, #1b4280); animation: animate2 2s linear infinite; animation-delay: 1s; } @keyframes animate2 { 0% { transform: translateY(-100%); } 100% { transform: translateY(100%); } } a.ciufguy_tri span:nth-child(3) { position: absolute; bottom: 0; right: 0; width: 100%; height: 2px; background: linear-gradient(to left, #1b4280a6, #1b4280); animation: animate3 2s linear infinite; } @keyframes animate3 { 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); } } a.ciufguy_tri span:nth-child(4) { position: absolute; top: 0; left: 0; height: 100%; width: 2px; background: linear-gradient(to top, #1b4280a6, #1b4280); animation: animate4 2s linear infinite; animation-delay: 1s; } @keyframes animate4 { 0% { transform: translateY(100%); } 100% { transform: translateY(-100%); } } nav {    background: #fffffff5; padding: 0; } .ergerg_tri .logo { width: 22%; } .logo a { font-size: 20px; font-weight: 700; color: #353535; text-transform: uppercase; display: block; } img.feui_tri { /*background: #fff;*/ padding-bottom: 5px; width: 100%; }
/* normal menu css */
ul.uytgyu_tri { height: 100%;    display: flex; align-items: center; } .main_menu > ul > li { display: inline-block; position: relative; margin: 0 -2px; height: 100%; } .main_menu > ul > li > a { height: 100%;display:flex;align-items:center; } .main_menu ul li { position: relative; } .main_menu ul {margin: 0 ; } .main_menu ul li a { font-size: 14px; color: #000000; padding: 0 0 0 22px; font-weight: 400; } .main_menu ul li.efuygu_tri { display: flex; align-items: center;margin: 0 -2px 0 8px; padding: 12px} .main_menu ul li ul li a  { display: block; } .main_menu ul li:hover > a { color: #1b4280; } .main_menu > ul > li > a:after { content: ""; position: absolute; width: 0; border-bottom: 2px solid #ffffff00; bottom: 36px; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .main_menu > ul > li > a:hover:after { border-bottom: 2px solid #1b4280; width: 84%; } .main_menu ul li > a i { margin-left: 5px; font-size: 13px; }
/* Normal Dropdown menu */
.main_menu ul li ul { min-width: 225px; /*width: auto;*/ white-space:nowrap; background: #fff; transition: 0.5s; box-shadow: 0 6px 8px 0px #00000045; } .main_menu ul li ul li a { padding: 6px 13px; font-size: 14px; transition: all 500ms ease; border: 0; } .main_menu ul li ul li a:hover {padding-left:20px; } .main_menu ul li ul li a i { float: right; } .main_menu ul li ul li ul { left: 100%; top: 0; }
/* mega menu css */
.mega_menu_dropdown { position: static !important; } .mega_menu { left: 0; right: 0; background: #fff; display: flex; flex-wrap: wrap; transition: 0.5s; box-shadow: 0px 5px 15px 0px rgba(212, 201, 201, 0.75); } .mega_menu_item { width: 25%; padding: 30px 20px; } .main_menu ul li .mega_menu_item a { padding: 10px 0; } .main_menu ul li .mega_menu_item a:hover { color: var(--hover-color); } .mega_menu_item h3 { margin-bottom: 15px; } .mega_menu_item img { width: 100%; }
/* demo_2 css */
.mega_menu_demo_2 .mega_menu { left: 50%; transform: translateX(-50%); width: 1140px; } .mobile_btn { display: none; } /* responsive css */ @media (min-width: 992px) and (max-width: 1199.98px) { .container { width: 960px; } .mega_menu_demo_2 .mega_menu { width: 940px; } .main_menu ul li ul { width: 150px; } } @media (min-width: 768px) and (max-width: 991.98px) { .container { width: 720px; } .mega_menu_demo_2 .mega_menu { width: 700px; } .main_menu ul li a { font-size: 15px; padding: 20px 16px; } .main_menu ul li ul { width: 150px; } } @media (min-width: 768px) { .main_menu ul li ul { visibility: hidden; opacity: 0; position: absolute; margin-top: 50px; padding: 7px 0; } .main_menu ul li .mega_menu { visibility: hidden; opacity: 0; position: absolute; margin-top: 50px; } .main_menu ul li:hover > ul { visibility: visible; opacity: 1; margin-top: 0px; z-index: 99; } .main_menu ul li:hover > .mega_menu { visibility: visible; opacity: 1; margin-top: 0; z-index: 99; } } @media (max-width: 767.98px) { .mega_menu_demo_2 .mega_menu, .container { width: 100%; } header.header_tri.fuyhui_tri { top: 0; } nav { padding: 0; } .ergerg_tri { align-items: center; justify-content: unset; } .ergerg_tri .logo { width: 50%; } .mobile_btn { cursor: pointer; display: block; position: absolute; right: 12px; font-size: 25px; top: 25px; } .main_menu { display: none; width: 100%; } .main_menu ul li { display: block; } .main_menu ul li a i { float: right; } .main_menu ul li a { border-bottom: 1px solid #dddddd00; } .main_menu ul li ul { width: 100%; } .main_menu ul li ul li ul { left: 0; top: auto; } .mega_menu .mega_menu_item { width: 50%; } .main_menu ul li ul { display: none; transition: none; } .main_menu ul li .mega_menu { display: none; transition: none; } .mega_menu_demo_2 .mega_menu { transform: translateX(0); } } @media (max-width: 575.98px) { .mega_menu .mega_menu_item {width: 100%;} } header.header_tri.fuyhui_tri.fixed-header nav.efygyi_tri { background: #fff; }
/*============ header top ==================*/
header.header_tri.fuyhui_tri.fixed-header { box-shadow: 0 0 8px 0 rgb(0 0 0 / 19%); top: -37px; } .efiugy_tri {display: flex;justify-content: space-between;align-items: center;} ul.wffyhu_tri {padding-left: 0;display: flex;margin: 0;} ul.feugy_tri {display: flex;margin: 0; width: 50%; } a.uyfgty_tri {color: #ffffff;font-size: 13px;} a.efuighu_tri {font-size: 13px;color: #ffffff;margin-left: 12px;/*border-left: 1px solid #cfcfcf;*/padding-left: 12px;} .deuhuy_tri {padding: 6px 0;background: #1b4280;} header.header_tri.fuyhui_tri {box-shadow: rgb(0 0 0 / 4%) 0px 5px 15px;position: fixed;width: 100%;z-index: 5;backdrop-filter: blur(5px);transition: ease all .4s;top: 0;} li.feuy_tri { margin-right: 12px; } a.uyfgty_tri i { margin-right: 6px; font-size: 12px; } @media screen and (max-width: 991px) { .deuhuy_tri { display: none; } header.header_tri.fuyhui_tri.fixed-header { box-shadow: 0 0 8px 0 rgb(0 0 0 / 19%); top: 0; } h2.eff_tri { font-size: 23px !important; } h2.eff_tri:after { left: 55.5%!important; } h2.eff_tri:before { left: 34%!important; } }
/*============ header top ==================*/
/*=========== footer ==============*/
span.fettuyg_tri { font-size: 11px; font-style: italic; } .footer { background: #f3f4f6; padding: 60px 0 30px; position: relative; border-top: 1px solid #e1e1e1; } .brand-text { color: #777; } .row-section { display: flex; } .footer-links { list-style: none; padding: 0; margin: 0; } .footer-heading { font-size: 1rem; font-weight: 500; color: #1b4280; margin-bottom: 20px; } .footer-links li { margin-bottom: 12px; } .footer-links a { color: #000000; font-size: 13.5px; text-decoration: none; transition: all 0.3s ease; display: flex; align-items: center; } .footer-links a:hover { color: #1a3e79; padding-left: 4px; } .footer-description { color: #2c2c2c; font-size: 13.5px; line-height: 27px; margin-bottom: 30px; max-width: 400px; } .contact-item { display: flex; align-items: flex-start; gap: 4px; margin-bottom: 16px; } .contact-icon {width: 25px;height: 23px;border-radius: 10px;display: flex;align-items: center;min-width: 25px;} .contact-icon i { color: #1b4280; font-size: 13px; } .contact-text { color: #6c757d; font-size: 13.5px; line-height: 1.5; padding-top: 0; } .contact-text a { color: #2c2c2c; text-decoration: none; transition: color 0.3s ease; } .social-links { display: flex; gap: 10px; margin-bottom: 25px; width: 100%; } .social-link {/* width: 29px; *//* height: 29px; *//* border: 1px solid #1b428047; */border-radius: 2px;display: flex;align-items: center;justify-content: center;color: #1b4280;text-decoration: none;transition: all 0.3s ease;} .social-link i { font-size: 18px; } .social-link:hover { background: no-repeat; color: white; border-color: snow; transform: translateY(-3px); } .business-hours { text-align: right; } .hours-item i { color: #2196F3; font-size: 16px; } .hours-item { display: flex; align-items: center; justify-content: flex-end; gap: 8px; color: #6c757d; font-size: 0.938rem; margin-bottom: 8px; } .footer-logo { /*height: 100px;*/ width: 100%; } /*.footer-logo { height: 75px; width: auto; }*/ .footer-brand { display: flex; align-items: center; margin-bottom: 0; gap: 10px; /* max-width: 420px; */ width: 230px; } .brand-text { font-size: 1.25rem; font-weight: 600; color: rgb(26, 26, 26); } .brand-text .text-muted { color: rgb(108, 117, 125) !important; font-weight: 600; } @media (max-width: 991px) { .business-hours { text-align: left; } .hours-item { justify-content: flex-start; } } img.iyfgyu_tri { width: 32px; animation: gradient1 3s ease infinite, rocking 3s ease infinite; }
/*=========== footer ==============*/
a.rgrfgrl_tri.rgrfgrghthl_tri { /* border: 2px solid #1b4280; */ background: #1b4280; /* color: #1b4280; */ margin-left: 20px; } a.rgrfgrl_tri { border: 0; background: #249ea3; padding: 9px 40px; font-size: 14px; font-weight: 500; color: #fff; border-radius: 4px; box-shadow: 5px 4px 0px 2px #193d7747; } section.giugyu_tri { padding: 50px 0; position: relative; overflow: hidden; } .efuigh_tri { margin-bottom: 0; text-align: center; font-size: 28px; font-weight: 600; line-height: 42px; } .iugfyu_tri { font-size: 13.5px; color: #313131; font-weight: 400; line-height: 26px; text-align: center; width: 50%; margin: 6px auto 0; } .diuthgyi_tri { margin-bottom: 25px; } .efuy7_tri { display: flex; text-align: center; justify-content: center; } .efgr_tri { background: #162c55; padding: 12px 0; position: relative; } .efwef_tri { display: flex; justify-content: space-between; align-items: center; } .efgr_tri p, .efgr_tri a, .thth_tri { color: #fff; font-size: 13px; } p.copyright_tri { margin: 0 0 0 0; } ul.grg_tri { margin: 0; padding: 0; display: flex; align-items: center; } ul.grg_tri li { display: flex; align-items: center; } li.grhth_tri span.thth_tri { border: 0; } ul.grg_tri .thth_tri { border-left: 1px solid #ffffff4d; padding-left: 15px; margin-left: 15px; } .efgr_tri p, .efgr_tri a, .thth_tri {color: #fff;font-size: 12px;white-space: nowrap;}
/*==== whatsapp =====*/
.page_stickyForm__cYz1E { box-sizing: border-box; width: fit-content; display: flex; justify-content: end; align-items: start; position: fixed; z-index: 51; right: 1.5rem; bottom: 2.4rem; } .page_BuyNowBtn___ZBIG { cursor: pointer; width: 3rem; height: 3rem; position: relative; text-align: center; border-radius: 50%; display: inline-block; background-color: #1ab744; box-shadow: 0 5px 15px rgba(0, 0, 0, .35); animation: tada 1s infinite; } .page_BuyNowBtn___ZBIG .iutguy_tri { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 26px; } /* Ripple Effect */ .page_BuyNowBtn___ZBIG::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background-color: #1ab7445c; z-index: -1; animation: ripple 1.5s infinite; } /* Tada Animation */ @keyframes tada { 0% { transform: scale(1); } 10%, 20% { transform: scale(.95) rotate(-10deg); } 30%, 50%, 70%, 90% { transform: scale(1) rotate(10deg); } 40%, 60%, 80% { transform: rotate(-10deg); } 100% { transform: scale(1); } } /* Ripple Animation */ @keyframes ripple { 0% { opacity: 1; transform: scale(0); } 100% { opacity: 0; transform: scale(2); } }
/*==== whatsapp =====*/
/* ===== inner page banner ===== */
.banner-fade { position: absolute; bottom: 0; left: 0; right: 0; height: 80px; background: linear-gradient(to top, #00000078, transparent); } img.efiuguy_tri { position: absolute; left: 0; top: 0; height: 100%; object-fit: cover; object-position: right; width: 100%; } .efigfug_tri { position: relative; padding: 14.5rem 0 4rem; } .efigfug_tri:before { content:""; background: linear-gradient(to right, #000000, #000000, #ffffff00); position: absolute; top: 0; width: 70%; height: 100%; opacity: .7; } .page-hero { position: relative; overflow: hidden; } .page-hero::before { content: ''; } .page-hero::after { content: ''; position: absolute; bottom: -25px; left: 0; right: 0; height: 80px; /* background: #fff; */ clip-path: ellipse(60% 100% at 50% 100%); } .page-hero .container { position: relative; z-index: 1; text-align: center; } .page-hero .breadcrumb {font-size: 13px;display: flex;align-items: center;/* justify-content: center; */gap: .5rem;margin-bottom: 12px;/* font-size: .85rem; */color: #88faff;/* display: none; */line-height: 30px;} .page-hero .breadcrumb a {color: #ffffff;transition: color var(--transition);} .page-hero .breadcrumb a:hover { color: #88faff; } .page-hero .breadcrumb i {font-size: .65rem;color: #ffffff9c;} .page-hero h1 {font-size: 27px;color: #fff;font-weight: 500;margin-bottom: 10px;text-align: left;} .page-hero p { font-size: 13px; font-weight: 300; line-height: 24px; text-shadow: 0 0 13px #000; color: #fff; width: 45%; /* margin: auto; */ margin-bottom: 0; text-align: left; }
/* ===== inner page banner ===== */
/*======= popup form =========*/
.fuyfgty_tri { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: #000000a8; z-index: 9; backdrop-filter: blur(3px); } .fiuguy_tri { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .grufyt_tri { width: 31%; background: #fff; } .rhjgbh_tri { display: flex; } .trfyt_tri { background: linear-gradient(135deg, #0a2342 0%, #0a2342 60%, #1a4a80 100%); color: #fff; width: 50%; padding: 25px 35px; display: none; } .thygyu_tri { padding: 12px 20px 15px; width: 100%; } .uyfggu_tri input, .uyfggu_tri select, .uyfggu_tri textarea { width: 100%; border: 1px solid #d1d1d1; background: #ffffff00; padding: 6px 6px; color: #616161; font-size: 13px; margin-bottom: 0px; border-radius: 3px;resize:none; } .uyfggu_tri { margin-bottom: 12px; } .thygyu_tri input.thrtjhyt_tri { position: absolute; height: 100%; left: 0; top: 0; opacity: 0; z-index: 9; } .dhvahavha--new-ami { width: 100%; border: 1px solid #d1d1d1; /* background: #ffffff00; */ font-weight: 500; cursor: pointer; font-family: sans-serif; /* border-left: 0; */ /* border-right: 0; */ /* border-top: 0; */ color: #c5c5c5; font-size: 13px; padding: 5px 6px; border-radius: 3px; } .dhvahavha--new-ami.grghrhr_tri { position: relative; } .dhvahavha--new-ami label { position: relative; cursor: pointer; font-size: 13px; width: 100%; } .dhvahavha--new-ami label:before { content: "\f093"; display: inline-block; font: normal normal normal 14px / 1 FontAwesome; font-size: inherit; text-rendering: auto; position: absolute; right: 8px; top: 5px; -webkit-font-smoothing: antialiased; } .euiguy_tri { font-size: 20px; font-weight: 500; } .euyfty_tri { font-size: 13px; } .buttonStyleOrange { padding: 7px 25px; display: inline-block; margin-top: 8px; border: 0 !important; background: #1b4280; color: #fff; border-radius: 2px; font-weight: 400; font-size: 14px; width: 100%; } .grfgh_tri .checkbox label { display: flex; cursor: pointer; align-items: baseline; text-align: left; } .grfgh_tri span.agree-condition { color: #4d4d4d; line-height: 20px; font-size: 12px; } .grfgh_tri.uyff_tri input { width: 20px; margin-right: 10px; position: relative; top: 2px; accent-color: #003c77; } .efguyd_tri { margin-bottom: 15px; position: relative; } .egfuiguy_tri { /* max-height: 385px; */ overflow: auto; height: 64vh; } .egfuigfduy_tri { max-height: 55vh; min-height: 55vh; overflow: auto; /* height: 55vh; */ } .yguy_tri { font-size: 24px; font-weight: 500; margin-bottom: 10px; } .yhthguy_tri { font-size: 13px; line-height: 23px; margin-bottom: 20px; font-weight: 300; } ul.yggduy_tri { padding: 0; font-size: 14px; margin-bottom: 30px; /* height: 40vh; */ height: 46%; } li.rtrhn_tri { display: flex; align-items: center; margin-bottom: 13px; font-weight: 300; } li.rtrhn_tri:before { content: ''; background: #ffffffb3; width: 5px; height: 5px; display: block; border-radius: 50px; margin-right: 10px; } p.rtrfgrhn_tri { border-top: 1px solid beige; padding-top: 20px; font-size: 22px; text-align: center; margin-bottom: 0; } .efguyd_tri label[for="mpclose"] { user-select: none; text-align: center; position: absolute; top: -5px; right: -10px; border-radius: 40px; color: #999999; padding: 0; box-sizing: border-box; cursor: pointer; z-index: 9; font-size: 26px; width: 20px; height: 20px; min-width: 20px; display: flex; align-items: center; justify-content: center; } .egfugfgigfduy_tri { max-height: 340px; overflow: auto; }
/*======= popup form =========*/
fiuguy_tri .efuiguy_tri { max-height: 55vh; min-height: 55vh; overflow: auto; } h2.eff_tri { margin-bottom: 0; text-align: center; font-size: 25px; font-weight: 600; position: relative; padding-bottom: 14px; } .fiugy_tri { text-align: center; font-size: 14px; color: #4f4f4f; font-weight: 400; width: 50%; margin: 6px auto 0; }
/*======== modal ============*/
.modal.alert_popup.succuss_alt { background: #000000a6; backdrop-filter: blur(3px); } .modal { position: fixed; top: 50%; left: 50%; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; transform: translate(-50%, -50%); } .modal-dialog.rgjik_tri { width: 100%; height: 100%; display: flex; align-items: center; padding: 0; margin: auto; } .modal-dialog { position: relative; pointer-events: none; } .modal-content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .2); border-radius: .3rem; outline: 0; }.pop-inn-sect-tri-all { margin: auto; color: black; background: white; padding: 35px 30px 40px; border-radius: 5px; text-align: center; } button.grg_tri { /*position: absolute; right: 6px; top: 6px; padding: 10px; border: 0; background: no-repeat; font-size: 24px; line-height: 22px;*/ } img.grgfrg_tri { width: 15px; } p.heading_tri_p { margin-bottom: 7px; font-size: 22px; margin-top: 10px; } p.text_p { font-size: 14px; margin-bottom: 9px; } button.pop-cls-btn.js-popup-close { padding: 7px 28px; display: inline-block; margin-top: 0; border: 0 !important; background: #1b4280; color: #fff; border-radius: 2px; font-weight: 400; font-size: 14px; text-align: center; } button#popupclosebtn { padding: 7px 28px; display: inline-block; margin-top: 0; border: 0 !important; background: #1b4280; color: #fff; border-radius: 2px; font-weight: 400; font-size: 14px; text-align: center; } @media (max-width: 767.98px) { ul.grg_tri li { display: flex; align-items: center; width: 100%; margin-bottom: 10px; } ul.grg_tri .thth_tri { border-left: 0; padding-left: 0; margin-left: 0; } ul.grg_tri { display: block; } .efwef_tri { display: block; } .efwef_tri p.copyright_tri {margin-bottom: 14px;white-space: inherit;} .page-hero h1 { font-size: 25px; line-height: 40px; } .page-hero p { font-size: 14px; width: 100%; margin: auto; } .page-hero { padding: 0; } .efigfug_tri { padding: 6.5rem 0 2.5rem; } .page-hero::before {background: #fff; height: 10px; bottom: -8px; width: 100%; top: auto; z-index: 1; } .main_menu ul { padding: 0!important; display: block; } } .marquee { overflow: hidden; white-space: nowrap; width: 100%; } .marquee-content { display: inline-block; white-space: nowrap; animation: scroll 6s linear infinite; /* speed control */ font-size: 13px; color: #ffffff; } @keyframes scroll { 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); } }
/*Social-icon-css*/
#social-sidebar.pos-right { left: 0; top: 42%; } #social-sidebar.size-small ul li a { /* width: 35px; */ /* height: 35px; */ line-height: 35px; font-size: 21px; display: flex; height: 39px; align-items: center; } #social-sidebar.colors-color ul li a[class*="facebook"] span, #social-sidebar.colors-color ul li a[class*="facebook"] span:before { /* background: #234999; */ } #social-sidebar.colors-color ul li a[class*="linkedin"] span, #social-sidebar.colors-color ul li a[class*="linkedin"] span:before { background: #0A66C2; } #social-sidebar.colors-color ul li a[class*="twitter"] span, #social-sidebar.colors-color ul li a[class*="twitter"] span:before { background: #000000; } #social-sidebar.colors-color ul li a[class*="instagram"] span, #social-sidebar.colors-color ul li a[class*="instagram"] span:before { background: #bc2a8d; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); } #social-sidebar.pos-fixed { position: fixed; } #social-sidebar { font-family: Arial, Verdana, sans-serif; z-index: 1000; } #social-sidebar { font-size: 0; } #social-sidebar ol, #social-sidebar ul { margin: 0; padding: 0; list-style: none; } #social-sidebar li { /* line-height: 0; */ /* font-size: 0; */ /* margin-bottom: 2px; */ } .header-top .header-top-left ul.h1t-info-block, li { /*color: white; font-size: .875rem;*/ } #social-sidebar ul li a { text-align: center; position: relative; display: block; } #social-sidebar a, #social-sidebar a:active, #social-sidebar a:hover { text-decoration: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; background: 0 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #social-sidebar, #social-sidebar * { -webkit-user-select: none; -moz-user-select: none; user-select: none; } #social-sidebar.colors-color ul li a[class*="facebook"] span, #social-sidebar.colors-color ul li a[class*="facebook"] span:before { /* background: #234999; */ } #social-sidebar.size-small .link-icon { width: 42px; height: 100%; line-height: 35px; /* border-top-right-radius: 30px; */ /* border-bottom-right-radius: 30px; */ padding-right: 4px; } #social-sidebar.colors-color ul li a span, #social-sidebar.colors-color ul li a span:before { /* background: #333; */ color: #fff; } #social-sidebar ul li .link-icon { display: flex; /* float: left; */ text-align: center; overflow: hidden; align-items: center; justify-content: center; } #social-sidebar.pos-right ul li a:hover .link-label { left: 74%; } #social-sidebar.label-curve.pos-right .link-label { text-align: right; } #social-sidebar ul li a:hover .link-label { opacity: 1; } #social-sidebar.label-curve.pos-right .link-label { text-align: right; } #social-sidebar.label-curve.pos-right .link-label { /* margin-right: -13px; */ padding: 0 20px 0 25px; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; /* border-radius: 5px 0 0 5px; */ border-top-right-radius: 30px; border-bottom-right-radius: 30px; } #social-sidebar.colors-color ul li a[class*="facebook"] span, #social-sidebar.colors-color ul li a[class*="facebook"] span:before { background: #1877F2; } #social-sidebar.pos-right ul li a .link-label { left: -600%; } #social-sidebar.show-effects ul li a .link-label { -webkit-transition: opacity 0.3s, left 0.4s, right 0.4s, top 0.4s, bottom 0.4s; -moz-transition: opacity 0.3s, left 0.4s, right 0.4s, top 0.4s, bottom 0.4s; transition: opacity 0.3s, left 0.4s, right 0.4s, top 0.4s, bottom 0.4s; } #social-sidebar.label-curve .link-label { margin-left: -5px; padding: 0 15px; width: auto; height: inherit; line-height: 40px; font-size: 14px; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } #social-sidebar.colors-color ul li a span, #social-sidebar.colors-color ul li a span:before { /* background: #333; */ /* color: #fff; */ } #social-sidebar ul li a .link-label { position: absolute; z-index: -1; width: 0; white-space: nowrap; opacity: 0; } #social-sidebar .link-label { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #social-sidebar, #social-sidebar * { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .SideOption { position: fixed; /* top: 90%; */ z-index: 5; /* right: 0; */ /* display: grid; */ bottom: 41%; right: -51px; transform: rotate(-90deg); -webkit-transform-origin: 50% 52%; } .SideOption a.uyfvyuy_tri { /*background: #19458c;*/ background: #1b4280; padding: 10px 25px; border-radius: 5px 5px 0 0; color: #fff; font-size: 15px; -webkit-animation: NAME-YOUR-ANIMATION 1s infinite; -moz-animation: NAME-YOUR-ANIMATION 1s infinite; -o-animation: NAME-YOUR-ANIMATION 1s infinite; animation: NAME-YOUR-ANIMATION 1s infinite; } @-webkit-keyframes NAME-YOUR-ANIMATION { 0%, 49% { background: #e18900; } 50%, 100% { background: #249ea3; } }
@media screen and (max-width: 991px) { body { overflow-x: hidden; } .deuhuy_tri { display: none; } nav { /* padding: 10px 0; */ /* position: fixed; */ /* width: 100%; */ /* left: 0; */ /* top: 0px; */ /* margin: 0; */ /* right:0; */ /* z-index: 999; */ } /* MOBILE MENU FIX */ .main_menu { position: absolute; top: 100%; left: 0; width: 100%; background: #ffffff; /* z-index: 999; */ /* display: none; */ } .main_menu > ul > li > a:after { border-bottom: 0px solid #1b4280!important; } ul.uytgyu_tri { padding: 0; flex-direction: column; align-items: flex-start; width: 100%; box-shadow: -2px 10px 22px -16px #00000075; } .main_menu ul li { display: block; width: 100%; } .main_menu ul li a.ciufguy_tri { padding: 10px 15px; justify-content: center; } .main_menu ul li a { padding: 10px 15px; height: auto; justify-content: space-between; width: 100%; display: flex; } .main_menu ul li ul li a { padding: 10px 15px; font-size: 14px; } .main_menu ul li ul { background: none; box-shadow: none; width: 94%; padding: 0px; max-height: 233px; overflow: auto; border-left: 2px solid #259fa4; margin-left: 15px; margin-bottom: 10px; } .mobile_btn i.fas.fa-bars.fa-xmark.fa-xl { font-size: 25px;        position: relative; bottom: 3px; } .mobile_btn { font-size: 25px; cursor: pointer; } img.feui_tri { width: 140px; } .sub_menu { display: none; } .has_dropdown.active > .sub_menu { display: block; } .has_dropdown > a { transition: all 0.3s ease; } .has_dropdown > a i { transition: transform 0.3s ease; } .has_dropdown.active > a i { transform: rotate(90deg); } header.header_tri.fuyhui_tri.fixed-header nav.efygyi_tri .main_menu { background: #fff; } img.ufgyu_tri { margin-top: 67px; } }       
.footer-links { list-style: none; padding: 0; display: flex; margin: 0; flex-wrap: wrap; } .footer-links li { margin-bottom: 18px; /* margin-right: 26px; */ width: 33%; } .right-footer { display: flex; flex-direction: row; padding-right: 45px; align-items: flex-start; height: 100%; /* align-items: center; */ margin-top: 30px; } .social-list { display: flex; /* align-items: center; */ /* margin-top: 15px; */ /* flex-direction: column; */ justify-items: flex-start; flex-wrap: wrap; width: 30%; height: 59%; } .footer { background: #f3f4f6; padding: 5px 0 9px; position: relative; border-top: 1px solid #e1e1e1; } .footer-3.efewfed_tri { border-right: 1px solid #cbcbcb; margin-right: 27px; width: 80%; } .social-links { margin:0; align-items: center; height: 100%; } .footer-heading { margin-bottom: 0; margin-right: 20px; } @media screen and (max-width: 991px) { .right-footer { align-items: flex-start; margin-bottom: 10px; flex-wrap: wrap; padding-right: 0; height: auto; } .footer-links li { margin-left: 0; margin-right: 20px; width: 50%; margin-right: 0; } } .efiugu_tri { margin-bottom: 19px; } a.fuihiu_tri { display: block; padding: 5px 20px; background: #ffffff00; color: #1b4280; font-size: 15px; width: 150px; text-align: center; border: 2px solid #1b4280; font-weight: 600; transition: transform 0.3s ease; } a.fuihiu_tri:hover { background: #1b4280; color: #fff; } ul.footer-links li a:before { content: ""; flex: 0 0 10px; /* height: 1.6px; */ border-bottom: 2px solid #162c55a6; margin-right: 10px; } @keyframes rocking { 0%,100%,25% { transform: rotate(0) } 50% { transform: rotate(15deg); } 75% { transform: rotate(-15deg); } } @media screen and (max-width: 991px)  { .footer-3.efewfed_tri { width: 100%; border-right: 0px solid #cbcbcb; margin-right: 0; border-bottom: 1px solid #cbcbcb; margin-bottom: 24px; } .social-list { width: 100%; height: auto; } } h2.eff_tri:before { content:""; position: absolute; left: 47%; width: 65px; height: 3px; background: #249ea3; border-radius: 10px; bottom: 0; } h2.eff_tri:after { content:""; position: absolute; left: 52.5%; width: 11px; height: 3px; /* background: #249ea3; */ border-radius: 10px; bottom: 0; }
@media (max-width: 767.98px) { .grufyt_tri { width: 90%; background: #fff; } .efigfug_tri:before { background: linear-gradient(to right, #000000e0, #000000bf, #0000004d); width: 100%; } }
canvas.particleCanvas { position: absolute; opacity: .1; left: 0; top: 0; width: 100%; } .red-tri { width: 350px; height: 700px; background-color: rgb(255, 0, 0); opacity: 35%; transform-origin: center; animation: 15s linear infinite turn2; position: absolute; top: 0; left: 0; z-index: -1; } .blue-tri { width: 350px; height: 700px; background-color: rgb(0, 0, 133); opacity: 35%; transform-origin: center; animation: 15s linear infinite turn2; position: absolute; bottom: 0; left: 25%; z-index: -1; } .yellow-tri { width: 350px; height: 700px; background-color: rgb(255, 255, 0); opacity: 35%; transform-origin: center; animation: 15s linear infinite turn3; position: absolute; top: 0; right: 25%; z-index: -1; } .pink-tri { width: 350px; height: 700px; background-color: rgb(255, 50, 100); opacity: 35%; transform-origin: center; animation: 15s linear infinite turn3; position: absolute; bottom: 0%; right: 0; z-index: -1; } @keyframes turn { 50% { transform: rotate(270deg) scaleX(-1) skew(45deg); } } @keyframes turn2 { 50% { transform: rotate(-90deg) scaleX(-1) skew(45deg); } } @keyframes turn3 { 50% { transform: rotate(90deg) scaleX(-1) skew(-45deg); } }.bg-tri { opacity: .1; }