/*
Theme Name: BuildZ
Theme URI: https://themestulip.com/themes/free-construction-wordpress-theme/
Author: ThemesTulip
Author URI: https://themestulip.com
Description: BuildZ is a modern and professional construction WordPress theme specially designed for construction, plumbing, renovation, building companies, architects, builders, engineers, and other building services. Its fully responsive theme design easily adapts to every device screen size, from smartphones and tablets to desktops. This feature-rich theme gives an amazing look to your website. We've tailored this theme to the needs of construction-related websites, whether it's colors, sections, or any other features. It will perfectly match your construction-related business. This theme is fully customizable which gives you complete control over your website and you can create a professional website as per your requirement, and that too without writing a single line of code. With the help of its SEO-friendly feature, your website will soon be indexed on search engines like Google and you will get more traffic to your website. BuildSmart has social media integration option that lets you link all your social media pages to your website and give credibility to your work. Also, it provides a smooth user experience to your visitors while browsing your website due to speed optimization. Furthermore, it is translation-ready and cross-browser compatible. 
Version: 0.3
Requires at least: 4.0
Tested up to: 5.8
Requires PHP: 5.2
Text Domain: buildz
Tags: custom-menu,theme-options,threaded-comments,translation-ready,custom-background,custom-colors,custom-header,editor-style,featured-images,two-columns,blog,e-commerce,news

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

buildz WordPress Theme, Copyright 2022 themestulip(themestulip.com)
buildz is distributed under the terms of the GNU GPL
*/

