/*=========================================================================

 01. Navigation

=========================================================================*/

@font-face {
  font-family: 'Raleway-Light';
  src: url('../fonts/Raleway-Light.otf');
  font-weight: normal;
  font-style: normal;
}

.header-inner {
    background-color: #fff;
    margin-top: -5px !important;
    font-family: raleway;
    padding-bottom: 1px;
}
@media (max-width: 1439px) {
    .header-inner{
        padding-bottom: 3px;
    }
}

/************ Sticky ***********/
nav { position: relative; }

.sticky { top: 0; 
        animation: thedrop 1s 1; 
        -moz-animation: thedrop 1s 1; 
        -webkit-animation: thedrop 1s 1; 
        background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8); 
        position: fixed; width: 100%; }

.sticky .owl-menu > li > a { 
    padding: 26px 30px 13px;
}



#header .sticky { 
    left: 0; 
    -webkit-transition: all 0.4s ease;/* Safari 3.2+, Chrome */ 
    -moz-transition: all 0.4s ease;/* Firefox 4-15 */ 
    -o-transition: all 0.4s ease;/* Opera 10.5-12.00 */ 
    transition: all 0.4s ease;/* Firefox 16+, Opera 12.50+ */ 
    border-bottom: 1px solid #3c467d;
}

#header .sticky .logo { 
    font-size: 16px;
    font-weight: 800;
    line-height: 29px;
    margin: 12px 10px 0 !important;
    width: 130px;
}

/* -------------------------------- 

Sliding menu

-------------------------------- */


.page-wrapper { right: 0; -webkit-transition: all 0.4s ease; /* Safari 3.2+, Chrome */ -moz-transition: all 0.4s ease; /* Firefox 4-15 */ -o-transition: all 0.4s ease; /* Opera 10.5-12.00 */ transition: all 0.4s ease;/* Firefox 16+, Opera 12.50+ */ }


.no-touch #owl-lateral-nav .socials a:hover { background-color: #4e6361; }

/*=========================================================================

 02. Owl Responsive Top and Side Navigation

=========================================================================*/

/*** main ***/

