/*** Light Background Section - .ls*/
.ls {
     background-color: #fff;
     color: #8a8a9a;
}
/*** Dark Section background and Dark Muted background sections - .ds and .ds.ms*/
/* dark grey background section - .ds */
.ds {
     background-color: #242327;
     color: #fff;
}
.ds * .ds {
     background-color: #18171a;
}
.ds a:not(.btn) {
     color: #fff;
}
.ds a:not(.btn):hover {
     color: #5191FA;
}
.ds .ls a:not(.btn) {
     color: #242327;
}
.ds .ls a:not(.btn):hover {
     color: #5191FA;
}
/*** Main Menu styles*/
.nav-wrap {
     -webkit-align-items: center;
     align-items: center;
     -webkit-box-align: center;
     -webkit-box-pack: justify;
     display: -webkit-box;
     display: -webkit-flex;
     display: flex;
     -webkit-justify-content: space-between;
     justify-content: space-between;
}
@media (min-width: 768px) and (max-width: 991px) {
     .nav-wrap {
         -webkit-box-pack: end;
         -webkit-justify-content: flex-end;
         justify-content: flex-end;
    }
}
.nav-wrap >.top-nav + *:not(.top-includes) {
     -webkit-box-flex: 100;
     -webkit-flex-grow: 100;
     flex-grow: 100;
     padding-left: 30px;
     padding-right: 30px;
}
/* Desktop menu - (min 1200px) styles */
@media (min-width: 1200px) {
     .top-nav {
         -webkit-align-items: center;
         align-items: center;
         -webkit-box-align: center;
         -webkit-box-flex: 10;
         display: flex;
         display: -webkit-flex;
         display: -webkit-box;
         -webkit-flex-grow: 10;
         flex-grow: 10;
         -webkit-flex-wrap: nowrap;
         flex-wrap: nowrap;
         position: relative;
    }
     .justify-nav-end .top-nav {
         -webkit-box-pack: end;
         -webkit-justify-content: flex-end;
         justify-content: flex-end;
    }
     .justify-nav-center .top-nav {
         -webkit-box-pack: center;
         -webkit-justify-content: center;
         justify-content: center;
    }
    /* menu layout */
     .sf-menu {
         display: block;
    }
     .sf-menu, .sf-menu ul {
         list-style: none;
         margin: 0;
         padding: 0;
    }
     .sf-menu li {
         position: relative;
    }
     .sf-menu li >ul {
         display: none;
         position: absolute;
         top: 100%;
         z-index: 99;
    }
     .sf-menu li:hover >ul, .sf-menu li.sfHover >ul {
         display: block;
    }
     .sf-menu a {
         display: block;
         position: relative;
    }
    /* menu skin */
     .sf-menu a {
         font-size: 16px;
         font-weight: 500;
         padding: 5px 1.1em;
         text-decoration: none;
         -webkit-transition-property: color, background-color, border-color, padding-top, padding-bottom;
         transition-property: color, background-color, border-color, padding-top, padding-bottom;
         zoom: 1;
    }
     .sf-menu li {
         *white-space: normal;
         white-space: nowrap;
    }
     .sf-menu >li {
         display: inline-block;
         position: relative;
    }
     .sf-menu.nav >li:first-child >a {
         margin-left: 0;
    }
     .sf-menu.nav >li:last-child >a {
         margin-right: 0;
    }
     .sf-menu >li >a {
         line-height: 14px;
         margin: 0 15px;
         padding-bottom: 38px;
         padding-left: 0;
         padding-right: 0;
         padding-top: 38px;
         -webkit-transition-duration: 0.15s;
         transition-duration: 0.15s;
         font-weight: 600;
    }
     .affix .sf-menu >li >a {
         padding-bottom: 33px;
         padding-top: 33px;
    }
}
@media (min-width: 1200px) and (min-width: 1500px) {
     .sf-menu >li >a {
         margin: 0 21px;
    }
}
@media (min-width: 1200px) {
     .sf-menu >li >a:hover, .sf-menu >li.active >a {
         color: #5191FA;
    }
    /*.sf-menu >li >a:hover:after,*/
     .sf-menu >li.active >a:after {
         color: #5191FA;
    }
     .nav-narrow .sf-menu >li {
         padding: 0;
    }
     .nav-narrow .sf-menu >li >a {
         margin-left: 29px;
         margin-right: 29px;
         padding-bottom: 24px;
         padding-top: 24px;
    }
     .nav-narrow .sf-menu >li.active >a:before {
         background-color: #5191FA;
         content: "";
         height: 1px;
         left: -20px;
         position: absolute;
         right: -20px;
         top: 0;
         z-index: 1;
    }
     .nav-bordered .sf-menu >li + li:before {
         background-color: rgba(255, 255, 255, 0.15);
         bottom: 0;
         content: "";
         left: -2px;
         position: absolute;
         top: 0;
         width: 1px;
    }
     .ls .sf-menu >li >a {
         color: #242327;
    }
     .ls .sf-menu >li >a:hover, .ls .sf-menu >li.active >a {
         color: #5191FA;
    }
     .ls .sf-menu >li + li:before {
         background-color: #e8e8eb;
    }
     .sf-menu li:hover, .sf-menu li.sfHover {
        /* only transition out, not in */
         -webkit-transition: none;
         transition: none;
    }
    /* second and next levels */
     .sf-menu >li .mega-menu, .sf-menu li >ul {
        /* allow long menu items to determine submenu width */
         *width: 10em;
         background-color: #fff;
         border-top: none;
         -webkit-box-shadow: 0px 1px 10px 0px rgba(222,222,222,.1);
         -moz-box-shadow: 0px 1px 10px 0px rgba(222,222,222,.1);
         box-shadow: 0px 1px 10px 0px rgba(222,222,222,.1);
         list-style: none;
         margin-top: 5px;
         min-width: 17em;
         text-align: left;
        /* no auto sub width for IE7, see white-space comment below */
    }
     .sf-menu >li .mega-menu {
         padding-left: 0;
         padding-right: 0;
    }
     .sf-menu.nav ul a {
         color: #242327;
         padding-left: 60px;
         padding-right: 60px;
    }
     .sf-menu .mega-menu ul {
         background: transparent;
         box-shadow: none;
         padding: 0;
    }
     .sf-menu .mega-menu ul a {
         padding-left: 0;
         padding-right: 0;
    }
     .sf-menu ul a:hover, .sf-menu ul li.active >a {
         color: #5191FA;
    }
    /* third level */
     .sf-menu ul ul {
         margin-top: 0;
         top: -32px;
    }
     .sf-arrows ul .sf-with-ul:after {
         content: "\f105";
         font-family: "FontAwesome";
         padding-left: 7px;
    }
}
.sf-menu i[class] {
     font-size: 1.1em;
     margin-right: 7px;
}
/* hidden menu items */
@media (min-width: 1200px) {
     .sf-menu .sf-xl-hidden {
         display: none !important;
    }
}
@media (max-width: 1199px) {
     .sf-more-li {
         display: none;
    }
}
/* Mobile menu toggler */
@media (min-width: 1200px) {
     .page_header .toggle_menu, .page_toplogo .toggle_menu {
         display: none;
    }
}
.toggle_menu {
     cursor: pointer;
     height: 59px;
     margin-left: -30px;
     margin-top: -30px;
     opacity: 0.95;
     padding: 0 !important;
     position: absolute;
     right: 0;
     top: 50%;
     visibility: visible;
     width: 60px;
     z-index: 1002;
}
.page_header_wrapper .toggle_menu {
     z-index: 1003;
}
.ls .toggle_menu {
     background-color: #fff;
}
.ls .toggle_menu:before,.ls .toggle_menu span,.ls .toggle_menu span:before,.ls .toggle_menu span:after {
     background-color: #242327;
}
.page_toplogo .toggle_menu {
     left: auto;
     margin: 0;
     position: fixed;
     right: 0;
     top: 0;
}
.toggle_menu:hover span:before {
     top: -9px;
}
.toggle_menu:hover span:after {
     top: 9px;
}
.toggle_menu:before,.toggle_menu span,.toggle_menu span:before,.toggle_menu span:after {
     background-color: #fff;
     content: "";
     display: block;
     height: 2px;
     left: 0;
     position: absolute;
     -ms-transform: rotate(0deg);
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
     -webkit-transition: .25s ease-in-out;
     transition: .25s ease-in-out;
     width: 30px;
}
.toggle_menu:before,.toggle_menu span {
     left: 15px;
     top: 50%;
}
.toggle_menu span:before {
     opacity: 1;
     top: -8px;
}
.toggle_menu span:after {
     opacity: 1;
     top: 8px;
}
.toggle_menu.mobile-active {
     background-color: #5191FA;
     border: none;
     left: auto;
     margin: 0;
     position: fixed;
     right: 0;
     top: 0;
     z-index: 3000;
}
.toggle_menu.mobile-active:before {
     background-color: #fff;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
}
.toggle_menu.mobile-active span {
     background-color: #fff;
     -webkit-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     transform: rotate(-45deg);
}
.toggle_menu.mobile-active span:before,.toggle_menu.mobile-active span:after {
     opacity: 0;
}
.toggle_menu.active:before {
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
}
.toggle_menu.active span {
     -webkit-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     transform: rotate(-45deg);
}
.toggle_menu.active span:before,.toggle_menu.active span:after {
     opacity: 0;
}
/* Mobile Menu (max 991px) styles */
@media (max-width: 767px) {
     .nav-wrap {
         -webkit-box-pack: center;
         -webkit-justify-content: center;
         justify-content: center;
    }
}
@media (max-width: 1199px) {
     .page_header [class*="col"] {
         min-height: 0;
    }
     .top-nav {
         background-color: transparent;
         bottom: 0;
         left: 0;
         opacity: 0;
         position: fixed;
         right: 0;
         top: 0;
         -webkit-transition: all 0.3s ease-in-out;
         transition: all 0.3s ease-in-out;
         visibility: hidden;
         z-index: 10;
    }
     .mobile-active .top-nav {
         background-color: #111;
         background-color: rgba(0, 0, 0, 0.9);
         opacity: 1;
         visibility: visible;
         z-index: 1002;
    }
     .nav-justified >li >a {
         text-align: left;
    }
     .sf-menu {
         background-color: #fff;
         border-top: 61px solid #5191FA;
         bottom: 0;
         display: block;
         font-size: 14px;
         font-weight: 700;
         left: 0;
         letter-spacing: 0;
         line-height: 1.6em;
         opacity: 0;
         overflow: auto;
         padding: 20px 10px 20px 20px;
         position: fixed;
         right: 100%;
         text-align: left;
         text-transform: capitalize;
         top: 0;
         -webkit-transition: all 0.4s ease-in-out;
         transition: all 0.4s ease-in-out;
    }
     .mobile-active .sf-menu {
         opacity: 1;
         right: 0;
    }
     .sf-menu li {
         position: relative;
    }
     .top-nav .sf-menu a {
         color: #242327;
         display: block;
         padding: 10px 10px;
         z-index: 2;
    }
     .sf-menu ul {
         list-style: none;
         list-style-type: none;
         margin-top: 0 !important;
         padding-left: 10px;
    }
     .sf-menu ul li a {
         font-weight: 500;
         letter-spacing: 0.1em;
    }
     .sf-menu ul li a:before {
         background-color: #5191FA;
         border-radius: 50%;
         bottom: 3px;
         content: "";
         display: inline-block;
         height: 3px;
         margin-right: 10px;
         position: relative;
         width: 3px;
    }
    /* arrows (for all except IE7) */
     .sf-arrows .sf-with-ul {
         padding-right: 3.5em;
    }
    /* styling for both css and generated arrows */
     .sf-arrows .sf-with-ul + .sf-menu-item-mobile-toggler {
         border-radius: 50%;
         height: 30px;
         line-height: 30px;
         position: absolute;
         right: 5px;
         text-align: center;
         top: 5px;
         width: 30px;
         z-index: 1;
    }
     .sf-arrows .sf-with-ul + .sf-menu-item-mobile-toggler:after {
         color: #242327;
         content: "\f105";
         font-family: "FontAwesome";
    }
     .sfHover >.sf-with-ul + .sf-menu-item-mobile-toggler:after {
         content: "\f107";
    }
}
/* Mega Menu */
@media screen and (min-width: 1200px) {
     .top-nav ul .mega-menu ul {
         border: none;
         min-width: auto;
    }
     .top-nav .menu-item-has-mega-menu {
         position: relative;
    }
     .top-nav .mega-menu {
         display: none;
         position: absolute;
         top: 100%;
         width: 940px;
         z-index: 10;
    }
     .top-nav .menu-item-has-mega-menu:hover .mega-menu {
         display: block;
    }
    /* row */
     .top-nav .mega-menu-row {
         display: table;
         position: static;
         table-layout: fixed;
    }
     .top-nav .mega-menu-row ul {
         display: block;
         position: static;
    }
    /* column */
     .top-nav .mega-menu-col {
         border-left: 1px solid #e8e8eb;
         display: table-cell;
         padding: 0 15px;
         width: 2000px;
        /* overrides from settings / styling / mega-menu */
    }
     .top-nav .mega-menu-col >a {
         font-size: 16px;
         font-weight: 700;
         letter-spacing: 0.05em;
         text-transform: uppercase;
    }
     .top-nav .mega-menu-col:first-child {
         border-left: none;
    }
     .top-nav ul ul .mega-menu {
         display: block;
         margin-left: 1px;
         top: -20px;
         width: auto;
    }
     .top-nav ul ul .mega-menu li {
         border: none;
         display: block;
         width: auto;
    }
}
@media screen and (min-width: 1200px) {
     .top-nav .mega-menu {
         width: 1170px;
    }
     .top-nav ul .mega-menu ul {
         min-width: 10em;
    }
     .top-nav .mega-menu-col {
         padding: 0 40px;
    }
}
@media screen and (max-width: 991px) {
     .top-nav .mega-menu {
         position: static;
    }
}
/* side clickable menu styles */
.menu-click {
     padding: 0;
}
.menu-click i {
     margin-right: 10px;
     text-align: center;
     width: 1em;
}
.menu-click .toggle_submenu {
     border-radius: 50%;
     cursor: pointer;
     font-size: 8px;
     height: 3em;
     line-height: 3em;
     opacity: 0.9;
     position: absolute;
     right: 20px;
     text-align: center;
     top: 8px;
     -ms-transform: rotate(-90deg);
     -webkit-transform: rotate(-90deg);
     transform: rotate(-90deg);
     -webkit-transition: .25s ease-in-out;
     transition: .25s ease-in-out;
     width: 3em;
}
.menu-click .toggle_submenu:before {
     content: "\f078";
     font-family: "FontAwesome";
     height: 3em;
     left: 0;
     line-height: 3em;
     position: absolute;
     top: 0;
     width: 3em;
}
.menu-click ul {
     padding: 0;
}
.menu-click li {
     list-style: none;
     position: relative;
     width: 100%;
}
.menu-click >li {
     -webkit-transition: 0.3s ease-in-out;
     transition: 0.3s ease-in-out;
}
.menu-click a {
     display: block;
     font-size: 14px;
     font-weight: 700;
     letter-spacing: 0;
     line-height: 1.6em;
     padding: 10px 40px;
     text-transform: capitalize;
}
.menu-click a:hover {
     background-color: rgba(150, 150, 150, 0.05);
}
.menu-click .active-submenu >a {
     background-color: rgba(150, 150, 150, 0.05);
}
.menu-click .active-submenu >.toggle_submenu {
     -webkit-transform: rotate(0deg);
     -ms-transform: rotate(0deg);
     transform: rotate(0deg);
}
.menu-click li.active >a {
     color: #5191FA;
}
.menu-click ul {
     height: 0;
     opacity: 0;
}
.menu-click ul a {
     padding-bottom: 8px;
     padding-left: 50px;
     padding-top: 8px;
}
.menu-click ul ul a {
     padding-left: 60px;
}
.menu-click ul ul ul a {
     padding-left: 70px;
}
.menu-click ul ul ul ul a {
     padding-left: 80px;
}
.menu-click .active-submenu >div.mega-menu {
     height: auto;
}
.menu-click .active-submenu >ul,.menu-click .active-submenu >div.mega-menu >ul {
     height: auto;
     opacity: 1;
}
.menu-click ul,.menu-click div.mega-menu {
     height: 0;
     overflow: hidden;
     -webkit-transition: opacity 0.6s, margin-top 0.4s, margin-bottom 0.4s, height 0.3s ease-in-out;
     transition: opacity 0.6s, margin-top 0.4s, margin-bottom 0.4s, height 0.3s ease-in-out;
}
.menu-click ul li.sfHover >.mega-menu ul {
     display: block;
     height: 100%;
}
.menu-click div.mega-menu >ul {
     height: auto;
     margin-right: 0;
}
.sf-menu li.active >a {
     color: #5191FA !important;
    ;
}
/*** Header*/
.page_header {
     height: auto;
     left: 0;
     margin: 0;
     padding: 0;
     position: relative;
     right: 0;
     top: 0;
     -webkit-transition: 0.5s ease-in-out;
     transition: 0.5s ease-in-out;
     width: 100%;
     z-index: 1000;
}
.page_header.affix {
     box-shadow: 0 2px 15px 0 rgba(100, 100, 100, 0.05);
     opacity: 0.98;
     position: fixed !important;
     z-index: 1001;
}
.page_header.affix:after {
     background-color: transparent;
}
.page_header.affix.s-bordertop::before {
     display: none;
}
@media (max-width: 991px) {
     .page_header.mobile-active {
         opacity: 1;
         z-index: 1003;
    }
}
.page_header.affix-bottom {
     position: fixed;
     top: 0 !important;
}
.page_header .row {
     min-height: 60px;
}
.page_header [class*='container'] {
     position: relative;
}
.page_header a {
     display: inline-block;
}
.page_header .btn {
     margin-bottom: 0;
     padding: 10px 28px;
}
.header_absolute {
     position: relative;
}
.header_absolute a{
     text-decoration: none;
}
.header_absolute .page_header,.header_absolute .page_header_wrapper {
     left: 0;
     right: 0;
     z-index: 1002;
}
.header_absolute .page_topline,.header_absolute .page_toplogo {
     background-color: #242327;
     color: #fff;
}
.header_absolute .page_header_wrapper,.header_absolute .page_title {
     background-color: #fff;
     color: #fff;
}
#canvas:not(.boxed) .header_absolute .page_header.affix-top {
     background-color: transparent;
}
.page_header_wrapper.affix-top-wrapper{
     webkit-box-shadow: 0 2px 15px 0 rgba(100, 100, 100, 0.05);
     -moz-box-shadow: 0 2px 15px 0 rgba(100, 100, 100, 0.05);
     box-shadow: 0 2px 15px 0 rgba(100, 100, 100, 0.05);
}
.header_under_slider {
     position: absolute;
     width: 100%;
}
.page_topline {
     border-bottom: 1px solid rgba(255, 255, 255, 0.05);
     line-height: 1.4;
}
.page_topline .small-text {
     font-size: 13px;
}
.page_topline .small-text span{
     color: #5191FA;
}
.page_topline .small-text a{
     padding-left: 10px;
}
.page_topline .icon-inline {
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     justify-content: center;
}
.page_topline .social-icons {
    display: inline-block;
    margin-top: 8px;
}
.page_topline .social-icons a {
     margin-right: 12px;
     text-decoration: none;
}
.page_topline .widget_nav_menu {
     display: inline-block;
}
.page_topline ul {
     margin: 0;
     padding: 10px 0;
}
.page_topline ul li {
     display: inline-block;
}
.page_topline ul li a {
     margin-right: 24px;
}
.page_topline .dropdown-menu {
     margin: 23px 0 0 -25px;
     min-width: auto;
}
.page_topline .dropdown-language a >img {
     bottom: 1px;
     margin-right: 6px;
     max-width: 16px;
     position: relative;
}
.page_topline .owl-news-slider-dates {
     font-weight: 700;
}
.page_topline .topline-news-item {
     height: 2em;
     line-height: 2em;
     margin: 0 90px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}