/*extra Classes */
body{letter-spacing: normal;}
.btn-primary {  color: #fff;  background-color:#2c2c2c; border-color: #ff9c00;}
.btn-primary:hover{background-color: #000;}
.alignnone{ width:100% !important;}
img.alignleft, .alignleft{ float:left; margin:0 15px 0 0; padding:5px; border:1px solid #cccccc;}
img.alignright, .alignright{ float:right; margin:0 0 0 15px; padding:5px; border:1px solid #cccccc;}
.left{ float:left;}
.right{ float:right;}
a{color:#ff9c00 ; text-decoration:underline;}
.headercommon a{ text-decoration:none; color: #ffffff;}
h3 a{color:#ff9c00;}

#comment-nav-above .nav-previous, #comment-nav-below .nav-previous{ float:none !important; margin:10px 0;}
ol.comment-list li{ list-style:none; margin-bottom:5px;}
a.rdmore {
    background: #FFFFFF;
    color: #595959;
    border-color: #595959;
    border: 1px solid;
    padding: 4px 14px;
}
.readmorebox{ width: 100%; text-align: left; }

/* = Page lay out css
-------------------------------------------------------------- */
.blog-post {  padding: 0 0 0 18px;}
.blog-post h1{ color: #595959; }
.site-main{ margin:0; padding:0; }
#sitefull{ width:100%; float:none;}
#sitefull p{ margin-bottom:15px;}
.page_content{ padding:25px 0;}
.page_content.ourresources{ padding: 0 0;}
.page_content p{ margin-bottom:20px; line-height:20px;}
.page_content p.box_content {
    padding-bottom: 20px;
    margin-bottom: 0;
}

.blog_lists{ margin-bottom:30px; border-bottom:  1px solid #ccc; }
.blog_lists h3{ margin-bottom:0px; text-transform: capitalize;}
.blog_lists h3 a{ color:#ff9c00;}
.blog_lists h3 a:hover{ color:#000000;}
.blog_lists p{ margin-bottom:10px;}
.blog-meta{ font-style:italic; margin-bottom:8px;}
.post-date, .post-comment, .post-categories{ display:inline; color:#ff9c00;margin:0 16px 0 0;} 
.single_title{ margin-bottom:5px;}
.BlogPosts{ width:31.2%; float:left; margin:0 3% 0 0;}
.BlogPosts img{ width:100%;}
.BlogPosts h2{ margin:10px 0; font-size:22px; }
.post-thumb{ width:30%; float:left; margin:5px 25px 5px 0;}
.post-thumb img{ width:100%; }

/*--homepage --*/
.recent_articles {
    border: none;
    padding: 0;
    margin-bottom: 45px;
}
.home #sidebar{ margin: 0 0 0 0; }

/* = sidebar
-------------------------------------------------------------- */
#sidebar{ margin: 24px 0 0 0; }
#sidebar .container{width: 100%; }
aside.widget{margin-bottom:30px; background-color:#f6f4f4; padding:20px; border:1px solid #edecec;}
aside.widget ul{ list-style:disc; margin: 0; padding: 0; }
h3.widget-title {text-align:center; margin-top:0; background-color: #ff9c00; padding: 12px 15px; margin-bottom: 1px; color: #ffffff; font-size: 18px;font-weight: normal; letter-spacing:1px; margin-bottom:25px;}
#sidebar ul li{ list-style:none;}
#sidebar ul li.recentcomments {
    
    margin-bottom: 15px;
}
#sidebar ul li a{ padding:10px 0 10px 20px; color:#3b3b3b; border-bottom:1px dashed #d0cfcf; display:block; }
#sidebar ul li a:hover{ color:#ff9c00;}
#sidebar ul li:last-child a{ border:none;}
.single .form-submit {    text-align: left;}
#submit, .btn.btn-default{ background: #ff9c00; border: none; color: #fff; padding: 5px 10px;}
#submit:hover, .btn.btn-default:hover{ background: #ff9c00; border: none; color: #fff;}
#commentform label{ width: 100%; text-align: left; }
#commentform #comment{width: 90%; text-align: left;}
#commentform .form-submit{text-align: left;}
#commentform .form-submit input{ width: auto; }
#commentform input{ width: 90%; }
.post-comment a{ color:#ff9c00;}

/*slider */
.homeslider img{ width: 100%; }

/* sidebar*/
.sidebar .widget-title {
    position: relative;
    margin-bottom: 25px;
    font-size: 2.2rem;
    background: #222;
    padding: 8px 25px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    letter-spacing: 1px;
    margin: -30px -30px 20px;
}


/* Buttons */
.button{ background-color:inherit; border-bottom:none; color:#fff; border: 1px solid #ffffff; padding:8px 20px; display:inline-block; border-radius:0; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px; }
.button:hover{background-color:#ff9c00; border-color:#1898c2; color:#fff;}
a.learnmore { background: #ff9c00;  color: #fff;  padding: 10px 14px;}
a.learnmore:hover{background:#ff9c00;color: #fff; text-decoration:none;}

/* woocommerce CSS
================================================*/
a.added_to_cart{background:#e1472f; padding:5px; display:inline-block; color:#fff; line-height:1;}
a.added_to_cart:hover{background:#000000;}
a.button.added:before{content:'' !important;}
#bbpress-forums ul li{padding:0;}
#subscription-toggle a.subscription-toggle{padding:5px 10px; display:inline-block; color:#e1472f; margin-top:4px;}
textarea.wp-editor-area{border:1px #ccc solid;}
.woocommerce input[type=text], .woocommerce textarea{border:1px #ccc solid; padding:4px;}
form.woocommerce-ordering select{ padding:5px; color:#777777;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'raleway',san-serif; color:#ff8a00;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
h1.product_title, p.price{ margin-bottom:10px;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'raleway',san-serif; color:#ff6d84;}
.woocommerce ul.products li, #payment ul.payment_methods li{ list-style:none !important;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
.woocommerce table.shop_table th, .woocommerce table.shop_table td{ border-bottom:0px !important}

/* Text meant only for screen readers. */
.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; /* Above WP toolbar. */
}
/* ============= Contact Page =========== */
.wpcf7{ margin:30px 0 0; padding:0;}
.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"]{ width:40%; border:1px solid #cccccc; box-shadow:inset 1px 1px 2px #ccc; height:35px; padding:0 15px; color:#797979; margin-bottom:0;}
.wpcf7 textarea{width:60%; border:1px solid #cccccc; box-shadow:inset 1px 1px 2px #ccc; height:150px; color:#797979; margin-bottom:25px; font:12px arial; padding:10px; padding-right:0;}
.wpcf7 input[type="submit"]{background-color:#000000; width:auto; border:none; cursor:pointer; font:18px 'raleway',san-serif; color:#ffffff; padding:10px 40px; border-radius:3px;} 

/* header */
.carousel-caption {
    background: none;
    width: 51%;
    padding: 15px 5px;
    bottom: 31%;
    right: 12%;
    left: 8%;
    text-align: left;
}
.carousel-caption h3{margin-top: 6px;margin-bottom: 2px; text-transform: capitalize; color: #FFF; text-shadow: none; font-size:40px; font-weight:bold;}
.captiontext{ font-size: 18px; color: #FFF; font-weight: normal; text-shadow: none; margin-top:15px; }
.icon-bar{ background: #fff; }
.navbar-toggle{border: 1px solid #000;}


/* ============= Comment Form ============ */
h1.screen-reader-text{font:22px 'raleway',san-serif;}
.site-nav-previous, .nav-previous{ float:left;}
.site-nav-next, .nav-next{ float:right;}
h3#reply-title{font:300 18px 'raleway',san-serif;}
#comments{ margin:30px 0 0; padding:0;}
nav#nav-below{ margin-top:15px;}



/*footer*/
.footer{background:#1a191a;padding-bottom:20px;padding-top:20px;color:#fff}
footer aside.widget{ background: none; border:0; padding: 0 20px 0; margin-bottom: 10px;}
.footer a{color:#fff}
.footer a:hover{text-decoration:underline}
.footer .widget-title{border-bottom:1px solid #ffffff; color:#F02D73;font-size:18px;font-weight:300;line-height:1;position:relative;text-transform:uppercase;padding-left:28px;margin:0 0 25px; padding-bottom: 10px;}
.footer ul{list-style:outside none none;padding-left:0}
.footer ul li{font-size:13px;font-weight:normal;line-height:20px;position:relative;text-transform:capitalize;border-bottom:none;margin-bottom:7px;padding-bottom:7px;width:95%; list-style: none;}
.footer aside.widget ul.sub-menu { padding-top: 12px; margin-bottom: -15px;}
.title-median{color:#636363;font-size:20px;line-height:20px;margin:0 0 15px;text-transform:uppercase}
.gallery dl img{ width: 100%; height: auto; }
#gallery-1 .gallery-item{ margin-bottom: 0; margin-bottom: 3px; }

.nomargin{margin:0;padding:0}
.footer-bottom{background-color:#d39e00;min-height:30px;width:100%; padding: 8px 0;}
.copyright{color:#fff;line-height:30px;min-height:30px;}
.design{color:#fff;line-height:30px;min-height:30px;}
.design a{color:#fff}


/*comment */
#comments { clear: both;  padding: 2em 0 0.5em;}
#comments.comments-area{ margin:0; padding:0;} 
.comments-title { font-size: 20px;  font-size: 1.25rem; margin-bottom: 1.5em;}
.comment-list,
.comment-list .children { list-style: none; margin: 0;  padding: 0;}
.comment-list li:before { display: none;}
.comment-body { margin-left: 65px;}
.comment-author { font-size: 16px;  font-size: 1rem;  margin-bottom: 0.4em; position: relative; z-index: 2;}
.comment-author .avatar { height: 50px; left: -65px;  position: absolute; width: 50px;}
.comment-author .says { display: none;}
.comment-meta { margin-bottom: 1.5em;}
.comment-metadata { color: #767676; font-size: 10px;  font-size: 0.625rem;  font-weight: 800; letter-spacing: 0.1818em; text-transform: uppercase;}
.comment-metadata a { color: #767676;}
.comment-metadata a.comment-edit-link { color: #222;  margin-left: 1em;}
.comment-body { color: #595959; font-size: 14px;  font-size: 0.875rem;  margin-bottom: 4em;}
.comment-reply-link { font-weight: 800; position: relative;}
.comment-reply-link .icon { color: #222;  left: -2em; height: 1em;  position: absolute; top: 0; width: 1em;}
.children .comment-author .avatar { height: 30px; left: -45px;  width: 30px;}
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar { border: 1px solid #595959;  padding: 2px;}
.no-comments,.comment-awaiting-moderation { color: #767676; font-size: 14px;  font-size: 0.875rem;  font-style: italic;}
.comments-pagination {  margin: 2em 0 3em;}
.form-submit {  text-align: right;}
.postmeta{margin-bottom:10px;}
.articles {margin-bottom:40px;}

/* top header */
.header-bottom {
    padding: 10px 0;
  }

.header-inner-top{background:#595959; padding: 5px 25px; border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;}
.header-top {
    
    color: #fff;
    line-height: 36px;
    font-size: 14px;
    font-family: 'PT Sans', sans-serif;
    
    margin: 0 0 1px 0;
}
.header-top .left {
    text-align: left;
}
.header-top .rightsphone {
    text-align: right;
}


.header_middle ul{ text-align: center; display: inline-block;  margin: 0; padding: 0;}
.header_middle li{ list-style: none; text-align: center; display: inline-block;  margin-right: 15px;}
.header_middle li.lastemail{ margin-right: 0; }
.social-icons{ text-align: right; }
.header-left{ text-align:left;}
.social-icons a {
    color: #0073AA;
    border-color: #F02D73;
    border-radius: 0%;
}
.social-icons li {
    text-align: center;
    display: inline-block;
}
.social-icons ul {
    display: inline-block;
    text-align: center;
    margin: 0;
    padding-left:20px;
}
.social-icons a {
    width: 35px;
    height: 35px;
    border-radius: 0;
    line-height: 33px;
    text-align: center;
    border: none;
    vertical-align: middle;
    display: inline-block;
    font-size: 14px;
    margin: 0 4px 0 0;
    color: #ff9c00;
}

.rightsphone span.phno {
    padding-right: 10px;
    margin-right: 5px;
}

/*header menu css*/
#main_navigation{background: none;}
#maintopdiv{background: rgba(24,22,22,0.8); z-index: 999; position: absolute; width: 100%;}
.toggle{display: block;}
.toggle a{width:100%; color:#fff; background: #595959; padding:10px 10px; margin-top:0; font-size:16px; text-align:center;}
.toggle a:hover{color:#fff !important;}
.main_header{width:100%; z-index:999999; top:0; background-color:#2C2C2C; box-shadow:0 2px 2px #F6F4F4; }
.logotxt, .logotxt a { color:#ffffff; text-decoration: none; }
.logotxt h1{margin: 4px 0 0 0;}
.logotxt p{ color: #ffffff; margin-bottom: 0; line-height: 23px; }
.headercommon {   padding:  0 0;}
.leftlogo{ text-align:left;}
.header-right{margin-right:0;}
.header-right ul{ margin:0; padding:0; list-style:none;}
.main-navigation-inner.rightmenu {
    margin-top: 8px;
}

.header-right li {padding: 0 0 0 0;float: left; color:#ffffff;}
.lastemail{ margin:0 0 0 25px;}
.header-right i{color:#ffffff; font-size:14px;}

/*banner */
.carousel-indicators li.active {    background: #000;    border: 1px solid #fff;}
.carousel-indicators li{background: #fff; border: 1px solid #fff;}
.carousel-indicators {    bottom: 0;}

/* our resources */
#hompagecontent{border-bottom: 1px solid #ccc;
                padding: 0 0 40px 0;margin:auto 0 20px ;
}
#hompagecontent .mainbox {  }
#hompagecontent .img-thumbnail{ padding: 0; border-radius: 0; }
#hompagecontent h3 {  text-transform: capitalize; margin-top: 10px; font-size: 18px; text-align: left;}
.ourresources h2{font-size: 32px;color: #595959; text-transform: capitalize; padding: 18px 0; text-align: center; letter-spacing: normal;}
.ourresources a{ text-decoration: none;  }
.ourresources p{ font-size: 13px; text-align: left;}
.ourresources .readmore{ background: #ff9c00; }
#mainheader {    margin: 57px 0 0 0;    position: absolute;    z-index: 999;    opacity: 0.90;}
.mainbox a .caption{ display: none; }
.mainbox a:hover .caption { display: block; margin: -149px 0 0 0; z-index: 999; background:rgba(0,0,0,0.65);  position: relative; color: #fff;}
.mainbox .thumbnail{border: none;border-radius: 0; padding: 0; margin-bottom: 0;}
.mainbox .img-thumbnail{border:0;}

/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus, a.screen-reader-text[href]:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    text-align: center;

    font-weight: bold;
    height: auto;
    right: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 0;
}

.sitenav ul li a:focus {    color: #ff9c00;}
a[href]:focus{    background:none;    color:#ff9c00;    }
.headercommon li a.fa:focus{ color: #ffffff;background: #364558; padding:5px;  }
#sidebar ul li a:focus{ color:#ffffff; background: #364558;}
.header_top .logo a:focus{background: #f8f8f8;
                          background:
                              rgba(75%, 75%, 75%, .25);
                          border-bottom-width: 3px;
                          margin-bottom: -2px;}

.recent_articles a[href]:focus, #sidebar ul li.recentcomments a.url:focus{
    background-color: #364558; color: #ffffff;padding: 5px !important;
}
/*.sitenav{display:block;}


/* menu accessibility */
#main_navigation .nav {
    font-family:'raleway', sans-serif; font-weight:400; font-size:16px; text-transform:capitalize;
}
#main_navigation .nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#main_navigation .nav ul li {
    float: left;
    position: relative;  
}
#main_navigation .nav ul li a{padding:16px 16px; color:#ffffff; font-weight:normal;}
#main_navigation .nav ul li a:hover{color: #ff9c00}
#main_navigation .nav ul li:hover, #main_navigation .nav ul li.hover {  z-index: 100;}
#main_navigation .nav ul li:hover ul, #main_navigation .nav ul li.hover ul { left: 0;}

#main_navigation .nav ul ul li:hover ul{left: 169px;    top: 0;}
#main_navigation .nav ul li:hover ul li:hover > ul,
#main_navigation .nav ul li.hover ul li.hover > ul,
#main_navigation .nav ul li:focus ul li:focus > ul {
    display: block;
    position: absolute;
    left: 168px;
    top: 1px;
}
#main_navigation .nav ul li:hover ul ul,
#main_navigation .nav ul li:hover ul ul ul,
#main_navigation .nav ul li:hover ul ul ul ul,
#main_navigation .nav ul li:focus ul ul,
#main_navigation .nav ul li:focus ul ul ul,
#main_navigation .nav ul li:focus ul ul ul ul,
#main_navigation .nav ul li.hover ul ul,
#main_navigation .nav ul li.hover ul ul ul,
#main_navigation .nav ul li.hover ul ul ul ul
{
    left: -9999em;
}


#main_navigation .nav ul li:hover ul a, #main_navigation .nav ul li.hover ul a {
    background: white;
    color: #3f3f3f;
    padding: 5px 10px;
    width: 168px;
    text-shadow: none;
    margin-top: -1px;
    /* collapses top border */
}
#main_navigation .nav ul li:hover ul a:hover,#main_navigation .nav ul li.current_page_item a , #main_navigation .nav ul li.hover ul a:hover, #main_navigation .nav ul li:hover ul a:focus, #main_navigation .nav ul li.hover ul a:focus, #main_navigation .nav ul li:hover ul a:active,#main_navigation .nav ul li.hover ul a:active {
    /*background: #ff9c00;*/
    color: #ff9c00;
}
#main_navigation .nav ul a {
    background: none;
    color: #3f3f3f;
    text-decoration: none;
    text-shadow: none;

    padding: 10px;
    display: block;
    position: relative;
    margin-left: -1px;
    /* collapses the left border */
}
#main_navigation .nav ul a:hover, #main_navigation .nav ul a:focus, #main_navigation .nav ul a:active, #main_navigation .nav ul li.hover a {
    /* <- keeps the tab hover state on as the dropdown gets explored */
    background: none;
    color: #ff9c00;  
}
#main_navigation .nav ul ul,  #main_navigation .nav ul ul ul{
    position: absolute;
    top: 100%;
    left: -9999em;
    width: 180px;
}
#main_navigation .nav ul ul li, #main_navigation .nav ul ul ul li {
    float: none;
    position: static;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1;
}

/*.sitenav ul li:hover > ul, .sitenav ul li:focus > ul{ width:200px;  visibility: visible; left:0; text-align:left; background-color:#fff;  box-shadow:0 2px 2px #595959; }
*//*extra classes */
.entry-content img {  margin: 0 0 1.5em 0;
}
.sticky {
    background-color: $bgcolor-sticky;
}
.alignleft, img.alignleft { margin-right: 1.5em;  display: inline;  float: left;  }
.alignright, img.alignright { margin-left: 1.5em; display: inline;  float: right; }
.aligncenter, img.aligncenter { margin-right: auto; margin-left: auto;  display: block; clear: both;  }
.alignnone, img.alignnone {
    /* not sure about this one */
}
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}

.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}  
.wp-caption { margin-bottom: 1.5em; text-align: center; padding-top: 5px; }
.wp-caption img { border: 0 none; padding: 0; margin: 0; width: 100%}
.wp-caption p.wp-caption-text { line-height: 1.5; font-size: 10px;  margin: 0;  }
.wp-smiley {  margin: 0 !important; max-height: 1em;  }
blockquote.left { margin-right: 20px; text-align: right;  margin-left: 0; width: 33%; float: left;  }
blockquote.right {  margin-left: 20px;  text-align: left; margin-right: 0;  width: 33%; float: right; }

@media (max-width: 1024px) {
    .copyright{text-align: center;}
    .design{text-align: center;}
}
@media (max-width: 767px) {
    .navbar-toggle{ background-color: #fff; }
    .icon-bar{ color: #fff; }
    .form-inline{ margin: 0 0 15px; }
    .dropdown-menu > li > a{color: #fff; }
    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{ color: #fff; background-color: #000; }
    .logotxt{ margin: 0 0 0 20px; }
    .social-icons{ text-align: center; }
    .header-top .rightsphone {  text-align: center;}
    .header-left li { float: none;  } 
}
@media (max-width: 340px) {

}
@media (max-width: 1100px) {
    .mainwidth {  margin: 0 auto;  width: 100%;}
    .carousel-caption{ bottom: 150px; }
}
@media (max-width: 960px) {

    

}
@media (max-width: 992px) {
    .header-right li {       
        float: none;
        color: #ffffff;
    }
    #maintopdiv{ position: relative; }
    .header-top {background:none}
    .headercommon{  text-align: center; padding: 3px 0; }
    .social-icons ul{ padding: 0; }
    #main_navigation {  background: none;}
    section#header{padding:0 0 11px;}
    #main_navigation .togglemenu{display: block;}
    #main_navigation .sitenav{float:none; margin:0; position:relative; overflow-x:hidden; background-color:#fff; border-radius:0; top:0; border-bottom:none; }
    #main_navigation .nav ul{color:#000; width:100% !important; float:none !important; margin:0; padding:0; left: 0 !important; z-index: 999;}
    #main_navigation .nav ul li{border-top:1px #cccccc solid; display:block; float:none; text-align:left; border-bottom:1px solid #cccccc;}
    #main_navigation .nav ul li a{padding:5px 10px !important; display:block; color:#000; border:none;}
    #main_navigation .nav ul li a:hover, 
    #main_navigation .nav ul li.current_page_item a{color:#55134E;  border:none !important;}
    #main_navigation .nav ul li ul,
    #main_navigation .nav ul li.hover ul,
    #main_navigation .nav ul li:focus ul, 
    #main_navigation .nav ul li ul ul,
    #main_navigation .nav ul li.hover ul ul,
    #main_navigation .nav ul li:focus ul ul{ display:block !important;}
    #main_navigation .nav ul li ul li a:before{content:"\00BB \00a0";}
    #main_navigation .nav ul li ul li a{ border:none;}
    #main_navigation .nav ul li:hover ul a, #main_navigation .nav ul li.hover ul a{ width: 100%; }


    #main_navigation .nav ul ul, #main_navigation .nav ul ul ul { position: relative; top: 0; width: auto;}
    #main_navigation .nav ul li:hover ul, 
    #main_navigation .nav ul li.hover ul,
    #main_navigation .nav ul li:focus ul{}
    #main_navigation .nav ul ul li:hover ul,
    #main_navigation .nav ul ul li.hover ul,
    #main_navigation .nav ul ul li:focus ul 
    {

        top: 0;
    }

    #main_navigation .nav ul li:hover ul li:hover > ul,
    #main_navigation .nav ul li.hover ul li.hover > ul,
    #main_navigation .nav ul li:focus ul li:focus > ul {
        display: block;
        position: relative;

        top: 0;
    }
    #main_navigation .nav ul li:hover ul ul,
    #main_navigation .nav ul li:hover ul ul ul,
    #main_navigation .nav ul li:hover ul ul ul ul,
    #main_navigation .nav ul li:focus ul ul,
    #main_navigation .nav ul li:focus ul ul ul,
    #main_navigation .nav ul li:focus ul ul ul ul,
    #main_navigation .nav ul li.hover ul ul,
    #main_navigation .nav ul li.hover ul ul ul,
    #main_navigation .nav ul li.hover ul ul ul ul
    {

    }



    #main_navigation .nav ul li:hover ul a, #main_navigation .nav ul li.hover ul a {
        width: 100%; margin-top: auto; }
    #main_navigation .sitenav ul li{border: none;}
    .nav ul ul, .nav ul ul ul{position: relative; left: 1px;}
    .leftlogo{ text-align: center;  }
    .rightmenu{width: 100%;margin: 0 0 4px 0; }
    .header-left li{ float: none; color:#ffffff;}
    .logotxt p{ color: #ffffff; }
    .social-icons a.fa{ border-color: #ff9c00; color: #ff9c00; }
    a.togglemenu[href]:focus{ background-color: #595959; color: #ffffff; }

    .lastemail{margin: 0;}
    .carousel-caption{display: none;}
}