.top-header-nav { background: none repeat scroll 0 0 #FFFFFF; -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); display: block; position: relative; }

.owl-menu { margin: 0 auto; float: right; }

/*** Full Width ***/

.owl-menu.full { float: none; width: 100%; }

.owl-menu a { color: #777777; display: block; font: 500 14px/17px "Roboto", Arial, sans-serif; padding: 12px; position: relative; text-decoration: none; -webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
 -o-transition: all .3s ease;
 -ms-transition: all .3s ease;
 transition: all .3s ease;
}

.owlHover .owl-with-ul { background: #fff; color: #000; }

.owl-menu > li > a { 
    color: #000;
    display: block;
    font: 400 13px/15px raleway,"Roboto",Arial,sans-serif;
    overflow: hidden;
    padding: 27px 30px 19px;
    position: relative;
    text-align: center;
    transition: color 0.3s ease 0s;
    z-index: 7; 
}

.owl-menu > li > a:hover { 
    /*border-bottom: 7px solid #3e3b7c;*/
}

.owl-menu > li > a.active { border-bottom: 7px solid #3e3b7c }

.owl-menu .tag { background: none repeat scroll 0 0 #F75100; border-radius: 3px; color: #FFFFFF; float: right; font-size: 10px; line-height: 16px; padding: 0 5px 1px; }

.owl-menu-img img { display: block; margin: 17px 0 0; position: relative; width: 100%; }

/*** DROPDOWN STYLE ***/

.owl-menu .single-dropdown { padding-right: 0; position: relative; }

.owl-menu .owl-nav-list-single { position: absolute; display: none; top: 100%; left: 0; z-index: 99; }

.owl-menu.owl-js-enabled .owl-nav-list-single.last { left: -91px; }

.owl-menu .owl-nav-list-single.last { left: 0; }

.owl-menu > .single-dropdown { float: left; }

.owl-menu .owl-nav-list-single .owl-nav-list-single { top: 0 !important; left: 100%; }

.owl-menu .owl-nav-list-single .owl-nav-list-single .owl-nav-list-single { left: -210px; top: 0; }

/*** DEMO SKIN ***/

.owl-menu .owl-nav-list-single { -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }

/*** styling for both css and generated arrows ***/
/*** styling for right-facing arrows ***/

.owl-arrows ul .owl-with-ul:after { content: "\f105"; font-family: FontAwesome; right: 20px; top: 11px; position: absolute; }

/*** SINGLE DROPDOWN  START ***/

.owl-menu .single-dropdown { position: relative; }

.owl-menu .single-dropdown ul { background: none repeat scroll 0 0 #FFFFFF; overflow: visible !important; width: 210px; top: 75px; }

.owl-menu > .single-dropdown > ul > li { float: left; width: 100%; }

.owl-menu i { float: left; font-size: 14px; line-height: 17px; padding: 0 15px 0 0; }

/*** styling for right-facing arrows ***/

.owl-arrows .mega-dropdown ul .owl-with-ul:after { background: none repeat scroll 0 0 #1B98E0; border: 0 none; content: ""; height: 3px; left: 0; margin: 0; position: absolute; top: 40px; width: 16px; }

/*** ESSENTIAL STYLES ***/

.owl-menu li:hover { visibility: inherit;/* fixes IE7 'sticky bug' */ }

.owl-menu > li { float: left; }

/*** Full Width ***/

.owl-menu.full > li { float: left; border-right: 1px solid rgba(0, 0, 0, 0.03); width: 16.66666666666666%; }

.owl-menu > li:last-child { border-right: 0 none; }

.owl-contener { }

.submenu-container { 
    background: none repeat scroll 0 0 #3e3b7c; 
    position: absolute; }

.owl-menu > li > ul { 
    display: none; 
    left: 0; 
    z-index: 99; 
    padding: 12px 0 18px 0; 
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); 
    box-shadow: 0 1px 1px rgba(254, 254, 254, 0.4);
    top: 69px;
}

.sticky .owl-menu > li > ul {
    /*top: 62px;*/
}

.sticky .owl-menu .mega-dropdown .submenu-container > li > ul {
    top: 0; 
}

.owl-menu li li ul { position: static; display: block; opacity: 1; background: none; padding-bottom: 0; -moz-box-shadow: transparent 0 0 0; -webkit-box-shadow: transparent 0 0 0; box-shadow: transparent 0 0 0; }

.submenu-container .owl-with-ul { display: block; padding-bottom: 6px; }

.cat-title { display: none; }

/*** Dropdown column Size  ***/
/*** 3 column float Left size ***/

.mg-3col-left { position: relative; }

.mg-3col-left .submenu-container { width: 570px !important; }

/*** 3 column float Right size ***/

.mg-3col-right { position: relative; }

.mg-3col-right .submenu-container { width: 570px !important; left: auto; right: 0; }

/*** 3 column Middle align size ***/

.mg-3col-mid { position: relative; }

.mg-3col-mid .submenu-container { width: 570px !important; left: 50%; margin-left: -285px; }

/*** Contact Form ***/

.mg-contact { position: relative; }

.mg-contact .submenu-container { width: 410px !important; left: auto; right: 0; }

/*** Button Style ***/

.owl-nav-btn { background: none repeat scroll 0 0 #000; border: 1px solid #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #fff !important; display: inline-block; float: right; margin-left: 16px; padding: 7px 12px !important; text-transform: uppercase; }

.owl-nav-btn:hover { background: none repeat scroll 0 0 #333; }

/*** List Style ***/

.owl-nav-list { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); display: block; opacity: 1; padding-bottom: 0; position: static; }

.owl-nav-list li,
.owl-nav-list-single li { border-bottom: 1px solid rgba(0, 0, 0, 0.027); }

.owl-nav-list li:last-child,
.owl-nav-list-single li:last-child { border-bottom: 0 none #EEEEEE; }

.owl-menu .owl-nav-list a,
.owl-menu .owl-nav-list-single a { 
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #fff;
    display: block;
    font: 300 14px/17px "Raleway","FontAwesome","Myrirad Pro";
    padding: 5px 0 5px 13px;
    position: relative;
}

.owl-menu .owl-nav-list a:hover,
.owl-menu .owl-nav-list-single a:hover { 
    background: none repeat scroll 0 0 rgba(254, 254, 254, 0.06); 
    color: #f68b2c; 
    padding: 11px 0 11px 21px; }

a.owl-nav-title { 
    color: #fedea5; 
    font-size: 20px; 
    font-weight: 300; 
    position: relative;
    line-height: 25px;
}

/*** Background Image Style ***/

.submenu-container .form1 input { 
            background: none repeat scroll 0 0 #fcfcfc; 
            border: 1px solid #f3f3f3; 
            color: #777777; padding: 8px 14px; }

.submenu-container .form1 label.message { height: 155px; }
@media (max-width: 767px) {
    .submenu-container.bg1 {
    background: none repeat scroll 0 0 #FFFFFF;
   }
}

/*** Vertical Menu Style ***/

.owl-menu.vertical > .single-dropdown { }

.owl-menu.vertical .single-dropdown ul { background: none repeat scroll 0 0 #FFFFFF; padding: 9px 15px; width: 210px; top: 8px; }

.owl-menu.vertical > li { border-right: 1px solid rgba(0, 0, 0, 0.03); border-top: 1px solid rgba(0, 0, 0, 0.03); position: relative; width: 100%; }

.owl-menu.vertical > li > ul { display: none; left: 0; top: 8px; /* match top ul list item height */ z-index: 99; padding: 12px 0 18px 0; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); }

.owl-menu.vertical > li > ul { margin-left: 100%; width: 830px; }

.owl-menu.vertical .mg-3col-mid .submenu-container { width: 570px; left: 0; margin-left: 100%; }

.owl-menu.vertical .mg-contact .submenu-container { width: 410px; left: 0; right: 0; }
@media (max-width: 767px) {
    /*** Vertical Menu Style ***/
    
    .owl-menu.vertical > li > ul {
    margin-left: 0;
    width: 100%;
    top: 0;
    padding: 12px 0 18px;
   }
    .owl-menu.vertical .mg-3col-mid .submenu-container {
    margin-left: 0;
    width: 100%;
    top: 0;
    padding: 12px 0 18px;
   }
    .owl-menu.vertical > li {
    border-right: 0 none;
    border-top: 0 none;
   }
    .owl-menu.vertical .single-dropdown ul {
    width: 100%;
    top: 0;
   }
    .owl-menu.vertical .owl-nav-list-single .owl-nav-list-single {
       background: none repeat scroll 0 0 #F7F7F7;
   }
    .owl-menu.vertical .owl-nav-list-single .owl-nav-list-single .owl-nav-list-single {
    background: none repeat scroll 0 0 #fff;
   }
}
@media (max-width: 1439px) {
    .owl-menu > li > a { 
        padding: 27px 15px 19px; 
    }
    #header .logo { 
        margin-bottom: 0 !important;
        margin-top: 13px !important;
        width: 140px;
    }
    .header-inner .cubrid-link {
        padding: 11px 15px !important;
    }
    .owl-header-buttons {
        width: 45px;
    }
    .sticky .owl-menu > li > a {
        padding: 26px 15px 13px;
    }
}

@media (max-width: 1023px) {
    /*** Full Width ***/
    .cat-menu,
    .owl-menu {
       clear: both;
       display: none;
       float: none;
      }
    .owl-menu ul {
       position: relative;
      }
    .owl-menu > li {
       /*background: #3e3b7c none repeat scroll 0 0;*/
       float: none;
       position: relative;
       border-right: none;
       width: 100%;
   }
    .owl-menu > li > a {
       color: #fff;
       padding: 15px 23px;
       text-align: center;
    }
    .sticky .owl-menu > li > a { 
        font: 400 23px/38px raleway, "Myriad Pro",raleway,"Roboto",Arial,sans-serif;
        padding: 5px;
    }
    
    .owl-menu > li > a:before {
    bottom: -17px;
   }
    .owl-menu .menu-mobile-grover {
       color: #fff;
       cursor: pointer;
       height: 48px;
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       z-index: 8;
   }
    .owl-menu .menu-mobile-grover:after {
       content: "\f105";
       font-family: "FontAwesome";
       font-size: 25px;
       line-height: 48px;
       position: absolute;
       right: 18px;
       top: 0;
   }
    .owl-menu .menu-mobile-grover:before {
/*       background: none repeat scroll 0 0 #3e3b7c;
       border-bottom: 1px solid #3e3b7c;
       border-left: 1px solid #3e3b7c;*/
       content: "";
       height: 48px;
       line-height: 48px;
       position: absolute;
       right: 0;
       top: 0;
       width: 40px;
       z-index: -1;
   }
    .owl-menu .menu-mobile-grover.active:after {
        content: "\f104";
   }
    .owl-menu .submenu-container, .owl-menu .single-dropdown ul {
        top: 0;
        overflow: hidden;
   }    
       /*** SINGLE DROPDOWN  START ***/

       .owl-menu .single-dropdown {
        float: none;
        border-right: none;
        width: 100%;
        position: relative;
    }
    .owl-menu .single-dropdown .owl-nav-list-single {
        position: relative;
        width: 100%;
   }
    .owl-menu > .single-dropdown .owl-nav-list-single > li {
        float: left;
        width: 100%;
        padding-right: 15px;
   }
    .owl-menu > .single-dropdown .owl-nav-list-single > li > ul {
        width: 100%;
        padding: 0;
   }
       /*** 3 column float left size ***/

       /*** 3 column float Right size ***/

       /*** 3 column Middle align size ***/

       /*** Contact form ***/

   .cat-title {
       background: #fff none repeat scroll 0 0;
       color: #000;
       display: block;
       height: 76px;
       position: absolute;
       right: 70px;
       text-transform: uppercase;
       top: 66px;
       width: 76px;
       z-index: 10;

   }

   .cat-title.active {
       background: #3e3b7c none repeat scroll 0 0;
       color: #fff;
   }
    .cat-title:after {
       content: "\f0c9";
       display: block;
       font-family: "FontAwesome";
       font-size: 30px;
       position: absolute;
       right: 0;
       top: 20px;
       text-align: center;
   }
    .cat-title.active:after {
       content: url("../icon/close.png");
   }
    .sticky .cat-title {
       right: 36px;
       top: 12px;
   }
    .sticky .navbar_ .brand {
    margin: 7px 0;
   }
}

/* Layout Box Style */

.layout-box { background: none repeat scroll 0 0 #eee; -webkit-border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; -webkit-box-shadow: 0 0 0 1px #d4d4d4 inset; -moz-box-shadow: 0 0 0 1px #d4d4d4 inset; box-shadow: 0 0 0 1px #d4d4d4 inset; margin-bottom: 20px; padding: 16px 0; text-align: center; color: #666; -webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
 -o-transition: all .3s ease;
 -ms-transition: all .3s ease;
 transition: all .3s ease;
}

.layout-box:hover { background: none repeat scroll 0 0 #3498DB; color: #fff; }

/*=========================================================================

 03. Search
 
=========================================================================*/

.tp-search { float: right; }

.owl-header-buttons { 
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    display: inline-block;
    float: right;
    position: relative;
    width: 70px;
}

.sticky .owl-header-buttons { height: 61px; }

.sticky .owl-search-trigger,
.owl-nav-trigger { margin: 16px 0 0 7px; }

.owl-header-buttons li { display: inline-block; }

.owl-search-trigger,
.owl-nav-trigger { 
    color: rgba(0, 0, 0, 0); 
    display: block; 
    height: 44px; 
    margin: 17px 0 0 5px; overflow: hidden; position: relative; white-space: nowrap; width: 44px; z-index: 99; }
.owl-search-trigger::before, .owl-search-trigger::after {
 content: '';
 position: absolute;
 -webkit-transition: opacity 0.3s;
 -moz-transition: opacity 0.3s;
 transition: opacity 0.3s;
 -webkit-transform: translateZ(0);
 -moz-transform: translateZ(0);
 -ms-transform: translateZ(0);
 -o-transform: translateZ(0);
 transform: translateZ(0);
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
}
.owl-search-trigger::before {
    border: 3px solid #000000;
    border-radius: 50%;
    height: 15px;
    left: 11px;
    top: 8px;
    width: 15px;
}
.owl-search-trigger::after {
    background: #000000 none repeat scroll 0 0;
    bottom: 19px;
    height: 3px;
    right: 14px;
    width: 8px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.owl-search-trigger span { position: absolute; height: 100%; width: 100%; top: 0; left: 0; }
.owl-search-trigger span::before, .owl-search-trigger span::after {
 content: '';
 position: absolute;
 display: inline-block;
 height: 3px;
 width: 18px;
 top: 50%;
 margin-top: -2px;
 left: 50%;
 margin-left: -11px;
 background: #ffffff none repeat scroll 0 0;
 opacity: 0;
 -webkit-transform: translateZ(0);
 -moz-transform: translateZ(0);
 -ms-transform: translateZ(0);
 -o-transform: translateZ(0);
 transform: translateZ(0);
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
 -moz-transition: opacity 0.3s, -moz-transform 0.3s;
 transition: opacity 0.3s, transform 0.3s;
}
.owl-search-trigger span::before {
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 transform: rotate(45deg);
}
.owl-search-trigger span::after {
 -webkit-transform: rotate(135deg);
 -moz-transform: rotate(135deg);
 -ms-transform: rotate(135deg);
 -o-transform: rotate(135deg);
 transform: rotate(135deg);
}
.owl-search-trigger.search-is-visible::before, .owl-search-trigger.search-is-visible::after {
 opacity: 0;
}
.owl-search-trigger.search-is-visible span::before, .owl-search-trigger.search-is-visible span::after {
 opacity: 1;
}
.owl-search-trigger.search-is-visible span::before {
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 transform: rotate(45deg);
}
.owl-search-trigger.search-is-visible span::after {
 -webkit-transform: rotate(135deg);
 -moz-transform: rotate(135deg);
 -ms-transform: rotate(135deg);
 -o-transform: rotate(135deg);
 transform: rotate(135deg);
}

.owl-search { position: absolute; height: 50px; width: 100%; top: 77px; left: 0; z-index: 99; opacity: 0; visibility: hidden; -webkit-transition: opacity .3s 0s, visibility 0s .3s;
 -moz-transition: opacity .3s 0s, visibility 0s .3s;
 transition: opacity .3s 0s, visibility 0s .3s;
}

.owl-search form { height: 100%; width: 100%; }

.owl-search input { border-radius: 0; border: none; background: #ffffff; color: #333333; height: 100%; width: 100%; padding: 0 5%; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; }
.owl-search input::-webkit-input-placeholder {
 color: #c9cbc4;
}
.owl-search input::-moz-placeholder {
 color: #c9cbc4;
}
.owl-search input:-moz-placeholder {
 color: #c9cbc4;
}
.owl-search input:-ms-input-placeholder {
 color: #c9cbc4;
}

.owl-search input:focus { outline: none; }

.owl-search.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity .3s 0s, visibility 0s 0s;
 -moz-transition: opacity .3s 0s, visibility 0s 0s;
 transition: opacity .3s 0s, visibility 0s 0s;
}
@media only screen and (min-width: 1170px) {
    .owl-search {
    height: 120px;
    top: 80px;
   }
    .sticky .owl-search {
    top: 61px;
   }
    .owl-search input {
    padding: 0 2em;
    font-size: 3.2rem;
    font-weight: 300;
   }
}

.owl-search-overlay { /* shadow layer visible when navigation is active */ position: fixed; z-index: 9; height: 100%; width: 100%; top: 0; left: 0; cursor: pointer; background-color: rgba(0, 0, 0, 0.8); visibility: hidden; opacity: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s; transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s; }

.owl-search-overlay.is-visible { opacity: 1; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s; transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s; }
@media only screen and (max-width: 1169px) {
 .owl-search-overlay.is-visible {
 -webkit-transform: translateX(-260px);
 -moz-transform: translateX(-260px);
 -ms-transform: translateX(-260px);
 -o-transform: translateX(-260px);
 transform: translateX(-260px);
}
 .nav-on-left .owl-search-overlay.is-visible {
 -webkit-transform: translateX(260px);
 -moz-transform: translateX(260px);
 -ms-transform: translateX(260px);
 -o-transform: translateX(260px);
 transform: translateX(260px);
}
 .owl-search-overlay.is-visible.search-is-visible, .nav-on-left .owl-search-overlay.is-visible.search-is-visible {
 -webkit-transform: translateX(0);
 -moz-transform: translateX(0);
 -ms-transform: translateX(0);
 -o-transform: translateX(0);
 transform: translateX(0);
}
}

/* search button */
.search_btn{
	float: right;
	margin-top: 22px;
	margin-right: -20px;
	width: 0;
	height: 30px;
	border: none;
	border-bottom: 1px solid #231f20;
	font-family: raleway,"Myriad Pro","Roboto",Arial,sans-serif;
	font-size: 13px;
	color: #000;
	padding-bottom: 7px;
}
.search_btn:focus{
	border-bottom: 1px solid #231f20;
}
.search_btn::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #666666;
}
.search_btn:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #666666;
   opacity: 1;
}
.search_btn::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #666666;
   opacity: 1;
}
.search_btn:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #666666;
}

.hid-search_btn_wrapper{
	width: 170px;
    margin: 0 auto;
	padding:10px 0;
	text-align: center;
	color: #fedea5;
	display: none;
}
.hid-search_btn_wrapper i{
	float: left;
	display:block;
	font-size: 14px;
    line-height: 36px;
	margin-left: 32px;
	padding-right: 10px;
}
.hid-search_btn{
	background: none;
	display: inline-block;
    width: 110px;
	height: 33px;
	border: none;
	color: #fedea5;
	font-size: 23px;
	font: 400 23px/38px raleway,"Myriad Pro",raleway,"Roboto",Arial,sans-serif;
}
.hid-search_btn::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #fedea5;
}
.hid-search_btn:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #fedea5;
   opacity: 1;
}
.hid-search_btn::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #fedea5;
   opacity: 1;
}
.hid-search_btn:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #fedea5;
}
/* -search button */


/*=========================================================================

 04. Header Top

=========================================================================*/

.header_top { 
    font-family: "Raleway",  "FontAwesome", "Myrirad Pro";
    background: #3e3b7c; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #445d88 , #3e3b7c);  /*For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #445d88, #3e3b7c); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #445d88, #3e3b7c); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #445d88 , #3e3b7c); /* Standard syntax */
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); 
    display: inline-block; 
    overflow: visible; 
    width: 100%; 
    height: 25px;
    padding-top: 2px;
    padding-bottom: 2px;
}

