/*New menu changes Roy 02-04-2019*/
#header #navigation>ul.master-menu>li.megamenu>ul>li.sogo-customer-main-cx>a .fa-chevron-right{
  vertical-align: middle;
}
#navigation>ul.master-menu>li>ul li a, #navigation>ul.master-menu>li>ul ul li a {
  color: #ffffff !important;
  font-size: 14px;
}
#navigation>ul.master-menu>li>ul li a span.mega-new-menu, #navigation>ul.master-menu>li>ul ul li a span.mega-new-menu{
display: inline-block;
}
#header #navigation>ul.master-menu>li.megamenu>ul>li>a{font-size: 16px;}
.sogo-solution-block ul li span.mega-new-menu{
  margin-left: 0px !important;
}
#navigation>ul.master-menu>li>ul li a span.mega-new-menu, #navigation>ul.master-menu>li>ul ul li a span.mega-new-menu {
  margin-left: 23px;
}
#navigation>ul.master-menu>li:nth-child(4)>ul.sub-menu{width: 220px;box-sizing: border-box;padding: 20px 10px;}
#navigation>ul.master-menu>li:nth-child(3)>ul.sub-menu {
  width: 600px;
  padding: 20px 0;
}
#navigation>ul.master-menu>li.megamenu>ul>li {
  padding: 0 20px;
}
#navigation>ul.master-menu>li>ul>li a i.fab, #navigation>ul.master-menu>li>ul>li a i.fal, #navigation>ul.master-menu>li>ul>li a i.far{display: none !important;}
#menu-new-topbar-navigation>li:nth-child(1)>ul.sub-menu, #menu-new-topbar-navigation>li:nth-child(2)>ul.sub-menu{
  padding: 10px 25px;
}
.sfci-hr {
  border: solid 3px #fff000 !important;
  background-color: #fff000 !important;
}

/*New menu changes Roy 02-04-2019 ends*/

#header.header-transparent.header-v1 #navigation>ul>li.demo-button {
  margin-left: 10px !important;
}
/*body #header.header-transparent.header-v1 #navigation>ul#nav>li.coral-button a{
padding: 10px 8px !important;margin-top: -23px;
}*/
#header.header-transparent.header-v1 #navigation>ul#nav>li.demo-button a{padding: 7px 10px !important;margin-top: -21px;}
.sogo-top-individual-ques.ent-ques, .ent-ques .sogo-top-ent-bar{cursor: default;}
.mobile-individual-switch{
  background: #fff000;
  padding: 10px;
  display: none;
}
.top-drop-down-select:hover #top-option, .top-drop-down-select:hover .top-arrow-caret i {
  color: #fff000!important;
}
.sogo-testimonial-main-heading .orange-top-border {
  border-top: 5px solid #fff000;
  }
  a.orange-coral-btn{
   box-shadow: none !important; 
  }
  a.orange-coral-btn:hover{
   box-shadow: none !important; 
   box-shadow: 0 10px 30px -10px #fff000 !important;
  }
  .sogo-primary-li a,.sogo-primary-btn,.try_now a,#back-to-top a:hover{
      background-color: #fff000 !important;
  }
  .sgupbg .signupSubmit{
      background-color: #fff000 !important;
      box-shadow: none !important;
  }
  .sgupbg .signupSubmit:hover{
    background-image: linear-gradient(100deg,rgba(255,255,255,0.5),rgba(0,0,0,0.5)),linear-gradient(#fff000, #fff000)!important;
    box-shadow: 0 10px 30px -10px #fff000 !important;
  
  }
  .sogo-primary-li a:hover,.sogo-primary-btn:hover{
      background-image: linear-gradient(105deg, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.25)), linear-gradient(#fff000, #fff000) !important;
      box-shadow: 0 10px 20px -10px #fff000 !important;
  }
  .sogo-secondary-li a,.sogo-secondary-btn{
      color: #fff000 !important;
      border: 2px solid rgba(2, 190, 204, 0.3) !important;
  }
  .sogo-secondary-li a:hover,.sogo-secondary-btn:hover{
      background: rgba(2, 190, 204, 0.3) !important;
      border: solid 2px transparent !important;
  }
  .stuck.header-transparent.header-v1 #navigation > ul > li.demo-button > a{
        color: #fff000 !important;
   }
  #header.header-transparent.header-v1 #navigation > ul > li:hover > a, #header.header-transparent.header-v1 #navigation > ul > li > a:hover,#header.header-transparent.header-v1 #navigation > ul > li > a:hover .fa-caret-down, #header.header-transparent.header-v1 #navigation > ul > li:hover > a .fa-caret-down {
          color: #fff000 !important;
  }
  #header.header-transparent.header-v1 #navigation > ul > li.current-menu-parent > a:hover .fa-caret-down,#header.header-transparent.header-v1 #navigation > ul > li.current-menu-parent > a .fa-caret-down,#footer a, #footer .widget ul li:after{
          color: #fff000;
  }
  #topbar a:hover {
      color: #fff000 !important;
  }
  #topbar .support_menu2 li a:hover {
      color: #fff000;
  }
