/* Webkit */
    ::selection {
    background: #ddb67c;
    }
    /* Gecko/Mozilla */
    ::-moz-selection {
    background: #ddb67c;
    }
    .color-default,
    nav ul .current-menu-item a,
    .page_header .mega-menu-wrap li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a:hover,
    .page_header .mega-menu-wrap li > a:hover,
    .page_header .mega-menu-wrap li:hover > a,
    .pagination > li > a,
    .navigation li.current_page_item > a,
    .pagination > li > span,
    a:hover,
    .chitra-social-media li .fa:hover,
    .contact_image_bg .contact_sidebar .chitra-social-media i:hover,
    .chitra-social-media li a>i:hover{
    color: #dd9933;
    }
    .bg-img .full-img,
    .element .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
    .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
    .panel-heading .accordion-toggle.active,
    .panel-heading .accordion-toggle.active i,
    .accordion-heading .accordion-toggle.active,
    .accordion-heading .accordion-toggle.active i,
    .default-callout-box,
    .cap-default,
    .pricing-table-col.active .pricing-title,
    .progress-bar-default,
    #blog .blog_quote,
    .staff-header,
    .contact_header,
    .post-info,
    .post-info:before,
    #blog-masonry .element .post-info:before,
    .square-mode-box .fa.default:after,
    .service-item:hover .service-icon.square-border-box .fa.default:after,
    .page-banner,
    #active-menu-wrapper,
    .content-header,
    #single-column-blog-masonry .element .post-info:before,
    .portfolio-detail .picture .view-link,
    .portfolio-detail .picture .image-link,
    .og-expander .view-link,
    .og-expander .image-link,
    .btn-default-bordered:hover:after,
    .square-border-box .fa.default:hover:after
    {
    background-color: #dd9933;
    }
    .btn-default,
    .square-mode-box .fa.default
    {
    background-color: #dd9933;
    border-color: #dd9933;
    }
    .btn-default-bordered, .btn-default:hover,
    .service-item:hover .service-icon.square-mode-box .fa.default,
    .square-mode-box .fa.default:hover,
    .square-border-box .fa.default
    {
    border-color: #dd9933;
    color: #dd9933;
    }
    .post-description .dot-irecommendthis:hover,
    .filter_holder ul li.active a,
    .filter_holder ul li:hover a,
    .navigation a:hover,
    .color-default,
    .quote-default .fa,
    .simple .fa.default,
    .service-item:hover .service-icon.simple .fa.black,
    .simple .fa.black:hover,
    .service-item:hover .service-icon.simple .fa.white,
    .simple .fa.white:hover,
    #blog-masonry .post-description .fa,
    #blog-masonry .post-description .dot-irecommendthis:before,
    #single-column-blog-masonry .post-description .dot-irecommendthis:before,
    #single-column-blog-masonry .post-description .fa
    {
    color: #dd9933 !important;
    }
    .flex-control-paging li a.flex-active,
    .btn-blue ,
    .square-mode-box .fa.default:after,
    .display_details:before, .display_details,
    .portfolio-detail, .og-expander
    {
    background-color: #dd9933 !important;
    }
    .btn-default:after{
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #dd9933;
    }
    .service-item:hover .service-icon.square-border-box .fa.default,
    .square-border-box .fa.default:hover
    {
    color: #FFFFFF;
    border: #dd9933 2px solid;
    }
    .contact_form input[type=text]:focus,
    .contact_form input[type=email]:focus,
    .contact_form input[type=password]:focus,
    textarea:focus,
    select:focus,
    .uneditable-input:focus,
    .comment-form-author input:focus,
    .comment-form-email input:focus,
    .comment-form-url input:focus,
    .comment-form-comment input:focus,
    .comment-form-author textarea:focus,
    .comment-form-email textarea:focus,
    .comment-form-url textarea:focus,
    .comment-form-comment textarea:focus{
    border: #dd9933 1px solid;
    }
    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus{
    background: #dd9933;
    border-color: #dd9933;
    }
    .load-more-loader{
        border-left-color: #dd9933;
    }
        .preload_portfolio,
    .porfolio-content:hover .mask-description,
    .masonry-project-content:hover .mask-description,
    .slider-portfolio:hover .mask-description,
    .masonry-porfolio-content:hover .mask-description,
    .masonry-container .is_active .mask-description,
    #portfolio-container .is_active .mask-description,
    #portfolio-container.is_active .mask-description,
    .og-grid-border .is_active .mask-description,
    .og-grid .is_active .mask-description{
    background-color : rgba(221,153,51,0.7);
    }

    a,
    p a,
    .mask-description h2 > a,
    .dot-irecommendthis.active,
    .intro-effect-sidefixed .entry-title h1,
    #blog .dot-irecommendthis:hover,#blog .dot-irecommendthis.active,
    #blog .img_blog_quote,
    #blog .dot-irecommendthis:hover,#blog .dot-irecommendthis.active,
    #blog .img_blog_quote,
    #blog-masonry .element .post-info .date,
    #blog-masonry .element .post-info .month,
    #blog-masonry .element .post-info .year,
    #blog-masonry .img_blog_quote .quote-head,
    #blog-masonry .img_blog_quote .quote-sub,
    #blog-masonry .img_blog_quote,
    #single_post .quote-type .post-info,
    #single_post .post-info .date,
    #single_post .post-info .month,
    #single_post .post-info .year,
    .post-info,
    #single-column-blog-masonry .element .post-info .date,
    #single-column-blog-masonry .element .post-info .month,
    #single-column-blog-masonry .element .post-info .year,
    #single-column-blog-masonry .img_blog_quote .quote-head,
    #single-column-blog-masonry .img_blog_quote,
    .gallery-caption,
    .single_portfolio_container header .entry-title h1,
    .mfp-close,
    .mfp-close:hover,
    body #scrolltoTop:before,
    #scrolltoTop,
    .panel-heading .accordion-toggle.active,
    .panel-heading .accordion-toggle.active i,
    .accordion-heading .accordion-toggle.active,
    .accordion-heading .accordion-toggle.active i,
    .default-callout-box,
    .cap-default,
    .pricing-table-col.active .pricing-title,
    .progress-bar-default,
    .btn-default,
    .square-mode-box .fa.default,
    .square-mode-box .fa.default:after,
    .service-item:hover .service-icon.square-border-box .fa.default:after,
    .service-item:hover .service-icon.square-border-box .fa.default,
    .square-border-box .fa.default:hover,
    .square-border-box .fa.default:hover:after,
    .btn-default-bordered:hover,
    .quote-box .quote-icon, .quote-box .quote-icon:hover,
    .display_details,
    .display_details i,
    .display_details:hover i,
    .menu-bar-btn,
    .menu-close-btn,
    .navigation li a,
    .site-name, .site-name:hover,
    .site-info a,
    .contact_header .sub_title,
    .staff-header .sub_title,
    .contact_full_bg .sub_title,
    .dot-irecommendthis:hover, .dot-irecommendthis.active,
    .mask-description .cat-link > a:hover, .mask-description h2 > a:hover,
    .category-option-set li a,
    .category-option-set > li > a:hover,
    .category-option-set > li > a:focus,
    .category-option-set > li.active > a:hover,
    .category-option-set > li.active > a:focus,
    .category-option-set > li.active > a,
    .kenburns-controls-wrapper h2, h2 #slidecaption,
    .kenburns-controls-wrapper .slidetitle p,
    .mask-description h2 > a,
    .mask-description a,
    .og-details p,
    .og-details h3 a:hover,
    .portfolio-detail .favorite .dot-irecommendthis::before, .og-expander .favorite .dot-irecommendthis::before,
    .portfolio-detail .favorite .dot-irecommendthis-count, .og-expander .favorite .dot-irecommendthis-count,
    .mask-description,
    .portfolio-detail ul li > a, .og-expander .category > a, .portfolio-detail ul li > a:hover, .og-expander .category > a:hover,
    .og-expander .category,
    .portfolio-detail .heading a:hover,
    .portfolio-detail .desc,
    .portfolio-detail .picture .view-link,
    .og-expander .view-link,
    .og-expander .image-link,
    .sl-slider h2, .sl-slider .slider-post-content,
    .btn-default,
    .btn-default-bordered:hover,
    .outer-container .entry-title p,
    .outer-container .go-up, .outer-container .go-up:hover,
    .portfolio-detail .picture .image-link,
    .active .pricing-title h3,
    #single_post .intro-effect-sidefixed .blockquote.left .content,
    .og-expander .image-link i, .og-expander .view-link i, .og-expander .view-link:hover i, .og-expander .image-link:hover i,
    .header-widget.widget_nav_menu ul.menu li a:hover
    {
    color : #ffffff;
    }
    .dot-irecommendthis:hover, .dot-irecommendthis.active,
    #single_post .intro-effect-sidefixed .blockquote .fa-left .fa,
    .mask-description h2:hover, .mask-description a:hover{
    color : #ffffff!important;
    }

    .intro-effect-sidefixed.modify .entry-title h1,
    .portfolio-detail .heading a,
    .portfolio-detail ul li .sub_heading, .og-expander .sub_heading,
    .og-details h3 a,
    .title h1,
    h1,h2,h3,h4,h5,h6,
    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a
    a,
    p a,
    nav.main_menu>ul>li.active > a,
    .drop_down .wide .second ul li ul li.menu-item-has-children > a,
    .drop_down .wide .second ul li ul li.menu-item-has-children > a:hover,
    .title h1,
    .post-category span,
    .go-up,
    blockquote p, blockquote span, blockquote,
    .preload,
    .panel-title,
    .panel-default > .panel-heading a,
    .intro-effect-sidefixed .single-post-container .post-content-detail,
    #blog-masonry .entry-title a
    {
    color : #000000;
    }
    .intro-effect-push .single-post-container .sidebar, .intro-effect-push .single-post-container .post-content-detail,
    .header-widget.widget_nav_menu ul.menu li a,
    #single_post .post-description, #single_post .entry-content p, #single_post .entry-content,
    #single_post .author_content p{
    color : #000000;
    }
    h1,h2,h3,h4,h5,h6,
    body{
                    font-family: 'Raleway', sans-serif;
         color: #020202;             }
    body #content,
    .main_wrapper,
    body #wrapper,
    .comment_holder .comment #respond textarea,
    .comment_holder .comment #respond input[type='text']
    {
    background-color:#ffffe1;
    }


    @media only screen and (max-width: 1000px){
    .q_logo a,.q_logo img{
    height: 111 pxpx !important;
    }
    }

    @media only screen and (max-width: 480px){
    .q_logo a,.q_logo img{
    height: 222 pxpx !important;
    }
    }

    nav.main_menu ul li:hover a {
     color: #dd9933;     }
    .drop_down .second .inner > ul > li > a:hover,
    .drop_down .wide .second ul li ul li.menu-item-has-children > a:hover,
    .drop_down .wide .second .inner ul li.sub ul li.menu-item-has-children > a:hover{
    color: #dd9933 !important;
    }






    nav.mobile_menu ul li a,
    nav.mobile_menu ul li h3{
             font-size: 22px;                     }



    nav.mobile_menu ul li,
    nav.mobile_menu ul li,
    nav.mobile_menu ul li ul li,
    nav.mobile_menu ul li.open_sub > ul{
    border-color: #dd9933;
    }

    @media only screen and (max-width: 1000px){
    .header_bottom,
    nav.mobile_menu{
    background-color: #ffffff !important;
    }
    }
    .main-navigation-left .side-inside,
    .main-navigation-left .side-inside .navigation,
    .vertical_menu_area{
    text-align:left;
    }
    .vertical_menu_area .vertical_logo_wrapper{
    text-align:center;
    }


        nav.vertical_menu_toggle ul > li.menu-item-has-children > a:after{
        content : '\f105';
        }
            .touch nav.vertical_menu_toggle ul > li.menu-item-has-children.open > a::after,
        .no-touch nav.vertical_menu_toggle ul > li.menu-item-has-children > a:hover:after,
        .touch nav.vertical_menu_toggle ul > li.menu-item-has-children > a:hover:after,
        .no-touch nav.vertical_menu_toggle ul > li.menu-item-has-children.open > a::after{
        content : '\f107';
        }
        nav.vertical_menu > ul > li > a{
     color: #ffffff;          font-size: 15px;                 }

    nav.vertical_menu > ul > li.active > a,
    nav.vertical_menu > ul > li:hover > a{
    color: #dd9933;
    }

    .vertical_menu .second .inner > ul > li > a,
    .vertical_menu .wide .second .inner > ul > li > a{
     color: #ffffff;          font-size: 15px;          font-style: italic;      font-weight: 400;     }

    .vertical_menu .second .inner > ul > li > a:hover{
    color: #dd9933 !important;
    }

    .vertical_menu .second .inner ul li.sub ul li a{
     color: #ffffff;                          }

    .vertical_menu .second .inner ul li.sub ul li a:hover{
    color: #ffffff !important;
    }
    #blog-masonry .blog_quote,
    #single-column-blog-masonry .blog_quote{
    border-color: #dd9933;
    }

    h1,
    .title h1 {
        color: #000000;                                 }
    .title h1{
    color: #ffffff;                         }

    h2,
    h2 a{
    color: #000000;                                 }
    h3,h3 a{
    color: #000000;                                 }
    h4,
    h4 a{
    color: #000000;                                 }
    h5,
    h5 a,
    .q_icon_with_title .icon_text_holder h5.icon_title {
    color: #000000;                                 }
    h6, h6 a {
    color: #000000;                                 }
    .filter_holder ul li a,
    p{
    color: #020202;                                }
    a, p a{
    color: #dd9933;                }
    

    h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,
    .q_icon_with_title .icon_with_title_link,
    .blog_holder article .post_description a:hover,
    .blog_holder.masonry article .post_info a:hover,
    .breadcrumb .current,
    .breadcrumb a:hover,
    .portfolio_social_holder a:hover,
    .latest_post_inner .post_infos a:hover{
    color: #dd9933;    }
    a:hover,p a:hover,
    h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,
    .q_tabs .tabs-nav li a:hover,
    .q_icon_with_title .icon_with_title_link:hover,
    .blog_holder article .post_description a:hover,
    .blog_holder.masonry article .post_info a:hover,
    .portfolio_social_holder a:hover,
    .latest_post_inner .post_infos a:hover{
    color: #b56f29;        }

    .footer_top_holder,    footer #lang_sel > ul > li > a,    footer #lang_sel_click > ul > li > a{
    background-color: #000000;
    }
    footer #lang_sel ul ul a,footer #lang_sel_click ul ul a,footer #lang_sel ul ul a:visited,footer #lang_sel_click ul ul a:visited{
    background-color: #000000 !important;
    }
    .footer_top a,
    .footer_top .q_social_icon_holder i.simple_social
    {
    color: #ffffff !important;
    }
    .footer_top a:hover,
    .footer_top .q_social_icon_holder:hover i.simple_social
    {
    color: #dd9933 !important;
    }


    .footer_bottom_holder, #lang_sel_footer{
    background-color:#dd9933;
    }


    .footer_top h5 {
    color: #ffffff    }

    .footer_bottom, .footer_bottom span, .footer_bottom p, .footer_bottom p a, #lang_sel_footer ul li a,
    footer #lang_sel > ul > li > a,
    footer #lang_sel_click > ul > li > a,
    footer #lang_sel a.lang_sel_sel,
    footer #lang_sel_click a.lang_sel_sel,
    footer #lang_sel ul ul a,
    footer #lang_sel_click ul ul a,
    footer #lang_sel ul ul a:visited,
    footer #lang_sel_click ul ul a:visited,
    footer #lang_sel_list.lang_sel_list_horizontal a,
    footer #lang_sel_list.lang_sel_list_vertical a,
    #lang_sel_footer a,
    .footer_bottom ul li a {
    color:#0a0a0a;
    }

    .footer_bottom p a:hover, #lang_sel_footer ul li a:hover,
    footer #lang_sel > ul > li > a:hover,
    footer #lang_sel_click > ul > li > a:hover,
    footer #lang_sel a.lang_sel_sel:hover,
    footer #lang_sel_click a.lang_sel_sel:hover,
    footer #lang_sel ul ul a:hover,
    footer #lang_sel_click ul ul a:hover,
    footer #lang_sel ul ul a:hover,
    footer #lang_sel_click ul ul a:hover,
    footer #lang_sel_list.lang_sel_list_horizontal a:hover,
    footer #lang_sel_list.lang_sel_list_vertical a:hover,
    #lang_sel_footer a:hover,
    .footer_bottom a:hover,
    .footer_bottom ul li a:hover {
    color: #d86931;
    }
    .filter_holder ul li a {
    line-height: 50px;    }



    #wrapper{
    margin-top: 0;
    }



        header.fixed_hiding .q_logo a,
        header.fixed_hiding .q_logo{
        max-height: 1771.5px;
        }
    

    .side_menu_button > a,
    .mobile_menu_button span{ color: #dd9933; }

    .popup_menu .line,
    .popup_menu .line:after, .popup_menu .line:before{
    background-color: #dd9933;
    }
    .side_menu_button > a:hover,
    .mobile_menu_button span:hover,
    .popup_menu:hover .line,
    .popup_menu:hover .line:after,
    .popup_menu:hover .line:before{ color: #000000; }

    .popup_menu:hover .line,
    .popup_menu:hover .line:after, .popup_menu:hover .line:before{
    background-color: #000000;
    }

    .vertical_menu_hidden_button_line,
    .vertical_menu_hidden_button_line:after,.vertical_menu_hidden_button_line:before{
    background-color: #dd9933;
    }
    aside.vertical_menu_area .vertical_area_background::after, aside.vertical_menu_area .vertical_area_background:after{
    background-color: rgba(0,0,0,0.5);
    }
    #portfolio-grid.container-wrapper,
    .og-expander,
    .portfolio-container .container-wrapper,
    .portfolio-outer.container-wrapper,
    #portfolios-masonry .element_wrap,
    .wrapper-images{
    border-color : #dd9933;
    }

    #project-masonry .project-inner-container{
    background-color : #dd9933;
    }
    .porfolio-content .wrapper-images:after,
    .masonry-porfolio-content:after, .masonry-project-content .element_wrap:after{
    background-color : rgba(221,153,51,0);
    }
.margin-bt-minus{
margin-bottom : -12px;
}
.margin-right5{
margin-right : 5px;
}

#active-menu-wrapper {
    background-color: #ddb67c;
}

/* ----------- No Mobile----------- */

/* Portrait and Landscape */
@media only screen and (max-width: 1000px){

.title_outer {
    display: none;
}
}