@media (max-width:599px) {
    .header_top { display: none; }
}
/*=========================================================================

Top social icon
 
=========================================================================*/

.social-top { display: block; 
             float: right; 
             overflow: hidden;
            margin-right: 35px;
        }

.social-top a { 
                display: inline-block;
                margin-left: 15px;
                width: 18px;
            }
            
.social-top a.jira-icon { 
    width: 16px;
    height: 16px;
    margin-bottom: -2px;
}

.header_top .social-top img { 
    height: 100%; 
    width: 17px;
}

@media (max-width:599px) {
    .header_top .social-top { display: none; }
}

.social-top a:hover { color: #fff; }

.social-top a:before { width: inherit; height: inherit; display: table-cell; text-align: center; vertical-align: middle; }

.social-top a.icons {}

.social-top a.icons:before {  }

.social-top a.icons:hover { 
    /*background-color: #445d88;*/ 
}

/*=========================================================================

Top message and link
 
=========================================================================*/

.message-top { display: block; float: right; overflow: hidden; }

.message-top a { background-color: transparent; 
                display: inline-block; 
                font-style: normal; font-weight: normal; 
                text-decoration: none; color: #bfbfbf; 
                transition: background-color .2s linear, color .2s linear;
            }

.header_top .message-top { height: auto; }

@media (max-width:599px) {
    .header_top .message-top { display: none; }
}

.header_top .message-top a { color: #fedea5; 
                            font-size: 14px;
                            text-decoration: underline #8d7e8a;
                            }
.header_top .message-top span { color: #bfbfbf; }

.message-top a:hover { color: #fff; }

.message-top a:before { width: inherit; height: inherit; 
         display: table-cell; text-align: center; vertical-align: middle; }


.header-inner .cubrid-link {
    background-color: #f68b2c !important;
    border: 2px solid #f68b2c;
    color: #fff !important;
    font-weight: 600 !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 13px !important;
    max-width: 210px;
    padding: 11px 30px !important;
    text-transform: uppercase !important;
}

.header-inner.sticky .cubrid-link {
    margin-top: 12px !important;
}

.header-inner.sticky .cubrid-link:hover {
    background: transparent !important;
}

.header-inner .cubrid-link:hover {
    background-color: #fff !important;
    color: #f68b2c !important;
    border: 2px solid #f68b2c;
}

@media (max-width:992px) {
    .header-inner .container {
        width: 100% !important;
    }
    
}
.header-inner .container {
    width: 100% !important;
}
.header-inner .row {
    margin-left: 0;
    margin-right: 0;
}

.header_top .container {
    width: 100% !important;
}

.header-inner .hid-search {
    display: none;
}

.header-inner .cubrid-engine-link {
    display: block;
}

#header .owl-menu .mega-dropdown .owl-nav-list {
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 1023px) {
/*    .sticky {
        position: relative;
    }*/
    
    .nav-sticky {
        height: 60px;
    }
    .header-inner.sticky .nav-sticky .cat-title::after {
        margin-top: -5px;
        position: fixed;
    }
    .header-inner.sticky .nav-sticky .cat-title {
        background: none;
    }
    
    .social-top {
        margin-right: 0;
    }
    
    .header-inner .cubrid-link, .header-inner.sticky .cubrid-link {
        margin-top: 0 !important;
    }
    /* Responsive Header Logo, Navigation Search Side Navigation */
    #header {
        height: 67px;
    }
    #header .mleft-60 {
        margin-left: 12px !important;
    }
    #owl-menu-trigger, .tp-search {
        display: none;
    }
    .cat-title {
        height: 66px;
        right: 0;
        width: 66px;
    }
    .cat-title::after {
        right: 20px;
        top: 11px;
    }
    
    #header .header-inner .container {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    
    #header .header-inner .owl-contener {
        position: relative;
        top: -66px;
    }

    .cat-menu {
        background-color:rgba(62, 59, 124, 0.8);
        /*height:100vh;*/
        /*overflow-y: auto;*/

        overflow-y: auto;
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
    }
    
    .owl-menu {
        background-color:rgba(62, 59, 124, 0.8);
        padding-top: 66px;
        /*position: absolute;*/
        /*top: 66px;*/
        width: 100%;
        /*transform: translateY(calc(50vh - 50%));*/
    }
    .cat-title.active {
        background-color: rgba(62, 59, 124, 0);
    }
    .owl-menu > li {
        /*background-color:rgba(62, 59, 124, 0.8);*/
    }
    .owl-menu > li > a {
        font: 400 23px/38px raleway, "Myriad Pro", raleway,"Roboto",Arial,sans-serif;
        padding: 5px 5px 5px;
    }
    .owl-menu > li > a.active {
        border-bottom: none;
    }
    .header-inner .cubrid-link {
        font-size: 18px;
        max-width: 250px;
        border: 1px solid #f68b2c;
        padding: 5px 22px !important;
    }
    .header-inner .hid-search {
        display: block;
        max-width: 135px;
        margin-right: auto;
        margin-left: auto;
        padding-bottom: 10px;
        color: #fedea5;
    }
    .header-inner .hid-search .fa {
        padding: 10px;
    }
	.header-inner .hid-search_btn_wrapper {
        display: block;
    }
    .owl-menu > li > a:hover { 
        /*border-bottom: 7px solid #3e3b7c;*/
        border-bottom: none;
    }
    
    .header-inner .cubrid-engine-link {
        display: block;
    }
    .header-inner .release-notes {
        display: none;
    }
    .header-inner .cubrid-engine {
        display: none;
    }
    .header-inner .mega-dropdown .col-sm-6 {
        width: 35%;
        float: left;
    }
    .header-inner .mega-dropdown .drivers-list {
        width: 55%;
        float: left;
    }
    
    .header-inner .mega-dropdown .li-driver {
        width: 50%;
        float: left;
    }
    
    .owl-menu .owl-nav-list a,
    .owl-menu .owl-nav-list-single a { 
        font: 400 14px/17px raleway,"FontAwesome","Myrirad Pro";
        padding: 8px 0 8px 0;
    }
    a.owl-nav-title {
        font-size: 17px;
    }
    .owl-nav-list li, .owl-nav-list-single li {
        border-bottom: none;
    }
    .submenu-container {
        background: none;
        width: 100%;
        margin-left: 0;
    }
    #header .owl-menu .mega-dropdown .owl-nav-list {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 839px) {
    .header-inner .cubrid-link {
        margin-left: 15px;
        margin-right: 15px;
        max-width: 100%;
    }
    .header-inner .mega-dropdown .col-sm-6 {
        width: 50%;
    }
    .header-inner .mega-dropdown .drivers-list {
        width: 50%;
    }
    .header-inner .mega-dropdown .li-driver {
        width: 100%;
    }
}

@media (max-width: 599px) {
    .header-inner .mega-dropdown .col-sm-6 {
        width: 100%;
    }
    .header-inner .mega-dropdown .drivers-list {
        width: 100%;
    }
    #togeather-parallax {
        margin-top: -13px;
    }
    .cat-title::after {
        top: 17px;
    }
    .header-inner.sticky .nav-sticky .cat-title::after {
        margin-top: -10px;
    }
}

.header-inner.sticky.nav-up {
    display: none;
}

.header-inner.sticky.nav-down {
    display: block;
}