/*== Scrool To Top Css ======*/ #scrollToTopBtn { position: fixed; bottom: 30px; right: 10px; width: 50px; height: 50px; border-radius: 50%; border: none; background: #008c44; color: #fff; font-size: 20px; cursor: pointer; opacity: 0; visibility: hidden; transform: translateY(20px); transition: all 0.3s ease; z-index: 999; } /* Hiện nút */ #scrollToTopBtn.show { opacity: 1; visibility: visible; transform: translateY(0); } /* Hover */ #scrollToTopBtn:hover { background: #e4a025; } .main-container .hero-section .hero-content-container {margin-top:50px;} /*-------------------------------------------------------------- # Mobile Nav --------------------------------------------------------------*/ .mobile-nav__wrapper { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 99; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transform-origin: left center; transform-origin: left center; -webkit-transition: visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms; transition: visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms; transition: transform 500ms ease 500ms, visibility 500ms ease 500ms; transition: transform 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms; visibility: hidden; } .mobile-nav__wrapper.expanded { opacity: 1; -webkit-transform: translateX(0%); transform: translateX(0%); visibility: visible; -webkit-transition: visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms; transition: visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms; transition: transform 500ms ease 0ms, visibility 500ms ease 0ms; transition: transform 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms; } .mobile-nav__wrapper .container { padding-left: 0; padding-right: 0; } .mobile-nav__overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #555; opacity: 0.7; cursor: pointer; } .mobile-nav__content { position: relative; width: 300px; background-color: #044a2b; height: 100%; overflow-y: auto; padding-top: 30px; padding-bottom: 30px; padding-left: 20px; padding-right: 20px; opacity: 0; visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms; transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, -webkit-transform 500ms ease 0ms; transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms; transition: opacity 500ms ease 0ms, visibility 500ms ease 0ms, transform 500ms ease 0ms, -webkit-transform 500ms ease 0ms; z-index: 10; } .mobile-nav__wrapper.expanded .mobile-nav__content { opacity: 1; visibility: visible; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms; transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, -webkit-transform 500ms ease 500ms; transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms; transition: opacity 500ms ease 500ms, visibility 500ms ease 500ms, transform 500ms ease 500ms, -webkit-transform 500ms ease 500ms; } .mobile-nav__close { position: absolute; display: flex; align-items: center; justify-content: center; top: 0px; right: 0px; width: 40px; height: 40px; color: #c0c0c0; font-size: 16px; cursor: pointer; transition: all 200ms linear; transition-delay: 0s; transition-delay: 0.1s; } .mobile-nav__close:hover { background-color: #008c44 } .mobile-nav__close i:before { position: relative; display: inline-block; transform: rotate(0deg); } .mobile-nav__content .logo-box { margin-bottom: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; } .mobile-nav-search-box { position: relative; display: block; margin-bottom: 30px; } .mobile-nav-search-box form.search-form { position: relative; display: block; width: 100%; } .mobile-nav-search-box .search-form input[type="text"] { position: relative; display: block; width: 100%; height: 52px; background-color: #ffffff; border: 1px solid #ffffff; color: #909090; font-size: 16px; font-weight: 500; padding-left: 20px; padding-right: 60px; border-radius: 0px; font-family: var(--thm-font); transition: all 500ms ease 0s; } .mobile-nav-search-box .search-form button { position: absolute; top: 0px; right: 0px; bottom: 0px; width: 50px; height: 52px; color: #ffffff; font-size: 15px; background: rgba(var(--thm-primary-color-rgb), 0.80); text-align: center; border: 0px solid #e7e7e8; border-top-right-radius: 0px; border-bottom-right-radius: 0px; transition: all 500ms ease 0s; } .mobile-nav-search-box .search-form button i { position: relative; top: 0px; } .mobile-nav-search-box .search-form input[type="text"]:focus { color: #555; } .mobile-nav-search-box .search-form input[type="text"]:focus+button, .mobile-nav-search-box .search-form button:hover { color: #ffffff; background-color: #008c44 } .mobile-nav-search-box .search-form input::-webkit-input-placeholder { color: rgba(var(--thm-black-rgb), .70); } .mobile-nav-search-box .search-form input:-moz-placeholder { color: rgba(var(--thm-black-rgb), .70); } .mobile-nav-search-box .search-form input::-moz-placeholder { color: rgba(var(--thm-black-rgb), .70); } .mobile-nav-search-box .search-form input:-ms-input-placeholder { color: rgba(var(--thm-black-rgb), .70); } .mobile-nav__container { border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .mobile-nav__content .main-menu__list, .mobile-nav__content .main-menu__list>li>ul, .mobile-nav__content .main-menu__list>li>ul>li>ul { margin: 0; padding: 0; list-style-type: none; } .mobile-nav__content .main-menu__list>li>ul, .mobile-nav__content .main-menu__list>li>ul>li>ul { display: none; border-top: 1px solid rgba(255, 255, 255, 0.1); margin-left: 20px; } .mobile-nav__content .main-menu__list>li:not(:last-child), .mobile-nav__content .main-menu__list>li>ul>li:not(:last-child), .mobile-nav__content .main-menu__list>li>ul>li>ul>li:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .mobile-nav__content .main-menu__list>li>a, .mobile-nav__content .main-menu__list>li>ul>li>a, .mobile-nav__content .main-menu__list>li>ul>li>ul>li>a { position: relative; display: flex; flex-direction: row; justify-content: space-between; align-items: center; line-height: 30px; color: #ffffff; font-size: 16px; font-family: var(--thm-font); font-weight: 500; height: 46px; transition: 500ms; } .mobile-nav__content .main-menu__list>li>ul>li>a { font-size: 15px; font-weight: 400; } .mobile-nav__content .main-menu__list>li>ul>li>ul>li>a { font-size: 14px; font-weight: 400; } .mobile-nav__content .main-menu__list>li>a.expanded, .mobile-nav__content .main-menu__list>li>ul>li>a.expanded, .mobile-nav__content .main-menu__list>li>ul>li>ul>li>a.expanded { color: #e4a025; } .mobile-nav__content .main-menu__list>li>a>button, .mobile-nav__content .main-menu__list>li>ul>li>a>button, .mobile-nav__content .main-menu__list>li>ul>li>ul>li>a>button { width: 30px; height: 30px; /* background: rgba(var(--thm-primary-color-rgb), 0.8);*/ border: none; outline: none; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: -webkit-transform 500ms ease; transition: -webkit-transform 500ms ease; transition: transform 500ms ease; transition: transform 500ms ease, -webkit-transform 500ms ease; padding: 0; } .mobile-nav__content .main-menu__list>li>a>button.expanded, .mobile-nav__content .main-menu__list>li>ul>li>a>button.expanded, .mobile-nav__content .main-menu__list>li>ul>li>ul>li>a>button.expanded { -webkit-transform: rotate(0deg); transform: rotate(0deg); color: #fff; } .mobile-nav__content .home-showcase__title { background-color: rgba(255, 255, 255, 0.1); margin-top: 0px; } /* //////////////////////////// Mobile Nav Megamenu Css /////////////////////////// */ .mobile-nav__wrapper .megamenu-content-box__inner { padding: 0px 0px; background-color: transparent; box-shadow: none; } .mobile-nav__wrapper .megamenu-content-box__inner::before { display: none; } .mobile-nav__wrapper .megamenu-box__inner { padding: 0px 0px; background-color: transparent; box-shadow: none; } .mobile-nav__wrapper .megamenu-content-box .row ul { margin-left: 0px; } .mobile-nav__wrapper .megamenu-content-box .row ul li { padding: 0 0px; } .mobile-nav__wrapper .megamenu-content-box .row ul li:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 0 0px; } .mobile-nav__wrapper .megamenu-content-box .row ul li a { position: relative; display: block; height: 46px; font-size: 14px; font-weight: 400; line-height: 46px; color: #fff; padding: 0 0px; border-top: 0px solid #008c44; font-family: var(--thm-font); } .mobile-nav__wrapper .megamenu-box .row { --bs-gutter-x: 20px; --bs-gutter-y: 0px; } .mobile-nav__wrapper .megamenu-box__inner .row [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .mobile-nav__contact { position: relative; display: block; margin-top: 40px; margin-bottom: 30px; } .mobile-nav__contact li { position: relative; display: flex; align-items: center; color: #ffffff; font-size: 15px; font-weight: 500; } .mobile-nav__contact li+li { margin-top: 15px; } .mobile-nav__contact li a { color: #ffffff; -webkit-transition: 500ms; transition: 500ms; } .mobile-nav__contact li a:hover { color: #008c44 } .mobile-nav__contact li>i { position: relative; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 0%; background-color: rgba(255, 255, 255, 0.1); color: #fff; font-size: 12px; margin-right: 10px; } .mobile-nav__top { position: relative; display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; } .mobile-nav__social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mobile-nav__social a { position: relative; display: block; width: 40px; height: 40px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.1); color: #ffffff; font-size: 16px; line-height: 40px; text-align: center; transition: 500ms; } .mobile-nav__social a img {width:16px; filter: brightness(0) saturate(100%) invert(100%) sepia(92%) saturate(2%) hue-rotate(120deg) brightness(104%) contrast(101%); margin-top: -4px;} .mobile-nav__social a+a { margin-left: 10px; } .mobile-nav__social a:hover { color: #008c44 background-color: #ffffff; } /* no menu after 2rd level dropdown */ .mobile-nav__content .main-menu__list>li>ul>li>ul>li>a>button, .mobile-nav__content .main-menu__list>li>ul>li>ul>li>ul { display: none !important; } /*-------------------------------------------------------------- # Main Header Css --------------------------------------------------------------*/ .main-header { position: relative; top: 0; left: 0; display: block; width: 100%; background: transparent; -webkit-transition: all 500ms ease; transition: all 500ms ease; z-index: 99; } .main-menu { position: static; display: block; max-width: 1800px; width: 100%; } .main-menu__wrapper { /*position: relative;*/ position: static; display: block; } .main-menu__wrapper-inner { display: flex; align-items: center; } .main-menu-box { display: block; float: right; margin-left: auto; } .main-menu .main-menu__list, .main-menu .main-menu__list>li>ul, .main-menu .main-menu__list>li>ul>li>ul, .stricky-header .main-menu__list, .stricky-header .main-menu__list>li>ul, .stricky-header .main-menu__list>li>ul>li>ul { margin: 0; padding: 0; list-style-type: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: none; } @media (min-width: 1217px) { .main-menu .main-menu__list, .main-menu .main-menu__list>li>ul, .main-menu .main-menu__list>li>ul>li>ul, .stricky-header .main-menu__list, .stricky-header .main-menu__list>li>ul, .stricky-header .main-menu__list>li>ul>li>ul { display: -webkit-box; display: -ms-flexbox; display: flex; } } .main-menu .main-menu__list>li, .stricky-header .main-menu__list>li { position: relative; padding-top: 20px; padding-bottom: 20px; } .main-menu.stricky-fixed .main-menu__list>li, .stricky-header.stricky-fixed .main-menu__list>li { padding-top: 20px; padding-bottom: 20px; } .main-menu .main-menu__list>li+li, .stricky-header .main-menu__list>li+li { margin-left: 25px; } .main-menu .main-menu__list>li>a, .stricky-header .main-menu__list>li>a { position: relative; display: inline-block; font-size: 16px; line-height: 26px; font-weight: 400; text-transform: none; font-family: var(--thm-font-2); -webkit-transition: all 500ms ease; transition: all 500ms ease; color: #fff; } .stricky-header.stricky-fixed .main-menu__list>li>a{ color: #555; } .main-header-style3__content-bottom:hover .main-menu .main-menu__list>li>a {color: #555;} .main-header-style3__content-bottom:hover .main-menu .main-menu__list>li.dropdown>a:after {color: #555;} .main-menu .main-menu__list>li:hover>a, .stricky-header .main-menu__list>li.current>a, .stricky-header .main-menu__list>li:hover>a { color: #008c44 !important; } .main-menu .main-menu__list>li.dropdown>a, .stricky-header .main-menu__list>li.dropdown>a { padding-right: 20px; } .main-menu .main-menu__list>li.dropdown>a:after { position: absolute; top: 1px; right: -5px; font-family: 'icomoon' !important; content: "\e901" !important; color: #a5a9a0; font-size: 22px; font-weight: 100; transform: rotate(0deg); transition: all 200ms linear; transition-delay: 0.1s; z-index: 1; } .main-menu .main-menu__list>li:hover.dropdown>a:after, .stricky-header .main-menu__list>li.current.dropdown>a:after, .stricky-header .main-menu__list>li:hover.dropdown>a:after { color: #008c44 } .main-menu .main-menu__list>li.dropdown>a::before { position: absolute; right: -5px; font-family: 'icomoon' !important; content: "\e904" !important; color: #a5b1ad; font-size: 10px; font-weight: 400; transform: rotate(0deg); transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; transform-origin: bottom right; -webkit-transform: scale(0, 1); transform: scale(0, 1); z-index: 1; display: none; } .main-menu .main-menu__list>li.current.dropdown>a:before, .main-menu .main-menu__list>li:hover.dropdown>a:before, .stricky-header .main-menu__list>li.current.dropdown>a:before, .stricky-header .main-menu__list>li:hover.dropdown>a:before { color: #008c44 -webkit-transform: scale(1, 1); transform: scale(1, 1); transform-origin: left center; } .main-menu .main-menu__list>li>ul, .main-menu .main-menu__list>li>ul>li>ul, .stricky-header .main-menu__list>li>ul, .stricky-header .main-menu__list>li>ul>li>ul { position: absolute; top: 100%; left: 0; min-width: 250px; padding: 8px 0px 8px; background-color: #fff; border-radius: 10px; -ms-flex-direction: column; flex-direction: column; opacity: 0; visibility: hidden; transform: scale(1, 0); transform-origin: 0 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; box-shadow: none; z-index: 99; } .main-menu .main-menu__list>li>ul:before, .main-menu .main-menu__list>li>ul>li>ul:before, .stricky-header .main-menu__list>li>ul:before, .stricky-header .main-menu__list>li>ul>li>ul:before { content: ""; position: absolute; top: 0px; left: 0; bottom: 0; right: 0; background-color: #fff; border-radius: 10px; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15); z-index: -1; } .main-menu .main-menu__list>li:hover>ul, .main-menu .main-menu__list>li>ul>li:hover>ul, .stricky-header .main-menu__list>li:hover>ul, .stricky-header .main-menu__list>li>ul>li:hover>ul { opacity: 1; visibility: visible; transform: scale(1); } .main-menu .main-menu__list>li>ul>li>ul>li>ul, .stricky-header .main-menu__list>li>ul>li>ul>li>ul { display: none; } .main-menu .main-menu__list>li>ul>li, .main-menu .main-menu__list>li>ul>li>ul>li, .stricky-header .main-menu__list>li>ul>li, .stricky-header .main-menu__list>li>ul>li>ul>li { position: relative; width: 100%; padding: 0 30px; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } .main-menu .main-menu__list>li>ul>li+li, .main-menu .main-menu__list>li>ul>li>ul>li+li, .stricky-header .main-menu__list>li>ul>li+li, .stricky-header .main-menu__list>li>ul>li>ul>li+li { border-top: 0px solid #ffffff; } .main-menu .main-menu__list>li>ul>li>a, .main-menu .main-menu__list>li>ul>li>ul>li>a, .stricky-header .main-menu__list>li>ul>li>a, .stricky-header .main-menu__list>li>ul>li>ul>li>a { position: relative; display: block; font-size: 16px; line-height: 26px; color: var(--thm-body-font-color); letter-spacing: 0; font-weight: 400; font-style: normal; padding: 10px 0px; border-top: 1px solid #008c44; -webkit-transition: 500ms; transition: 500ms; font-family: var(--thm-font-2); text-transform: capitalize; z-index: 1; } .main-menu .main-menu__list>li>ul>li:first-child>a, .main-menu .main-menu__list>li>ul>li>ul>li:first-child>a, .stricky-header .main-menu__list>li>ul>li:first-child>a, .stricky-header .main-menu__list>li>ul>li>ul>li:first-child>a { border-top: none; } .main-menu .main-menu__list>li>ul>li>a:after, .main-menu .main-menu__list>li>ul>li>ul>li>a:after { content: ""; position: absolute; top: 0; left: 0px; bottom: 0; width: 5px; display: flex; align-items: center; background-color: #008c44 transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; transform-origin: bottom right; transform: scale(0, 1); z-index: 2; } .main-menu .main-menu__list>li>ul>li:hover>a:after, .main-menu .main-menu__list>li>ul>li>ul>li:hover>a:after { color: #008c44 -webkit-transform: scale(1, 1); transform: scale(1, 1); transform-origin: left center; } .main-menu .main-menu__list>li>ul>li:last-child>a, .main-menu .main-menu__list>li>ul>li>ul>li:last-child>a, .stricky-header .main-menu__list>li>ul>li:last-child>a, .stricky-header .main-menu__list>li>ul>li>ul>li:last-child>a { border-bottom: none; } .main-menu .main-menu__list>li>ul>li:hover>a, .main-menu .main-menu__list>li>ul>li>ul>li:hover>a, .stricky-header .main-menu__list>li>ul>li:hover>a, .stricky-header .main-menu__list>li>ul>li>ul>li:hover>a { color: #555; padding-left: 10px; } .main-menu .main-menu__list>li>ul>li.dropdown:before { font-family: 'icomoon' !important; content: "\e901" !important; position: absolute; top: 0px; right: 20px; display: block; color: #555; font-size: 22px; line-height: 52px; opacity: 1; font-weight: 100; z-index: 5; transition: all 500ms ease; transform: rotate(-90deg); } .main-menu .main-menu__list>li>ul>li.dropdown:hover::before { color: #008c44 transform: rotate(0deg); } .main-menu .main-menu__list>li>ul>li>ul, .stricky-header .main-menu__list>li>ul>li>ul { top: 0; left: 100%; border-left: 10px solid transparent; background-color: transparent; min-width: 270px; } .main-menu .main-menu__list>li>ul>li>ul:before, .stricky-header .main-menu__list>li>ul>li>ul:before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #fff; border-radius: 10px; } .main-menu .main-menu__list li ul.right-align { left: auto; right: 0; } .main-menu .main-menu__list li ul li>ul.right-align, .stricky-header .main-menu__list li ul li>ul.right-align { top: 0; left: auto; right: 100%; border-left: 0px solid transparent; border-right: 10px solid transparent; } /*------------------------------------- # Mega Menu Css --------------------------------------*/ .main-menu__wrapper .main-menu__list>.megamenu { position: static; } .main-menu__wrapper .main-menu__list>.megamenu>ul { top: 100% !important; left: 150px !important; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; padding: 0; border-top: none; max-width: 570px; width: 100%; } .main-menu__wrapper .main-menu__list>.megamenu>ul>li { padding: 0 !important; } .megamenu-content-box { position: relative; display: block; } .megamenu-content-box>.container { max-width: 1290px !important; padding: 0 !important; } .megamenu-content-box__inner { position: relative; display: block; background-color: #ffffff; padding: 10px 0px 10px; -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1); border-radius: var(--thm-border-radius); } .megamenu-content-box__inner::before { content: ""; position: absolute; top: 30px; left: 50%; bottom: 30px; width: 1px; background-color: #008c44; } .megamenu-content-box .row { --bs-gutter-x: 0px; --bs-gutter-y: 0px; } .megamenu-content-box .row ul li { position: relative; width: 100%; padding: 0 30px; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } .megamenu-content-box .row ul li a { position: relative; display: block; font-size: 16px; line-height: 30px; color: var(--thm-body-font-color); letter-spacing: 0; font-weight: 400; font-style: normal; padding: 11px 0px; border-top: 1px solid #008c44; -webkit-transition: 500ms; transition: 500ms; font-family: var(--thm-font); text-transform: capitalize; z-index: 1; } .megamenu-content-box .row ul li:first-child a { border-top: none; } .megamenu-content-box .row ul li.current>a, .megamenu-content-box .row ul li:hover>a { color: #008c44 } .home-showcase__image { position: relative; display: block; overflow: hidden; border-radius: 10px; border: 1px solid rgba(var(--thm-base-rgb), .80); z-index: 1; } .home-showcase__image:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; opacity: 0; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); -webkit-transform-origin: top; -ms-transform-origin: top; transform-origin: top; z-index: 1; } .home-showcase__item:hover .home-showcase__image:before { opacity: 0.80; -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); } .home-showcase__image>img { width: 100%; -webkit-transition: 500ms ease; transition: 500ms ease; -webkit-transform: scale(1); transform: scale(1); } .home-showcase__image:hover>img { opacity: 1.0; } .home-showcase__image:hover .home-showcase__buttons { -webkit-transform: scale(1, 1); transform: scale(1, 1); opacity: 1; visibility: visible; } .home-showcase__buttons { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; flex-direction: column; -webkit-transform: scale(1, 0); transform: scale(1, 0); opacity: 0; visibility: hidden; transform-origin: bottom center; -webkit-transition: 500ms ease; transition: 500ms ease; z-index: 3; } .home-showcase__buttons a { position: relative; display: inline-block; color: #ffffff; font-size: 20px; line-height: 30px; font-weight: 600; font-family: var(--thm-font); text-transform: uppercase; letter-spacing: 0.1em; } .home-showcase__buttons .home-showcase__buttons__item.top { opacity: 0; transform: translateY(-50px); transition: all .4s ease-in-out .1s; } .home-showcase__image:hover .home-showcase__buttons .home-showcase__buttons__item.top { opacity: 1; transform: translateY(0px); transition: all .4s ease-in-out .2s; } .home-showcase__buttons__item { position: relative; display: flex; text-align: center; justify-content: center; transition: color 0.5s ease; transition: all 0.5s ease; } .home-showcase__buttons__item:hover { color: var(--thm-base) !important; } .home-showcase__buttons__item+.home-showcase__buttons__item { margin-top: 0px; } .home-showcase__title { position: relative; display: block; background-color: rgba(var(--thm-base-rgb), .01); padding: 8px 0 7px; margin: 0; text-align: center; font-size: 16px; font-weight: 600; color: #555; text-transform: uppercase; margin-top: 5px; border-radius: 10px; } .mobile-nav__wrapper .home-showcase__title { color: #ffffff; } .mobile-nav__wrapper .megamenu-content-box .row [class*=col-] { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } /** Megamenu style2**/ .megamenu-box { position: relative; display: block; } .megamenu-box .container { max-width: 900px !important; } .megamenu-box__inner { position: relative; display: block; background-color: #fff; padding: 10px 20px 10px; -webkit-box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.1); } .megamenu-box .row { --bs-gutter-x: 20px; --bs-gutter-y: 0px; } .megamenu-box ul { position: relative; } .megamenu-box ul li { position: relative; display: block; border-bottom: 1px solid rgba(var(--thm-base-rgb, 53, 84, 209), 0.05); } .megamenu-box ul li:last-child { border-bottom: none; } .megamenu-box ul li a { position: relative; display: block; padding-left: 20px; color: var(--thm-gray); font-size: 15px; line-height: 50px; font-weight: 500; text-align: left; text-transform: capitalize; letter-spacing: normal; font-family: var(--thm-font-2); transition-timing-function: ease-in-out; transition-duration: .2s; z-index: 1; } .megamenu-box ul li a:before { content: ""; position: absolute; top: 0; left: 0px; bottom: 0px; right: 0; background-color: var(--thm-base); transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: right center; transform-origin: right center; z-index: -1; } .megamenu-box ul li:hover a:before { -webkit-transform: scale(1, 1); transform: scale(1, 1); -webkit-transform-origin: left center; transform-origin: left center; } .megamenu-box ul li:hover a { color: #ffffff; } /*------------------------------------- Stricky Header Css --------------------------------------*/ .stricky-header { position: fixed; z-index: 991; top: 0; left: 0; background-color: #fff; width: 100%; visibility: hidden; -webkit-transform: translateY(-120%); transform: translateY(-120%); -webkit-transition: visibility 500ms ease, -webkit-transform 500ms ease; transition: visibility 500ms ease, -webkit-transform 500ms ease; transition: transform 500ms ease, visibility 500ms ease; transition: transform 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease; box-shadow: 0 0 10px rgba(0, 0, 0, .1); } @media (max-width: 1199px) { .stricky-header { display: none !important; } } .stricky-header.stricky-fixed { -webkit-transform: translateY(0); transform: translateY(0); visibility: visible; } .main-menu .mobile-nav__toggler { position: relative; display: inline-block; color: #fff; font-size: 30px; line-height: 28px; cursor: pointer; -webkit-transition: 500ms; transition: 500ms; } .main-menu .mobile-nav__toggler:hover { color: #000000; } @media (min-width: 1200px) { .main-menu .mobile-nav__toggler { display: none; } } .stricky-header.main-menu { background-color: #ffffff; } .stricky-header .main-menu-box { display: block; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .stricky-header .main-menu__wrapper { background-color: #ffffff; } .stricky-header .main-menu__wrapper-inner { background-color: #ffffff; justify-content: space-between; } .stricky-header .main-menu__wrapper .main-menu__list>.megamenu>ul { left: auto !important; right: 0; } /*---------------------------------------- Main Header Style1 ---------------------------------------*/ .main-header-style1 { position: absolute; } .main-header-style1__content { position: relative; display: block; border-bottom: 1px solid rgb(255, 255, 255, .1); } .main-header-style1__content .container { max-width: 100%; padding: 0; } .main-header-style1__content-inner { position: relative; display: block; } .main-header-style1__content-top { position: relative; display: flex; align-items: center; justify-content: space-between; background-color: rgb(255, 255, 255, .05); padding: 17px 60px 17px; } .main-header-style1__content-top-left { position: relative; display: flex; align-items: center; } .header-logo-box-style1 { position: relative; display: block; } .header-logo-box-style1 a { position: relative; display: inline-block; } .header-trading-time-style1 { position: relative; display: flex; align-items: center; border-left: 1px solid rgb(255, 255, 255, .2); padding: 9px 30px 9px; padding-right: 0px; margin-left: 30px; } .header-trading-time-style1 .icon { position: relative; display: block; color: #008c44 font-size: 18px; line-height: 0; margin-right: 10px; } .header-trading-time-style1 .text { position: relative; display: block; cursor: pointer; padding-right: 30px; } .header-trading-time-style1 .text::before { font-family: 'icomoon' !important; content: "\e901"; position: absolute; top: 7px; right: 0; color: var(--thm-body-font-color-2); font-size: 25px; line-height: 16px; } .header-trading-time-style1 .text p { color: var(--thm-body-font-color-2); } .header-trading-time-style1 .text p span { color: #fff; margin-right: 4px; } .header-trading-time-style1 .text ul { position: absolute; top: 0; left: 0; right: 0; opacity: 0; cursor: auto; overflow: hidden; visibility: hidden; white-space: nowrap; background-color: #fff; border-radius: var(--thm-border-radius); padding: 23px 30px 22px; margin-left: -30px; margin-top: 38px; transform: scale(1, 0); transform-origin: 0 0; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; z-index: 1000000000; } .header-trading-time-style1 .text:hover ul { opacity: 1; visibility: visible; transform: scale(1); } .header-trading-time-style1 .text ul li { position: relative; display: block; padding-left: 35px; border-bottom: 1px solid #008c44; margin-top: 13px; padding-bottom: 12px; } .header-trading-time-style1 .text ul li:first-child { margin-top: 0; } .header-trading-time-style1 .text ul li:last-child { border-bottom: none; padding-bottom: 0; } .header-trading-time-style1 .text ul li .icon1 { position: absolute; top: 7px; left: 0; line-height: 0; } .header-trading-time-style1 .text ul li .icon1 img { width: auto; } .header-trading-time-style1 .text ul li .text1 { position: relative; display: block; } .header-trading-time-style1 .text ul li .text1 h4 { font-size: 18px; line-height: 28px; font-weight: 600; } .header-trading-time-style1 .text ul li .text1 p { color: #636560; } .main-header-style1__content-top-middle { position: relative; display: block; } .main-header-style1__content-top-middle .btn-box { position: relative; display: flex; align-items: center; overflow: hidden; border-radius: 23px; background-color: rgb(255, 255, 255, .1); padding: 2px 2px 2px; } .main-header-style1__content-top-middle .btn-box a+a { margin-left: 0px; } .main-header-style1__content-top-middle .btn-box .btn-one { color: var(--thm-body-font-color-2); line-height: 20px; border-radius: 20px; padding-left: 20px; padding-right: 20px; } .main-header-style1__content-top-middle .btn-box .btn-one:hover, .main-header-style1__content-top-middle .btn-box .btn-one.active { color: #fff; } .main-header-style1__content-top-middle .btn-box .btn-one::after { background-color: transparent; } .main-header-style1__content-top-middle .btn-box .btn-one::before { background-color: #111c6d; } .main-header-style1__content-top-middle .btn-box .btn-one.active::before, .main-header-style1__content-top-middle .btn-box .btn-one:hover:before { right: 0px; left: 0; -webkit-transform: translateX(0); transform: translateX(0); } .main-header-style1__content-top-right { position: relative; display: flex; align-items: center; } .header-login-register-style1 { position: relative; display: flex; align-items: center; } .header-login-register-style1 .icon { position: relative; display: block; font-size: 34px; line-height: 0; } .header-login-register-style1 .icon .icon-lock .path1:before, .header-login-register-style1 .icon .icon-lock .path2:before, .header-login-register-style1 .icon .icon-lock .path3:before { color: transparent; } .header-login-register-style1 .icon .icon-lock .path4:before { content: "\e905"; margin-left: -1em; color: #008c44 } .header-login-register-style1 .icon .icon-lock .path5:before, .header-login-register-style1 .icon .icon-lock .path6:before, .header-login-register-style1 .icon .icon-lock .path7:before, .header-login-register-style1 .icon .icon-lock .path8:before { color: #fff; } .header-login-register-style1 .title { position: relative; display: block; padding-left: 15px; flex: 1; } .header-login-register-style1 .title::before { font-family: 'icomoon' !important; content: "\e901"; position: absolute; top: 5px; right: 50px; color: var(--thm-body-font-color-2); font-size: 23px; line-height: 16px; } .header-login-register-style1 .title h3 { position: relative; display: block; color: #fff; font-size: 18px; line-height: 28px; font-weight: 600; cursor: pointer; } .header-login-register-style1 .title p { margin: 0; } .header-login-register-style1 .title p a { color: var(--thm-body-font-color-2); transition: all 200ms linear; transition-delay: 0.1s; } .header-login-register-style1 .title p a:hover { color: #008c44 } .header-login-register-style1 .title ul { position: absolute; top: 0; left: 0; right: 0; opacity: 0; cursor: auto; overflow: hidden; visibility: hidden; white-space: nowrap; background-color: #fff; border-radius: var(--thm-border-radius); padding: 23px 30px 22px; margin-left: -115px; margin-top: 66px; transform: scale(1, 0); transform-origin: 0 0; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; z-index: 1000000000; } .header-login-register-style1 .title:hover ul { opacity: 1; visibility: visible; transform: scale(1); } .header-login-register-style1 .title ul li { position: relative; display: block; padding-left: 35px; border-bottom: 1px solid #008c44; margin-top: 13px; padding-bottom: 12px; } .header-login-register-style1 .title ul li:first-child { margin-top: 0; } .header-login-register-style1 .title ul li:last-child { border-bottom: none; padding-bottom: 0; } .header-login-register-style1 .title ul li .icon1 { position: absolute; top: 7px; left: 0; line-height: 0; } .header-login-register-style1 .title ul li .icon1 img { width: auto; } .header-login-register-style1 .title ul li .text1 { position: relative; display: block; } .header-login-register-style1 .title ul li .text1 h4 { font-size: 18px; line-height: 28px; font-weight: 600; } .header-login-register-style1 .title ul li .text1 h4 a { color: #555; transition: all 200ms linear; transition-delay: 0.1s; } .header-login-register-style1 .title ul li .text1 h4 a:hover { color: #008c44 } .header-login-register-style1 .title ul li .text1 p { color: #636560; } .header-help-center-style1 { position: relative; display: block; margin-left: 25px; padding-left: 30px; border-left: 1px solid rgb(255, 255, 255, .1); } .header-help-center-style1 .text { position: relative; display: flex; align-items: center; cursor: pointer; border-radius: 23px; background-color: rgb(255, 255, 255, .1); padding: 8px 20px 8px; padding-right: 40px; flex: 1; transition: background-color 0.5s ease; transition: all 0.5s ease; } .header-help-center-style1 .text:hover { background-color: #008c44 } .header-help-center-style1 .text::before { font-family: 'icomoon' !important; content: "\e901"; position: absolute; top: 48%; transform: translateY(-40%); right: 14px; color: var(--thm-body-font-color-2); font-size: 23px; line-height: 16px; transition: all 200ms linear; transition-delay: 0.1s; } .header-help-center-style1 .text i { position: relative; display: block; color: #008c44 font-size: 18px; line-height: 18px; margin-right: 10px; transition: all 200ms linear; transition-delay: 0.1s; } .header-help-center-style1 .text p { color: #fff; transition: all 200ms linear; transition-delay: 0.1s; } .header-help-center-style1 .text:hover::before, .header-help-center-style1 .text:hover i, .header-help-center-style1 .text:hover p { color: #555; } .header-help-center-style1 .text ul { position: absolute; top: 0; left: 0; right: 0; opacity: 0; cursor: auto; overflow: hidden; visibility: hidden; white-space: nowrap; background-color: #fff; border-radius: var(--thm-border-radius); padding: 23px 30px 22px; margin-left: -100px; margin-top: 58px; transform: scale(1, 0); transform-origin: 0 0; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; z-index: 1000000000; } .header-help-center-style1 .text:hover ul { opacity: 1; visibility: visible; transform: scale(1); } .header-help-center-style1 .text ul li { position: relative; display: block; padding-left: 35px; border-bottom: 1px solid #008c44; margin-top: 13px; padding-bottom: 12px; } .header-help-center-style1 .text ul li:first-child { margin-top: 0; } .header-help-center-style1 .text ul li:last-child { border-bottom: none; padding-bottom: 0; } .header-help-center-style1 .text ul li .icon1 { position: absolute; top: 7px; left: 0; line-height: 0; } .header-help-center-style1 .text ul li .icon1 img { width: auto; } .header-help-center-style1 .text ul li .text1 { position: relative; display: block; } .header-help-center-style1 .text ul li .text1 h4 { font-size: 18px; line-height: 28px; font-weight: 600; } .header-help-center-style1 .text ul li .text1 h4 a { color: #555; transition: all 200ms linear; transition: 0.1; } .header-help-center-style1 .text ul li .text1 h4 a:hover { color: #008c44 } .header-help-center-style1 .text ul li .text1 p { color: #636560; } .main-header-style1__content-bottom { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 0px 60px 0px; } .main-header-style1__content-bottom-left { position: relative; display: block; } .main-header-style1__content-bottom-left .main-menu-style1__left .main-menu-box { margin-left: 0px; } .main-header-style1__content-bottom-right { position: relative; display: flex; align-items: center; } .language-switcher-style1 { position: relative; display: flex; align-items: center; } .language-switcher-style1 .icon { position: relative; display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; border: 1px solid #1a1e37; background-color: #111736; border-top-left-radius: 22px; border-bottom-left-radius: 22px; color: var(--thm-body-font-color-2); font-size: 20px; line-height: 0; } .language-switcher-style1 .select-box { position: relative; display: block; flex: 1; } .language-switcher-style1 .nice-select { position: relative; display: flex; align-items: center; background-color: transparent; border-radius: 0; border-top-right-radius: 22px; border-bottom-right-radius: 22px; border: 1px solid #1a1e37; border-left: none; width: 70px; height: 45px; color: #fff; font-size: 16px; line-height: 26px; font-family: var(--thm-font); font-weight: 400; outline: none; padding-left: 15px; padding-right: 15px; transition: all 0.2s ease-in-out; } .language-switcher-style1 .nice-select::after { position: absolute; display: flex; align-items: center; justify-content: center; content: "\e901" !important; font-family: 'icomoon' !important; color: var(--thm-body-font-color-2); font-size: 20px; line-height: 0; top: 50%; transform: translateY(-50%); right: 16px; font-weight: 400; border: none !important; transform: rotate(0deg) !important; -webkit-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; } .language-switcher-style1 .nice-select .list { background-color: #fff; border-radius: 10px; box-shadow: 0 0 10px rgb(0 0 0 / 10%); padding: 0px 0 0px; margin-top: 10px; -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scale(1.0) translateY(30px); -ms-transform: scale(1.0) translateY(30px); transform: scale(1.0) translateY(30px); -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; height: 0; width: 120px; right: 0 !important; left: auto !important; } .language-switcher-style1 .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); height: auto; } .language-switcher-style1 .nice-select .option { color: #555; padding-left: 20px; padding-right: 20px; font-size: 15px; line-height: 40px; min-height: 40px; transition: background-color 0.5s ease; transition: all 0.5s ease; } .language-switcher-style1 .nice-select .option+.option { border-top: 1px solid rgba(0, 0, 0, 0.10); } .language-switcher-style1 .nice-select .option:hover, .language-switcher-style1 .nice-select .option.focus, .language-switcher-style1 .nice-select .option.selected.focus { color: #555 !important; background-color: #008c44 } .header-btn-box-style1 { position: relative; display: flex; align-items: center; margin-left: 30px; } .header-btn-box-style1 .icon { position: relative; display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; border-radius: 50%; background-color: #008c44 color: #555; font-size: 20px; line-height: 0; } .header-btn-box-style1 .text { position: relative; display: block; line-height: 0; padding-left: 15px; flex: 1; } .header-btn-box-style1 .text a { position: relative; display: inline-block; color: #fff; font-size: 18px; line-height: 22px; font-family: var(--thm-font-2); font-weight: 600; transition: all 200ms linear; transition-delay: 0.1s; } .header-btn-box-style1 .text a:hover { color: #008c44 } .header-btn-box-style1 .text a i { font-size: 10px; margin-left: 10px; } .box-search-style1 { position: relative; display: block; line-height: 0; border-left: 1px solid rgb(255, 255, 255, .1); padding: 9px 30px 9px; margin-left: 30px; } .box-search-style1 a { position: relative; display: inline-block; color: var(--thm-body-font-color-2); font-size: 24px; line-height: 0; transition: all 200ms linear; transition-delay: 0.1s; } .box-search-style1 a:hover { color: #008c44 } .main-header-style1__content-left { position: relative; display: flex; align-items: center; } /** Main Menu Style1 Css**/ .main-menu-style1 { position: relative; display: block; z-index: 10; } .main-menu-style1 .main-menu__wrapper { position: relative; } .main-menu-style1 .main-menu__wrapper-inner { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; } .main-menu-style1__left { position: static; display: flex; } .stricky-header--style1.main-menu { background-color: #030c4e; z-index: 999999; } .stricky-header--style1 .main-menu__wrapper { max-width: 1200px; margin: 0 auto; padding: 0 15px; background-color: #030c4e; } .stricky-header--style1 .main-menu__wrapper-inner { background-color: #030c4e; } .stricky-header--style1 .main-menu__list>li { position: relative; padding-top: 32px; padding-bottom: 32px; } .sticky-logo-box-style1 { position: relative; display: none; } .sticky-logo-box-style1 a { position: relative; display: inline-block; } .sticky-logo-box-style1 img { max-width:150px;} .stricky-header .main-menu__wrapper-inner .sticky-logo-box-style1 { display: block; } /*---------------------------------------- Main Header Style2 ---------------------------------------*/ .main-header-style2 { position: relative; display: block; } .main-header-style2__content { position: relative; display: block; } .main-header-style2__content .container { max-width: 100%; padding: 0; } .main-header-style2__content-inner { position: relative; display: block; } .main-header-style2__content-top { position: relative; display: flex; align-items: center; justify-content: space-between; max-width: 1800px; margin: 0 auto; padding: 10px 20px ; } .main-header-style2__content-top-left { position: relative; display: flex; align-items: center; } .main-header-style2__content-top-left .icon { position: relative; display: block; color: #e4a025; font-size: 20px; line-height: 0; margin-right: 10px; } .main-header-style2__content-top-left ul { position: relative; display: flex; align-items: center; } .main-header-style2__content-top-left ul li { position: relative; display: block; } .main-header-style2__content-top-left ul li+li { margin-left: 10px; } .main-header-style2__content-top-left ul li p { color: #fff; margin:0; font-size: 14px; } .main-header-style2__content-top-left ul li p a { position: relative; display: inline-flex; align-items: center; color: #fff; transition: all 200ms linear; transition-delay: 0.1s; } .main-header-style2__content-top-left ul li p a:hover { color: #008c44 } .main-header-style2__content-top-left ul li p a i { position: relative; top: 1px; font-size: 10px; margin-left: 10px; } .main-header-style2__content-top-right { position: relative; display: flex; align-items: center; } .header-manu-box-style1 { position: relative; display: flex; align-items: center; } .header-manu-box-style1 .btn-one {color: #fff; line-height: 25px; border-radius: 25px; font-family: var(--thm-font-2); font-weight: 400; padding: 2px 29px ; font-size: 14px;} .header-manu-box-style1 .btn-one, .mobile-box .btn-one {background: linear-gradient(180deg, #26BB6E 0%, #088C44 100%); color: #fff; padding: 2px 29px; border: none; border-radius: 999px; font-size: 14px; cursor: pointer; transition: all 0.25s ease; display: inline-block;} .mobile-box .btn-one { background:#E4A025; margin-bottom:20px;} .header-manu-box-style1 .btn-one.sty2 { background:#E4A025} .header-manu-box-style1 .icon { position: relative; display: block; color: #e4a025; font-size: 18px; line-height: 0; margin-right: 10px; } .header-manu-box-style1 ul { position: relative; display: flex; align-items: center; } .header-manu-box-style1 ul li { position: relative; display: block; } .header-manu-box-style1 ul li+li { margin-left: 20px; } .header-manu-box-style1 ul li p { color: var(--thm-body-font-color-2); margin:0; } .header-manu-box-style1 ul li p a { color: #fff; transition: all 200ms linear; transition-delay: 0.1s; } .header-manu-box-style1 ul li p a:hover { color: #e4a025; } .language-switcher-style2 { position: relative; display: flex; align-items: center; margin-left: 0px; } .language-switcher-style2 .icon { position: relative; display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; border: none; border-radius: 0; background-color: transparent; color: #e4a025; font-size: 18px; line-height: 0; margin-right: 10px; } .language-switcher-style2 .text { position: relative; display: block; } .language-switcher-style2 .text p { color: #fff; margin:0; } .language-switcher-style2 .select-box { position: relative; display: block; flex: 1; } .language-switcher-style2 .nice-select { position: relative; display: flex; align-items: center; background-color: transparent; border-radius: 0; border: none; height: 14px; color: #fff; font-size: 14px; line-height: 14px; font-family: var(--thm-font); font-weight: 400; outline: none; padding-left: 0px; padding-right: 0px; transition: all 0.2s ease-in-out; } .language-switcher-style2 .nice-select::after { display: none; } .language-switcher-style2 .nice-select .list { background-color: #fff; border-radius: 10px; box-shadow: 0 0 10px rgb(0 0 0 / 10%); padding: 0px 0 0px; margin-top: 20px; -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: scale(1.0) translateY(30px); -ms-transform: scale(1.0) translateY(30px); transform: scale(1.0) translateY(30px); -webkit-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; height: 0; width: 120px; right: 0 !important; left: auto !important; } .language-switcher-style2 .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); height: auto; } .language-switcher-style2 .nice-select .option { color: #555; padding-left: 20px; padding-right: 20px; font-size: 13px; line-height: 40px; min-height: 40px; transition: background-color 0.5s ease; transition: all 0.5s ease; font-weight:400; } .language-switcher-style2 .nice-select .option+.option { border-top: 1px solid rgba(0, 0, 0, 0.10); } .language-switcher-style2 .nice-select .option:hover { color: #fff !important; background-color: #008c44 } .language-switcher-style2 .nice-select .option.focus, .language-switcher-style2 .nice-select .option.selected.focus { color: #555 !important; background-color: #008c44 } .main-header-style2__content-bottom { position: relative; display: flex; align-items: center; justify-content: space-between; background-color: #fff; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); padding: 0px 50px 0px; } .main-header-style2__content-bottom-left { position: relative; display: flex; align-items: center; } .header-logo-box-style2 { position: relative; display: block; } .header-logo-box-style2 a { position: relative; display: inline-block; } .header-logo-box-style2 a img { width: auto; max-width:180px; } /*====== Start Main Menu Style2 ======*/ .main-header-style2__content-bottom-left .main-menu-box { margin-left: 80px; } .main-menu.main-menu-style2 .main-menu__list>li>a { color: #555; } /*.main-menu.main-menu-style2 .main-menu__list>li.current>a,*/ .main-menu.main-menu-style2 .main-menu__list>li:hover>a { color: #008c44 } .main-menu.main-menu-style2 .main-menu__list>li.dropdown>a:after { color: #a5a99f; } /*.main-menu.main-menu-style2 .main-menu__list>li.current.dropdown>a:after,*/ .main-menu.main-menu-style2 .main-menu__list>li:hover.dropdown>a:after { color: #008c44 } .stricky-header--style2 .main-menu__wrapper { box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1); } .stricky-header--style2 .main-menu__wrapper-inner { max-width: 1400px; margin: 0 auto; padding: 0 15px; } .main-header-style2__content-bottom-right { position: relative; display: flex; align-items: center; } .header-telegram-box-style1 { position: relative; display: flex; align-items: center; } .header-telegram-box-style1 .icon { position: relative; display: block; color: #555; font-size: 20px; line-height: 0; margin-right: 15px; } .header-telegram-box-style1 .text { position: relative; display: block; flex: 1; } .header-telegram-box-style1 .text p { margin: 0; } .header-telegram-box-style1 .text p a { color: var(--thm-body-font-color); transition: all 200ms linear; transition-delay: 0.1s; } .header-telegram-box-style1 .text p a:hover { color: #555; } .header-btn-box-style2 { position: relative; display: block; /* border-left: 1px solid #008c44;*/ margin-left: 30px; padding-left: 30px; } .header-btn-box-style2 .btn-one { color: #fff; line-height: 25px; border-radius: 25px; font-family: var(--thm-font-2); font-weight: 500; padding: 10px 29px 10px; font-size:15px; } .header-btn-box-style2 .btn-one:hover { color: #fff; } .header-btn-box-style2 .btn-one i { position: relative; top: 1px; margin-left: 10px; color: #fff; font-size: 10px; transition: all 200ms linear; transition-delay: 0.1s; } .header-btn-box-style2 .btn-one:hover i { color: #fff; } .box-search-style2 { position: relative; display: block; margin-left: 20px; } .box-search-style2 a { position: relative; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background-color: transparent; border: 1px solid #008c44; color: #fff; font-size: 14px; line-height: 0; transition: all 200ms linear; transition-delay: 0.1s; } .box-search-style2 a:hover { color: #008c44 border-color: #008c44 } /* --------------------------------------- Home 3 header css --------------------------------------- */ .main-header-style3 { position: relative; } .main-header-style3__content { position: relative; display: block; } .main-header-style3__content .container { max-width: 100%; padding: 0; } .main-header-style3__content-inner { position: relative; display: block; } .main-header-style3__content-top { position: relative; display: flex; align-items: center; justify-content: space-between; background-color: #1d6a81; padding: 12px 40px 12px; } .main-header-style3__content-top li { position: relative; display: flex; align-items: center; } .main-header-style3__content-top li .icon { position: relative; display: block; color: #008c44 font-size: 18px; line-height: 0; margin-right: 10px; } .main-header-style3__content-top li .text { position: relative; display: block; flex: 1; } .main-header-style3__content-top li .text p { color: var(--thm-body-font-color-2); } .main-header-style3__content-top li .text p a { position: relative; display: inline-flex; align-items: center; color: #fff; font-weight: 500; transition: all 200ms linear; transition-delay: 0.1s; } .main-header-style3__content-top li .text p a:hover { color: #008c44 } .main-header-style3__content-top li .text p a i { position: relative; top: 2px; font-size: 10px; margin-left: 10px; } .main-header-style3__content-bottom { position: relative; display: flex; align-items: center; justify-content: space-between; transition: background-color 1s ease,color 1s ease; margin: 0px 40px 0px; padding: 0px 20px 0px; } .main-header-style3__content-bottom:hover {background-color: #eef5f3;} .main-header-style3__content-bottom-shape { position: absolute; left: 200px; bottom: 0; opacity: .35; } .main-header-style3__content-bottom-left { position: relative; display: block; } .header-logo-box-style3 { position: relative; display: none; } .header-logo-box-style3 a { position: relative; display: inline-block; } .header-logo-box-style3 a img { transition: filter 0s ease; width: auto; /*filter: brightness(0) saturate(100%) invert(100%) sepia(5%) saturate(7489%) hue-rotate(242deg) brightness(111%) contrast(95%);*/ max-width: 180px; } .main-header-style3__content-bottom:hover .header-logo-box-style3 a img {filter:none} .main-header-style3__content-bottom-middle { /*position: relative;*/ position: static; display: block; } .main-header-style3__content-bottom-right { position: relative; display: flex; align-items: center; } .box-search-style3 { position: relative; display: block; } .box-search-style3 a { position: relative; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 50%; background-color: #1d6a81; border: 1px solid #528899; color: #fff; font-size: 20px; line-height: 0; transition: all 200ms linear; transition-delay: 0.1s; } .box-search-style3 a:hover { color: #555; background-color: #008c44 border-color: #008c44 } .side-content-button-style1 { position: relative; display: flex; align-items: center; margin-left: 30px; } .side-content-button-style1 .title { position: relative; display: block; } .side-content-button-style1 .title h4 { color: #fff; font-size: 18px; line-height: 28px; font-weight: 600; } .side-content-button-style1 .navSidebar-button { position: relative; display: block; padding-left: 10px; color: #008c44 font-size: 27px; line-height: 0; transition: all 200ms linear; transition-delay: 0.1s; } .side-content-button-style1 .navSidebar-button:hover { color: #fff; } /* --------------------------------------- Home 4 header css --------------------------------------- */ .main-header-style4 { position: relative; display: block; } .main-header-style4__content { position: relative; display: block; } .main-header-style4__content .container { max-width: 1750px; } .main-header-style4__content-inner { position: relative; display: flex; align-items: center; justify-content: space-between; } .main-header-style4__content-left { position: relative; display: flex; align-items: center; } .header-logo-box-style4 { position: relative; display: block; } .header-logo-box-style4 a { position: relative; display: inline-block; } .header-logo-box-style4 a img { width: auto; } .main-header-style4__content-manu { position: relative; display: block; padding-left: 80px; flex: 1; } .main-menu.main-menu-style4 .main-menu__list>li>a { color: #555; } .main-menu.main-menu-style4 .main-menu__list>li.current>a, .main-menu.main-menu-style4 .main-menu__list>li:hover>a { color: #008c44 } .main-menu.main-menu-style4 .main-menu__list>li.dropdown>a:after { color: #ada799; } .main-menu.main-menu-style4 .main-menu__list>li.current.dropdown>a:after, .main-menu.main-menu-style4 .main-menu__list>li:hover.dropdown>a:after { color: #008c44 } .main-menu.main-menu-style4 .main-menu__list>li, .stricky-header.stricky-header--style4 .main-menu__list>li { padding-top: 36px; padding-bottom: 36px; } .stricky-header--style4.main-menu { background-color: var(--thm-black-bg); box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.30); z-index: 999999; } .stricky-header--style4 .main-menu__wrapper { max-width: 1200px; margin: 0 auto; padding: 0 15px; background-color: var(--thm-black-bg); } .stricky-header--style4 .main-menu__wrapper-inner { background-color: var(--thm-black-bg); } .main-header-style4__content-right { position: relative; display: flex; align-items: center; } .header-login-register-style4 { position: relative; display: flex; align-items: center; } .header-login-register-style4 .icon { position: relative; display: block; font-size: 34px; line-height: 0; } .header-login-register-style4 .icon .icon-lock .path1:before, .header-login-register-style4 .icon .icon-lock .path2:before, .header-login-register-style4 .icon .icon-lock .path3:before { color: transparent; } .header-login-register-style4 .icon .icon-lock .path4:before { color: #008c44 } .header-login-register-style4 .icon .icon-lock .path5:before, .header-login-register-style4 .icon .icon-lock .path6:before, .header-login-register-style4 .icon .icon-lock .path7:before, .header-login-register-style4 .icon .icon-lock .path8:before { color: #555; } .header-login-register-style4 .title { position: relative; display: block; padding-left: 15px; padding-right: 25px; flex: 1; } .header-login-register-style4 .title::before { font-family: 'icomoon' !important; content: "\e901"; position: absolute; top: 5px; right: 0px; color: #9799a7; font-size: 23px; line-height: 16px; } .header-login-register-style4 .title h3 { position: relative; display: block; font-size: 18px; line-height: 28px; font-weight: 600; cursor: pointer; } .header-login-register-style4 .title p { margin: 0; } .header-login-register-style4 .title p a { color: var(--thm-body-font-color-2); transition: all 200ms linear; transition-delay: 0.1s; } .header-login-register-style4 .title p a:hover { color: #008c44 } .header-login-register-style4 .title ul { position: absolute; top: 0; left: 0; right: 0; opacity: 0; cursor: auto; overflow: hidden; visibility: hidden; white-space: nowrap; background-color: #fff; border-radius: var(--thm-border-radius); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1); padding: 23px 30px 22px; margin-left: -115px; margin-top: 66px; transform: scale(1, 0); transform-origin: 0 0; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; z-index: 1000000000; } .header-login-register-style4 .title:hover ul { opacity: 1; visibility: visible; transform: scale(1); } .header-login-register-style4 .title ul li { position: relative; display: block; padding-left: 35px; border-bottom: 1px solid #008c44; margin-top: 13px; padding-bottom: 12px; } .header-login-register-style4 .title ul li:first-child { margin-top: 0; } .header-login-register-style4 .title ul li:last-child { border-bottom: none; padding-bottom: 0; } .header-login-register-style4 .title ul li .icon1 { position: absolute; top: 7px; left: 0; line-height: 0; } .header-login-register-style4 .title ul li .icon1 img { width: auto; } .header-login-register-style4 .title ul li .text1 { position: relative; display: block; } .header-login-register-style4 .title ul li .text1 h4 { font-size: 18px; line-height: 28px; font-weight: 600; } .header-login-register-style4 .title ul li .text1 h4 a { color: #555; transition: all 200ms linear; transition-delay: 0.1s; } .header-login-register-style4 .title ul li .text1 h4 a:hover { color: #008c44 } .header-login-register-style4 .title ul li .text1 p { color: #636560; } .header-contact-info-style1 { position: relative; display: flex; align-items: center; margin-left: 40px; } .header-contact-info-style1 .icon { position: relative; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 50%; background-color: #008c44 color: #555; font-size: 20px; line-height: 0; } .header-contact-info-style1 .text { position: relative; display: block; padding-left: 15px; flex: 1; } .header-contact-info-style1 .text p { color: #ada799; line-height: 11px; } .header-contact-info-style1 .text p a { position: relative; display: inline-block; color: #555; transition: all 200ms linear; transition-delay: 0.1s; } .header-contact-info-style1 .text p a::before { content: ""; position: absolute; left: 0; bottom: -1px; right: 0; height: 1px; background-color: #ada799; } .header-contact-info-style1 .text p a:hover { color: #ada799; } .header-contact-info-style1 .text a { color: #555; font-size: 18px; line-height: 22px; font-family: var(--thm-font); font-weight: 600; transition: all 200ms linear; transition-delay: 0.1s; } .header-contact-info-style1 .text a:hover { color: #008c44 } /*-------------------------------------- style Css ---------------------------------------*/ .main-menu .main-menu__list > li.has-mega {position: static; font-family: var(--thm-font-2); } .main-menu .main-menu__list > li.has-mega a.active, .main-menu .main-menu__list > li + li a.active {color: #e4a025; font-weight:600;} .main-menu .main-menu__list > li.has-mega > a {padding-right:20px;} .main-menu .main-menu__list > li.has-mega > a::after { position: absolute; top: 1px; right: -5px; font-family: 'icomoon' !important; content: "\e901" !important; color: #fff; font-size: 22px; font-weight: 100; transform: rotate(0deg); transition: all 200ms linear; transition-delay: 0s; transition-delay: 0.1s; z-index: 1; } .main-header-style3__content-bottom:hover .main-menu .main-menu__list > li.has-mega > a::after { color: #555;} /* Mega menu container */ /* ---------- MEGA MENU (desktop base) ---------- */ .mega-menu { position: absolute; left: 0; top: 99%; width: 100%; background: #fff; box-shadow: 0 4px 20px rgba(0,0,0,0.1); z-index: 9; border-top: 1px solid #eee; overflow: hidden; border-radius: 0 0 30px 30px ; visibility: hidden; opacity: 0; transform: scale(1, 0); transform-origin: 0 0; transition: all 0.28s ease; display: flex; } /* show on hover (desktop) */ .main-menu__list > li:hover .mega-menu { opacity: 1; visibility: visible; transform: scale(1); } /* left column */ .mega-menu-list { width: 310px; background: #fff; border-right: 1px solid #eee; list-style: none; margin: 0; padding: 0; } .mega-menu-list li { padding: 18px 18px; cursor: pointer; transition: all 0.18s; border-left: 5px solid transparent; text-transform:none; } .mega-menu-list li a {color: #555} .mega-menu-list li:hover a {color: #008c44} .mega-menu-list li:hover, .mega-menu-list li.active { background: #f9f9f9; border-left-color: #008c44; } .mega-menu-list li.active a{color:#000;} /* right column (default desktop content) */ .mega-container { flex: 1; background: #fff; position: relative; padding: 35px; min-height: 220px; } .mega-container .mega-img {position: relative; display: block; aspect-ratio: 4/3; overflow: hidden;} .mega-container .mega-img img {width: 100%; height: 100%; /* object-fit: cover;*/ object-position: top center;} .mega-content { display: none; animation: fadeIn 0.18s ease; } .mega-content .v-more {margin-top: 3px; color:#008c44; display: block; } .mega-content .v-more i {font-size:15px;} /* active in container (desktop) */ .mega-content.active { display: flex; justify-content: space-between; align-items: flex-start; gap: 40px; } /* content inner */ .mega-content ul { list-style:none; width:60%; margin:0; padding:0; color:#555; } .mega-content ul li ul { list-style:none; width:100%; margin:0 0 0 20px; padding:0; } .mega-content ul li ul li{ border:none; margin-bottom:2px;padding-bottom:2px; } .mega-content ul li { margin-bottom:6px; padding-bottom:6px; border-bottom:1px solid #eee; text-transform:none;} .mega-content ul li p { margin-bottom:10px; font-size:17px; line-height:25px; text-transform:none; } .mega-content ul li.wid-50 { width:50%; float: left;} .mega-content ul li a { color:#555; text-decoration:none; font-size:16px; line-height:26px; transition:0.2s; } .mega-content ul li a:hover { color:#008c44 padding-left:6px; } .mega-img img { max-width:340px; border-radius:6px; /*box-shadow:0 2px 10px rgba(0,0,0,0.1); */} /* animation */ @keyframes fadeIn { from { opacity:0; transform: translateY(5px);} to { opacity:1; transform:translateY(0);} } @keyframes fadeDown { from { opacity:0; transform: translateY(-8px);} to { opacity:1; transform:translateY(0);} } @media (max-width: 991px) { .mega-content ul li.wid-50 { width:100%; float: none;} .mega-content ul li a{font-size: 15px;} .mega-menu-list li, .mega-menu-list li a { list-style: none; color: #fff; font-size: 15px; width: 100%; display: block; } .mega-menu-list li.has-mega > a { display: flex; align-items: center; } .mega-menu-list li.has-mega > a button { margin-left: auto; background: transparent; border: none; padding: 0; } .mega-menu-list li, .mega-menu-list li a i{ color: #fff; } .mega-content ul {width:100%} .mega-container {min-height:auto;} .mega-content ul li.nd { display:none } .mega-menu { background: none; position: relative; left: 0; top: 0; width: 100%; opacity: 1 !important; visibility: visible !important; transform: none !important; box-shadow: none; border: none; display: none; flex-direction: column; border-radius: 0; padding: 0; } .mega-menu-list { width: 100%; border-right: none; background: none;} .mega-menu-list li {border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 10px 18px;} .mega-container { padding: 0px; } .mega-menu-list .mega-content { display: none; background: #fff; padding: 12px 18px; border-top: 1px solid #eee; } .mega-menu-list .mega-content.active { display: block; animation: fadeDown 0.18s ease; padding: 0; } /* hide images on mobile if desired */ .mega-img img { display: none; } } .mega-container .mega-content { display: none; } .mega-container .mega-content.active { display: flex !important; } .mega-menu-list li { list-style: none; } @media only screen and (min-width: 1025px) { .main-header-style3__content-bottom { display: flex; align-items: center; max-width: 1800px; margin: 0 auto; /* background-color: rgba(0,0,0,.2); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); border-radius:10px;*/ } .main-header-style3__content-bottom-left { flex: 0 0 auto; } .main-header-style2__content-bottom-right { flex: 0 0 auto; } .main-header-style3__content-bottom-middle { width: 100%; display: flex; justify-content: center; } .main-menu__wrapper-inner, .main-menu-style1__left, .main-menu-box { display: flex; justify-content: center; width: 100%; } .main-menu__list { display: flex; align-items: center; justify-content: center; margin: 0 auto; } .main-menu__list > li { float: none; } .main-header-style2__content-bottom-right { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .main-menu__list > li.menu-logo { margin: 0 40px !important; padding: 0; } .main-menu__list > li.menu-logo > a { padding: 0; } .main-menu__list > li.menu-logo > a::after { content: none !important; } .main-menu__list > li.menu-logo img {width:150px;} .menu-logo { position: relative; } .menu-logo > a { position: relative; display: inline-block; } .menu-logo .logo-default, .menu-logo .logo-hover { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -65%); max-width: 150px; height: auto; display: block; transition: opacity 0.25s ease; } .menu-logo .logo-default { opacity: 1; } .menu-logo .logo-hover { opacity: 0; } .main-header-style3__content-bottom-middle:hover .menu-logo .logo-default { opacity: 0; } .main-header-style3__content-bottom-middle:hover .menu-logo .logo-hover { opacity: 1; } .main-menu .main-menu__list { display: flex !important; align-items: center; width: 100%; justify-content: flex-start; margin: 0; padding: 0; } .main-menu .main-menu__list > li { float: none !important; } .main-menu .main-menu__list > li.menu-logo { margin-left: auto !important; margin-right: auto !important; padding: 0 !important; } .main-menu .main-menu__list > li.menu-logo > a { padding: 0 40px !important; } .main-menu__wrapper-inner, .main-menu-style1__left, .main-menu-box { display: flex; justify-content: flex-start; width: 100%; } } .top-slider { width: 400px; position: absolute; right: 70px; bottom: 115px; z-index: 12; } .top-slider-content { background-color: rgba(255,255,255,.6); border-radius: 20px; padding: 10px; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); } .top-slider .img-box { width: 100%; overflow: hidden; border-radius: 16px; } .top-slider .img-box img { width: 100%; height: auto; display: block; border-radius: 16px; } .top-slider .title-box { margin-top: 18px; } .top-slider .title-box h3 { font-size: 16px; font-weight: 400; color: #ffffff; margin: 0; line-height: 26px; } .top-slider .title-box h3 a { color: #ffffff; text-decoration: none; } .top-slider .title-box:hover h3 a { color:#008c44 } /* ====== ICON XOAY ====== */ .icon-right-arrow { } li.open > a .icon-right-arrow { transform: rotate(90deg); color:#fff !important; } /* ====== SUBMENU ====== */ .submenu { list-style: none; margin: 0; background: #fafafa; border-top: 1px solid #eee; max-height: 0; opacity: 0; overflow: hidden; transition: all 0.8s ease; } .account-detail-style1__sidebar-single .catagory li.open a::before, .account-detail-style1__sidebar-single .catagory li.open a::after { opacity: 1; transform: translateX(0px); } li.open > .submenu { max-height: 500px; opacity: 1; } .account-detail-style1__sidebar-single .catagory li.open a{color:#fff } .submenu li a { background: none !important; box-shadow: none !important; border-bottom: solid 1px #eee; border-radius:0 !important; } .submenu li a:after, .submenu li a:before {display:none} .account-detail-style1__sidebar-single .catagory li.open .submenu a{color:#555 } .submenu li a:hover { background: #fff !important; color: #008c44 !important; } /* ====== HIỂN THỊ KHI MỞ ====== */ li.open > .submenu { display: block; animation: slideDown 0.8s ease forwards; } /* ====== ANIMATION ====== */ @keyframes slideDown { from { opacity: 0; transform: translateY(-5px); } to { opacity: 1; transform: translateY(0); } } .story {padding:80px 0; background:#044a2b; color: #fff; text-align:justify;} .story .sec-title h2{color:#fff; } .story .sec-title { padding-bottom:20px;} .together{padding:80px 0;} .together .together-style1 .icon { position: relative; display: block; font-size: 80px; line-height: 0; } .together-style1 .single-awards-style1 { border: 0; margin-bottom: 30px;} .together-style1 .single-awards-style1:hover { box-shadow:none; } .together-style1 h3 {font-size: 20px; font-weight: 400; line-height: 30px; color: var(--thm-body-font-color); } .story-tag {margin-bottom:30px;} .blog-details-tag.story-tag ul li a {border: 2px solid #008c44 font-weight: 500; border-radius: 10px; padding: 5px 25px; text-transform: uppercase; } .jobs-table .top-box ul { position: relative; display: flex; align-items: center; margin-top: 15px; } .jobs-table .top-box ul li h6 { color: var(--thm-body-font-color); font-size: 14px; line-height: 24px; font-weight: 400; } .jobs-table .top-box ul li:last-child::before { display: none; } .jobs-table .top-box ul li .icon { position: relative; display: block; color: #a3afa6; font-size: 16px; margin-right: 10px; line-height: 0; } .jobs-table .top-box ul li .icon img {width:25px; margin-top: -5px;} .jobs-table .top-box ul li { position: relative; display: flex; align-items: center; } .jobs-table .top-box ul li+li { margin-left: 35px; } .jobs-table .top-box ul li::before { content: ""; position: absolute; bottom: 50%; transform: translateY(50%); right: -18px; width: 6px; height: 6px; border-radius: 50%; background-color: #888; } .btn-one.btn-jobs { margin-bottom:20px; width:100%; display:flex; justify-content: center; align-items: center; border-radius:10px; } .btn-one.btn-jobs:after {background: #008c44} .btn-one.btn-jobs:before {background: #e4a025;} .btn-one.btn-jobs i {margin-left:10px;} .banner .owl-theme .owl-nav.disabled + .owl-dots{display: flex; position: absolute; bottom: 20px; align-items: center; justify-content: center; width: 100%; } .banner .owl-theme .owl-dots .owl-dot span { width: 16px; height: 16px; margin: 5px 7px; } .banner-footer-style1 {margin-bottom:0px;} .banner-footer-content-2 {background:url(../images/bg-banner-footer.jpg) no-repeat bottom right; background-size:cover;} .banner-footer-style1 .banner-footer-content { display:flex; overflow:hidden; background-position: 50%; flex-direction: row; align-items: stretch; gap: 3rem; align-items: center; } .banner-footer-style1 .banner-footer-content .btn-box .btn-one, .banner-footer-style1 .banner-footer-content .btn-box .btn-one::after, .banner-footer-style1 .banner-footer-content .btn-box .btn-one::before { border-radius: 30px; } .banner-footer-style1 .banner-footer-text{ width: 70%; max-width: 70%; display: flex; flex-direction: column; justify-content: center; } .banner-footer-style1 .banner-footer-content .title-box h2 { color: #fff; font-size: 35px; line-height: 45px; font-weight: 500; margin-bottom: 10px; } .banner-footer-style1 .banner-footer-content .title-box p {color:#fff; margin-bottom:30px;} .banner-footer-style1 .banner-footer-content img {align-self: flex-end; max-width:512px;} .banner-recruit-style1 {margin-bottom:80px; z-index:0;} .banner-recruit-style1 .banner-recruit-content { display:flex; overflow:hidden; background-position: 50%; flex-direction: row; align-items: stretch; gap: 3rem; border-radius: 20px; padding-left: 60px; padding-right: 60px; background:#3fb176; background: linear-gradient(90deg,rgba(7, 109, 64, 1) 0%, rgba(63, 177, 118, 1) 50%); align-items: center; } .banner-recruit-style1 .banner-recruit-text{ width: 70%; max-width: 70%; display: flex; flex-direction: column; justify-content: center; } .banner-recruit-style1 .banner-recruit-content .title-box h2 { color: #eed092; font-size: 35px; line-height: 45px; font-weight: 500; } .banner-recruit-style1 .banner-recruit-content img {align-self: flex-end; max-width:512px;} .banner-recruit-style1 .social li { display: flex; align-items: center; gap: 6px; } .banner-recruit-style1 .social li i {padding-right:6px; font-size: 20px; } .banner-recruit-style1 .social {display: flex; align-items: center; gap: 10px; margin-top: 20px; } .banner-recruit-style1 .social li a{ color: #fff; font-size: 18px; display: flex; align-items: center; } .banner-recruit-style1 .social li + li::before { content: "/"; margin: 0 10px; color: #fff; font-size: 18px; display: inline-flex; align-items: center; } .disabled {display:none !important;} .btn-three i {margin-left:4px; font-size:16px;} .btn-three span {font-size:18px;} .btn-three:hover span, .btn-three:hover i{ color: #008c44} .partner-section {padding:80px 0} .language-switcher-style2 .nice-select .lang-flag { width: 20px; height: 20px; margin-right: 0px; vertical-align: middle; display: inline-block; } .language-switcher-style2 .nice-select .current { font-size: 0; } .language-switcher-style2 .nice-select .current .lang-flag{ width: 30px; height: 30px; } .language-switcher-style2 .nice-select .option.selected.focus {color:#e4a025 !important} .language-switcher-style2 .nice-select .current .lang-flag { font-size: 16px; } .language-switcher-style2 .nice-select .list .option { display: block !important; width: 100% !important; float: none !important; clear: both !important; text-align: left !important; margin: 0 !important; } .language-switcher-style2 .nice-select .list { display: block !important; padding: 0 !important; } .img-slide-1-carousel img {border-radius:30px;} .img-slide-1-carousel {padding: 40px 0 60px 0;} .timeline-section { padding: 80px 0; background: #f9fafb; } .timeline-inner { } .timeline-items { position: relative; } .timeline-item { display: none; } .timeline-item.active { display: block; } .timeline-card { background: #f3f3f3; border-radius: 20px; border:solid 1px #ccc; display: flex; /*gap: 40px;*/ align-items: stretch; } .timeline-text { padding: 40px; flex: 1; display: flex; flex-direction: column; } .timeline-text p {font-size:15px; margin-bottom:0;} .timeline-year { font-size: 18px; font-weight: 600; color: #00863f; margin-bottom: 10px; } .timeline-text h3 { font-size: 24px; font-weight: 700; color: #00863f; margin-bottom: 18px; text-transform: uppercase; } .timeline-media .owl-dots { position:absolute; margin: 0 auto; bottom: 10px; width: 100%; } .timeline-media { flex: 1; display: flex; align-items: center; justify-content: center; height: 355px; overflow: hidden; position:relative; } .timeline-media img { width: 100%; height: 100%; border-radius: 20px; display: block; object-fit: cover; } .timeline-media .owl-carousel, .timeline-media .owl-stage-outer, .timeline-media .owl-stage, .timeline-media .owl-item { height: 100%; } .timeline-years-nav { display: flex; align-items: center; justify-content: flex-start; gap: 100px; margin-top: 35px; padding: 0; list-style: none; } .timeline-years-nav li { position: relative; cursor: pointer; font-size: 15px; color: #999; font-weight: 500; } .timeline-years-nav li.active { color: #00863F; font-weight: 700; } .timeline-years-nav li.active::before { content: ""; position: absolute; left: 50%; bottom: -20px; transform: translateX(-50%); width: 50px; height: 1px; background: #00863F; width: 140px !important } .timeline-years-nav li::after { content: ""; position: absolute; top: 32px; left: 50%; transform: translate(-50%, -50%); width: 5px; height: 5px; background: #bfbfbf; border-radius: 50%; } .timeline-years-nav li:not(:last-child)::before { content: ""; position: absolute; top: 32px; left: 50%; transform: translateY(-50%); width: 160px; border-bottom: 1px dashed rgba(0,0,0,0.25); } .ocbs-menu { background: #f7f9fa; } .ocbs-menu .menu-about-us { text-align: center; } .ocbs-menu .menu-about-us li { display: inline-block; } .ocbs-menu .menu-about-us li a { color: #414d63; font-size: 16px; line-height: 26px; font-weight: 500; padding: 16px 0px; margin: 0px 20px; display: block; transition: all 0s ease-out 0s; text-transform: uppercase; } .ocbs-menu .menu-about-us li.active a { color: #008c44 border-bottom: solid #008c44 2px; font-weight: 600; } .ocbs-menu .menu-about-us li:hover a { color: #008c44 border-bottom: solid #008c44 2px; } .ocbs-menu .dropdown { display: none; margin: 10px 0; } .ocbs-menu .dropdown-content { width: 100%; display: none; position: absolute; background-color: #f1f1f1; overflow: auto; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); z-index: 2; } .ocbs-menu .dropbtn:after { font-family: "Font Awesome 5 Free"; content: "\f107"; font-size: 20px; color: #fff; right: 20px; position: absolute; } .ocbs-menu .dropdown-content a { padding: 10px 20px; text-decoration: none; display: block; width: 100%; font-size: 15px; } .ocbs-menu .dropbtn { cursor: pointer; background: #008c44 color: #fff; padding: 10px 20px; border-radius: 10px; } .ocbs-menu .show { display: block; } .about-style2 .table-striped thead { background: #008c44 color: #fff; vertical-align: top; } .card-ocbs { max-width: 1100px; position: relative; text-align: left; } .card-ocbs .card-content{padding-right:20px; } .card-ocbs .card-title { margin-bottom: 20px; margin-top: 50px; border-left: 3px solid #008c44 padding-left: 20px; padding-right: 20px; } .card-ocbs .card-title h3 { font-weight: 600; font-size: 25px; line-height: 35px; color: #008c44 margin-bottom: 0px; } .card-ocbs .card-title span {font-size:15px;} .card-ocbs .card-title h4 { font-weight: 500; font-size: 16px; line-height: 26px; color:#004725 } .card-ocbs::after { content: ""; width: 369px; height: 330px; background: url("../images/sah.png") no-repeat; bottom: 0px; right: 0px; position: absolute; opacity: 1; } .detail-j tbody, td, tfoot, th, thead, tr{border-width: 1px; padding:10px} .detail-j ul, .detail-j li {list-style: inherit;} .detail-j ul {padding-left: 40px;} section.banner{ height: 100dvh; min-height: 100vh; position: relative; overflow: hidden; } section.banner .owl-carousel, section.banner .owl-stage-outer, section.banner .owl-stage, section.banner .owl-item, section.banner .item{ height: 100%; } section.banner .item img{ width: 100%; height: 100%; object-fit: cover; display: block; } .main-slider-style2.recruit-2 .swiper-container, .main-slider-style2.recruit-2 .swiper-wrapper, .main-slider-style2.recruit-2 .swiper-slide{ height: 100%; } .main-slider-style2.recruit-2 .image-layer{ position: absolute; inset: 0; background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 1; } .list-j1 li a {color: #008c44 font-size: 18px; font-weight: 500; line-height: 36px;} .ul-j ul li {padding-left:30px; position:relative;} .ul-j ul li::before { content: "\f05d"; font-family: "Font Awesome 5 Free"; position: absolute; left: 0; color: #008c44 top: 0px; font-size: 20px; } #tamnhin .ul-j .col-xl-6{ padding-right:40px;} .swiper-container.banner-slider {height:100%} .contact-tabs{ display: grid; grid-template-columns: 1fr 1.2fr; gap: 30px; align-items: start; } .tabs-right iframe{ width: 100%; height: 100%; min-height: 420px; border: 0; } .tabs-left { background: #fff; border-radius: 12px; padding: 20px; } .tab-item { border-radius: 8px; margin-bottom: 12px; border: 1px solid #eee; overflow: hidden; cursor: pointer; } .tab-header { display: flex; justify-content: space-between; align-items: center; padding: 14px 16px; font-weight: 600; color: #008c44 background: #f4f6f4; } .tab-item.active .tab-header { background: #e9f5ef; } .tab-content { display: none; padding: 14px 16px; color: #333; } .tab-item.active .tab-content { display: block; } .arrow { width: 10px; height: 10px; border-right: 2px solid #008c44 border-bottom: 2px solid #008c44 transform: rotate(45deg); transition: .3s; } .tab-item.active .arrow { transform: rotate(-135deg); } .map-item { display: none; width: 100%; height: 100%; } .map-item.active { display: block; } .map-item iframe { width: 100%; height: 100%; min-height: 380px; border: 0; } .tab-item .tab-content i { color: #008c44 padding-right:5px; } @media (max-width: 991px){ .contact-tabs{ grid-template-columns: 1fr; /* về 1 cột */ gap: 16px; } .tabs-left{ order: 1; } .tabs-right{ order: 2; border-radius: 12px; overflow: hidden; } .tabs-right iframe{ min-height: 360px; } } /* ===== Mobile */ @media (max-width: 575px){ .tabs-left{ padding: 12px; } .tab-header{ padding: 12px 12px; font-size: 14px; } .tab-content{ padding: 10px 12px; font-size: 13px; } .tabs-right iframe{ min-height: 320px; } } .invest-section {padding: 80px 0px 80px; background:#eef5f3; } .invest-section .btn-one {border-radius: 30px; font-family: var(--thm-font-2); font-weight: 500; text-transform: none;} .invest-section .btn-one::after { background: linear-gradient(180deg, #26BB6E 0%, #088C44 100%); } .invest-section .btn-one::before { background: #e4a025;; } .invest-tabs{ display: inline-flex; gap: 10px; padding: 8px; border-radius: 40px; background: #f3f4f6; border: 1px solid #e5e7eb; margin-top:10px; } .invest-tab i {padding-right:6px;} .invest-tab{ appearance: none; border: 0; background: transparent; border-radius: 40px; transition: .2s ease; } .invest-tab a{ display:block; padding: 10px 25px; cursor: pointer; } .invest-tab a:hover{color: #008c44} .invest-tab.active a {color:#fff;} .invest-tab:hover{ background: rgba(0,0,0,.04); color: #374151; } .invest-tab.active{ background: linear-gradient(180deg, #26BB6E 0%, #088C44 100%); color: #fff; box-shadow: 0 6px 16px rgba(22,163,74,.22); } .tabinvest-:focus-visible{ outline: 3px solid rgba(22,163,74,.25); outline-offset: 2px; } .invest-ul ul {margin-top:10px;} .invest-ul ul li {position: relative; padding-left: 20px;} .invest-ul ul li::before { content: "•"; position: absolute; left: 0; top: -1px; font-size: 20px; } .why-us .sec-title h2 span {color:#62748E} .why-us { padding:80px 0; } .why-us .feature-card{ background: #f8fafc; border-radius: 14px; padding: 22px 22px 20px; border: 1px solid #eef2f7; margin-bottom:30px; min-height: 240px; } .why-us .feature-icon{ width: 50px; height: 50px; border-radius: 12px; background: linear-gradient(180deg, #26BB6E 0%, #088C44 100%); display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 10px 18px rgba(22, 163, 74, .28); margin-bottom: 25px; } .why-us .feature-icon i{ color: #fff; font-size: 18px; line-height: 1; font-weight: 700; } .why-us .feature-title{ margin: 0 0 10px; font-size: 18px; font-weight: 700; color: #111827; } .why-us .feature-desc{ margin: 0; font-size: 16px; line-height: 1.7; color: #6b7280; } .why-us .sec-title .sub-title h4{color: #008c44 background: #f0fdf4; padding: 2px 20px; border-radius: 20px;} .why-us.detail-ocbs { background:#f8fafc; } .why-us.detail-ocbs .feature-card {background:#fff; height:100%;margin-bottom: 0px;} .why-us.detail-ocbs .feature-desc {padding-left:0; font-size:14px;} .why-us.detail-ocbs .feature-title {color: #008c44} .partner-section.partner-2 {background:#f8fafc;} .partner-section.partner-2 .partner-j {margin-bottom:30px;} .guide-section{ padding: 80px 0; } .partner-section.partner-2 .partner-j{ height: 160px; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 12px; padding: 16px; } .partner-section.partner-2 .partner-j img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; filter: grayscale(0); transition: .3s ease; } .why-us.detail-ocbs .feature-icon {background:#f0fdf4; box-shadow: none;} .why-us.detail-ocbs .feature-icon i {color:#008c44} .guide-content{ background: linear-gradient(135deg, #16a34a, #0f172a); border-radius: 28px; padding: 48px; color: #fff; } .guide-content h2{ font-size: 35px; font-weight: 700; margin-bottom: 12px; color: #fff; } .guide-desc{ font-size: 16px; margin-bottom: 28px; color: #fff; } .guide-list{ list-style: none; padding: 0; margin: 0 0 24px; } .guide-list li{ background: rgba(255,255,255,.12); border-radius: 999px; margin-bottom: 14px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; transition: .2s ease; position: relative; } .guide-list li a i.fa-arrow-right { color:#fff;} .guide-list li:hover{ background: rgba(255,255,255,.2); } .guide-list li a{ display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; padding: 14px 20px; box-sizing: border-box; text-decoration: none; } .guide-list span{ font-size: 16px; font-weight: 500; } .guide-list a span{color:#fff;} .guide-list span i{ background: #fff; padding: 8px; border-radius: 100%; width: 32px; height: 32px; line-height: 16px; text-align: center; margin-right: 8px; } .guide-list span i::before {color:#008c44} .guide-more{ color: #FFBF4B; } .guide-more:hover{ color:#fff; } .guide-image{ height:100% } .guide-image img{ width: 100%; border-radius: 20px; height: 100%; object-fit: cover; } .doc-list{ background:#fff; border-radius:6px; overflow:hidden; } .doc-item{ display:flex; align-items:center; justify-content:space-between; gap:24px; padding:20px 0px; text-decoration:none; background:#fff; border-bottom:1px solid #ededed; } .doc-item:last-child{ border-bottom:none; } .doc-title{ font-size:16px; line-height:1.35; font-weight:500; color:#111; flex:1 1 auto; min-width:0; } .doc-more{ flex:0 0 auto; display:inline-flex; align-items:center; gap:10px; font-size:14px; font-weight:600; color:#008c44; white-space:nowrap; } .doc-more .arrow-j{ font-size:18px; line-height:1; } .doc-item:hover{ background:#fafafa; } .doc-item:hover .doc-more{ color:#128a3d; } .mobile-box .btn-one {padding:10px 20px 10px} .header-manu-box-style1 .btn-one.sty2:after {background:#E4A025; } .header-manu-box-style1 .btn-one.sty2:before {background:#008c44 } @media (max-width: 520px){ .doc-item{ align-items:flex-start; } .doc-more{ margin-left:auto; } } @media (max-width: 767px){ .about-style2 .table-striped thead {font-size:12px;} .guide-list li{padding:14px 25px} .guide-content{ padding: 32px; margin-bottom: 24px; } .guide-content h2{ font-size: 26px; } .invest-tabs { display: inline-block;} .invest-tab {margin-bottom:6px;} .card-ocbs .card-content {padding:20px 20px 100px;} section.banner{ height: 300px; min-height: auto; } .ocbs-menu .dropdown { display: block; } .ocbs-menu .menu-about-us { display: none; } } /* Responsive */ @media (max-width: 992px) { .timeline-card { flex-direction: column; } .main-slider-style2 .content-box.home {position:relative; bottom:0px;} } @media (max-width: 576px) { .timeline-card { } } .single-blog-style4 .img-box{ width: 100%; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 10px; } .single-blog-style4 img { height: auto; } .single-blog-style4 .img-box img{ width: 100%; height: 100%; /* object-fit: cover;*/ object-position: center; display: block; border-radius: inherit; } .huongdan-files { margin-top: 12px; } .huongdan-files h4 {margin: 40px 0 20px; font-weight: 500; color: #008c44 font-size:20px;} .file-item{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 14px; border:1px solid #e6e6e6; border-radius:10px; margin-bottom:10px; background:#fff; } .file-left{ display:flex; align-items:center; gap:10px; min-width:0; } .file-title{ font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:520px; } .file-download{ display: inline-block; padding: 5px 12px; border-radius: 8px; text-decoration: none; background: #008c44 color: #fff; } .file-download:hover{ color:#fff; } @media only screen and (max-width: 767px) { .footer-menu ul li::before {left:-4px} .footer-menu ul li a {padding:0 10px;} .about-style2__right .toggle-btn {margin-bottom:20px} .banner-footer-content-2 .title-box h2 br {display:none} .main-slider-style2 .content-box {padding:0} .partner-section.partner-2 .col-md-3{ width:50%} .col-xl-25 .single-fact-counter-style1:nth-child(2) {margin-bottom:30px;} .fact-counter-style1__progress { } .banner-recruit-style1 .banner-recruit-text { width: 100%; max-width: none; padding-top: 40px; } .banner-recruit-style1 .banner-recruit-content {display:block;} .banner-recruit-style1 .banner-recruit-content .title-box h2 {font-size: 20px; line-height: 32px; text-align: center;} } /*-------------------------------------------------- # icon Css ----------------------------------------------------*/ @font-face { font-family: 'icomoon'; src: url('../fonts/icomoon.eot?8gu4hf'); src: url('../fonts/icomoon.eot?8gu4hf#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?8gu4hf') format('truetype'), url('../fonts/icomoon.woff?8gu4hf') format('woff'), url('../fonts/icomoon.svg?8gu4hf#icomoon') format('svg'); font-weight: normal; font-style: normal; font-display: block; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-hour:before { content: "\e900"; } .icon-down:before { content: "\e901"; } .icon-lock .path1:before { content: "\e902"; } .icon-lock .path2:before { content: "\e903"; margin-left: -1em; } .icon-lock .path3:before { content: "\e904"; margin-left: -1em; } .icon-lock .path4:before { content: "\e905"; margin-left: -1em; } .icon-lock .path5:before { content: "\e906"; margin-left: -1em; } .icon-lock .path6:before { content: "\e907"; margin-left: -1em; } .icon-lock .path7:before { content: "\e908"; margin-left: -1em; } .icon-lock .path8:before { content: "\e909"; margin-left: -1em; } .icon-link:before { content: "\e90a"; } .icon-language:before { content: "\e90b"; } .icon-candle:before { content: "\e90c"; } .icon-right-arrow:before { content: "\e90d"; } .icon-search:before { content: "\e90e"; } .icon-star:before { content: "\e90f"; } .icon-play:before { content: "\e910"; } .icon-arrow-left:before { content: "\e911"; } .icon-arrow-right:before { content: "\e912"; } .icon-success .path1:before { content: "\e913"; } .icon-success .path2:before { content: "\e914"; margin-left: -1em; } .icon-success .path3:before { content: "\e915"; margin-left: -1em; } .icon-arrow-down:before { content: "\e916"; } .icon-checkmark:before { content: "\e917"; } .icon-usa .path1:before { content: "\e918"; color: rgb(240, 240, 240); } .icon-usa .path2:before { content: "\e919"; margin-left: -1em; color: rgb(216, 0, 39); } .icon-usa .path3:before { content: "\e91a"; margin-left: -1em; color: rgb(0, 82, 180); } .icon-japan .path1:before { content: "\e91b"; color: rgb(240, 240, 240); } .icon-japan .path2:before { content: "\e91c"; margin-left: -1em; color: rgb(216, 0, 39); } .icon-canada .path1:before { content: "\e91d"; color: rgb(240, 240, 240); } .icon-canada .path2:before { content: "\e91e"; margin-left: -1em; color: rgb(216, 0, 39); } .icon-canada .path3:before { content: "\e91f"; margin-left: -1em; color: rgb(216, 0, 39); } .icon-canada .path4:before { content: "\e920"; margin-left: -1em; color: rgb(216, 0, 39); } .icon-australia .path1:before { content: "\e921"; color: rgb(0, 82, 180); } .icon-australia .path2:before { content: "\e922"; margin-left: -1em; color: rgb(240, 240, 240); } .icon-australia .path3:before { content: "\e923"; margin-left: -1em; color: rgb(240, 240, 240); } .icon-australia .path4:before { content: "\e924"; margin-left: -1em; color: rgb(240, 240, 240); } .icon-australia .path5:before { content: "\e925"; margin-left: -1em; color: rgb(216, 0, 39); } .icon-australia .path6:before { content: "\e926"; margin-left: -1em; color: rgb(216, 0, 39); } .icon-australia .path7:before { content: "\e927"; margin-left: -1em; color: rgb(240, 240, 240); } .icon-australia .path8:before { content: "\e928"; margin-left: -1em; color: rgb(240, 240, 240); } .icon-australia .path9:before { content: "\e929"; margin-left: -1em; color: rgb(240, 240, 240); } .icon-australia .path10:before { content: "\e92a"; margin-left: -1em; color: rgb(240, 240, 240); } .icon-australia .path11:before { content: "\e92b"; margin-left: -1em; color: rgb(240, 240, 240); } .icon-australia .path12:before { content: "\e92c"; margin-left: -1em; color: rgb(240, 240, 240); } .icon-mobile-data:before { content: "\e92d"; } .icon-maximize:before { content: "\e92e"; } .icon-share:before { content: "\e92f"; } .icon-telegram:before { content: "\e930"; } .icon-whatsapp:before { content: "\e931"; } .icon-target .path1:before { content: "\e932"; color: rgb(76, 175, 80); } .icon-target .path2:before { content: "\e933"; margin-left: -1em; color: rgb(76, 175, 80); } .icon-target .path3:before { content: "\e934"; margin-left: -1em; color: rgb(76, 175, 80); } .icon-target .path4:before { content: "\e935"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-target .path5:before { content: "\e936"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-target .path6:before { content: "\e937"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-target .path7:before { content: "\e938"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-target .path8:before { content: "\e939"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-target .path9:before { content: "\e93a"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-calendar .path1:before { content: "\e93b"; } .icon-calendar .path2:before { content: "\e93c"; margin-left: -1em; } .icon-calendar .path3:before { content: "\e93d"; margin-left: -1em; } .icon-calendar .path4:before { content: "\e93e"; margin-left: -1em; } .icon-calendar .path5:before { content: "\e93f"; margin-left: -1em; } .icon-calendar .path6:before { content: "\e940"; margin-left: -1em; } .icon-calendar .path7:before { content: "\e941"; margin-left: -1em; } .icon-calendar .path8:before { content: "\e942"; margin-left: -1em; } .icon-statistics .path1:before { content: "\e943"; } .icon-statistics .path2:before { content: "\e944"; margin-left: -1em; } .icon-statistics .path3:before { content: "\e945"; margin-left: -1em; } .icon-statistics .path4:before { content: "\e946"; margin-left: -1em; } .icon-discussion .path1:before { content: "\e947"; color: rgb(255, 255, 255); } .icon-discussion .path2:before { content: "\e948"; margin-left: -1em; color: rgb(76, 175, 80); } .icon-discussion .path3:before { content: "\e949"; margin-left: -1em; color: rgb(76, 175, 80); } .icon-discussion .path4:before { content: "\e94a"; margin-left: -1em; color: rgb(76, 175, 80); } .icon-discussion .path5:before { content: "\e94b"; margin-left: -1em; color: rgb(76, 175, 80); } .icon-discussion .path6:before { content: "\e94c"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-discussion .path7:before { content: "\e94d"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-discussion .path8:before { content: "\e94e"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-discussion .path9:before { content: "\e94f"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-discussion .path10:before { content: "\e950"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-discussion .path11:before { content: "\e951"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-discussion .path12:before { content: "\e952"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-certificate .path1:before { content: "\e953"; color: rgb(236, 239, 241); } .icon-certificate .path2:before { content: "\e954"; margin-left: -1em; color: rgb(207, 216, 220); } .icon-certificate .path3:before { content: "\e955"; margin-left: -1em; color: rgb(76, 175, 80); } .icon-certificate .path4:before { content: "\e956"; margin-left: -1em; color: rgb(76, 175, 80); } .icon-certificate .path5:before { content: "\e957"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-certificate .path6:before { content: "\e958"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-certificate .path7:before { content: "\e959"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-certificate .path8:before { content: "\e95a"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-certificate .path9:before { content: "\e95b"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-certificate .path10:before { content: "\e95c"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-certificate .path11:before { content: "\e95d"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-crown .path1:before { content: "\e95e"; } .icon-crown .path2:before { content: "\e95f"; margin-left: -1em; } .icon-crown .path3:before { content: "\e960"; margin-left: -1em; } .icon-crown .path4:before { content: "\e961"; margin-left: -1em; } .icon-crown .path5:before { content: "\e962"; margin-left: -1em; } .icon-crown .path6:before { content: "\e963"; margin-left: -1em; } .icon-crown .path7:before { content: "\e964"; margin-left: -1em; } .icon-crown .path8:before { content: "\e965"; margin-left: -1em; } .icon-crown .path9:before { content: "\e966"; margin-left: -1em; } .icon-crown .path10:before { content: "\e967"; margin-left: -1em; } .icon-star-1 .path1:before { content: "\e968"; } .icon-star-1 .path2:before { content: "\e969"; margin-left: -1em; } .icon-star-1 .path3:before { content: "\e96a"; margin-left: -1em; } .icon-star-1 .path4:before { content: "\e96b"; margin-left: -1em; } .icon-star-1 .path5:before { content: "\e96c"; margin-left: -1em; } .icon-protection .path1:before { content: "\e96d"; } .icon-protection .path2:before { content: "\e96e"; margin-left: -1em; } .icon-protection .path3:before { content: "\e96f"; margin-left: -1em; } .icon-protection .path4:before { content: "\e970"; margin-left: -1em; } .icon-check:before { content: "\e971"; } .icon-google-play .path1:before { content: "\e972"; } .icon-google-play .path2:before { content: "\e973"; margin-left: -1em; } .icon-google-play .path3:before { content: "\e974"; margin-left: -1em; } .icon-google-play .path4:before { content: "\e975"; margin-left: -1em; } .icon-app-store:before { content: "\e976"; } .icon-windows .path1:before { content: "\e977"; color: rgb(244, 67, 54); } .icon-windows .path2:before { content: "\e978"; margin-left: -1em; color: rgb(76, 175, 80); } .icon-windows .path3:before { content: "\e979"; margin-left: -1em; color: rgb(76, 175, 80); } .icon-windows .path4:before { content: "\e97a"; margin-left: -1em; color: rgb(255, 193, 7); } .icon-apple:before { content: "\e97b"; } .icon-favorite .path1:before { content: "\e97c"; } .icon-favorite .path2:before { content: "\e97d"; margin-left: -1em; } .icon-favorite .path3:before { content: "\e97e"; margin-left: -1em; } .icon-favorite .path4:before { content: "\e97f"; margin-left: -1em; } .icon-favorite .path5:before { content: "\e980"; margin-left: -1em; } .icon-favorite .path6:before { content: "\e981"; margin-left: -1em; } .icon-favorite .path7:before { content: "\e982"; margin-left: -1em; } .icon-favorite .path8:before { content: "\e983"; margin-left: -1em; } .icon-protection-1 .path1:before { content: "\e984"; color: rgb(76, 175, 80); } .icon-protection-1 .path2:before { content: "\e985"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-protection-1 .path3:before { content: "\e986"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-protection-1 .path4:before { content: "\e987"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-protection-1 .path5:before { content: "\e988"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-protection-1 .path6:before { content: "\e989"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-protection-1 .path7:before { content: "\e98a"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-dollar .path1:before { content: "\e98b"; } .icon-dollar .path2:before { content: "\e98c"; margin-left: -1em; } .icon-dollar .path3:before { content: "\e98d"; margin-left: -1em; } .icon-dollar .path4:before { content: "\e98e"; margin-left: -1em; } .icon-dollar .path5:before { content: "\e98f"; margin-left: -1em; } .icon-dollar .path6:before { content: "\e990"; margin-left: -1em; } .icon-dollar .path7:before { content: "\e991"; margin-left: -1em; } .icon-dollar .path8:before { content: "\e992"; margin-left: -1em; } .icon-dollar .path9:before { content: "\e993"; margin-left: -1em; } .icon-dollar .path10:before { content: "\e994"; margin-left: -1em; } .icon-chat .path1:before { content: "\e995"; } .icon-chat .path2:before { content: "\e996"; margin-left: -1em; } .icon-chat .path3:before { content: "\e997"; margin-left: -1em; } .icon-chat .path4:before { content: "\e998"; margin-left: -1em; } .icon-chat .path5:before { content: "\e999"; margin-left: -1em; } .icon-chat .path6:before { content: "\e99a"; margin-left: -1em; } .icon-angle-down .path1:before { content: "\e99b"; color: rgb(57, 108, 232); } .icon-angle-down .path2:before { content: "\e99c"; margin-left: -1em; color: rgb(57, 108, 232); opacity: 0.4; } .icon-right-arrow-1:before { content: "\e99d"; } .icon-hashtag:before { content: "\e99e"; } .icon-spain .path1:before { content: "\e99f"; color: rgb(255, 218, 68); } .icon-spain .path2:before { content: "\e9a0"; margin-left: -1em; color: rgb(216, 0, 39); } .icon-france .path1:before { content: "\e9a1"; color: rgb(240, 240, 240); } .icon-france .path2:before { content: "\e9a2"; margin-left: -1em; color: rgb(216, 0, 39); } .icon-france .path3:before { content: "\e9a3"; margin-left: -1em; color: rgb(0, 82, 180); } .icon-greenland .path1:before { content: "\e9a4"; color: rgb(240, 240, 240); } .icon-greenland .path2:before { content: "\e9a5"; margin-left: -1em; color: rgb(216, 0, 39); } .icon-greenland .path3:before { content: "\e9a6"; margin-left: -1em; color: rgb(240, 240, 240); } .icon-greenland .path4:before { content: "\e9a7"; margin-left: -1em; color: rgb(216, 0, 39); } .icon-italy .path1:before { content: "\e9a8"; color: rgb(237, 28, 36); } .icon-italy .path2:before { content: "\e9a9"; margin-left: -1em; color: rgb(0, 146, 69); } .icon-italy .path3:before { content: "\e9aa"; margin-left: -1em; color: rgb(240, 240, 240); } .icon-russia .path1:before { content: "\e9ab"; color: rgb(240, 240, 240); } .icon-russia .path2:before { content: "\e9ac"; margin-left: -1em; color: rgb(0, 82, 180); } .icon-russia .path3:before { content: "\e9ad"; margin-left: -1em; color: rgb(216, 0, 39); } .icon-circle .path1:before { content: "\e9ae"; color: rgb(78, 171, 83); } .icon-circle .path2:before { content: "\e9af"; margin-left: -1em; color: rgb(254, 233, 78); } .icon-circle .path3:before { content: "\e9b0"; margin-left: -1em; color: rgb(43, 152, 240); } .icon-circle .path4:before { content: "\e9b1"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-circle .path5:before { content: "\e9b2"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-circle .path6:before { content: "\e9b3"; margin-left: -1em; color: rgb(0, 155, 58); } .icon-circle .path7:before { content: "\e9b4"; margin-left: -1em; color: rgb(0, 155, 58); } .icon-circle .path8:before { content: "\e9b5"; margin-left: -1em; color: rgb(0, 155, 58); } .icon-circle .path9:before { content: "\e9b6"; margin-left: -1em; color: rgb(0, 155, 58); } .icon-circle .path10:before { content: "\e9b7"; margin-left: -1em; color: rgb(0, 155, 58); } .icon-circle .path11:before { content: "\e9b8"; margin-left: -1em; color: rgb(0, 155, 58); } .icon-circle .path12:before { content: "\e9b9"; margin-left: -1em; color: rgb(0, 155, 58); } .icon-circle .path13:before { content: "\e9ba"; margin-left: -1em; color: rgb(0, 155, 58); } .icon-circle .path14:before { content: "\e9bb"; margin-left: -1em; color: rgb(0, 155, 58); } .icon-circle .path15:before { content: "\e9bc"; margin-left: -1em; color: rgb(0, 155, 58); } .icon-circle .path16:before { content: "\e9bd"; margin-left: -1em; color: rgb(0, 155, 58); } .icon-circle .path17:before { content: "\e9be"; margin-left: -1em; color: rgb(0, 155, 58); } .icon-circle .path18:before { content: "\e9bf"; margin-left: -1em; color: rgb(0, 155, 58); } .icon-circle .path19:before { content: "\e9c0"; margin-left: -1em; color: rgb(0, 155, 58); } .icon-circle .path20:before { content: "\e9c1"; margin-left: -1em; color: rgb(0, 155, 58); } .icon-flag .path1:before { content: "\e9c2"; color: rgb(39, 174, 96); } .icon-flag .path2:before { content: "\e9c3"; margin-left: -1em; color: rgb(34, 34, 34); } .icon-flag .path3:before { content: "\e9c4"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-flag .path4:before { content: "\e9c5"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-flag .path5:before { content: "\e9c6"; margin-left: -1em; color: rgb(231, 76, 60); } .icon-flag .path6:before { content: "\e9c7"; margin-left: -1em; color: rgb(231, 76, 60); } .icon-flag .path7:before { content: "\e9c8"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-flag .path8:before { content: "\e9c9"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-flag .path9:before { content: "\e9ca"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-flag .path10:before { content: "\e9cb"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-flag .path11:before { content: "\e9cc"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-flag .path12:before { content: "\e9cd"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-flag .path13:before { content: "\e9ce"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-flag .path14:before { content: "\e9cf"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-flag .path15:before { content: "\e9d0"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-flag .path16:before { content: "\e9d1"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-flag .path17:before { content: "\e9d2"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-flag-1 .path1:before { content: "\e9d3"; color: rgb(39, 174, 96); } .icon-flag-1 .path2:before { content: "\e9d4"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-flag-1 .path3:before { content: "\e9d5"; margin-left: -1em; color: rgb(243, 156, 18); } .icon-flag-1 .path4:before { content: "\e9d6"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path5:before { content: "\e9d7"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-flag-1 .path6:before { content: "\e9d8"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path7:before { content: "\e9d9"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path8:before { content: "\e9da"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path9:before { content: "\e9db"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path10:before { content: "\e9dc"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path11:before { content: "\e9dd"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path12:before { content: "\e9de"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path13:before { content: "\e9df"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path14:before { content: "\e9e0"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path15:before { content: "\e9e1"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path16:before { content: "\e9e2"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path17:before { content: "\e9e3"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path18:before { content: "\e9e4"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path19:before { content: "\e9e5"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path20:before { content: "\e9e6"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path21:before { content: "\e9e7"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path22:before { content: "\e9e8"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path23:before { content: "\e9e9"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path24:before { content: "\e9ea"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path25:before { content: "\e9eb"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path26:before { content: "\e9ec"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path27:before { content: "\e9ed"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path28:before { content: "\e9ee"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path29:before { content: "\e9ef"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path30:before { content: "\e9f0"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path31:before { content: "\e9f1"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path32:before { content: "\e9f2"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path33:before { content: "\e9f3"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path34:before { content: "\e9f4"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path35:before { content: "\e9f5"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path36:before { content: "\e9f6"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path37:before { content: "\e9f7"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path38:before { content: "\e9f8"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path39:before { content: "\e9f9"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path40:before { content: "\e9fa"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path41:before { content: "\e9fb"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path42:before { content: "\e9fc"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path43:before { content: "\e9fd"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path44:before { content: "\e9fe"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path45:before { content: "\e9ff"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path46:before { content: "\ea00"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path47:before { content: "\ea01"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path48:before { content: "\ea02"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path49:before { content: "\ea03"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path50:before { content: "\ea04"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path51:before { content: "\ea05"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path52:before { content: "\ea06"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path53:before { content: "\ea07"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-flag-1 .path54:before { content: "\ea08"; margin-left: -1em; color: rgb(0, 0, 136); } .icon-download:before { content: "\ea09"; } .icon-facebook:before { content: "\ea0a"; } .icon-linkedin:before { content: "\ea0b"; } .icon-youtube:before { content: "\ea0c"; } .icon-social:before { content: "\ea0d"; } .icon-telegram-1:before { content: "\ea0e"; } .icon-costumer-service:before { content: "\ea0f"; } .icon-right-down:before { content: "\ea10"; } .icon-exchange:before { content: "\ea11"; } .icon-right-up:before { content: "\ea12"; } .icon-analytics .path1:before { content: "\ea13"; } .icon-analytics .path2:before { content: "\ea14"; margin-left: -1em; } .icon-trading .path1:before { content: "\ea15"; } .icon-trading .path2:before { content: "\ea16"; margin-left: -1em; } .icon-trading .path3:before { content: "\ea17"; margin-left: -1em; } .icon-trading .path4:before { content: "\ea18"; margin-left: -1em; color: #008c44; } .icon-trading .path5:before { content: "\ea19"; margin-left: -1em; } .icon-user .path1:before { content: "\ea1a"; } .icon-user .path2:before { content: "\ea1b"; margin-left: -1em; } .icon-user .path3:before { content: "\ea1c"; margin-left: -1em; } .icon-user .path4:before { content: "\ea1d"; margin-left: -1em; } .icon-user .path5:before { content: "\ea1e"; margin-left: -1em; } .icon-user .path6:before { content: "\ea1f"; margin-left: -1em; } .icon-book .path1:before { content: "\ea20"; } .icon-book .path2:before { content: "\ea21"; margin-left: -1em; } .icon-book .path3:before { content: "\ea22"; margin-left: -1em; } .icon-book .path4:before { content: "\ea23"; margin-left: -1em; } .icon-book .path5:before { content: "\ea24"; margin-left: -1em; } .icon-book .path6:before { content: "\ea25"; margin-left: -1em; } .icon-book .path7:before { content: "\ea26"; margin-left: -1em; } .icon-currency-exchange .path1:before { content: "\ea27"; } .icon-currency-exchange .path2:before { content: "\ea28"; margin-left: -1em; } .icon-currency-exchange .path3:before { content: "\ea29"; margin-left: -1em; } .icon-currency-exchange .path4:before { content: "\ea2a"; margin-left: -1em; } .icon-currency-exchange .path5:before { content: "\ea2b"; margin-left: -1em; } .icon-currency-exchange .path6:before { content: "\ea2c"; margin-left: -1em; } .icon-pie-chart .path1:before { content: "\ea2d"; } .icon-pie-chart .path2:before { content: "\ea2e"; margin-left: -1em; } .icon-gold .path1:before { content: "\ea2f"; color: rgb(255, 245, 155); } .icon-gold .path2:before { content: "\ea30"; margin-left: -1em; color: rgb(2, 2, 136); } .icon-gold .path3:before { content: "\ea31"; margin-left: -1em; color: rgb(2, 2, 136); } .icon-gold .path4:before { content: "\ea32"; margin-left: -1em; color: rgb(2, 2, 136); } .icon-gold .path5:before { content: "\ea33"; margin-left: -1em; color: rgb(2, 2, 136); } .icon-gold .path6:before { content: "\ea34"; margin-left: -1em; color: rgb(2, 2, 136); } .icon-gold .path7:before { content: "\ea35"; margin-left: -1em; color: rgb(2, 2, 136); } .icon-gold .path8:before { content: "\ea36"; margin-left: -1em; color: rgb(2, 2, 136); } .icon-star-2 .path1:before { content: "\ea37"; } .icon-star-2 .path2:before { content: "\ea38"; margin-left: -1em; } .icon-star-3 .path1:before { content: "\ea39"; } .icon-star-3 .path2:before { content: "\ea3a"; margin-left: -1em; } .icon-star-3 .path3:before { content: "\ea3b"; margin-left: -1em; } .icon-star-3 .path4:before { content: "\ea3c"; margin-left: -1em; } .icon-star-3 .path5:before { content: "\ea3d"; margin-left: -1em; } .icon-star-3 .path6:before { content: "\ea3e"; margin-left: -1em; } .icon-star-3 .path7:before { content: "\ea3f"; margin-left: -1em; } .icon-star-4 .path1:before { content: "\ea40"; } .icon-star-4 .path2:before { content: "\ea41"; margin-left: -1em; } .icon-star-4 .path3:before { content: "\ea42"; margin-left: -1em; } .icon-star-4 .path4:before { content: "\ea43"; margin-left: -1em; } .icon-star-4 .path5:before { content: "\ea44"; margin-left: -1em; } .icon-star-4 .path6:before { content: "\ea45"; margin-left: -1em; } .icon-star-4 .path7:before { content: "\ea46"; margin-left: -1em; } .icon-angle-double-small-right .path1:before { content: "\ea47"; } .icon-angle-double-small-right .path2:before { content: "\ea48"; margin-left: -1em; opacity: 0.6; } .icon-story:before { content: "\ea49"; } .icon-cross:before { content: "\ea4a"; } .icon-whatsapp-1:before { content: "\ea4b"; } .icon-twitter:before { content: "\ea4c"; } .icon-register:before { content: "\ea4d"; } .icon-profit:before { content: "\ea4e"; } .icon-menu:before { content: "\ea4f"; } .icon-extend:before { content: "\ea50"; } .icon-computer:before { content: "\ea51"; } .icon-entrepreneur:before { content: "\ea52"; } .icon-call:before { content: "\ea53"; } .icon-graph .path1:before { content: "\ea54"; } .icon-graph .path2:before { content: "\ea55"; margin-left: -1em; } .icon-graph .path3:before { content: "\ea56"; margin-left: -1em; } .icon-graph .path4:before { content: "\ea57"; margin-left: -1em; color: #008c44; } .icon-badge .path1:before { content: "\ea58"; } .icon-badge .path2:before { content: "\ea59"; margin-left: -1em; } .icon-badge .path3:before { content: "\ea5a"; margin-left: -1em; } .icon-open-book .path1:before { content: "\ea5b"; } .icon-open-book .path2:before { content: "\ea5c"; margin-left: -1em; } .icon-open-book .path3:before { content: "\ea5d"; margin-left: -1em; } .icon-open-book .path4:before { content: "\ea5e"; margin-left: -1em; } .icon-open-book .path5:before { content: "\ea5f"; margin-left: -1em; } .icon-open-book .path6:before { content: "\ea60"; margin-left: -1em; } .icon-open-book .path7:before { content: "\ea61"; margin-left: -1em; } .icon-bull .path1:before { content: "\ea62"; } .icon-bull .path2:before { content: "\ea63"; margin-left: -1em; } .icon-bull .path3:before { content: "\ea64"; margin-left: -1em; } .icon-bull .path4:before { content: "\ea65"; margin-left: -1em; } .icon-medical-history .path1:before { content: "\ea66"; } .icon-medical-history .path2:before { content: "\ea67"; margin-left: -1em; } .icon-medical-history .path3:before { content: "\ea68"; margin-left: -1em; } .icon-medical-history .path4:before { content: "\ea69"; margin-left: -1em; } .icon-medical-history .path5:before { content: "\ea6a"; margin-left: -1em; } .icon-medical-history .path6:before { content: "\ea6b"; margin-left: -1em; } .icon-medical-history .path7:before { content: "\ea6c"; margin-left: -1em; } .icon-medical-history .path8:before { content: "\ea6d"; margin-left: -1em; } .icon-medical-history .path9:before { content: "\ea6e"; margin-left: -1em; } .icon-medical-history .path10:before { content: "\ea6f"; margin-left: -1em; } .icon-medical-history .path11:before { content: "\ea70"; margin-left: -1em; } .icon-guide .path1:before { content: "\ea71"; } .icon-guide .path2:before { content: "\ea72"; margin-left: -1em; } .icon-guide .path3:before { content: "\ea73"; margin-left: -1em; } .icon-guide .path4:before { content: "\ea74"; margin-left: -1em; } .icon-guide .path5:before { content: "\ea75"; margin-left: -1em; } .icon-guide .path6:before { content: "\ea76"; margin-left: -1em; } .icon-guide .path7:before { content: "\ea77"; margin-left: -1em; } .icon-guide .path8:before { content: "\ea78"; margin-left: -1em; } .icon-guide .path9:before { content: "\ea79"; margin-left: -1em; } .icon-guide .path10:before { content: "\ea7a"; margin-left: -1em; } .icon-read .path1:before { content: "\ea7b"; } .icon-read .path2:before { content: "\ea7c"; margin-left: -1em; } .icon-read .path3:before { content: "\ea7d"; margin-left: -1em; } .icon-read .path4:before { content: "\ea7e"; margin-left: -1em; } .icon-transfer .path1:before { content: "\ea7f"; color: rgb(62, 62, 244); } .icon-transfer .path2:before { content: "\ea80"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-transfer .path3:before { content: "\ea81"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-transfer .path4:before { content: "\ea82"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-transfer .path5:before { content: "\ea83"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-transfer .path6:before { content: "\ea84"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-transfer .path7:before { content: "\ea85"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-transfer .path8:before { content: "\ea86"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-businessman .path1:before { content: "\ea87"; } .icon-businessman .path2:before { content: "\ea88"; margin-left: -1em; } .icon-businessman .path3:before { content: "\ea89"; margin-left: -1em; } .icon-businessman .path4:before { content: "\ea8a"; margin-left: -1em; } .icon-security .path1:before { content: "\ea8b"; } .icon-security .path2:before { content: "\ea8c"; margin-left: -1em; } .icon-security .path3:before { content: "\ea8d"; margin-left: -1em; } .icon-bill .path1:before { content: "\ea8e"; } .icon-bill .path2:before { content: "\ea8f"; margin-left: -1em; } .icon-bill .path3:before { content: "\ea90"; margin-left: -1em; } .icon-bill .path4:before { content: "\ea91"; margin-left: -1em; } .icon-bill .path5:before { content: "\ea92"; margin-left: -1em; } .icon-bill .path6:before { content: "\ea93"; margin-left: -1em; } .icon-high-five .path1:before { content: "\ea94"; } .icon-high-five .path2:before { content: "\ea95"; margin-left: -1em; } .icon-high-five .path3:before { content: "\ea96"; margin-left: -1em; } .icon-trend .path1:before { content: "\ea97"; } .icon-trend .path2:before { content: "\ea98"; margin-left: -1em; } .icon-24-hours .path1:before { content: "\ea99"; } .icon-24-hours .path2:before { content: "\ea9a"; margin-left: -1em; } .icon-24-hours .path3:before { content: "\ea9b"; margin-left: -1em; } .icon-24-hours .path4:before { content: "\ea9c"; margin-left: -1em; } .icon-checkmark-1 .path1:before { content: "\ea9d"; color: #098d50; } .icon-checkmark-1 .path2:before { content: "\ea9e"; margin-left: -1em; color: #e49f15; } .icon-discord:before { content: "\ea9f"; color: #5865f2; } .icon-card .path1:before { content: "\eaa0"; color: rgb(38, 86, 151); } .icon-card .path2:before { content: "\eaa1"; margin-left: -1em; color: rgb(223, 172, 22); } .icon-card .path3:before { content: "\eaa2"; margin-left: -1em; color: rgb(191, 49, 38); } .icon-card .path4:before { content: "\eaa3"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-card .path5:before { content: "\eaa4"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-card .path6:before { content: "\eaa5"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-card .path7:before { content: "\eaa6"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-card .path8:before { content: "\eaa7"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-card .path9:before { content: "\eaa8"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-card .path10:before { content: "\eaa9"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-card .path11:before { content: "\eaaa"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-card .path12:before { content: "\eaab"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-card .path13:before { content: "\eaac"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-card-1 .path1:before { content: "\eaad"; color: rgb(246, 246, 246); } .icon-card-1 .path2:before { content: "\eaae"; margin-left: -1em; color: rgb(38, 86, 151); } .icon-card-1 .path3:before { content: "\eaaf"; margin-left: -1em; color: rgb(217, 123, 22); } .icon-card-1 .path4:before { content: "\eab0"; margin-left: -1em; color: rgb(38, 86, 151); } .icon-card-1 .path5:before { content: "\eab1"; margin-left: -1em; color: rgb(38, 86, 151); } .icon-card-1 .path6:before { content: "\eab2"; margin-left: -1em; color: rgb(38, 86, 151); } .icon-card-1 .path7:before { content: "\eab3"; margin-left: -1em; color: rgb(38, 86, 151); } .icon-card-1 .path8:before { content: "\eab4"; margin-left: -1em; color: rgb(217, 123, 22); } .icon-card-2 .path1:before { content: "\eab5"; color: rgb(48, 111, 197); } .icon-card-2 .path2:before { content: "\eab6"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-card-3 .path1:before { content: "\eab7"; color: rgb(244, 244, 244); } .icon-card-3 .path2:before { content: "\eab8"; margin-left: -1em; color: rgb(65, 134, 205); } .icon-card-3 .path3:before { content: "\eab9"; margin-left: -1em; color: rgb(68, 135, 202); } .icon-card-3 .path4:before { content: "\eaba"; margin-left: -1em; color: rgb(202, 70, 56); } .icon-card-3 .path5:before { content: "\eabb"; margin-left: -1em; color: rgb(35, 31, 32); } .icon-card-3 .path6:before { content: "\eabc"; margin-left: -1em; color: rgb(35, 31, 32); } .icon-card-3 .path7:before { content: "\eabd"; margin-left: -1em; color: rgb(35, 31, 32); } .icon-card-3 .path8:before { content: "\eabe"; margin-left: -1em; color: rgb(35, 31, 32); } .icon-card-3 .path9:before { content: "\eabf"; margin-left: -1em; color: rgb(35, 31, 32); } .icon-card-3 .path10:before { content: "\eac0"; margin-left: -1em; color: rgb(35, 31, 32); } .icon-card-3 .path11:before { content: "\eac1"; margin-left: -1em; color: rgb(35, 31, 32); } .icon-card-3 .path12:before { content: "\eac2"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-card-3 .path13:before { content: "\eac3"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-card-3 .path14:before { content: "\eac4"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-card-3 .path15:before { content: "\eac5"; margin-left: -1em; color: rgb(35, 31, 32); } .icon-card-3 .path16:before { content: "\eac6"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-card-3 .path17:before { content: "\eac7"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-card-3 .path18:before { content: "\eac8"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-card-3 .path19:before { content: "\eac9"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-card-3 .path20:before { content: "\eaca"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-growth-chart .path1:before { content: "\eacb"; } .icon-growth-chart .path2:before { content: "\eacc"; margin-left: -1em; } .icon-growth-chart .path3:before { content: "\eacd"; margin-left: -1em; } .icon-growth-chart .path4:before { content: "\eace"; margin-left: -1em; } .icon-growth-chart .path5:before { content: "\eacf"; margin-left: -1em; } .icon-trading-1 .path1:before { content: "\ead0"; } .icon-trading-1 .path2:before { content: "\ead1"; margin-left: -1em; } .icon-trading-1 .path3:before { content: "\ead2"; margin-left: -1em; } .icon-trading-1 .path4:before { content: "\ead3"; margin-left: -1em; } .icon-circular-label-with-certified-stamp:before { content: "\ead4"; } .icon-right-chevron .path1:before { content: "\ead5"; } .icon-right-chevron .path2:before { content: "\ead6"; margin-left: -1em; } .icon-right-chevron .path3:before { content: "\ead7"; margin-left: -1em; } .icon-desktop-computer .path1:before { content: "\ead8"; } .icon-desktop-computer .path2:before { content: "\ead9"; margin-left: -1em; } .icon-desktop-computer .path3:before { content: "\eada"; margin-left: -1em; } .icon-desktop-computer .path4:before { content: "\eadb"; margin-left: -1em; } .icon-desktop-computer .path5:before { content: "\eadc"; margin-left: -1em; } .icon-desktop-computer .path6:before { content: "\eadd"; margin-left: -1em; } .icon-desktop-computer .path7:before { content: "\eade"; margin-left: -1em; } .icon-desktop-computer .path8:before { content: "\eadf"; margin-left: -1em; } .icon-desktop-computer .path9:before { content: "\eae0"; margin-left: -1em; } .icon-desktop-computer .path10:before { content: "\eae1"; margin-left: -1em; } .icon-desktop-computer .path11:before { content: "\eae2"; margin-left: -1em; } .icon-desktop-computer .path12:before { content: "\eae3"; margin-left: -1em; } .icon-desktop-computer .path13:before { content: "\eae4"; margin-left: -1em; } .icon-desktop-computer .path14:before { content: "\eae5"; margin-left: -1em; } .icon-desktop-computer .path15:before { content: "\eae6"; margin-left: -1em; } .icon-idea .path1:before { content: "\eae7"; } .icon-idea .path2:before { content: "\eae8"; margin-left: -1em; } .icon-idea .path3:before { content: "\eae9"; margin-left: -1em; } .icon-idea .path4:before { content: "\eaea"; margin-left: -1em; } .icon-idea .path5:before { content: "\eaeb"; margin-left: -1em; } .icon-idea .path6:before { content: "\eaec"; margin-left: -1em; } .icon-idea .path7:before { content: "\eaed"; margin-left: -1em; } .icon-idea .path8:before { content: "\eaee"; margin-left: -1em; } .icon-idea .path9:before { content: "\eaef"; margin-left: -1em; } .icon-idea .path10:before { content: "\eaf0"; margin-left: -1em; } .icon-idea .path11:before { content: "\eaf1"; margin-left: -1em; } .icon-idea .path12:before { content: "\eaf2"; margin-left: -1em; } .icon-relations .path1:before { content: "\eaf3"; } .icon-relations .path2:before { content: "\eaf4"; margin-left: -1em; } .icon-relations .path3:before { content: "\eaf5"; margin-left: -1em; } .icon-relations .path4:before { content: "\eaf6"; margin-left: -1em; } .icon-relations .path5:before { content: "\eaf7"; margin-left: -1em; } .icon-relations .path6:before { content: "\eaf8"; margin-left: -1em; } .icon-relations .path7:before { content: "\eaf9"; margin-left: -1em; } .icon-relations .path8:before { content: "\eafa"; margin-left: -1em; } .icon-relations .path9:before { content: "\eafb"; margin-left: -1em; } .icon-relations .path10:before { content: "\eafc"; margin-left: -1em; } .icon-relations .path11:before { content: "\eafd"; margin-left: -1em; } .icon-relations .path12:before { content: "\eafe"; margin-left: -1em; } .icon-relations .path13:before { content: "\eaff"; margin-left: -1em; } .icon-relations .path14:before { content: "\eb00"; margin-left: -1em; } .icon-relations .path15:before { content: "\eb01"; margin-left: -1em; } .icon-relations .path16:before { content: "\eb02"; margin-left: -1em; } .icon-checked .path1:before { content: "\eb03"; color: rgb(236, 239, 241); } .icon-checked .path2:before { content: "\eb04"; margin-left: -1em; color: rgb(76, 175, 80); } .icon-checked .path3:before { content: "\eb05"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-checked .path4:before { content: "\eb06"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-checked .path5:before { content: "\eb07"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-checked .path6:before { content: "\eb08"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-checked .path7:before { content: "\eb09"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-checked .path8:before { content: "\eb0a"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-checked .path9:before { content: "\eb0b"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-phone-vibration .path1:before { content: "\eb0c"; } .icon-phone-vibration .path2:before { content: "\eb0d"; margin-left: -1em; } .icon-phone-vibration .path3:before { content: "\eb0e"; margin-left: -1em; } .icon-phone-vibration .path4:before { content: "\eb0f"; margin-left: -1em; } .icon-phone-vibration .path5:before { content: "\eb10"; margin-left: -1em; } .icon-phone-vibration .path6:before { content: "\eb11"; margin-left: -1em; } .icon-phone-vibration .path7:before { content: "\eb12"; margin-left: -1em; } .icon-phone-vibration .path8:before { content: "\eb13"; margin-left: -1em; } .icon-phone-vibration .path9:before { content: "\eb14"; margin-left: -1em; } .icon-comment:before { content: "\eb15"; } .icon-checkmark-2 .path1:before { content: "\eb16"; } .icon-checkmark-2 .path2:before { content: "\eb17"; margin-left: -1em; } .icon-checkmark-2 .path3:before { content: "\eb18"; margin-left: -1em; } .icon-right-arrow-2 .path1:before { content: "\eb19"; } .icon-right-arrow-2 .path2:before { content: "\eb1a"; margin-left: -1em; } .icon-line-chart .path1:before { content: "\eb1b"; color:#fff; } .icon-line-chart .path2:before { content: "\eb1c"; margin-left: -1em; color: #008c44; } .icon-line-chart .path3:before { content: "\eb1d"; margin-left: -1em; } .icon-line-chart .path4:before { content: "\eb1e"; margin-left: -1em; } .icon-line-chart .path5:before { content: "\eb1f"; margin-left: -1em; } .icon-line-chart .path6:before { content: "\eb20"; margin-left: -1em; } .icon-line-chart .path7:before { content: "\eb21"; margin-left: -1em; } .icon-line-chart .path8:before { content: "\eb22"; margin-left: -1em; } .icon-line-chart .path9:before { content: "\eb23"; margin-left: -1em; } .icon-graph-1 .path1:before { content: "\eb24"; color: rgb(236, 239, 241); } .icon-graph-1 .path2:before { content: "\eb25"; margin-left: -1em; color: rgb(76, 175, 80); } .icon-graph-1 .path3:before { content: "\eb26"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-graph-1 .path4:before { content: "\eb27"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-deposit .path1:before { content: "\eb28"; } .icon-deposit .path2:before { content: "\eb29"; margin-left: -1em; } .icon-deposit .path3:before { content: "\eb2a"; margin-left: -1em; } .icon-deposit .path4:before { content: "\eb2b"; margin-left: -1em; } .icon-deposit .path5:before { content: "\eb2c"; margin-left: -1em; } .icon-deposit .path6:before { content: "\eb2d"; margin-left: -1em; } .icon-deposit .path7:before { content: "\eb2e"; margin-left: -1em; } .icon-deposit .path8:before { content: "\eb2f"; margin-left: -1em; } .icon-deposit .path9:before { content: "\eb30"; margin-left: -1em; } .icon-deposit .path10:before { content: "\eb31"; margin-left: -1em; } .icon-employee .path1:before { content: "\eb32"; } .icon-employee .path2:before { content: "\eb33"; margin-left: -1em; } .icon-employee .path3:before { content: "\eb34"; margin-left: -1em; } .icon-employee .path4:before { content: "\eb35"; margin-left: -1em; } .icon-employee .path5:before { content: "\eb36"; margin-left: -1em; } .icon-protection-2 .path1:before { content: "\eb37"; } .icon-protection-2 .path2:before { content: "\eb38"; margin-left: -1em; } .icon-protection-2 .path3:before { content: "\eb39"; margin-left: -1em; } .icon-protection-2 .path4:before { content: "\eb3a"; margin-left: -1em; } .icon-dollar-sign .path1:before { content: "\eb3b"; } .icon-dollar-sign .path2:before { content: "\eb3c"; margin-left: -1em; } .icon-dollar-sign .path3:before { content: "\eb3d"; margin-left: -1em; } .icon-dollar-sign .path4:before { content: "\eb3e"; margin-left: -1em; } .icon-read-1:before { content: "\eb3f"; } .icon-filter:before { content: "\eb40"; } .icon-growth:before { content: "\eb41"; } .icon-heart:before { content: "\eb42"; } .icon-share-1:before { content: "\eb43"; } .icon-video-camera:before { content: "\eb44"; } .icon-volume-up:before { content: "\eb45"; } .icon-check-1 .path1:before { content: "\eb46"; } .icon-check-1 .path2:before { content: "\eb47"; margin-left: -1em; } .icon-language-1:before { content: "\eb48"; } .icon-clock:before { content: "\eb49"; } .icon-quality:before { content: "\eb4a"; } .icon-add-user:before { content: "\eb4b"; } .icon-right-arrow-3 .path1:before { content: "\eb4c"; } .icon-right-arrow-3 .path2:before { content: "\eb4d"; margin-left: -1em; } .icon-message .path1:before { content: "\eb4e"; } .icon-message .path2:before { content: "\eb4f"; margin-left: -1em; } .icon-message .path3:before { content: "\eb50"; margin-left: -1em; } .icon-message .path4:before { content: "\eb51"; margin-left: -1em; } .icon-message .path5:before { content: "\eb52"; margin-left: -1em; } .icon-message .path6:before { content: "\eb53"; margin-left: -1em; } .icon-trophy .path1:before { content: "\eb54"; } .icon-trophy .path2:before { content: "\eb55"; margin-left: -1em; } .icon-trophy .path3:before { content: "\eb56"; margin-left: -1em; } .icon-trophy .path4:before { content: "\eb57"; margin-left: -1em; } .icon-trophy .path5:before { content: "\eb58"; margin-left: -1em; } .icon-trophy .path6:before { content: "\eb59"; margin-left: -1em; } .icon-trophy .path7:before { content: "\eb5a"; margin-left: -1em; } .icon-enter .path1:before { content: "\eb5b"; } .icon-enter .path2:before { content: "\eb5c"; margin-left: -1em; } .icon-enter .path3:before { content: "\eb5d"; margin-left: -1em; } .icon-enter .path4:before { content: "\eb5e"; margin-left: -1em; } .icon-error .path1:before { content: "\eb5f"; color: rgb(46, 55, 96); } .icon-error .path2:before { content: "\eb60"; margin-left: -1em; color: rgb(46, 55, 96); } .icon-error .path3:before { content: "\eb61"; margin-left: -1em; color: rgb(46, 55, 96); } .icon-error .path4:before { content: "\eb62"; margin-left: -1em; color: rgb(255, 105, 90); } .icon-telephone .path1:before { content: "\eb63"; color: rgb(0, 0, 0); } .icon-telephone .path2:before { content: "\eb64"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-telephone .path3:before { content: "\eb65"; margin-left: -1em; color: rgb(76, 175, 80); } .icon-telephone .path4:before { content: "\eb66"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-telephone .path5:before { content: "\eb67"; margin-left: -1em; color: rgb(76, 175, 80); } .icon-telephone .path6:before { content: "\eb68"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-telephone .path7:before { content: "\eb69"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-chat-1 .path1:before { content: "\eb6a"; } .icon-chat-1 .path2:before { content: "\eb6b"; margin-left: -1em; } .icon-chat-1 .path3:before { content: "\eb6c"; margin-left: -1em; } .icon-chat-1 .path4:before { content: "\eb6d"; margin-left: -1em; } .icon-map .path1:before { content: "\eb6e"; } .icon-map .path2:before { content: "\eb6f"; margin-left: -1em; } .icon-map .path3:before { content: "\eb70"; margin-left: -1em; } .icon-map .path4:before { content: "\eb71"; margin-left: -1em; } .icon-map .path5:before { content: "\eb72"; margin-left: -1em; } .icon-map .path6:before { content: "\eb73"; margin-left: -1em; } .icon-alarm-clock .path1:before { content: "\eb74"; color: rgb(96, 125, 139); } .icon-alarm-clock .path2:before { content: "\eb75"; margin-left: -1em; color: rgb(96, 125, 139); } .icon-alarm-clock .path3:before { content: "\eb76"; margin-left: -1em; color: rgb(245, 245, 245); } .icon-alarm-clock .path4:before { content: "\eb77"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-alarm-clock .path5:before { content: "\eb78"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-alarm-clock .path6:before { content: "\eb79"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-alarm-clock .path7:before { content: "\eb7a"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-alarm-clock .path8:before { content: "\eb7b"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-alarm-clock .path9:before { content: "\eb7c"; margin-left: -1em; color: rgb(0, 0, 0); } /*-------------------------------------------------------------- # Res --------------------------------------------------------------*/ @media only screen and (min-width: 1200px) and (max-width: 1795px) { /*======== Home One =========*/ .price-list-style1--outer { margin-left: -175px; margin-right: -175px; } } @media only screen and (min-width: 1650px) and (max-width: 1840px) { /*======== Home Two =========*/ .pricing-list-style1__inner ul li { padding: 17.5px 10px 16px; } } @media only screen and (min-width: 1200px) and (max-width: 1650px) { /*======== Home Two =========*/ .pricing-list-style1__inner ul { flex-direction: row; flex-wrap: wrap; } .pricing-list-style1__inner ul li { width: 25%; } .pricing-list-style1__inner ul li:last-child { border-bottom: none; display:none } .main-header-style2__content-bottom-left .main-menu-box {margin-left:50px;} .main-header-style2__content-bottom-right { } .main-header-style3__content-bottom } .main-menu .main-menu__list > li > a { font-size: 16px; } .banner-style1__content-inner {max-width: 450px;} } @media only screen and (min-width: 1415px) and (max-width: 1560px) { /*======== Home One =========*/ .price-list-style1--outer { margin-left: -100px; margin-right: -100px; } .price-list-style1 .row { --bs-gutter-x: 15px; } .single-price-list-style1 .left-box .top-box { padding: 0px 15px 0px; } .single-price-list-style1__bottom { padding: 12px 15px 13px; } } @media only screen and (min-width: 1200px) and (max-width: 1414px) { /*======== Home One =========*/ .price-list-style1--outer { margin-left: -20px; margin-right: -20px; } .price-list-style1 .row { --bs-gutter-x: 10px; } .single-price-list-style1 .left-box .top-box { padding: 0px 10px 0px; } .single-price-list-style1__bottom { padding: 12px 10px 13px; } .single-price-list-style1 .right-box { padding: 30px 10px 30px; } .single-price-list-style1__icon { position: absolute; top: 25px; right: 10px; } .single-price-list-style1 .left-box .top-box .inner { display: block; } .single-price-list-style1 .left-box .top-box .inner .flag { margin-top: 10px; } } @media only screen and (min-width: 1200px) and (max-width: 1350px) { /*======== Home Three =========*/ .awards-fact-box__left { padding: 38.97px 30px 38.74px; } .awards-fact-box__left .title-box h3 { font-size: 20px; line-height: 30px; } .awards-fact-box__left .title-box h3 br { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { /*======== Home One =========*/ .price-list-style1--outer { margin-left: -15px; margin-right: -15px; } .single-price-list-style1 .left-box .top-box { padding: 0px 20px 0px; } .single-price-list-style1 .right-box { padding: 30px 25px 30px; } .single-price-list-style1__icon { top: 25px; right: 25px; } .price-list-style1 .row { justify-content: center; } .footer-widget-links-style3 ul { max-width: 300px; } .single-awards-style1 .title h3 { font-size: 20px; line-height: 30px; } } /* Medium screen */ @media only screen and (min-width: 992px) and (max-width: 1199px) { .footer-main-top { padding: 120px 0px 70px; } .single-footer-widget { margin-bottom: 50px; } /*======== Home One =========*/ .single-instruments-style1__content { padding-right: 0; } .single-instruments-style1__img { margin-right: 0px; } .about-style1__img { margin-right: 0; padding-bottom: 360px; } .about-style1__img .img-box { margin-right: 0; } .about-style1-round-text { position: absolute; left: -42px; bottom: 270px; } .fact-counter-style1__progress { padding: 50px 30px 33px; } .platforms-style1 .sec-title { padding-left: 500px; z-index: 5; } .platforms-style1__img { left: -50px; } .platforms-style1__content { padding-left: 500px; } .platforms-style1-downlode { margin-left: -500px; } .platforms-style1-downlode .row { justify-content: center; } .single-choose-style1.style { margin-top: 105px; } .single-choose-style1.style3 { margin-top: 100px; } .single-choose-style1 .arrow-box.two { right: 100px; } .choose-style1-scrolling-text ul.list li.item { top: 15px; } .how-it-work-style1__top { display: block; text-align: center; } .how-it-work-style1__top .text { top: 0; margin: 10px auto 0px; } .blog-style1__tab .row { justify-content: center; } .global-reach-style1__map .single-box.canada { top: 80px; left: 100px; } .global-reach-style1__map .single-box.usa { top: 170px; left: 120px; } .global-reach-style1__map .single-box.italy { top: 290px; right: 150px; } .global-reach-style1__map .single-box.brazil { left: 170px; bottom: 180px; } /*======== Home Two =========*/ .service-style1 .row { justify-content: center; } .service-style1__content { margin-right: 0px; } .market-style1 .row { justify-content: center; } .trade-calculator-box { padding: 33px 20px 40px; margin-right: 75px; } .trade-calculator-style1__big-title { right: -85px; } .account-style2__top { display: block; text-align: center; } .account-style2__top .text { max-width: 420px; top: 0px; margin: 0 auto; padding-top: 12px; } .account-style2 .row { justify-content: center; } .trader-broker-style1__content { max-width: 400px; margin: 0 auto 0; } .trader-broker-style1__img { max-width: 400px; margin: 50px auto 50px; } .single-blog-style3 { padding-left: 0; } .single-blog-style3 .img-box { position: relative; margin: 0px 0px 30px; } .partner-style1__top { display: block; } .partner-style1__top .btn-box { margin-top: 17px; top: 0px; } .partner-style1__brand ul li.counting-box { height: 115px; } .testimonial-style2 .row { justify-content: center; } /*======== Home Three =========*/ .awards-fact-box__inner { flex-direction: column; margin-top: -155px; } .awards-fact-box__left { max-width: 100%; padding: 30.41px 50px 30.6px; } .awards-fact-box__left .title-box { max-width: 410px; } .awards-fact-box__left .title-box h3 br { display: none; } .awards-fact-box__right { max-width: 100%; padding: 30.41px 50px 30.6px; } .awards-fact-box__right .count-box p br { display: none; } .award-box ul { padding-left: 51px; margin-left: 50px; } .welcome-style1 .row { justify-content: center; } .about-style2__left { margin-right: 0; } .single-instrument-style2 { padding: 17.5px 15px 16px; } .account-style3__tab-btn { max-width: 570px; margin: 0 auto; } .account-style3__left { max-width: 570px; margin: 0 auto; margin-top: 50px; } .account-style3__right { max-width: 570px; margin: 0 auto; margin-top: 30px; } .account-style3__shape1 { display: none; } .video-style1__img { text-align: center; } .video-style1__content { max-width: 570px; margin: 50px auto 0px; } .video-style1__shape1 { top: auto; bottom: 0; } .choose-style2 .row li:nth-child(2), .choose-style2 .row li:nth-child(4) { border-right: none; } .choose-style2 .row li:nth-child(3) { border-right: 1px solid #e2eaea; padding-top: 50px; } .choose-style2 .row li:nth-child(4) { border-bottom: 1px solid #e2eaea; } .ebook-style1__img { margin-right: 0px; } /*======== Home Four =========*/ .single-fact-counter-style1 .count-box p br { display: none; } .service-style2__top { display: block; text-align: center; } .service-style2__top .text { max-width: 100%; top: 0px; padding-top: 20px; } .service-style2 .row { justify-content: center; } .blog-style4 .row { justify-content: center; } /*======== Markets Details Css =========*/ .trade-forex-style1__content { padding-right: 0; max-width: 570px; margin: 0px auto 0px; } .trade-forex-style1__img { max-width: 570px; margin: 59px auto 0px; } /*======== Our Account Css =========*/ .account-style1__top { display: block; } .account-style1__top .right-box { top: 0px; margin-top: 18px; } /*======== Account Detalis Css =========*/ .account-detail-style1__sidebar { margin-right: 0px; } .account-detail-style1__sidebar-info .live-chat-box { margin: 22px 25px 0px; } .account-detail-style1__content .offers-box-img { margin-right: 0px; } .account-detail-style1__content .offers-box-text { margin-top: 40px; } /*======== Platform Css =========*/ .mobile-app-style1__img { padding-right: 34px; } .mobile-app-style1__big-title { right: -6px; } .mobile-app-style1__big-title ul li { font-size: 50px; } /*======== Courses Css =========*/ .ebook-style1--style2 .ebook-style1__img { overflow: hidden; } .ebook-style1__big-title { display: none } .ebook-style1__content .sec-title .text { padding-top: 16px; } .ebook-style1__content .sec-title.withtext { padding-bottom: 20px; } .ebook-style1__content .bottom-box { padding-top: 15px; } /*======== Courses details Css =========*/ .course-details-style1__left .info-box .title h3 { font-size: 24px; line-height: 34px; } .course-details-style1__tab-btn ul li h3 { font-size: 14px; line-height: 24px; } .course-details-style1__right { margin-left: 0px; } /*======== About Css =========*/ .single-statement-style1 { padding: 80px 30px 80px; } .team-style1 .row { justify-content: center; } .single-team-style1 .top-box { padding: 0px 20px 0px; padding-right: 20px; } .single-team-style1 .top-box .text-box { max-width: 100%; padding-left: 30px; } .history-style1__inner { margin: 0px 0px 0px; } .single-history-style1 .year-box h3 { padding-left: 10px; } .single-history-style1.instyle2 .year-box h3 { padding-right: 10px; } /*======== Blog1 Css =========*/ .blog-page-one .row { justify-content: center; } /*======== Blog3 Css =========*/ .blog-page__sidebar { margin-left: 0px; max-width: 570px; margin: 50px auto 0px; } /*======== Blog Single Css =========*/ .blog-details-top .content-box .title-box h3 { font-size: 34px; } /*======== Testimonial Css =========*/ .testimonial-style1--style2 .container { max-width: 615px; margin: 0px auto; } /*======== Faq Css =========*/ .faq-style2__tab .tabs-content-box { margin-left: 30px; } .faq-style2__tab .tabs-content-box::before { left: -30px; } /*======== Contact Css =========*/ .quick-contact-style1 .row { justify-content: center; } /*======== Footer 02 Css =========*/ .single-footer-widget-style2 { padding-left: 0px; } .footer-style2__border-box { display: none; } .single-footer-widget-contact-style2 { border-right: none; padding-right:0; } .single-footer-widget-social { padding-left: 15px; } .single-footer-widget-style2.pl36 { padding-left: 30px; } .single-footer-widget-style2 .title {top:0} .single-footer-widget-style2.pl29 { padding-left: 0px; } .footer-main-style2 .single-widget { } .footer-main-style2 { padding: 80px 0px 50px; } .single-footer-widget-contact-style2 .nice-select .list { width: 200px; } /*======== Footer 03 Css =========*/ .footer-main-style3 { padding: 0px 0px 0px; } .footer-main-style3 .row { align-items: center; justify-content: center; } .single-footer-widget-style3.mr-minus20 { margin-right: -15px; margin-bottom: 50px; } .single-footer-widget-style3 { padding: 100px 0px 60px; } .single-footer-widget-style3__bg { top: 0px; bottom: 0px; } /*======== Home 01 Css =========*/ .blog-style1 { padding: 120px 0px 120px; } /*======== Footer 04 Css =========*/ .footer-main-style4 { margin: 0px 50px 0px; } .footer-main-style4__middle .title h2 { font-size: 70px; } .footer-main-style4__shape1, .footer-main-style4__shape2 { display: none; } /*======== Home Two =========*/ .pricing-list-style1__inner ul { flex-direction: column; } .pricing-list-style1__inner ul li { width: 50%; border-right: none; border-bottom: 1px solid var(--thm-border-color); } .pricing-list-style1__inner ul li:last-child { border-bottom: none; } /*======== Home 03 Css =========*/ .trading-tools-style1__bgimg { width: calc((100% - 250px) / 2); } .service-style1__banner { padding-top: 0px; padding-right: 30px; } .footer-bottom-style2__cretified { padding-left: 0px; } .footer-bottom-style2__rating { padding-left: 0px; } .breadcrumb-style1__inner { position: relative; display: block; } } /* Tablet Layout: 768px. */ @media only screen and (min-width: 768px) and (max-width: 991px) { .banner-footer-style1 .banner-footer-content .title-box h2 br{display:none} /*======== Default Css =========*/ .sec-title p br { /* display: none;*/ } .coming-soon-page-style1 { height: auto !important; padding: 110px 0 120px; } .coming-soon-page-style1__content .big-title { font-size: 50px; line-height: 60px; } .timer-box .countdown-timer li { float: none; } .timer-box .countdown-timer li+li { margin-top: 20px; } .coming-soon-page-style1__content { top: 0%; transform: translateY(0%); } .subscribe-box-style1 { max-width: 370px; } .subscribe-box-style1 form input[type="email"] { padding-left: 30px; padding-right: 30px; } .subscribe-box-style1 form button { position: relative; top: 0px; left: 0; right: 0px; bottom: 0px; width: 100%; margin-top: 20px; } .footer-main-top { padding: 120px 0px 70px; } .single-footer-widget { margin-bottom: 50px; } .footer-main-bottom__inner { align-items: center; justify-content: center; flex-direction: column; } .footer-main-bottom__inner .middle-box { margin: 30px 0 30px; } .footer-bottom .bottom-inner { align-items: center; justify-content: space-between; flex-direction: column; padding: 21px 0px 21px; } .footer-menu { margin-top: 5px; } /*======== Home One =========*/ .instruments-style1__tab-btn ul { flex-direction: column; } .instruments-style1__tab-btn ul li+li { margin-top: 10px; margin-left: 0; } .single-instruments-style1__img { margin-right: 0px; } .single-instruments-style1__content { padding-right: 0px; margin-top: 53px; } .price-list-style1--outer { margin-left: 47px; margin-right: 47px; } .about-style1__img { margin-right: 0; max-width: 535px; margin: 0 auto; } .about-style1__img .img-box { margin-right: 70px; } .about-style1__content { max-width: 570px; margin: 70px auto 0px; } .platforms-style1 .sec-title { padding-left: 0px; padding-bottom: 49px; } .platforms-style1__img { position: relative; top: 0px; } .platforms-style1__img .inner { padding: 0px 0px 0px; } .platforms-style1__content { padding-left: 0px; padding-top: 60px; } .single-platforms-style1-tab { max-width: 580px; } .platforms-style1-downlode { margin-left: 0; } .platforms-style1-downlode .row { justify-content: center; } .platforms-style1-downlode-single { padding: 31px 40px 40px; } .single-choose-style1 .shape1, .single-choose-style1 .shape2, .single-choose-style1 .shape3, .single-choose-style1 .shape4 { display: none; } .single-choose-style1 { max-width: 370px; margin: 0 auto; } .choose-style1__img { margin: 60px 0px 60px; } .single-choose-style1 .arrow-box.two { right: 258px; } .single-choose-style1.style { margin-top: 30px; } .choose-style1 .big-title { display: none; } .how-it-work-style1__top { display: block; text-align: center; } .how-it-work-style1__top .text { top: 0; margin: 10px auto 0px; } .global-reach-style1__map .single-box.canada { top: 30px; left: 60px; } .global-reach-style1__map .single-box.usa { top: 110px; left: 20px; } .global-reach-style1__map .single-box.italy { top: 200px; right: 50px; } .global-reach-style1__map .single-box.brazil { left: 60px; bottom: 150px; } .global-reach-style1__map .single-box.greenland { top: 70px; left: 510px; } /*======== Home Two =========*/ .service-style1 .row { justify-content: center; } .service-style1__content { margin-right: 0px; } .market-style1 .row { justify-content: center; } .single-market-style1 .img-box { left: 20px; } .single-market-style1 .content-box { padding: 173px 20px 40px; } .single-market-style1 .content-box .count-box { right: 10px; } .trade-calculator-content { max-width: 640px; padding-top: 70px; margin: 0 auto; } .account-style2__top { display: block; text-align: center; } .account-style2__top .text { max-width: 420px; top: 0px; margin: 0 auto; padding-top: 12px; } .account-style2 .row { justify-content: center; } .single-account-style2 .value-box { padding: 0px 20px 22px; } .single-account-style2 .price-box { padding: 10px 15px 10px; } .single-account-style2 .list-box li { padding: 14px 15px 14px; } .single-account-style2 .btn-box { padding: 18px 15px 0px; } .single-account-style2 .btn-box a.btn-one { padding-left: 10px; padding-right: 10px; } .trader-broker-style1__content { max-width: 400px; margin: 0 auto 0; } .trader-broker-style1__img { max-width: 400px; margin: 50px auto 50px; } .single-blog-style3 { padding-left: 0; } .single-blog-style3 .img-box { position: relative; margin: 0px 0px 30px; } .single-blog-style3 .content-box .top-box { display: block; } .single-blog-style3 .content-box .top-box .category { display: inline-flex; } .single-blog-style3 .content-box .top-box .date { margin-left: 0px; padding-left: 0px; margin-top: 7px; } .single-blog-style3 .content-box .top-box .date::before { display: none; } .single-blog-style3 .content-box .top-box .date::after { display: none; } .single-blog-style3 .content-box .title-box h3 { font-size: 20px; line-height: 30px; } .partner-style1__top { display: block; } .partner-style1__top .btn-box { margin-top: 17px; top: 0px; } .partner-style1__img { max-width: 100%; margin: 0px auto 0px; } .partner-style1__brand { margin-left: 0px; max-width: 575px; margin: 50px auto 0px; } .testimonial-style2 .row { justify-content: center; } .contact-style1__big-title { display: none; } .contact-style1__form { margin-top: 50px; } .main-slider-style2 .content-box.home { text-align: center; padding: 300px 0 0 0; max-width: 550px; margin: 0 auto; } .col-xl-25 .single-fact-counter-style1:nth-child(2) {margin-bottom:30px;} .fact-counter-style1__progress { } /*======== Home Three =========*/ .awards-fact-box__inner { flex-direction: column; margin-top: -155px; } .awards-fact-box__left { max-width: 100%; padding: 30.41px 20px 30.6px; } .awards-fact-box__left .title-box { max-width: 410px; } .awards-fact-box__left .title-box h3 br { display: none; } .awards-fact-box__right { max-width: 100%; padding: 30.41px 20px 30.6px; } .awards-fact-box__right .count-box p br { display: none; } .award-box ul { padding-left: 51px; margin-left: 10px; } .welcome-style1 .row { justify-content: center; } .single-welcome-style1__inner .top-box .right h3 { font-size: 18px; line-height: 28px; } .about-style2__left { margin-right: 0; max-width: 640px; margin: 0 auto; } .about-style2__right { } .slogan-style1__content .title-box h2 { font-size: 30px; } .slogan-style1__content .list-item li+li { margin-left: 15px; } .slogan-style1__content .list-item li .icon { margin-right: 5px; } .instrument-style2__top { display: block; } .instrument-style2__top .btn-box { top: 0px; margin-top: 20px; } .account-style3__tab-btn { max-width: 470px; margin: 0 auto; } .account-style3__left { max-width: 470px; margin: 0 auto; margin-top: 50px; } .account-style3__right { max-width: 470px; margin: 0 auto; margin-top: 30px; } .account-style3__shape1 { display: none; } .video-style1__img { text-align: center; } .video-style1__content { max-width: 570px; margin: 50px auto 0px; } .video-style1__shape1 { top: auto; bottom: 0; } .choose-style2 .row li:nth-child(2), .choose-style2 .row li:nth-child(4) { border-right: none; } .choose-style2 .row li:nth-child(3) { border-right: 1px solid #e2eaea; padding-top: 50px; } .choose-style2 .row li:nth-child(4) { border-bottom: 1px solid #e2eaea; } .single-choose-style2 { padding: 0px 25px 42px; } .ebook-style1__img { margin-right: 0px; max-width: 600px; margin: 0 auto 0; } .ebook-style1__content { margin-top: 70px; } .slogan-style2__content .title-box h2 { font-size: 35px; } /*======== Home Four =========*/ .single-fact-counter-style1 .count-box p br { display: none; } .service-style2__top { display: block; text-align: center; } .service-style2__top .text { max-width: 100%; top: 0px; padding-top: 20px; } .service-style2 .row { justify-content: center; } .single-service-style2 { padding: 39px 10px 20px; } .account-style2--style3 .single-account-style2 .btn-box { padding: 18px 10px 0px; } .blog-style4 .row { justify-content: center; } .single-blog-style5 .content-box .title-box h3 { font-size: 20px; line-height: 30px; } .single-blog-style5 .content-box .top-box { display: block; } .single-blog-style5 .content-box .top-box .category { display: inline-flex; } .single-blog-style5 .content-box .top-box .date { margin-left: 0px; padding-left: 0px; padding-top: 10px; } .single-blog-style5 .content-box .top-box .date::before { display: none; } .single-blog-style5 .content-box .top-box .date::after { display: none; } .single-blog-style5 .content-box .title-box p { font-size: 16px; line-height: 26px; } .testimonial-style2-carousel.owl-nav-style-one.owl-theme .owl-nav { right: auto; left: 0; } .testimonial-style2__top .sec-title { padding-bottom: 120px; } /*======== Markets Details Css =========*/ .trade-forex-style1__content { padding-right: 0; max-width: 570px; margin: 0px auto 0px; } .trade-forex-style1__img { max-width: 570px; margin: 59px auto 0px; } .currency-pairs-style1__tab-btn { display: block; } .currency-pairs-style1__tab-btn .search-box { padding-left: 0px; padding-top: 10px; } /*======== Our Account Css =========*/ .account-style1__top { display: block; } .account-style1__top .right-box { top: 0px; margin-top: 18px; } /*======== Account Detalis Css =========*/ .account-detail-style1__sidebar { margin-right: 0px; max-width: 570px; margin: 0px auto 70px; } .account-detail-style1__content .offers-box-img { margin-right: 0px; } .offers-box-text-benefits-box .title h3 { margin-bottom: 5px; } .offers-box-text-trading-technology { margin-top: 15px; } .offers-box-text-benefits-box .list-item ul li+li { margin-top: 5px; } .single-why-choose-us .content-box .text p { font-size: 16px; line-height: 26px; } /*======== Platform Css =========*/ .mobile-app-style1__img { max-width: 550px; margin: 0px auto 0px; padding-right: 70px; } .mobile-app-style1__big-title { right: -12px; } .mobile-app-style1__content { margin-top: 0px; max-width: 570px; margin: 53px auto 0px; } /*======== Courses Css =========*/ .single-courses-offered-style1 .content-box h3 { font-size: 18px; line-height: 28px; } .single-courses-offered-style1 .bottom-box { padding: 14px 15px 14px; } .ebook-style1__inner ul li { font-size: 60px; } .ebook-style1__big-title { right: -50px; } /*======== Courses details Css =========*/ .course-details-style1__right { margin-left: 0px; margin-top: 0px; } /*======== About Css =========*/ .single-statement-style1__content { max-width: 500px; margin: 0px auto 53px; } .single-statement-style1__img { max-width: 500px; margin: 0px auto 0px; } .single-statement-style1 { padding: 80px 95px 80px; } .team-style1 .row { justify-content: center; } .single-team-style1 .top-box { padding: 0px 15px 0px; padding-right: 15px; } .single-awards-style1 { padding: 52px 20px 40px; } .single-awards-style1 .title h3 { font-size: 20px; line-height: 30px; } .history-style1__inner { margin: 0px 150px 0px; } .history-style1__inner .border-line1 { display: none; } .single-history-style1 { flex-direction: column; } .single-history-style1 .img-box { max-width: 100%; } .single-history-style1 .year-box { max-width: 100%; top: 0; } .single-history-style1 .year-box .border-line { display: none; } .single-history-style1 .year-box h3 { padding-left: 0px; margin-bottom: 7px; margin-top: 17px; } .single-history-style1 .content-box { max-width: 100%; padding-left: 0px; } .single-history-style1.instyle2 { flex-direction: column; } .single-history-style1.instyle2 .year-box h3 { padding-right: 0px; text-align: left; } /*======== Blog1 Css =========*/ .blog-page-one .row { justify-content: center; } /*======== Blog3 Css =========*/ .blog-page__sidebar { margin-left: 0px; max-width: 500px; margin: 50px auto 0px; } .single-blog-page-three .content-box .title-box h3 { font-size: 25px; line-height: 35px; } /*======== Blog Single Css =========*/ .blog-details-top .content-box .title-box h3 { font-size: 25px; } .blog-details-quote .text-box p { font-size: 18px; line-height: 28px; } .what-are-fiscal-policies .title-box h3 { font-size: 22px; line-height: 32px; } .how-fiscal-policies-affect-stock-market h3 { font-size: 22px; line-height: 32px; } .how-fiscal-policies-affect-stock-market .list-item li p span { font-size: 18px; line-height: 28px; } .blog-details-author { padding: 33px 20px 32px; } .comment-box .inner-title h2 { font-size: 24px; line-height: 34px; } .single-comment .content-box .title h6 span { font-size: 18px; } .add-comment-box .inner-title h3 { font-size: 24px; line-height: 34px; } .blog-details-prev-next-option .single-box .title-box h3 { font-size: 16px; line-height: 26px; } /*======== Testimonial Css =========*/ .testimonial-style1--style2 .testimonial-style1--style2 .container { max-width: 615px; margin: 0px auto; } /*======== Faq Css =========*/ .faq-style2__tab-btn { max-width: 500px; margin: 0px auto 50px; } .faq-style2__tab .tabs-content-box { margin-left: 0px; } .faq-style2__tab .tabs-content-box::before { display: none; } /*======== Footer 02 Css =========*/ .single-footer-widget-style2 { padding-left: 0px; text-align:center; } .footer-style2__border-box { display: none; } .footer-widget-links-style2 {padding-bottom:20px;} .single-footer-widget-contact-style2 { border-right: none; padding: 0; text-align: center; } .single-footer-widget-social { } .single-footer-widget-style2.pl36 { padding-left: 0px; } .single-footer-widget-style2.pl29 { padding-left: 0px; } .footer-main-style2 .single-widget { } .single-footer-widget-style2 .title a h3 {margin-top:0px;} .single-footer-widget-contact-style2 .text-box .footer-app {margin-bottom:20px;} .footer-main-style2 { padding: 80px 0px 10px; } .single-footer-widget-contact-style2 .nice-select .list { width: 140px; } .footer-menu-style2 ul { justify-content: center; } .copyright-text-style2 { text-align: center; } .footer-bottom-style2__rating { padding-top: 22px; padding-left: 0px; max-width: 205px; margin: 0px auto 0px; } .footer-bottom-style2__cretified .text { flex: none; } .footer-bottom-style2__cretified { padding-left: 0; justify-content: center; padding-top: 15px; } /*======== Footer 03 Css =========*/ .footer-main-style3 { padding: 0px 0px 0px; } .footer-main-style3 .row { align-items: center; justify-content: center; } .single-footer-widget-style3.mr-minus20 { margin-right: -15px; margin-bottom: 0px; padding: 120px 0px 0px; } .single-footer-widget-style3 { padding: 120px 0px 120px; } .single-footer-widget-style3__bg { top: 0px; bottom: 0px; } .single-footer-widget-style3-post li .content .title2 h3 { font-size: 18px; line-height: 28px; } .bottom-inner-style3 { flex-direction: column; } .payment-methods { padding-top: 12px; } /*======== Home 01 Css =========*/ .blog-style1 { padding: 120px 0px 120px; } .blog-style1__tab-btn ul { border: 1px solid var(--thm-border-color); flex-direction: column; } .blog-style1__tab-btn ul li { max-width: 100%; width: 100%; border-right: 0px solid var(--thm-border-color); padding: 3px 0px 2px; } .blog-style1__tab-btn ul li+li { border-top: 1px solid var(--thm-border-color); } .blog-style1-carousel.owl-nav-style-one.owl-theme .owl-nav { position: absolute; top: -55px; right: -35px; } /*======== Footer 04 Css =========*/ .footer-main-style4 { margin: 0px 50px 0px; } .footer-main-style4__middle .title h2 { font-size: 60px; } .footer-main-style4__bottom-left { top: 9px; } .footer-main-style4__bottom-right { top: -27px; } .footer-main-style4__shape1, .footer-main-style4__shape2 { display: none; } .copyright-text-style4 { max-width: 280px; } /*======== Home Two =========*/ .pricing-list-style1__inner ul { flex-direction: column; } .pricing-list-style1__inner ul li { width: 70%; border-right: none; border-bottom: 1px solid var(--thm-border-color); } .pricing-list-style1__inner ul li:last-child { border-bottom: none; } /*======== Home 03 Css =========*/ .trading-tools-style1 { padding: 0px 0 120px; } .trading-tools-style1__bgimg { position: relative; top: 0; right: 0; bottom: 0; width: calc((100% - 0px) / 1); background-attachment: scroll; background-position: top center; height: 530px; } .trading-tools-style1__bgshape { display: none; } .trading-tools-style1__content { padding-top: 60px; max-width: 690px; } .trading-tools-style1__content-inner { padding-right: 0px; padding-left: 0px; } .tools-carousel.owl-nav-style-one.owl-theme .owl-nav { margin-left: auto; margin-top: 30px; margin-right: 115px; } .service-style1__banner { padding-top: 0px; padding-right: 30px; } .footer-bottom-style2__left { padding-bottom: 20px !important; text-align: center; } .footer-menu-style2 ul { align-items: center; justify-content: center; } .copyright-text-style2 { margin: 8px 0 10px; } .footer-bottom-style2__rating { display: flex; align-items: center; justify-content: center; padding-left: 0; width: 230px; margin: 0 auto 15px; } .footer-bottom-style2__cretified { display: flex; align-items: center; justify-content: center; padding-left: 0; width: 250px; margin: 0 auto; } .instruments-style1--style2 .single-price-list-style1 { max-width: 570px; margin: 0 auto; } .history-style1__inner { padding: 0px 0px 0px; } .history-style1 .border-line1 { display: none; } .breadcrumb-style1__inner { position: relative; display: block; } } .sec-title.br2 h2 br { display: none; } @media only screen and (max-width: 767px) { .single-blog-style4 img {height: 300px;} .banner-footer-style1 .banner-footer-text {width:100%; max-width:100%;} .btn-one {padding-left: 20px; padding-right: 20px;} .together .col-xl-3 {width:50%;} .together-style1 .single-awards-style1 {margin:0} .jobs-search {padding: 40px 20px;} .together-style1 h3 { font-size: 17px; line-height: 26px; } /*======== Default Css =========*/ .sec-title { padding-bottom: 49px; } .sec-title h2 { font-size: 32px; line-height: 1.3em; } .sec-title h2 br { display: none; } .sec-title.br2 h2 br { display: block; } .sec-title p br { /* display: none;*/ } .error-content .big-title h2 { font-size: 120px; line-height: 100px; } .error-content .title h2 { font-size: 40px; line-height: 50px; font-weight: 700; } .error-content .text p br { display: none; } .coming-soon-page-style1 { height: auto !important; padding: 110px 0 120px; } .coming-soon-page-style1__content .big-title { font-size: 40px; line-height: 50px; } .timer-box .countdown-timer li { float: none; } .timer-box .countdown-timer li+li { margin-top: 20px; } .coming-soon-page-style1__content { top: 0%; transform: translateY(0%); padding: 0 20px; } .subscribe-box-style1 { max-width: 370px; } .subscribe-box-style1 form input[type="email"] { padding-left: 30px; padding-right: 30px; } .subscribe-box-style1 form button { position: relative; top: 0px; left: 0; right: 0px; bottom: 0px; width: 100%; margin-top: 20px; } .footer-main-top { padding: 120px 0px 70px; } .single-footer-widget { margin-bottom: 50px; } .footer-main-bottom__inner { align-items: center; justify-content: center; flex-direction: column; } .footer-main-bottom__inner .middle-box { margin: 30px 0 30px; } .footer-bottom .bottom-inner { align-items: center; justify-content: center; flex-direction: column; padding: 21px 0px 21px; text-align: center; margin-top:20px; } .breadcrumb-style1__inner::before {background: rgba(0,0,0,0.55);} .footer-menu { margin-top: 5px; max-width: 260px; } .footer-menu.j-100 {max-width:100%} .footer-main-bottom__inner .middle-box { margin: 30px 0 30px; flex-direction: column; } .footer-main-bottom__inner .middle-box li { border-right: 0px solid; margin: 0 auto; } .footer-main-bottom__inner .middle-box li+li { margin-top: 20px; } .footer-menu ul { align-items: center; flex-direction: column; } .footer-menu ul li+li { margin-top: 4px; margin-left: 0px; } /*======== Home One =========*/ .body-bg-1 { padding: 30px 10px 0; } .instruments-style1__tab-btn ul { flex-direction: column; } .instruments-style1__tab-btn ul li+li { margin-top: 10px; margin-left: 0; } .single-instruments-style1__img { margin-right: 0px; } .single-instruments-style1__content { padding-right: 0px; margin-top: 53px; } .single-instruments-style1__content .title h2 { font-size: 30px; } .price-list-style1--outer { margin-left: -15px; margin-right: -15px; } .single-price-list-style1__inner { display: block; } .single-price-list-style1__icon { top: 48%; right: 20px; } .single-price-list-style1__bottom { padding: 12px 15px 13px; flex-direction: column; justify-content: center; } .single-price-list-style1__bottom .social-share-box ul { right: -10px; } .single-price-list-style1__bottom .social-share-box .share span { right: 0px; } .single-price-list-style1__bottom .social-share-box { margin-top: 10px; } .about-style1 { margin: 0px 0px 0px; } .about-style1__img { margin-right: 0px; padding-bottom: 0px; } .about-style1__img .img-box { margin-right: 0px; } .about-style1__img-award { position: relative; margin: 30px auto 0px; } .about-style1-round-text { position: relative; margin: 30px auto 0px; } .about-style1__content { margin-top: 60px; } .about-style1__content .text-box { display: block; border-top: 1px solid var(--thm-border-color); margin-top: 25px; } .about-style1__content .text-box .icon { display: block; width: 70px; height: 70px; border-top: none; border-right: none; } .about-style1__content .text-box .text1 { padding-left: 0; border-top: none; } .fact-counter-style1__progress { padding: 50px 10px 33px; } .account-style1 .sec-title { } .account-style1-carousel.owl-nav-style-one.owl-theme .owl-nav { top: -118px; right: auto; left: 0; } .platforms-style1 .sec-title { padding-left: 0px; padding-bottom: 49px; } .platforms-style1__img { position: relative; top: 0px; } .platforms-style1__img .inner { padding: 0px 0px 0px; } .platforms-style1__content { padding-left: 0px; padding-top: 60px; } .platforms-style1__tab-btn ul { flex-direction: column; } .platforms-style1__tab-btn ul li::before { display: none; } .platforms-style1__tab-btn ul li+li { margin-left: 0px; border-top: 1px solid var(--thm-border-color-1); margin-top: 10px; padding-top: 10px; } .platforms-style1-downlode { margin-left: 0; } .platforms-style1-downlode-single { padding: 31px 20px 40px; } .single-choose-style1 .shape1, .single-choose-style1 .shape2, .single-choose-style1 .shape3, .single-choose-style1 .shape4 { display: none; } .single-choose-style1 { max-width: 300px; margin: 0 auto; } .choose-style1__img { margin: 60px 0px 60px; } .choose-style1__img::before { left: -15px; right: -15px; } .single-choose-style1 .arrow-box.two { right: 169px; } .single-choose-style1.style { margin-top: 30px; } .choose-style1 .big-title { display: none; } .choose-style1__img .box1, .choose-style1__img .box2, .choose-style1__img .box3, .choose-style1__img .box4 { display: none; } .how-it-work-style1__top { display: block; text-align: center; } .how-it-work-style1__top .text { top: 0; margin: 10px auto 0px; } .single-blog-style1 .top-box { display: block; } .single-blog-style1 .top-box .category { display: inline-flex; } .single-blog-style1 .top-box .date { display: inline-flex; margin-left: 0px; padding-left: 0px; padding-top: 10px; } .single-blog-style1 .top-box .date::before { display: none; } .single-blog-style1 .top-box .date::after { display: none; } .single-blog-style2 .top-box { display: block; } .single-blog-style2 .top-box .category { display: inline-flex; } .single-blog-style2 .top-box .date { display: inline-flex; margin-left: 0px; padding-left: 0px; padding-top: 10px; } .single-blog-style2 .top-box .date::before { display: none; } .single-blog-style2 .top-box .date::after { display: none; } .single-blog-style1 .title-box h3 { font-size: 18px; line-height: 28px; } .single-blog-style2 .title-box h3 { font-size: 18px; line-height: 28px; } .blog-style1-subscribe { padding: 32px 15px 30px; } .blog-style1-subscribe__inner { padding: 33px 10px 45px; } .blog-style1-subscribe .shape1 { display: none; } .single-price-list-style1 .left-box { width: 100%; } .single-testimonial-style1 { padding: 40px 40px 40px; max-width: 300px; } .single-testimonial-style1 .top-box { align-items: center; justify-content: center; flex-direction: column; } .single-testimonial-style1 .top-box .right { max-width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 auto; border-left: 0px solid var(--thm-border-color-1); border-bottom: 1px solid var(--thm-border-color-1); border-bottom-left-radius: 0; padding-left: 0; padding-top: 25px; padding-bottom: 28px; text-align: center; } .single-testimonial-style1 .top-box .right .rating { position: relative; display: flex; align-items: center; padding-top: 5px; margin: 0; } .single-testimonial-style1 .bottom-box { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; padding-top: 22px; } .single-testimonial-style1 .bottom-box h3 { margin-top: 10px; padding-left: 0px; } .global-reach-style1 { padding: 120px 0px 112px; } .global-reach-style1 .sec-title.withtext { padding-bottom: 45px; } .global-reach-style1__map { max-width: 1170px; width: 100%; margin-top: 0; margin: 0 auto; text-align: center; z-index: 5; } .global-reach-style1__map img { width: 300px; } .global-reach-style1__map .traders-globally { position: relative; left: 0; bottom: 0; right: 0; max-width: 360px; width: 100%; margin: 150px auto 0; text-align: center; z-index: 7; } .global-reach-style1__map .single-box.greenland { top: 20px; left: 0; } .global-reach-style1__map .single-box.canada { top: 80px; left: 0px; } .global-reach-style1__map .single-box.usa { top: 140px; left: 0; } .global-reach-style1__map .single-box.brazil { left: 0; bottom: 170px; } .global-reach-style1__map .single-box.italy { top: 20px; right: 0; } .global-reach-style1__map .single-box.kenya { right: 0; bottom: 225px; } .global-reach-style1__map .single-box.russia { top: 85px; right: 0; } .global-reach-style1__map .single-box.india { right: 0; bottom: 160px; } .global-reach-style1__map .single-box .flag { margin-right: 10px; } .global-reach-style1__map .single-box .text p { margin: 0; font-size: 16px; line-height: 20px; } .global-reach-style1__map .traders-globally .text-box p { display: flex; flex-direction: column; align-items: center; justify-content: center; } /*======== Home Two =========*/ .service-style1__content { margin-right: 0px; } .service-style1__banner { padding-top: 0px; padding-right: 0px; } .service-style1__banner-content { padding: 31px 20px 35px; padding-right: 20px; } .service-style1__banner::before { display: none; } .service-style1__banner-content .title h3 { font-size: 20px; line-height: 30px; } .single-service-style1 .content-box .title h3 { font-size: 20px; line-height: 30px; } .single-market-style1 .content-box { padding: 173px 20px 40px; } .single-market-style1 .content-box .text p { padding-left: 15px; } .single-market-style1 .img-box { left: 20px; } .single-market-style1 .content-box .count-box { top: 90px; right: 5px; } .trade-calculator-box { margin-right: 0px; padding: 33px 15px 40px; } .trade-calculator-style1__big-title { display: none; } .trade-calculator-content { padding-top: 70px; } .trade-calculator-box form .results-box { padding: 23px 15px 30px; } .trade-calculator-box form .results-box .text p { font-size: 16px; } .account-style2__top { display: block; text-align: center; } .account-style2__top .text { max-width: 420px; top: 0px; margin: 0 auto; padding-top: 12px; } .single-account-style2 .value-box { padding: 0px 20px 22px; } .single-account-style2 .price-box { padding: 10px 15px 10px; display: block; text-align: center; margin-right: 0; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .single-account-style2 .price-box .left { display: block; max-width: 100%; } .single-account-style2 .price-box .left .title { border-right: none; padding-right: 0px; } .single-account-style2 .price-box .left .title h2 { font-size: 30px; } .single-account-style2 .price-box .left .text { padding-left: 0px; } .single-account-style2 .price-box .left .text p br { display: none; } .single-account-style2 .price-box .icon { margin: 15px auto 0px; } .single-account-style2 .list-box li { padding: 14px 15px 14px; } .single-account-style2 .btn-box { padding: 18px 5px 0px; } .single-account-style2 .btn-box a.btn-one { padding-left: 20px; padding-right: 7px; font-size: 16px; } .single-account-style2 .btn-box a.btn-one2 { padding: 10px 15px 10px; font-size: 14px; } .trader-broker-style1__content { max-width: 300px; margin: 0 auto 0; } .trader-broker-style1__img { max-width: 300px; margin: 50px auto 50px; } .single-trader-broker-style1 .title { max-width: 215px; padding-right: 20px; } .single-trader-broker-style1 .title h3 { font-size: 15px; } .single-trader-broker-style1 .title2 { padding-left: 20px; } .trader-broker-style1__text p { flex-direction: column; } .trader-broker-style1__text p a { margin-left: 0px; margin-top: 8px; } .single-blog-style3 { padding-left: 0; } .single-blog-style3 .img-box { position: relative; margin: 0px 0px 30px; } .single-blog-style3 .content-box .top-box { display: block; } .single-blog-style3 .content-box .top-box .category { display: inline-flex; } .single-blog-style3 .content-box .top-box .date { margin-left: 0px; padding-left: 0px; margin-top: 7px; } .single-blog-style3 .content-box .top-box .date::before { display: none; } .single-blog-style3 .content-box .top-box .date::after { display: none; } .single-blog-style3 .content-box .title-box h3 { font-size: 20px; line-height: 30px; } .partner-style1__top { display: block; } .partner-style1__top .btn-box { margin-top: 17px; top: 0px; } .partner-style1__brand { margin: 50px auto 0px; } .partner-style1__brand ul { align-items: center; flex-direction: column; justify-content: center; } .partner-style1__brand ul li { border-right: 0px solid var(--thm-border-color-2); border-bottom: 1px solid var(--thm-border-color); } .partner-style1__brand ul li:last-child { border-bottom: none; } .partner-style1__brand ul li.counting-box { height: 130px; } .partner-style1__brand ul li .count-box p { font-size: 14px; line-height: 24px; } .partner-style1__brand ul li .count-box .odometer-counting h2 { font-size: 25px; } .single-testimonial-style2 .title-box h3 { font-size: 20px; line-height: 30px; } .single-testimonial-style2 .bottom-box .author-box .title h3 { font-size: 18px; line-height: 20px; } .faq-style1-content .accordion-box .block .acc-btn { padding: 23px 55px 24px; } .faq-style1-content .accordion-box .block .acc-btn h3 { color: var(--thm-black); font-size: 16px; line-height: 26px; } .faq-style1-content .accordion-box .block .acc-content { padding: 22px 20px 22px; padding-right: 20px; } .faq-style1__text p { text-align: center; flex-direction: column; } .faq-style1__text p a { margin-left: 0px; margin-top: 8px; } .contact-style1__big-title { display: none; } .contact-style1__form { margin-top: 50px; padding: 35px 19px 39px; } .contact-style1-subscribe-form { padding: 35px 15px 30px; } .contact-style1-subscribe-form .shape1 { display: none; } .contact-style1__form-title h2 { font-size: 25px; } .contact-style1__form-selacet { display: block; } .contact-style1__form-selacet li+li { margin-left: 0px; margin-top: 7px; } .contact-style1__form-selacet li label { display: inline-block; } .contact-style1__form form .btn-box .btn-one { padding-left: 25px; padding-right: 25px; } /*======== Home Three =========*/ .awards-fact-box__inner { flex-direction: column; margin-top: -155px; } .awards-fact-box__left { max-width: 100%; padding: 30.41px 20px 30.6px; flex-direction: column; } .awards-fact-box__left .title-box h3 { text-align: center; } .awards-fact-box__left .title-box h3 br { display: none } .award-box ul { padding-left: 0px; border-left: none; flex-direction: column; margin-top: 40px; } .award-box ul li+li { margin-left: 0px; margin-top: 30px; } .awards-fact-box__right { max-width: 100%; padding: 30.41px 20px 30.6px; flex-direction: column; text-align: center; } .awards-fact-box__right .count-box .odometer-counting { justify-content: center; } .awards-fact-box__right .count-box p br { display: none; } .awards-fact-box__right .icon-box { margin-top: 23px; } .single-welcome-style1__inner .top-box { display: block; } .single-welcome-style1__inner .top-box .right { padding-left: 0px; padding-top: 20px; } .single-welcome-style1__inner .top-box .right h3 { font-size: 17px; line-height: 27px; } .about-style2__left { margin-right: 0; padding-bottom: 0; } .about-style2__left .shape1 { display: none; } .about-style2__left .img-box1 { max-width: 100%; } .about-style2__left .img-box2 { position: relative; max-width: 100%; margin-top: 30px; top: 0; } .about-style2__left .experience-box { position: relative; right: 0; max-width: 100%; margin-top: 30px; } .about-style2__right { } .slogan-style1__content .title-box h2 { font-size: 20px; line-height:30px; } .slogan-style1__content .list-item { flex-direction: column; } .slogan-style1__content .list-item li+li { margin-left: 0px; margin-top: 10px; } .slogan-style1__content .list-item li h4 { font-size: 16px; line-height: 26px; } .slogan-style1__content .contact-communicate { flex-direction: column; } .slogan-style1__content .contact-communicate .contact-box.box1 { text-align: center; } .slogan-style1__content .contact-communicate .icon-box { margin: 13px 0px 13px; } .slogan-style1__content .contact-communicate .contact-box { text-align: center; } .instrument-style2__top { display: block; } .instrument-style2__top .btn-box { top: 0px; margin-top: 20px; } .single-instrument-style2 { padding: 17.5px 20px 16px; flex-direction: column; } .single-instrument-style2 .right-box { display: block; padding-top: 13px; } .single-instrument-style2 .right-box .text-box { margin-right: 0; text-align: left; } .single-instrument-style2 .right-box .btn-box { padding-top: 13px; } .account-style3__tab-btn ul li h3 { font-size: 18px; line-height: 28px; } .account-style3__left .content-box .title h3 { font-size: 22px; line-height: 32px; } .account-style3__left { padding: 32px 20px 40px; margin-top: 50px; } .account-style3__right { padding: 30px 9px 30px; margin-top: 30px; } .account-style3__right .top-box { padding: 18px 15px 17px; } .account-style3__right .top-box h4 { color: var(--thm-white); font-size: 17px; line-height: 27px; } .account-style3__shape1 { display: none; } .video-style1__shape1 { display: none; } .video-style1__content { padding: 50px 20px 50px; margin-top: 50px; } .video-style1__content .duration-box { flex-direction: column; } .video-style1__content .duration-box .title { padding-left: 0px; text-align: center; margin-top: 15px; } .video-style1__content .duration-box .title h3 { font-size: 20px; line-height: 30px; } .video-style1__content .bottom-box { flex-direction: column; } .video-style1__content .bottom-box .right-box { padding-left: 0px; border-left: none; } .video-style1__content .bottom-box .right-box p br { display: none; } .video-style1__content .bottom-box .left-box { padding-right: 0px; flex-direction: column; } .video-style1__content .bottom-box .left-box .total-videos { padding: 15px 0px 15px; } .choose-style2 { padding: 120px 0px 112px; } .choose-style2 .row li:nth-child(1), .choose-style2 .row li:nth-child(2), .choose-style2 .row li:nth-child(3), .choose-style2 .row li:nth-child(4), .choose-style2 .row li:nth-child(5) { border-right: none; } .choose-style2 .row li:nth-child(2), .choose-style2 .row li:nth-child(3) { padding-top: 50px; } .choose-style2 .row li:nth-child(4), .choose-style2 .row li:nth-child(5) { border-bottom: 1px solid #e2eaea; padding-bottom: 50px; } .single-choose-style2 { padding: 0px 0px 42px; } .ebook-style1__img { margin-right: 0px; max-width: 100%; margin: 0 auto 0; } .ebook-style1__content { margin-top: 10px; } .ebook-style1__content .list-item ul { margin-bottom: 15px; } .ebook-style1__content .bottom-box { padding-top: 16px; } .single-blog-style4 .title-box h3 { font-size: 18px; line-height: 28px; } .blog-style4__text p { flex-direction: column; } .blog-style4__text p a { margin-left: 0px; } .slogan-style2__content .title-box h2 { font-size: 30px; } /*======== Home Four =========*/ .single-fact-counter-style1 { padding: 22px 25px 30px; } .single-fact-counter-style1 .count-box p br { display: none; } .service-style2__top { display: block; text-align: center; } .service-style2__top .text { max-width: 100%; top: 0px; padding-top: 20px; } .service-style2 .row { justify-content: center; } .single-service-style2 { padding: 39px 10px 20px; } .account-style2--style3 .single-account-style2 .btn-box { padding: 18px 15px 0px; } .single-blog-style5 .content-box .title-box h3 { font-size: 20px; line-height: 30px; } .single-blog-style5 .content-box .top-box { display: block; } .single-blog-style5 .content-box .top-box .category { display: inline-flex; } .single-blog-style5 .content-box .top-box .date { margin-left: 0px; padding-left: 0px; padding-top: 10px; } .single-blog-style5 .content-box .top-box .date::before { display: none; } .single-blog-style5 .content-box .top-box .date::after { display: none; } .single-blog-style5 .content-box .title-box p { font-size: 16px; line-height: 26px; } .testimonial-style2-carousel.owl-nav-style-one.owl-theme .owl-nav { right: auto; left: 0; } .testimonial-style2__top .sec-title { padding-bottom: 120px; } /*======== Markets Details Css =========*/ .trade-forex-style1__content { padding-right: 0; } .trade-forex-style1__content .total-pairs .title h3 { font-size: 18px; line-height: 28px; } .trade-forex-style1__content .total-pairs .icon { top: 3px; } .trade-forex-style1__content .fact-counter { flex-direction: column; } .trade-forex-style1__content .fact-counter .text { padding-left: 0; padding-top: 5px; } .trade-forex-style1__img { margin: 49px 0px 0px; } .currency-pairs-style1__tab-btn { display: block; } .currency-pairs-style1__tab-btn ul { display: block; } .currency-pairs-style1__tab-btn ul li { justify-content: space-between; } .currency-pairs-style1__tab-btn ul li+li { margin-left: 0; margin-top: 10px; } .currency-pairs-style1__tab-btn .search-box { padding-left: 0px; padding-top: 10px; } /*======== Our Account Css =========*/ .account-style1__top { display: block; } .account-style1__top .right-box { top: 0px; margin-top: 18px; } .account-style1__top .sec-title1 { padding-bottom: 0; } .single-account-style1 .content-box { padding: 32px 20px 32px; } .single-account-style1 .img-box .overlay-icon { left: 20px; } /*======== Account Detalis Css =========*/ .account-detail-style1__sidebar { margin-right: 0px; } .account-detail-style1__sidebar-single .title-box { padding: 0px 15px 12px; } .account-detail-style1__sidebar-single .title-box h3 { font-size: 20px; line-height: 30px; } .account-detail-style1__sidebar-single .catagory { padding: 30px 15px 0px; } .account-detail-style1__sidebar-single .catagory li a { font-size: 16px; line-height: 26px; padding: 10px 15px 10px; } .account-detail-style1__sidebar-single .download { padding: 30px 15px 0px; } .account-detail-style1__sidebar-single .download li { padding: 9px 15px 9px; } .account-detail-style1__sidebar-info .title-box { padding: 0px 15px 12px; } .account-detail-style1__sidebar-info .title-box h3 { color: var(--thm-white); font-size: 20px; line-height: 30px; } .account-detail-style1__sidebar-info .phn-email { padding: 24px 15px 0px; } .account-detail-style1__sidebar-info .phn-email li { padding-left: 0; } .account-detail-style1__sidebar-info .phn-email li .text { padding-left: 0px; } .account-detail-style1__sidebar-info .phn-email li .icon { position: relative; top: 0px; margin-bottom: 15px; } .account-detail-style1__sidebar-info .live-chat-box { flex-direction: column; margin: 22px 15px 0px; padding: 20px 5px 20px; } .live-chat-box .link-box { padding-left: 0px; padding-top: 10px; } .account-detail-style1__content { margin-top: 56px; } .account-detail-style1__content .intro-box h2 { font-size: 30px; } .account-detail-style1__content .offers-box-img { margin-right: 0px; } .offers-box-text-benefits-box { margin-top: 31px; } .offers-box-text-benefits-box .title h3 { font-size: 20px; line-height: 30px; } .standard-account-info-box .title-box h3 { font-size: 24px; line-height: 34px; } .single-standard-account-info-box { display: block; } .single-standard-account-info-box .right { padding-top: 10px; } .why-choose-us .title-box h3 { font-size: 24px; line-height: 34px; } .single-why-choose-us .content-box .title h3 { font-size: 18px; } .single-why-choose-us { padding-left: 0; } .single-why-choose-us .icon-box { position: relative; top: 0px; margin-bottom: 10px; } /*======== Platform Css =========*/ .single-highlights-style2 { padding: 0px 20px 0px; } .single-highlights-style2 .content-box h3 { font-size: 20px; line-height: 30px; } .mobile-app-style1__img { padding-right: 15px; } .mobile-app-style1__big-title { right: -2px; } .mobile-app-style1__big-title ul li { font-size: 20px; } .mobile-app-style1__content { margin-top: 0; margin: 53px auto 0px; } /*======== Courses Css =========*/ .courses-offered-style1__tab-btn ul { display: block; } .courses-offered-style1__tab-btn ul li { max-width: 100%; } .courses-offered-style1__tab-btn ul li+li { margin-left: 0px; margin-top: 10px; } .single-courses-offered-style1 .content-box { padding: 154px 20px 22px; } .single-courses-offered-style1 .content-box h3 { font-size: 18px; line-height: 28px; } .single-courses-offered-style1 .bottom-box { padding: 14px 20px 14px; } .single-courses-offered-style1 .bottom-box .text { padding-left: 15px; } .ebook-style1__big-title { display: none; } .ebook-style1--style2 .ebook-style1__img { overflow: hidden; } /*======== Courses details Css =========*/ .course-details-style1__left .info-box { padding: 0px; } .course-details-style1__left .info-box .category li {margin: 0 25px 0 0 !important;} .course-details-style1__left .info-box .category {display:inline-block;} .course-details-style1__left .info-box .category li {float:left} .btn-one.btn-jobs {margin-top:30px;} .course-details-style1__left .info-box .title h3 { font-size: 20px; line-height: 30px; } .course-details-style1__left .info-box .social { position: relative; right: 0; bottom: 0; margin-top: 15px; } .course-details-style1__tab-btn ul { display: block; } .course-details-style1__tab-btn ul li { max-width: 100%; } .course-details-style1__tab-btn ul li+li { margin-left: 0; margin-top: 5px; } .course-details-style1__tab-btn ul li h3 { font-size: 16px; line-height: 26px; } .single-course-details-style1 .lecture-duration { display: block; } .single-course-details-style1 .lecture-duration p { padding-left: 0px; padding-top: 7px; } .single-course-details-style1 .syllabus li { display: block; } .single-course-details-style1 .syllabus li a { display: block; } .single-course-details-style1 .syllabus li .left-box p { font-size: 16px; line-height: 26px; } .single-course-details-style1 .syllabus li .right-box { justify-content: flex-start; margin-top: 10px; } .single-course-details-style1 .what-is-forex h3 { font-size: 24px; line-height: 34px; } .single-course-details-style1 .highlights-box p.color { font-size: 16px; line-height: 26px; } .course-details-style1__right { margin-top: 0px; margin-left: 0px; } .course-details-style1__right .top-box { padding: 0px 20px 23px; } .course-details-style1__right .top-box .rating-box { display: block; } .course-details-style1__right .top-box .rating-box .icon { margin-right: 0px; margin-bottom: 7px; } .course-details-style1__right .bottom-box { padding: 35px 20px 0px; } /*======== About Css =========*/ .statement-style1__tab-btn ul { display: block; max-width: 100%; } .statement-style1__tab-btn ul li { width: 100%; border-right: none; border-bottom: 1px solid var(--thm-border-color); } .statement-style1__tab-btn ul li:last-child { border-bottom: none; } .single-statement-style1 { padding: 25px ; border-top-left-radius: 0; border-top-right-radius: 0; } .single-statement-style1__content { margin: 0px 0px 33px; } .single-statement-style1__content .title h2 { font-size: 25px; } .single-statement-style1__pattern { display: none; } .single-team-style1 .top-box { display: block; padding-right: 20px; } .single-team-style1 .top-box .text-box { max-width: 100%; margin-top: 23px; } .single-team-style1 .middle-box h3 { font-size: 20px; line-height: 30px; } .single-awards-style1 { padding: 52px 20px 40px; } .single-awards-style1 .title h3 { font-size: 18px; line-height: 28px; } .history-style1__inner { margin: 0px 0px 0px; } .history-style1 .border-line1 { display: none; } .single-history-style1 { flex-direction: column; } .single-history-style1 .img-box { max-width: 100%; } .single-history-style1 .year-box { max-width: 100%; top: 0; } .single-history-style1 .year-box .border-line { display: none; } .single-history-style1 .year-box h3 { padding-left: 0px; margin-bottom: 7px; margin-top: 17px; } .single-history-style1 .content-box { max-width: 100%; padding-left: 0px; } .single-history-style1.instyle2 { flex-direction: column; } .single-history-style1.instyle2 .year-box h3 { padding-right: 0px; text-align: left; } .single-history-style1 .content-box .title h3 { font-size: 20px; line-height: 30px; } /*======== Blog3 Css =========*/ .single-blog-page-three .content-box .top-box { display: block; } .single-blog-page-three .content-box .top-box .category { display: inline-flex; margin-right: 0px; } .single-blog-page-three .content-box .top-box ul { display: block; padding-left: 0px; padding-top: 10px; } .single-blog-page-three .content-box .top-box ul::before { display: none; } .single-blog-page-three .content-box .top-box ul::after { display: none; } .single-blog-page-three .content-box .top-box ul li::before { display: none; } .single-blog-page-three .content-box .top-box ul li+li { margin-left: 0; margin-top: 7px; } .single-blog-page-three .content-box .title-box h3 { font-size: 18px; line-height: 28px; } .blog-page__sidebar { margin-left: 0px; margin: 50px 0px 0px; } .single-sidebar-box .sidebar-title h3 { font-size: 20px; line-height: 30px; } .single-sidebar__categories { padding: 23px 20px 22px; } .single-sidebar__post { padding: 25px 19px 23px; } .single-sidebar__post li .title-box h4 a br { display: none; } .single-sidebar__post li .title-box h4 { font-size: 16px; line-height: 26px; } .single-sidebar__tag { padding: 30px 10px 20px; } .subscribe-sidebar-box { padding: 22px 20px 30px; } .subscribe-sidebar-box .tilte-box h3 { font-size: 20px; line-height: 30px; } .subscribe-sidebar-box .tilte-box p { font-size: 15px; line-height: 25px; } /*======== Blog Single Css =========*/ .blog-details-bottom .col-md-6 {width:50%;} .blog-details-top .content-box .top-box { flex-direction: column; } .blog-details-top .content-box .top-box .category { display: inline-flex; margin-right: 0px; } .blog-details-top .content-box .top-box ul { padding-left: 0px; margin-top: 10px; } .blog-details-top .content-box .top-box ul::before, .blog-details-top .content-box .top-box ul::after { display: none; } .blog-details-top .content-box .top-box ul li+li { } .blog-details-top .content-box .top-box ul li::before { display: none; } .blog-details-top .content-box .title-box h3 { font-size: 24px; } .blog-details-quote__inner { padding: 32px 20px 32px; } .blog-details-quote .text-box p { font-size: 16px; line-height: 26px; } .blog-details-quote .words-by p { font-size: 16px; line-height: 26px; } .blog-details-quote .icon-box { display: none; } .what-are-fiscal-policies .title-box h3 { font-size: 20px; line-height: 30px; } .what-are-fiscal-policies .list-item p.color { font-size: 16px; line-height: 26px; } .how-fiscal-policies-affect-stock-market h3 { font-size: 20px; line-height: 30px; } .how-fiscal-policies-affect-stock-market .list-item li p span { font-size: 18px; line-height: 28px; } .blog-details-tag ul { display: block; } .blog-details-tag ul li+li { margin-left: 0px; margin-top: 5px; } .blog-details-author { padding: 33px 15px 32px; } .blog-details-author-inner { padding-left: 0px; } .blog-details-author .img-box { position: relative; top: 0; } .blog-details-author .content-box .top { margin-top: 30px; } .blog-details-author .content-box .social-links { position: relative; margin-top: 20px; } .blog-details-prev-next-option { flex-direction: column; } .blog-details-prev-next-option::before { display: none; } .blog-details-prev-next-option .single-box.right { text-align: center; margin-top: 20px; } .comment-box .inner-title h2 { font-size: 24px; line-height: 34px; } .single-comment-inner { padding-left: 0px; } .single-comment .img-box { position: relative; top: 0; margin-bottom: 30px; } .single-comment .content-box .title h6 span { font-size: 18px; } .add-comment-box .inner-title h3 { font-size: 24px; line-height: 34px; } /*======== Testimonial Css =========*/ .testimonial-style1--style2 .single-testimonial-style1 { padding: 40px 20px 40px; max-width: 100%; margin: 0; margin-bottom: 30px; } .testimonial-style1--style2 .single-testimonial-style1 .top-box { display: block; } .testimonial-style1--style2 .single-testimonial-style1 .top-box .left .text p br { display: none; } .testimonial-style1--style2 .single-testimonial-style1 .top-box .right { max-width: 100%; border-left: none; border-bottom: none; padding-left: 0px; padding-bottom: 0px; margin-top: 23px; } .testimonial-style1--style2 .single-testimonial-style1 .bottom-box h3 { font-size: 18px; line-height: 28px; } /*======== Faq Css =========*/ .faq-style2__tab .tabs-content-box { margin-left: 0px; margin-top: 40px; } .faq-style2__tab .tabs-content-box::before { display: none; } /*======== 404 Css =========*/ .error-page-img1 { position: relative; top: 0; left: 0; margin-bottom: 30px; } /*======== Contact Css =========*/ .quick-contact-style1__content .faq-box { padding: 20px 10px 20px; } .quick-contact-style1-info .list-item ul li { padding: 0px 0px 12px; } .quick-contact-style1-info .list-item ul li:first-child { padding: 0px 0px 12px; } .quick-contact-style1-info .list-item ul li .icon { position: relative; top: 0px; margin-bottom: 14px; } .quick-contact-style1-info .list-item ul li:last-child { padding: 0px 0px 0px; } .quick-contact-style1-info .list-item { padding: 24px 20px 0px; } .contact-form form .button-box .btn-box .btn-one { padding-left: 35px; padding-right: 35px; } /*======== Footer 02 Css =========*/ .single-footer-widget-style2 { padding-left: 0px; } .footer-style2__border-box { display: none; } .single-footer-widget-contact-style2 { border-right: none; padding-right: 0; } .single-footer-widget-social { padding-left: 0px; } .single-footer-widget-style2.pl36 { padding-left: 0px; } .single-footer-widget-style2.pl29 { padding-left: 0px; } .footer-main-style2 .single-widget { margin-bottom: 30px; } .footer-main-style2 .single-widget:last-child {margin-bottom:0;} .footer-main-style2 .single-widget--style1 { } .footer-main-style2 { padding: 80px 0px 0px; } .footer-bottom-style2 {padding:0px 0; margin: 0 -15px;} .single-footer-widget-contact-style2 .nice-select .list { width: 300px; } /*======== Footer 03 Css =========*/ .footer-main-style3 { padding: 0px 0px 0px; } .single-footer-widget-style3.mr-minus20 { margin-right: -15px; } .single-footer-widget-style3 { padding: 120px 0px 120px; } .single-footer-widget-style3__bg { top: 0px; bottom: 0px; } .single-footer-widget-style3.plr30 { padding: 0px 0px 0px; margin: 50px 0px 50px; } .single-footer-widget-style3-info { padding: 0px 30px 0px; } .single-footer-widget-style3-info .title2 h3 { font-size: 18px; line-height: 28px; } .single-footer-widget-style3-info .title2 h3 br { display: none; } .single-footer-widget-style3-info .images-links { flex-direction: column; align-items: flex-start; } .single-footer-widget-style3-info .images-links .text { text-align: center; padding-top: 12px; padding-left: 0; } .single-footer-widget-style3-info .images-links .text p br { display: none; } .footer-widget-links-style3 { max-width: 320px; } .single-footer-widget-style3-post { padding: 0px 30px 0px; } .single-footer-widget-style3-post li { padding-left: 0; } .single-footer-widget-style3-post li .img { position: relative; top: 0px; margin-bottom: 16px; max-width: 70px; } .single-footer-widget-style3-post li .content .title2 h3 { font-size: 16px; line-height: 26px; } .bottom-inner-style3 { flex-direction: column; } .copyright-text-style3 { text-align: center; } .payment-methods { padding-top: 12px; } /*======== Home 01 Css =========*/ .blog-style1 { padding: 120px 0px 120px; } .blog-style1__tab-btn ul { border: 1px solid var(--thm-border-color); flex-direction: column; } .blog-style1__tab-btn ul li { max-width: 100%; width: 100%; border-right: 0px solid var(--thm-border-color); padding: 3px 0px 2px; } .blog-style1__tab-btn ul li+li { border-top: 1px solid var(--thm-border-color); } .blog-style1-carousel.owl-nav-style-one.owl-theme .owl-nav { position: absolute; top: -55px; right: -35px; } /*======== Footer 04 Css =========*/ .footer-main-style4 { margin: 0px 15px 0px; } .footer-main-style4__shape1, .footer-main-style4__shape2 { display: none; } .footer-main-style4__top { display: block; } .footer-main-style4__top-right { max-width: 100%; margin-top: 24px; } .footer-main-style4__img { top: -70px; left: 20%; } .footer-main-style4__middle .title h2 { font-size: 25px; } .footer-main-style4__bottom { display: block; } .footer-main-style4__bottom-middle { text-align: left !important; padding: 23px 0px 23px; } .footer-menu-style1 ul { flex-direction: column; } .footer-menu-style1 ul li+li { margin-left: 0px; margin-top: 13px; } /*======== Home Two =========*/ .pricing-list-style1__inner ul { flex-direction: column; } .pricing-list-style1__inner ul li { width: 100%; border-right: none; border-bottom: 1px solid var(--thm-border-color); padding: 17.5px 5px 16px; } .pricing-list-style1__inner ul li:last-child { border-bottom: none; } /*======== Home 03 Css =========*/ .trading-tools-style1 { padding: 0px 0 120px; } .trading-tools-style1__bgimg { position: relative; top: 0; right: 0; bottom: 0; width: calc((100% - 0px) / 1); background-attachment: scroll; background-position: top center; height: 530px; } .trading-tools-style1__bgshape { display: none; } .trading-tools-style1__content { padding-top: 60px; max-width: 690px; } .trading-tools-style1__content-inner { padding-right: 0px; padding-left: 0px; } .tools-carousel.owl-nav-style-one.owl-theme .owl-nav { margin-left: auto; margin-top: 30px; margin-right: 0px; } .tools-carousel.owl-nav-style-one.owl-theme .owl-nav::before { display: none; } .single-trading-tools-style1__nextitem { display: none; } .single-trading-tools-style1 { max-width: 100%; } .single-trading-tools-style1 .title-box h3 { font-size: 20px; line-height: 30px; } .single-trading-tools-style1 .title-box h3 br { display: none; } .footer-bottom-style2__left { padding-left: 0px; } .footer-menu-style2 ul { align-items: center; justify-content: center; } .copyright-text-style2 { margin: 8px 0 10px; } .footer-bottom-style2__rating { display: flex; align-items: center; justify-content: center; padding-left: 0; width: 230px; margin: 0 auto 15px; } .footer-bottom-style2__cretified { display: flex; align-items: center; justify-content: center; padding-left: 0; width: 250px; margin: 0 auto; } .instruments-style1--style2 .single-price-list-style1 { max-width: 570px; margin: 0 auto; } .partner-style1--about-page .partner-style1__brand ul li { border-right: 0px solid var(--thm-border-color); } .history-style1__inner { padding: 0px 0px 0px; } .blog-details-prev-next-option .single-box.left { text-align: center; } .breadcrumb-style1 .inner-content { padding: 134px 0px 60px; } .breadcrumb-style1__inner { } .breadcrumb-style1 .title h2 { font-size: 25px; line-height: 35px; margin-bottom: 10px; } .breadcrumb-menu ul { align-items: center; justify-content: center; } .breadcrumb-menu { left: 0; bottom: 32px; right: 0; } .breadcrumb-menu ul li span { } } /*-------------------------------------------------------------- //////////////////////////////// # Main Header All Responsice Css //////////////////////////////// --------------------------------------------------------------*/ @media only screen and (min-width: 1300px) and (max-width: 1520px) { /*======== Home 02 =========*/ .main-header-style2__content-bottom { padding: 0px 20px 0px; } .header-btn-box-style2 { margin-left: 10px; padding-left: 10px; } .main-header-style2__content-bottom-left .main-menu-box { margin-left: 25px; } } @media only screen and (min-width: 1216px) and (max-width: 1376px) { /*======== Home 03 =========*/ .main-header-style3__content-bottom { margin: 0px 10px 0px; padding: 0px 20px 0px; } .header-logo-box-style3 a img {max-width: 150px;} .header-btn-box-style2 .btn-one {padding: 10px 20px ;} .header-btn-box-style2 .btn-one i {display:none;} } @media only screen and (min-width: 1200px) and (max-width: 1300px) { /*======== Home 02 =========*/ .header-telegram-box-style1 { display: none; } .main-header-style2__content-bottom { padding: 0px 20px 0px; } .header-btn-box-style2 { margin-left: 0px; padding-left: 15px; } } @media only screen and (min-width: 1200px) and (max-width: 1370px) { /*======== Home 01 =========*/ .main-header-style1__content-top { padding: 17px 20px 17px; } .header-trading-time-style1 { border-left: none; padding: 9px 0px 9px; padding-right: 0px; margin-left: 15px; } .header-help-center-style1 { margin-left: 15; padding-left: 0; border-left: none; } .main-header-style1__content-bottom { padding: 0px 20px 0px; } .main-menu .main-menu__list>li+li, .stricky-header .main-menu__list>li+li { margin-left: 20px; } } @media only screen and (min-width: 1200px) and (max-width: 1440px) { /*======== Home 04 =========*/ .header-login-register-style4 { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1216px) { .main-menu .mobile-nav__toggler { display: inline-block; padding: 30px 0 30px; line-height: 0; } .main-menu .mobile-nav__toggler--style2 { padding: 20px 0 20px; } /*======== Home 01 =========*/ .main-header-style1__content-top { flex-direction: column; } .main-header-style1__content-top-middle { padding: 25px 0px 25px; } /*======== Home 02 =========*/ .main-header-style2__content-top { padding: 11px 10px 11px; } .card-ocbs .card-content { padding-bottom: 70px; } } .main-menu .search-toggler { display: none; } @media only screen and (min-width: 768px) and (max-width: 991px) { .card-ocbs .card-content { padding-bottom: 70px; } .breadcrumb-style1__inner::before {background: rgba(0,0,0,0.55);} .main-menu .mobile-nav__toggler { display: inline-block; padding: 25px 0 25px; line-height: 0; } .main-menu .mobile-nav__toggler--style2 { padding: 20px 0 20px; } /*======== Home 01 =========*/ .main-header-style1__content-top { flex-direction: column; } .main-header-style1__content-top-middle { padding: 25px 0px 25px; } /*======== Home 02 =========*/ .main-header-style2__content-top { } .main-header-style2__content-top-right { padding-top: 13px; } .header-btn-box-style2 { margin-left: 10px; padding-left: 10px; } .main-header-style2__content-bottom { padding: 0px 20px 0px; } /*======== Home 03 =========*/ .main-header-style3__content-top { padding: 12px 15px 12px; } .main-header-style3__content-top li .icon { font-size: 25px; } } @media (max-width: 767px) { .single-footer-widget-style2__inner {padding-top: 10px;} .footer-logo-style2 {display:block} .footer-logo-style2 a {display:block} .footer-logo-style2 img { max-width: 250px; margin: 0 auto; display: block;} .jobs-pairs-style1 .main-filter .nice-select { float: none; margin-top: 10px; } .jobs-pairs-style1 .main-filter { display: block; } .jobs-pairs-style1__tab .filter {margin-bottom: 10px; display: inline-block; float:none;} .jobs-pairs-style1__tab {display:block} .jobs-table .top-box ul {display: block;} .jobs-table .top-box ul li + li{margin:0;} .jobs-table .top-box ul li::before {display:none;} .jobs-style1 .jobs-row .box-right{margin:20px 0 0 0} .banner{ padding-top: 80px; background: #076d40; } .banner .owl-theme .owl-nav.disabled + .owl-dots {bottom:0} .main-menu .mobile-nav__toggler { display: inline-block; padding: 25px 0 25px; line-height: 0; } .main-menu .search-toggler { display: inline-block; line-height: 0; color: #fff; margin-right: 15px; font-size: 25px; } .main-menu .mobile-nav__toggler--style2 { padding: 20px 0 20px; } /*======== Home 01 =========*/ .main-header-style1__content-top { flex-direction: column; padding: 17px 10px 17px; } .main-header-style1__content-top-middle { padding: 25px 0px 25px; } .main-header-style1__content-top-left { flex-direction: column; } .header-trading-time-style1 { border-left: none; padding: 19px 0px 0px; padding-right: 0px; margin-left: 0; } .main-header-style1__content-top-right { flex-direction: column; } .header-help-center-style1 { margin-left: 0px; padding-left: 0px; border-left: none; margin-top: 19px; } .main-header-style1__content-bottom { padding: 0px 10px 0px; } .language-switcher-style1 { display: none; } .header-btn-box-style1 { display: none; } /*======== Home 02 =========*/ .main-header-style2__content-top { display:none; } .main-header-style2__content-top-left { flex-direction: column; } .main-header-style2__content-top-left ul { flex-direction: column; padding-top: 10px; } .main-header-style2__content-top-left ul li+li { margin-left: 0px; margin-top: 5px; } .main-header-style2__content-top-right { padding-top: 13px; flex-direction: column; } .header-manu-box-style1 ul { padding-top: 5px; } .header-manu-box-style1 ul li+li { margin-left: 10px; } .header-manu-box-style1 { flex-direction: column; } .language-switcher-style2 { margin-left: 0px; } .main-header-style2__content-bottom-right { display: none; } .main-header-style2__content-bottom { padding: 0px 20px 0px; } /*======== Home 03 =========*/ .main-header-style3__content-top { display: none; } .main-header-style3__content-top li .icon { font-size: 25px; } .main-header-style3__content-top li+li { margin-top: 17px; } /*======== Home 03 =========*/ .main-header-style3__content-bottom-right { display: none; } .main-header-style3__content-bottom { margin: 0px 20px 0px; padding: 0px 20px 0px; } /*======== Home 04 =========*/ .header-login-register-style4 { display: none; } .header-contact-info-style1 { display: none; } .main-header-style2__content-bottom-left { justify-content: space-between; width: 100%; } .main-header-style2__content-bottom-left .main-menu-box { margin-left: 0px; } .header-manu-box-style1 ul li p { font-size: 15px; } .main-header-style2__content-top-left ul li p { font-size: 15px; } .main-header-style4__content-left { width: 100%; justify-content: space-between; } .main-header-style4__content-manu { padding-left: 0px; flex: 1; } .main-header-style4__content-manu { position: relative; display: block; padding-left: 0; flex: 0; margin-left: auto; } } /*-------------------------------------------------------------- /////////////////////////// # Slider All Responsice Css /////////////////////////// --------------------------------------------------------------*/ @media only screen and (min-width: 1200px) and (max-width: 1500px) { /*======== Home 01 =========*/ .main-slider-style1__highlights { display: none; } .main-slider-style1 .swiper-container { margin-top: 29px; } .main-slider-style1 .swiper-container { position: relative; margin-left: 445px; margin-top: 0px; } } @media only screen and (min-width: 1401px) and (max-width: 1700px) { /*======== Home 04 =========*/ .main-slider-style4 { margin: 0px 50px 0px; } .main-slider-style4__inner .img-mockup { right: -30px; bottom: -57px; } .main-slider-style4-round-text { right: 425px; } .main-slider-style4__inner .mobile-app-box { right: 255px; } .main-slider-style4 .banner-slider-nav { left: 50px; } } @media only screen and (min-width: 1200px) and (max-width: 1500px) { /*======== Home 02 =========*/ .banner-style1__content { padding: 100px 50px 100px; } .banner-style1__content .big-title h2 { font-size: 45px; } .banner-style1__content .bottom-box { display: block; } .banner-style1__content .bottom-box .app-box { padding-left: 0px; padding-top: 20px; } .banner-style1 .slider-bg-slide { width: calc((100% + 0px) / 2); } .banner-style1__pattern { width: calc((100% - 0px) / 2); } } @media only screen and (min-width: 1200px) and (max-width: 1400px) { /*======== Home 04 =========*/ .main-slider-style4 { margin: 0px 50px 0px; padding-left: 100px; } .main-slider-style4__inner .img-mockup { right: 0; bottom: -60px; } .main-slider-style4-round-text { bottom: -55px; right: 425px; position: absolute; margin-top: 30px; } .main-slider-style4 .content-box .big-title h2 { font-size: 60px; } .main-slider-style4__inner .experience-box { position: relative; left: 0; bottom: 0; margin-top: 33px; } .main-slider-style4 .banner-slider-nav { left: 40px; } .main-slider-style4__inner .mobile-app-box { bottom: 180px; right: 290px; } } @media only screen and (min-width: 1200px) and (max-width: 1400px) { /*======== Home 01 =========*/ .main-slider-style1 .content-box { padding-left: 70px; } .main-slider-style1 .big-title h2 { font-size: 60px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { /*======== Home 03 =========*/ .main-slider-style2 .content-box .big-title h2 { font-size: 45px; line-height: 55px; } /*======== Home 04 =========*/ .main-slider-style4 { margin: 0px 30px 0px; padding: 154px 0px 220px; } .main-slider-style4 .content-box .big-title h2 { font-size: 40px; } .main-slider-style4-round-text { display: none; } .main-slider-style4__inner .img-mockup { right: 5px; bottom: -110px; } .main-slider-style4__inner .experience-box { position: relative; left: 0; bottom: 0; margin-top: 53px; } .main-slider-style4__inner .mobile-app-box { bottom: 35px; right: 295px; } .main-slider-style4 .banner-slider-nav { display: none; } /*======== Home 02 =========*/ .banner-style1__content { padding: 150px 30px 150px; } .banner-style1 .slider-bg-slide { width: calc((100% + 0px) / 2); } .banner-style1__pattern { width: calc((100% - 0px) / 2); } .banner-style1__content .big-title h2 { font-size: 35px; } .banner-style1__content .text-box { max-width: 335px; } .banner-style1__content .text-box p br { display: none; } .banner-style1__content .bottom-box { display: block; } .banner-style1__content .bottom-box .app-box { padding-left: 0px; padding-top: 20px; } .banner-style1-dashboard { left: 0; position: relative; top: 0; transform: translateY(0px); margin-top: 30px; } /*======== Home 01 =========*/ .main-slider-style1 .content-box { padding-left: 30px; } .main-slider-style1 .big-title h2 { font-size: 40px; } .main-slider-style1 .text { max-width: 320px; } .main-slider-style1 .bottom-box { display: block; max-width: 100%; } .main-slider-style1__inner { padding: 415px 0px 0px; } .main-slider-style1 .bottom-box .text-box { margin-top: 20px; } .main-slider-style1__highlights { display: none; } .main-slider-style1 .swiper-container { margin-top: 151px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .main-slider__nav { left: auto; right: 50px; } /*======== Home 03 =========*/ .main-slider-style2 .content-box .big-title h2 { font-size: 45px; line-height: 55px; } /*======== Home 04 =========*/ .main-slider-style4 { margin: 0px 15px 0px; } .main-slider-style4-round-text { right: 50px; top: 0; bottom: auto; } .main-slider-style4__inner .mobile-app-box { bottom: 200px; right: 130px; } .main-slider-style4__inner .experience-box { position: relative; left: 0; bottom: 0; margin-top: 50px; margin-bottom: 30px; } .main-slider-style4__inner .shape1 { display: none; } .main-slider-style4__inner .img-mockup { position: relative; right: 0; bottom: 0; margin-top: 40px; } .main-slider-style4 .content-box .big-title h2 { font-size: 50px; } .main-slider-style4 .banner-slider-nav { left: auto; right: 50px; top: 150px; display: block; } /*======== Home 02 =========*/ .banner-style1__content { padding: 60px 20px 120px; } .banner-style1 .slider-bg-slide { width: calc((100% + 0px) / 1); position: relative; height: 500px !important; } .banner-style1__pattern { display: none; } .banner-style1__content .big-title h2 { font-size: 35px; } .banner-style1__content .big-title h2 br { display: none; } .banner-style1__content .text-box { max-width: 335px; } .banner-style1__content .text-box p br { display: none; } .banner-style1__content .bottom-box { display: block; } .banner-style1__content .bottom-box .app-box { padding-left: 0px; padding-top: 20px; } .banner-style1-dashboard { left: 0; position: relative; top: 0; transform: translateY(0px); margin-top: 30px; max-width: 570px; } .banner-style1__content .highlights-box ul li { padding-right: 10px; margin-right: 10px; } .banner-style1-dashboard__inner { padding: 33px 20px 35px; } .banner-style1__content-inner { max-width: 100%; width: 100%; } /*======== Home 01 =========*/ .main-slider-style1__inner { position: relative; margin: 0px auto 0px; padding: 260px 0px 0px; } .main-slider-style1 .swiper-container { margin-left: 0px; margin-top: 30px; } .main-slider-style1 .content-box { padding-left: 50px; } .main-slider-style1 .big-title h2 { font-size: 55px; } .main-slider-style1 .big-title h2 br { display: none; } .banner-slider-nav { top: 50%; right: 20px; } .main-slider-style1__highlights { display: none; } .main-slider-style1 .container { padding-bottom: 130px; } } @media only screen and (max-width: 767px) { .row.footer-row .single-widget { width:50%} .single-footer-widget-contact-style2 .text-box {text-align:center} .footer-bottom-style2__left h4 {text-align:center} .main-slider-style2 .container {padding:150px 30px 200px 30px } .main-slider__nav { display: none; } .banner-recruit-style1 .banner-recruit-content img { padding-right: 100px; } .banner-recruit-style1 .banner-recruit-content {padding:0 20px;} /*======== Home 03 =========*/ .main-slider-style2 { padding-top: 0; } .banner-slider-nav--style2 { display: none; } .single-blog-style3 .img-box {width:100%; height:auto;} .video-style1 {padding-top: 0; padding-bottom: 30px;} .video-style1__img {display:none} .main-slider-style2 .content-box .big-title h2, .main-slider-style2.recruit-2 .content-box .big-title h2 { font-size: 35px; line-height: 45px; text-align: center; } .main-slider-style2 .content-box .text-box { flex-direction: column; text-align:center; } .main-slider-style2 .content-box .text-box .text-right { text-align: center; padding-left: 0px; padding-top: 13px; } /*======== Home 04 =========*/ .main-slider-style4 { margin: 0px 15px 0px; } .main-slider-style4-round-text { position: relative; right: 0px; top: 0; bottom: auto; margin-top: 30px; } .main-slider-style4__inner .mobile-app-box { bottom: 0px; right: 0px; position: relative; max-width: 290px; } .main-slider-style4__inner .experience-box { position: relative; left: 0; bottom: 0; margin-top: 50px; margin-bottom: 30px; } .main-slider-style4__inner .shape1 { display: none; } .main-slider-style4__inner .img-mockup { position: relative; right: 0; bottom: 0; margin-top: 40px; } .main-slider-style4 .content-box .big-title h2 { font-size: 30px; } .main-slider-style4 .content-box .big-title h2 br { display: none; } .main-slider-style4 .banner-slider-nav { left: auto; top: 100px; right: 50px; bottom: auto; } /*======== Home 02 =========*/ .banner-style1__content { padding: 100px 30px 100px; } .banner-style1 .slider-bg-slide { display: none; } .banner-style1__pattern { display: none; } .banner-style1__content .big-title h2 { font-size: 30px; line-height: 40px; } .banner-style1__content .big-title h2 br { display: none; } .banner-style1__content .text-box { max-width: 335px; } .banner-style1__content .text-box p br { display: none; } .banner-style1__content .bottom-box { display: block; } .banner-style1__content .bottom-box .app-box { padding-left: 0px; padding-top: 20px; } .banner-style1-dashboard { position: relative; top: 0; left: 0; transform: translateY(0px); margin-top: 40px; max-width: 100%; } .banner-style1-dashboard__inner { padding: 33px 15px 35px; } .banner-style1-dashboard .top-box { flex-direction: column; } .banner-style1-dashboard .top-box h2 { } .banner-style1-dashboard .top-box p { padding-left: 0px; padding-top: 10px; } .banner-style1-dashboard .title h3 { font-size: 20px; line-height: 30px; } .banner-style1__content .highlights-box ul { display: block; } .banner-style1__content .highlights-box ul li { display: flex; align-items: center; border-right: none; padding-right: 0px; margin-right: 0px; } .banner-style1__content .highlights-box ul li+li { margin-top: 7px; } .banner-style1__content .highlights-box ul li .icon { margin-right: 8px; } /*======== Home 01 =========*/ .main-slider-style1__inner { position: relative; margin: 0px auto 0px; padding: 340px 0px 0px; width: 100%; } .main-slider-style1__inner .top-box { width: 265px; padding: 31px 15px 40px; } .main-slider-style1__inner .left-bottom-box { width: 265px; } .main-slider-style1 .swiper-container { margin-left: 0px; margin-top: 30px; } .main-slider-style1 .content-box { padding-left: 20px; } .main-slider-style1 .big-title h2 { font-size: 40px; } .main-slider-style1 .big-title h2 br { display: none; } .banner-slider-nav { display: none; } .main-slider-style1 .bottom-box { display: block; width: 100%; } .main-slider-style1 .bottom-box .text-box { margin-top: 20px; } .main-slider-style1 .text { max-width: 100%; } .main-slider-style1__highlights { display: none; } .main-slider-style1 .swiper-container { margin-top: 95px; } .main-slider-style1 .container { padding-bottom: 100px; } .main-slider-style4__inner .trading-platforms { max-width: 100%; flex-direction: column; justify-content: center; align-items: center; } .main-slider-style4__inner .trading-platforms .text { max-width: 200px; width: 100%; border-right: 0px solid rgb(255, 255, 255, .12); } .main-slider-style4__inner .trading-platforms .btn-box { padding-left: 0px; margin-top: 20px; } } @media only screen and (max-width: 1199px) { .order11 { order: 1; } .order22 { order: 2; } } @media only screen and (max-width: 991px) { .breadcrumb-menu ul{display:block; line-height: 20px;} .breadcrumb-menu ul li {line-height: 20px;} .banner-footer-style1 .banner-footer-content {padding:60px 0;} .banner-footer-style1 .banner-footer-content img { display: none; } .statement-style2__tab-btn .tabs-button-box {display:block;} .statement-style2__tab-btn .tabs-button-box li h3 {margin: 0 20px 20px;} .about-style2__right .btn-box {margin-bottom:30px;} .header-logo-box-style3 { display: block; } .top-slider { position: relative; right: 0; bottom: 0; max-width: 100%; margin: 50px auto 0; } .top-slider-content {box-shadow: none;} .top-slider .title-box h3 a { color:var(--thm-black); text-decoration: none; } .order111 { order: 1; } .order222 { order: 2; } .main-menu__list > li.menu-logo {display:none} } @media only screen and (max-width: 1216px) { .main-menu .main-menu__list > li > a {font-size:14px;} } @media only screen and (max-width: 1024px) { .header-logo-box-style3 { display: block; } } @media (max-width: 1055px) { .timeline-years-nav {display:inline-block; width:100%} .timeline-years-nav li {margin-bottom: 10px; width: 50%; float: left;} .timeline-years-nav li:not(:last-child)::before {left:0} .mobile-nav__toggler { /* display: inline-block !important;*/ } } @media (min-width: 1056px) { .mobile-nav__toggler { display: none !important; } }