#navigation > ul.master-menu > li.megamenu > ul ul li a:hover,#header #navigation > ul.master-menu > li > ul ul li.current-menu-item > a{
      color: #fff000 !important;
  }
#navigation > ul.master-menu > li.megamenu > ul ul li.demo-button a:hover {
  color: #232c35 !important;
}
  #navigation > ul.master-menu > li.megamenu > ul li a:hover, #header #navigation > ul.master-menu > li > ul li.current-menu-item > a{
      color: #fff000 !important;
  }
  #menu-new-topbar-navigation>li>ul.sub-menu>li a:hover{
      color: #fff000 !important;
  }
  #top-option{
      color: #888 !important;
      font-family: lotagrotesque-regular;
      font-size: 14px;
  }
   .top-arrow-caret i{ color: #888 !important; font-size: 12px;}
  #header.header-transparent.header-v1 #navigation > ul > li.current-menu-item > a,
  #header.header-transparent.header-v1 #navigation > ul > li.current-page-ancestor-xxx > a,
  #header.header-transparent.header-v1 #navigation > ul > li.current-page-ancestor-xxx > a:hover,
  #header.header-transparent.header-v1 #navigation > ul > li.current-menu-ancestor-xxx > a,
  #header.header-transparent.header-v1 #navigation > ul > li.current-menu-ancestor-xxx > a:hover,
  #header.header-transparent.header-v1 #navigation > ul > li.current-menu-parent > a,
  #header.header-transparent.header-v1 #navigation > ul > li.current-menu-parent > a:hover,
  #header.header-transparent.header-v1 #navigation > ul > li.current_page_ancestor-xxx > a,
  #header.header-transparent.header-v1 #navigation > ul > li.current_page_ancestor-xxx > a:hover,
  #header.header-transparent.header-v1 #navigation > ul > li.sfHover > a, #navigation li.current-menu-ancestor > a,#navigation > ul.master-menu li.current-menu-ancestor .fa-caret-down,.stuck.header-transparent.header-v1 #navigation > ul > li.current-menu-ancestor > a
{
      color: #fff000 !important;
  }
 .green-button{
  background-color: #fff000 !important;
}
.green-button:hover{
  background-image: linear-gradient(105deg, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.25)), linear-gradient(#fff000, #fff000) !important;
  transform: scale(1.10);
  color: #262a2a;
  box-shadow: 0 10px 20px -10px #fff000 !important;
}
.green-button:active {
  background-image: linear-gradient(105deg, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.25)), linear-gradient(#fff000, #fff000) !important;
  transform: scale(1.05);
  box-shadow: 0 10px 20px -10px #fff000 !important;
}
/*.turqoise-button{
  color: #fff000 !important;
  border: 2px solid rgba(2, 190, 204, 0.3) !important;
}*/
.turqoise-button:hover{
  /*background: rgba(2, 190, 204, 0.3) !important;*/
  border: solid 2px transparent !important;
}
.turqoise-button:active {
/*    background: rgba(2, 190, 204, 0.3) !important;*/
  border: solid 2px transparent !important;
}
.turqoise-button {
  color: #262a2a !important;
  border: 2px solid #fff000 !important;
  padding: 14px 24px;
}
.turqoise-button:hover,.turqoise-button:active{
background: rgb(255 240 0) !important;
}
@media only screen and (max-width: 960px) and (min-width: 768px){
.sogo-primary-li a{
    background-color: transparent !important;
}
#mobile-navigation ul li a:hover, #mobile-navigation ul li a:hover [class^='fa-'], #mobile-navigation li.open > a, #mobile-navigation ul li.current-menu-item > a, #mobile-navigation ul li.current-menu-ancestor > a{
  color: #fff000 !important;
}
.sogo-secondary-li a, .sogo-secondary-btn{
  color: #333!important;
  border: 2px solid transparent !important;
}
.sogo-primary-li a:hover,.sogo-primary-btn:hover{
      background-image: none !important;
      box-shadow: none !important;
}
.sogo-secondary-li a:hover,.sogo-secondary-btn:hover{
  background: transparent !important;
  border: solid 2px transparent !important;
}
}
@media screen and (max-width:767px){
 .mobile-individual-switch{display: block;}
.sogo-primary-li a{
    background-color: transparent !important;
}
#mobile-navigation ul li a:hover, #mobile-navigation ul li a:hover [class^='fa-'], #mobile-navigation li.open > a, #mobile-navigation ul li.current-menu-item > a, #mobile-navigation ul li.current-menu-ancestor > a{
  color: #fff000 !important;
}
.sogo-primary-li a:hover,.sogo-primary-btn:hover{
      background-image: none !important;
      box-shadow: none !important;
}
.sogo-secondary-li a, .sogo-secondary-btn{
  color: #fff000 !important;
  border: 2px solid transparent !important;
}
.sogo-secondary-li a:hover,.sogo-secondary-btn:hover{
  background: transparent !important;
  border: solid 2px transparent !important;
}
}
@supports (-ms-ime-align:auto) {
.sgupbg .signupSubmit:hover,#header.header-transparent.header-v1 #navigation > ul > li.coral-button a:hover,.try_now .green-button:hover,.try_now .green-button:active{
background-image: linear-gradient(100deg, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.1)), linear-gradient(#fff000, #fff000) !important;
}
.try_now .green-button,.try_now .green-button:hover,.try_now .green-button:active{
border: solid 2px transparent !important;
background-color: #fff000 !important;
background: #fff000 !important;
}
div #navigation>ul.master-menu>li:nth-child(2)>ul.sub-menu{
left: -296% !important;
transform: none !important;
}
}
@media screen and (min-width:0\0) {
div #navigation>ul.master-menu>li:nth-child(2)>ul.sub-menu{

transform: none !important;
}
.sgupbg .signupSubmit:hover,#header.header-transparent.header-v1 #navigation > ul > li.coral-button a:hover,.try_now .green-button:hover,.try_now .green-button:active{
background-image:linear-gradient(100deg, rgba(255, 255, 255, 0.3), rgba(0, 0, 0, 0.1)), linear-gradient(#fff000, #fff000) !important;
}
.try_now .green-button,.try_now .green-button:hover,.try_now .green-button:active{
border: solid 2px transparent !important;
background-color: #fff000 !important;
background: #fff000!important;
}
}

