/*
	Theme Name: Didwania
	Version: 1.2
	Author: PHP Programmer
	Author URI: http://webtuts.pl
	Description: Corpo is a responsive business & portfolio theme which can be used for personal or corporate website. It features slider on the home page, 5 custom widgets, 2 menu locations and theme options to easily manage your website. Corpo also offers additional Portfolio custom post type  to showcase your work.
    Tags: light, white, gray, two-columns, fixed-width, custom-background, custom-menu, featured-images, theme-options, threaded-comments, translation-ready, full-width-template
	
	License: GPL 3.0
	License URI: http://www.gnu.org/licenses/gpl.html
*/

/* Table of Content
==================================================
	00. CSS Reset
	01. Basic Styles & Typography (header, paragraph, blockquote, lists, links, tables etc.)
    02. Page Layout & Grids
	03. Header (logo, main navigation, search field)
	04. Content
	05. Sidebar
	06. Prefooter & Footer
	07. Forms & Buttons
	08. Generic styles & WordPress Styles
    09. Responsive


/* 00. CSS Reset (Inspired by E. Meyers)
================================================== */
	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, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: middle; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul {
		list-style: none; }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
    table {
        max-width: 100%;
        background-color: transparent;
        border-collapse: collapse;
        border-spacing: 0;
        margin: 12px 0;
    }
    table th, table td {
        padding: 0px 8px;
        line-height: 20px;
        text-align: left;
        vertical-align: top;
        
    }
    table th {
        color: #ffffff; 
        border-bottom: none;
        font-weight: 600;
    }


/* 01. Basic Styles & Typography
================================================== */
	body {
		font: 14px/20px "Open Sans", Arial, sans-serif;
		color: #3d3939;
        background-color:#f8f8f8;
		-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
		-webkit-text-size-adjust: 100%;
        -ms-word-wrap: break-word;
        word-wrap: break-word;
    }


    /* Typography */
	h1, h2, h3, h4, h5, h6 {
		color: #004787;
		font-family: "Open Sans", Arial, sans-serif;
		font-weight: 700;
        line-height: 1.5em;       
        margin-bottom: 1em;
    }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { font-size: 24px; }
	h2 { font-size: 21px; }
	h3 { font-size: 18px; }
	h4 { font-size: 16px; }
	h5 { font-size: 14px;font-weight: 600 !important; }
	h6 { font-size: 13px; }

	p { margin: 0 0 20px 0; }
	p img { margin: 0; }

	em, i { font-style: italic; font-size: 12px; }
	strong, b { font-weight: bold; }
	small { font-size: 10px; }

    /*	Blockquotes  */
	blockquote, blockquote p { font-size: 19px; line-height: 24px; color: #BB1718; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 12px 18px; border-left: 3px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }


    /* #Links */
    a {
       transition: color 150ms linear;
        -moz-transition: color 150ms linear;
        -webkit-transition: color 150ms linear;
        -o-transition: color 150ms linear;
    }
	a, a:visited { color: #000; text-decoration: none; outline: 0; }
	p a, p a:visited { line-height: inherit;     font-size: 14px;}


    /* #Lists */
    ul { list-style: none; }
	ol { list-style: decimal; margin: 0 0 20px 24px; }
	ul.square { list-style: square outside; }
	ul.circle { list-style: circle outside; }
	ul.disc { list-style: disc outside; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px; }
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }

/* Images */

    img{
        max-width:100%;  
        height:auto;
    }
    body {
        top: 0px !important;
    }
    body > .skiptranslate {
        display: none;
    }
    .VIpgJd-ZVi9od-l4eHX-hSRGPd{display:none}
    .goog-logo-link {
       display:none !important;
    } 
    .goog-te-gadget{
       color: transparent !important;
    }
    .goog-te-gadget .goog-te-combo {
        margin: 4px 0 !important;
        padding: 0.375rem 0.75rem;
        color: #004787;
		font-family: "Open Sans", Arial, sans-serif;
        font-weight: 600;
        cursor: pointer;
    }
    .goog-te-gadget {
        color: #004787;
		font-family: "Open Sans", Arial, sans-serif;
        font-size: 0px!important;
        white-space: nowrap!important;
    }
    .ln #translate_language{
        line-height: 0px;
    }
    .ln ul{
        display: none;
    }
    
/* 02. Page Layout
================================================== */
    #wrapper {
           background-color: #fff;
    border: 1px solid #004787;
    border-width: .5em 0 0;
    webkit-box-shadow: 1px 1px 10px 5px rgba(192, 192, 192, 0.53);
    -moz-box-shadow: 1px 1px 10px 5px rgba(192, 192, 192, 0.53);
    box-shadow: 1px 1px 10px 5px rgba(192, 192, 192, 0.53);
    clear: both;
    float: none;
    margin: 0 auto;
    padding: 0;
    width:85%;
    }
    
    /* Grid */
   /*  .row { clear: both; overflow: hidden; } */

    .one-half, .one-third, .two-third, .three-fourth, .one-fourth  {height:auto !important; min-height:1px; margin-right:2.6%; float:left; position:relative;}
    .one-half {width:48%;}
    .one-third {width:30.666%;}
    .two-third {width:65.332%;}
    .one-fourth {width:23%;}
    .two-fourth {width:48%;}
    .three-fourth {width:74%;}
    .last {margin-right:0px !important; clear:right;}
    .two-third.last {width:65.334%;}   

/* 03. Header
================================================== */
    #header, #footer { 
        background: #004787;
        min-height: 100px;
        position: relative;
        display: block;
        padding: 0 15px;
    }

    #header:before, #header:after, #footer:before, #footer:after {
        content: "";
        position: absolute;
        display:none;
        border-style: solid;
        border-color: #123d6a transparent transparent transparent;
        bottom: -15px;
    }
    #header:before, #footer:before {
         left: 0;
         border-width: 1.2em 0 0 2em;
    }
    #header:after, #footer:after {
         right: 0;
         border-width: 1.2em 2em 0 0;
    }
    #header-inner {
        display: inline-block;
        width: 100%;
    }
    #logo {
        padding:0px 10px 5px;
        float: left;    display: inline-flex;
        color: #ffffff;
    }

	#logo .text{margin-top:14px;}
	 #logo img{   
        width:450px;       
        margin-right: 0px;
        padding: 0px 10px 0px 0px; 
       background: #fff;}
	.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0;
    text-transform: uppercase;
    color: #fff !important;
}
.dropdown-menu{    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 13rem;
    padding: 0rem 0;
    margin: 0rem 0 0;
    font-size: 1rem;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    color: #212529;
    text-align: left;
    list-style: none;    border-top: 3px solid #007ce5 !important;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;}
.dropdown-menu::before {
       border-bottom: 10px solid #007ce5;
    content: ' ';
    width: 0;
    /* margin: 0 auto; */
    /* text-align: center; */
    height: 0;
    left:28px;
    right: 0;
    position: absolute;
    top: -13px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #007ce5;
    text-decoration: none;
    background-color: #e2e2de;
}
.dropdown-menu li{    margin-bottom: 0px;    border-bottom: 1px solid #cccccc;}
.dropdown-menu li:last-child{border-bottom:none;}
.dropdown-menu li a{    font-size: 13px;
    letter-spacing: .3px;
    padding: 5px 8px 5px;}
    #logo  a.logo-img img {
        margin-top: 8px; 
    }    
    #logo  h1{
        margin-bottom: 0;
        font-weight: 600;
    }
    #logo  h1 a {
        color: #ffffff;    padding: 0;
        text-decoration: none;
        font-size: 30px;
    }
    #logo .site_tagline {
         margin-top: 5px;
            font-style: italic;
        font-size: 16px;    margin-bottom: 0;
    }
    .spacer {
        height: 52px;
    }
    /* Main Navigation */
    nav#main-nav { 
        float:right; 
        position:relative; 
        z-index:500;
        margin-top: 32px;
    }
    nav#main-nav > ul > li { 
        display:block; 
        float:left; 
        position:relative;
    }
    nav#main-nav > ul > li > a { 
        padding:0 12px; 
        color: #ffffff; 
        display:block; 
        font-size:12px; 
        font-weight:600; 
        text-transform:uppercase; 
        text-align:center; 
        text-decoration:none;
    }
    nav#main-nav > ul > li > a:hover {text-decoration:none;}


    /* Submenus */
    nav#main-nav ul ul {
        width:185px; 
        display:none; 
        position:absolute; 
        top: 10px;
        z-index: 10;
        margin: 0;
    }
    nav#main-nav ul ul li {
        display:block; 
        position:relative; 
        background-color:#ffffff; 
        border-left: 1px solid #e1e1e1;  
        border-right: 1px solid #e1e1e1;  
        border-bottom: 1px solid #e1e1e1; 
        margin:0; 
    }
    nav#main-nav ul ul li a {
        padding:11px 10px 12px 16px; 
        display:block; 
        font-size:11px; 
        color:#222222;/*#797979;*/ 
        line-height:1em; 
        text-decoration: none;
    }
    nav#main-nav ul ul a:hover {text-decoration:none;}
    nav#main-nav ul ul li:hover {background-color:#f2f2f2;}
    nav#main-nav li:hover > ul {display:block;}
    nav#main-nav > ul > li > ul { margin: 0 0 0 12px; }
    nav#main-nav > ul > li > ul:before {
        content: ' ';
        width: 0; 
        height: 0; 
        position: relative;
        top: -3px;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;	
    }
    nav#main-nav > ul > li > ul > li:first-child li:first-child {border-top:0px;}
    nav#main-nav ul ul ul {
        padding-top:0px; 
        left:183px; 
        top:-1px; 
        border-top:1px solid #e1e1e1;
    }
    nav#main-nav ul ul li:first-child > ul {top:0px; border-top:0px;}
     
    /* Top Bar */
    #top-bar {    overflow: hidden;
    margin-bottom:7px;
    padding-top: 10px;
    font-family: 'Droid Sans', sans-serif;
    font-size: 15px;
    color:#004787;} 
 
    /* Social icons */
    ul.social { margin: 0; height: 24px; }
    ul.social li { display: inline-block; }
    a.social-icon { 
        background: #e4e4e4;
        display: inline-block;
        width: 24px;
        height: 24px; 
        color: #ffffff;
    }
    a.social-icon:hover { 
        -webkit-transition: background 300ms ease-in-out;
        -moz-transition: background 300ms ease-in-out;
        -ms-transition: background 300ms ease-in-out;
        -o-transition: background 300ms ease-in-out;
        transition: background 300ms ease-in-out;
    } 
    a.social-icon:after { 
        content: '';
        display: block;
        background: url(../images/social-icons.png) no-repeat 8px 4px;
        width: 24px;
        height: 24px;
    } 
    a.social-icon.facebook:after { 
        background: url(../images/social-icons.png) no-repeat 8px 4px;
    }
    a.social-icon.twitter:after { 
        background: url(../images/social-icons.png) no-repeat -23px 4px;
    }
    a.social-icon.gp:after { 
        background: url(../images/social-icons.png) no-repeat -88px 4px;
    }
    a.social-icon.rss:after { 
        background: url(../images/social-icons.png) no-repeat -55px 4px;
    }
    a.social-icon.flickr:after { 
        background: url(../images/social-icons.png) no-repeat -120px 4px;
    }
    a.social-icon.dribble:after { 
        background: url(../images/social-icons.png) no-repeat -151px 4px;
    }
    a.social-icon.linkedin:after { 
        background: url(../images/social-icons.png) no-repeat -184px 4px;
    }
    a.social-icon.pinterest:after { 
        background: url(../images/social-icons.png) no-repeat -216px 4px;
    }
    a.social-icon.vimeo:after { 
        background: url(../images/social-icons.png) no-repeat -280px 4px;
    }    
    a.social-icon.tumblr:after { 
        background: url(../images/social-icons.png) no-repeat -312px 4px;
    }    
    a.social-icon.behance:after { 
        background: url(../images/social-icons.png) no-repeat -344px 4px;
    }    
    a.social-icon.youtube:after { 
        background: url(../images/social-icons.png) no-repeat -376px 4px;
    }    
    a.social-icon.picassa:after { 
        background: url(../images/social-icons.png) no-repeat -566px 4px;
    }    
    a.social-icon.deviantart:after { 
        background: url(../images/social-icons.png) no-repeat -630px 4px;
    }    

