/*
 * Theme Name: HR-Staffers
 * Description: HR-Staffers
 * Theme URI: http://www.hr-staffers.com
 * Author: neuweiss und ah,ja!
 * Author URI: http://www.hr-staffers.com
 * Version: 1.3.10
 * License: All Rights Reserved
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Tags: two-columns, one-column, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, sticky-post, threaded-comments, translation-ready, microformats
 * Text Domain: HR-Staffers
 */



/* reset & 12 columns
 * ============================================================================ */ 

 @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');

 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video { padding: 0; margin: 0; font-size: 100%; vertical-align: baseline; border: 0 }
 article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block }
 body { line-height: 1; overflow-x:hidden }
 #comments { display: none!important }
 ol, ul { list-style: none }
 a:focus { outline: 0 }
 blockquote, q { quotes: none }
 blockquote:before, blockquote:after, q:before, q:after { content: '' }
 table { border-collapse: collapse; border-spacing: 0 }
 img, object, embed, video { max-width: 100% }
 object, embed, video { width: 100% }
 img { height: auto; vertical-align: middle; border: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -ms-interpolation-mode: bicubic }
 svg:not(:root) { overflow: hidden }
 .clearfix:before, .clearfix:after { display: table; line-height: 0; content: "" }
 .clearfix:after { clear: both }
 .grid { width: 90%; margin-left: auto; margin-right: auto }
 .grid [class*=col] { width: 100%; margin-left: 0 }
 @media screen and (min-width:1024px) {
 .grid { width: 100% }
 .grid [class*=col] { float: left }
 .grid:after, .grid:before, .grid .newrow:before { display: table; line-height: 0; content: "" }
 .grid:after, .grid .newrow, .grid .newrow:before { clear: both }
 .grid [class*=col] { margin-left: 1.694915254%; margin-right: 0 }
 .grid .newrow, .grid [class*=col]:first-of-type { margin-left: 0 }
 .grid .col1 { width: 6.779661017% }
 .grid .col2 { width: 15.25423729% }
 .grid .col3 { width: 23.72881356% }
 .grid .col4 { width: 32.20338983% }
 .grid .col5 { width: 40.6779661% }
 .grid .col6 { width: 49.15254237% }
 .grid .col7 { width: 57.62711864% }
 .grid .col8 { width: 66.10169492% }
 .grid .col9 { width: 74.57627119% }
 .grid .col10 { width: 83.05084746% }
 .grid .col11 { width: 91.52542373% }
 .grid .col12 { width: 100% }
 }
 .fl { float: left }
 .fr { float: right }
 .b { font-weight: bold }
 .i { font-style: italic }
 .tl { text-align: left }
 .tc { text-align: center }
 .tr { text-align: right }
 .pn { padding: 0 }
 .mn { margin: 0 }
 .hide { display: none }
 /* ============================================================================ */
 
 
 /* ============================================================================
  *		LAYOUT
  * ============================================================================ */
 html { height: 100%;overflow-x:hidden  }
 body { width: 100%; min-width: 280px; background: #fff; overflow-x: hidden; }
 * { box-sizing: border-box }
 /**---- custom css ------**/
 a.close, .mobilemenu { opacity: 0; display: none }
 .wrapper { margin: 0 auto; overflow-x: hidden }
 #header { min-height: 90px; background-repeat: no-repeat; background-position: top center; background-size: cover; width: 100%; z-index: 9; position: relative; background: #fff; padding:22px 0; box-shadow:0 0 10px rgba(0,0,0,0.3)}
 #main { padding: 60px 0; margin: 0 auto; position: relative;overflow-x: hidden }
 #content { width: 100%; float: none; }
 #sidebar { display: none; }
 #sidebar.block { display: block; }
 #footer { width: 100%; padding: 20px 0; margin: 0; background: #243047; }
 .maxwidth { margin: 0 auto; position: relative; width: 90%; max-width: 1080px;  }
 .flex_row { width: 100%; display: flex }

 #header .logo { max-width: 381px; margin: 20px 0 0 }
 #header .right_details { width: 100%; text-align: right; padding-left: 20px }
 #header .right_details a { text-decoration: none }
 #header .menu { width: 100%; text-align: right }
 #header.fixed{ position:fixed; left: 0; top: 0; z-index: 999; box-shadow: 0 0 10px rgba(0,0,0, 0.3);}
 #header .menu li li { text-align: left }
 #header .menu li { display: inline-block; position: relative; font-size: 16px; font-weight: 600; transition: all ease 0.3s; text-transform: uppercase; }
 #header .menu li:last-child a, #header .menu li:last-child span { padding-right: 0 }
 #header .menu li a, #header .menu li span { color: #253672; text-decoration: none; padding: 7px 15px }
 #header .menu li>a:hover, #header .menu li.current_page_item>a, #header .menu li.current_page_item>span, #header .menu li.current_page_ancestor span, #header .menu li.current_page_ancestor a { color: #456ca6 }
 #header .menu li ul { position: absolute; left: 16px; top: 10px; border-top: 7px solid #456ca6; background: #456ca6; padding: 15px; visibility: hidden; opacity: 0; height: 0; overflow: hidden; min-width: 160px; transition: all ease 0.3s; }
 #header .menu li ul li { border-bottom: 1px solid #456ca6; width: 100%; display: block; }
 #header .menu li ul li a, #header .menu li ul li span { color: #fff!important; font-size: 14px; font-weight: normal; padding: 5px 10px; display: block; width: 100%; white-space: nowrap; transition: all ease 0.3s; }
 #header .menu li ul li a:hover, #header .menu li ul li span:hover { background: #7ab732; color: #fff; padding: 5px 5px 5px 15px; }
 #header .menu li ul li a:hover { color: #fff }
 #header .menu li:hover ul { visibility: visible; opacity: 1; height: auto; overflow: visible; top: 30px; transition: all ease 0.3s; }
 #header .right_details .connect { font-size: 20px; color: #253672; padding-bottom: 35px }
 #header .right_details .connect strong { padding-left: 15px }
 #header .right_details .social { color: #253672; }
  #header .right_details .connect a{ color: #253672; display:inline-block;  margin: 0 5px}
 body.custom-background .wrapper { margin: 0 auto; background: #fff; max-width: 1070px; }
 .slide_container .slide { width: 100%;   background-position: center center!important; 
    -moz-box-shadow:    inset  0 -10px 10px -10px rgba(0,0,0,0.6);
    -webkit-box-shadow: inset  0 -10px 10px -10px rgba(0,0,0,0.6);
     box-shadow:        inset  0 -10px 10px -10px rgba(0,0,0,0.6);}
 .slide_container .slide .slider_content { width: 100%; height: 66px; position: absolute; z-index: 99; bottom: 0; text-align: center; background:  url(img/trans_bg.png) no-repeat center center; background-size: 100%;; padding:10px; color: #fff;}
 /*.slide_container .slide:before { content: ''; position: absolute; left: 0; width: 100%; height: 100%; top: 0; background: url(img/hov_bg.png) no-repeat 0 0; background-size: 0% }*/
 .slide_container .banner_content { width: 100%; font-size: 48px; line-height: 52px; font-weight: 300; position: relative; z-index: 99; }
 .slide_container .slick-arrow { position: absolute; z-index: 10; }
 .slide_container .slick-next { right: 20px; top: 37%; background: none; border-bottom: 4px solid #333; border-radius: 0; padding: 0; color: #333 }
 .slide_container .slick-prev { left: 5px; top: 37%; background: none; border-top: 4px solid #333; border-radius: 0; padding: 0; color: #333 }
 .slide_container .slick-next:hover, .slide_container .slick-prev:hover { border-color: #fdc747 }
 .slide_container{ margin: 0; }
 .slide_container .maxwidth{ height: 720px;}
 .image_box{ height: 620px; width: 100%; margin: 20px 0 0; background-size: cover;}
 
 .top_content{ background: #324566  url(img/pattern_bg.png) repeat 0 0;   padding: 50px 20px; font-size: 25px; line-height: 48px; text-align: center; color: #fff; margin-top: -8px; z-index:999 ;}

 .staff_expertise_content{ text-align: center;}
 .staff_expertise_content ul{ text-align:center; width: 100%; display: flex; justify-content: space-between; margin: 40px 0;}
 .staff_expertise_content ul li{ width: 33.33%; padding: 0 20px;}
 .staff_expertise_content ul li img{ margin-bottom: 20px;}
 .staff_expertise_content ul li:first-child{ background: url(img/sep.png) no-repeat right center;}
 .staff_expertise_content ul li:last-child{ background: url(img/sep.png) no-repeat left center;}
 .staff_expertise_content h3{ font-size: 16px; font-weight: 700; color: #000; text-transform:none; margin:0; padding: 0;}


ul.feature_list{ text-align:center; width: 100%; display: flex; justify-content: space-between; flex-wrap:wrap; margin: 70px 0;}
ul.feature_list li{ width:50%; padding: 0 65px 140px 45px; position: relative;}
ul.feature_list li:after{ content: ''; background: url(img/blue_bot_sep.png) no-repeat top center; display: block; height: 2px; width: 100%;  position: absolute; left: 0; bottom:70px}
ul.feature_list li img{ margin-bottom: 40px;}
ul.feature_list li:first-child{ background: url(img/sep.png) no-repeat right center;}
ul.feature_list li:last-child{ background: url(img/sep.png) no-repeat left center;}

ul.feature_list li:nth-child(3), ul.feature_list li:nth-child(4){ padding-bottom: 0;}
ul.feature_list li:nth-child(3):after, ul.feature_list li:nth-child(4):after{ display: none;}
 
 .search-no-results h1 { text-align: center; font-size: 20px; padding-bottom: 20px }
 .search-no-results .searchform { margin: 0 auto; max-width: 400px }
 .searchform .s { border-radius: 0 }
 .search-no-results .inner_banner { background: #fdc747 url(img/search.png) no-repeat center center!important; background-size: contain!important }
 .search-no-results .inner_banner .title_box { display: none }
 .slide_container .slick-next, .slide_container .slick-prev { -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform-origin: bottom right; }


 .search_container { padding: 340px 0 40px; width: 100% }
 .search_container .box { background: rgba(122,183,50,0.9); padding: 50px 25px; text-align: center; color: #fff }
 .search_container .btn { border: 2px solid #ccdfb7; color: #fff; padding: 5px 20px; font-size: 22px; line-height: 26px; text-decoration: none; font-weight: normal; display: inline-block; margin: 30px 0 0; background: none }
 .search_container .btn:hover { background: #c1ea69; border-color: #c1ea69 }
 button.btn a { text-decoration: none }
 button.btn:hover a { text-decoration: none; color: #fff }
 button.btn i { color: #0068ab; }
 button.btn:hover i { color: #fff }
 .error404 .inner_banner { background: #7ab732 url(img/404.png) no-repeat center center!important; background-size: contain!important }
 .error404 .inner_banner .title_box { display: none }
 .error404 .inner_container { text-align: center }
 .error404 .searchform, .search-results .searchform { margin: 0 auto; float: none; display: inline-block }
 .search-results .inform { text-align: center; padding: 0 0 20px }
 .search-results .inform h1 { padding: 0 0 10px }
 .search-results .status-publish { margin: 0; padding: 10px; border: 1px solid #f2f2f2 }
 .search-results .status-publish h2 { margin: 0; padding: 0 }
 .search-results .serp::before { display: none }
 .search_container h2 { font-size: 32px; color: #fff; font-weight: normal }
 .search_container h2:after { content: ''; display: block; width: 200px; height: 2px; background: #c1ea69; margin: 15px auto 0; clear: both }
 .blog_list { width: 100%; padding: 50px 0 }
 .blog_list ul, .blog_list li { width: 100%; }
 .blog_list li { padding: 30px 0 }
 .blog_list li .post { display: flex; font-size: 17px; line-height: 23px; color: #191919 }
 .blog_list li .post figure { width: 480px }
 .blog_list li .post figure img { width: 100% }
 .blog_list li .post .details { padding: 0 0 0 100px }
 .btn, .more-link { padding: 15px 25px; text-transform: uppercase; font-weight: 700; color: #272727; border: 1px solid #272727; display: inline-block; clear: both; text-decoration: none; margin: 10px 0 0; background: #fff; border-radius: 0 }
 .btn:hover, .more-link:hover { border-color: #272727; background: #272727; color: #fff }
 .blog_list li h3 { font-size: 21px; line-height: 30px; color: #191919; padding: 0 0 20px }
 .blog_list li p { width: 100%; display: block }
 .inner_banner { padding: 235px 0 25px }
 .inner_banner .title_box { padding: 30px 0 20px; filter: alpha(opacity=80)!important; -moz-opacity: 0.8!important; /* Mozilla */ opacity: 0.8!important; text-align: center }
 .inner_banner h1 { font-size: 32px; color: #fff; font-weight: normal }
 .inner_banner h1:after { filter: alpha(opacity=60); -moz-opacity: 0.6; /* Mozilla */ opacity: 0.6; }
 .blog_bg .title_box { padding: 30px 0 20px; background: #0068ab; filter: alpha(opacity=80); -moz-opacity: 0.8; /* Mozilla */ opacity: 0.9; text-align: center; font-size: 32px; color: #fff; padding: 30px 0 20px }
 .blog_bg .title_box h1:after { content: ''; display: block; width: 200px; height: 2px; background: #08a1de; margin: 15px auto 0; clear: both }
 .inner_container { width: 100%; padding: 60px 0 }
 .inner_container h2 { font-size: 26px; color: #0068ab; padding: 0 0 20px }
 .inner_container h3 { font-size: 20px; font-weight: bold; padding: 0 0 10px; line-height: 24px; }
 .inner_container p, .inner_container li, .inner_container blockqoute { font-size: 15px; line-height: 24px; padding: 0 0 30px }
 .inner_container .custom_list { width: 100%; display: flex; flex-wrap: wrap; padding: 20px 0 40px; margin: 0 }
 .inner_container .custom_list li { width: 50%; padding: 7px 40px 7px 25px; background: url(img/square_icon.png) no-repeat 0 13px; }
 .single .blog_box { list-style: none }
 .blog_container { padding: 60px 0 }
 .blog_box_list li h2, .alm-reveal li h2, .blog_box_list li h3, .alm-reveal li h3 { font-size: 20px; line-height: 28px; }
 .blog_box_list, .alm-reveal { width: 100%; display: flex; flex-wrap: wrap; }
 .blog_box_list li, .alm-reveal li { width: 33%; padding: 10px!important; margin-bottom: 20px }
 .alm-reveal li img, .blog_box_list li img { position: static!important; }
 .alm-reveal li figure, .blog_box_list li figure { margin-bottom: 20px; overflow: hidden }
  @media (min-width:768px) {
 .alm-reveal li .fluid-width-video-wrapper, .blog_box_list li .fluid-width-video-wrapper { padding-top: 53.3914%!important }
 }
 .post .flex_row ul { width: 50%; font-size: 16px; }
 .post .flex_row ul li { padding: 0 0 30px 51px; background: url(img/icon2.png) no-repeat 0 0; }
 .post .flex_row ul li:first-child { background: url(img/icon1.png) no-repeat 0 0; }
 .post .flex_row ul strong { font-size: 18px; line-height: 30px; }
 .post .flex_row .wpcf7 { width: 50% }
 .category_box .categories { width: 100%; display: flex }
 .category_box .categories ul { width: 100%; display: flex }
 .wpcf7 input, .wpcf7 textarea { border: 1px solid #999; font-size: 16px; text-align: center; font-weight:400; color: #666564; text-transform: capitalize; margin: 0 0 15px; width: 100%; border-radius: 0; padding: 10px; }
 input.wpcf7-not-valid, textarea.wpcf7-not-valid { border-color: #ff0000 }
 #footer #main { padding: 30px 0 }
 #footer .left { font-size: 15px; line-height: 21px; width: 45% }
 #footer .left strong { font-size: 17px; padding: 0 0 5px; }
 #footer .left ul { padding: 20px 0 0 }
 #footer .left li { padding: 15px 0 }
 #footer .copyright { font-size: 12px; line-height: 16px; max-width: 500px }
 #footer .right { width: 55%; text-align: right }
 #footer .links { padding: 30px 0 0 }
 #footer .links li { padding: 0 10px; font-size: 15px; display: inline-block }
 #footer .links li a { text-decoration: none }
 #footer .links li ul { display: none }
 #footer .number a { text-decoration: none }
 #footer .number { font-size: 21px; font-weight: 700 }
 #footer .connect { display: block; margin-top: 170px }
 #footer .social { text-decoration: none; font-size: 24px; padding: 0 0 10px; margin: 0 0 0 0; display: inline-block }
 #footer .footer_logo{ margin: 0 0  30px; padding: 0; display: block;}
 #footer h1,  #footer h2,  #footer h3,  #footer h4,  #footer h5{ color: #fff;}
 #footer a{ color: #fff;}
 #footer h3{ font-size: 16px; text-transform: none; margin: 15px 0 5px; padding: 0;}
 #footer .copyright{ font-size: 12px; line-height: 16px; padding:10px 0 0;}
 #footer .number{ text-align: right; font-size: 21px; font-weight:700;}
 #footer .call{ display: block; padding: 8px 0;;}
 #footer .social a{ display: inline-block; margin: 0 0 0 15px;}

 #footer #menu-top-menu-1 li{ font-size: 16px; text-transform: uppercase; font-weight: 600;}


 /* adaptive layout */
 @media screen and (min-width: 1024px) {
 .header-image { margin: 0 auto; position: relative; width: 90%; max-width: 1080px; }
 #content { width: 67.12962962962963%; float: left; }
 #sidebar { width: 27.77777777777778%; margin-top: 0; float: right; display: block; }
 .layout-leftbar #sidebar { float: left; }
 .layout-leftbar #content { float: right; }
 .layout-full #sidebar { display: none; }
 .layout-full #content { float: none; width: 100%; }
 .layout-center #sidebar { display: none; }
 .layout-center #content { float: none; width: 70%; margin-left: auto; margin-right: auto; }
 .wrapper { width: 100%; }
 }
 /* ============================================================================ */
 
 .wpcf7 form .wpcf7-response-output{ font-size: 14px; text-align: center; margin-top: 0;}
 
 
 /* ============================================================================
  *		inline HTML TAGS
  * ============================================================================ */
 body { font: 16px/28px 'Open Sans', sans-serif; color: #000; word-wrap: break-word; }
 a { color: #222; }
 a:hover { color: #0068ab; }
 p { padding: 0 0 1em 0; }
 p:last-child { padding-bottom: 0; }
 h1, h2, h3, h4, h5, h6, .wtitle, .title { margin: 0; padding: 0 0 0.5em; line-height: 1.1; font-family: 'Open Sans', sans-serif; font-weight: bold; }
 h1 { font-size: 36px; padding: 0; }
 h2 { font-size: 36px; color:#0d3476; max-width: 60%; margin: 0 auto 30px; text-transform: uppercase; background: url(img/line_sep.png)  no-repeat bottom center;  font-weight: 400;  padding:  55px 0 25px;  width: 100%; text-align: center; }
 h3 { font-size: 24px; font-weight: 700; text-transform: uppercase; color: #143572; }
 h4 { font-size: 20px; }
 h5, h6 { font-size: 18px; }
 @media screen and (min-width: 768px) {
 h1 { font-size: 36px; padding: 0; }
 h2 { font-size: 30px; }
 h3 { font-size: 24px; }
 h4 { font-size: 20px; }
 h5, h6 { font-size: 18px; }
 }
 h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none;}
 blockquote, q { position: relative; padding: 30px 30px 30px 80px; margin: 10px 0 20px 30px; color: #444; font-family: 'Open Sans', sans-serif; background: #EFEFEF; border-left: 3px solid #0068ab; border-radius: 3px; display: block; }
 blockquote:after { content: '”'; position: absolute; top: 10px; left: 20px; font-size: 4em; line-height: 1;}
 table th { background: #ddd; border-right: 1px solid #fff; padding: 10px 20px; }
 table tr th:last-child { border-right: 1px solid #ddd; }
 table td { padding: 5px 20px; border: 1px solid #ddd; }
 pre { background: #f5f5f5; border: 1px solid #ddd; padding: 10px; text-shadow: 1px 1px rgba(255, 255, 255, 0.4); font-size: 12px; line-height: 1.25; margin: 0 0 1em 0; overflow: auto }
 sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline }
 sup { bottom: 1ex }
 sub { top: .5ex }
 small { font-size: 75% }
 big { font-size: 125% }
 /* ============================================================================
  *		FORM HTML TAG
  * ============================================================================ */
 input, textarea, select, button { padding: 10px 10px 10px 0; border-color: #ddd; -webkit-border-radius: 5px; border-radius: 5px; font: 300 16px/1.25 'Open Sans', Tahoma, Verdana, Segoe, sans-serif; color: #222; }
 textarea { min-height: 90px; max-width: 100%; box-sizing: border-box; }
 textarea, select, input[type=text], input[type=password], input[type=email], input[type=url], input[type=tel], input[type=date], input[type=datetime], input[type=datetime-local], input[type=time], input[type=month], input[type=week], input[type=number], input[type=search] { padding: 9px 10px; border-width: 1px; border-style: solid; min-height: 20px;/*height: 20px; */ }
 input[type=search] { height: 40px; }
 input[type=color] { padding: 0; border: 0; background: #fff; }
 input:focus, textarea:focus, select:focus { outline: none; border-color: #0068ab; -webkit-box-shadow: inset 0 0 8px rgba(0,0,0,0.08); box-shadow: inset 0 0 8px rgba(0,0,0,0.08); }
 input[type=submit], input[type=button], button, .submit, .button { padding: 10px 20px; min-height: 20px; /*height: 40px;*/ line-height: 20px; border: 0; background-color: #0068ab; color: #fff; cursor: pointer; }
 input[type=submit]:hover, input[type=button]:hover, button:hover, .submit:hover, .button:hover { opacity: 0.9; }
 .wpcf7-submit[type=submit] { border: 1px solid #c08335; padding: 20px 40px; color: #fff; text-transform: uppercase; font-size: 17px; font-weight: 700; background: #c08335; max-width: 150px;    margin: 0 auto;
    display: block; }
 .wpcf7-submit[type=submit]:hover { background: #fff; color: #222 }

.wpcf7-not-valid-tip{ display: none!important;}


 /* ============================================================================ */
 
 
 
 /* ============================================================================
  *		HEADER
  * ============================================================================ */
 
 .sitedescription {/*text-align: center;*/ padding-top: 10px; }
 .sitetitle.center .custom-logo { margin-left: auto; margin-right: auto; }
 .sitetitle.right .custom-logo { margin-left: auto; margin-right: 0; }
 .custom-logo-top { display: block; margin-bottom: 20px; }
 .custom-logo-bottom { display: block; margin-top: 20px; }
 .sitetitle.right .custom-logo-right, .sitetitle.left .custom-logo-right { margin-left: 20px; margin-right: 0; }
 .sitetitle.left .custom-logo-left, .sitetitle.right .custom-logo-left { margin-left: 0; margin-right: 20px; }
  @media screen and (min-width: 768px) {
 #logo { font-size: 60px; }
 }
 /* mobile navigation button */
 #mobile-menu { display: block; padding: 15px 0; text-decoration: none; text-transform: uppercase; color: #fff; text-align: center; font-weight: 500; cursor: pointer; background: #0068ab;/*#eee;*/ z-index: 999; position: relative; }
 #mobile-menu:hover { opacity: 0.8; }
 /* header navigation */
 .topnav nav { display: none; z-index: 9999; }
 .top-menu { background: #0068ab; position: absolute; z-index: 1000; width: 90%; left: 5%; }
 .top-menu li { padding: 0; display: block; }
 .top-menu li a, .top-menu li span { display: block; padding: 15px 20px; color: #fff; line-height: 20px; font-weight: 500; text-decoration: none; position: relative; cursor: pointer; }
 .top-menu li a:hover, .top-menu li span:hover, .top-menu li .sub-menu > li > a:hover, .top-menu li .sub-menu > li > span:hover { background-color: rgba(255,255,255,0.2); }
 .top-menu .current_page_item > a, .top-menu .current_page_item > span, .top-menu .current-menu-item > a, .top-menu .current-menu-item > span { background-color: rgba(0, 0, 0, 0.22) }
 .top-menu .current-menu-item > a:hover, .top-menu .current-menu-item > span:hover { color: #fff; }
 .top-menu .sub-menu { margin: 0; }
  @media screen and (min-width: 1024px) {
 .top-menu .open-submenu:after, .top-menu .open-submenu { display: none; }
 }
  @media screen and (max-width: 1140px) {
 #header .right_details { padding-left: 20px }

 .blog_list li .post figure { width: 300px }
 .blog_list li .post .details { padding-left: 20px }
 }
 @media screen and (max-width: 767px) {
 .slide_container .banner_content { max-width: 100% }
 .slide_container .slide h2 { font-size: 35px; line-height: 40px }
 .slide_container .slide h2 br { display: none }

 .flex_row { width: 100%; display: block }
 #footer .left, #footer .right { width: 100% }
 #footer .links { display: none }
 #footer .connect { margin: 0; width: 100%; text-align: left; padding: 0 0 30px; display: none }
 #footer .number { padding: 0 0 30px; text-align: left }
 }


  @media screen and (max-width: 1023px) {
 .topnav { background: #0068ab; }
 .top-menu { margin-top: 1px; box-shadow: 2px 5px 15px rgba(0, 0, 0, 0.25); }
 .top-menu .sub-menu li a { padding: 10px 20px; }
 .top-menu .sub-menu { margin: 0 0 0 20px; font-size: 14px; }
 .top-menu li.menu-item-has-children { position: relative; }
 .top-menu li.menu-item-has-children > .open-submenu { width: 50px; height: 50px; position: absolute; top: 0; right: 0; background: rgba(255,255,255,0.3); box-sizing: border-box; font-size: 24px; line-height: 50px; padding: 0; text-align: center; }
 .top-menu a { border-bottom: 1px solid #ffffff1a; }
 .top-menu .sub-menu li.menu-item-has-children > .open-submenu { height: 40px; line-height: 40px; }
 .top-menu .sub-menu.closed { display: none; }
 .top-menu .submenu-opened .sub-menu.closed { display: none; }
 .top-menu .open-submenu:before { content: '+'; position: absolute; width: 100%; top: 0; left: 0; }
 .top-menu .submenu-opened > .open-submenu:before { content: '–'; }
 #header .menu li a, #header .menu li span { padding: 7px }
 #header .menu li { font-size: 14px; }
 #header .right_details .connect { font-size: 15px; }
 .about_box { font-size: 20px; line-height: 28px; }
 .about_box strong { font-size: 15px }
 .about_box li br { display: none }
 .about_box li { padding: 0 130px 0 0; }
 }
 /* ============================================================================ */
 
 
 
 /* ============================================================================
  *		CONTENT
  * ============================================================================ */
 .entry-box { margin: 30px 0 0; }
 .entry-box .entry { padding-bottom: 30px; }
 .entry-box ul, .entry-box ol { margin: 0.5em 0 1em 50px; }
 .entry-box ul { list-style: outside url("img/li.svg"); }
 .entry-box ol { list-style: decimal; }
 .entry-box ul ul, .entry-box ul ol, .entry-box ol ol, .entry-box ol ul { margin-top: 0; margin-bottom: 0; }
 .entry-box li { padding-top: 5px; }
 .entry-box ul li { padding-left: 5px; position: relative; }
 .ftrwidget ul { list-style: outside url("img/li.svg"); }
 .video-responsive { overflow: hidden; padding-bottom: 56.25%; position: relative; height: 0; margin-bottom: 1em; }
 .video-responsive iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute; }
 .comment-body ol, .comment-body ul { margin: 0.2em 0 0.5em 40px }
 .comment-body ul { list-style-type: disc; }
 .comment-body ol { margin-left: 40px; list-style-type: decimal; }
 .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6, .comment-body h2, .comment-body h3, .comment-body h4, .comment-body h5, .comment-body h6 { padding-top: 30px; padding-bottom: 10px; }
 .sticky { border: 5px solid #eee; padding: 30px; }
 .screen-reader-text { clip: rect(1px,1px,1px,1px); position: absolute!important; height: 1px; width: 1px; overflow: hidden; }
 .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0,0,0,0.6); clip: auto!important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }
 .blog-home-header { margin-bottom: 50px; }
 .brand_logos { width: 100%; margin: 40px 0 0; padding: 0; text-align: center }
 .brand_logos li { display: inline-block; vertical-align: middle; margin: 5px 10px; }
 /* ANONS 
  * ----------------------------------------- */
 .anons { margin-bottom: 60px; }
 .anons h2 { font-size: 30px; padding-bottom: 0; }
 .anons-thumbnail { display: none; }
 .anons-thumbnail.show { display: block; }
 .anons img { margin-bottom: 15px; margin-top: 5px; max-width: 100%; height: auto; }
 .largeimage { margin: 0 0 1em; max-width: 100%; height: auto; }
 .medium, .thumbnail { float: left; margin: 5px 1.5em 0.5em 0; }
 .medium { max-width: 50%; height: auto; }
 .thumbnail { max-width: 30%; height: auto; }
 /*.more-link-box {text-align: right;}
 .more-link { display: inline-block; padding: 10px 20px; background: #0068ab; color: #fff; text-decoration: none; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; position: relative; }
 .more-link:after { content: '➤'; float: right; margin-left: 10px; margin-right: -5px; }
 .more-link:hover { opacity: 0.8; color: #fff; }*/
 
     
 /* __________ post __________ */
 .meta { margin: 10px 0 0; font-size: 12px; }
 .meta span { padding-right: 20px; }
 .meta span.hide { display: none; }
 .meta .fa { padding: 0 5px 0 0; }
 .meta, .meta a { color: #999999; }
 .meta a { text-decoration: none; }
 .meta a:hover { text-decoration: underline; }
 /* __________ archive __________ */
 .inform { margin-bottom: 2em; border-bottom: 1px dotted #e2e2e2; }
 .inform h1 { font-size: 20px; }
 .inform .archive-desc { padding: 0 0 2em 4em; }
 /* __________ socialshare __________ */
 .social_share { margin: 30px 0 0; padding: 30px 0 0; border-top: 1px solid #DDD; }
 .social_share li, .social_share ul { margin: 0 !important; padding: 0 10px 0 0 !important; list-style: none; }
 .social_share li:before { display: none; }
 .psb { display: block; float: left; height: 40px; width: 40px; margin: 0 10px 0 0; background: url(img/socialshare.png) 0 0 no-repeat; transition: top 0.3s; position: relative; top: 0; }
 .psb, .share42-item { transition: top 0.3s; position: relative; top: 0; }
 .psb:hover, .share42-item:hover { position: relative; top: 3px; }
 .fb { background-position: 0 0; }
 .ok { background-position: -80px 0; }
 .tw { background-position: -40px 0; }
 .vk { background-position: -120px 0; }
 .gp { background-position: -160px 0; }
 /* __________ images __________*/
 .entry iframe { max-width: 100%; }
 .entry img { max-width: 100%; height: auto; margin-bottom: 10px; margin-top: 8px; }
 .alignleft img { display: block; margin: 0 auto 0 0; }
 .alignright img { display: block; margin: 0 0 0 auto; }
 img.alignleft, .alignleft { float: left; margin-right: 20px; margin-left: 0; }
 img.alignright, .alignright { float: right; margin-left: 20px; margin-right: 0; }
 .aligncenter, div.aligncenter, img.centered { display: block; margin-left: auto; margin-right: auto; }
 .entry .attachment, .entry .caption, .entry .gallery-caption { text-align: center; }
 .entry .attachment .navigation { height: 150px; }
 .wp-caption, .attachment img { text-align: center; max-width: 100%; }
 .wp-caption img { margin-top: 0; margin-bottom: 0; }
 .wp-caption-text, .wp-caption p.wp-caption-text { font-size: 12px; color: #222; margin: 0 0 15px; }
 .entry .wp-smiley { margin: 0; padding: 0; border: 0; }
 /* __________ galleries __________*/
 .gallery { border: 2px solid #eee; padding: 15px 20px; margin: 20px 0 30px; }
 .gallery:after { content: ''; display: table; clear: both; }
 .gallery-item img { display: block; margin: 0 auto; }
 .gallery-columns-1 .gallery-item { width: 100%; padding: 10px 0; }
 .gallery-columns-2 .gallery-item { width: 48%; padding: 10px 1%; float: left; }
 .gallery-columns-2 .gallery-item:nth-child(2n+1) { clear: both; }
 .gallery-columns-3 .gallery-item { width: 31.33333333333333%; padding: 10px 1%; float: left; }
 .gallery-columns-3 .gallery-item:nth-child(3n+1) { clear: both; }
 .gallery-columns-4 .gallery-item { width: 23%; padding: 10px 1%; float: left; }
 .gallery-columns-4 .gallery-item:nth-child(4n+1) { clear: both; }
 .gallery-columns-5 .gallery-item { width: 18%; padding: 10px 1%; float: left; }
 .gallery-columns-5 .gallery-item:nth-child(5n+1) { clear: both; }
 .gallery-columns-6 .gallery-item { width: 14.66666666666667%; padding: 10px 1%; float: left; }
 .gallery-columns-6 .gallery-item:nth-child(6n+1) { clear: both; }
 .gallery-columns-7 .gallery-item { width: 12.28571428571429%; padding: 10px 1%; float: left; }
 .gallery-columns-7 .gallery-item:nth-child(7n+1) { clear: both; }
 .gallery-columns-8 .gallery-item { width: 10.5%; padding: 10px 1%; float: left; }
 .gallery-columns-8 .gallery-item:nth-child(8n+1) { clear: both; }
 .gallery-columns-9 .gallery-item { width: 10%; padding: 10px 0.5555555555555556%; float: left; }
 .gallery-columns-9 .gallery-item:nth-child(9n+1) { clear: both; }
 /* __________ paginate __________ */
 .nav-links { line-height: 40px; }
 .nav-links a { text-decoration: none; }
 .nav-links .page-numbers { padding: 4px 12px 6px; margin-right: 5px; background: #ddd; color: #444; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: background, color 0.3s; transition: background, color 0.3s; }
 .nav-links a:hover, .nav-links .current { background: #0068ab; color: #fff; }
 .nav-links .total { margin-right: 5px; }
 /* ============================================================================
  *		COMMENTS
  * ============================================================================ */
 #comments, #respond { margin: 60px 0 0; }
 .comments-title, #reply-title { font-size: 30px; padding: 20px 0 5px 0; margin-bottom: 20px; border-bottom: 1px solid #ddd; }
 .comments-title .cnt { float: right; font-size: 0.7em; }
 .comment-list { margin: 10px 0 0 0; }
 .comment-body { margin: 0 0 20px 0; padding: 20px 20px 20px 100px; background: #F9F9F9; -webkit-border-radius: 4px; border-radius: 4px; position: relative; }
 .comment-body a { text-decoration: none; }
 .comment-body a:hover { text-decoration: underline; }
 .comment .avatar { position: absolute; top: 20px; left: 20px; -webkit-border-radius: 4px; border-radius: 4px; }
 .comment-author { float: left; margin-right: 10px; line-height: 20px; }
 .comment-metadata { font-size: 0.7em; line-height: 17px; padding-top: 3px; }
 .says { display: none; }
 .comment-content { margin: 10px 0; font-size: 14px; line-height: 1.3; clear: both; }
 .comment-reply-link { font-size: 10px; text-transform: uppercase; font-weight: 500; color: #C5C5C5; position: absolute; bottom: 5px; right: 10px; }
 .bypostauthor .comment-body { background: #EFEFEF; }
 /* _____ REPLY to comment  */
 .rinput, .rcomment { margin-bottom: 10px; }
 .rinput input { width: 92%; padding-left: 4%; padding-right: 4%; }
 .rcomment textarea { width: 100%; }
 #cancel-comment-reply-link { font-size: 14px; float: right; }
 .comment #respond { margin: -20px 0 60px 0; }
 /* ============================================================================
  *		SIDEBAR
  * ============================================================================ */
 #widgetlist { margin: 0; padding: 0; list-style: none; }
 #widgetlist > li:last-child { margin-bottom: 0; }
 .widget, .categories, #widgetlist > li { margin-bottom: 60px; padding: 0; }
 .wtitle { white-space: nowrap; padding: 0 15px 0 0; font-size: 20px; font-weight: 300; color: #12537d }
 .widget ul { margin: 0 0 0 15px; list-style: outside url("img/li.svg"); }
 .widget li { padding: 5px 0 5px 5px; }
 .wtitle a { text-decoration: none!important }
 .widget .children { margin-left: 20px; }
 .widget_calendar td, .widget_calendar th { padding: 10px }
 .widget a { text-decoration: none; }
 .widget a:hover { text-decoration: underline; }
 .categories { margin-bottom: 0 }
 .categories ul li { padding: 0 20px; font-size: 20px; line-height: 20px; font-weight: 300; border-right: 1px solid #333 }
 .categories ul li:last-child { border: none }
 .categories ul li a { text-decoration: none }
 .category_box { width: 100%; padding: 60px 25px; background: #ebe9e3 }
 .category_box h2 { font-size: 26px; line-height: 30px; color: #0068ab; padding: 0 0 20px }
 .categories ul .current-cat { font-weight: bold; color: #0068ab }
 .category .blog_box .meta { display: none }
 .pagination { width: 100%; display: none; clear: both }
 .alm-btn-wrap { text-align: left!important }
 /* ============================================================================
  *		OTHER
  * ============================================================================ */
  
 /* _____ Search & Results */
 .search-results .inform { margin-bottom: 4em; }
 .searchform { width: 100%; max-width: 400px; margin: 0; padding: 0; position: relative; }
 #header .searchform { display: none; margin: 30px auto; max-width: 300px; }
 #content .searchform { margin: 30px 0; }
 input.s { width: 90%; }
 input.search_submit { position: absolute; top: 0; right: 0; width: 40px; padding-left: 12px; padding-right: 12px; -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; }
 .serp { margin-bottom: 40px; margin-left: 20px; position: relative; }
 .serp:before { content: ''; position: absolute; left: -20px; top: 8px; border: 3px solid black; border-radius: 50%; }
 .serp h2 { font-size: 20px; }
 .serp .meta { margin: 5px 0 0 0; font-size: 10px; line-height: 1; }
 .serp .entry { margin-top: 10px; }
 .serp .entry p { font-size: 14px; line-height: 1.3; }
 /* _____ Woocommerce */
 .product_meta { font-size: 0.9em; }
 .product_meta > span { display: block; }
 /* ________ BB Press _________ */
 form#bbp-search-form { margin-bottom: 20px; }
 form#bbp-search-form input[type=text] { padding: 5px 10px; }
 form#bbp-search-form input[type=submit] { padding: 7px 15px; margin-left: -10px; }
 #bbpress-forums p.bbp-topic-meta img.avatar, #bbpress-forums ul.bbp-reply-revision-log img.avatar, #bbpress-forums ul.bbp-topic-revision-log img.avatar, #bbpress-forums div.bbp-template-notice img.avatar, #bbpress-forums .widget_display_topics img.avatar, #bbpress-forums .widget_display_replies img.avatar { margin-bottom: 0; border: 1px solid #ddd; padding: 1px; background: #fff; }
 #wp-bbp_reply_content-editor-container { border: 1px solid #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
 #qt_bbp_reply_content_toolbar { border-radius: 6px 6px 0 0; }
 /*.bbp-body .bbp-topic-title,*/
 .bbp-topic-permalink, .bbp-forum-title { text-decoration: none; font: bold 18px/125%  'Open Sans', sans-serif; }
 #bbpress-forums .bbp-forum-info .bbp-forum-content { margin: 0; color: #818181; }
 #bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic { padding: 20px; }
 .bbp-header .bbp-topic-title .bbp-topic-title, .bbp-header .bbp-forum-info { padding-left: 10px; box-sizing: border-box; }
 li.bbp-topic-title { width: 47%; }
 li.bbp-forum-topic-count { text-align: left; }
 li.bbp-forum-reply-count, li.bbp-topic-voice-count, li.bbp-topic-reply-count { text-align: left; width: 13%; }
 li.bbp-forum-freshness, li.bbp-topic-freshness { text-align: left; width: 19%; }
 /* ============================================================================ */
 
 
 
 /* ============================================================================
  *		FOOTER
  * ============================================================================ */
 #footer { color: #fff; font-size: 14px; line-height: 1.25; text-decoration: none; }
 #footer .logo { max-width: 280px; display: block }
 #footer a { color: #fff; transition: opacity 0.3s; }
 #footer a:hover { color: #999999; text-decoration: underline; }
 #footer .maxwidth { position: relative; }
 .footer-menu { border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin-bottom: 30px; }
 .footmenu { padding: 0 0 20px 0; margin: 0; text-align: center; }
 .footer-menu li { display: inline-block; padding: 5px 10px; }
 #footer .footer-menu a:hover { color: #fff; opacity: 0.7; }
 #copy { text-align: center; /*font-size: 12px;*/ }
 #designedby { text-align: center; opacity: 0.8; }
 #toTop { position: fixed; z-index: 1000; bottom: 20px; right: 20px; margin: 0; padding: 14px 12px; display: none; cursor: pointer; background: #c08335; color: #fff !important; border-radius: 3px; transform: rotate(-90deg); font-size: 24px; text-align: center; }
 #toTop:hover { background: #999; text-decoration: none !important; border-radius: 3px; }
 
 .wpcf7{ margin: 0 auto; max-width: 470px;}
 
 
 
 /* ============================================================================
  *		ADAPTIVE
  * ============================================================================ */
 
 /* ___ Laptop/Tablet ( > 768px )  --------------------------------------------- */
 @media only screen and (min-width: 768px) {
 .sitetitle { text-align: left; }
 .sitetitle.center { text-align: center; }
 .sitetitle.right { text-align: right; }
 #header { background-size: auto; }
 #header .searchform { display: block; float: right; margin: 35px 0 0; }
 body.custom-background #header { background-size: contain; }
 .anons-thumbnail { display: block; }
 .rinput { display: inline-block; width: 30%; margin-right: 4%; }
 .rurl { margin-right: 0; }
 #copy { text-align: left; padding-bottom: 0; }
 #designedby { text-align: right; }
 }
 
 /* ___ Desktop ( > 1024px ) ------------------------------------------------ */
 @media only screen and (min-width: 1024px) {
 body.custom-background #header .menu { width: 100%; margin: 0; padding: 0 40px; border-radius: 0 }
 body.custom-background .wrapper { margin: 40px auto; }
 body.custom-background .wrapper { border-radius: 10px; }
 body.custom-background #footer { border-radius: 0 0 10px 10px; }
 #mobile-menu { display: none; }
 .topnav nav { display: block; }
 .top-menu { border-radius: 5px; position: static; text-align: center; }
 .top-menu li { display: inline-block; position: relative; }
 .top-menu li a { border-bottom: 0; font-weight: normal; color: #fff; -webkit-transition: background 0.3s; transition: background 0.3s; }
 .top-menu > li:hover > a { background: rgba(255,255,255,0.3); }
 .top-menu .sub-menu, .top-menu .children { display: none; margin: 0; position: absolute; top: 100%; left: 0; background: #0068ab; width: 300px; z-index: 1000; box-shadow: 3px 3px 0 rgba(0,0,0,0.1); }
 .top-menu .sub-menu li, .top-menu .children li { display: block; text-align: left; }
 .top-menu .sub-menu li a, .top-menu .children li a { color: #fff; border-top: 1px solid rgba(255,255,255,0.2); }
 .top-menu li:hover > .sub-menu, .top-menu li:hover > .children { display: block; }
 .top-menu .sub-menu .sub-menu, .top-menu .children .children { display: none; top: 0; left: 100%; padding: 0; border-top: 0; border-left: 3px solid #fff; }
 .top-menu .sub-menu li:hover > .sub-menu, .top-menu .children li:hover > .children { display: block; }
 .top-menu .menu-item-has-children > a:after, .top-menu .menu-item-has-children > span:after, .top-menu .page_item_has_children > a:after, .top-menu .page_item_has_children > span:after { content: '»'; position: absolute; right: 20px; margin: 1px 0 0 15px; transform: rotate(90deg); }
 .top-menu .sub-menu > .menu-item-has-children > a:after, .top-menu .sub-menu > .menu-item-has-children > span:after, .top-menu .children > .page_item_has_children > a:after, .top-menu .children > .page_item_has_children > span:after { content: '»'; margin: 0; transform: none; }
 .top-menu .menu-item-has-children> a, .top-menu .menu-item-has-children> span, .top-menu .page_item_has_children> a, .top-menu .page_item_has_children> span { padding-right: 40px; }
 }
 
 /* ___ Desktop ( > 1200px ) ------------------------------------------------ */
 @media only screen and (min-width: 1280px) {
 body.custom-background #header { border-radius: 10px 10px 0 0; }
 #navpages li { padding-left: 10px; }
 #navpages .sub-menu { margin-left: 10px; }
 #navpages .sub-menu .sub-menu { left: 190px; }
 #navpages li a { font-size: 16px; padding: 10px; }
 .comment-list ul.children { margin: 0 0 50px 30px; }
 }
 
 /* -------------------------------------------------------------------------- */
   @media only screen and (max-width: 1079px) {


   }
 
  @media only screen and (max-width: 1023px) {
 #header .logo { max-width: 245px; }
 #header .menu li {
    font-size: 12px;
}
 .slide_container .slide::before { background-size: 70%; }
 .mob-menu-header-holder.mobmenu { display: none }
 #header .right_details .connect{ padding-bottom: 17px; }
 .slide_container .maxwidth{height: 410px;}
 .slide_container .banner_content {
    width: 100%;
    font-size: 24px;
    line-height: 30px; 
 }

 #footer #menu-top-menu-1 li{ font-size: 14px;}

 .image_box{ height: 432px;}

 h2{ max-width: 100%;}

 ul.feature_list li {
    width: 50%;
    padding: 0 45px 100px 35px;}

    ul.feature_list li:after{ bottom: 50px;}

 #footer .number {

    font-size: 17px;
    font-weight: 700;
}

 .top_content {
    font-size: 18px;
    line-height: 28px;}

.top_content{padding:33px 20px;}

 .slide_container .slide .slider_content{background-size: 100% 60px; height: 60px;}
 body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top { padding-top: 0!important }
 #mobmenuleft > li.menu-item-type-custom:nth-child(1), #mobmenuleft > li.menu-item-type-custom:nth-child(2), #mobmenuleft > li.menu-item-type-custom:nth-child(3), #mobmenuleft > li.menu-item-type-custom:nth-child(4) { display: inline-block!important; width: 24%!important; text-align: center; font-size: 22px }
 #mobmenuleft > li.menu-item-type-custom:nth-child(1)>a, #mobmenuleft > li.menu-item-type-custom:nth-child(2)>a, #mobmenuleft > li.menu-item-type-custom:nth-child(3)>a, #mobmenuleft > li.menu-item-type-custom:nth-child(4)>a { padding: 10px 5px!important; font-size: 22px }
 }
  @media only screen and (max-width: 767px) {

    #menu{ background: #fff; position: absolute; left: 0; top: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.4);}

    .mobilemenu {
        display: block;
        opacity: 1;
        position: absolute;
        top: -31px;
        right: 17px;
    }

    #menu-top-menu li{ width: 100%; display: block; border-bottom: 1px solid #ccc; text-align: left; }
    #menu-top-menu li a{ padding: 15px; display: block;}

    #header .menu li{font-size: 14px;;}
    
 #header .right_details .social { display: none }
 .mm-menu { background: #fff url(../images/bg.jpg) repeat; width: 84% }
 .mm-opened #wrapper { box-shadow: 0px 0px 10px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.4); -ms-box-shadow: 0px 0px 10px rgba(0,0,0,0.4); }
 .mm-opened a.close { display: block; opacity: 1 }
 /*.mm-opened .connect { opacity: 0 } */
 .mm-opened  .call{ opacity: 0;}
 .mm-opened .cp_logo_wrapper { opacity: 0; }
 #back-to-top { display: block; }
 .mm-menu > .mm-panel > .mm-listview { width: 111% }
 .mm-menu li:hover { background: #fdc747; color: #ffffff; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
 .mm-menu li:hover a { color: #333; }
 .menu-item-has-children a::after { content: '' }
 a.close { width: 50px; height: 20px; font-size: 0px; position: absolute; left: 10px; top: -15px; z-index: 8888; }
 a.close:before, a.close:after { width: 30px; height: 3px; display: block; position: absolute; left: 4px; top: 0px; content: ""; background: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); }
 a.close:after { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); }
 a.mobilemenu { display: block; font-size: 16px; color: #fff; height: 20px; line-height: 32px; font-family:  'Open Sans', sans-serif; text-transform: uppercase; overflow: hidden; padding: 0; position: absolute; right: 30px; top: -30px; width: auto; padding-right: 35px }
 .mobilemenu { display: block; opacity: 1; }
 .mobilemenu span { width: 30px; -webkit-transition: -webkit-transform .3s; transition: transform .3s; background: #fff; display: block; height: 3px; position: absolute; right: 0; top: 15px; }
 .mobilemenu span:before { top: -10px; transition-property: top, transform; }
 .mobilemenu span:after, .mobilemenu span:before { background-color: #fff; content: ""; display: block; height: 3px; left: 0; position: absolute; width: 100%; transition-duration: .3s, .3s; }
 .mobilemenu span:after { bottom: -10px; transition-property: bottom, transform; }
 .mm-menu .mm-navbar > *, .mm-menu .mm-navbar a, .mm-listview > li > a, .mm-listview > li > span { text-transform: uppercase; }
 .mm-menu .mm-navbar .mm-btn::before, .mm-menu .mm-navbar .mm-btn::after, .mm-menu .mm-listview > li .mm-prev::before, .mm-menu .mm-listview > li .mm-next::after, .mm-menu .mm-listview > li .mm-arrow::after, .mm-menu .mm-listview > li .mm-prev::after, .mm-menu .mm-listview > li .mm-next::before { border-color: rgba(255,255,255,0.5); }
 #header nav#menu { display: none; }
 #header:before { width: 100%; height: 40px; content: ''; position: absolute; left: 0px; top: 0px; background: #0068ab; }
 .mm-listview > li > a, .mm-listview > li > span { font-weight: 400; font-size: 15px; color: #333 }
 .category_box { padding: 25px 0 }
 .category_box .categories { width: 100%; display: block }
 .category_box .categories li, .category_box .categories ul { width: 100%; display: block }
 .category_box .categories ul { padding-top: 15px }
 .category_box .categories ul li { padding: 10px 0; border-bottom: 1px solid #ccc; border-right: 0; font-size: 14px; font-weight: 400 }
 .category_box .categories ul li:last-child { border: none }
 .blog_box_list, .alm-reveal { width: 100%; display: block }
 .blog_box_list li, .alm-reveal li { width: 100%; display: block }
 .blog_box_list li .attachment-bmore-thumbnail-avatar, .alm-reveal li .attachment-bmore-thumbnail-avatar { width: 100%; height: auto }
 .blog_box_list li article, .alm-reveal li article { margin-bottom: 0 }

 .slide_container .slick-prev { left: 5px; }

 #header .right_details .connect { position: absolute; top: -20px; color: #fff; left: 0px }
 #header .right_details .connect a { color: #fff }
 #header .logo { max-width: 250px; margin: 0 auto 0; display: block }
 .home #header .logo { max-width: 250px; margin: 40px auto 0; display: block }
 #header .logo img { width: 250px; display: inline-block; margin: 30px 0 0 }

 .inner_banner { padding: 130px 0 25px;
 margin: 110px 0 0; }
 .inner_banner h1 { font-size: 25px; }
 .inner_container .custom_list { width: 100%; display: block }
 .inner_container .custom_list li { width: 100%; display: block }
 .post .flex_row { display: block; width: 100% }
 .post .flex_row ul, .post .flex_row .wpcf7 { width: 100% }
 .title_box .maxwidth { font-size: 25px; line-height: 30px }
 .search-result { }
 .slick-arrow { display: none!important }
 .slide_container h2 { display: none }
 .staff_container { margin-top: -135px; }
 /*	.slide_container .slide::before {
     background-size: 37% 100%;
 }*/
 
 body.mob-menu-overlay, body.mob-menu-slideout, body.mob-menu-slideout-over, body.mob-menu-slideout-top { padding-top: 50px!important }
 .mob-menu-header-holder.mobmenu { display: block }
 #header::before { display: none }
 #header .maxwidth { width: 100%; max-width: 100% }

 #header .right_details .connect { position: absolute; top: -40px; color: #fff; left: 0px; background: #243047; width: 100%; text-align: left; left: 0; padding:12px  14px; height: 50px; }
 .mob-menu-header-holder { width: 85px!important }
 #header { padding: 0 0 20px }
 #header { position: absolute; top: 0 }
 #header .right_details .connect { top: -50px; }
 #header .logo { margin-top: 60px }
 .home #header .right_details .connect{top: -40px;}

 .slide_container .banner_content {
    width: 100%;
    font-size: 15px;
    line-height: 20px;
}
.slide_container .slide .slider_content{ height: auto;}

#header .right_details .connect {
    font-size: 20px;
}
#header .right_details .social{ display: none;}


.staff_expertise_content ul{ display: block;}
.staff_expertise_content ul li{ width: 100%; text-align: center; background:none;}

#header .logo{ max-width: 100%!important; text-align: center;}
#header .logo img{ width: auto!important;}
ul.feature_list{ display: block;}

#header .right_details .connect strong {
    padding-left: 0;
}

ul.feature_list li{ width: 100%;background: url(img/mob_sep.png) no-repeat center bottom!important; 
    padding-bottom: 40px!important;
    margin-bottom: 40px!important;
}

	  ul.feature_list li:after{background:none!important;}
.staff_expertise_content ul li:nth-child(1), .staff_expertise_content ul li:nth-child(2){ background: url(img/mob_sep.png) no-repeat  center bottom; padding-bottom: 40px; margin-bottom: 40px;}
.staff_expertise_content ul li:last-child{ background:none;}
h2 {
    font-size: 28px;padding: 35px 0 25px;}
    h3 {
        font-size: 19px;
    }
    ul.feature_list{ margin: 40px 0;}
    ul.feature_list li{ margin-bottom: 25px!important; padding-bottom: 25px!important;}
    ul.feature_list li:last-child{ border:none!important ;}

    body{ font-size:15px; line-height: 26px;}
    .image_box {
        height: 282px;
    }
    .home #header .logo{ max-width: 90%!important;}
 }

  @media only screen and (min-width: 768px) {
 .mm-menu.mm-current { display: none !important; }
 html.mm-opening .mm-slideout { transform: translate(0px, 0px) !important; -webkit-transform: translate(0px, 0px) !important; }
 html.mm-opened { overflow: visible !important; }
 html.mm-opened body { overflow: visible !important; }
 #mm-blocker { display: none !important; }
 }