/*
Theme Name: Blue OX
Theme URI: https://www.mytheme.com/themes/blueox/
Author: the Creative team
Author URI: https://www.mytheme.com/
Description: The blueox theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: blueox
*/

/*------------------------------------------------------
	overwrite css start
------------------------------------------------------*/
@font-face {
    font-family: "brother-1816-printed";
    src: url('assets/fonts/Arial-BoldMT.woff2') format('woff2'),
        url('assets/fonts/Arial-BoldMT.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "brother-1816-printed";
    src: url('assets/fonts/ArialMT.woff2') format('woff2'),
        url('assets/fonts/ArialMT.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/*----------intial declartaion of css----------*/
*{margin:0;padding:0;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td ,select,input,option{margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;}
html {-webkit-text-size-adjust: none;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}
audio,canvas,video{display:inline-block;}
audio:not([controls]){display:none; height:0;}
pre{white-space:pre; white-space:pre-wrap; word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:''; content:none}
small{font-size:80%}
sub,sup{font-size:75%; line-height:0; position:relative; vertical-align:baseline}
sup{top:-0.5em;}
sub{bottom:-0.25em}
nav ul,nav ol{list-style:none; list-style-image:none;}
button,input,select,textarea{font-size:100%; margin:0; vertical-align:baseline;}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:none; cursor:pointer; }
button:focus{outline:none !important}
/* remember to define focus styles! */
:focus {outline: 0;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
a{text-decoration:none;}
p a{
  text-decoration:underline;
}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
table { border:0 none; border-collapse:collapse; border-spacing:0;}
td { vertical-align:top; }
img { border:0 none; max-width:100%; }
a{ outline:none; cursor:pointer;-webkit-transition: 0.5s all ease-in-out;-moz-transition: 0.5s all ease-in-out;transition: 0.5s all ease-in-out;text-decoration: none;color:#222;}
a:hover{text-decoration: none;}
a:focus{-webkit-box-shadow: none !important;-moz-box-shadow: none !important;box-shadow: none !important}
/* End hide from IE Mac */ .none { display: none; } /* End Clearfix */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block}
.clear{ clear:both;}  
img{ max-width:100%;}
ol, ul{margin-left: 20px;margin-bottom:20px;}
ol li, ul li{color:#222;}

/* For modern browsers */ 
.cf:before, .cf:after {content: "";display: table}
.cf:after {clear: both;}
.cf{*zoom:1;clear: both}
/* For IE 6/7 (trigger hasLayout) */
.wrapper{overflow: hidden;}
strong{font-weight: 700;}
p{ font-size:16px; line-height:1.5;padding-bottom:25px; color:#222222; font-family: "brother-1816-printed";font-weight: 400;}
h1{font-size:60px;font-family: "brother-1816-printed";font-weight:400;margin-bottom:20px;}
h2{font-size:36px;font-family: "brother-1816-printed";font-weight:400;margin-bottom: 25px;line-height:1.4;color:#222222;}
h3{font-size:30px;margin-bottom: 20px;font-family: "brother-1816-printed";font-weight: 400;color:#222222;}
h4{font-size:24px;margin-bottom: 20px;font-family: "brother-1816-printed";font-weight: 400;color:#222222;}
h5{font-size:20px;margin-bottom: 20px;font-family: "brother-1816-printed";font-weight: 400;color:#222222;}
h6{font-size:18px;margin-bottom: 20px;font-family: "brother-1816-printed";font-weight: 400;color:#222222;}
body {margin: 0; padding: 0;font-family: "brother-1816-printed";font-weight:400;font-size:16px;  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;}
input[type="text"],
input[type="email"],
input[type="phone"],
input[type="tel"],
input[type="number"],
input[type="password"]{width:100%;height:42px;line-height: 42px;font-size:14px;font-family: "brother-1816-printed";font-weight:400;color:#222;padding:0 15px;border:1px solid transparent;}
textarea{width: 100%;font-size: 14px;color:#315569;font-family: "brother-1816-printed";font-weight: 400;border:none;resize:none;padding:15px;height: 140px;border:1px solid transparent;}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="phone"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="password"]:focus{border:1px solid #222222}
textarea:focus{border:1px solid #222222;}
.grecaptcha-badge{display: none !important}

::-webkit-input-placeholder {color:#222222;opacity:1;font-family: "brother-1816-printed";font-size:14px;font-weight:400;}
:-moz-placeholder {color:#222222;opacity:1;font-family: "brother-1816-printed";font-size:14px;font-weight:400;}
::-moz-placeholder {color:#222222;opacity:1;font-family: "brother-1816-printed";font-size:14px;font-weight:400;}
:-ms-input-placeholder {color:#222222;opacity:1;font-family: "brother-1816-printed";font-size:14px;font-weight:400;}
label{font-family: "brother-1816-printed";font-size:22px;color:#222;display: block;}
/*button{padding:5px 20px !important;background-color:#BA980B !important;color:#fff !important;font-size:24px !important;font-family: 'Adobe Arabic';font-weight: 400 !important;-webkit-border-radius:0 !important;-moz-border-radius:0 !important;border-radius:0 !important;border:none !important;}
button:focus, button:hover{background-color: #000 !important;color:#fff !important;border:none !important;-webkit-box-shadow: none !important;-moz-box-shadow: none !important;box-shadow: none !important}*/
.wrapper{position: relative;overflow: hidden;}
.title-heading{width:100%;text-align: center;}
.top-title-heading{width: 100%;text-align: center;}
.top-title-heading h3{color:#222222;}
.top-title-heading h6{text-transform: uppercase;font-size:18px;color:#1A8898;margin-bottom: 0;font-weight:700}
.full-col{display: -webkit-box;display: -ms-flexbox;display: flex;}
.half-col{width:49%;margin-right: 10px;}
.half-col:last-child{margin-right: 0}
.container{max-width:1200px;width:100%;padding:0 15px;margin: 0 auto}
.mid-container{max-width:1060px;width:100%;padding:0 15px;margin: 0 auto}
.siteloader{display: block; position: fixed;width:100%;height:100%;z-index:11;background-color:rgba(0,0,0,0.95); top: 0;}
.siteloader .loader-content{width: 100%; display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;height: 100%;}
.site-header{background: transparent; position: absolute; width: 100%; left: 0; top: 0; z-index: 6;}
.header-main{position: fixed;top:0;-webkit-transition: 0.5s all ease-in-out;-moz-transition: 0.5s all ease-in-out;transition: 0.5s all ease-in-out;width:100%;left:0;right:0;z-index:999;background:#f2f6fa;}
.header-main .header-top-bar{-webkit-transition: 0.5s all ease-in-out;-moz-transition: 0.5s all ease-in-out;transition: 0.5s all ease-in-out;opacity: 1;visibility: visible;background:#fff;}
.header-main.fixed .header-top-bar{opacity:0;visibility:hidden;height: 0;padding: 0} 
.header-wrap .logo a{display: inline-block;font-size: 0}
.form-control{border:none;padding: 0;background-color: transparent;margin-bottom: 15px;}
.form-control ul{margin: 0}
.form-control ul li{list-style: none;}

.header-top-bar{padding:10px 0 9px}
.top-bar-wrap{display:flex;justify-content:space-between;align-items:center;} 
.top-left {width:50%;text-align:left;} 
.top-left a{text-transform: uppercase;font-size: 11px;font-family: "brother-1816-printed";font-weight: 700;display: inline-block;vertical-align: middle;color:#76859C;}
.top-left a:hover{color:#06357A;}
.top-left a i{font-size: 26px; display: inline-block; vertical-align: middle; margin-right: 5px;}
.top-right{width:50%; text-align:right;} 
ul.social-listing {display: flex;align-items:center;justify-content:flex-end;margin:0;} 
ul.social-listing li{list-style:none;margin-right:6px;}
ul.social-listing li a{background:#F2F6FA;width:27px;height:27px;border-radius:50%;line-height: 27px;font-size:14px;text-align: center;display: block;color:#06357A;letter-spacing: 0.6px}
ul.social-listing li a i{color:#06357A;-webkit-transition: 0.5s all ease-in-out;-moz-transition: 0.5s all ease-in-out;transition: 0.5s all ease-in-out;font-weight: 700}
ul.social-listing li a:hover{background:#06357A;color:#fff;}
ul.social-listing li a:hover i{color:#fff;}

.header-wrap{background:#f2f6fa;padding:28px 0;}
/* Error page section style start here */
.error-main{text-align: center;width: 100%;padding:55px 0}
.error-main h1{color:#1A8898;line-height: 1}
/* Error page section style ends here */

/* Custom select box style start*/
.sbHolder{color:#315569;background-color:transparent;border: 1px solid rgba(0,0,0,0.5); box-sizing: content-box; font-family: "brother-1816-printed";font-size: 18px; font-weight: 600; height: 44px; margin: 0; position: relative;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.sbToggle{background: rgba(0, 0, 0, 0) url("assets/images/select-icon.svg") no-repeat center center;display: block; height: 17px; outline: medium none; position: absolute; right: 10px;width: 25px;top:53%;transform: translateY(-50%);}
.sbToggle.sbToggleOpen{transform:rotate(180deg);right:10px;top:25%;}
.sbSelector{display: block;height:44px;left:0;line-height:44px;outline:medium none;overflow:hidden;position:absolute;text-align:left;text-indent:20px; top: 0; width: 100%; color: #023e59;cursor:pointer;} 
.sbOptions {position:absolute; width: 100%;background-color:#fff;box-sizing:content-box;left:0;margin:10px 0 0;padding:10px 0;overflow:auto;z-index:11;-webkit-box-shadow: 0px 8.66936px 26.0081px rgba(0, 0, 0, 0.15);-moz-box-shadow: 0px 8.66936px 26.0081px rgba(0, 0, 0, 0.15);box-shadow: 0px 8.66936px 26.0081px rgba(0, 0, 0, 0.15);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;height:82px;} 
.sbOptions li{padding:0 5px } 
.sbOptions a{border-bottom: 1px solid rgba(0, 0, 0, 0.2);display: block; outline: medium none; padding: 14px 12px 5px; text-align: left; color: #315569;font-size: 16px;font-family: "brother-1816-printed";font-weight: 600;}
.sbOptions li:first-child a{padding: 8px 12px;}
.sbOptions li:last-child a{border-bottom:none;}
.sbOptions a:hover{color:#1A8898;}
/* Custom select box style ends*/

.hero-banner{min-height: 650px;background-position: center center;background-repeat: no-repeat;background-size: cover;display: flex;align-items: center;}
.banner-cont h1{color:#fff;margin-bottom: 0}
.two-col-cont {display: flex;align-items: center;max-width: 960px;width: 100%;}
.left-title{width:50%;padding-right: 10px}
.right-title{width:50%}
.right-title h4 {font-size: 60px;color: #fff;font-family: "brother-1816-printed";font-weight: 400;margin-bottom: 0;line-height:1}

/* Search bar section style start here */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }
.sec-search-bar{position: relative;top:-80px;}
.search-bar-wrap { display: flex; position: absolute; right: 0; width: 80%; background: #fff; }  
.search-bar-wrap .search-box{width: 80%;}
.search-bar-wrap .search-box .two-col-control input[type="search"]{border-bottom: 1px solid #d8d8d8;line-height: 36px;height: 36px;width: 90%;order:2;padding:0;font-family: "brother-1816-printed";font-weight: 400;font-size:20px;color:#06357A;margin-left:25px;}
.search-bar-wrap .search-box .two-col-control input[type="search"]:focus{border-bottom: 1px solid #06357A}
.search-bar-wrap .search-box .two-col-control{display: flex;align-items: flex-end;position: relative;padding: 25px 25px 18px 45px;}
.search-bar-wrap .search-box .two-col-control input[type="submit"]{order: 1; width: 4%; height: 46px; line-height: 46px;background:url('assets/images/search-icon.svg') left center no-repeat;font-size: 0;transition: 0.5s all ease-in-out}
.search-bar-wrap .search-box .two-col-control input[type="submit"]:hover,
.search-bar-wrap .search-box .two-col-control input[type="submit"]:focus{opacity: 0.5;}
.search-bar-wrap .cta-button{width: 20%;}
.search-bar-wrap .cta-button a span{display: none}
.search-bar-wrap .cta-button a .cross-icon{display: none}

.search-bar-wrap .filter-content{max-height: 760px;overflow: auto;}
.search-bar-wrap .cta-button a{color:#06357A;font-weight: 700;font-size: 20px;background-color: #F5F7FB;text-align: center;height: 80px;line-height: 80px;display: block;}
.search-bar-wrap .cta-button a:hover{color:#fff;background-color: #06357A}
.search-bar-wrap .filter-content { width: 100%; background: #fff; -webkit-box-shadow:0px 2px 5px -2px #b9b9b9;-moz-box-shadow:0px 2px 5px -2px #b9b9b9;box-shadow:0px 2px 5px -2px #b9b9b9;position: relative; z-index: 11;}
.search-bar-wrap .filter-main{border-bottom: 1px solid #F5F7FB;padding: 25px 45px 10px;}
.search-bar-wrap .filter-main:last-child{border-bottom: none}
.search-bar-wrap .filter-main .filter-title{padding-bottom: 10px}
.search-bar-wrap .filter-main .filter-title h6{font-weight: 700}
.search-bar-wrap ul.filter-listing { margin: 0; } 
.search-bar-wrap ul.filter-listing li { width: 100%; list-style: none;margin-bottom: 10px}
.search-bar-wrap ul.filter-listing li .filter-inner{display: flex;}
.search-bar-wrap ul.filter-listing li .filter-inner .img-thumb{width:12.355%;margin-right:20px}
.search-bar-wrap ul.filter-listing li .filter-inner .img-thumb .bg-thumb{background-position:center center;background-repeat:no-repeat;height: 85px;background-size:cover;}
.search-bar-wrap ul.filter-listing li .filter-inner .desc {width: 87.645%;} 
.search-bar-wrap ul.filter-listing li .filter-inner .desc:only-child{width:100%;}
.search-bar-wrap ul.filter-listing li .filter-inner .desc a{color:#06357A;text-decoration: underline;font-size: 16px;font-weight: 700;margin-bottom: 10px;display: inline-block;}
.search-bar-wrap ul.filter-listing li .filter-inner .desc a:hover{color:#76859C;}
.search-bar-wrap ul.filter-listing li .filter-inner .desc p{color:#76859C;font-size: 15px}

/* Search bar section style ends here */

/* Two column image and content section style start here */
.sec-two-col-img-cont{width: 100%;position: relative;padding:91px 0 45px;}
.two-col-img-cont-wrap{display: flex;align-items: center;}
.two-col-img-cont-wrap .img-block{position:absolute;width:60.5%;min-height:440px;left:0;background-size: cover;background-position: center center;background-repeat: no-repeat;display: block;}
.two-col-img-cont-wrap .content{order:2;width:33%;padding:45px 0;margin:0 0 0 auto;padding-right:10px;}
.two-col-img-cont-wrap .content p{padding-bottom: 30px;color:#76859C;}

.sec-two-col-img-cont.right .two-col-img-cont-wrap .content{margin:0 auto 0 0;padding-right:0}
.sec-two-col-img-cont.right .two-col-img-cont-wrap .img-block{right: 0;left: inherit;}
/* Two column image and content section style ends here */

.title-heading-with-line{width: 100%;}
.title-heading-with-line h3{position: relative;color:#06357A;}
.title-heading-with-line h3 span{padding-right: 15px}
.title-heading-with-line h3:after{position: absolute; content: ""; background: #E4EDF3; width: 120%; height: 1px; top: 18px;}

.sec-article{padding:55px 0 75px;}
.three-col-listing{display:flex;margin:0 -15px;padding-top: 25px} 
.three-col-listing .col-box{width:calc(33.33% - 30px);margin:0 15px 20px;list-style: none;background:#F5F7FB;}
.three-col-listing .col-box .col-thumb { position: relative; padding-bottom: 66.71%; background-position: center center; background-size: cover; background-repeat: no-repeat; }
.three-col-listing .col-box em{color:#485E6D;font-size: 15px;font-family: "brother-1816-printed";font-weight: 400;font-style: normal;margin-bottom: 15px;display: block;letter-spacing: 1px}
.three-col-listing .col-box h6{color:#06357A;margin-bottom: 15px}
.three-col-listing .col-box h6 a{color:#06357A;}
.three-col-listing .col-box h6 a:hover{color:#76859C;}
.three-col-listing .col-box p{color:#76859C;}
.three-col-listing .col-box .col-desc{padding:30px 25px 15px;}
.three-col-listing .col-box .col-desc h6{font-weight: 700;line-height: 1.35}

.label-txt { position: absolute; bottom: 0; background: #fff; padding: 11px 15px; right: 0; font-size: 16px; font-family: "brother-1816-printed"; font-weight: 400; color: #06357A; }
.sec-article .btn-wrap{display: block;margin-top:20px}
.text-center{text-align: center;}


.sec-podcast{padding:55px 0 75px;}
.sec-podcast .label-txt{left:0;right:inherit;padding: 6px 8px}
.sec-podcast .label-txt img{width: 25px}

.bg-image { width: 95.5%; background-position: center center; background-repeat: no-repeat; background-size: cover; min-height: 440px;position: relative;}
.bg-image .bnhm-logo{position: absolute;bottom: -4px;right:-1px;}
.sec-bg-image.right .bg-image{margin: 0 0 0 auto}
.sec-bg-image.center .bg-image{margin: 0 auto}

.sec-contact-two-col-img-cont{padding:50px 0 90px}
.contact-img-cont-wrap{display:flex;align-items: center;padding:0 74px}
.contact-img-cont-wrap .contact-img-box{width:45%;position: relative;padding-right: 50px}
.contact-img-cont-wrap .contact-img-box .bnhm-logo{position: absolute;left:-1px;bottom:0}
.contact-img-cont-wrap .contact-desc{width:57%;padding-right: 65px}
.contact-img-cont-wrap .contact-desc h3{font-weight: 700;line-height: 1.3}
.contact-img-cont-wrap .contact-desc .btn-wrap { display: block; margin-top: 25px; }

/* Footer section start here*/
.footer-main{width: 100%;background:#F5F7FB;padding: 68px 0;overflow: hidden;}
.footer-wrap{display: flex;padding-bottom: 30px}
.footer-wrap h6{font-weight: 700;color:#06357A;margin-bottom: 10px}
.footer-wrap p{line-height: 1.7}
.footer-wrap .address-col{width:50%;display:flex;}
.address-col .cols{width:50%}
.footer-wrap .contact-col{width:25%;}
.footer-wrap .contact-links p{padding-bottom:5px}
.footer-wrap .title-col{width:25%;}
.footer-wrap .title-col p{padding-bottom: 5px}
.copyright{display:flex;justify-content:space-between;align-items:flex-end;} 
.footer-links{width:70%;text-align:right;position: relative;} 
.footer-links:after { position: absolute; content: ""; background: #06357A; right: 0; width: 1000px; height: 1px; top: 50%; transform: translateY(-50%); left: 102%; }
.footer-links-wrap{display:flex;align-items:center;justify-content:flex-end;}
.footer-links-wrap p{margin-right: 30px;padding-bottom: 0;letter-spacing: 0}
.footer-links-wrap p a{color:#06357A;}
.footer-links-wrap p a:hover{color:#76859C;}
.footer-links-wrap p:last-child{margin-right: 0}

.mCSB_inside>.mCSB_container{margin-right: 15px}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 15px;}
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #06357A !important;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 10px}
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{width:20px;background-color:#F5F7FB;border-radius: 0}