/* 04.Content
================================================== */    

    /* Home Page */
    .home #content-wrapper section { margin: 32px 0 0; padding: 0 0 32px; background: url(../images/divider.png) repeat-x bottom left;}
    .home #content-wrapper section#main-content { margin: 0; background: none; padding: 0; }
    #callout { text-align: center; }
    
    #services div.widget { text-align: center; }
    #services div.widget h5{ margin: 0.5em 0; }
    #services div.widget p { margin-bottom: 8px; }
    #services div.widget a.more { font-size: 13px; }
    
    #portfolio .project { text-align: center; }
   
    /* Main Slider (Flex Slider) */
    #slider { 
        margin:0; 
        position:relative; 
        width: 980px; 
        overflow:hidden; 
        left: -20px; 
        background: url(../images/divider-rev.png) repeat-x left 100%;
    }
    .banner-item {
        position: relative;
        overflow: hidden;
        border-radius: 0px;
    }
    .banner-post-content {
        position: absolute;
        left: 50px;
        bottom: 0px;
        top: 40%;
        right: 50px;
        z-index: 9;
    }
    .banner-post-content .banner-text h1{
        color: #fff;
        z-index:9999;
        font:900 2.9em/1.2em 'Open Sans', sans-serif;
    }
    .button-flex{
        display: flex;
        gap: 20px;
    }
    .banner-post-content a{
        color: #004787;
        font-size: 15px;
        text-decoration: none;
        padding: 10px 20px;
        border-radius: 5px;
        background: #fff;
        margin-top: 0px;
        font-weight:700;
        border:2px solid #3e7ccc;
        text-transform: uppercase;
        
    }
    #home-slider .owl-prev {
        width: 45px;
        height: 45px;
        position: absolute;
        bottom: 20px;
        right: 55px;
        margin: 0px;
        display: block !important;
        border: 1px solid #fff;
        background-color: transparent;
        line-height: 40px;
        transition: 1s;
        border-radius: 0;
        outline: none;
        box-shadow: none;
        
    }
    
    #home-slider .owl-next {
        width: 45px;
        height: 45px;
        position: absolute;
        bottom: 20px;
        right: 10px;
        margin: 0px;
        display: block !important;
        border: 1px solid #fff;
        background-color: transparent;
        line-height: 40px;
        transition: 1s;
        border-radius: 0;
        outline: none;
        box-shadow: none;
    }
    #home-slider .owl-prev i, #home-slider .owl-next i {
        font-size:25px;
        color: #fff;
        
    }
    .flex-container a:active,
    .flexslider a:active,
    .flex-container a:focus,
    .flexslider a:focus  {outline: none;}
    .slides,
    .flex-control-nav,
    .flex-direction-nav {margin: 0; padding: 0; list-style: none;}

    .flexslider {margin: 0; padding: 0;}
    .slides > li {
        display: none; 
        -webkit-backface-visibility: hidden; 
        margin: 0;
    } /* Hide the slides before the JS is loaded. Avoids image jumping */
    .slides > li a { 
        display: block; 
        height: 100%; 
        width: 100%; 
    }
    #slider .slides > li { 
        position: relative; 
        background-position: center center; 
        background-repeat: no-repeat; 
        background-size: cover; 
        overflow: hidden; 
    }
    .slides > li h3 { 
        display: inline-block; 
        font-size: 21px; 
        font-weight: 600; 
        line-height: 1.5; 
        color: #fff; 
        padding: 12px 20px; 
        margin: 0; 
    }
    .slides > li .excerpt { 
        display: inline-block; 
        position: absolute; 
        font-size: 16px; 
        line-height: 1.5; 
        color: #d1d9dc; 
        background-color: rgb(59, 59, 59); 
        background-color: rgba(59, 59, 59, 0.8); 
        max-width: 640px; 
        padding: 12px 20px; 
    }
    .slides > li .excerpt :last-child { margin-bottom: 0; }
    .slides > li .caption-wrap { 
        width:980px; 
        margin:0 auto; 
        position:absolute; 
        padding-left: 46px; 
        top: 49%;
    }
    .flex-pauseplay span {text-transform: capitalize;}

    .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
    html[xmlns] .slides {display: block;}
    * html .slides {height: 1%;}
    .no-js .slides > li:first-child {display: block;}
    .flexslider {
        margin: 0 ; 
        position: relative; 
        zoom: 1;
    }
    .flex-viewport {
        max-height: 2000px; 
        -webkit-transition: all 1s ease; 
        -moz-transition: all 1s ease; 
        transition: all 1s ease;
    }
    .loading .flex-viewport {max-height: 300px;}
    .flexslider .slides {zoom: 1;}
    .carousel .slides > li {margin-right: 24px; width: 216px; }

    /* Nav Dots */
    .flexslider .flex-control-nav {
        text-align: center;
        position: absolute;
        bottom: 10%;
        height: 20px;
        width: 100%;
        left: 0;
        z-index: 1000;
        pointer-events: none;
    }

    .flexslider .flex-control-nav li {
        display: inline-block;
        position: relative;
        width: 12px;
        height: 12px;
        margin: 6px 4px;
        pointer-events: auto;
    }

    .flexslider .flex-control-nav li a {
        display: block;
        cursor: pointer;
        text-indent: -9999em;
        background: #515151;
        background: rgba(0,0,0,0.6);
        height: 100%;
        width: 100%;
        border-radius: 50%;
        
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
    }

    .flexslider .flex-control-nav li a.flex-active {
        width: 12px;
        height: 12px;
        border-radius: 50%;
    }

    /* Direction Nav - Projects Slider */
    li.jcarousel-item {margin-right: 26px; width: 216px !important;}
    .jcarousel-prev, .jcarousel-next {
        position: absolute;
        top: -40px;
        width: 19px;
        height: 19px;
        cursor: pointer;
        background-color: #bfbfbf;
        background-image: url(../images/carousel-nav.png);
        background-repeat: no-repeat;
    }
    .jcarousel-prev {
        background-position: 7px 5px;
        position: absolute;
        right: 21px;
    }
    .jcarousel-next{
        background-position: -18px 5px;
        display: inline-block;
        margin-right: 1px;
        right: 0;
    }  
    
    
    /* Blog */
    #content-wrapper { overflow: hidden; clear: both; }
    #content-wrapper section.section-title, #content-wrapper .page-title  {
        width: 100%;
        clear: both;
        overflow: hidden;
        font-size: 24px;
        line-height: 1.5em;
        font-weight: bold;
        /*background: url('../images/divider-rev.png') repeat-x 0 100%;
        margin: 0 0 36px;*/
        padding: 0 0 30px;
        color: #404040;
    }
    #content-wrapper .page-title h2, #content-wrapper .section-title h2 { margin: 0; }
    #content-wrapper { padding: 36px 0 0; }
    body.custom-front #content-wrapper { padding: 0; }
    #content { float: left; width: 680px; }
    #content.full-width { width: 100%; }
    #sidebar { float: right; width: 220px; }

    /* Archives Page - Post Excerpt */
    #content article.post-excerpt {
        background: url('../images/divider-rev.png') repeat-x 0 100%;
        padding: 0 0 24px 0;
        overflow: hidden; 
        margin: 0 0 36px 0;
    }
    #content article .img-wrapper {
        width: auto; /*320px*/
        margin: 0 18px 24px 0;
        padding: 4px;
        float: left;
        border: 1px solid #ededed;
        line-height: 0px;
    }
    #content .entry-content { 
        overflow: hidden;
        background : url('../images/divider-rev.png') repeat-x 0 100%;
        padding-bottom: 24px;
    }
    #content  .entry-content .entry-meta, #content  .entry-excerpt .entry-meta, #content  article header .entry-meta, .project-meta {
        margin-bottom: 10px;
        font-size: 11px;
        padding: 6px 0px;
        overflow: hidden;
        border-top: 1px solid #ededed;
        border-bottom: 1px solid #ededed;
    }
	.brand{    margin-bottom: 30px;}
	.compressors{    margin-top: 25px;}
    .project-meta { font-size: 13px; }
    .project-meta ul { margin: 0; }
    .project-meta ul li { margin: 0 0 6px; }
    .proj-thumb { height: auto; position: relative; background: #ffffff;/*#000;*/ }
	.proj-thumb img{    width: 100% !important;
    height: 180px;
    object-fit: fill;}
    #content .entry-content p { margin-bottom: 12px; }
    
    /* Archives Page - Author Archives */
    .author-info { overflow: hidden; margin-bottom: 24px; }
    .author-info .author-avatar { float: left; margin: 0 12px 0 0; }
    .author-info .author-avatar img { padding: 4px; border: 1px solid #ededed; }
    
    
    /* Single Post */
    #content article header h2 { margin: 0 0 12px 0;}
    #content article header .entry-meta { margin: 0 0 18px 0;}    
    
    #content .entry-content .share-this {
        clear: both;
        margin: 18px 0 0;
        padding: 12px 0px 0;
        overflow: hidden;
        border-top: 1px solid #ededed;
    }

    #content .entry-content .post-meta {
        clear: both;
        padding: 12px 0px;
        overflow: hidden;
        border-top: 1px solid #ededed;
    }
    #content .entry-content .page-link {
        margin: 12px 0px;
    }
    .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
        clear: both;
    }
    .entry-content ul { 
        list-style: square; 
        margin: 0 0 20px 24px; 
    }
    .entry-content ul.list { 
        list-style: none; 
        margin: 0px;
    }    
    .entry-content ul, .entry-content ol { 
        overflow: hidden; 
    }
    .entry-content ul  li, .entry-content ol li {
        position: relative;
        margin-left: 1.3em;
    } 
    .entry-content ul li ul, .entry-content ol li ol { margin: 6px 0 0 12px; } 
    .entry-content ul li ul li:last-child { margin-bottom: 0; } 
    .entry-content .project-meta ul  { margin: 0; }
    .page-link {
        clear: both;
    }
    
    .entry-content .features {
        font-size: 11px;
        background: #F8F8F8;
        height: auto;
        overflow: hidden;
        max-width: 100%;
        border: 1px solid #cccccc;
        margin: 10px 10px 10px 0;
        padding-top: 10px;
    }
    
    /* Portfolio - Project Page */
    .page-title h2 {}
    .project-nav { 
        float: right;
        font-size: 12px;
        font-weight: normal;
    }
    .project-nav a {
        padding: 0 10px;
        display: inline-block;
        color: #888;
        background-color: #f4f4f4;
        -webkit-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        -o-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
        
        border-radius: 2px;
    }
    .project-nav a:hover {
        color: #fff;
    }
    a:hover .proj-description {
        background: #f8f8f8;
    }
	.portfolio-item{    text-decoration: none !important;}
    .proj-description {
    border: 1px solid #cccccc;
    border-radius: 2px;
    text-align: center;    background: #004787;
    -webkit-transition: all 180ms ease-in-out;
    -moz-transition: all 180ms ease-in-out;
    -o-transition: all 180ms ease-in-out;
    -ms-transition: all 180ms ease-in-out;
    transition: all 180ms ease-in-out;
    }
	.compressors a{    text-decoration: none;}
    .proj-description  h5 {    margin: 0;
    color: #fff;
    font-size: 18px;    letter-spacing: .5px;
    font-weight: bold !important;}
    .entry-content .project-media { max-width: 540px; }
    .entry-content .project-info { overflow: hidden; }
    .entry-content .flexslider ul, .entry-content .flexslider ul li { margin: 0; }
    
    .flexslider.portfolio-gallery { width: 540px; }
    
    /* Projects grid */
    section#portfolio { margin: 32px 0; overflow: hidden; }
    .projects-slider .row { margin-bottom: 36px;}
    
    .image-overlay {
        display: block;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .3) url(../images/link-overlay.png) no-repeat center center;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
    }
