/* Header Section */

header { position: absolute; width: 100%; left: 0; top: 0; z-index: 40; padding: 15px 0px 15px; background-image: url(../../images/header-shadow.png); background-position: top center; background-repeat: repeat-x;     background-size: contain; }

header .container-fluid {  max-width:1730px; }

header .logo { float: left;z-index: 999996; position: relative; }

header .logo img { max-height: 70px; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease; width: 100%; height: auto;}

header .header-menu { float: right; margin-top: 15px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;transition: all 0.3s ease; }

.header-menu #nav { float: left; margin-top: 15px;}

header .navbar-nav li a { color: #fff; font-size: 18px; margin: 0 20px; text-transform: uppercase; }

.header-menu .btn.orange-btn { float: right; margin-left: 15px; padding:12px 23px; text-transform: none; font-size: 18px;font-weight: 600;

font-family: 'Open Sans',sans-serif; position:relative; overflow: hidden; border:0; text-transform: uppercase; } 

header .header-menu .navbar-nav { flex-direction: row; }

header .logo figure { margin-bottom: 0; }

.blog header, .single-post header { background-image: none !important; }




.single-post header .ubermenu #ubermenu-nav-main-41-primary > li.ubermenu-item-12598 a .ubermenu-target-text,
.single-post header .ubermenu #ubermenu-nav-main-41-primary > li.ubermenu-item-12597 a .ubermenu-target-text,
.single-post header .ubermenu #ubermenu-nav-main-41-primary > li.ubermenu-item-12595 a .ubermenu-target-text,
.single-post header .ubermenu #ubermenu-nav-main-41-primary > li.ubermenu-item-12599 a .ubermenu-target-text,
.single-post header .ubermenu #ubermenu-nav-main-41-primary > li.ubermenu-item-12596 a .ubermenu-target-text,
.blog header .ubermenu #ubermenu-nav-main-41-primary > li.ubermenu-item-12598 a .ubermenu-target-text,
.blog header .ubermenu #ubermenu-nav-main-41-primary > li.ubermenu-item-12597 a .ubermenu-target-text,
.blog header .ubermenu #ubermenu-nav-main-41-primary > li.ubermenu-item-12595 a .ubermenu-target-text,
.blog header .ubermenu #ubermenu-nav-main-41-primary > li.ubermenu-item-12599 a .ubermenu-target-text,
.blog header .ubermenu #ubermenu-nav-main-41-primary > li.ubermenu-item-12596 a .ubermenu-target-text { color: #000; }


.header-menu #nav {    margin-top: 0; }
.sub-menu-wrap .sub-block .hide { opacity: 0; }
header .ubermenu .ubermenu-submenu .ubermenu-column-auto { width: 100%; }
.sub-menu-wrap h3, .ubermenu .ubermenu-custom-content-padded h3, header .ubermenu-skin-grey-white .ubermenu-submenu .ubermenu-tab .main-block h3 a { font-size: 18px !important; font-weight: 700; color: #000 !important; line-height: 24px; }
.ubermenu .ubermenu-custom-content-padded h3 { margin: 5px 0; }
.sub-menu-wrap .main-block { width: 75%; float: left; min-height: 460px;}
header .ubermenu-skin-grey-white .ubermenu-submenu .ubermenu-tab .main-block a, .sub-menu-wrap .sub-block p { color: #696969 !important; font-size: 14px; line-height: 22px; }
header .ubermenu-skin-grey-white .ubermenu-submenu .ubermenu-tab .main-block a:hover { color: #000 !important; }
.sub-menu-wrap .main-block > ul { display: flex; justify-content: space-between; }
.sub-menu-wrap .main-block ul li.tech-list{ position: relative; width: 31%;  } 
.sub-menu-wrap .main-block ul li.tech-list:after { content: ''; right: -5px; bottom: 0; border-right: 2px solid #ebebeb; position: absolute; height: 83%; }
.sub-menu-wrap .main-block ul li.tech-list img, .sub-menu-wrap .sub-block .hide img { max-width: 70px;   margin-top: 6px; }
.sub-menu-wrap .main-block ul li.tech-list figure, .sub-menu-wrap .sub-block .hide figure { margin-bottom: 10px; }
.sub-menu-wrap .main-block ul li.tech-list ul li { margin-bottom: 0px; padding-top: 5px; padding-bottom: 5px; width: 100%; line-height: 22px; }
.sub-menu-wrap .sub-block { width: 25%; padding-left: 25px; }
.sub-menu-wrap .sub-block ul li  { display: inline-block; } 
.sub-menu-wrap .contact-info{ padding-top: 40px;  }
.sub-menu-wrap .contact-info ul li { display: inline-block;width: auto;   padding-right: 5%; }
.sub-menu-wrap .contact-info ul li:last-child {  padding-right: 0; }
.sub-menu-wrap .contact-info ul li span{ min-width: 90px; }
.sub-menu-wrap .contact-info ul li .btn { min-width: 130px; padding: 10px; text-transform: inherit; color:#fff !important; }
.sub-menu-wrap .contact-info ul li figure {   margin-top: -8px !important;    margin-right: 7px !important; }
header .ubermenu-skin-grey-white .sub-menu-wrap .sub-block .list li a { color: #696969 !important; font-size: 14px;    line-height: 22px; }




header .ubermenu .ubermenu-tab-layout-left>.ubermenu-tabs-group>.ubermenu-tab>.ubermenu-tab-content-panel{ background-color: transparent; }
header .ubermenu-skin-grey-white .ubermenu-item-level-0 > .ubermenu-target, header .ubermenu-nav, header .ubermenu-skin-grey-white { background-color: transparent !important;  padding-bottom: 36px; }
header .ubermenu.ubermenu-disable-submenu-scroll .ubermenu-item>.ubermenu-submenu.ubermenu-submenu-type-mega {  max-width: 1700px; left: 0; right: 0; margin: 0 auto; width: 98.5%; } 
header .ubermenu .ubermenu-nav .ubermenu-column-1-5 {  width: 23% !important; }
header .ubermenu .ubermenu-nav .ubermenu-column-5-6 { width: 76%; }


header .ubermenu-submenu.ubermenu-submenu-id-12602 { background-color: #f8f8f8; }
header .ubermenu-skin-grey-white .ubermenu-submenu .ubermenu-tab { border-left: 4px solid #f8f8f8; border-bottom: 1px solid #e8e9eb; background-color: #f8f8f8;  }
header .ubermenu-skin-grey-white .ubermenu-submenu .ubermenu-tab a { color: #000 !important; font-size: 16px; }
header .ubermenu-skin-grey-white .ubermenu-submenu .ubermenu-tab a.btn { color: #fff !important; }
header .ubermenu-skin-grey-white .ubermenu-submenu .ubermenu-tab.ubermenu-active,
header .ubermenu-skin-grey-white .ubermenu-submenu .ubermenu-tab:hover{ border-left: 4px solid #f89824; }
header .ubermenu-skin-grey-white .ubermenu-submenu .ubermenu-tab.ubermenu-active > .ubermenu-target,
header .ubermenu-skin-grey-white .ubermenu-submenu .ubermenu-tab:hover .ubermenu-target { background-color: #018daf !important; color:#fff !important; }

.sub-menu-wrap .contact-info ul { display: flex;  align-items: center; justify-content: center; }
.sub-menu-wrap .contact-info ul li { display: flex;  align-items: center;}
.sub-menu-wrap .contact-info ul li figure, .sub-menu-wrap .contact-info ul li p { margin: 0; font-size: 14px; line-height: 14px; color: #000; }
.sub-menu-wrap .contact-info ul li a{font-weight: 600; font-size: 16px; }
.sub-menu-wrap .contact-info ul li .btn-col { display: flex;  align-items: center; }

.ubermenu-sub-indicators .ubermenu-has-submenu-drop>.ubermenu-target>.ubermenu-sub-indicator {  right: 8px !important; top: 27px !important; font-size: 15px !important; margin-top: -6px !important; }



.sub-menu-wrap .main-block.v2 > ul {  display: block; margin-top: 15px; }
 
.sub-menu-wrap .main-block.v2 > ul li {
    display: flex;
    align-items: center;
    width: 44%;
    justify-content: start;
    margin-right: 4%;
    float: left;
    margin-bottom: 0;
    padding: 5px 15px 10px 25px;
    position: relative;border-radius: 4px !important;
}
.sub-menu-wrap .main-block.v2 > ul li:hover { background-color: #f2f2f2; border-radius: 4px !important; }	
.sub-menu-wrap .main-block.v2 > ul li:hover:after{ content: ''; width: 30px; height: 30px; top: 50%; left: -15px; position: absolute; margin-top: -15px; 
background-color: #f2f2f2; transform: rotateZ(45deg); }	
.sub-menu-wrap .main-block.v2 > ul li figure { margin-bottom: 0; width: 95px; }
.sub-menu-wrap .main-block.v2 > ul li p{ font-size: 14px; line-height: 22px; max-width: 230px; margin-bottom: 0;}
.sub-menu-wrap .main-block.v2 > ul li div { width: 100%;  }

.sub-menu-wrap .main-block.v2.sm > ul li figure { width: 85px; }
header .ubermenu-main .ubermenu-row {   max-width: 1700px; }

header .mob-menu{ display: none; }

header .ubermenu-skin-grey-white .sub-menu-wrap .sub-block { position: relative; }


header .ubermenu-skin-grey-white .sub-menu-wrap .sub-block:before { position: absolute; height: 80%; top:5%; width: 2px; background-color: #ebebeb; left: -30px; content: ''; }
header .ubermenu-skin-grey-white #menu-item-12649 .sub-menu-wrap .sub-block:before { content: none; }

/*#menu-item-12649 .sub-menu-wrap .main-block ul li.tech-list:nth-child(1) a:hover {  color: #a25a94 !important; font-weight: 500; }
#menu-item-12649 .sub-menu-wrap .main-block ul li.tech-list:nth-child(2) a:hover {  color: #4b893b !important; font-weight: 500; }
#menu-item-12649 .sub-menu-wrap .main-block ul li.tech-list:nth-child(3) a:hover {  color: #f26322 !important; font-weight: 500; }
header .ubermenu-skin-grey-white .sub-menu-wrap .sub-block .list li a:hover {  color: #2da881 !important; font-weight: 500; }*/

header .mob-menu #menu-item-12783 .sub-menu.level-3 li a,
header .mob-menu #menu-item-12786 .sub-menu.level-3 li a,
header .mob-menu #menu-item-12787 .sub-menu.level-3 li a,
header .mob-menu #menu-item-12789 .sub-menu.level-3 li a { padding-left: 20px !important; }






#main-header {
    transition: all 0.6s ease;
}

#main-header.header-scrolled {
	position: fixed;
	max-height: 110px;
     background: rgba(0,0,0,0.97);
    box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}
header .ubermenu-skin-grey-white .sub-menu-wrap .sub-block .list li:hover,
.sub-menu-wrap .main-block ul li.tech-list ul li:hover {  box-shadow: -3px 0 0 0 #f89824; background-color: #018daf !important; padding-left: 6px; width: 100%; }
.sub-menu-wrap .main-block ul li.tech-list ul li:hover a, .sub-menu-wrap .main-block ul li.tech-list ul li a:hover { color: #fff !important; }

header .ubermenu-skin-grey-white .sub-menu-wrap .sub-block .list li:hover a,
header .ubermenu-skin-grey-white .ubermenu-submenu #menu-item-12620 .main-block a:hover{ color: #fff !important; }
header .ubermenu-skin-grey-white .sub-menu-wrap .sub-block .list li{ padding-bottom: 3px; padding-top: 3px; }

header .ubermenu-skin-grey-white .ubermenu-submenu .ubermenu-tab .main-block a:hover,
.sub-menu-wrap .main-block.v2 > ul li:hover a { color: #f89824 !important; }




.header-menu .btn.orange-btn span { position: absolute; display: block; }
.header-menu .btn.orange-btn span:nth-child(1) { top: 0; left: -100%; width: 100%; height: 2px; background:  linear-gradient(90deg, transparent, #fff); animation: btn-anim1 2s linear infinite; }
@keyframes btn-anim1 {
  0% {
    left: -100%;
  }
  50%, 100% {
    left: 100%;
  }
}
.header-menu .btn.orange-btn span:nth-child(2) {
  top: -100%;
  right: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(180deg, transparent, #fff);
  animation: btn-anim2 2s linear infinite;
  animation-delay: 0.50s;
}
@keyframes btn-anim2 {
  0% {
    top: -100%;
  }
  50%, 100% {
    top: 100%;
  }
}
.header-menu .btn.orange-btn span:nth-child(3) {
  bottom: 0;
  right: -100%;
  width: 100%;
  height: 2px;
  background: linear-gradient(270deg, transparent, #fff);
  animation: btn-anim3 2s linear infinite;
  animation-delay: 1.0s;
}
@keyframes btn-anim3 {
  0% {
    right: -100%;
  }
  50%, 100% {
    right: 100%;
  }
}
.header-menu .btn.orange-btn span:nth-child(4) {
  bottom: -100%;
  left: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(360deg, transparent, #fff);
  animation: btn-anim4 2s linear infinite;
  animation-delay: 1.50s;
}
@keyframes btn-anim4 {
  0% {
    bottom: -100%;
  }
  50%, 100% {
    bottom: 100%;
  }
}































/* Responsive */



@media (max-width: 1399px){ 
.sub-menu-wrap .contact-info ul li {  flex-direction: column; text-align: center;  }
.sub-menu-wrap .contact-info ul {  display: flex;  align-items: center;  justify-content: space-between;}



}




@media (max-width: 1299px){ 

header .navbar-nav li a {  margin: 0px 15px; }









}

/* 1299 END */







@media (max-width: 1199px){ 

header { position: fixed; }
header .logo img{ max-width: 250px; }

.header-menu .btn.orange-btn { padding: 8px 15px;  font-size: 16px; }

header .navbar-nav li a { margin: 0px 10px; font-size: 16px;}

.header-menu #nav {    margin-top: 10px; }

.header-menu .btn.orange-btn { margin-left: 10px;  }

 

header .header-menu {   margin-right: 80px; }
header .mob-menu{ display: block !important; }
header #nav { display: none !important;  }
header .header-menu { margin-right: 80px; }
header{ padding-top: 15px; }
header .rd-navbar-fixed .rd-navbar-toggle {  top: 26px;  right: 15px; } 
header.fixed-top { background-color: rgba(0,0,0,0.9);     -webkit-transition: all 0.5s ease;    -moz-transition: all 0.5s ease;    -ms-transition: all 0.5s ease;    transition: all 0.5s ease; 
}



}

/* 1199 END */ 







@media (max-width: 991px){ 
 
 







}

/* 991 END */







@media (max-width: 767px){ 

 
header .header-menu { margin-top: 15px; margin-right: 60px; }
header .rd-navbar-fixed .rd-navbar-toggle { top: 27px; }




}

/* 767 END */









@media (max-width: 599px){ 
 
.header-menu .btn.orange-btn{ display: none; }




} 

/* 599 END */



@media (max-width: 479px){ 
 

.header-menu .btn.orange-btn {  padding: 10px 10px; font-size: 14px; display: none;  }







} 

/* 479 END */



@media (max-width: 375px){ 

.header-menu .btn.orange-btn { padding: 10px 6px; font-size: 13px; }
 

.rd-navbar-fixed .rd-navbar-nav-wrap { width: 325px;  }

header .logo img { max-width: 210px; }
header .rd-navbar-fixed .rd-navbar-toggle {
    top: 22px;
}





} 

/* 375 END */