h1{ font-weight: bold; } .black_arrow{ display:none; width: 14px; } .navscroll .hover_class:hover{ background-color: #e8f1ff !important; } .hover_class:hover .black_arrow{ display:none; } .hover_class:hover .down_arrow{ display:block; } .navscroll .hover_class:hover .black_arrow{ display:block; } .navscroll .hover_class:hover .down_arrow{ display:none; } .navscroll .hover_class:hover a{ color: #144fab !important; } .navscroll .black_arrow{ display:block; } .navscroll .down_arrow{ display:none; } ul { list-style-type: none; } .header-container nav ul li.menus { display: inline-block; /* padding: 9px 14px 30px 4px; */ position: initial; /* float: left; */ } .pbutton { padding: 12px 24px; color: #fff !important; } .cta.cta-wrapper { animation: rocking 2s infinite !important; } .pbutton, .pbutton.hvr-wobble-horizontal { background: #EC3D34 ! important; animation: rocking 2s infinite; animation-timing-function: cubic-bezier(0, 0, 0.58, 1); color: #fff ! important; border: 1px solid #EC3D34 ! important; } .pbutton:hover, .pbutton.hvr-wobble-horizontal { background-color: #EC3D34 ! important; color: #fff ! important; } .header-section { /* position: fixed; top: 0; left: 0px; */ width: 100%; z-index: 800; /* box-shadow: 0 0 10px 0 rgb(0 0 0 / 71%); */ min-height: 0; /* background: #171d24; */ /* padding: 5px 0; */ color: #fff; /* height: 70px; */ display: flex; align-items: center; } .header-section-inner { /* line-height: 37px; */ width: 100%; } .header-section li { padding: 0px; margin: 0px; } .header-section .ph_none_sec { text-align: right } .nav_sec { text-align: left } .nav_sec li a.active { color: #069df8; } .page-center { max-width: 100%; } .header.bg-header .menu-toggler { margin-top: 0; } .cta.cta-wrapper { float: right; padding-top: 15px; } .hs-tools-menu.hs-collapsed { display: none; } .dnd-section, .content-wrapper--vertical-spacing { padding: 0px !important; } .dnd-section>.row-fluid { max-width: 95% ; } .down_arrow { width: 14px; } .zero_padding { padding: 0!important } .nav_sec li { display: inline-block } .nav_sec li a { font-size: 15px;color: #000; font-weight: 500 } .nav_sec li.active a { color: #069df8; }
/* .nav_sec li a:hover { color: #069df8; }  */
/* .ph_no, .ph_no span, .ph_no a { color: #656565; font-size: 15px; padding: 0; font-weight: 500; display: inline-block; letter-spacing: .016em; vertical-align: middle } */ /* .star_now_txt { border-radius: 5px; color: #fff !important; } */ /* .ph_no span { vertical-align: middle; margin-right: 12px; margin-bottom: 1px } .ph_none_sec.on { width: auto } */ /* .ph_none_sec.on { width: 195px; position: unset!important } */ .close { color: #fff; opacity: 1; text-shadow: none } .logo a { display: inline-block; vertical-align: middle } .ph_no a { margin-right: 0 } .header-section.minimized { transition: top 0s ease 0s; top: -100px } /* .header-section.minimized { position: fixed } */ /* .header-section>.pull-right, .header-section .pull-left { position: relative } */ .header-section .menu { margin: 0; display: inline-block } .header-section .menu.bordered>li>a { border-right: 1px solid } .header-section .menu>li { display: inline-grid; list-style: none; font-size: 13px; vertical-align: middle; padding: 13px 0px; height:75px; } /* .header-section .menu>li:hover{ background-color:#394b5f; } */ .header-section .menu>li.multiline>nav { top: 43px } .header-section .menu>li>a { position: relative; display: flex; transition: 0s all; -webkit-transition: 0s all; -moz-transition: 0s all; -o-transition: 0s all; -ms-transition: 0s all; /* height: 75px; */ /* padding:10px; */ align-items: center; } .header-section .menu>li>a.hover_class:hover,{ background-color:#4387ff; /* padding:10px; */ text-decoration:none; } .hover_class:hover{ background-color:#4488FF !important; padding: 0px 18px; text-decoration: none; border-radius: 8px; color:#fff !important; } a.hover_class:active{ background-color:#394b5f; padding: 0px 18px; text-decoration:none; } .hover_class{ padding: 0px 18px; height: 36px; } .header-section .menu>li>a.active { background-color:#394b5f; /* padding:10px; */ text-decoration:none; } .li_hover_color:hover{ background-color: #e8f1ff !important; cursor:pointer; } .li_hover_color:hover I{ color: skyblue !important; cursor:pointer; } .li_hover_color:hover > div > i > fa-arrow-right{ color:skyblue; } .li_hover_color{ cursor:pointer; } .down_arrow_icon{ color:#000; } .li_hover_color:hover .down_arrow_icon{ color:#5391ff; } .dropdown a.hover_class.active { background-color: lightgray; color: black; } .header-section .menu>li>a span { margin-bottom: 7px } .header-section .menu>li>a:before { color: #000000; position: absolute; top: 0; left: 0; overflow: hidden; max-width: 0; white-space: pre; line-height: inherit; content: attr(data-text); -webkit-transition: max-width 0.5s; transition: max-width 0.5s } .header-section .menu>li>a.btn, .header-section .menu>li>a.btn:hover { opacity: 1 } .header-section .menu>li>a>span { font-size: 12px; color: inherit; opacity: .8; display: block; position: relative; line-height: 15px; text-transform: none } .header-section .menu>li>a>span:before { color: #000000; position: absolute; top: 0; left: 0; overflow: hidden; max-width: 0; white-space: pre; line-height: inherit; content: attr(data-text); -webkit-transition: max-width 0.5s; transition: max-width 0.5s } .header-section .menu>li:last-child { border-right: none } .position-static { position: static !important; } .left-0 { left: 0 !important; } .mw-initial { max-width: initial !important; } .menu-toggler { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 1; width: 15px; height: 15px; margin-top: 22.5px; display: inline-block; user-select: none; box-sizing: content-box; cursor: pointer; position: absolute; vertical-align: middle; top: 16px; right: 0; display: none; } .menu-opened .menu-toggler.on .one, .menu-opened .menu-toggler.on .three { background: #fff } .menu-toggler .one, .menu-toggler .two, .menu-toggler .three { width: 100%; height: 2px; background: black; margin-bottom: 3px; -webkit-transition: all 0.3s; transition: all 0.3s; backface-visibility: hidden; -webkit-transform-style: preserve-3d } .menu-toggler .one, .menu-toggler .two { transform: rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0) } .menu-toggler.on .one { transform: rotate3d(0, 0, 1, 45deg); -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; transform-origin: 0% 0% } .menu-toggler.on .two { opacity: 0 } .menu-toggler.on .three { transform: rotate3d(0, 0, 1, -45deg); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; transform-origin: 0% 100% } [data-pages="header-toggle"] { display: none; z-index: 10 } .mobile_div { display: none } .desktop_div { display: table-cell } .mobile_btn { opacity: 0; display: none } /* .header-section-background-image{ background-image: url('/project/images/banners/main_banner.png'); background-repeat: no-repeat; background-size: cover; background-position: center; min-height: 100vh; } */ .menu-content-padding{ padding:6px 12px; } .navscroll .appdev_logo .white-logo{ display:none; } .navscroll .appdev_logo .black-logo{ display:block !important; } .black-logo{ display:none !important; } @media screen and (max-width:1170px){ .menu.nav_sec { justify-content:end !important; padding-right: 20px !important;gap:10px; } } @media screen and (max-width:1050px){ .hover_class { padding: 0px 15px; height: 36px; } } @media screen and (max-width:1030px){ .hover_class { padding: 0px 16px; height: 36px; } } @media screen and (max-width:1024px){ .navbar-collapse.collapse.show { display: block !important; } .nav.navbar-nav { box-shadow: 0 11px 20px -9px #0b0b0b; } .modal.show .modal-dialog { transform: translate(0%, 0%) !important; } .modal { padding-top: 0px !important; } /* .case.modal-content{ height: auto !important; } */ .li_hover_color I { color: #505050 !important; cursor: pointer; } .row-fluid-wrapper.row-depth-1.row-number-2.dnd-row.header_fixed{ position:relative !important; } .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link, .navbar-nav .nav-link:hover, .navbar-nav .nav-link::before{ color:#fff !important; background-color:transparent !important; } .span12.widget-span.widget-type-cell.cell_16757583625362-padding.dnd-column, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link .span12.widget-span.widget-type-cell.dnd-column{ padding:0px !important; } .dnd-section>.row-fluid{ max-width:100% !important; } .position_navbar{ position: absolute !important; z-index: 1 !important; } .navbar-toggler:focus { border: none !important; box-shadow: none !important; } .responsive_header{ display:block !important; } .image_reponsive{ width:140px; /* height:50px; */ } .navbar-toggler{ display: flex; justify-content: end; padding-right: 1rem !important; } .img-toggler { width: 28px; height: 28px; /* padding-top: 16px; */ } .navbar-light .navbar-toggler{ padding:14px 10px; } .navbar-brand { padding: 10px 15px; } .navbar{ background-color:transparent !important; } .header-section{ display:none !important; } .nested-dropdowns { /* Border */ /* border: 1px solid #d1d5db; */ /* display: flex; */ /* Reset list styles */ list-style-type: none; margin: 0; padding: 0; } .nested-dropdowns li { cursor: pointer; /* Spacing */ padding: 0.25rem; /* Used to position the sub nested-dropdowns */ position: relative; } /* The sub nested-dropdowns */ .nested-dropdowns__item a{ color:#fff; text-decoration:none !important; } /* .nested-dropdowns ul { border: none; border-radius:20px; display: none; left: 0; top: 100%; list-style-type: none; margin: 0; background-color: #fff; padding: 0; width: 100%; z-index: 1; } */ /* The second level sub nested-dropdowns */ .nested-dropdowns ul ul { left: 100%; /* position: absolute; */ top: 0; } /* Change background color of list item when being hovered */ /* .nested-dropdowns li:hover { background-color: transparent; } */ /* Show the direct sub nested-dropdowns when hovering the list item */ /* .nested-dropdowns li:hover>ul { display: block; } */ .navbar-collapse.collapse.show { color:#fff !important; } .nested_dropdown { border: none !important; } .navbar-expand-lg .navbar-toggler{ display:block !important; } .row-fluid-wrapper.row-depth-1.row-number-4.dnd-section { display: none; } .navbar{ display:block !important; } .navbar-light .navbar-toggler{ border:none !important; } .navbar-toggler{ font-size:20px !important;} .button:active{ background:none !important; } button:hover, button:focus, .button:hover, .button:focus{ background:none !important; } .nested-dropdowns li{ font-size:16px } } @media(min-width: 992px){ .row-fluid-wrapper.row-depth-1.row-number-2.dnd-row.header_fixed{ height:70px; } .navbar-expand-lg .navbar-collapse { display:none !important} } .menu_close_icon { display: none; } /* .pushy { position: fixed; width: 250px; display: block; height: 100%; top: 0; z-index: 10001; background: #404a5b; overflow: auto; visibility: hidden; -webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */ } */ /* .menu-content.pushy { display: block } .pushy.pushy-left { left: 0; } .pushy.pushy-right { right: 0; } */ /* .pushy-left { -webkit-transform: translate3d(-250px, 0, 0); -ms-transform: translate3d(-250px, 0, 0); transform: translate3d(-250px, 0, 0); } .pushy-open-left .push { -webkit-transform: translate3d(250px, 0, 0); -ms-transform: translate3d(250px, 0, 0); transform: translate3d(250px, 0, 0); } .pushy-right { -webkit-transform: translate3d(250px, 0, 0); -ms-transform: translate3d(250px, 0, 0); transform: translate3d(250px, 0, 0); } .pushy-open-right #container, .pushy-open-right .push { -webkit-transform: translate3d(-250px, 0, 0); -ms-transform: translate3d(-250px, 0, 0); transform: translate3d(-250px, 0, 0); } .pushy-open-left .pushy, .pushy-open-right .pushy { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } */ /* .pushy, .push { transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99); } */ /* .site-overlay { display: none; } .pushy-open-left .site-overlay, .pushy-open-right .site-overlay { display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10000; background-color: none; -webkit-animation: fade 500ms; animation: fade 500ms; } */ @keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } .header-section .cta-wrapper a.cta-signin.star_now_txt.button, .header-section .cta-wrapper a.cta-signin.star_now_txt.button.hvr-wobble-horizontal { background: #EC3D34 ! important; animation: rocking 2s infinite; animation-timing-function: cubic-bezier(0, 0, 0.58, 1); color: #fff ! important; border: 1px solid #EC3D34 ! important; } .header-section .cta-wrapper a.cta-signin.star_now_txt.button:hover, .header-section .cta-wrapper a.cta-signin.star_now_txt.button.hvr-wobble-horizontal { background-color: #EC3D34 ! important; color: #fff ! important; } @keyframes rocking { 0% { transform: rotate(0deg) } 25% { transform: rotate(0deg) } 50% { transform: rotate(2deg) } 75% { transform: rotate(-2deg) } 100% { transform: rotate(0deg) } } .header-section .cta a.cta-signin:hover { animation: none !important; color: #fff ! important; transform: none } /* .fixed_header_show .cta-signup { transition: transform 300ms ease 500ms, opacity 300ms ease 0s; transform: translate(0, 0); opacity: 1 } */ /* a.cta-signup { width: auto; transition: transform 300ms ease 500ms, opacity 300ms ease 0s; transform: translate(127px, 0); position: absolute; background: #86BD3E; color: #fff; display: block; text-align: center; padding: 27px 20px; right: -7%; top: 0; opacity: 0; text-transform: uppercase; font-size: 14px; font-weight: 500; cursor: pointer } */ .text_block { display: block } .header .row.table_block:before, .header .row.table_block:after { display: none } .table_block { display: table } .table_cell { display: table-cell; vertical-align: middle } .w_half { width: 50% } .wrap { width: 100%; margin: 0 auto } .center { text-align: center } .white { color: #fff!important } h1.text_logo, h4.text_logo { color: #0158ac; font-weight: 600; font-size: 26px; display: inline-block; vertical-align: middle; font-family: "Helvetica Neue", "Helvetica", 'Roboto', "Arial", sans-serif; line-height: 1.2 } h1.text_logo, h4.text_logo { display: inline-block; vertical-align: middle; font-family: "Helvetica Neue", "Helvetica", 'Roboto', "Arial", sans-serif; line-height: 1.2 } .logo_footer .text_logo, .logo_footer h4.text_logo strong { font-size: 18px; font-weight: 500!important } .logo img { width: 38px; display: inline-block; vertical-align: middle; margin-right: 5px } .text_black { color: #000 } h1.text_logo strong { font-family: "Helvetica Neue", "Helvetica", 'Roboto', "Arial", sans-serif; font-size: 25px; font-weight: 600 } .logo a { margin: 0; /* width: 336px!important */ } .logo { margin: 0 width:50%; } .header .logo { max-width: 390px; width: 390px } h2.ios_app_heading { text-align: left; padding: 0; font-weight: 600; font-size: 20px } .appdev_logo { /* width: 322px; */ float: left; margin-top: 3px; padding: 0; height: auto } .appdev_logo img { width: 130px; display: block; height: auto; } .header { -webkit-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .1); box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .1); border-bottom: 1px solid #d6d6d6 } .relative { position: relative!important } .header.bg-header .menu-toggler { margin-top: 0 } .p-l-10 { padding-left: 10px!important } [data-pages="header-toggle"] { display: none; z-index: 10 } .menu-toggler { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 1; width: 15px; height: 15px; margin-top: 22.5px; display: inline-block; user-select: none; box-sizing: content-box; cursor: pointer; display: none; } .menu-toggler .one, .menu-toggler .two { transform: rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0) } .menu-toggler .one, .menu-toggler .two, .menu-toggler .three { width: 100%; height: 2px; background: black; margin-bottom: 3px; -webkit-transition: all 0.3s; transition: all 0.3s; backface-visibility: hidden; -webkit-transform-style: preserve-3d } /* .menu-content[data-pages-direction="slideRight"], .menu-content[data-pages-direction="pushRight"] { right: 0 } .mobile_div { display: none } */ .logo span { display: inline-block; vertical-align: middle } span.domain { vertical-align: baseline; font-family: "Helvetica Neue", "Helvetica", 'Roboto', "Arial", sans-serif; font-size: 24px; font-weight: 600 } .pr-2, .px-2 { padding-right: 0.5rem!important } .header_wrap { width: 100%; padding-left: 5%; padding-right: 10px } .star_now_txt { color: #86BD3E; font-size: 14px; text-transform: uppercase; font-weight: 500 } a.star_now_txt:hover, a.star_now_txt:active, a.star_now_txt:focus, a.star_now_txt:visited { color: #86BD3E!important } /* .fixed_header_show .ph_none_sec { width: 195px; position: unset!important } .fixed_header_show .star_now_txt { display: none } .fixed_header_show .ph_none_sec { text-align: left!important } */ /* .header .cta { position: absolute; right: -1px; top: 7px; bottom: auto; transition: opacity 300ms ease 0s; transform: translate(127px, 0); opacity: 1; width: auto; } */ /* .cta-phone-wrap { display: inline-block; position: relative } .header .cta a { display: block; /* height: 60px; */ /* line-height: 60px; */ /* padding: 0 10px; position: relative; text-align: center; text-transform: uppercase; } */ /* .header .main-navigation .cta-phone { display: inline-block } .header .main-navigation .cta a { width: auto } .header .cta a.cta-signin { background: #fff; margin-top: 0; } */ /* .header .cta-wrapper a.cta-signin, .header .cta-wrapper a.cta-signup { /* height: 58px; */ /* line-height: 58px; */ } .header .cta a { display: inline-block; float: none; width: auto } .header .cta a.cta-signup { -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); color: #fff } */ @-webkit-keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px) } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px) } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px) } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px) } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px) } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px) } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px) } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px) } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } .header .cta a.cta-signup.hvr-wobble-horizontal, .header .cta a.cta-signin.hvr-wobble-horizontal, .star_now.hvr-wobble-horizontal { /*-webkit-animation-name: hvr-wobble-horizontal; animation-name: hvr-wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 5; animation-iteration-count: 5; -webkit-animation-delay: 2s; animation-delay: 2s*/ } /* .header.minimized .cta { transition: top 0s ease 0s, opacity 300ms ease 0s } .header.fixed_header.fixed_header_show a.cta-signin { display: none } .header.fixed_header.fixed_header_show .cta { transition: transform 300ms ease 500ms, opacity 300ms ease 0s; transform: translate(0, 0); top: 0; top: -10px; right: -5.3%; } */ .menu-content { padding-right: 0px; /* width:50%; */ } .font_20{ font-size: 20px; font-weight: bold;} .menu_img{ width:40px; height:40px;} .menu-content .table_block { width: 100%; text-align: right } .m-b-10 { margin-bottom: 10px } .m-r-10 { margin-right: 10px } .m-t-10 { margin-top: 10px } .padding-10 { padding: 10px!important } [data-pages="header-toggle"] { display: none; z-index: 10 } .header .menu { margin: 0; display: inline-block } .header { position: fixed; top: 0; width: 100%; z-index: 800; background-color: #fff; padding: 5px 0; /* height: 70px; */ } .header-inner { /* line-height: 37px; */ width: 100%; } .header .ph_none_sec { text-align: right } .nav_sec { text-align: left } .zero_padding { padding: 0!important } /* .header.fixed_header { background: #fff; padding: 10px 0; top: 0; position: fixed; width: 100%; transition: top 0s ease 0s; -webkit-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .1); box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .1); border-bottom: 1px solid #d6d6d6; z-index: 99; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; line-height: normal } .header.fixed_header.fixed_header_show { transition: top 400ms ease 0s, opacity 300ms ease 0s; top: 0 } .header.fixed_header .ph_none_sec { width: 200px } */ .nav_sec li { display: inline-block } 
.nav_sec li a { font-size: 15px;  color: #fff; font-weight: 500 } 
/* .ph_no, .ph_no span, .ph_no a { color: #656565; font-size: 15px; padding: 0; font-weight: 500; display: inline-block; letter-spacing: .016em; vertical-align: middle } .ph_no span { vertical-align: middle; margin-right: 12px; margin-bottom: 1px } .ph_none_sec.on { width: auto } .ph_none_sec.on { width: 195px; position: unset!important } .close { color: #fff; opacity: 1; text-shadow: none } */ .logo a { display: inline-block; vertical-align: middle } /* .ph_no a { margin-right: 0 } */ /* .header.minimized { transition: top 0s ease 0s; top: -100px } .header.minimized { position: fixed } */ /* .header>.pull-right, .header .pull-left { position: relative } */ .header .menu { margin: 0; display: inline-block } .header .menu.bordered>li>a { border-right: 1px solid } .header .menu>li { display: inline-block; list-style: none; font-size: 13px; vertical-align: middle } .header .menu>li.multiline>nav { top: 43px } .header .menu>li>a { position: relative; display: block; transition: 0s all; -webkit-transition: 0s all; -moz-transition: 0s all; -o-transition: 0s all; -ms-transition: 0s all } .header .menu>li>a span { margin-bottom: 7px } .header .menu>li>a:before { color: #000000; position: absolute; top: 0; left: 0; overflow: hidden; max-width: 0; white-space: pre; line-height: inherit; content: attr(data-text); -webkit-transition: max-width 0.5s; transition: max-width 0.5s } .header .menu>li>a.btn, .header .menu>li>a.btn:hover { opacity: 1 } .header .menu>li>a>span { font-size: 12px; color: inherit; opacity: .8; display: block; position: relative; line-height: 15px; text-transform: none } .header .menu>li>a>span:before { color: #000000; position: absolute; top: 0; left: 0; overflow: hidden; max-width: 0; white-space: pre; line-height: inherit; content: attr(data-text); -webkit-transition: max-width 0.5s; transition: max-width 0.5s } .header .menu>li:last-child { border-right: none } .menu-toggler { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; opacity: 1; width: 15px; height: 15px; margin-top: 22.5px; display: inline-block; user-select: none; box-sizing: content-box; cursor: pointer; position: absolute; vertical-align: middle; top: 16px; right: 0; display: none; } .menu-opened .menu-toggler.on .one, .menu-opened .menu-toggler.on .three { background: #fff } .menu-toggler .one, .menu-toggler .two, .menu-toggler .three { width: 100%; height: 2px; background: black; margin-bottom: 3px; -webkit-transition: all 0.3s; transition: all 0.3s; backface-visibility: hidden; -webkit-transform-style: preserve-3d } .menu-toggler .one, .menu-toggler .two { transform: rotate3d(0, 0, 1, 0deg) translate3d(0, 0, 0) } .menu-toggler.on .one { transform: rotate3d(0, 0, 1, 45deg); -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; transform-origin: 0% 0% } .menu-toggler.on .two { opacity: 0 } .menu-toggler.on .three { transform: rotate3d(0, 0, 1, -45deg); -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; transform-origin: 0% 100% } [data-pages="header-toggle"] { display: none; z-index: 10 } .mobile_div { display: none } .desktop_div { display: table-cell } .mobile_btn { opacity: 0; display: none } /* .pushy { position: fixed; width: 250px; display: block; height: 100%; top: 0; z-index: 10001; background: #404a5b; overflow: auto; visibility: hidden; -webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */ } .menu-content.pushy { display: block } .pushy.pushy-left { left: 0; } .pushy.pushy-right { right: 0; } .pushy-left { -webkit-transform: translate3d(-250px, 0, 0); -ms-transform: translate3d(-250px, 0, 0); transform: translate3d(-250px, 0, 0); } .pushy-open-left .push { -webkit-transform: translate3d(250px, 0, 0); -ms-transform: translate3d(250px, 0, 0); transform: translate3d(250px, 0, 0); } .pushy-right { -webkit-transform: translate3d(250px, 0, 0); -ms-transform: translate3d(250px, 0, 0); transform: translate3d(250px, 0, 0); } */ /* .pushy-open-right #container, .pushy-open-right .push { -webkit-transform: translate3d(-250px, 0, 0); -ms-transform: translate3d(-250px, 0, 0); transform: translate3d(-250px, 0, 0); } .pushy-open-left .pushy, .pushy-open-right .pushy { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .pushy, .push { transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99); } */ .site-overlay { display: none; } /* .pushy-open-left .site-overlay, .pushy-open-right .site-overlay { display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10000; background-color: none; -webkit-animation: fade 500ms; animation: fade 500ms; } */ @keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } /* .header .cta-wrapper a.cta-signin.star_now_txt.button, .header .cta-wrapper a.cta-signin.star_now_txt.button.hvr-wobble-horizontal { background: #EC3D34 ! important; animation: rocking 2s infinite; animation-timing-function: cubic-bezier(0, 0, 0.58, 1); color: #fff ! important; border: 1px solid #EC3D34 ! important; } .header .cta-wrapper a.cta-signin.star_now_txt.button:hover, .header .cta-wrapper a.cta-signin.star_now_txt.button.hvr-wobble-horizontal { background-color: #EC3D34 ! important; color: #fff ! important; } */ @keyframes rocking { 0% { transform: rotate(0deg) } 25% { transform: rotate(0deg) } 50% { transform: rotate(2deg) } 75% { transform: rotate(-2deg) } 100% { transform: rotate(0deg) } } /* .header .cta a.cta-signin:hover { animation: none !important; color: #fff ! important; transform: none } */ .nav_sec li a { color: #fff; } 
/* .nav_sec li a:hover { color: #000 !important; }  */
.sub-nav { position: absolute; width: 100%; left: 0; right: 0; top: 122px; background: #232d38; opacity: 0; visibility: hidden; padding: 40px; -webkit-box-shadow: -2px 3px 15px 5px rgb(0 0 0 / 25%); box-shadow: -2px 3px 15px 5px rgb(0 0 0 / 25%); } /* .header-container .subnav-wrap { position: absolute; width: 100%; left: 0; right: 0; top: 122px; background: #232d38; opacity: 0; visibility: hidden; padding: 40px; -webkit-box-shadow: -2px 3px 15px 5px rgb(0 0 0 / 25%); box-shadow: -2px 3px 15px 5px rgb(0 0 0 / 25%); } */ .top-50 { top: 50px; width: 100%; } body { font-family: Helvetica, Sans-Serif; color: #444444; font-size: 9pt; background-color: #FAFAFA; } header.header { display:none !important; } /* Dropdown Button */ .dropbtn { background-color: #04AA6D; color: white; padding: 16px; font-size: 16px; border: none; } /* The container
- needed to position the dropdown content */ .dropdown { position: relative; display: inline-block; } /* Dropdown Content (Hidden by Default) */ .dropdown-content { animation: fadeInLeft 0.5s ease; display: none; position: absolute; background-color: #fff; min-width: 310px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; padding:20px; visibility: hidden; transition: all 1s ease; opacity: 0; top:70px; border-radius:10px; max-width:350px; /* left:400px; */ } .col-2 img{ width:40px; height:40px; } /* Links inside the dropdown */ .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; } /* Change color of dropdown links on hover */ /* .dropdown-content a:hover {background-color: #ddd;} */ /* Show the dropdown menu on hover */ .dropdown:hover .dropdown-content {display: block; visibility: visible; opacity: 1; /* transition-delay: 0s; */ transform: translateY(0);} /* Change the background color of the dropdown button when the dropdown content is shown */ .dropdown:hover .dropbtn {background-color: #3e8e41;} .responsive_header{ display:none; } .footer-container-wrapper{ display:none !important; } .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl{ padding:0px !important; } @media screen and (max-width:991px){ .navbar-collapse{ padding-left:0px !important; padding-right:0px !important; } .res_dropdown{ background-color: white !important; border-radius: 10px !important; } .responsive_header{ display:block !important; } .navbar{ background-color:#232d38 !important; } .header-section{ display:none !important; } .nested-dropdowns { /* Border */ /* border: 1px solid #d1d5db; */ /* display: flex; */ /* Reset list styles */ list-style-type: none; margin: 0; padding: 0; } .nested-dropdowns li { cursor: pointer; /* Spacing */ padding: 0.25rem; /* Used to position the sub nested-dropdowns */ position: relative; } /* The sub nested-dropdowns */ .nested-dropdowns ul { /* Border */ border: 1px solid #d1d5db; /* Hidden by default */ display: none; /* Absolute position */ left: 0; /* position: absolute; */ top: 100%; /* Reset styles */ list-style-type: none; margin: 0; background-color: #232d38; padding: 0; width: 100%; z-index: 1; } /* The second level sub nested-dropdowns */ .nested-dropdowns ul ul { left: 100%; /* position: absolute; */ top: 0; } /* Change background color of list item when being hovered */ .nested-dropdowns li:hover { background-color: rgba(0, 0, 0, 0.1); } /* Show the direct sub nested-dropdowns when hovering the list item */ .nested-dropdowns li:hover>ul { display: block; } .navbar { background-color: #fff !important; color: #505050 !important; } .nav.navbar-nav{ margin-top:0px !important; margin-bottom:0px !important; } .navbar-collapse.collapse.show { background-color: #343a40 !important; padding-left:0px !important; padding-right:0px !important; } .nested_dropdown { border: none !important; } .navbar-expand-lg .navbar-toggler{ display:block !important; } /* .row-fluid-wrapper.row-depth-1.row-number-3.dnd-row{ display:none !important; } */ .row-fluid-wrapper.row-depth-1.row-number-4.dnd-section { display: none; } .navbar{ display:block !important; } .navbar-light .navbar-toggler{ border:none !important; } .navbar-toggler{ font-size:20px !important;} .button:active{ background:none !important; } button:hover, button:focus, .button:hover, .button:focus{ background:none !important; } .nested-dropdowns li{ font-size:16px } } @media (max-width:550px){ .modal.show .modal-dialog { transform: none !important; } } @media screen and (max-width:1024px){ .navbar{ align-items: center; display: flex !important; justify-content: space-between; } .dnd-section>.row-fluid{ max-width:100% !important; } .navbar-collapse{ position: absolute; width:100% !important; z-index:1; top: 75px; padding: 0px !important; } .nav.navbar-nav{ /* background: #0d3198; */ background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(14,77,210,1) 0%, rgba(38,83,196,1) 64%, rgba(5,0,103,1) 93%); /* position: absolute; */ color: #505050; width: 100%; } .logo{ height: 50px; margin: 0px 50px; justify-content: center; align-items: center; width: 100%; } .header-section .logo{ width:20% !important; padding:25px !important; } .header-section .menu{ display:flex; padding-left:0px !important; } .header-section .menu>li{ padding-left:0px !important; padding-right:0px !important; } .cta.cta-wrapper{ margin-top:20px } } @media(min-width: 320px){ .navbar-expand-lg .navbar-collapse { display:none !important } .navbar-brand{ margin-right:0px !important; } } .header_text{ font-size: 14px; font-weight: bold; } .text_dark{ color:#505050; } .contactus_btn, .contactus_btn:hover,.contactus_btn:active{ border-radius: 10px; background-color: #ec3d34 !important; height: 40px; border:none; padding: 10px 10px; width: 125px; justify-content: center; } .contactus_btn{ cursor: pointer; display: inline-block; position: relative; transition: 0.5s; } .contactus_btn:after { content: '»'; position: absolute; opacity: 0; top: 0px; right: 1px; transition: 0.5s; font-size: 25px; } .contactus_btn:hover{ padding-right: 24px; padding-left:8px; } .contactus_btn:hover:after { opacity: 1; right: 10px; } .green_btn, .green_btn:hover,.green_btn:active{ border-radius: 10px; background-color: #86be3e !important; height: 40px; padding: 10px 29px; border:none } .dropdown_icon{ color:#000; } .row-fluid-wrapper.row-depth-1.row-number-2.dnd-row.header_fixed { position: fixed; width: 100%; z-index: 999 !important; top:0; } .navscroll{ background-color:#fff !important; box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%); } .navscroll .nav_sec li a{ color:#000; } .navscroll down_arrow{ color:#000; } .hover_class:hover a{ color:#fff !important; } .logo{ padding-left:30px; } .background_img { background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } .modal-backdrop { z-index:1 !important; } .contact.modal-content { width:auto !important; } .font_23{ font-size:23px; } .font_16{ font-size:16px; } .contact_form.modal-dialog{ max-width:auto !important; } .modal-dialog.bg-blue{ background-color:#e8f1ff !important; background-size: cover; background-position: inherit; background-repeat: no-repeat; height: auto; } .no-resize { resize: none; height:150px; } input[type="text"],input[type="email"],input[type="tel"],select{ height:50px; font-size:16px !important; } textarea{ font-size:16px !important; } .margin_top{ margin:15px 0px; } input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=number]:focus, input[type=file]:focus, select:focus, textarea:focus { border-color: #cbc6c6; } .form_cntc{ border-radius: 15px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.09); background-color: #fff; } .pb_10{ padding-bottom:10px !important; } .cntct_btn{ border-radius: 6px; background-color: #86be3e; width:100%; border:#86be3e; height:50px; padding:0px; } .br_15{ border-radius:15px; } .cntct_btn:hover,.cntct_btn:active{ border-radius: 6px; background-color: #86be3e; width:100%; border:#86be3e; } .custom-select select { appearance: none; -webkit-appearance: none; -moz-appearance: none; background-color: transparent; border: none; padding: 0px; color: #000; cursor: pointer; top: -5px; position: relative; } .custom-select::after { content: '\25BC'; position: absolute; top: 50%; right: 30px; transform: translateY(-50%); pointer-events: none; font-size:16px; } .custom-select{ background:none !important; /* padding:0px !important; */ } div#contact_us_modal { padding:0px; } @keyframes fadeInLeft { from { opacity: 0; transform: translateX(-20px); } to { opacity: 1; transform: translateX(0); } } .form-hide{ display:none !important; } .contact-hide{ display:none !important; } .contact-show{ display:block !important; } #contact-hide{ display:none !important; } .form-top { padding-top:70px !important; }
.submenu-item{
  margin-top:0px !important;
}
.sub-menu-list a:active,.sub-menu-list a:focus,.sub-menu-list p:hover,.sub-menu-list a:hover {
  color: #48f !important;
}
.submenu-item1{
  padding:0px !important;
  width:100%;
  margin:0px !important;
  
}
.submenu .sub-menu-1-1 div{
  padding:0px !important;
}
.main-menu>.menu-item{
  cursor:pointer;
}
.submenu-description{
  padding:10px 20px;
  width:100%;
    font-size:14px !important;
}
.sub-menu-list a {
    padding: 10px 30px;
    width: 100%;
   display:flex;
}
.mobile-submenu .sub-menu-list:hover {
    background: #e6f1fe;
  border-radius: 5px;
}
.mobile-submenu .submenu-item:hover {
   border-radius: 15px;
}
.li-tag{
  width:125px !important;
}