.list li {
    display: flex;    font-size: 14px;
    margin-bottom: 8px;
    letter-spacing: .5px;
}
    .list li i{    margin-top: 5px;    font-size: 11px;    float: left;
    margin-right:5px;}
	.project-info p{}
    /* Pagination */
    .wp-pagenavi {
        overflow: hidden; 
        text-align: center;
        display: block;
        font-size: 12px;
        margin: 18px 0;
        width: 680px;
    }
    .wp-pagenavi .pages {
        text-transform: uppercase;
        font-size: 11px;
        width: 100px;
        color: #999999;
    }
    .wp-pagenavi .alignleft a, .wp-pagenavi .alignright a {
        width: auto;
        height: auto;
        padding: 4px 8px; 
    }
    .wp-pagenavi a, .wp-pagenavi span {
        display: inline-block;
        margin-right: 3px;
        padding: 0 8px;
        line-height: 24px;
        text-align: center;    
    }
    .wp-pagenavi .current, .wp-pagenavi a:hover  { 
        border: 1px solid #ffffff;
        color: #ffffff;
    }
    .wp-pagenavi a  {
        border: 1px solid #f2f2f2;
        word-break: break-all;
    }
    
    /* Comments */

    #comments {
        margin: 24px 0;
        overflow: hidden;
    }
    .commentlist {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
    .commentlist .the-comment {
        border-bottom: 1px solid #ededed;
        margin: 0 0 20px;
        overflow: hidden;
        padding: 0 0 12px;
    }
    .commentlist img.avatar {
        float: left;
        margin: 0 10px 0 0;
        padding: 3px;
    }
    .comment-box {
        overflow: hidden;
    }
    .comment-author {
        font-weight: bold;
    }
    .comment-meta {
        float: right;
    }
    .comment-text {
        clear: both;
        margin: 6px 0;
    }
    .comment-text p{
        margin: 12px 0;
    }
    ol.children {
        padding: 0 0 0 40px;
        list-style-type: none;
    }
    /* Comment Form */

	#comment-form input {
        margin-right: 8px;
		float: left;
	}
	#comment-form div {
		margin-bottom: 10px;
	}
	#comment-form p.form-submit, form p {
		overflow: hidden;
	}
    
    /* Page 404 */ 
    .page-404 div {
        margin: 150px 0 250px;
        text-align: center;
    }
    .page-404 h1 { font-size: 120px; margin: 0;}
    