.mobile-customer-overview{display:none !important;}
@media screen and (min-width: 960px) and (max-width: 1200px){
#mobile-navigation{display:none !important;}
}
@media screen and (min-width: 768px) and (max-width: 960px){
#mobile-header .nav-mobile {right: 20px !important;}
}
@media screen and (max-width: 960px){
.mobile-customer-overview{display: block !important;}
#mobile-header .nav-mobile {
display: block;
position: absolute;
top: 30px;
right: -20px;
height: 25px;
width: 35px;
}
#mobile-header #nav-toggle {
position: absolute;
left: 0px;
top: 0px;
cursor: pointer;
padding: 10px 35px 15px 0px;
}
#mobile-header #nav-toggle  span,#mobile-header #nav-toggle span:before,#mobile-header #nav-toggle span:after {
cursor: pointer;
border-radius: 1px;
height: 4px;
width: 35px;
/* background: rgba(51, 51, 51, .8); */
background: #ebedf1;
position: absolute;
display: block;
content: '';
transition: all 300ms ease-in-out;
}
#mobile-header #nav-toggle  span:before {
top: -10px;
}
#mobile-header #nav-toggle  span:after {
bottom: -10px;
}
#mobile-navigation ul li a{
  font-size: 14px;
  font-family: lotagrotesque-regular;
  line-height: 1.9;
  color: #ebedf1 !important;
}
#mobile-navigation ul li a.nav-active{color: #fff000 !important;}
#mobile-navigation ul li i {
  padding: 4px 0px 0px 0px !important;
  margin: 0 !important;
  pointer-events: none;
}
#mobile-navigation ul li a.nav-active:hover,#mobile-navigation ul li a.nav-active:active,#mobile-navigation ul li a.nav-active i ,#mobile-navigation ul li a.nav-active:hover i{color: #fff000 !important;}
}

@media only screen and (max-width: 1200px) and (min-width: 960px){
#navigation>ul.master-menu>li:nth-child(2)>ul.sub-menu:before {left: 47% !important;}
/*#navigation>ul.master-menu>li:nth-child(3)>ul.sub-menu{width: 650px !important;}*/
}
#topbar.sogo-topbar{background: #092224!important;}

/*Adding new mega menu changes - Start - June 2024*/
.sogo-secondary-li a,
.sogo-secondary-btn {
	color: #fff000 !important;
	border: 2px solid <?php echo rgba(2, 190, 204, 0.3) ?> !important;
}

.sogo-secondary-li a:hover,
.sogo-secondary-btn:hover {
	background: <?php echo rgba(2, 190, 204, 0.3) ?> !important;
	border: solid 2px transparent !important;
}

.stuck.header-transparent.header-v1 #navigation>ul>li.demo-button>a {
	color: #fff000 !important;
}

#header.header-transparent.header-v1 #navigation>ul>li:hover>a,
#header.header-transparent.header-v1 #navigation>ul>li>a:hover,
#header.header-transparent.header-v1 #navigation>ul>li>a:hover .fa-caret-down,
#header.header-transparent.header-v1 #navigation>ul>li:hover>a .fa-caret-down {
	color: #fff000 !important;
}

#header.header-transparent.header-v1 #navigation>ul>li.current-menu-item>a,
.stuck.header-transparent.header-v1 #navigation>ul>li.current-menu-ancestor>a {
	color: #ffffff !important;
}

#navigation li.current-menu-ancestor>a {
	color: #ffffff !important;
}

/*Adding new mega menu changes - end - June 2024*/