.page_topline .topline-news-item .cat-links {
     display: inline;
}
.page_topline .topline-news-nav-arrow {
     border: 1px solid #242327;
     bottom: 20px;
     font-size: 10px;
     line-height: 38px;
     position: relative;
     -webkit-transition: opacity 0.2s ease-in-out;
     transition: opacity 0.2s ease-in-out;
     width: 40px;
}
.page_topline .topline-news-nav-arrow:hover {
     opacity: 0.5;
}
.page_topline .owl-nav >div {
     opacity: 1;
}
@media (max-width: 767px) {
     .page_topline ul li a {
         margin-right: 9px;
    }
     .page_topline .text-right {
         display: none;
    }
     .page_topline .small-text {
         text-align: center;
    }
}
@media (max-width: 575px) {
     .page_topline ul li a {
         margin-right: 15px;
    }
}
@media (max-width: 479px) {
     .page_topline ul li a {
         margin-right: 10px;
    }
}
@media (min-width: 992px) {
     .page_toplogo .media + .media {
         margin-left: 60px;
    }
}
.page_toplogo .widget_search form,.page_toplogo .widget_product_search form,.page_toplogo .widget_search input,.page_toplogo .widget_product_search input {
     max-width: none;
}
@media (max-width: 991px) {
     .page_toplogo .media {
         margin: 10px;
    }
}
@media (min-width: 1500px) {
     .page_topline .container-fluid, .page_toplogo .container-fluid, .page_header .container-fluid, .page_title .container-fluid {
         padding-left: 60px;
         padding-right: 60px;
    }
}
/*header includes*/
.top-includes {
     margin: 0;
     padding: 0;
}
@media (min-width: 992px) {
     .top-includes {
         white-space: nowrap;
    }
}
.top-includes >* {
     display: inline-block;
}
.top-includes >li {
     margin-left: 10px;
}
.top-includes >li:first-child {
     margin-left: 0;
}
@media (min-width: 992px) {
     .top-includes.border-divided >li + li {
         border-left: 2px solid rgba(200, 200, 200, 0.35);
         margin-left: 26px;
         padding-left: 30px;
    }
}
@media (min-width: 992px) {
     .top-nav + .top-includes {
         margin-left: 50px;
    }
}
@media (max-width: 991px) {
     .top-includes.md-absolute {
         bottom: 0;
         position: absolute;
         right: 80px;
    }
}
.top-includes a.border-icon,.top-includes a.bg-icon,.top-includes a.color-bg-icon {
     margin-bottom: 2px;
     margin-top: 2px;
}
/*logo*/
a.logo {
     -webkit-align-items: center;
     align-items: center;
     -webkit-box-align: center;
     display: -webkit-box;
     display: -webkit-flex;
     display: flex;
}
a.logo img {
    display: inline-block;
    margin-top: 10px;
}
a.logo .logo-text {
     font-size: 34px;
     padding: 0 10px;
}
a.logo .logo-subtext {
     font-size: 22px;
     padding: 0 10px;
}
a.logo .logo-text-bottom {
     font-size: 26px;
}
a.logo .flex-column,a.logo.flex-column {
     -webkit-align-items: flex-start;
     align-items: flex-start;
     -webkit-box-align: start;
     padding-bottom: 10px;
     padding-top: 10px;
}
a.logo .flex-column.text-center,a.logo.flex-column.text-center {
     display: inline-block;
}
.text-center a.logo {
     -webkit-align-items: center;
     align-items: center;
     -webkit-box-align: center;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     justify-content: center;
}
@media (max-width: 992px) {
     a.logo img {
         max-height: 35px;
    }
}
@media (max-width: 767px) {
     a.logo img {
         max-height: 30px;
    }
}
.header_logo_center a.logo {
     display: inline-block;
     padding: 10px 0;
     position: relative;
     z-index: 2;
}
.header_logo_center.affix a.logo {
     padding: 5px 0;
}
/*search modal*/
#search_modal {
     background: rgba(81, 145, 250, .7);
}
#search_modal .widget {
     width: 50%;
     background-color: #fff;
     position: absolute;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
}
#search_modal .search-form {
     margin: 0 auto;
     max-width: 960px;
     padding: 0;
}
#search_modal .search-form button {
     border-radius: unset;
     background: #5191FA;
     border: 1px solid #5191FA;
     color: #fff;
     padding: .375rem 2rem;
}
#search_modal .search-form button:hover, #search_modal .search-form button:active, #search_modal .search-form button:focus{
     color: #fff;
     background-color: #2073f8;
     border: 1px solid #2073f8;
     outline: none;
     box-shadow: unset;
}
#search_modal a {
     color: #fff;
     font-size: 14px;
     font-weight: 700;
     letter-spacing: 0;
     line-height: 1.6em;
     text-transform: capitalize;
}
#search_modal a:hover {
     color: #5191FA;
     opacity: 1;
}
#search_modal .searchform-respond {
     color: #fff;
     margin: 20px auto;
     width: 300px;
}
#search_modal .form-group {
     margin-bottom: 0;
}
#search_modal .form-control {
     background-color: transparent;
     border: none;
     color: #242327;
     font-size: 16px;
     font-style: italic;
     height: 60px;
}
#search_modal .form-control:-moz-placeholder {
     color: #8a8a9a;
     opacity: 1;
}
#search_modal .form-control::-moz-placeholder {
     color: #8a8a9a;
     opacity: 1;
}
#search_modal .form-control:-ms-input-placeholder {
     color: #8a8a9a;
}
#search_modal .form-control::-webkit-input-placeholder {
     color: #8a8a9a;
}
#search_modal .close {
     color: #fff;
     font-size: 30px;
     font-weight: 100;
     line-height: 60px;
     min-width: 60px;
     opacity: 1;
     position: absolute;
     right: 36px;
     text-align: center;
     text-shadow: none;
     top: 18px;
     z-index: 2;
     background: #5191FA;
     border:1px;
     border-radius: 50%;
     outline: none;
     transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#search_modal .close:hover, #search_modal .close:active, #search_modal .close:focus{
     background-color: #2073f8;
     outline: none;
     box-shadow: unset;
}
.active-side-header #search_modal {
     right: 310px;
}
.search_modal_button {
     display: inline-block;
     font-size: 14px;
     line-height: 1;
     padding: 0 0 0 10px;
}
@media only screen and (max-width: 767px) {
     #search_modal .widget {
         width: 90%;
    }
}