/* 05. Sidebar & Widgets
================================================== */    

    /* Widgets*/
    
    /* Tabs*/
    #sidebar .widget {
        margin-bottom: 40px;
    }
    .widget .tabs {
        height: 31px;
        margin-bottom: -1px;
        overflow: hidden;
        position: relative;
        z-index: 10; 
    }
    .widget .tabs li:first-child {
        border-left: 1px solid #ededed;
    }
    .widget .tabs li {
        float: left;
        margin: 0;
        display: block;
        padding: 0px;
        border-right: 1px solid #ededed;
        font-family: 'Open Sans', Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #888888;
    }
    .widget .tabs li a.current { 
        border-bottom: 1px solid #ffffff;
        background: #ffffff;
    }
    .widget .tabs li a {
        width: 82px;
        display: block;
        padding: 0px;
        text-align: center;
        height: 29px;
        line-height: 29px;
        border-top: 1px solid #ededed;
        border-bottom: 1px solid #ededed;
        font-size: 12px;
        color: #888888;
        font-weight: bold;
    }
    .widget .tabs li a:hover {
        background: #f8f8f8;
    }
    .widget .tabs li a.current:hover {
        background: #ffffff;
    }
    .widget .tabs li a.icon {
        width: 52px;
    }
    .widget .tabs li a.icon i {
        font-size: 18px;
    }    
    .widget ul.pane {
        padding: 16px 14px 20px;
        background-color: #ffffff;
        border: 1px solid #ededed;
        font-size: 11px;
    }    
    .widget ul.pane  li {
        overflow: hidden;
        list-style: none;
        border-bottom: 1px solid #f0f0f0;
        margin: 0 0 8px;
        padding: 0 0 12px;
    }
    .widget ul.pane  li.last {
        border-bottom: none;
        margin: 0;
        padding: 0;
    }
    .widget .pane .thumb {
        margin-right: 8px;
        padding-top: 5px;
        float: left;
        line-height: 0px;
        width: 50px;
        height: 50px;
    }
    .widget ul.pane li h6 {
        margin-bottom: 0;
    }
    .widget ul.pane li a{
        background: none !important;
        padding: 0;
    }
    .widget ul.pane li .content a{
        font-weight: bold;
        display: inline; 
        font-size: 12px;
    }
    .widget ul.pane li .content  i a {
        display: inline !important;
        font-weight: normal;
    }
    .widget ul.pane li .content p {
        margin: 12px 0 0;
    }
    /* Lists */
    .widget ul { margin: 0;}
    .widget ul li {
        list-style: square inside;
        padding: 0 0 0 5px;
        margin: 0 0 6px;
    }
    .widget ul li ul{
        margin: 6px 0 0 12px;
    }    
    /* Search */
    #sidebar .widget_search {
        margin: 0;
    }
    /* Menu */
    .widget ul.menu li {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .widget ul.menu li ul {
        margin-top: 0;
    }
    .widget ul.menu li a {
        padding: 10px 0 10px 30px;
        border-bottom: 1px solid #EAEAEA;
        display: block;    
        background: url(../images/arrow.png) no-repeat 15px center;
    }
    .widget ul.menu li a:hover {
        background-color: #f8f8f8;
    }
    .widget.recent-posts ul li, .widget.twitter ul li, .widget.contact ul li {
        list-style: none;
        border: none;
        padding: 0;
        margin-bottom: 12px;
    }
    .widget.recent-posts ul li a, .widget.twitter ul li a, .widget.contact ul li a{
        background: none !important;
        display: inline;
        padding: 0;
    }
    /* Recent Posts */    
    .widget.recent-posts ul li .post {
        padding-left: 20px;
    }
    .widget.recent-posts ul li .icon {
        float: left;
        padding-top: 4px;
    }
    .widget.recent-posts ul li .meta {
        display: block;
    }
    /* Calendar Widget */
    .widget_calendar table {
        width: 100%;
    }
    .widget_calendar table th,
    .widget_calendar table td{
        color: #797979;
        background:#FFF;
        border-left:1px solid #EDEDED;
        border-top:1px solid #EDEDED;
        border-bottom:1px solid #EDEDED;
        text-align:center
    }
    .widget_calendar table thead th{
        background:#FBFBFB;
    }
    .widget_calendar table td#today{
        background:#E4402B;
        color:#FFF;
        font-weight:bold;
    }
    .widget_calendar table td#today a{
        color:#FFF;
    }
    .widget_calendar caption{
        color:#FFF;
        font-weight:bold;
        padding:5px 10px;
        margin-bottom:5px;
        text-transform:uppercase
    }
    .widget_calendar #calendar_wrap table{
        border-right:1px solid #EDEDED;
        margin-bottom:0;
        font-size:11px;
        line-height:18px;
    }
    
/* 06. Footer & Prefooter widget area
================================================== */  
    #footer {
        padding: 24px 40px;
    }
    #footer .widget {
        color: #FFF;
    }
    #footer .widget .widget-title {
        color: #ffffff;
        font-size: 16px;
        font-weight: 600;
    }
    #footer .widget a {
        color: #f8f8f8;
    }
	.right-dotted{      border-right:2px dotted #bbbaba;}
.home_our_brands h2{    font-weight: 600;
    color: #004787;
    font-size: 24px;    padding: 0px 0px 5px;
    margin-bottom: 18px;
    background: #f8f8f8;}
#imageData #numberDisplay a{    font-size: 11px;}
.home_our_brands h2 a{color: #004787;    text-decoration: none;}
.widget_text a{color:#fff;}
    #footer-bar { overflow: hidden; margin: 18px 0 0px;    border-bottom: 5px solid #004787;font-family: 'Droid Sans', sans-serif !important; font-size: 14px !important; color: #a6a5a5 !important}
    .title{    font-weight: 600;
    background: #f8f8f8;
    padding: 5px;}
    #footer-nav ul { margin:0; overflow: hidden; }
    #footer-nav ul li, #top-bar ul li { padding: 0 0 0 4px; margin: 0; }

    #footer-nav ul li { float: left;}
    #footer-nav ul li:after { content: '   |'; }
    #footer-nav ul li:last-child:after { content: ''; }
    .worldwise{    color: #e40000;
    font-size: 19px;    text-transform: capitalize;
    font-style: italic;
    margin-top: 20px;
    font-weight: 600;
    letter-spacing: .5px;}
/* 07. Forms & Buttons
================================================== */

	.button,
	button,
	input[type="submit"],
	input[type="reset"],
	input[type="button"] {
		background: #eee; /* Old browsers */
		background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
		background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
		background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
		background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
		background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
		background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
	  border: 1px solid #aaa;
	  border-top: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  color: #444;
      font-size: 13px;
	  display: inline-block;
	  text-decoration: none;
	  
	  cursor: pointer;
	  margin-bottom: 20px;
	  line-height: normal;
	  padding: 4px 16px;
    }
    
	.button:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="reset"]:hover,
	input[type="button"]:hover {
		color: #222;
		background: #ddd; /* Old browsers */
		background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
		background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
		background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
		background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
		background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
		background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
	  border: 1px solid #888;
	  border-top: 1px solid #aaa;
	  border-left: 1px solid #aaa; }

	.button:active,
	button:active,
	input[type="submit"]:active,
	input[type="reset"]:active,
	input[type="button"]:active {
		border: 1px solid #666;
		background: #ccc; /* Old browsers */
		background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
		background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
		background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
		background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
		background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
		background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }

	.button.full-width,
	button.full-width,
	input[type="submit"].full-width,
	input[type="reset"].full-width,
	input[type="button"].full-width {
		width: 100%;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center; }

	/* Fix for odd Mozilla border & padding issues */
        button::-moz-focus-inner,
        input::-moz-focus-inner {
        border: 0;
        padding: 0;
	}

    button.search-submit {
        margin-left: 0;
    }
    
    .button.blue, input[type="submit"].button.blue, input[type="reset"].button.blue, input[type="button"].button.blue {
            color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .5px;
    border-color: #23A6D6;
    padding: 8px 16px 8px;
    border-bottom-color: #20799A;
    background: -moz-linear-gradient(center top,#004787 20%,#0192c2 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #004787),color-stop(1, #0192c2));
    background: -webkit-linear-gradient(top, #004787 20%, #00a1d6 100%);
    background: -o-linear-gradient(top, #004787 20%, #0192c2 100%);
    background: -ms-linear-gradient(top, #004787 20%, #0192c2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004787', endColorstr='#0192c2',GradientType=0 );
    background: linear-gradient(top, #004787 20%, #0192c2 100%);
        
    }
	.browser{    margin-top: 8px;
    text-align: center;
    float: left;
    width: 48%;
    margin-right: 1%;
    margin-left: 1%;}
	.browser a img{
        height:255px !important; border: 1px solid #1761a2;
    padding: 5px;
   }
    .button.blue:hover, input[type="submit"].button.blue:hover, input[type="reset"].button.blue:hover, input[type="button"].button.blue:hover {
        background: #0184b0;
        background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #004787),color-stop(1, #0184b0));
        background: -moz-linear-gradient(center top,#004787 20%,#0184b0 100%);
        background: -webkit-linear-gradient(top, #004787 20%, #0184b0 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #004787 20%, #0184b0 100%); /* Opera11.10+ */
        background: -ms-linear-gradient(top, #004787 20%, #0184b0 100%); /* IE10+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004787', endColorstr='#004787',GradientType=0 ); /* IE6-9 */
        background: linear-gradient(top, #004787 20%, #0184b0 100%); /* W3C */
        
        background: #004787;
    }

    .button.red, input[type="submit"].button.red, input[type="reset"].button.red, input[type="button"].button.red {
        color: #ffffff;
        border-color: #AF4040;
        border-bottom-color: #9A2020;
        background: -moz-linear-gradient(center top,#E85252 20%, #CF2E2E 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #E85252),color-stop(1, #CF2E2E));
        background: -webkit-linear-gradient(top, #E85252 20%, #CF2E2E 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #E85252 20%, #CF2E2E 100%); /* Opera11.10+ */
        background: -ms-linear-gradient(top, #E85252 20%, #CF2E2E 100%); /* IE10+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E85252', endColorstr='#CF2E2E',GradientType=0 ); /* IE6-9 */
        background: linear-gradient(top, #E85252 20%, #CF2E2E 100%); /* W3C */
        
        border-color: #AF4040;
        border-bottom-color: #9A2020
    }

    .button.red:hover, input[type="submit"].button.red:hover, input[type="reset"].button.red:hover, input[type="button"].button.red:hover {
        color: #ffffff;
        background: #D20000;
        background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #E53E3E),color-stop(1, #b51212));
        background: -moz-linear-gradient(center top,#E53E3E 20%,#b51212 100%);
        background: -webkit-linear-gradient(top, #E53E3E 20%, #b51212 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #E53E3E 20%, #b51212 100%); /* Opera11.10+ */
        background: -ms-linear-gradient(top, #E53E3E 20%, #b51212 100%); /* IE10+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E53E3E', endColorstr='#b51212',GradientType=0 ); /* IE6-9 */
        background: linear-gradient(top, #E53E3E 20%, #b51212 100%); /* W3C */        
        background: #E53E3E;
    }

    .button.orange, input[type="submit"].button.orange, input[type="reset"].button.orange, input[type="button"].button.orange {
        color: #ffffff;
        border-color: #AF7440;
        border-bottom-color: #9A5420;
        background: -moz-linear-gradient(center top,#E88E52 20%,#CF6E2E 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #E88E52),color-stop(1, #CF6E2E));
        background: -webkit-linear-gradient(top, #E88E52 20%, #CF6E2E 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #E88E52 20%, #CF6E2E 100%); /* Opera11.10+ */
        background: -ms-linear-gradient(top, #E88E52 20%, #CF6E2E 100%); /* IE10+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E88E52', endColorstr='#CF6E2E',GradientType=0 ); /* IE6-9 */
        background: linear-gradient(top, #E88E52 20%, #CF6E2E 100%); /* W3C */
        
        border-color: #AF7440;
        border-bottom-color: #9A5420;
    }

    .button.orange:hover, input[type="submit"].button.orange:hover, input[type="reset"].button.orange:hover, input[type="button"].button.orange:hover {
        background: #D25E00;
        background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #E57D3E),color-stop(1, #CA5116));
        background: -moz-linear-gradient(center top,#E57D3E 20%,#CA5116 100%);
        background: -webkit-linear-gradient(top, #E57D3E 20%, #CA5116 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #E57D3E 20%, #CA5116 100%); /* Opera11.10+ */
        background: -ms-linear-gradient(top, #E57D3E 20%, #CA5116 100%); /* IE10+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E57D3E', endColorstr='#CA5116',GradientType=0 ); /* IE6-9 */
        background: linear-gradient(top, #E57D3E 20%, #CA5116 100%); /* W3C */        
        background: #E57D3E;
    }

    .button.green, input[type="submit"].button.green, input[type="reset"].button.green, input[type="button"].button.green {
        color: #ffffff;
        border-color: #3f7625;
        border-bottom-color: #3b6e22;
        background: -moz-linear-gradient(center top,#68a84b 20%,#51833a 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #68a84b),color-stop(1, #51833a));
        background: -webkit-linear-gradient(top, #68a84b 20%, #51833a 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #68a84b 20%, #51833a 100%); /* Opera11.10+ */
        background: -ms-linear-gradient(top, #68a84b 20%, #51833a 100%); /* IE10+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68a84b', endColorstr='#51833a',GradientType=0 ); /* IE6-9 */
        background: linear-gradient(top, #68a84b 20%, #51833a 100%); /* W3C */
        
    }

    .button.green:hover, input[type="submit"].button.green:hover, input[type="reset"].button.green:hover, input[type="button"].button.green:hover {
        color: #ffffff;
        background: #598e41;
        background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #5f9746),color-stop(1, #477433));
        background: -moz-linear-gradient(center top,#5f9746 20%,#477433 100%);
        background: -webkit-linear-gradient(top, #5f9746 20%, #477433 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #5f9746 20%, #477433 100%); /* Opera11.10+ */
        background: -ms-linear-gradient(top, #5f9746 20%, #477433 100%); /* IE10+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f9746', endColorstr='#477433',GradientType=0 ); /* IE6-9 */
        background: linear-gradient(top, #5f9746 20%, #477433 100%); /* W3C */	
        background: #5f9746;
        
    }

    .button.black, input[type="submit"].button.black, input[type="reset"].button.black, input[type="button"].button.black {
        color: #ffffff;
        border-color: #4a525a;
        border-bottom-color: #4a525a;
        background: -moz-linear-gradient(center top,#4a525a 20%,#21262b 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #4a525a),color-stop(1, #21262b));
        background: -webkit-linear-gradient(top, #4a525a 20%, #21262b 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #4a525a 20%, #21262b 100%); /* Opera11.10+ */
        background: -ms-linear-gradient(top, #4a525a 20%, #21262b 100%); /* IE10+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a525a', endColorstr='#21262b',GradientType=0 ); /* IE6-9 */
        background: linear-gradient(top, #4a525a 20%, #21262b 100%); /* W3C */
        
    }

    .button.black:hover, input[type="submit"].button.black:hover, input[type="reset"].button.black:hover, input[type="button"].button.black:hover {
        background: #14171a;
        background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #4a525a),color-stop(1, #14171a));
        background: -moz-linear-gradient(center top,#4a525a 20%,#14171a 100%);
        background: -webkit-linear-gradient(top, #4a525a 20%, #14171a 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #4a525a 20%, #14171a 100%); /* Opera11.10+ */
        background: -ms-linear-gradient(top, #4a525a 20%, #14171a 100%); /* IE10+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a525a', endColorstr='#14171a',GradientType=0 ); /* IE6-9 */
        background: linear-gradient(top, #4a525a 20%, #14171a 100%); /* W3C */
        background: #4a525a;
    }

    .button.white, input[type="submit"].button.white, input[type="reset"].button.white, input[type="button"].button.white {
        color: #4a525a !important;
        
        border-color: #d3d3d3;
        border-bottom-color: #bebfc0;
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top, #ffffff 0%, #ededed 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffffff 0%, #ededed 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffffff 0%, #ededed 100%); /* Opera11.10+ */
        background: -ms-linear-gradient(top, #ffffff 0%, #ededed 100%); /* IE10+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
        background: linear-gradient(top, #ffffff 0%, #ededed 100%); /* W3C */
    }

    .button.white:hover, input[type="submit"].button.white:hover, input[type="reset"].button.white:hover, input[type="button"].button.white:hover {
        border-color: #d3d3d3;
        border-bottom-color: #bebfc0;
        background: #f9f9f9; /* Old browsers */
        background: -moz-linear-gradient(top, #f9f9f9 0%, #e5e5e5 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f9f9f9 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f9f9f9 0%,#e5e5e5 100%); /* Opera11.10+ */
        background: -ms-linear-gradient(top, #f9f9f9 0%,#e5e5e5 100%); /* IE10+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
        background: linear-gradient(top, #f9f9f9 0%,#e5e5e5 100%); /* W3C */        
        background: #f9f9f9;
    }

    .button.yellow, input[type="submit"].button.yellow, input[type="reset"].button.yellow, input[type="button"].button.yellow {
        color: #875523 !important;
        
        border-color: #ecb206;
        border-bottom-color: #c49303;
        background: #f1e767; /* Old browsers */
        background: -moz-linear-gradient(top, #f1e767 0%, #feb645 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1e767), color-stop(100%,#feb645)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f1e767 0%,#feb645 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f1e767 0%,#feb645 100%); /* Opera11.10+ */
        background: -ms-linear-gradient(top, #f1e767 0%,#feb645 100%); /* IE10+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1e767', endColorstr='#feb645',GradientType=0 ); /* IE6-9 */
        background: linear-gradient(top, #f1e767 0%,#feb645 100%); /* W3C */
    }

    .button.yellow:hover, input[type="submit"].button.yellow:hover, input[type="reset"].button.yellow:hover, input[type="button"].button.yellow:hover {
        background: #ffd65e; /* Old browsers */
        background: -moz-linear-gradient(top, #ffd65e 0%, #edb205 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd65e), color-stop(100%,#edb205)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #ffd65e 0%,#edb205 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #ffd65e 0%,#edb205 100%); /* Opera11.10+ */
        background: -ms-linear-gradient(top, #ffd65e 0%,#edb205 100%); /* IE10+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#edb205',GradientType=0 ); /* IE6-9 */
        background: linear-gradient(top, #ffd65e 0%,#edb205 100%); /* W3C */
        background: #ffd65e;
    }
    .button.small {
        font-size: 13px;
        padding: 4px 16px; 
    }
    .button.medium {
        font-weight: bold;
        font-size: 18px;
        padding: 11px 17px;
    }

    .button.big {
        font-weight: bold;
        font-size: 26px;
        padding: 13px 19px;
    }

    

    /* #Forms */

	form { margin-bottom: 20px; }
	fieldset { margin-bottom: 20px; }
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		border: 1px solid #e6e6e6;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font: 13px "Open Sans", Arial, sans-serif;
		color: #acacac;
		margin: 0;    margin-bottom:4px;
		max-width: 100%;
		display: block;
        
		background: #fff; }
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border: 1px solid #aaa;
 		color: #acacac;
 		color: #acacac;
 		 }
	textarea {
		min-height: 60px; }
    label { display: inline; }
    legend {
		display: block;
		font-weight: bold;
		font-size: 13px;  }
	select {
		width:200px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }

/* 	08. Generic styles & WprdPress styles
================================================== */
    
    .left { float: left; }
    .right { float: right; }
    .divider { 
        background: url(../images/divider-rev.png) repeat-x 0 0;
        margin: 12px 0;
        clear: both;
        height: 3px;
        border: none; 
    }
    a.more { font-size: 12px; display: block; }
    /*Default WordPress styles*/
    .entry-content img {
        margin: 0 0 1em 0;
    }
    .alignnone {
        margin:5px 20px 20px 0;
    }
    .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;
    }
    .wp-caption {
        margin-bottom: 1.5em;
        text-align: center;
        padding-top: 5px;
    }
    .wp-caption img {
        border: 0 none;
        padding: 0;
        margin: 0;
    }
    .wp-caption p.wp-caption-text {
        line-height: 1.5;
        font-size: 12px;
        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;
    }
    .gallery dl {}
    .gallery dt {}
    .gallery dd {}
    .gallery dl a {}
    .gallery dl img { padding: 4px; border: 1px solid #ededed; }
    .gallery-item { 
        float: left;
        margin-top: 10px;
        text-align: center;
        width: 33%;
    }
    .gallery-caption {}
    .size-full {}
    .size-large {}
    .size-medium {}
    .size-thumbnail {}
    .gallery-caption {}
    .bypostauthor  {}

    .wp-caption {
        background:#FFF;
        border:1px solid #F0F0F0;
        max-width:96%;
        padding:5px 3px 0;
        text-align:center;
    }
    .wp-caption-text { margin: 0; }
    .wp-caption.alignnone {
        margin:5px 20px 20px 0;
    }
    .wp-caption.alignleft {
        margin:5px 20px 20px 0;
    }
    .wp-caption.alignright {
        margin:5px 0 20px 20px;
    }
    .wp-caption img {
        border:0 none;
        height:auto;
        margin:0;
        max-width:98.5%;
        padding:0;
        width:auto;
    }
    .wp-caption .wp-caption-text,
    .gallery-caption {
        font-size:12px;
        line-height:17px;
        margin:0;
        padding:0 4px 5px;
    }
    .sticky {}
    ins {
        background: #fff9c0;
        text-decoration: none;
    }
    sub, sup {
        font-size:80%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
    }
    sub {
        bottom: -0.25em;
    }
    sup {
        top: -0.5em;
    }
/* 09. Responsive
================================================== */
#imageData #caption{    font-size: 18px;}
#imageDetails p{    margin-top: 10px;
    margin-bottom: 10px;}
    /* #Media Queries */
    .tinynav { display: none; }

	@media only screen and (max-width:1024px) {
		#wrapper{width: 98%;}
	}
	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px){
	.navbar-nav li{display: inline-block;}
	   #top-bar .left{margin-left: 0px;}
	}
	@media only screen and (min-width: 767px) and (max-width:1024px) {
		.project-media .project-media-inner a h3{height: 65px;}
		.page-title{    display: inline !important;}
		#top-bar .left {margin-left: 0px !important;float: left !important;}
		#logo h1 a{font-size: 24px;}
		#top-bar .left p:nth-child(2){margin-left: 10px !important;    margin-right: 50px !important;}
		.features table {    width: 300px !important;}
		/* .ln {width: 30% !important;} */
		/* .mn{width: 50% !important;} */
		/* #tm:checked + .main-menu{position: absolute;width: 48%;z-index: 1;background: #fff;border: 1px solid #c1c1c1;border-radius: 3px;right: -10px;margin-top: 10px;} */
	}
	@media only screen and (min-width: 768px) and (max-width: 959px) {
        #wrapper {width: 100%; margin: 0 auto; padding: 10px 0; }
        #header, #footer { 
            width: auto;
            position: static;
        }
        #slider {width:100%; left: 0; }
        .flexslider .flex-direction-nav {width:100%;}
        .slides > li h3 {font-size: 18px; padding: 6px 12px;}
        .slides > li .excerpt { font-size: 13px; padding: 6px 12px;}
        .slides > li .excerpt { max-width: 440px; }
        #content-wrapper { width: 680px; margin: 0 auto; }
        .entry-content .project-media { width: 100%; }
        .entry-content .project-info { overflow: visible; }
        #sidebar { float: none; width: 100%; }
        #top-bar, #footer-bar { padding: 0 0px; }
    }

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 768px) {
		.navbar-toggler {float: right;width: 100%;}
		.dropdown-menu::before{display:none;}
		.navbar-nav{text-align: left !important;}
        #wrapper{width: 100%; margin: 0 auto; padding: 10px 0 ;}
        #header, #footer { overflow: hidden;width: auto;position: static;padding: 0 40px;}
        #content { width: 100%; }
        #logo h1 a{    font-size: 22px;letter-spacing: .5px;}
		#logo .text {margin-top:8px;}
		#logo .site_tagline{margin-bottom: 8px;}
        #footer  { padding-top: 36px; }
        #header { text-align: center; }
		.mn{    background:#fff;
    width: 100%;
    padding:8px;
    margin-top:0px;}
	.mn label i{    font-size: 22px;
    color: #004787;    float: right;
    padding: 4px;}
	#toggle-menu{    overflow: hidden;}
	#toggle-menu span{    margin-top: 5px;
    text-transform: uppercase;
    color: #004787;
    font-size: 18px;
    float: left;}
		.navbar-expand-md .navbar-nav .nav-link{    padding-right: 4px!important;
    font-size: 9px !important;}
		.proj-thumb img{width: 100%;height: 240px;object-fit: cover;}
		.compressors{    margin-bottom:0px;margin-top: 15px;}
        #logo { float: none;        width: 410px; text-align: left;}
        #main-menu { display: none; }
        nav#main-nav { float: none; margin: 0; }
        .tinynav { display: block; width: 100%; margin-bottom: 20px; }
        #slider, .flexslider.portfolio-gallery {width: 100%; left: 0;}
        .flexslider .flex-direction-nav {width:100%;} 
        .flexslider.portfolio-gallery .flex-direction-nav {width:100%;}
        .flexslider .flex-control-nav { display: none;}
        .slides > li .caption-wrap { width: 70%; top: 45%; }
        .slides > li h3 {font-size: 16px; padding: 6px 12px;}
        .slides > li .excerpt { font-size: 13px; padding: 6px 12px;}
        .slides > li .excerpt { max-width: 440px; }
        .row .col {float: none;width: 100%;padding: 0 0 20px;} 
        #services .widget { margin-bottom: 18px; }
        section#portfolio { text-align: center; }
        .projects-slider { width: 280px; margin: 0 auto; }
        .projects-slider li { margin: 0 0 24px 0; }
        /* Page, Post content */
        #content article .img-wrapper { width: 160px; }
        .wp-pagenavi { width: 100%; }
        #sidebar { float: none; width: 100%; clear: both; }
        /* Projects */
        .project-nav { float: none; clear: both; padding-top: 18px; }
        .entry-content .project-media { width: 100%; }
        .entry-content .project-info { overflow: visible; }
        .one-fourth, .one-third { width: auto; }
        .projects-slider .row  { margin: 0; }
        .projects-slider .project { margin: 0 0 24px 0;}
        #top-bar, #footer-bar { padding: 0 0px; }   
        #footer-bar, #top-bar  { text-align: center; }
        #footer-nav { text-align: center; display: inline-block; }
        #footer-bar .left, #footer-bar .right, #top-bar .left, #top-bar .right { float: none; }
    }



	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
        #wrapper { width: 100%; }
        #header, #footer {
            overflow: hidden;
            width: auto;
            position: static;     
        }
        #footer { padding-top: 24px; }
        #content article .img-wrapper { width: 290px; margin-bottom: 16px; }

        /* Slider */        
        .slides > li .caption-wrap { width: 70%; top: 45%; }
        .slides > li h3 { font-size: 13px; padding: 4px 8px; }
        .slides > li .excerpt { font-size: 11px; padding: 4px 8px; }
        .slides > li .excerpt { max-width: 300px; }
        .flexslider .flex-control-nav { display: none;}
        /* Projects */
        .project-nav { float: none; clear: both; padding-top: 18px; }
        .entry-content .project-info { overflow: visible; }
        
        textarea#comment { width: 260px; }
        
        ol.children { padding: 0; }
        #footer-bar  { text-align: center; }
        #footer-nav { text-align: center; display: inline-block; }
        #footer-bar .left, #footer-bar .right { float: none; }
    }

	
	/*** Custom ***/
	
	.contact_form td{
		border:0px !important;
	}
	.contact_form{
	
	}
    .contact_form .wpcf7-form-control {
        color: #333333!important;
    }
    .wpcf7-mail-sent-ok {
        display: none!important;
    }
	.ajax-loader{
		width:auto!important;
		height:auto!important;
	}	 
	.homepage_product_list{
		margin-bottom: 2.6%;
	}
	.full-width{
		width:100%;
	}
	.clear{
		clear:both;
	}
	.project-media .project-media-inner{
		width:50%;float:left;    margin-bottom: 12px;
	}
	.project-media .project-media-inner video{padding: 5px;}
	.sub-title{    margin-bottom: 20px;
    margin-top: 10px;
    font-weight: 600;
    background: #004787;
    padding: 5px;    letter-spacing: .5px;
    color: #fff;
    font-size: 24px;}
	.project-media .project-media-inner a{
	background: url(../images/image_bg.png) repeat-x scroll center bottom #FFFFFF;
    float: left;
    margin: 3px;text-align:center;
    padding-bottom:0px;    text-decoration: none;
    position: relative;
	}
	
	.project-media img{
		    margin: 0px;
    height: 260px;
    width: 100%;
    object-fit:cover;
	}
	.project-media a span{
		    bottom: 0;
    color: #004787;
    font-size: 15px;
    height: 34px;
    left: 0;
    line-height: 38px;
    font-weight: 600;
    text-align: center;
    width: 100%;
	}
	.project-media .image_right{
		margin-right: 0px;	
		float:right;
	}
	.project-media .image_left{
		margin-right: 0px;	
		float:left;
	}    
	.wpcf7-captcha-captcha-174{margin-bottom:0 !important;}
        
        .home_log_wrapper{
            height: 90px;
            width: 100%;
            border-top: 1px solid #326a9d;border-bottom: 1px solid #326a9d;
            padding-top: 5px;
            padding-bottom: 5px;
        }
        .home_logo_didwania{
           margin-left:120px;
           float: left;
        }
        .home_logo_crayogenic{
           margin-left: 270px;
           float: left;
        }
        .home_our_brands{
            text-align: center;
        }
    .whitelink a {    text-decoration: none;
        color: #ffffff!important;
    }
    .whitelink a:hover {
        color: #ffffff!important;
    }
    .list-table {
        margin-left: 1.3em;
    }
    .list-table td {
        border: 0px!important;
    }
    .wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
        width: 75%!important;
    }
	@media(max-width:767px){
		.wpcf7-form-control{
			width:100%!important;
		}
		input[type="text"], input[type="password"], input[type="email"], textarea, select{margin-bottom: 0px;}
	}
    .red {
        color: #ff0000;
    }
	
	div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #398f14;
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
	border: 2px solid #f7e700;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	color: #f00;
	font-size: 1em;
	display: block;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

div.wpcf7 img.ajax-loader {
	border: none;
	vertical-align: middle;
	margin-left: 4px;
}

div.wpcf7 div.ajax-error {
	display: none;
}

div.wpcf7 .placeheld {
	color: #888;
}
.our-brand a img{ 
    width:185px;
 }
 @media only screen and (min-width:768px) {
	.mob{display:none;}
	.d-large{display:none !important;}
 }
  @media only screen and (max-width:767px) {
	.pbd-block{display:none;}
	 .d-large{display:block !important;    overflow: hidden;}
 }
 @media only screen and (max-width:768px) {
	 .page-title {display: inline-block !important;}
	.navbar-expand-md .navbar-nav .nav-link {
		font-size: 13px !important;
	}
	 .ln .ct-language:hover ul{top: 49px !important;}
	.right-dotted{border-right: 0px dotted #004787;}
	.ln .ct-language {
    margin-top: 5px !important;    margin-right: 10px !important;}
}
 @media only screen and (max-width:768px) {
	 .ln {width: 50%;}
	 p a, p a:visited {font-size: 13px;}
	 .project-media .project-media-inner a{    width: 100% !important;}
	 .ngg-galleryoverview .ngg-gallery-thumbnail-box{     width: 50% !important;}
	.project-media img{    height: 240px;object-fit: cover;}
	#top-bar .left div:nth-child(2) {float: left !important;}
	#top-bar .right{margin-top:0px;}
	#top-bar .right a i{margin-left: 3px;}
	#logo img{    width:100%;    padding: 0px;}
	.topi::before{display:none;}
	.main-menu li a{    color: black !important;}
	#menu .sub-menu li{    padding-left: 8px;}
	#top-bar .left p:first-child{margin-right: 0px !important}
    #top-bar .left a.whatweb {
        display:none;
    }
 }
  @media only screen and (min-width:768px) {
	  #menu ul span.drop-icon{display:none !important;}
  }
  .social{float: left;}
#top-bar .left p:first-child{    float: left;
    margin-right: 45px;    color: black;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: .3px;
    margin-bottom: 0;}
    #top-bar .left a.whatweb i {
        width: 25px;
        height: 25px;
        padding: 5px;
        background: #25d366;
        color: #FFF;
        text-align: center;
        border-radius: 2px;
        font-size: 15px;
    }

#top-bar .left p:nth-child(2){     float: right;
    font-size: 14px;    color: black;
    font-weight: 600;
    letter-spacing: .5px;
    margin: 0;}
#top-bar .right a{text-decoration:none;}
/* #top-bar .right a:hover i{background:#1291f0;} */
#top-bar .right a i{    width: 25px;
    height: 25px;
    background:#395795;
    padding: 5px;
    text-align: center;
    color: #fff;
    border-radius: 2px;}
footer{    background: #004787;
    padding: 30px 0px 30px;
    color: #fff;}
.widget-title{color: #fff;    letter-spacing: .5px;}
.widget-text ul{    margin-left: 18px;}
.widget-text ul li{list-style: square;    margin-bottom: 10px;}
.widget_text ul li{    margin-bottom: 10px;}
.products{margin: 0 auto;}
.products .p-img img{    width: 100%;
    height: 260px;
    object-fit:cover;}
.p-img{ 
    text-align: center;
 }

	.p-img a h2{margin-bottom: 0px;
    /* background: #004787; */
    font-size:18px;    letter-spacing: .5px;
    text-transform: capitalize;
    color: #ffffff;
    font-weight: bold;
    /* margin-top: 25px; */
    border: 1px solid #004787;
    /* padding: 6px 5px 7px; */
    border-radius: 2px;
    text-align: center;
    -webkit-transition: all 180ms ease-in-out;
    -moz-transition: all 180ms ease-in-out;
    -o-transition: all 180ms ease-in-out;
    -ms-transition: all 180ms ease-in-out;
    transition: all 180ms ease-in-out;}
.p-img a{text-decoration: none;}
.navbar{background: #004787;}
.navbar-nav{    width: 100%;text-align: right;}
.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top:-6px;
}
.dropdown-menu li{width:100%;}
.navbar-light .navbar-nav .active>.nav-link{    color: #78B9F7 !important;}
.navbar-light .navbar-nav .nav-link:hover{    color: rgb(3, 131, 233) !important;}
.navbar-expand-md .navbar-nav .nav-link {
    font-weight: 600;    padding-right: 20px;
    font-size: 13px;
}
/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
    background: #e6e6e6;
}
.dropdown-toggle::after{float: right;} 
.dropdown-toggle::after{display:none;}
.navbar-expand-md .navbar-nav{display: block;}
.gallery-title{font-size:24px;margin-bottom: 8px;background: #004787;padding: 4px;font-weight: 600;color: #fff;text-align: center;}
.ngg-galleryoverview .ngg-gallery-thumbnail-box{width: 25%;float: left;margin-bottom: 12px;}
.ngg-gallery-thumbnail{width: 95%;margin: 0 auto;}

@media only screen and (max-width:360px) {
	.project-media .project-media-inner{width:99%;}
}
@media only screen and (max-width:411px) {
	.bt-m{margin-top:30px;}
	.bt-m a img{margin-top: 0px !important;}
	.project-media .project-media-inner{width:99%;}
}
@media only screen and (max-width:414px) {
	.project-media .project-media-inner{width:99%;}
}




#site-title a:first-child{display:none;}
#menu ul {
  margin: 0;
  padding: 0;
}

#menu .main-menu {
  display: none;
}
.main-menu li a{font-weight: 600;
        padding: 10px;   text-decoration: none;
    font-size: 13px;    text-transform: uppercase;}
.main-menu li a:hover{    color: #0383e9 !important;}
#menu .sub-menu a:hover{    color: #0383e9 !important;  /*   background: #f1f0f0; */}
#tm:checked + .main-menu {
  display: block;
}

#menu input[type="checkbox"], 
#menu ul span.drop-icon {
  display: none;
}

/* #menu li, 
#toggle-menu, 
#menu .sub-menu {
  border-style: solid;
  border-color: rgba(0, 0, 0, .05);
} */

/* #menu li, 
#toggle-menu {
  border-width: 0 0 1px;
} */

#menu .sub-menu {
  border-width: 1px 1px 0;
  margin: 0 1em;
}

#menu .sub-menu li:last-child {
  border-width: 0;
}

#menu li, 
#toggle-menu, 
#menu a {
  position: relative;
  display: block;
  color: white;
}



#menu a {
  transition: all .125s ease-in-out;
  -webkit-transition: all .125s ease-in-out;
}


#menu .sub-menu {
  display: none;
}

#menu input[type="checkbox"]:checked + .sub-menu {
  display: block;    margin: 0;    border: none;
}
/* #menu .sub-menu a:hover {
     background-color: #f5f5f4;
} */
#logo .text a{    padding: 0;}
#toggle-menu .drop-icon, 
#menu li label.drop-icon {
     position: absolute;
    right: 5px;
    /* top: 1.25em; */
    font-size: 21px;
    background: #004787;
}

#menu label.drop-icon, #toggle-menu span.drop-icon {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  text-align: center;
  background-color: rgba(0, 0, 0, .125);
  text-shadow: 0 0 0 transparent;
  color: rgba(255, 255, 255, .75);
}

#menu .drop-icon {
  line-height: 1;
}
@media only screen and (max-width: 64em) and (min-width: 52.01em) {
  /* #menu li {
    width: 33.333%;
  } */

  #menu .sub-menu li {
    width: auto;
  }
}

@media only screen and (min-width: 52em) {
  #menu .main-menu {
    display: block;
  }

  #toggle-menu, 
  #menu label.drop-icon {
    display: none;
  }

  #menu ul span.drop-icon {
    display: inline-block;
  }

  #menu li {
    float: left;
  }

  #menu .sub-menu li {
    float: none;
  }

  #menu .sub-menu {
        border-width: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    left: -77px;
    width: 17em;
    z-index: 3000;
    background: #fff;
    /* border: 1px solid #c1c1c1; */
    border-radius: 0px;
    border-top: 4px solid #007ce5;
    box-shadow: 0 5px 10px rgba(0,0,0,.3);
	   /*  padding-top: 6px;
    padding-bottom: 6px; */
  }
  #menu .sub-menu, 
  #menu input[type="checkbox"]:checked + .sub-menu {
    display: none;
  }

  #menu .sub-menu li {
    border-width: 0 0 1px;
  }

  #menu .sub-menu .sub-menu {
    top: 0;width:330px;
    left: 100%;
  }

  #menu li:hover > input[type="checkbox"] + .sub-menu {
    display: block;
  }
}
.navbar-expand-md{    justify-content: space-between;}
#menu .sub-menu a{    padding:8px 10px 8px;
    color:#696969;
    font-weight: 600;
    text-shadow: none;
    font-size: 13px;
    text-transform:uppercase;
    letter-spacing: .2px;}
#menu .sub-menu a i{    font-size: 17px;
    font-weight: 600;
    margin-right: 6px;
    float: left;}
#menu .sub-menu li{margin-bottom: 0;}
.topi::before{border-bottom: 10px solid #007ce5;
    content: ' ';
    width: 0;
    /* margin: 0 auto; */
    /* text-align: center; */
    height: 0;
    left:108px;
    right: 0;
    position: absolute;
    top: -13px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;}
@media (min-width: 768px){
	.pr{padding-right:0px;}
}
.features table{width: 335px;}
.pbd-block .gallery-title{font-size: 20px;}
.project-media .project-media-inner a h3{
									margin-bottom: 0px;text-align: center;background: #004787;border: 2px solid #dee2e6;color: white;padding: 8px;
									font-size: 15px;letter-spacing: .5px;}
.page-title{display: inline-flex;    margin-bottom:16px;}
			.page-title h2 {margin-bottom: 0;padding-top: 5px;}
			.lw-t{width: 90px;margin-right: 8px;    height:45px;}
			.project-info p {margin-bottom: 10px;}
			.features .table-bordered tbody tr td{padding:5px;font-weight: 600;    vertical-align: middle;}
			.features .table-bordered tbody tr td:first-child{min-width: 160px;max-width: 160px;}
			.features .table-bordered tbody tr td:last-child{min-width: 160px;max-width: 160px;}
			.list h4{margin-bottom: 5px;margin-top:0px;}
.features ul{    margin-bottom: 15px;}
.project-media-inner a table{margin: 0;    width: 100%;}
.pro_name{    text-align: center;
    background: #004787;
    border: 2px solid #dee2e6;}
.project-media-inner a table tr td{padding: 0;    margin-bottom: 0px;
    text-align: center;
    color: white;
    padding: 8px;
    font-size: 17px;
    font-weight: 700;
    vertical-align: middle;
    height: 65px;
    letter-spacing: .5px;}
.project-info a{margin-top: 30px;}
.breadcum{margin-bottom: 5px;
    margin-top: 5px;}
.breadcum ul i{    font-weight: 600;}
.breadcum ul li:last-child{color:#007ce5;    text-decoration: underline;}
.breadcum ul li{font-size: 14px;letter-spacing: .5px;    color: #004787;
    font-weight: 600;    display: inline-block;
    margin-right: 5px;
    margin-left: 5px;}
.breadcum ul li a{    text-decoration: none !important;
    color: #004787;
    font-weight: 600;}
.project-info p small{font-size: 14px;margin-top: 5px;}
.fa-circle{font-size: 8px !important;margin-top: 7px !important;}
.ln .ct-language:hover ul{    box-shadow: 0 5px 10px rgba(0,0,0,.3);}
#menu .sub-menu li:nth-child(even){background:#f1f0f0;}
.cp p{    margin-bottom: 12px;
    color: #004787;}
.ln{float:right;}
			.ln .ct-language{font-size: 15px; border: 1px solid #000000;padding: 0px 10px 0px !important;letter-spacing: .3px;border-radius: 2px;color: black;    margin-left: 5px !important;cursor: pointer;padding: 1px 10px 1px !important;}
			.ln .ct-language i{background: none !important;color: black !important;font-size: 19px;margin-left: 5px;padding-top: 0px !important;width: 13px !important;}
			.ln ul li{padding:0px;}
			.ln ul li ul li{border-bottom:1px solid #eaeaea;padding: 4px 4px 4px !important;}
			.ln ul li ul{display:none;}
			.ln ul li ul::before{border-bottom: 9px solid #007ce5;content: ' ';width: 0;height: 0;left: 50px;right: 0;position: absolute;top: -9px;border-left: 10px solid transparent;border-right: 10px solid transparent;}
			.ln .ct-language:hover ul{display: block;position: absolute;z-index: 999;width: 132px;border-top: 3px solid #007ce5;background: #f8f8f8;padding: 0;margin: 0;padding-left: 0;right: 8px;top:34px;border-radius: 3px;}
			.ln ul li ul li a{border: none;padding:0px;}

.home-about{margin-top: 20px;}
.home-about h1{    margin-bottom: 5px;
    letter-spacing: .5px;
    font-weight: 700;
    font-size: 28px;}
.home-about p{margin-bottom: 10px;
    font-size: 15px;
    letter-spacing: .5px;}
.home-about .home-key{    margin-bottom: 10px;}
.home-about .home-key h6{font-weight: 700;
    letter-spacing: .5px;
    font-size: 18px;margin-bottom: 5px;
    color: #004787;}
.home-about .home-key ul li{    display: inline-block;
    margin-right: 15px;
    letter-spacing: .5px;}
/* 
.popup_button {
       position: fixed;
    right: -90px;
    top: 50%;
    background: #408b4a;
    border-radius: 10px 10px 0px 0px;
    padding: 10px 30px;
    color: #fff !important;
    font-weight: 600;
    font-family: "Open Sans", Arial, sans-serif;
    text-decoration: none !important;
    font-size: 21px;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
} */

    #top-bar .left p:nth-child(2) a{
        position: relative;
        top:-2px;
    }

    .marquee-text {
         background: #008723;
         padding: 3px;
         font-size: 15px;
         font-weight:bold;
         display: none;
    }


    .form_contact {
        background: #004787;
        height: 70px;
        width: 70px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        position: fixed;
        right: 30px;
        bottom: 20px;
        box-shadow: 1px 1px 10px 5px rgba(192, 192, 192, 0.53);
    }
    .form_contact img {
        width: 45px;
        height: 45px;
        object-fit: contain;
    }
    .small_circul {
        position: relative;
    }
    .small_circul::before {
        content: '';
        width: 10px;
        height: 10px;
        background-color: #008723;
        position: fixed;
        bottom: 98px;
        right: 60px;
        border-radius: 30px;
    }
    .contact_us_text{
            position: relative;
    }
    .contact_us_text::before {
        content: '';
        width: 20px;
        height: 20px;
        background-color: #008723;
        position: fixed;
        bottom: 110px;
        right: 70px;
        border-radius: 30px;
    }
    .contact_pos {
        background: #008723;
        width: 130px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px;
        position: fixed;
        right: 7px;
        bottom: 120px;
        border-radius: 5px;
        color: #fff;
        font-size: 13px;
        text-align: center;
        line-height: 20px;
        font-weight: 600;
        text-transform: capitalize;
    }
    .contact_us_text a {
        color: #fff;
        text-decoration: none;
        font-size: 13px;
    }
    .contact-us a{
        color: #fff !important;
        border: 1px solid #3e7ccc;
        border-radius: 30px;
        line-height: 1;
        padding-right: 5px !important;
        margin-right: 10px;
        background-color: #3e7ccc;
        margin-top: 2px;
    }
    .contact-us a:hover{
        color: #fff !important;
    }


    .wpcf7 .form-label{
        font-weight: 700;
    margin-bottom: 0.5rem;
    display: block;
    font-size: 13px;
    }
    .wpcf7 .form-control{
        height: 50px !important;
        border: 1px solid #E2E2E2;
        box-sizing: border-box;
        padding: 0 15px;
        color: #383838;
        font-size: 14px;
        font-weight: 500;
        
        border-radius: 8px;
      
        margin-bottom: 0;
        box-shadow: none !important;
    }
    
    @media (min-width: 320px) and (max-width: 767px) {
        #top-bar .left p:nth-child(2) a{
            position: relative;
            top:-1px;
        } 
.popup_button {
    right: -60px; 
    font-size: 16px;
}



    }
    @media screen and (min-width:767px){
	.home-about{    min-width:85%;
    max-width:85%;
    margin: 0 auto;}
    #top-bar .left p:nth-child(2) a{
        position: relative;
        top:-2px;
    }
    /* .banner-post-content .banner-text h1{
        font:900 14px/1.2em 'Open Sans', sans-serif;
    }
    .banner-post-content a{
        padding: 5px 14px;
        font-size:12px;
    }
    .banner-post-content{
        left:20px;
        top:30%;
    } */

}
    @media only screen and (min-width: 1024px) {
        #top-bar{
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        #top-bar .right{
            display: flex;
            align-items: center;
            justify-content: center;
            gap:20px
        }
       
      }
      @media (min-width: 320px) and (max-width: 480px) {
  
        .banner-post-content .banner-text h1{
        font:900 14px/1.2em 'Open Sans', sans-serif;
    }
    .banner-post-content a{
        padding: 5px 14px;
        font-size:12px;
    }
    .banner-post-content{
        left:20px;
        top:30%;
    }
        
      }