/*
Theme Name: Archi
Theme URI: http://demo.oceanthemes.net/archimate/
Author: OceanThemes
Author URI: http://oceanthemes.net/
Description: Archi specially made for Interior Design services, Dining Room, Exterior Design, Kitchen Design, Living Room Design, Master Bedroom Design, Residential Design, Furniture Design, Office Design, Commercial Design, Hospital Design, Cottage, Architecture, contractor, construction, building, Construction & Business etc… . Archi help you to build beauty and modern website in no time. Archi has beauty design and bunch of features to make your website stand out of crowd.
Version: 3.1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: archi

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*------------------------------------------------------------------
[Table of contents]
* body
* header
    * subheader
* navigation
* content
* section
* footer
* sidebar
* blog
* products
* contact
* coming soon page
* elements
    * address
    * border
    * breadcrumb
    * button
    * columns
    * counter
    * divider
    * dropcap
    * heading
    * icon font
    * map
    * package
    * page heading
    * pagination
    * pricing
    * progress bar
    * social icons
    * spacer
    * tabs
    * team
    * testimonial
* media query

-------------------------------------------------------------------*/


/* -------------------------------------------------- */
/* body */
/* ================================================== */
@import url('https://fonts.googleapis.com/css?family=Barlow:300,400,500,600,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,500,500i,700,900&display=swap');
/*------------------------------------------- 
 0.1 font-family: 'Barlow', sans-serif;
 font-family: 'Roboto', sans-serif;
--------------------------------------------*/



html{
    background:#000000 ;
}
body {
    font-family: "Open Sans",Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight:500;
    color: #ddd;
    line-height: 1.8em;
    padding: 0;
    background:#606060;    
}
#wrapper{
    overflow:hidden;
}
h1, h2, h3, h4, h5, h6, .de_count h3, .typing-wrap, .de_tab.tab_steps .de_nav li span, h3 b,
ul.countdown li span, ul.countdown li p, .teaser-text, .text-slider, .big-white, 
.ultra-big-white, .big-text h2, .de-navbar-left header .mainmenu > li {
    font-family:"Dosis", Arial, Helvetica, sans-serif;
}
h1.title strong, h1.title-3 strong{font-family:"Allura";}

/**** Start Reset CSS For WordPress ****/
.alignnone {max-width: 100%;height: auto;}
.wp-caption.alignnone img {max-width: 100%;height: auto;}
.align-center {
  width: 100%;
  text-align: center;
}
.align-right {text-align:right;}
.align-left {text-align: left;}
.fleft {float: left;}
.fright {float: right;}
a, a:hover, a:active, a:focus {
     outline: 0;
}
table,
th,
td {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin-bottom: 24px;
  width: 100%;
}

caption,
th,
td {
  font-weight: normal;
  text-align: left;
  padding: 10px 20px;
}

th {
  border-width: 0 1px 1px 0;
  font-weight: bold;
}

td {
  border-width: 0 1px 1px 0;
}
dl {
  margin-bottom: 24px;
}

dt {
  font-weight: bold;
}

dd {
  margin-bottom: 24px;
}
/* Alignment */

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

blockquote.alignleft,
figure.wp-caption.alignleft,
img.alignleft {
  margin: 7px 24px 7px 0;
}

.wp-caption.alignleft {
  margin: 7px 14px 7px 0;
  text-align: left;
}

blockquote.alignright,
figure.wp-caption.alignright,
img.alignright {
  margin: 7px 0 7px 24px;
}
blockquote cite, p cite {display: inline-block;margin: 10px 0px;font-style: italic;color: #101010;font-weight: bold;}
.wp-caption.alignright {
  margin: 7px 0 7px 14px;
  text-align: right;
}

blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {
  margin-top: 7px;
  margin-bottom: 7px;
}
.wp-caption {
  margin-bottom: 24px;
  max-width: 100%;
  color: #767676;
}
.gallery-caption {}
.bypostauthor{}
.wp-caption-text {
  -webkit-box-sizing: border-box;
  -moz-box-sizing:    border-box;
  box-sizing:         border-box;
  font-size: 12px;
  font-style: italic;
  line-height: 1.5;
  margin: 9px 0;
}

.box-fx .inner, .dark .box-fx .inner, .post-image, .arrow-up{border-bottom-color:#fcd409;}
div.wp-caption .wp-caption-text {
  padding-right: 10px;
}

div.wp-caption.alignright img[class*="wp-image-"],
div.wp-caption.alignright .wp-caption-text {
  padding-left: 10px;
  padding-right: 0;
}

.wp-smiley {
  border: 0;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
pre, code {
    background-color: #F9F9F9;
    border-color: rgba(180,180,180,1);
    border-style: solid;
    border-width: 0px 0px 0px 4px;
    display: block;    
    font-weight: 300;
    font-size: 14px;
    padding: 10px;
    margin-top:20px;
    margin-left:20px;
    margin-right:20px;
    overflow: auto;
}
.textwidget select {
  max-width: 100%;
}
.textwidget img {height: auto;}
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute ;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto ;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}
/**** End Reset CSS For WordPress ****/


/* ================================================== */
/*  header  */ 
/* ================================================== */
    header {
        width: 100%;
        height: 80px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        -webkit-transition: height 0.3s;
        -moz-transition: height 0.3s;
        -ms-transition: height 0.3s;
        -o-transition: height 0.3s;
        transition: height 0.3s;
        background:#18191b;
        border-bottom:solid 1px rgba(0,0,0,0.0);
    }
    
    header .info{        
        color:#fff;
        text-align:right;
        padding:10px 0 10px 0;
        width:100%;
        z-index:100;
        border-bottom:solid 1px rgba(255,255,255,.2);
    }    
    header .info ul.info-list {
        margin: 0;
        padding: 0;
        text-align: left;
    }   
    header .info ul.info-list li {
        display: inline-block;
        margin-right: 25px;
        font-size: 12px;
        letter-spacing: 1px;
    }
    header .info ul.info-list li i {
        color: #fab207;
        display: inline-block;
        float: none;
        font-size: 14px;
        margin-bottom: 0;
        margin-right: 8px;
    }
    header .info ul.info-list li span {
        font-weight: bold;
    }
    header .info ul.social-list {
        margin: 0;
        padding: 0;
        text-align: right;
    }
    header .info ul.social-list li {
        display: inline-block;
        margin-left: 15px;
    }
    header .info ul.social-list li i{
        color: #fff;
        display: inline-block;
        float: none;
        font-size: 14px;
        margin: 0px 0px 0px 0px;
        -o-transition:.5s;
        -ms-transition:.5s;
        -moz-transition:.5s;
        -webkit-transition:.5s;
        transition:.5s;
    }    

    header.header-light .info{
        color:#333;
    }
    header.header-light .info ul.social-list li i{
        color:#333;
    }
    header.transparent.header-light .info,
    header.transparent.header-light .info ul.social-list li i {
        color:#fff;
    }

  
    
    header.transparent{
        background:rgba(0,0,0,0.0);
    }

    header.autoshow{
        top:-80px;
    }
    
    header.autoshow.scrollOn, header.autoshow.scrollOff{
        -o-transition:.5s;
        -ms-transition:.5s;
        -moz-transition:.5s;
        -webkit-transition:.5s;
        transition:.5s;
        outline: none;  
    }
    
    .header-bg{background-color:transparent;}
    header.autoshow.scrollOn{
        top:0;
    }
    
    header.autoshow.scrollOff{
        top:-80px;
    }
    
    header div#logo {
        height: 80px;
        line-height: 80px;
        float: left;               
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; 
    }
    header div#logo a{display: inline-block;}
    header div#logo a img{
        max-width: 340px;
        max-height: 80px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; 
    }
    header.smaller div#logo a img{
        max-width: 250px;
        max-height: 70px;
    }
    header div#logo .logo-2{
        display:none;
    }
    header nav {
        float:right;
    }
    header nav a {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; 
    }
    header nav a:hover {
        color: #555; 
    }
    
    header.smaller #mainmenu li li a{
        padding: 2px 15px;
    }
    header.smaller:not(.header-bottom) #mainmenu ul{
        top:47px;
    }
	header.smaller:not(.header-bottom) #mainmenu ul ul{
        top:0px;
    }
    header.smaller:not(.header-bottom):not(.side-header) {
        height: 70px;
        background:#18191b;
        border-bottom: solid 1px #333;
    }
    ul li a span.caret{
        display: none;
    }
    .smaller div#logo {
        max-width: 300px;
        height:60px;
        line-height: 60px;
    }  
    header.fixed #mainmenu a{
        padding: 18px 20px 18px 10px ;    
    }
    header.fixed {
        height: 70px;
        background:rgba(255,255,255,0.90);
        border-bottom:solid 1px #ddd; 
    }
    header.fixed div#logo {
        width: 150px;
        height:30px;
        line-height: 65px;
        font-size: 30px;
    }
    header.fixed div#logo img{
        width:auto;
        height:30px;
        line-height: 75px;
        font-size: 30px;
    }
    header.fixed div#logo img.logo-1{
        display:none;
    }
    header.fixed div#logo img.logo-2{
        display:inline-block;
    }
    .center{
        text-align: center;
    }
    header.de_header_2{
        height:125px;   
    }
    
    header.de_header_2.smaller {
        height:70px;
    }
    
    header.de_header_2.smaller .info{
        position:absolute;
        opacity:0;
        z-index:-1;
    }
    header.header-light{
        background:#fff;
    }
    
    header.header-light.transparent{
        background:none;
    }
    
    header.smaller:not(.header-bottom).header-light{
        background:#fff;
        border-bottom-color:#eee;
    }
	.smaller.header-bottom div#logo, .header-bottom div#logo {
		height: 80px;
		line-height: 70px;
		max-height: 80px;
	}
	header.header-bottom #mainmenu > li > a {padding: 22px 0 23px 20px;line-height: 35px;}
    .logged-in.admin-bar header {top:32px;}

    /*header bottom*/



    /* subheader */
    #subheader{
        padding-bottom:50px;
        padding-top: 280px;
        background:#222;
    }
    .has-topbar #subheader{padding-top: 130px;}
    #subheader h1 {
        color:#eceff3;
        margin-top:80px;
        font-size:52px;
        font-weight: 400;
        text-align: left;
        text-transform:capitalize;
        position: relative;
        padding-bottom: 20px;
    }

    #subheader h1::before{content: ''; position: absolute; left: 0; bottom: 0; height: 3px; width: 60px; background-color: #fcd406;}
    #subheader span {
        letter-spacing:2px;
        display: inline-block;
        font-size: 15px;
        margin-top:88px;
        color:#fff;
    }
    #subheader .crumb{
        font-size:14px;
        padding-left: 0;
        margin-top: 20px;
        letter-spacing:0px;
        color:#fff;
    }

    .no-subpage {
        height:125px;
    }

    .no-subheader header{
        border-bottom: 1px solid #333;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    }
    .home.no-subheader header{
        border-bottom: 0px solid #333;
        box-shadow: 0 0 0px rgba(0, 0, 0, 0.1);
    }
    .moving-home {          
        background-attachment: scroll;
        background-repeat: repeat;  
        position: absolute;
        background-size:cover;
        top: 0; 
        left: 0; 
        bottom: 0;
        z-index: 1;
        width:100%; 
    }

/* ================================================== */
/* navigation */
/* ================================================== */
    #mainmenu {
        font-family:"Raleway", Arial, Helvetica, sans-serif;
        float: right;
        font-size:11px;
        font-weight:400;
        text-transform:uppercase;
        margin-bottom: 0px;
        padding: 0px;
        margin-top: 10px;
    }       
    #mainmenu ul {
        float: right;
        margin: 0px 0px;
        padding: 0px 0px;
        height: 30px;
    }    
    #mainmenu li {
        margin: 0px 0px;
        padding: 0px 0px;
        float: left;
        display: inline;
        list-style: none;
        position: relative;
    }        
    #mainmenu a {
        display: block;
        padding: 25px 0 20px 10px;
        line-height: 35px;
        text-decoration: none;
        color:#fff;
        text-align:center !important;
        outline:none;
    }
    header.smaller:not(.header-bottom) #mainmenu > li > a{
        padding-top: 18px;
        padding-bottom: 17px;
    }
    #mainmenu ul li a b{
        font-weight: normal;
    }  
    h1 b{
        font-weight: normal;
    }  
    #mainmenu li a:after {position:relative; font-family:"FontAwesome"; content:"\f111"; font-size:6px; margin-left:20px; margin-top:0px; color:#FAB702;float:right;}
    #mainmenu li:last-child a:after{display:none;}
    #mainmenu.no-separator li a:after{
        content:"";
        font-size:0px;
    }   
    #mainmenu.line-separator li a:after{
        content:"/";
        font-size:14px;
    }   
    #mainmenu.circle-separator li a:after{
        content:"\f10c";
        font-size:9px;
    }   
    #mainmenu.strip-separator li a:after{
        content:"\f068";
        font-size:9px;
    }   
    #mainmenu.plus-separator li a:after{
        content:"\f067";
        font-size:11px;
    }   
    #mainmenu.square-separator li a:after{
        content:"\f096";
        font-size:11px;
    }       
    #mainmenu li li {
        font-size: 10px;
        font-weight: normal; 
        border-bottom: solid 1px #333;
    }
    #mainmenu li li:last-child {
        border-bottom: none;
    }
    #mainmenu li li a {
        padding: 2px 15px 2px 15px;
        background: #222327;
        border-top: none;
        color: #ccc;
        width:220px;
        border-left:none;
        text-align:left;
    	line-height:35px;
    }
    #mainmenu li li a:hover{
		color:#111;
    }
    #mainmenu li li a:after {
        content:none ;
    }
    #mainmenu li li li a {
        padding: 2px 15px 2px 15px;
        background: #222327;
    }
    #mainmenu li li a:hover {
        color:#111;
        background-color: #fcd406 !important;
    }
    #mainmenu li ul {
        width: 220px;
        height: auto;
        position: absolute;
        top:50px;
        left: 0px;
        z-index: 10;
        display: none;
    }
    #mainmenu li li {
        display: block;
        float: none;
    }
    #mainmenu li:hover > ul {
        display: block;
    }
    #mainmenu li ul ul {
        left: 100%;
        top: 0px;
    }
    #mainmenu li:hover > ul {
        color: #1a8b49;
    }
    #mainmenu select {
        padding: 10px;
        height: 36px;
        font-size: 14px;
        border: none;
        background: #ff4200;
        color:#eceff3;
    }    
    #mainmenu select option {
        padding: 10px;
    }
    .dropdown-menu > li > a {white-space: normal;}
    header.header-light #mainmenu > li > a,
    header.transparent.smaller.header-light #mainmenu > li > a{
        color:#333;
    }

    /* menu toggle for mobile */
    #menu-btn{
        display:none;
        float:right;
        margin-top:8px;
        width:36px;
        height:36px;
        background:#333;
        padding:6px;
        text-align:center;
        cursor:pointer;
        transition: all 0.5s;
    }    
    #menu-btn:before{
        font-family:FontAwesome;
        content: "\f0c9";
        font-size:24px;
        color:#eceff3;
        transition: all 0.5s;
    }    
    #menu-btn:hover{
        background:#fff;
    }
    
    #menu-btn:hover:before{
        color:#222;
    }

    /* ================================================== */
    /* content */
    /* ================================================== */
    #content {
        width:100%;
        background-color:#f1f3f6;
        padding:90px 0 90px 0;
        z-index:100;
    }        

    /* ================================================== */
    /* section */
    /* ================================================== */    
    section{background:#18191b;}    
    .mfp-content section {background-color: transparent;}
    .section-fixed {
        position:fixed;
        width:100%;
        min-height:100%;
        height:auto;
    }
    .no-bg-fixed {
        background-attachment: scroll;
        background-position: center;
    }
    /* ================================================== */
    /* footer */
    /* ================================================== */
    footer {
        background: #111;
        color: #ccc;
        padding: 80px 0 0 0;
    }
    
    footer h3 {
        color:#fff;
        font-size: 20px;
    }
    
    footer a {
        color: #ccc;
    }
    
    footer a:visited {
        color: #ccc;
    }
    
    footer a:hover {
        color:#eceff3;
    }

    .subfooter{
        background:#0b0b0b;
        padding:30px 0 20px 0;
    }

    /* ================================================== */
    /* blog */
    /* ================================================== */
    .blog-list {
        margin: 0;
        padding: 0;
    }
    /* blog list */
    .blog-list li {
        list-style: none;
        line-height: 1.7em;
        margin-bottom: 60px;
        margin-top:0;
        padding-bottom: 15px;
        border-bottom: solid 1px rgba(255,255,255,.1);
    }    
    .blog-list  li.single {
        list-style: none;
        line-height: 1.7em;
        margin-bottom: 0px;
        margin-top:10px;
        padding-bottom: 0;
        border-bottom: 0;
    }
    .blog-list h3{
        margin-top:20px;
    }   
    .blog-list h3 a{
        color:#fff;
    }
    
    .blog-list .btn-more{
        padding:3px 25px 3px 25px;
        color:#111;
        text-transform:uppercase;
        text-decoration:none;
        font-weight:700;
        float:right;
    }
    .blog-list .btn-more:hover{
        background:#fff;
    }
    
    .blog-list .post-text{
        padding-left:80px;
    }
    .post-image iframe{
        margin-bottom: -6px;
    }
    .post-image{
        border-bottom:solid 4px;
    }
    .blog-list .blog-slider{
        margin-bottom:-60px;
    }
    .blog-list .date-box {
        width: 60px;
        position: absolute;
        text-align: center;
        text-shadow:none;
    }
    .blog-list .date-box .day, .blog-list .date-box .month {
        display: block;
        color:#fff;
        text-align:center;
        width:60px;
        z-index:100;
    }
    iframe{
        border:0;
        width: 100%;
    }
        
    .blog-list .date-box .month {
    font-size:14px;
    }
    
    .blog-list .date-box .day{
        color:#111;
        font-weight:600;
        font-size: 32px;
        padding-top:45px;
        padding-bottom:10px;
        background-color: #fcd409 !important;
    }
    
    .blog-list .date-box .month {
        color:#fff;
        font-weight:600;
        letter-spacing:16px;
        padding:7px 0 7px 0;
        border-bottom:solid 4px #333;
        text-transform: uppercase;
    }
    
    .blog-snippet li{
        border-bottom:none ;
        margin-bottom:0;
    }
    .owl-carousel {padding: 0px;}
	.owl-carousel li {list-style: none;}
    #blog-carousel .item{
        width:100%;
    }
    
    /* blog comment */
    #blog-comment {
        margin-top: 40px;
        margin-left: 80px;
    }
    
    #blog-comment h5 {
        margin-bottom: 10px;
    }
    
    #blog-comment ul, #blog-comment li {
        list-style: none;
        margin-left: -30px;
        padding-left: 0;
    }
    
    #blog-comment li {
        min-height: 70px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        padding-bottom: 20px;
        border-bottom: solid 1px #eee;
    }
    
    #blog-comment li .avatar {
        position: absolute;
        margin-top: 5px;
    }
    
    #blog-comment .comment {
        margin-left: 85px;
    }
    
    #blog-comment li {
        min-height: 70px;
        font-size: 14px;
        line-height: 1.6em;
    }
    
    #blog-comment li li {
        margin-left: 55px;
        padding-bottom: 0px;
        margin-top: 20px;
        padding-top: 10px;
        border-top: solid 1px #eee;
        border-bottom: none;
    }
    
    #blog-comment li li .avatar {
        position: absolute;
    }
    .comment-info {
        margin-left: 85px;
        margin-bottom: 5px;
    }
    
    .comment-info .c_name {
        display: block;
        font-weight: 700;
        color: #555555;
    }
    
    .comment-info .c_reply {
        padding-left: 20px;
        margin-left: 20px;
        border-left: solid 1px #ddd;
        font-size: 12px;
    }
    
    .comment-info .c_date {
        font-size: 12px;
    }
    
    .blog-read h3 {
        color: #333;
        letter-spacing:normal;
        font-size:24px;
        text-transform:none;
    }
    .blog-list h4{color: #000;}

    .blog-list h3{
        color: #000;
        text-transform: none;
        letter-spacing: 0;
        font-size: 24px;
    }

    #sidebar *{color: #000 !important;}
    #content .col-md-8 *{color: #000;}
    /* blog comment form */
    #commentform label {
    display: block;
    }
    #commentform input {
    width: 290px;
    }
    #commentform input:focus {
    border: solid 1px #999;
    background: #fff;
    }
    #commentform textarea {
    width: 97%;
    padding: 5px;
    height: 150px;
    color:#333;
    }
    #commentform textarea:focus {
    border: solid 1px #999;
    background: #fff;
    }
    #commentform input.btn {
    width: auto;
    }
    
    .post-meta {
    margin: 0px 0 10px 0px;
    border: solid 1px #eee;
    border-left:none;
    font-size:11px;
    display:table;
    width:100%;
    table-layout: fixed;
    }
    .post-meta a{
    color:#888 ;
    }
    .post-meta span {
        display:table-cell;
        padding:10px 0 10px 0;
        text-align:center;
        border-left:solid 1px #eee;
    }
    .post-meta span i {
    float: none;
    }
    .post-image img {
    width:100%;
    margin-bottom: 0px;
    }
    .post-image .owl-controls{
        position: absolute;
        bottom: 0;
        left:50%;
    }
    .post-meta{
    border-color:#222;
    }
    .post-meta span{
    border-color:#222;
    }
    .post-info {
      margin: 40px 0 10px 80px;
      padding-bottom: 10px;
      border-bottom: solid 1px #ddd;
    }

        .post-info > span {
            margin-right: 15px;
        }

            .post-info span i {
                float: none;
            }
    
    .post-info a:hover{
        color:#fff;
    }

    .single-comment {
      list-style: none;
      padding-left: 0;
    }
    .single-comment .children{
        list-style: none;
        margin-top: 25px;
        margin-left:60px;
    }
    .single-comment li {
      min-height: 70px;
      
      margin-bottom: 10px;
      padding-bottom: 20px;
      border-bottom: solid 1px #ddd;
    }
    .avatar {
      float: left;
    }
    .comment-content {
      margin-left: 87px;
    }
    .post-content-comment .date {
      font-size: 12px;
      margin-left: 87px;
    }
    .comment-content h6 {
      font-weight: 700;
      color: #fff;
      font-size: 17px;
    }
    .date .c_reply a {
      padding-left: 20px;
      margin-left: 20px;
      border-left: solid 1px #ddd;
      font-size: 12px;
      display: inline-block;
      line-height: 12px;
    }
    .comments-box h4, .comment-respond h4, .comment-respond h3 {
      font-size: 17.5px;
      margin-bottom: 30px;
      text-transform: uppercase;
      letter-spacing: .5px;
      font-weight: 600;
    }
    .comment-form input[type='text'],.comment-form input[type='email'] {
      width: 100%;      
      border: 1px solid #E4DBDB;      
      padding: 5px;
      background-color: transparent;
      font-weight: 400;
      border-radius: 4px;
      font-size: 14px;
      box-shadow: none;
    }
    .comment-form textarea {
      width: 100%;
      height: 180px;
      border: 1px solid #E4DBDB;
      margin-bottom: 20px;
      padding: 5px;
      background-color: transparent;
      font-weight: 400;
      border-radius: 4px;
      font-size: 14px;
      box-shadow: none;
    }
    .form-submit #submit {
      padding: 6px 12px;
      transition: all 0.5s;
      color: #ffffff;
      border-radius: 4px;
      border: none;
      width: auto;
      margin-right: 15px;
    }
    .form-submit #submit:hover {
      background-color: #bbb;
    }
    .blog-slide{
    padding:0;
    margin:0;
    }


    
/* ================================================== */
/* contact form */
/* ================================================== */
    .error {
    padding:20px;
    border:none;
    display: none;
    color: #d9534f;
    border:solid 1px #d9534f;
    font-size: 12px;
    }
    .success {
    padding:20px;
    display: none;
    color: #5cb85c;
    border:solid 1px #5cb85c;
    margin-bottom: 20px;
    }
    .error img {
    vertical-align: top;
    }
    .full {
    width: 98%;
    }

    .wpcf7{
    margin-top:20px;
    }
    
    .wpcf7 input[type=text],.wpcf7 input[type=email],.wpcf7 input[type=tel],.wpcf7 textarea,.wpcf7 input[type=email],#search, .wpcf7-form-control-wrap select, .wpcf7-form-control-wrap textarea{
        padding:10px;
        margin-bottom:20px;
        color:#fff;
        border:solid 1px #edaf1e;
        background:#18191b;
        border-radius:0 ;
        height:auto;
        width:100%;
    }

    .wpcf7 input[placeholder],.wpcf7 textarea[placeholder]{
    color:#eee;
    }
    .wpcf7 input[type=submit]{
    background:none;
    }
    
    .wpcf7 input[type=submit]:hover{
    color:#fff ;
    background:#111;
    border-color:#111;
    }
    
    .wpcf7 textarea{
    height:165px;
    }
    span.wpcf7-not-valid-tip{
    margin-top: -15px;
    margin-bottom: 15px;
    color: #f00;
    font-size: 0.87em;
    display: block;
    }
    .wpcf7-not-valid-tip{
        display: none;
    }
    .wpcf7-form-control.wpcf7-text.wpcf7-not-valid{
        border-color: #D31E2B ;
    }
    .wpcf7-form-control.wpcf7-textarea.wpcf7-not-valid{
        border-color: #D31E2B ;
    }
    .error_input{
    border-color:#D31E2B ;
    }
    #search{line-height: 32px;}

/* ================================================== */
/* coming soon page */
/* ================================================== */
    
    .coming-soon .logo{
        margin:0;
        padding:0;
    }
    
    .coming-soon h2{
        margin-top:0;
        color:rgba(255,255,255,.8);
        font-weight:400;
    }
    
    .coming-soon  .social-icons i{
        font-size:20px;
        margin-left:10px;
        margin-right:10px;
    }
    
    .coming-soon .social-icons i:hover{
        background:none;
        color:rgba(255,255,255,.2) ;
    }
    
    
    .arrow-up, .arrow-down {
        width: 0; 
        height: 0; 
        border-left: 40px solid transparent;
        border-right: 40px solid transparent;
        border-bottom: 40px solid #fff;
        position:fixed;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
        bottom:0;
        cursor:pointer;
        z-index:101;
    }
    
    .arrow-down {
        border-top: 40px solid #fff;
        border-bottom:none;
        position:fixed;
        z-index:102;
        top:-40px;
    }
    
    .arrow-up:before{
        font-family:"FontAwesome";
        font-size:20px;
        content:"\f067";
        color:#222;
        position:relative;
        top:12px;
        margin:0 0 0 -8px ;
    }
    
    .arrow-down:before{
        font-family:"FontAwesome";
        font-size:20px;
        content:"\f068";
        color:#222;
        position:relative;
        top:-35px;
        margin:0 0 0 -8px ;
    }
    

/* ================================================== */
/* elements */
/* ================================================== */
    
    /* address */
    /* ------------------------------ */
    address{
        margin:0;
        margin-top:20px;
    }
    address div {
        display: block;
      
        padding-bottom:5px;
        margin-bottom:5px;
        font-weight:300;
    }
    
    address span {
        display: block;
       
        padding-bottom:5px;
        margin-bottom:5px;
        font-weight:300;
    }
    
    address div strong {
        display: inline-block;
    }

    address div{
        border-bottom-color:#222;
    }
    address span{
        border-bottom-color:#222;
    }
    
    address div i{
        margin-top:5px;
        margin-right:20px;
        float:none;
    }
    address span i{
        margin-top:5px;
        margin-right:20px;
        float:none;
    }
    
    address div strong {
        display: inline-block;
    }
    address span strong {
        display: inline-block;
        color:#fcd406 !important;
    }
    
    address div a{
        color:#eceff3;
    }
    address span a{
        color:#eceff3;
    }
    
 
    /* breadcrumb */
    /* ------------------------------ */
    .crumb {
        color:#777;
        font-size: 12px;
    }
    
    .crumb li {
        display: inline;
        text-decoration: none;
        padding: 0 2px 0 2px;
    }
    
    .crumb a{
        text-decoration:none;
    }
    
    /* button */
    /* ------------------------------ */
    .btn-line, a.btn-line{
		border:solid 1px #222;
		color:#fff;
		font-weight:500;
		font-size:12px;
		border-radius:0;
		-moz-border-radius:0;
		-webkit-border-radius:0;
		padding:3px;
		padding-left:30px;
		padding-right:30px;
		text-transform:uppercase;
		display:inline-block;
		text-align:center;
		letter-spacing:2px;
		text-decoration:none;
    }   
    
    .btn-line, a.btn-line, .added_to_cart{
		border:solid 1px rgba(255,255,255,.2) ;
		color:#fff;
    }
    
    .btn-line:hover, a.btn-line:hover, .added_to_cart:hover{
		background:#fff;
		color:#111 ;
		border-color:#fff;
    }
    
    .btn-line:after,  a.btn-line:after{
		color:#fff;
    }
    
    .btn-line:hover:after, a.btn-line:hover:after, a.btn-line.hover:after{
		color:#fff;
    }
    
    .btn-line:hover:after, a.btn-line:hover:after, a.btn-line.hover:after, .added_to_cart:hover:after{
		color:#111 ;
    }
    
    a.btn-text{
		text-decoration:none;
		display:inline-block;
		color:#111 ;
		font-weight:600;
		padding:0;
    }
    
    a.btn-text:after{
		font-family:FontAwesome;
		content: "\f054";
		padding-left:10px;
    }
    
    a.btn-text{
		color:#fff ;
    }
    
    .btn-big{
		font-size:14px;
		color:#eceff3;
		letter-spacing:1px;
		line-height:normal;
		font-weight:bold;
		text-transform:uppercase;
		border:solid 1px #fff;
		padding:10px 30px 10px 30px;
    }
    a.btn-big:after{
		font-family:FontAwesome;
		content: "\f054";
		margin-left:20px;
    }    
    .btn-line, a.btn-line{
		color:#eceff3;
    }    
    .btn-line:after, a.btn-line:after {
		font-family:FontAwesome;
		content: "\f054";
		margin-left:10px;
    }    
    a.btn-line-black{
		border:solid 1px #111;
		color:#111;
		border-radius:0;
		-moz-border-radius:0;
		-webkit-border-radius:0;
		font-weight:normal;
    }    
    a.btn-line-black:hover{
		background:#111;
		color:#fff;
    }        
    .btn-fullwidth{
		width:100%;
    }    
    a.btn-slider{
		font-size:13px;
		font-weight:bold;
		color:#fff;
		letter-spacing:3px;
		line-height:normal;
		text-decoration:none;
		text-transform:uppercase;
		border:solid 2px #fff;
		padding:10px 30px 10px 30px;
    }
    a.btn-slider:hover{
		color:#222;
		background:#fff;
		border-color:#000;
		border:solid 2px #fff;
    }
    a.btn-slider:hover:after{
		color:#222 ;
    }
    
    a.btn-custom {
        font-size: 13px;
        color: #222;
        letter-spacing: 3px;
        line-height: normal;
        text-decoration: none;
        text-transform: uppercase;
        padding: 7px 25px 7px 25px;
        background: #fff;
        display: inline-block;
    }
    /* columns */
    /* ------------------------------ */

    
    /* counter */
    /* ------------------------------ */
    .de_count{
		text-align:center;
		padding:30px 0 30px 0;
		background:none;
    }
    .de_count h3{		
		font-size:40px;
		font-weight:600;
    }
    .de_count span{
		text-transform:uppercase;
    }
    .de_count i{
        display:block;
        font-size:60px;
        margin:0 auto;
        margin-bottom:20px;
        width:100%;
        font-weight:lighter ;
    }
        
    /* divider */
    /* ------------------------------ */
    .spacer-single{
		width:100%;
		height:30px;
		display:block;
		clear:both;
    }
    .spacer-single-10{
		width:100%;
		height:10px;
		display:block;
		clear:both;
    }
    

    .spacer-half{
		width:100%;
		height:15px;
		display:block;
		clear:both;
    }
    
    hr {
		display: block;
		clear: both;
		border-top: solid 1px #ddd;
		margin: 40px 0 40px 0;
    }

    .double-divider {
        border-top: 1px solid rgb(223, 229, 232);
        margin-top: 40px;
        display: block;
        margin-bottom: 45px;
    }


    
    /* dropcap */
    /* ------------------------------ */
    .dropcap {
		display: inline-block;
		font-size: 48px;
		float: left;
		margin: 10px 15px 15px 0;
		color:#eceff3;
		padding: 20px 10px 20px 10px;
    }
    
    /* heading */
    /* ------------------------------ */
    h1, h2, h3, h4, h5, h6 {
		color: #000;
		font-weight:400;
    }
    
    h1 {
		font-size:32px;
		margin:0;
		text-align:center;
		letter-spacing:2px;
		text-transform:uppercase;
		font-weight:300;
    }
    
    h1 .small-border{
        margin-top:30px;
    }
    h2 {
		font-weight:500;
		margin-bottom:30px;
		line-height:1.2em;
    }
    h2 .small-border{
		margin-left:0;
		margin-bottom:15px;
		width:40px;
    }    
    h3 {
		margin-top: 0;
		font-size:18px;
		letter-spacing:0px;
		text-transform:uppercase;
    }
    h1.slogan_big {
		font-weight: 300;
		font-size: 64px;
		line-height: 64px;
		letter-spacing: -2px;
		padding: 0;
		margin: 0px 0 30px 0;
    }
    h1.title{
		/*font-size:64px;*/
		font-size:50px;
		letter-spacing:2px;
		color:#fff;
    }
    h1.title strong{		
		text-transform:none;
		letter-spacing:0;
		font-weight:normal;
    }
    h1.title-2{
        letter-spacing:20px;
        text-transform:uppercase;
        line-height:50px;
    }
    h1.title-3{
        font-size:72px;
    }
    h1.title-3 strong{
        text-transform:none;
        letter-spacing:0;
        font-weight:normal;
    }
    h2.subtitle{
        margin-top:0;
    }
    h2.style-2{
        font-size:12px;
        font-weight:bold;
        text-transform:uppercase;
        letter-spacing:10px;
    }    
    h2.hero {
        font-size: 32px;
        font-weight: 400;
        letter-spacing: 32px;
        text-transform: uppercase;        
    }
    h3.title {
		border-bottom: solid 1px #ddd;
		margin-bottom: 20px;
    }
    h4.title {
		border-bottom: solid 1px #ddd;
		padding-bottom: 10px;
		margin-bottom: 20px;
    }
    h5 {
		font-weight: bold;
    }
    h1,
    h2,
    h3,
    h4,
    h5{
		color:#eceff3;
    }
    .typing-wrap{
        font-size:30px;
        margin:0;
        line-height:60px;
    }
    span.teaser{
        
        font-size:18px;
    }
    .text-dark, .text-dark h1, .text-dark h2, .text-dark h3 {
        color: #222;
    }
    .text-light{
		color:#ddd;
    }
    
    .text-light h1{
		color:#fff ;            
    }
    .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5 {
        color: #fff;
    }
    .no-relative .vc_column_container {position: static;}
    
    /* feature box style 1 */
    .feature-box i {
		border:solid 1px;
    }
    
    .feature-box-small-icon {
		margin-bottom: 30px;
    }
    
    .feature-box-small-icon.center{
		text-align:center;
    }
    
    .feature-box-small-icon .inner:hover > i {
		color:#fff;
    }
    
    .feature-box-small-icon .text {
		padding-left: 70px;
    }
    
    .feature-box-small-icon.center .text{
		padding-left:0;
		display:block;
    }
    
    .feature-box-small-icon i {
		text-shadow:none;
		color: #333;
		font-size: 32px;
		width: 68px;
		height: 68px;
		text-align: center;
		position: absolute;
		border-radius:60px;
    }
    
    .feature-box-small-icon i.hover {
		color:#333 ;
    }
    
    .feature-box-small-icon i.hover {
		color:#fff ;
    }
    
    .feature-box-small-icon .border{
		height:2px;
		width:30px;
		background:#ccc;
		display:block;
		margin-top:20px;
		margin-left:85px;
    }
    
    
    .feature-box-small-icon .btn{
    margin-top:10px;
    }
    
    .feature-box-small-icon.center i{
		position:inherit;
		float:none;
		display:inline-block;
		margin-bottom:20px;
		border:none;
		font-size:60px;
		background:none;
		padding:0px;
    }
    
    .feature-box-small-icon.center .fs1{
    position:inherit;
    float:none;
    display:inline-block;
    margin-bottom:20px;
    border:none;
    font-size:60px;
    background:none;
    padding:0px;
    }
    

    .feature-box-small-icon i{
    background-color: #333333;
    }
    
    .feature-box-small-icon h3 {
    line-height: normal;
    margin-bottom: 5px;
    }
    
    .feature-box-small-icon.no-bg h2 {
    padding-top:12px;
    }
    
    .feature-box-small-icon.no-bg .inner, .feature-box-small-icon.no-bg .inner:hover{
		padding:0;
		background:none;
    }
    
    .f-hover{
		-o-transition:.5s;
		-ms-transition:.5s;
		-moz-transition:.5s;
		-webkit-transition:.5s;
		transition:.5s;
		 outline: none;
    }
    
    /* feature-box style 2 */
    .feature-box i {
		border:solid 1px;
    }
    
    .feature-box-small-icon-2 {
		margin-bottom: 30px;
    }
    
    .feature-box-small-icon-2 .text {
		padding-left: 48px;
    }
    
    .feature-box-small-icon-2 i {
		text-shadow:none;
		color:#eceff3;
		font-size: 24px;
		text-align: center;
		position: absolute;
    }
    
    .feature-box-small-icon-2 i{
		background-color: #333333;
    }
    
    .feature-box-small-icon-2 h3 {
		line-height: normal;
		margin-bottom: 5px;
    }
    
    .feature-box-small-icon-2.no-bg h2 {
		padding-top:12px;
    }
    
    .feature-box-small-icon-2.no-bg .inner, .feature-box-small-icon-2.no-bg .inner:hover{
		padding:0;
		background:none;
    }
    
    
    /* feature-box image style 3 */
    .feature-box i {
		border:solid 1px;
    }
    .feature-box-image-2 {
		margin-bottom: 30px;
    }
    .feature-box-image-2 .text {
		padding-left: 100px;
    }
    .feature-box-image-2 img {
		position: absolute;
    }
    .feature-box-image-2 i{
		background-color: #333333;
    }
    .feature-box-image-2 h3 {
		line-height: normal;
		margin-bottom: 5px;
    }
    .feature-box-image-2.no-bg h2 {
		padding-top:12px;
    }
    .feature-box-image-2.no-bg .inner, .feature-box-image-2.no-bg .inner:hover{
		padding:0;
		background:none;
    }
    
    /* with image */
    .feature-box-image img{
		width:100%;
		margin-bottom:10px;
		height:auto;
    }
    .feature-box-image h3 {
		line-height: normal;
		margin-bottom: 5px;
		font-size:20px;
		font-weight:bold;
    }
    
    /* feature-box image style 4 */
    .feature-box-big-icon{
		text-align:center;
    }
    
    .feature-box-big-icon i {
		float:none;
		display:inline-block;
		text-shadow:none;
		color:#eceff3;
		font-size: 40px;
		padding: 40px;
		width: 120px;
		height: 120px;
		text-align: center;
		border:none;
		border-radius:10px;
		-moz-border-radius:10px;
		-web-kit-border-radius:10px;
		background:#333;
		margin-bottom:40px;		
		cursor:default;    
    }
    .feature-box-big-icon i:after {
		content: "";
		position:absolute;
		margin:75px 0 0 -40px;
		border-width: 20px 20px 0 20px; /*size of the triangle*/
		border-style: solid;
    }
    
    .feature-box-big-icon:hover i,
    .feature-box-big-icon:hover i:after{
		-o-transition:.5s;
		-ms-transition:.5s;
		-moz-transition:.5s;
		 -webkit-transition:.5s;
		 transition:.5s;
    }
    .feature-box-big-icon:hover i{
		background:#333;
    }
    .feature-box-big-icon:hover i:after{
		border-color:#333 transparent;
    }
    
    
    .box-fx .inner{
		position:relative;
		overflow:hidden;
		border-bottom:solid 2px;
    }
    
    .box-fx .inner{
		border-bottom:solid 2px;
    }
    
    .box-fx .front{
		padding:60px 0 60px 0;
    }
    
    .box-fx .front span{
		font-size:14px;
    }
    
    .box-fx .info{
		position:absolute;
		padding:60px 30px 60px 30px;
		background:#fff;
		color:#fff;
    }
    
    .box-fx i{
		font-size:72px ;
		margin-bottom:20px;
    }
    
    .box-fx .btn-line, .box-fx .btn-line a.btn-line{
		border:solid 1px rgba(255,255,255,0.5);
		color:#fff ;
    }
    
    .box-fx .btn-line:hover, .box-fx a.btn-line:hover{
		background:#fff;
		color:#111 ;
		border-color:#fff;
    }
    
    .box-fx .btn-line:after, .box-fx a.btn-line:after{
		color:#fff ;
    }
    
    .box-fx .btn-line:hover:after, .box-fx a.btn-line:hover:after, .box-fx a.btn-line.hover:after{
		color:#111 ;
    }
    
    .box-fx .bg-icon{
        left:50%;
        bottom:50px;
        color:#f5f5f5 ;
        position:absolute ;
        font-size:190px ;
        z-index:-1;
    }
    
    .box-icon-simple.right{
        margin-right:70px;
        text-align:right;   
    }
    
    .box-icon-simple.right i{
        font-size:42px;
        right:0;
        position:absolute;
        float: none;
        margin: 0px;
    }
    
    .box-icon-simple.left{
        margin-left:70px;
    }
    
    .box-icon-simple.left i{
        font-size:42px;
        left:0;
        position:absolute;
        float: none;
        margin: 0px;
    }
    
    .box-number .number{
        display:block;
        font-size:48px;
        color:#222;
        width:80px;
        height:80px;
        text-align:center;
        padding:25px;
        border-radius:60px;
        position:absolute;
    }
    .box-number.square .number {
        border-radius: 0;
    }
    .box-number .text{
        margin-left:100px;
    }

    .box-icon .icon{
        display:block;
        font-size:48px;
        color:#222;
        text-align:center;
        border-radius:60px;
        position:absolute;
        cursor:default;
    }
    
    .box-icon .text{
        margin-left:80px;
    }

    /* list */
    .ul-style-2{
        padding:0;
        list-style:none;
    }
    
    .ul-style-2 li{
        margin:5px 0 5px 0;
    }
    
    .ul-style-2 li:before{
        font-family:"FontAwesome";
        content:"\f00c";
        margin-right:15px;
    }
    
    /* pagination */
    /* ======================================== */    
    .page-numbers {display: inline-block;list-style: none;}
    .page-numbers li {display: inline-block;float: left;}
    .pagination li a:hover{
        color:#fff;
        background:none; 
        border-color: #fff;   
    }
    .page-numbers li a.next, .page-numbers li a.prev {padding: 17.5px 20px;}    
    .pagination li a i{
        margin-left: 0;
        margin-right: 0;
    }
    .pagination li a{
        color:#888;
        border:solid 1px #404040;
        background:none;
        margin:3px;
        padding:15px 20px 15px 20px;            
        -moz-border-radius:0;
        -webkit-border-radius:0;
    }
    .pagination li span{
        color:#fff;
        border:solid 1px #404040;
        background:none;
        margin:3px;
        padding:15px 20px 15px 20px;    
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        -moz-border-radius:0;
        -webkit-border-radius:0;
    }
    

/*----------------------
  .1  Sticky Form  
------------------------*/

     .sidebar-contact{ position:fixed;bottom:0; right:-300px; width:300px; height:auto; padding:15px 25px; background:#fff;
      box-shadow: 0 20px 50px rgba(0,0,0,.2); box-sizing:border-box; transition:0.5s; z-index:20; }
     .sidebar-contact.active{right:0;}
     .sidebar-contact .wpcf7-form-control-wrap{display:block; width:100%; margin-bottom:10px;}
     .sidebar-contact p{margin:0px;}
     .sidebar-contact br{display:none;}
     .sidebar-contact .wpcf7-form-control-wrap input, .sidebar-contact .wpcf7-form-control-wrap select,
     .sidebar-contact .wpcf7-form-control-wrap textarea{ width:100%; padding:5px 10px !important; margin-bottom:0px !important;
     box-sizing:border-box; border:1px solid #ddd !important;outline:none; color:#757070; background-color:transparent !important;}
    .sidebar-contact .wpcf7-form-control-wrap select{margin-bottom:0px !important; }
     .sidebar-contact h2{ margin:0px;padding-bottom:10px; font-size:30px; font-weight:500; color:#000; text-align:center;}
     .sidebar-contact .wpcf7-form-control-wrap textarea{height:80px !important; resize:none;}
     .sidebar-contact input[type="submit"]{ background-color:#fab207 !important;color:#fff;cursor:pointer; border:none; font-size:16px; height:auto;  padding:6px 12px;
    margin:0px; width:auto; display:block; margin:auto;}
     .sidebar-contact .toggle{ position:absolute;height:40px;width:40px;text-align:center;cursor:pointer;background:#FAB207;top:0;left:-40px; line-height:40px;}
     .sidebar-contact .toggle:before{content:'\f003';font-family:fontAwesome;font-size:23px;color:#fff;}
     .sidebar-contact .toggle.active:before{content:'\f00d';}

     .sidebar-contact div.wpcf7 .ajax-loader{position: absolute; left: 30px; margin-top: -30px;}
     .sidebar-contact span.wpcf7-not-valid-tip{margin:0px; display: block;}
     .sidebar-contact div.wpcf7-validation-errors{margin:0px; margin-top:6px; font-size:14px;}


     /* -------------------------------------------------- */
	/* pricing table */
	/* -------------------------------------------------- */
	.pricing-2-col {
		border-right: solid 1px #eee;
	}

		.pricing-2-col .pricing-box {
			width: 50%;
		}

	.pricing-3-col {
		border-right: solid 1px #eee;
	}

		.pricing-3-col .pricing-box {
			width: 33.33%;
		}

	.pricing-4-col {
		border-right: solid 1px #eee;
	}

		.pricing-4-col .pricing-box {
			width: 25%;
		}

	.pricing-5-col {
		border-right: solid 1px #eee;
	}

		.pricing-5-col .pricing-box {
			width: 20%;
		}

		.pricing-2-col.pricing-dark,
		.pricing-3-col.pricing-dark,
		.pricing-4-col.pricing-dark,
		.pricing-5-col.pricing-dark {
			border-right: solid 1px #404040;
		}


	.pricing-box {
		float: left;
		text-align: center;
		margin: 0;
		padding: 0;
	}
	.pricing-box:last-child{
		border-right: 1px solid #F5F5F5;
	}

		.pricing-box ul {
			margin: 0;
			padding: 0;
			border-left: solid 1px #F5F5F5;
			border-top: solid 1px #eee;
			background-color: #f5f5f5;
		}

		.pricing-box li, .btn-row {
			list-style: none;
			margin: 0;
			padding: 15px 0 15px 0;
			border-bottom: solid 1px #eee;
		}
		.pricing-box li {
			color: #888;
		}		

			.pricing-box .title-row {
				padding: 15px 0 15px 0;
				border-left: solid 1px #F5F5F5;
				border-top: solid 1px #eee;
				margin: 0;
				background-color: #eee;
			}

			.pricing-box .price-row {
				background: #f8f8f8;
				padding: 15px 0 15px 0;
				border-left: solid 1px #F5F5F5;
				border-top: solid 1px #eee;
				color: #888;
			}

				.pricing-box .price-row span {
					display: block;
					font-weight: 600;
				}

			.pricing-box .btn-row {
				background: #ddd;
				border-left: 1px solid #F5F5F5;
			}			
			.pricing-box .btn-row .btn:hover {background: #363636;}

	.pricing-dark.pricing-box ul {
		margin: 0;
		padding: 0;
		border-left: solid 1px #555;
		border-top: solid 1px #555;
	}

	.pricing-dark.pricing-box li {
		background: #606060;
		color: #fff;
		list-style: none;
		margin: 0;
		padding: 15px 0 15px 0;
		border-bottom: solid 1px #555;
	}

	.pricing-box li:nth-child(2n-1){
		background-color: #eee;
	}
		.pricing-dark.pricing-box h4 {
			font-size: 22px;
			margin: 0;
			padding: 0;
			font-weight: 400;
			color: #fff;
		}

		.pricing-dark.pricing-box h1 {
			font-size: 48px;
			margin: 0;
			margin-bottom: 5px;
			font-weight: 600;
			color: #fff;
		}

		.pricing-dark.pricing-box .title-row {
			padding: 15px 0 15px 0;
			border-left: solid 1px #555;
			border-top: solid 1px #555;
			background: #606060;
		}

		.pricing-dark.pricing-box .price-row{
			border-left: solid 1px #555;
			border-top: solid 1px #555;
			background: #777;
			padding: 15px 0 15px 0;
			background-color: #fab207;
		}

		.pricing-dark.pricing-box li{
			background: #606060;
		}
		.pricing-dark.pricing-box li:nth-child(2n){
			background: #555;
		}

			.pricing-dark.pricing-box .price-row span {
				display: block;
				font-weight: 600;
				color: #fff;
			}

		.pricing-dark.pricing-box .btn-row {
			background: #404040;
			border-left: solid 1px #555;
			border-bottom: solid 1px #555;
		}
		.pricing-dark.pricing-box .btn-row .btn:hover {background: #000;}		
		
		.pricing-dark:last-child{
			border-right: 1px solid #555;
		}


	.pricing-featured {
		-webkit-box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.3);
		-moz-box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.3);
		box-shadow: 1px 1px 20px rgba(0, 0, 0, 0.3);
		position: relative;
		margin-top: -10px;
	}
	.pricing-featured li{
		padding-top: 17px;
		padding-bottom: 17px;
	}

	.pricing-featured.pricing-box > *{
		border-left: none;
	}
    
    
    /* progress bar */
    /* ================================================== */
    
    .de-progress{
        width:100%;
        height:8px;
        background:#ddd;
        margin-top:20px;
        margin-bottom:20px;
        border-radius:40px;
        -moz-border-radius:40px;
        -webkit-border-radius:40px;    
    }
    
    .de-progress .progress-bar{
        background:#333;
        height:8px;
        border-radius:40px;
        -moz-border-radius:40px;
        -webkit-border-radius:40px;
    }
    
    .de-progress{
        background:#000;
    }
    
    
    /* social-icons */
    /* ================================================== */
    .social-icons{
        display:inline-block;
    }
    .social-icons i{
        text-shadow:none;
        color: #fff;
        padding: 8px;
        width: 28px;
        height: 28px;
        text-align: center;
        font-size:16px;
        border-radius:1px;
        -moz-border-radius:1px;
        -webkit-border-radius:1px;
    }
    .social-icons i:hover{
        background:#fff;
        border-color:#eceff3;
        color:#333;
    }
    
    /* tabs */
    /* ================================================== */
    .de_tab {
        opacity:.8;
    }
    
    .de_tab .de_nav {
        overflow: hidden;
        padding-left: 0;
        margin: 0;
        padding: 0;
        font-weight:bold;
    }
    
    .accordion-inner img.full-size{
        margin-top:5px;
        margin-bottom:10px;
    }
    
    a.accordion-toggle,a:visited.accordion-toggle{
        font-weight:bold;
        color:#222;
    }
    
    .de_tab .de_nav li {
        float: left;
        list-style: none;
        background: #EEE;
        margin-right: 5px;
    }
    
    
    .de_tab .de_nav li span {
        padding: 8px 16px 8px 16px;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        display: block;
        background: #f5f5f5;
        text-decoration: none;
        color: #646464;
        font-size: 13px;
        cursor: pointer;
    }
    
    .de_tab.tab_steps .de_nav{
        text-align:center;  
    }
    .de_tab.tab_steps .de_nav li{
        background:none;
        display:inline-block;
        float:none;
        margin:0 30px 0px 30px;
    }
    
    .de_tab.tab_steps .de_nav li span {
        padding:30px 0 30px 0;
        border-radius:120px;
        color:#222;
        font-size:16px;
        -moz-border-radius:120px;
        -webkit-border-radius:120px;
        line-height:120px;
        width:180px;
        height:180px;
        text-align:center;
        text-transform:uppercase;
    }
    
    .de_tab.tab_steps .de_nav li span:hover{
        background:#000;
        border:none;
        color:#fff;
    }
    
    .de_tab.tab_steps .de_nav li .v-border{
        height:60px;
        border-left:solid 1px rgba(255,255,255,.3);
        display:inline-block;
        margin-bottom:-5px; 
    }

    .dark .de_tab.tab_steps .de_nav li .v-border{
        border-left:solid 1px rgba(0,0,0,.3);
    }
    
    .de_tab .de_nav li span {
        border:none;
        background:#222;
    }
    
    .de_tab .de_nav li:first-child span {
        border-left: 1px solid #ddd;
    }
    
    .de_tab .de_nav li:first-child span {
        border-left: 1px solid #404040;
    }
    
    
    .de_tab .de_tab_content {
        border: 1px solid #ddd;
        padding: 15px 20px 20px 20px;
        margin-top: -1px;
        background: #fff;
    }
    
    .de_tab .de_tab_content {
        border: 1px solid #404040;
        background: #27282b;
    }
    
    .de_tab.tab_steps .de_tab_content {
        background:0;
        padding:0;
        border:none;
        padding-top:30px;
        border-top:solid 1px rgba(255,255,255,.4);
    }

    .dark .de_tab.tab_steps .de_tab_content {
        border-top:solid 1px rgba(0,0,0,.4);
    }
    
    .de_tab .de_nav li.active span {
        background: #FFF;
        border-bottom: 1px solid #fff;
        color: #222;
        margin-bottom: -3px;
    }
    
    .de_tab .de_nav li.active span .v-border{
        display:none ;
    }
    
    .de_tab .de_nav li.active span {
        background: #27282b;
        border-bottom: 1px solid #27282b;
        color: #ccc;
    }
    
    .de_tab.tab_steps .de_nav li.active span {
        background:none;
        color: #ffffff;
        border:solid 2px rgba(255,255,255,.8);
    }
    
    .dark .de_tab.tab_steps .de_nav li.active span {
        background:none;
        color: #333;
        border:solid 1px rgba(0,0,0,.8);
    }   

    .tab-small-post ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
    .tab-small-post ul li {
        min-height: 60px;
        margin-bottom: 15px;
        padding-bottom: 10px;
        border-bottom: solid 1px #eeeeee;
    }
    
    .tab-small-post ul li{
        border-bottom: solid 1px #404040;
    }
    
    .tab-small-post ul li:last-child {
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    
    .tab-small-post ul li img {
        position: absolute;
    }
    
    .tab-small-post ul li span {
        display: block;
        padding-left: 64px;
    }
    
    .tab-small-post ul li span.post-date {
    font-size: 11px;
    }
    
    
    /* team
    /* ================================================== */
    .team {
        margin-bottom: 30px;
        text-align:center;
    }
    
    .team h5 {
        margin-bottom: 0;
    }
    
    .team_photo {
        margin-bottom: 10px;
    }
    
    .team img.team-pic {
        width: 100%;
        height: auto;
    }
    
    .pic-team img{
        width: 100%;
        height: auto;
        width:150px;
        height:150px;
        position:absolute;
    }
    
    .pic-team img.pic-hover{
        z-index:100;
        display:none;
    }
    
    .team .team_desc {
        font-style: italic;
        margin-bottom: 10px;
    }
    
    .team .sb-icons {
        padding: 10px 0 0 0;
    }
    
    .team .sb-icons img {
        margin-right: 5px;
    }
    
    .team .columns {
        margin-bottom: 30px;
    }
    
    .team-list{
        min-height:180px;
        margin-bottom:40px;
    }
    
    .team-list .team-pic{
        width:150px;
        height:150px;
        position:absolute;
    }
    
    .team-list h5{
        margin-top:0;
        margin-bottom:10px;
        font-size:14px;
    }
    
    .team-list.team_desc{
        font-style:italic;
        margin-bottom:10px;
    }
    
    .team-list .small-border{
        float:none;
        margin:15px 0 15px 0;
        background:#ddd;
        width:50px;
    }
    
    .team-list .social{
        width:150px;
        margin-top:170px;
        text-align:center;
        position:absolute;
    }
    
    .team-list .social a{
        display:inline-block;
    }
    
    .team-list .info{
        padding-left:170px;
    }
    
    .de-team-list{
        overflow:hidden;
        position: relative;
    }
    
    .de-team-list .team-desc{
        padding:20px;
        padding-bottom:0;
        position:absolute;
        z-index:100;
        top:0;
        background:#111;
        color:#ccc;
    }
    
    .de-team-list .team-desc h3{
        color:#fff;
    }
    
    .de-team-list .social{
    }
    
    .de-team-list .social a{
    display:inline-block;
    color: #888;
    }
    
    .de-team-list p.lead{
        font-size:14px;
    }
    
    .de-team-list .small-border{
    float:none;
    margin:15px 0 15px 0;
    background:#ddd;
    width:50px;
    }
    
    .de-team-list .social a:hover{
        color:#fff;
    }

    /* testimonial
    /* ================================================== */
    .de_testi {
        display: block;
        margin-bottom: 10px;
    }
    
    .de_testi blockquote {
        margin: 0;
        border: none;
        padding: 20px 30px 30px 80px;
        color: #000;
        font-style:normal;
        line-height:1.6em;
        font-weight:500;
    }
    
    .de_testi blockquote  p{
        margin-top:10px;
    }
    
    .de_testi blockquote:before{
        font-family:FontAwesome;
        content: "\f10d";
        color:#111;
        padding-bottom:10px;
        font-size:20px;
        display:inline-block;
        padding:10px 20px 10px 20px;
        font-style:normal;
        background:#000;
        position:absolute;
        left:15px;
    }
    
    .de_testi blockquote {
        color:#eceff3;
    }
    
    .de_testi blockquote, .de_testi blockquote p {
        font-size:16px;
        line-height: 1.6em;
        font-weight: 500;
    }
    
    .de_testi_by {
        margin-top: -10px;
        font-style:normal;
        font-size:12px;
    }
    
    .de_testi_pic {
        float: left;
        padding-right: 15px;
    }
    
    .de_testi_pic img {
        width: 50px;
        height: 50px;
    }
    
    .de_testi_company {
        padding-top: 20px;
    }
    
    #testimonial-masonry .item{
        margin-bottom:30px;
    }


/* ================================================== */
/* anim */
/* ================================================== */
    de_tab .de_nav li span,
    .feature-box-small-icon i, a.btn-line:after, .de_count, .social-icons a i,
    .de_tab.tab_steps .de_nav li span:hover,
    .de-gallery .overlay .icon i,
    .de-gallery .overlay .icon i:hover,
    header.smaller:not(.header-bottom),
    .wpcf7 input[type=submit],
    .wpcf7 input[type=submit]:hover,
    .product img,
    .product img:hover,
    .mfp-close,.mfp-close:hover,
    header.de_header_2 .info,
    header.de_header_2.smaller .info,
    .de_form input[type="radio"] + label,
    .de_form input[type="checkbox"] + label,
    .de-gallery.hover-1 span.overlay-1,
    .de-gallery.hover-1 span.overlay-1 .project-name,
    .carousel-item .overlay-v
    {
        -o-transition:.5s;
        -ms-transition:.5s;
        -moz-transition:.5s;
        -webkit-transition:.5s;
        transition:.5s;
         outline: none;
    }


/* ================================================== */
/* video */
/* ================================================== */
video, object {
    display:inline-block;
    vertical-align:baseline;
    min-width:100%;
    min-height:100%;
}

.de-video-container{
    top:0%;
    left:0%;
    height:500px;
    width:100%;
    overflow: hidden;
}

.de-video-content{
    width:100%;
    position:absolute;
    z-index:10;
}
.de-video-overlay{
    position:absolute;
    width:100%;
    min-height:100%;
    background:url(images/dot-70.png);
    z-index: 2;
}
.de-video-overlay.dotted{
    background:url(images/dotted.png);
}
.video-fixed{
    width:100%;
    position:fixed;
    top:0;
}

/* youtube, vimeo */
.video-container {
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
}
.video-container iframe, .video-container object, .video-container embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.de-video-container .btn-line:hover:after, .de-video-container a.btn-line:hover:after, .de-video-container a.btn-line.hover:after{
    color:#eceff3;
}

/* ================================================== */
/* map */
/* ================================================== */
.map iframe {
    width: 100%;
    height: 320px;
    border: solid 1px #ccc;
    padding: 2px;
    background: #fff;
}

.map-container{
    height: 500px;
    overflow:hidden;
}

/* ================================================== */
/* call to action */
/* ================================================== */
.call-to-action-box {
    background: #f5f5f5;
    border: solid 1px #ddd;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,242,242,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}

.call-to-action-box {
    background: #27282B;
    border: solid 1px #404040;
}

.call-to-action-box .inner {
padding: 20px 20px 20px 20px;
}

.call-to-action-box .text {
margin-right: 20px;
float: left;
}

.call-to-action-box .act {
float: right;
}

.call-to-action-box h3 {
margin: 0;
margin-top:10px;
}

.call-to-action-box .btn{
color:#eceff3;
}

.call-to-action-box{
background: #404040;
color:#eceff3;
}

.call-to-action-boxh3 {
color:#eceff3;
}

/* ================================================== */
/* overide bootstrap */
/* ================================================== */
.btn-primary{
    text-shadow: none;
    border: none ;
}

.btn.btn-primary:hover{
background:#555;
}

.img-responsive {
  display: inline-block;
}

.label {
    font-family: "Roboto",Arial, Helvetica, sans-serif;
}

table thead {
    font-weight: bold;
}

.accordion-heading a {
    text-decoration: none;
    border: none;
    outline: none;
}

p.lead{
    font-size:16px;
    font-weight:500;
}

.panel-group{
    opacity:.8;
}

.panel-heading,.panel-body{
    background:#27282B;
    border:solid 1px #404040 ;
    border-radius:0 ;
}

.panel-body{
    border-top:none ;
}

.progress{
    background:#27282B;
}

.panel-heading h4 a{
    display:block;
}

.panel-heading h4 a:hover{
    color:#eceff3;
}

.panel-default, .panel-collapse, .panel-collapse, .panel-group .panel {
    border:none ;
    border-radius:0 ;
}

.panel-heading{
    background:#222 ;
}

.table-bordered, .table-bordered td{
    border:solid 1px #404040;
}

blockquote {
    font-size: 24px;
    font-style: italic;
    line-height: 1.5em;
    font-weight: 300;
}
.post-text blockquote {
    margin: 20px 0 20px 36px;
    font-size: 13px;
    padding: 5px 20px 5px 20px;
    font-weight: normal;
}
blockquote span {
    display: block;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
}


.col-md-3{
margin-right:-1px;
}
.no-padd .col-md-12{
    padding-left:0;
    padding-right: 0; 
}
.no-padd .row{
    margin-right:0;
    margin-left: 0;
}
.padding-top-bottom{
    padding-top: 90px;    
}
.padding-top-90{
    padding-top:90px;
}
h3 b{
    font-size: 18px;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-weight: 400;
}
.bg-fixed{
    background: top fixed;
}
.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=tel]{
    padding: 10px;
    margin-bottom: 20px;
    color: #fff;
    background: rgba(0,0,0,.2);
    border-radius: 0;
    height: auto;
    width: 100%;
}
.wpcf7 textarea{
    width: 100%;
    height: 175px;
    padding: 10px;
    margin-bottom: 20px;
    color: #fff;
    background: rgba(0,0,0,.2);
    border-radius: 0;
    height: auto;
}
.con-form label {
    display: block;
}
.con-form span.wpcf7-form-control-wrap {
    margin-top: 10px !important;
    display: block;
}
.con-form input.wpcf7-form-control.wpcf7-submit {
    background: #fcd406 !important;
    padding: 8px 30px;
    font-size: 16px;
    border: 0px !important;
    border-radius: 30px;
    font-weight: 600;
    margin-top: 20px;
}
div.wpcf7-validation-errors{
    display: none;
}
.menu-sidebar-menu-container{
    visibility: visible;
    animation-name: fadeInUp;
    padding-left: 5px;
}
#menu-sidebar-menu{
    margin: 0;
    padding: 0;
}
.menu-sidebar-menu-container ul li{
    font-weight: bold;
    list-style: none;
    margin: 0;
    background: rgba(0,0,0,.3);
    margin-bottom: 10px;
}
.menu-sidebar-menu-container ul li a{
    display: block;
    padding: 20px;
    text-decoration: none;
} 
.menu-sidebar-menu-container ul li.current_page_item a  {
    color: #000;
}
.tp-bannershadow,.tp-bullets{
    display: none;
}
ul.countdown {
    position: relative;
    width: 100%;
    display: block;
    text-align: center;
}
ul.countdown li {
    display: inline-block;
}
ul.countdown li span {
    font-size: 72px;
    line-height: 80px;
    
    color: #fff;
}
ul.countdown li p {
    color: rgba(255,255,255,.8);
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-top: 20px;
}
ul.countdown li.seperator {
    font-size: 40px;
    width: 40px;
    text-align: center;
    line-height: 80px;
    vertical-align: top;
    padding-left: 40px;
    padding-right: 40px;
    color: #fff;
    font-family: 'big-john';
}
.project-view section.bg-fixed{
    background: transparent;
}


/* ======================================== */
/* toggle */
/* ======================================== */
.toggle-list{list-style:none; margin:0; padding:0;}
.toggle-list li{ margin-bottom:10px; background:#fff; border:solid 1px #ddd;border-bottom:solid 3px #ddd;}
.toggle-list li h2{-moz-user-select: none; -html-user-select: none; user-select: none; color:#555;font-size:16px; line-height:20px; font-family:"Roboto",Arial, Helvetica, sans-serifr; padding:10px 20px 0px 60px; font-weight:700; display:block; letter-spacing:normal;}
.toggle-list li .acc_active:hover{ color:#777;
background:url(images/icon-slide-plus.png) 20px center no-repeat; 
padding-left:80px; 
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;}
 
.toggle-list li .acc_noactive:hover{ color:#777;
background:url(images/icon-slide-min.png) 20px center no-repeat;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;}
.toggle-list .ac-content{display:none; padding:20px; border-top:solid 1px #e5e5e5;}
.acc_active{background:url(images/icon-slide-plus.png) 20px center no-repeat;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
 height:32px;
 
 }
.acc_noactive{background:url(images/icon-slide-min.png) 20px center no-repeat;}


/* ================================================== */
/* image position */
/* ================================================== */
.img-left {
float: left;
margin: 5px 15px 15px 0;
}

.img-right {
float: right;
margin: 5px 0 15px 15px;
}



/* ================================================== */
/* flickr */
/* ================================================== */
#flickr-photo-stream img {
width: 48px;
height: auto;
margin: 0 12px 12px 0;
float: left;
}

#flickr-photo-stream a img {
border: solid 2px #fff;
}

#flickr-photo-stream a:hover img {
border: solid 2px #777777;
}





hr{
border-top: solid 1px #555;
}

hr.blank {
border: none;
margin: 20px 0 20px 0;
}

/* ================================================== */
/* font awesome icons */
/* ================================================== */
i {
    display: inline-block;
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
}

i.large {
    font-size: 40px;
    padding: 16px;
    width: 40px;
    height: 40px;
    text-align: center;
}

.landing-download  i.large {
    font-size: 72px;
    text-align: center;
    display:inline-block;
    float:none;
    padding: 0px;
    width: auto;
    height: auto;
}

i.medium {
    font-size: 20px;
    padding: 10px;
    width: 20px;
    height: 20px;
    text-align: center;
}

i.small {
    font-size: 12px;
    padding: 4px;
    width: 16px;
    height: 15px;
    text-align: center;
}

i.circle-icon {
    border-radius: 75px;
    -moz-border-radius: 75px;
    -webkit-border-radius: 75px;
}
/* extra ^ */
.de_center p {
    width: 100%;
}

.de_center .de_icon {
    float: none;
    margin: 0 auto;
}


/* ================================================== */
/* transition */
/* ================================================== */
a,
a:hover,
.test-column,
.test-column:hover {
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}

.de_contact_info{
    font-size:40px;
    font-weight:bold;
}

.de_contact_info i{
    float:none;
    margin-right:20px;
}


.center-div{
    margin:0 auto ;
}

/* ================================================== */
/* gallery */
/* ================================================== */
#gallery-carousel .item {
    text-align: center;
    font-size: 12px;
    width:100%;
    cursor:e-resize;
}

.de_carousel .item {
    width:100%;
    display:block;
}


#gallery-carousel .item img {
    width:100%;
    height:auto;
}

#gallery-carousel .item h4 {
    margin-bottom: 0;
    font-size: 14px;
}

#gallery .item{
    overflow:hidden;
    width:25%;
}

.carousel-item{
    width:100%;
}
.carousel-item img{
    width:100%;
    height:auto;
}
.carousel-item .overlay-v{
    text-align: center;
    width: 100px;
    background: rgba(0,0,0,.7);
    position:absolute;
    width:100%;
    height:100%;
}
.carousel-item .pf_text .project-name{
    display:block;
    position:absolute;
    width:100%;
    top:80%;
    font-size:14px;
    font-weight:bold;
}
.carousel-item:hover .overlay-v{
    background: rgba(0,0,0,.5);
}

.gallery-carousel.owl-theme .owl-controls{margin: 0px;}


.pf_text {
    color:#eceff3;
}

.pf_text h4 {
    color:#eceff3;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
}

.project-info{
    color:#ccc;
    margin-left:20px;
}
.project-info h2{
    margin-top: 0;
    font-size:18px;
    letter-spacing:3px;
    text-transform:uppercase;
}

.project-info h4{
    font-weight:bold;
}

.project-info .details{
    padding:20px;
    border:solid 1px rgba(255,255,255,.2);
    background:rgba(0,0,0,.5);
    margin-bottom:30px;
}
.project-infoproject-info span{
    display:block;
}

.project-info span.title{
    display:inline-block;
    min-width:80px;
}

.project-info span.val{
    margin-bottom:15px;
    font-weight:bold;
}

.project-view{
    padding:120px 0 80px 0;
}

.project-images img{
    width:100%;
}

.picframe{
    overflow:hidden;
}

#btn-close-x{
    width:100px;
    height:100px;
    display:block;
    background:url(images/close.png) center no-repeat;
    margin:0 auto;
    margin-bottom:80px;
    cursor:pointer;
    padding:20px;
}

#btn-close-x{
    background:url(images/close-2.png) center no-repeat;
}


.project-name{
    font-size:12px;
    font-weight:bold;
    display:block;
}

span.overlay {
    text-align: center;
    display: block;
    width: 100px;
    background: #111;
    position: absolute;
}
span.icon{
    cursor:pointer;
}
.overlay .info-area {
    display: block;
    margin-top: 10%;
}
.overlay .sb-icons {
    display: block;
    margin-top: 200px;
}
.de-gallery .overlay{
    text-align:center;
}
.de-gallery .overlay  .pf_text{
    display: inline-block;
}


.de-gallery .overlay .icon {
    display: inline-block;
    margin-top: 200px;
    text-align:center;
}
.de-gallery .overlay .icon i{
    text-shadow:none;
    color:#fff;
    border:solid 1px rgba(255,255,255,.1);
    font-size: 22px;
    padding: 20px;
    width: 60px;
    height: 60px;
    text-align: center;
    margin-left:10px;
}
.de-gallery .overlay .icon i.icon-info{
    margin-left:0px;
}
.de-gallery .overlay .icon i:hover{
    color:#222;
    background:#fff;
}
.de-gallery.hover-1 span.overlay-1 {
    text-align: center;
    display: block;
    background:rgba(0,0,0,.7);
    position: absolute;
}
.de-gallery.hover-1 span.overlay-1:hover{
    background:rgba(0,0,0,0);
}
.de-gallery.hover-1 span.overlay-1 .project-name{
    top:10%;
    letter-spacing:4px;
    position:relative;
}
.de-gallery.hover-1 span.overlay-1:hover .project-name{
    top:-10%;
}

.grid_gallery .item{
    margin-bottom:30px;
}
a.img-icon-url, a.img-icon-zoom {
    display: inline-block;
    width: 36px;
    height: 36px;
    background: url(images/icon-url.png) center no-repeat;
    margin: 0 auto;
    margin: 0 2px 0 2px;
}
a.img-icon-zoom {
    background: url(images/icon-zoom.png) center no-repeat;
}

.pf_full_width.pf_6_cols .item{
    width: 16.6567%;
}
.pf_full_width.pf_5_cols .item{
    width:20%;
}
.pf_full_width.pf_4_cols .item{
    width:25%;
}
.pf_full_width.pf_3_cols .item{
    width:33.3%;
}
.pf_full_width.pf_2_cols .item{
    width:49.9%;
}

.pf_full_width img{
    float:left;
    width:100%;
}

#portfolio-controls {
    background: #111111;
    height: 50px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 2;
}
.left-right-portfolio {
    float: left;
    height: 50px;
    overflow: hidden;
    position: relative;
    transition: all 300ms linear 0s;
    width: 40%;
    z-index: 2;
}
.center-portfolio {
    background: #0B0B0B;
    float: left;
    height: 50px;
    overflow: hidden;
    position: relative;
    transition: all 300ms linear 0s;
    width: 20%;
    z-index: 2;
}
.portfolio-icon {
    font-family: "FontAwesome";
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    width: 100%;
    color: #fafafa;
}
.portfolio-icon a {
    display: block;    
}
.portfolio-icon a:hover, .center-portfolio:hover{background: rgba(230, 230, 230, 1) none repeat scroll 0 0;}
.portfolio-icon a i {float: none;color: #fafafa;}

.portfolio-navigation {}
.portfolio-navigation .portfolio-btn-prev {width: 50%;float: left;}
.portfolio-navigation .portfolio-btn-next {text-align: right;width: 50%;float: right;}
.portfolio-navigation a {
    display: inline-block;    
    border:1px solid #f8f8f8;
    color: #f7f7f7;
    background-color: transparent;
    padding-left: 3px;
    padding-right: 14px;
    letter-spacing: 0.05em;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    padding: 0px 16px 0px 14px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.portfolio-navigation a i {
    float: none;
    margin: 0px;
    color: #FAB702;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.portfolio-navigation a:hover{background-color: #FAB702;color: #333;}
.portfolio-navigation a:hover i{
    color: #333;
}

.socials-portfolio {margin-top: 30px;}
.socials-portfolio h4 {display: inline-block;}
.socials-sharing {display: inline-block;}
.socials-sharing a.socials-item {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    border:1px solid #888;
    margin-left: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.socials-sharing a.socials-item i {
    float: none;margin: 0px;
}

/* Portfolio Style 2 */
.folio-style2 .folio-info {padding: 10px 0;}
.folio-style2 .folio-info h3{
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: 300;
}
.folio-style2 .folio-info h3 a {
    color: #fafafa;
    text-decoration: none;
    text-transform: none;
    letter-spacing: 1px;
}
.folio-style2 .folio-info p {
    font-size: 14px;
    color: #999999;
}
.folio-style2 .folio-image img {max-width: 100%;height: auto;}

/* ================================================== */
/* widget */
/* ================================================== */
#sidebar{
    padding-left:20px;
}
 
.widget {
    margin-bottom: 60px;
    padding-bottom:60px;
    border-bottom:solid 1px #333;
}
.widget h4 {
    text-transform:uppercase;
    padding-bottom: 20px;
    font-size: 16px;
    letter-spacing: normal;
    letter-spacing:1px;
}

.widget ul {
    list-style: none;
    margin: 0;
    padding:0;
}

.widget  .small-border{
    height:2px;
    width:30px;
    background:#fff;
    margin:10px 0 20px 0;
    display:block;
}

.widget_category li {
    padding: 8px 20px 8px 20px;
    margin-bottom: 8px;
    background:#111;
    text-transform:uppercase;
}
.widget_category li a {
    color:#606060;
}

.widget_recent_post li {
    padding-left: 20px;
    background: url(images/list-arrow.png) left 2px no-repeat;
    border-bottom: solid 1px #222;
    padding-bottom: 7px;
    margin-bottom: 5px;
}

.widget_recent_post li a {
    color: #555;
}

.widget .comments li {
    padding-left: 20px;
    background: url(images/list-arrow.png) left 2px no-repeat;
    border-bottom: solid 1px #eee;
    padding-bottom: 7px;
    margin-bottom: 5px;
}

.widget_tags li {
    text-shadow:none;
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 13px;
}

.widget_tags li a {
    font-size:12px;
    text-decoration: none;
    margin-bottom: 5px;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border:solid 1px rgba(255,255,255,.1);
    color: #888;
    padding: 5px 8px 5px 8px;
}
.widget_tags li a:hover {
color:#555;
border-color: #555;
}

.widget_tags li a{
border-color:#555;
}

.widget_tags li a:hover {
color:#eceff3;
border-color:#eceff3;
}

.search-form {
  position: relative;
}
.search-form:before {
  content: '\f002';
  font-family: FontAwesome;
  color: #F86E4E;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
  width: 33px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  cursor: pointer;
}
.search-form input[type=text] {
  border: 1px solid #E4DBDB;
  padding: 10px;
  background: #fff;
  border-radius: 4px;
  width: 100%;
  height: 32px;
  font-weight: 400;
  padding-right: 36px;
  box-sizing: border-box;
  color: #000;
}
.search-form input[type=text]:focus{
    box-shadow: none;
}
.search-form .submit-search {
  width: 35px;
  height: 32px;
  background: transparent;
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  text-indent: -9999px;
}
.widget_tag_cloud li {
  display: inline-block;
  margin-right: 2px;
  margin-bottom: 13px;
}
.widget_tag_cloud li a {
  font-size: 13px;
  text-decoration: none;
  margin-bottom: 5px;
  border: solid 1px rgba(255,255,255,.1);
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;  
  padding: 5px 8px 5px 8px;
}
.widget_tag_cloud li a:hover{
    border-color: #fff;
    color:#fff;
}

.widget_flickr a img{
    float:left;
}
.widget_recent_comments .comment-author-link{
    font-weight: 600;
  color: #fff;
  font-size: 14px;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin-bottom: 24px;
  width: 100%;
}
table, th, td {
  border: 1px solid #333;
}
#wp-calendar caption {
  background: none repeat scroll 0 0 #333;
  color: #fff;
  font-size: 16px;
  padding: 10px 0;
  text-align: center;
}
#wp-calendar thead {
  font-size: 10px;
}
table thead {
  font-weight: bold;
}
#wp-calendar thead th {
  border-color: #333;
  border-bottom-style: solid;
  font-size: 13px;
  padding: 8px 0;
  text-align: center;
  vertical-align: middle;
}
th {
  border-width: 0 1px 1px 0;
  font-weight: bold;
}
#wp-calendar tfoot #prev {
  font-size: 12px;
  text-transform: uppercase;
  padding-top: 10px;
  color: #37c878;
}
td {
  border-width: 0 1px 1px 0;
}
#wp-calendar tbody td {
  
  border-color: #333;
  border-bottom-style: solid;
  text-align: center;
  padding: 8px;
}
#wp-calendar tbody td:hover{
    background: #333;
}

footer .widget{
border:none;
margin-bottom:0;
}

.widget_tags ul{
margin-top:30px;
}

footer .widget.widget_tags li a{
border-color:#222;
}

footer .widget_recent_entries li {
padding: 0 0 5px 0;
margin:0;
background: none;
border-bottom-color:#222;
border-bottom: solid 1px #222;
}

footer .widget_recent_entries li a {
color: #ccc;
}

footer .widget h3{
margin-bottom:20px;
}

/*-----------------------------------------------------------------------------------*/
/*  STYLES WIDGET
/*-----------------------------------------------------------------------------------*/ 
  .widget select {max-width: 100%;padding: 5px;border: 1px solid #ccc; width: 100%;}
  .widget_text .textwidget img{max-width: 100%;height: auto;}
  .widget_text select, .widget_text input , .widget_text textarea  {max-width: 100%;padding: 5px;border: 1px solid #ccc; width: 100%;}
  .widget_text option {max-width: 100%;}
  .widget_archive ul li {margin-bottom: 10px;}
  .widget_nav_menu ul li, .widget_pages ul li { 
    color: #827b7d;
    line-height: 20px;
    margin-bottom: 10px;
  }
  .widget_nav_menu ul ul, .widget_pages ul ul {padding-top: 10px;}
  .widget_nav_menu ul li ul, .widget_pages ul li ul {float: none;margin-left: 40px;}
  .widget_nav_menu ul li a, .widget_pages ul li a{color: #827b7d;}
  .widget_nav_menu ul li a:hover, .widget_pages ul li a:hover {color: #f86e4e;} 
  .widget_recent_comments ul li {margin-bottom: 10px;}
  .text-post ul, .content-page ul {padding-left: 20px;list-style: disc outside none; }
  .text-post ul li, .content-page ul li {list-style: disc outside none; }
  .text-post ol, .content-page ol {padding-left: 20px;list-style: decimal outside none; }
  .text-post ol  li, .content-page ol li {list-style: decimal outside none;}
  .magnis-widget select {width: 100%; max-width: 100%; padding: 4px;}
  .widget_nav_menu ul ul {margin-left: 25px;margin-top: 0px;}
  .widget_rss ul li {margin-bottom: 15px;}
  .widget_rss ul li a.rsswidget {display: block;}
  .rssSummary {line-height: 24px;}
  .rss-date {font-style: italic;}
  .dotted-widget select {width: 100%;padding: 5px 0px;}
  .page-content ul, .page-content ol {float: none;margin-top: 0;padding-left: 40px;}
  .page-content ul li {
    list-style: inherit;
    line-height: 28px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    border: none;
  }
  blockquote cite, p cite {color: #fff;}  
  .page-content ol li {line-height: 28px;list-style: decimal;margin-bottom: 0px;padding-bottom: 0px;border: none;}
  .page-content ol ol, .page-content ul ul {margin-bottom: 0px;padding-bottom: 0px;}
  .page-content h6 {color: #fff;}.page-content h1 {text-align: left;}
  .widget_categories ul ul.children, .widget_pages ul ul.children {padding-left: 20px;}
  .widget_categories ul ul.children li:last-child, .widget_pages ul ul.children li:last-child {margin-bottom: 0px;}
  .page .leave-reply {margin-left: 0px;}
  /* Sticky post */
  .sticky .post-text.post-text-no-image {background: none repeat scroll 0 0 #ddd;padding: 20px;}
  .sticky.post-item .post-item-body .meta {margin-top: 0px ;padding: 10px 15px;background: #ececec;}
  .sticky.post-item .post-item-body .meta p {margin-right: 20px;margin-top: 0px;}

   /* Pagination Comment */  
   .nav-links .nav-previous {float: left;}
   .navigation.comment-navigation .nav-next, .nav-links .nav-next {float: right;}
   .navigation.comment-navigation .nav-next:before, .nav-links .nav-next:before {
        color: #fff;
        content: "";
        cursor: pointer;
        font-family: "FontAwesome";
        font-size: 1px;
        padding: 0px;
   }
/**** End STYLE CSS For WIDGET ****/ 



/* ================================================== */
/* misc */
/* ================================================== */
a{
color:#fff;
text-decoration:none;
}

a:hover{
    color:#fff;
}

.fontsize24{font-size:24px ;}
.fontsize32{font-size:32px ;}
.fontsize36{font-size:36px ;}
.fontsize40{font-size:40px ;}
.fontsize48{font-size:48px ;}

.padding10{padding:10px ;}
.padding20{padding:20px ;}
.padding30{padding:30px ;}
.padding40{padding:40px ;}
.padding50{padding:60px ;}
.padding60{padding:70px ;}

#services-list{
    padding:0;
    margin:0;
}

#services-list li a{
    color:#fff;
}

#services-list li{
    font-weight:bold;
    list-style:none;
    margin:0;
    background:rgba(0,0,0,.3);
    margin-bottom:10px;
}

#services-list li a{
    display:block;
    padding:20px;
    text-decoration:none;
}

#services-list li a:hover{
    color:#111;
}

.pic-services img{
    margin-bottom:30px;
}

#services-list li.active a{
    color:#111;
}

#services-masonry .item {margin-bottom: 60px ;}
.service-list:nth-child(2n-1){
    background-color: #202224;
}
.service-list p {margin-bottom: 0px;}
.project-images img{
    margin-bottom:60px;
}

.teaser-text{
    font-size:14px;
    color:rgba(255,255,255,.5);
    line-height:normal;
    font-weight:300;
    text-transform:uppercase;
    letter-spacing:6px;
}

#navigation{
	position:fixed;
	width:100%;
	height:60px;
	top:0;
	right:20px;
	text-align:center;
	margin-bottom:60px;
	z-index:1000;
}
.mfp-close{
	color:#fff ;
	position:absolute;
	left:50%;
	width:100%;
	font-size:48px !important;
	margin-top:40px;
	margin-left: -22px;
	z-index:1000;
}
.nav-prev:before,.nav-next:before, .nav-exit:before{
    font-family:"FontAwesome";
    content:'\f177';
    color:#fff;
    padding:20px;
    font-size:24px;
    cursor:pointer;
}
.nav-exit:before{
    width:100%;
    display:block;
}
.nav-next:before{
    content:'\f178';
    width:100%;
    background:#555;
}
.nav-exit:before{
    content:'\f00d';
}

.container-4 .de-team-list{
    width:24.9%;
    float:left;
    position:relative;
}
.container-5 .de-team-list{
    width:19.9%;
    float:left;
    position:relative;
}
.no-top {
    padding-top: 0 ;
}
.no-bottom {
    padding-bottom: 0 ;
}
.no-bottom{
    margin-bottom:0;
    padding-bottom:0;
}

p{
    margin-bottom:20px;
}

strong.intro{
    font-size:16px;
    line-height:1.5em;
    font-weight: normal;
}

.bg-grey{
    background:#f5f5f5;
}

.no-bottom .col-md-12 {
}

.no-bottom {
padding-bottom: 0 ;
}
.no-top {
padding-top: 0 ;
}


#filters a{
    background:none;
}

.bg-side{
position:relative;
overflow:hidden ;
}

.image-container{
    position:absolute;
    padding:0;
    margin:0 ;
    background-size:cover ;
}
.side-bg {position: relative;}
.side-bg .background-image {
    background-position: 50% 50% ;
    background-size: cover ;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 0;
}

.side-bg .image-container {
  height: 100%;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 0;
}
.right0 {right: 0px;}

.image-slider{
    cursor:move;
}

.inner-padding{
    padding:90px 0 90px 0;
}

.no-padding{
padding:0;
}

.float-left {
float: left;
}

#loader-area{
display:none;
background:#fff;
}

#loader-area{
display:none;
background:#111;
}

.loader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 99999;
background: url('.images/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
}

.page-overlay {
display:none;
width: 120px;
height: 120px;
background:url(images/page-loader.gif) center no-repeat #fff;
border-radius:10px;
position: fixed;
top:0;
bottom: 0;
left: 0;
right: 0;
z-index:10000;
margin: auto;
}

.teaser{
    font-family:"Raleway",Arial;
    font-size:15px;
    font-weight:300;
}
span.teaser {
    font-size: 18px;
}
.form-control:focus{
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
}

.owl-arrow{
    position:absolute;
    z-index:100;
    background:#fff;
    margin-top:48%;
    display:none;
    cursor:pointer;
}
.owl-arrow span{
    display:block;
    background:#555;
    position:absolute;
    
}
.owl-arrow .prev{
    left:0;
}
.owl-arrow .next{
    right:0;
}

.owl-arrow .prev:before, .owl-arrow .next:before{
    font-family:"FontAwesome";
    content:'\f177';
    color:#fff;
    padding:20px;
    font-size:32px;
    display:block;
}
.owl-arrow .next:before{
    content:'\f178';
}

.owl-theme .owl-controls .owl-page span{
width:5px ;
height:5px ;
}
.post-image .owl-theme .owl-controls .owl-page span{
width:10px ;
height:10px ;
}
.owl-pagination{
    margin-top:0px;
}

.gallery-carousel.owl-theme .owl-controls .owl-buttons div{
    margin: 0px;
    border-radius: 0px;
}
.gallery-carousel .owl-buttons .owl-prev:hover,
.gallery-carousel .owl-buttons .owl-next:hover{
    cursor:pointer;
    background:#111;
    color:#fff;
}

.text-slider{
    line-height:72px;
    color:#fff;
    font-size:72px;
    text-transform:uppercase;
    font-weight:300;
    display:inline-block;
    letter-spacing:20px;
}

.text-slider.big-text{
    font-size:120px;
    line-height:120px;
    font-weight:bold;
}

.border-deco .text-item{
    display:inline-block;
}

.text-item i{
    font-size:60px;
    margin-top:5px;
}

.text-slider.big-text i{
    font-size:90px;
    margin-top:15px;
}

/* mouse scroll icon begin */
.mouse {
  position: absolute;
  width: 22px;
  height: 42px;
  bottom: 40px;
  left: 50%;
  margin-left: -12px;
  border-radius: 15px;
  border: 2px solid #888;
  -webkit-animation: intro 1s;
  animation: intro 1s;
}
.scroll {
  display: block;
  width: 3px;
  height: 3px;
  margin: 6px auto;
  border-radius: 4px;
  background: #888;
  -webkit-animation: finger 1s infinite;
  animation: finger 1s infinite;
}
@-webkit-keyframes intro {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes intro {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes finger {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@keyframes finger {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}
/* mouse scroll icon close */

/* ================================================== */
/* quick-search */
/* ================================================== */
.quick-search {
display: inline-block;
float: right;
margin-left: 10px;
padding: 10px 0 0 0;
}

.quick-search input {
width: 120px;
border-radius: 40px;
} 

#search{
float:left;
width:70%;
margin-bottom:0;
}

#btn-search{
border:none;
padding:7px;
background:#222;
float:left;
width:30%;
height:42px;
}

#btn-search:before{
    font-family:FontAwesome;
    content: "\f002";
    font-size:24px;
    color:#111;
}

#btn-search:hover{
background:#fff;
}

/*-------- Add Css Footer-social-Icon ------------ */

.sl-heding {
    margin: 20px 0px !important;
    padding: 0 !important;
    display: block !important;
    font-weight: 600;
    font-size: 15px !important;
}
.sl-icon li {
    display: inline-block;
    margin-right: 10px;
}
.sl-icon li a {
    display: block;
    width: 25px;
    height: 25px;
    background: #edaf1e;
    color: #fff;
    text-align: center;
    padding: 6px 7px;
    font-size: 14px;
}
.facebookContent22 {
    position: fixed;
    right: 0;
    cursor: pointer;
    z-index: 2;
    top: 300px;
    
}
.facebookContent22 img{
    width: 40px;
    margin-top:-4px;
}
.sele-type select {
    padding: 9px 4px !important;
    letter-spacing: normal;
    color: black;
}


/* ================================================== */
/* review */
/* ================================================== */
.de_review {
text-align:center;
min-height:260px;
}

.de_review .de_nav {
overflow: hidden;
padding-left: 0;
margin: 0;
padding: 0;
font-weight:bold;
text-align:center;
}

.de_review .de_nav li {
list-style: none;
background: #EEE;
margin: 0 10px 0 10px;
margin-bottom:20px;
}

.de_review .de_nav li{
display:inline-block;
}

.de_review .de_nav li img{
width:100px;
height:auto;
}

.de_review .de_nav li span {
padding: 8px 16px 8px 16px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
display: block;
background: #f5f5f5;
text-decoration: none;
color: #646464;
font-size: 13px;
cursor: pointer;
}

.de_review blockquote{
border:none;
font-family:"Roboto Slab", Georgia, "Times New Roman", Times, serif;
}

.de_review .de_nav li span {
border: 1px solid #404040;
background:#222;
}

.de_review .de_nav li:first-child span {
border-left: 1px solid #ddd;
}

.de_review .de_nav li:first-child span {
border-left: 1px solid #404040;
}

.de_review .de_review_content {
border: 1px solid #ddd;
padding: 15px 20px 20px 20px;
margin-top: -1px;
background: #fff;
}

.de_review .de_review_content {
border: 1px solid #404040;
background: #27282b;
}

.de_review .de_nav li.active span {
background: #FFF;
border-bottom: 1px solid #fff;
color: #222;
margin-bottom: -3px;
}


.separator {
  line-height: 0.5;
  text-align: center;
  margin:30px 0 30px 0;
}
.separator span {
  display: inline-block;
  position: relative;
 
}
.separator span:before,
.separator span:after {
  content: "";
  position: absolute;
  border-bottom: 1px solid rgba(255,255,255,.1);
  top: 5px;
  width: 300px;
}
.separator span:before {
  right: 100%;
  margin-right: 15px;
}
.separator span:after {
  left: 100%;
  margin-left: 15px;
}

.separator span  i{
    font-size:6px;
    padding:0;
    margin:0;
    float:none;
}
p.intro {
    font-size: 16px;
    line-height: 1.5em;
}
.text-light .separator span:before,
.text-light .separator span:after {
  border-bottom: 1px solid rgba(255,255,255,.1);
}
.title_404{
  font-size: 50px;
  font-weight: 500;
  margin-bottom: 20px;
}
.content_404{
    margin-bottom: 20px;
}

/* css attributes */

/* margin top */
.mt0{margin-top:0;}.mt10{margin-top:10px;}.mt20{margin-top:20px;}.mt30{margin-top:30px;}.mt40{margin-top:40px;}.mt50{margin-top:50px;}.mt60{margin-top:60px;}.mt70{margin-top:70px;}.mt80{margin-top:80px;}.mt90{margin-top:90px;}.mt100{margin-top:100px;}

/* margin bottom */
.mb0{margin-bottom:0;}.mb10{margin-bottom:10px;}.mb20{margin-bottom:20px;}.mb30{margin-bottom:30px;}.mb40{margin-bottom:40px;}.mb50{margin-bottom:50px;}.mb60{margin-bottom:60px;}.mb70{margin-bottom:70px;}.mb80{margin-bottom:80px;}.mb90{margin-bottom:90px;}.mb100{margin-bottom:100px;}

.pt0{padding-top:0;} .pt10{padding-top:10px;} .pt20{padding-top:20px;} .pt30{padding-top:30px;} .pt40{padding-top:40px;} .pt80{padding-top:80px;}
.pb0{padding-bottom:0;} .pb10{padding-bottom:10px;} .pb20{padding-bottom:20px;} .pb30{padding-bottom:30px;} .pb40{padding-bottom:40px;} .pb80{padding-bottom:80px;}


/* margin top */
.mt-10{margin-top:-10px;}.mt-20{margin-top:-20px;}.mt-30{margin-top:-30px;}.mt-40{margin-top:-40px;}.mt-50{margin-top:-50px;}.mt-60{margin-top:-60px;}.mt-70{margin-top:-70px;}.mt-80{margin-top:-80px;}.mt-90{margin-top:-90px;}.mt-100{margin-top:-100px;}
    
.mr10{margin-right:10px;}.mr20{margin-right:20px;}.mr30{margin-right:30px;}
    
.absolute{position:absolute; z-index:1;}
.overflow-hidden{overflow:hidden;}
.width100{width:100%;}

.border1{
border-width:1px ;
}

.display-table{
    display:table;
    margin-right: -1px;
}

.display-table [class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: top;
    margin:0;
    padding:0;

}

.overlay50{background:rgba(0,0,0,.5)}
.overlay60{background:rgba(0,0,0,.6)}
.overlay70{background:rgba(0,0,0,.7)}
.overlay80{background:rgba(0,0,0,.8)}

/* columns */
.fullwidth {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    padding: 0 ;
    margin: 0 ;
    overflow: hidden;
}

.box-container {
    width: 101%;
}

.one-fourth {
    width: 24.9%;
    display: table-cell;
    vertical-align: middle;
}

.one-third {
    width: 33.3%;
    float: left;
}

.three-fourth {
    width: 74.9%;
    height: 100%;
    display: table-cell;
}

.box-one-third {
    width: 33.333%;
    float: left;
}
.box-four-columns {
    width: 25%;
    float: left;
}
.box-five-columns {
    width: 20%;
    float: left;
}
.box-six-columns {
    width: 16.66666667%;
    float: left;
}
.box-two-columns {
    width: 50%;
    float: left;
}

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div {
  color: #222;
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
  margin: 0px;
  padding: 0px 0px;
  width: 32px;
  height: 32px;
  line-height: 29px;
  text-align: center;
  font-size: 18px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin: 0px 10px;
  transition: opacity 0.2s ease-out 0s;
  filter: alpha(opacity=80);
  /*IE7 fix*/
  opacity: 0.8;

}
.owl-theme .owl-controls .owl-buttons div i{float: none;margin: 0px;}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
  text-decoration: none;
  filter: alpha(opacity=100);
  /*IE7 fix*/
  opacity: 1;
}
.owl-theme .owl-controls .owl-buttons {
    position: absolute;
    top: 50%;
    margin-top: -32px;
    width: 100%;
}
.owl-theme .owl-controls .owl-buttons .owl-prev {float: left;}
.owl-theme .owl-controls .owl-buttons .owl-next {float: right;}

    /* Back To Top*/
    #back-to-top {
        background-color: #fcd409 !important;
        border: 0 none;
        bottom: 40px;
        cursor: pointer;
        height: 32px;
        line-height: 30px;
        opacity: 0;
        outline: medium none;
        position: fixed;
        right: 40px;
        text-align: center;
        text-decoration: none;
        transition: opacity 0.2s ease-out 0s;
        width: 32px;
        z-index: 1000;
    }
    #back-to-top:hover {
        background: #000 none repeat scroll 0 0;
    }
    #back-to-top.show {
        opacity: 1;
    }
    #back-to-top::before {
        color: #222;
        content: "\f106";
        font-family: "FontAwesome";
        font-size: 22px;
        margin: 5px;
        position: relative;
    }
    #back-to-top:hover::before {
        color: #fff;
    }

.page.page-id-4366 #subheader{padding-top:100px;}
.page.page-id-4366 #subheader h1{text-align:center;}
.page.page-id-4366 #subheader h1:before{display:none;}
.page.page-id-4366 #subheader .crumb{text-align:center;}


.page.page-id-4391 #subheader{padding-top:100px;}
.page.page-id-4391 #subheader h1{text-align:center;}
.page.page-id-4391 #subheader h1:before{display:none;}
.page.page-id-4391 #subheader .crumb{text-align:center;}

.mod-k1{padding:60px 0;}
.mod-k1 .mod-k1-inner1 .vc_column-inner > .wpb_wrapper{display:flex; border: 5px solid #30373f; padding:28px 20px; position:relative;}
.mod-k1 .mod-k1-inner1 .vc_column-inner > .wpb_wrapper:before{position: absolute;
    top: -5px;
    background: #23262d;
    left: 50%;
    height: 5px;
    width: 165px;
    content: "";
    transform: translateX(-50%);}
.mod-k1 .mod-k1-inner1 .vc_column-inner > .wpb_wrapper:after{position: absolute;
    bottom: -5px;
    background: #23262d;
    left: 50%;
    height: 5px;
    width: 165px;
    content: "";
    transform: translateX(-50%);}


.mod-k1 h2{margin-top:0; color: #FAB207;}
.mod-k1 h2 strong{display:block; color:#fff; font-weight:600;}
.mod-k1 .mod-k1-inner1 .wpb_single_image.wpb_content_element{width: 70%;
    margin-right: 7px;}
.mod-k1 .mod-k1-inner1 p{text-transform:uppercase;}
.mod-k1 .mod-k1-inner1 .wpb_text_column.wpb_content_element{margin-bottom:0!important;}
.mod-k1 .mod-k1-inner1 p strong{color:#FAB207;}

.btn-get .vc_general.vc_btn3{padding-right: 48px!important; text-transform:uppercase; font-size:14px !important; background:#30373f!important; border-radius: 100px;}
.btn-get .vc_general.vc_btn3 i{right:10px !important; color:#fab207;}
.mod-k2{padding:50px 0;}
.mod-k3{padding:60px 0;}
.mod-k3 h5{color: #000;
    font-size: 18px;
    font-weight: 500;}
.mod-k3 h2{color: #000;
    margin: 0 0 20px;
    font-size: 32px;
    line-height: 1.1;
    font-weight: 500;}
.mod-k3 p{color:#000;}
.mod-k3 .wpb_text_column.wpb_content_element h3{color:#000;}
.mod-k3 .wpb_text_column.wpb_content_element p{color:#000;}
.step-box .vc_column-inner 
{background: #fff;
    padding: 30px 25px;}
.mod-k4{padding:60px 0;}
.mod-k4 h5{font-size: 18px;
    letter-spacing: 2px;
    font-weight: 500; margin-top:40px;}
.mod-k4 h2{text-transform:uppercase; margin-top:0;font-weight:600; margin-bottom:15px;}
.mod-k4 h2 strong{color:#fab207;}
.mod-k4 p{}
.mod-w2{padding:70px 0;}
.mod-w2 h6{color: #000;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;}
.mod-w2 h2{color:#000;}
.mod-w2 p{color:#000;}
.mod-w2 .wpb_column.vc_column_container.vc_col-sm-12{
	border:1px solid #eee;
	padding-top: 40px;
    padding-bottom: 20px;
}
.mod-w3{
padding:60px 0;	
}
.mod-w3 h2{color:#000; padding-right:175px;}
.mod-w3 p{color:#000;}
.mod-k1{
	padding:60px 0;
}
.mod-inner1 h2{
	margin-top:30px;
}
.ben-mod{display: flex;
    margin-bottom: 40px;}
.ben-mod h4{color:#fbd304;}
.ben-mod .ben-mod-img{margin-right:15px;}
.ben-sec h3{text-transform:initial; margin-bottom:25px;}
.mk-kit .vc_col-sm-3 > .vc_column-inner{padding-left:0; padding-right:0;} 
.mk-kit .wpb_text_column.wpb_content_element{
	margin-top: -50px;
    text-align: center;
    margin-bottom: 60px;
}
.mk-kit{position:relative;}
.mk-kit:before{background:#23262d !important; height:290px; top:0; left:0; width:100%; content:""; position:absolute;}


.mb-banner{display:none;}

/* ================================================== */
/* R E S P O N S I V E */
/* ================================================== */
    @media(min-width:980px) and (max-width: 1199px) {
        header #mainmenu a{
            padding-left:5px;
            padding-right:5px;
        }        
        #mainmenu li a:after{
            margin-left:15px;
        }
		.pf_full_width.pf_6_cols .item{
			width: 25%;
		}
    }
    
    /* -------------------------------------------------- 
    design for 768px
    /* ================================================== */
    @media (min-width: 768px) and (max-width: 979px) {
        .slider_text {
            padding-top: 0px;
        }
        .pf_full_width .item {
            width: 33.3%;
        }
        .pf_full_width.pf_4_cols .item{
            width: 33.3%;
        }
    }

    @media only screen and (min-width: 993px) {
        header.header-desktop-nosticky:not(.header-bottom){position: static;}
        header.de_header_2.header-desktop-nosticky.smaller:not(.header-bottom) .info {
            position: relative;
            opacity: 1;
            z-index: 1;
        }
        header.de_header_2.header-desktop-nosticky:not(.header-bottom){height: 125px;}
        header.header-desktop-nosticky.smaller:not(.header-bottom) #mainmenu > li > a {
            padding: 25px 0 20px 20px;
        }
    }    

    @media only screen and (max-width: 992px) { 
        #menu-btn{
            display:block;
            position:relative;
            float:right;
        }                
        header{
            display:none;
        }

        header .info{
            display:none ;
        }
        
       
        

        header.de_header_2{height: auto;}

        header, header.fixed {
            display:block;
            position:inherit;
            margin:0;
            padding:0;
            margin-top:0;
            height:auto ;
            background:#000000;
            
        }
        header div#logo{
            height: 50px;
            line-height: 40px;
        }
        header.fixed div#logo {
            height: 60px;
            line-height: 60px;
            float: left;
        }
        header div#logo a img {
            max-height: 76px;
            margin-top: -10px;
        }        
        header.fixed div#logo img{
            height:auto;
        }
        
        #subheader{
            padding:100px 40px 40px 40px;
            margin:0;
        }
        .has-topbar #subheader{padding-top: 0px;}
        #subheader h1{
            margin:40px 0 10px 0;
            line-height: 54px;
            font-size:46px;
        }
        #subheader span{
            display:none;
        }
        #subheader .crumb{
            display:none;
        }
        .no-subpage {display: none;}
        .slider_text h1 {
            font-size: 32px;
        }
        
        .slider_text .description {
            display: none;
        }

        .box-one-third {
            width: 100%;
        }
        .box-four-columns, 
        .box-five-columns, 
        .box-six-columns, 
        .box-two-columns {
            width: 100%;
        }
        
        .container-4 .de-team-list, .de-team-list, .container-5 .de-team-list{
            width:49.9%;
            float:left;
            position:relative;
        }        
        .pf_full_width.pf_5_cols .item{
			width:25%;
		}
		.pf_full_width.pf_6_cols .item{
			width: 25%;
		}
        #testimonial-full blockquote {
            padding: 20px;
        }
        
        #revolution-slider{
        }
        
        nav{
            width:100%;
        }
        
        #mainmenu{
            display:none;
            float:none;
            z-index:200;
            width:100%;
            margin:0;
            padding:0;
        }
        
        #mainmenu a{
            text-align:left;
            padding-top:10px ;
            padding-bottom:10px ;
        }
        
        #mainmenu a:hover{
            background:#111 ;
        }
        
        
        #mainmenu li ul{
            display:block;
            position:inherit;
            margin:0;
            width:100%;
        }
        
        #mainmenu li{
            border-bottom:solid 1px #333;
            margin:0;
            width:100%;
            display:block;
            letter-spacing:3px;
        }
        
        #mainmenu li a:after{
            display:none;
        }
        
        #mainmenu li:last-child{
            margin-bottom:30px;
        }
        
        #mainmenu li ul{
            border-top:solid 0px #333;
            top:auto;
        }
        
        #mainmenu li ul a{
            width:100%;
            background:none;
            border:none;
        }
        
        #mainmenu li ul li{
            border:none;
            padding-left: 40px ;
        }
        
        #mainmenu li ul li a{
            display:block;
            border-left:solid 1px #333;
            border-bottom:solid 1px #333;
        }
        
        #mainmenu li ul li:last-child{
            border-bottom:none;
            margin:0;
        }
        
        #mainmenu li ul li:last-child a{
            border-bottom:none;
        }
        #mainmenu li a{
            color:#eceff3;
        }
        
        #mainmenu  li li a{
            font-size:10px;
        }
        
        #mainmenu  li li a:hover{
            color:#fff;
        }
        #mainmenu li li li a {background: transparent;}
		#mainmenu li ul ul {left: 0;}

        header.header-mobile {
            background: #111;
        }
		
		header.header-mobile-sticky{
            position:fixed;
        }
		
		header.header-mobile #mainmenu{
			display:none;
			float:none;
			z-index:200;
			width:100%;
			margin:0;
			padding:0;
		}
		
		header.header-mobile #mainmenu a{
		text-align:left;
		padding-top:10px ;
		padding-bottom:10px ;
		}
		
		header.header-mobile #mainmenu a:hover{
		background:none ;
		}
		
		
		header.header-mobile #mainmenu li ul{
		display:block;
		position:inherit;
		margin:0;
		width:100%;
		}
		
		header.header-mobile #mainmenu li{
		border-bottom:solid 1px #333;
		margin:0;
		width:100%;
		display:block;
		letter-spacing:3px;
		}
		
		header.header-mobile #mainmenu li a:after{
		display:none;
		}
		
		header.header-mobile #mainmenu li:last-child{
		margin-bottom:30px;
		}
		
		header.header-mobile #mainmenu li ul{
		border-top:none;
		top:auto;
		}
		
		header.header-mobile #mainmenu li ul a{
		width:100%;
		background:none;
		border:none;
		}
		
		header.header-mobile #mainmenu li ul li{
		border:none;
		padding-left: 40px ;
		}
		
		header #mainmenu li ul li:first-child{
		border-top:solid 1px #333;
		}
		
		header.header-mobile #mainmenu li ul li a{
		display:block;
		border-left:solid 1px #333;
		border-bottom:solid 1px #333;
		}
		
		header.header-mobile #mainmenu li ul li:last-child{
		border-bottom:none;
		margin:0;
		}
		
		header.header-mobile #mainmenu li ul li:last-child a{
		border-bottom:none;
		}
		
		header.header-mobile #mainmenu li a{
		color:#eceff3;
		}
		
		header.header-mobile #mainmenu  li li a{
		font-size:10px;
		}
		
		header.header-mobile #mainmenu  li li a:hover{
		color:#fff;
		}
		
		header.header-mobile #mainmenu > li > ul, 
		header.header-mobile #mainmenu > li > ul > li > ul{
			height:0;
			overflow:hidden;
			position:relative;
		}
		
		header.header-mobile #mainmenu > li > span{
			width:36px;
			height:36px;
			background:url(images/ui/arrow-down.png) center no-repeat;
			position:absolute;
			right:0px;
			top:0px;
			margin-top:10px;
			z-index:1000;
			cursor:pointer;
		}
		
		header.header-mobile #mainmenu > li > span.active{
			background:url(images/ui/arrow-up.png) center no-repeat;
		}
		
		header.header-mobile #mainmenu > li > ul > li > span{
			width:36px;
			height:36px;
			background:url(images/ui/arrow-down.png) center no-repeat;
			position:absolute;
			right:0;
			top:0px;
			margin-top:10px;
			z-index:1000;
			cursor:pointer;
		}
		
		header.header-mobile #mainmenu > li > ul > li > span.active{
			background:url(images/ui/arrow-up.png) center no-repeat;
		}
		
		.smaller.header-bottom div#logo, .header-bottom div#logo {
			height: 100%;
			line-height: 60px;
			max-height: 80px;
		}
		
        .de_tab.tab_steps .de_nav li .v-border{
            border:none;
        }
        .container .col-md-3{ margin-bottom:0px;min-height: 0; }
        .container .col-md-4{ margin-bottom:30px; }
        .container .col-md-5{ margin-bottom:30px; }
        .container .col-md-6{ margin-bottom:30px; }
        .container .col-md-7{ margin-bottom:30px; }
        .container .col-md-8{ margin-bottom:30px; }
        .container .col-md-9{ margin-bottom:30px; }
        .container .col-md-10{ margin-bottom:30px; }
        .container .col-md-11{ margin-bottom:30px; }
        .container .col-md-12{ margin-bottom:30px; }
		
		
		.image-container, .side-bg .image-container{ 
			position:relative; 
			width:100%; 
			height:400px ; 
            margin-bottom: 60px ;
			top:0;
		}
		
		.de_tab.tab_steps  .de_nav{
			text-align:center;
		}
		
		.de_tab.tab_steps .de_nav li{
			display:block;
			margin:0;
			padding:0;
		}
		
		.de_tab.tab_steps .de_nav li span{
			margin:0;
			margin-bottom:40px;
			display:inline-block;
		}
		
		.de_tab.tab_steps .de_nav li .v-border{
			border:none;
		}
		
        .hidden-phone{
            display:none;
        }
		
		.display-table{
			display:block;
		}
		
		.display-table [class*="col-"] {
			float: none;
			display: block;
			vertical-align: top;
		}
		
        .grid_gallery .item{
            width:100%;
        }
		#services-masonry .item {margin-bottom: 30px ;}
    
    }


    /* -------------------------------------------------- 
    custom for 320px & 480px 
    /* -------------------------------------------------- */
    @media only screen and (max-width: 767px) {   
        .mfp-content .container {
            padding-right: 4px ;
            padding-left: 4px ;
        }     
        .mfp-content .project-info {margin-left: 0px;}
        .mfp-content .project-info h2, .mfp-content .project-info .details {margin-bottom: 20px;}

        .pricing-box {
			width: 100% ;
        }   
        
        .countdown-section {
            font-size: 12px;
        }
        ul.countdown li span {
            font-size: 36px;
        }
        ul.countdown li.seperator{
            padding: 10px;        
            line-height: 60px;
        }
        ul.countdown{
            padding-left: 0;
        }
		.bg-fixed {
            background-position: top;
			background-attachment: scroll ;
            background-color: #18191b;
			position: relative;
			width: 100%;
			background-repeat: no-repeat;
			background-position: 100% 0;
		}
        h1.title-2{
            font-size:16px;
            letter-spacing:10px;
            line-height:2em;
        }                
    }
    
    
    /* -------------------------------------------------- 
    design for 480px
    /* -------------------------------------------------- */
    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .container{padding-left:30px; padding-right:30px;}
        .feature-box-image,.pricing-box{margin-bottom:30px;}
    
    }
    
    
    /* -------------------------------------------------- 
    design for 767px
    /* -------------------------------------------------- */
    @media only screen and (max-width: 767px) {
		body{overflow-x: hidden;}
		.subfooter .text-right, .subfooter {text-align: center;}
		.subfooter .social-icons {margin-top: 10px;}
        .container{padding-left:30px; padding-right:30px;}
        .feature-box-image,.pricing-box{margin-bottom:30px;}
        
        .pf_full_width .item{
            float:left;
            width:49.9% ;
        }

        .text-item{
            font-size:48px;
            line-height:48px;
        }
        
        .text-item i{
            font-size:36px;
        }

      .facebookContent22{top:auto; bottom:0px;}
      .sidebar-contact .toggle{top:50px;}
      .sidebar-contact{padding: 8px 20px;}
      .sidebar-contact h2{font-size:24px !important;}
      .sidebar-contact input, .sidebar-contact select, .sidebar-contact textarea{padding:4px 8px;}
      .sidebar-contact textarea{height:50px;}
      .sidebar-contact input[type="submit"]{padding:5px 10px;}

    
    }

     @media only screen and (min-width: 500px) {        
        a.whsa-2 {
            display: none;
        }       
        
     }
     @media only screen and (max-width: 499px) {
        a.whsa-1 {
            display: none;
        }
        a.whsa-2 {
            display: block;
        }
        .facebookContent22 img{
            width: 40px;
        }
    }
    /* -------------------------------------------------- 
    design for 480px
    /* -------------------------------------------------- */
    @media only screen and (max-width: 480px) {
        .pf_full_width .item{
            float:left;
            width:100% ;
        }
        .container-4 .de-team-list, .de-team-list, .container-5 .de-team-list{
            width:100%;
            float:left;
            position:relative;
        }
        .text-item{
            font-size:32px;
            line-height:32px;
        }
        
        .text-item i{
            font-size:24px;
        }
        ul.countdown li.seperator{
            padding: 0;        
            line-height: 80px;
        }
        ul.countdown li.seperator{
            width:0;
        }
        ul.countdown li p{
            margin-top:0;
        }
        .spacer-double{
           height:0px;
        }
        .de_carousel .item {padding: 0px ;}        
        #filters li.pull-right {float: none ;}
        .padding50{padding:20px ;}
        .padding60{padding:20px ;}
        .mb-banner,.mbr-slider {display: block !important;}
        .rtr-banner .de-video-container,.mbr-row .logo-carousel {display: none;}
        .commercial-sec.vc_custom_1560946697587 {padding-bottom: 0px !important;}
    }
    /* -------------------------------------------------- 
    design for 320px
    /* -------------------------------------------------- */
    @media (min-width: 300px) and (max-width: 979px) {    
        #mainmenu li a{ display:block; width:100%;}
        section{ background-position:top ;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-attachment:scroll;
        }
        .team img.team-pic{max-width:300px;}
    }


/* -------------------------------------------------- 
    Equal Height Visual Composer Style
/* -------------------------------------------------- */
.container .row .vc_column_container {
    padding-left: 15px;
    padding-right: 15px;
}
.wpb_row.vc_row-flex .row {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
}
.wpb_row.vc_row-o-equal-height .vc_column_container {
    -moz-box-align: stretch;
    align-items: stretch;
}
.wpb_row.vc_row-flex .vc_column_container {
    display: flex;
}
.wpb_row.vc_row-o-content-middle .vc_column_container .vc_column-inner {
    -moz-box-pack: center;
    justify-content: center;
}
.wpb_row.vc_row-flex .vc_column_container .vc_column-inner {
    -moz-box-flex: 1;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.wpb_row.vc_row-o-content-bottom .vc_column_container .vc_column-inner {
    -moz-box-pack: end;
    justify-content: flex-end;
}
.wpb_row.vc_row-o-content-top .vc_column_container .vc_column-inner {
    -moz-box-pack: start;
    justify-content: flex-start;
}

/* Add new css code in 24.10.16 */  
.logo-carousel ul li {text-align: center;}
.de_tab_content_inner .vc_column_container > .vc_column-inner {
  padding-left: 0px;
  padding-right: 0px;
}
.de_tab_content_inner section{background-color: transparent;}

.share-holder{margin-left: 60px;margin-bottom: 60px;margin-top: 20px;}
.share-holder h4, .social-links.rounded-share-icons {
  display: inline-block;
}
.share-holder .social-links.rounded-share-icons a {
    display: inline-block;
    background-color: #fff;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    -webkit-border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 50%;
    -moz-background-clip: padding;
    border-radius: 50%;
    background-clip: padding-box;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background-color: #eee;
    margin-left: 5px;
}
.share-holder .social-links.rounded-share-icons a i {
    font-size: 14px;
    color: #333;
    float: none;
    margin: 0px;
}
.post-controls{margin-bottom: 60px;}
.post-controls a:hover {text-decoration: none;}
.post-controls .post-title em{display: block;font-style: normal;color: #f6f6f6;text-transform: uppercase;}
.post-controls .post-title strong{display: block;font-weight: 300; font-size: 15px;color: #f2f2f2;}
.post-controls .nav-previous .post-title{}
.post-controls .nav-next .post-title{}
.text-slider .text-item b{font-weight: normal;}

 /* -------------------------------------------------- 
    sk new vision 
    /* -------------------------------------------------- */

  .wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=tel] {
    margin-bottom: 0!important;
}

.wpcf7-form-control select option{
	text-transform: uppercase;
}

#content p , #content div{color: #000;}
#content h1{color: #000;}
.furniture-sec p{color: #000;}
.furniture-sec  img{ padding: 5px; border:1px solid #ddd; max-width: 100%; height: auto; width: 100%;}
.furniture-sec .vc_column-inner {padding: 0px !important;}
/*=============== Additional CSS ================*/

.main-video-wrapper{position:relative;}
.cover-banner {position: absolute;top: 50%;left: 10%;color: #fff;transform: translateY(-50%);width: auto;z-index: 9;}

.cover-banner *{text-align: left;}
.cover-banner h3{position: relative; margin-bottom: 20px; padding-bottom: 25px;}
.cover-banner h3::before{content: ''; position: absolute; left: 0; height: 3px; background-color: #fcd406; bottom: 6px; width: 95px;}
.custom-btn a{color: #000 !important;background-color: #fcd406 !important;font-size: 17px !important;font-weight: 600;padding: 10px 25px !important; display: inline-block;}
.cover-banner .wpb_wrapper{opacity: 1 !important;}
.cover-banner span.teaser{color: #fff; font-size: 17px; display:none;}

.cover-banner .center-y{opacity:1!important; background-color: rgba(0, 0, 0, 0.32); padding:10px; margin-bottom:20px; border-radius:10px;}


.commercial-sec .wpb_single_image img{display: block; width: 100%;}
.commercial-sec p{color: #000;}
.commercial-sec .vc_row{display: flex;}
.commercial-sec .vc_row .vc_col-sm-3{padding: 0px; }
.commercial-sec .vc_row .vc_col-sm-3:nth-of-type(2n){border:1px solid #ddd;}

p{font-size: 15px;}
.logo-carousel ul li{overflow: hidden;}
.logo-carousel li img{width: 100% !important;}

.interior-circle .vc_col-sm-3:nth-of-type(1) h4 {
    padding-top: 10px;
}
.img-slider .owl-controls .owl-buttons,.mbr-row .owl-controls .owl-buttons {width: auto; right: 0; top: 39%;}
.img-slider .owl-controls .owl-buttons .owl-prev,.mbr-row .owl-controls .owl-buttons .owl-prev,
.img-slider .owl-controls .owl-buttons .owl-next,.mbr-row .owl-controls .owl-buttons .owl-next{background-color: transparent; margin: 0px; margin-left: 8px; border:1px solid #ddd;}
.img-slider .owl-controls .owl-buttons .owl-prev.mbr-row .owl-controls .owl-buttons .owl-prev{float:none;}
.img-slider .owl-controls .owl-buttons .owl-next,.mbr-row .owl-controls .owl-buttons .owl-next{float:none;}
.img-slider .custom-btn{position: absolute; bottom: 0; z-index:9;}

.bg-fixed h2 span{color: #fcd406;}
.bg-fixed  p{color: #464646;}

.wpb_single_image {margin-bottom: 0 !important;}
.left-brdr {position: relative; padding-left: 45px;}
.left-brdr::before{content: ''; position: absolute; left: 0px; top: 7px; width: 35px; height: 3px; background-color: #fcd406;}

.video-sec .vc_col-sm-6:nth-of-type(1) .vc_column-inner{padding: 60px 40px 60px 245px !important;
background-image: url('/wp-content/uploads/2019/06/bg-img.png');
background-repeat: no-repeat; background-position: left bottom;}

.video-sec .vc_col-sm-6 p{color: #000;}
.video-sec .vc_col-sm-6 ul{padding:0px; margin: 0px;}
.video-sec .vc_col-sm-6 ul li{color: #000; font-size: 15px; background-image: url('/wp-content/uploads/2019/06/circle.png');
background-repeat: no-repeat; background-position: left top;list-style: none;padding-left: 30px;}
.video-sec .vc_col-sm-6 ul li strong{font-size: 20px; color: #fff;display: block; font-weight: 600; margin-bottom: 8px;}
.video-sec .vc_col-sm-6 ul li:last-child{margin-top: 14px;}
.video-sec .vc_col-sm-6:nth-of-type(1) .wpb_wrapper .wpb_content_element:nth-of-type(2){margin-bottom: 0px !important;}
.video-sec h2 span{color: #fff;}
.video-sec .wpb_video_widget{margin-bottom: 0px !important;}

.video-sec .vc_col-sm-6:nth-of-type(2) .vc_column-inner {padding-left: 0px !important;} 
.video-sec h5::before{background-color: #fff;}

.video-sec .wpb_content_element {margin-bottom: 0px;}

#video-wrap .wpb_wrapper p{position: relative; overflow: hidden; padding-bottom: 74%;}
#video-wrap .wpb_wrapper p iframe{position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 100%;}

.interior-circle h4{margin-top: 16px;}
.interior-circle .row{position: relative;}
.interior-circle .row::before{content: ''; position: absolute; left: 0; right: 0; height: 210px; margin: auto;
background-image: url('/wp-content/uploads/2019/06/tringle.png');
background-repeat: no-repeat; top: 128px; width: 100%; background-position: center center;}
.interior-circle{background-image: url('/wp-content/uploads/2019/06/intr-img.png');
background-repeat: no-repeat; background-position: right top;  background-size: auto !important;}
.interior-circle h2{display: block;}
.interior-circle h2 span{color: #fcd406; font-weight: 500;}

.vc_tta-panels p{color: #000;}
.interior-circle .wpb_single_image .vc_figure .vc_single_image-wrapper{transition: all 0.4s linear; background-color: #fff; width: 180px; height: 180px; 
 line-height: 180px; position: relative; border-radius: 100%; background-repeat: no-repeat; background-position: center center; margin: 0 auto;}
.interior-circle .wpb_single_image .vc_figure .vc_single_image-wrapper::before{content: ''; position: absolute; border-radius: 100%; left: 0; top: 0; bottom: 0; right: 0; border:1px dashed #000;}
.interior-circle .wpb_single_image .vc_figure .vc_single_image-wrapper img{vertical-align: middle;}
.interior-circle .wpb_single_image .vc_figure .vc_single_image-wrapper:hover{background-color: #fcd406;}

.interior-circle .vc_col-sm-3:nth-of-type(1) 
.wpb_single_image .vc_figure .vc_single_image-wrapper:hover{background-image: url('/wp-content/uploads/2019/06/user-review-1-2.png');}
.interior-circle .vc_col-sm-3:nth-of-type(2) 
.wpb_single_image .vc_figure .vc_single_image-wrapper:hover{background-image: url('/wp-content/uploads/2019/06/hover-img-1.png');}
.interior-circle .vc_col-sm-3:nth-of-type(3) 
.wpb_single_image .vc_figure .vc_single_image-wrapper:hover{background-image: url('/wp-content/uploads/2019/06/hover-img-2.png');}
.interior-circle .vc_col-sm-3:nth-of-type(4) 
.wpb_single_image .vc_figure .vc_single_image-wrapper:hover{background-image: url('/wp-content/uploads/2019/06/hover-img-3.png');}
.interior-circle .vc_col-sm-3:nth-of-type(2n){margin-top: 90px;} 
.interior-circle .wpb_single_image .vc_figure .vc_single_image-wrapper:hover img{opacity: 0;}

.logo-carousel ul{margin-bottom: 0 !important;}

.bed-room h2 span{font-weight: 500; color: #fcd406;}
.bed-room p{color: #000;}

.bed-room .logo-carousel .owl-buttons{top: auto;bottom: 24px; width: auto; right: 0; }
.bed-room .logo-carousel .owl-buttons .owl-prev ,.bed-room .logo-carousel .owl-buttons .owl-next{width: 46px; height: 46px;
line-height: 46px; background-color: #f7f4f3; font-size: 27px; margin:0px 10px; opacity: 1;}
.bed-room .logo-carousel .owl-buttons .owl-prev {margin: 0px;}

/*--------- Filter Portfolio ---------*/
#gallery {display: flex;flex-direction: row;flex-wrap: wrap;}
#filters li{margin-bottom: 0px;}
#filters li a{font-size: 17px; font-family: "Open Sans"; border-radius: 30px; color: #000; font-weight: 600; letter-spacing: 0px; 
 padding: 12px 26px; }
#filters li a.selected{background-color: #fcd406 !important;}
#filters li a:hover{background-color:#fcd406 !important; }

.de-gallery .project-name {font-size: 22px;font-family: Barlow;position: absolute;left: 30px;bottom: 30px;color: #fff;
font-weight: 500;text-transform: capitalize;background-image: url('./images/dot.png');padding-left: 24px;background-repeat: no-repeat; background-position: center left;}

.de-gallery .overlay::before{content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50% , -50%); width: 30px; height: 30px;
background-repeat: no-repeat; background-image: url('/wp-content/uploads/2019/06/zoom-icon.png');}

.site-clr strong{font-weight: 500; color: #fcd406;}
.default-clr strong{color: #fff; font-weight: 500;}

section#subheader{background-position: center !important; background-size: cover !important; background-attachment: inherit;}
#subheader h1 strong{font-family: "Allura"; font-weight: 500; color: #fcd406; display: inline-block; margin-right: 6px;}
.crumb li{text-transform: capitalize;}
.crumb li strong{font-weight: 400;}

.crmcl-img{padding: 50px 0 230px 0; background-repeat: no-repeat;background-position: center;  background-size: cover !important;}
.crmcl-img h3:first-child{font-family: "Allura"; text-transform: capitalize;}

.about-section .wpb_content_element{margin-bottom: 0px;}
.about-section p{color: #000;}
.about-section h2{text-transform: uppercase; padding-top: 80px; padding-bottom: 25px;}
.interior-circle p{color: #000;}

.what-we-do{background-image: none !important;}
.what-we-do h4{text-transform: uppercase; margin-top: 15px;}
.what-we-do .wpb_single_image .vc_figure .vc_single_image-wrapper:hover img{opacity: 1;}
.what-we-do .vc_col-sm-3 .wpb_single_image .vc_figure .vc_single_image-wrapper:hover{background-image: none !important;}

#formhouse .wpb_single_image .vc_figure .vc_single_image-wrapper{margin: auto;}
.bg-white .hero-slider .hero-item{background-color: #fff;}

#mainmenu li span.close-menu{display: none;}
/*--------- Features --------*/
.features .wpb_single_image .vc_figure .vc_single_image-wrapper{background-color: transparent;}
.features .wpb_single_image .vc_figure .vc_single_image-wrapper::before{border-color: #fff;}
.features .wpb_single_image .vc_figure .vc_single_image-wrapper:hover::before{border-color: #000;}

.dark-clr strong{font-weight: 500;}
.text-cptl{text-transform: capitalize;}
.light-dark p{color: #000;}
.light-dark p a{color: #000;}
.light-dark p a:hover{color: #fcd406;}
.design-culture{position: relative;}
.design-culture::before{content: ''; position: absolute; display: block !important;  left: 0; top: 0; bottom: 0; width: 50%; background-color: #fcd406;}
.design-culture .wpb_content_element{margin-bottom: 0;}
.design-culture .vc_col-sm-6 .vc_column-inner {padding: 0px;}
.design-culture .vc_col-sm-6:first-child{padding: 120px 50px 40px 280px;}
.design-culture h2 strong{font-weight: 500; color: #000; display: block; margin-top: 13px;}
.vc_box_border_grey ,.vc_figure{display: block !important;}

.product-con .vc_col-sm-6 .vc_column-inner {padding: 0px;}
.product-con h3{color: #000; text-transform: capitalize; padding: 11px 0 15px;}
.product-con .vc_figure img{width: 100%;}
.product-bg{background-color: #fff; padding: 20px; margin-bottom: 0 !important;  box-shadow: 0px 0px 10px;}
.product-bg a {color: #000;background: #fcd406;display: inline-block; text-decoration: none; 
padding: 6px 20px;border-radius: 30px;font-weight: 500; margin: 28px 0; font-size: 15px;}

.product-con .wpb_content_element{margin-bottom: 0;}
.flex-row{display: flex; flex-direction: row; flex-wrap: wrap;justify-content: space-between; }
.flex-row .flex-item{width: 100%; flex-basis: 48%;}
.flex-row .flex-item h3{margin: 0; padding-top: 0;}
.flex-row .flex-item .fig-cap{background-color: #fff; padding: 20px; box-shadow: 0px 0px 10px;}
.flex-row .flex-item .site-btn{color: #000;background: #fcd406; font-size: 15px; display: inline-block; text-decoration: none; padding: 6px 20px;border-radius: 30px;font-weight: 500;}
.flex-row .flex-item img{width: 100%;}

/*-------- Blog-post Section --------*/
.blog-post .wpb_single_image .vc_single_image-wrapper{display: block;}
.blog-post figure {display: block; width: 100%;}
.blog-post figure img{width: 100%;}
.blog-post .custom-btn {margin-bottom: 0px; position: relative; top: -24px; left: 30px;}
.blog-post h4{margin: 0px; position: relative; padding-bottom: 20px; color:#000;}
.blog-post p{color:#000; margin-bottom: 15px;}
.blog-post h4::before ,.blog-post .blog-list li h3::before{content: ''; position: absolute; left: 0; bottom: 0; height: 4px; width: 48px; background-color: #fcd406;}

.blog-post .blog-list{margin: 0px; padding: 0px; list-style: none; display: flex; flex-direction: row; flex-wrap: wrap;}
.blog-post .blog-list li{width: 100%; margin: 0px; padding: 0px; line-height: inherit;}
.blog-post .blog-list li *{color: #000;}
.blog-post .blog-list li:nth-of-type(1){flex-basis: 60%;}
.blog-post .blog-list li:nth-of-type(2){flex-basis: 40%;}
.blog-post .blog-list li:nth-of-type(3){flex-basis: 60%;}
.blog-post .blog-list li:nth-of-type(4){flex-basis: 40%;}
.blog-post .blog-list li strong{display: inline-block; padding: 7px 15px;color: #000;background-color: #fcd406; 
 font-size: 17px; font-family: Barlow;top: -25px;left: 25px; position: relative; line-height: inherit;}
.blog-post .wpb_content_element{margin-bottom: 0;}
.blog-post .blog-list li h3{ font-weight: 500; margin-left: 20px; position: relative; padding-bottom: 20px;}
.blog-post .blog-list li h3::before{height: 4px; width: 50px; }


.hero-slider{background-color: transparent !important;}
.slick-slider{margin-bottom: 0;}
.hero-slider .hero-item{background-color:#6186a0; padding: 0 10px;}
.hero-slider .hero-item figure{border-radius: 4px; padding: 0 10px;background-color: #fff; }
.hero-slider .hero-item figure img{max-width: 100%;}

.client-logo .hero-slider .hero-item{background-color:#f3f3f3; }
.slick-prev, .slick-next{width: 50px; height: 50px; border:1px solid #ddd; border-radius: 100%;}
.slick-prev{left: -70px;}
.slick-next{right: -70px;}

.client-logo .slick-prev, .client-logo .slick-next{background-color: #e6e6e6;}
.client-logo .slick-prev:before, .client-logo  .slick-next:before{color: #000;}

.bg-white .slick-prev, .bg-white .slick-next{border-color: #333;}
.bg-white  .slick-prev:before, .bg-white  .slick-next:before{color: #333;}


#mainmenu a, .mainmenu li a{letter-spacing: 2px;}
header.clone.smaller { background-color: #1e3d5c !important; border: 0px !important;}

.alura-family{font-family: "Allura"; text-transform: capitalize;} 
section.wpb_row.vc_row-fluid.vc_custom_1561642126067{background-image: url('/wp-content/uploads/2019/06/contact-info.jpg');
background-repeat: no-repeat; background-position: center; background-size: cover !important;}

.queto{position: relative;}
.queto::before , .queto::after{content: ''; width: 58px; height: 44px;  position: absolute; background-repeat: no-repeat; background-position: center;}
.queto::before {left: 55px; top: -20px; background-image: url('/wp-content/uploads/2019/06/qute-left.png');}
.queto::after{right: 170px; bottom: 25px;  background-image: url('/wp-content/uploads/2019/06/qute-right.png');}

.queto.wpb_column.vc_column_container.vc_col-sm-12 {width: 60%;margin: auto;float: none;}
.queto h3{font-family: 'Roboto', sans-serif; text-transform: capitalize;}
.queto h2{font-family: "Allura";}

.white-icon::before{background-image: url('/wp-content/uploads/2019/06/qt-white.png');}
.white-icon::after{background-image: url('/wp-content/uploads/2019/06/qt-2.png');}

.site-color h2 strong{color: #fff; font-weight: 500;}
.site-color .custom-btn a{background-color: transparent !important; border-width: 2px; border-color: #000; text-transform: uppercase;}
.site-color .custom-btn a:hover{border-color: #fff !important; border-width: 2px !important;}

#formhouse .row::before{background-image: url('/wp-content/uploads/2019/06/tring-2.png');}
.design-culture h5{color: #000; font-size: 20px; font-family: 'Roboto', sans-serif; font-weight: 400;}
.design-culture h5:last-child{padding-top: 20px;}

.con-form span.wpcf7-not-valid-tip{margin:0px !important;}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { border: 2px solid #ff1534; color: #ff1534; font-size: 16px;}
/*--------- Contact form ---------*/
.con-form p label{font-size: 15px; color: #a3a3a3; font-weight: 400;}
.con-form p input , .con-form p textarea , .con-form p select{background-color: transparent !important;
border:0px !important; border-bottom: 1px solid #ddd !important; font-size: 17px !important;  color: #000 !important;}
.con-form p textarea {height: 152px; resize: none; margin-bottom: 0;}
.con-form p select{-webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; -ms-appearance: none;
appearance: none; background-image: url('/wp-content/uploads/2019/07/down-arrow.png'); margin-bottom: 0;
background-repeat: no-repeat; background-position: 99%; background-size: 15px;}

/*---------- About Us ------------*/
.vc_tta-tabs-list { text-align: center; margin-bottom:35px !important;}
.vc_tta-tabs-list li{font-size: 18px;margin: 0 10px !important;min-width: 230px; }
.vc_tta-tabs-list li a{border-radius: 30px !important; margin-top: 10px; border-color: #ddd !important; background-color: transparent !important; color: #000 !important;}
.vc_tta-tabs-list li.vc_active a{background-color: #ffdd2f !important; border-color:#ffdd2f !important; }
.vc_tta-tabs-list li.vc_active a::before, .vc_tta-tabs-list li.vc_active a::after{display: none !important;}
.vc_tta-panel-body{padding: 5px !important;}
.vc_tta-panels {border: 0px !important;}

#mainmenu li span{position: absolute; right: 5px;top: 28px;width: 0;height: 0;
border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 7px solid #eceff3;}
.smaller #mainmenu li span{top: 22px;}


.common-tab .vc_tta-tabs-list li{font-size: 14px; min-width: inherit; margin: 0 5px !important;}
.common-tab .vc_tta-tabs-list li.vc_active a{border-color: #fcd406; color: #000 !important; background-color: #fcd406 !important;}
.common-tab .vc_tta-tabs-list li a{border:1px solid #ddd; width: 170px; color: #868686 !important;
background-color: transparent !important; text-align: center; text-transform: uppercase; padding: 11px 5px !important;}
.common-tab .vc_tta-tabs-list{text-align: left;}

.common-tab .vc_col-sm-6{padding: 0px !important; margin-top: 30px;}
.common-tab .wpb_single_image img{width: 100%; }
.common-tab .flex-row .flex-item img{margin-bottom: 25px;}
.common-tab .wpb_content_element , .common-tab .vc_tta-container{margin-bottom: 0;}

#mainmenu li.current-menu-item > a , #mainmenu li.current-menu-ancestor > a{position: relative; overflow: hidden;}
#mainmenu li.current-menu-item > a::before , #mainmenu li.current-menu-ancestor > a::before{content: ''; position: absolute; bottom: 8px; left: 11px; border-radius: 3px; width: 66px; height: 2px; background-color: #fcd406;}
#mainmenu li li a:before{display: none !important;}
/*---------- Trending ------------*/
.blog-post-sec {padding: 50px 30px; background-color: #fff;}
.blog-post-sec .vc-gitem-zone-height-mode-auto:before{padding-top: 40%;}
.blog-post-sec h4{color: #000;}
.blog-post-sec .vc_btn3-left a{background-color: #fcd406 !important;border:0px !important; color: #000 !important;border-radius: 30px; padding: 8px 22px;}
.blog-post-sec p{color: #000;}

.blog-post-sec .vc_col-sm-12:nth-of-type(3):last-child .vc_btn3-left{margin-bottom: 0px !important;}
.bed-room .vc_col-sm-9{padding: 0px 250px 30px 40px !important;
background-image: url(./images/table.png); background-repeat: no-repeat; background-position: right bottom;}

.bg-fixed .slick-track ,.bg-fixed .slick-current{width: 100% !important;}

footer .col-md-4:nth-of-type(2){padding-left: 100px;}
footer #custom_html-2 img{margin-bottom: 20px;}
footer h3{font-size: 27px; color: #fcd406; font-family: 'Roboto', sans-serif;}
footer .menu li{background-image: url(./images/dot.png); background-repeat: no-repeat; background-position: center left;
background-size: 10px; padding-left: 20px; margin-bottom: 10px;}
footer .menu li a{background-color: transparent !important; color: #fff;  font-family: 'Roboto', sans-serif; font-size: 15px; }
footer .menu li:hover{background-color: transparent !important;}
footer .menu li a:hover{color: #fcd406; }
footer address span{font-size: 15px; color: #fff;}
footer #custom_html-2 p{color: #fff;}
.loction , .mob-no ,.email{background-repeat: no-repeat; background-position: center left;padding-left: 45px;margin-bottom: 20px;}

footer .loction{background-image: url(./images/loc.png);}
footer .mob-no{background-image: url(./images/mob.png);}
footer .email{background-image: url(./images/email.png);}

footer .sl-icon{float: left; }
footer .sl-icon h4{margin-top: 0 !important; font-size: 20px; color: #fcd406;}
footer .sl-icon:last-child{padding-left: 26px; margin-left: 20px; border-left: 1px solid #686868;}
.subfooter .text-center{color: #fff; font-size: 18px; font-family: 'Roboto', sans-serif; font-weight: 300;}
.subfooter strong{color: #fcd406; font-weight: 400; font-family: 'Roboto', sans-serif;}

.subfooter p{margin-bottom: 0;}
.subfooter .social-icons{display: none;}

.porfolio-slider h3{text-transform: capitalize; font-family: Barlow; padding-bottom: 10px;}
.porfolio-slider .hero-slider .hero-item{background-color: transparent; padding: 0px;}
.porfolio-slider .hero-item figure{padding: 6px 5px;background-color: #f8f8f8; border: 1px solid #eee;margin: 0 5px;}
.porfolio-slider .slick-prev{left: -15px;}
.porfolio-slider .slick-next{right: -15px;}
.porfolio-slider .slick-prev , .porfolio-slider .slick-next{border-radius: 0px; width: 35px; height: 35px; z-index: 10; background-color: #fcd406; border-color: #fcd406;color: #fff;}

.interior-sec .vc_column-inner{padding: 0px !important;} 
.interior-sec .vc_column-inner img{padding: 4px; border:1px solid #ddd;}

#load-portfolio{color: #000; background-color: #ffdd2f; display: inline-block; padding: 7px 20px; cursor: pointer;}
.wpb_raw_html{margin-bottom: 0 !important;}

div.wpcf7-mail-sent-ok {border: 2px solid green;color: #fff;font-size: 16px;font-weight: 500;background-color: green;text-align: center;}
.blog-post .vc_btn3-left{margin-bottom:0px;}
.blog-post .vc_btn3-left a{color: #fff;background-color: #fabe03 !important;border-radius: 30px;
padding: 10px 25px !important; border:0px !important;}

.tab-slid h3{color: #000; padding:20px 0; text-align: left;}
.main-tab .wpb_wrapper {text-align:center;}
.main-tab .portfolio1 ,.main-tab .portfolio2{border: 0px;color: #000;outline: none !important;background-color:transparent;
padding: 15px 22px;border: 1px solid #000;border-radius: 30px;width: 230px;font-size: 22px;margin: 0 12px;}
.main-tab button.active{background-color:#ffdd2f; border-color:#ffdd2f;} 

.main-tab .hero-slider{margin:0 -12px;}
.main-tab .hero-slider .hero-item{background-color:transparent; padding:0 6px;}
.main-tab .hero-slider .hero-item figure img{ width:100%;}
.main-tab .wpb_content_element {margin:0px !important;}

.post-text.page-content p , .post-text.page-content ol li { color: #000;}
.post-text.page-content p 
.post-text.page-content ol li {font-size: 14px;line-height: 1.6; margin-bottom: 10px;}
.vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_excerpt p {color:#000;}
.vc_grid-container.vc_clearfix.wpb_content_element.vc_basic_grid.blog-post-sec {  margin-bottom: 0;  padding-bottom: 20px;}
.comment-form-cookies-consent label { margin-left: 10px; color:#000;}
.comments-box h4 , .comment-respond h4{color: #000;}

.grey-section form p a{color:#000 !important;}
.post-text.page-content .green{color:green;}
.post-text.page-content .blue{color:blue;}
.post-text.page-content .yellow{color:#fcd409;}
.post-text.page-content .red{color:red;}

.blog-post .vc_gitem-post-data-source-post_excerpt {  min-height: 190px;}
.mfp-close-btn-in .mfp-close{left: auto; right: 20px; color: #ddd !important;}
.mb-banner,.mbr-slider {
    display: none;
    margin-bottom: 0 !important;
}
.mb-banner img,.mbr-slider img{
    width: 100%;
    max-width: 100%;
    height: auto !important;
}
.mbr-slider .vc_carousel-control {
    top: -33px !important;
    width: 35px !important;
    height: 35px !important;
    line-height: 35px !important;
    opacity: 1 !important;
    border: 1px solid #c7c7c7 !important;
    color: #4e4e4e;
    text-shadow: none !important;
    cursor: pointer;
}
.mbr-slider .vc_carousel-control:focus{
    background: #c7c7c7;
}
.mbr-slider .vc_left.vc_carousel-control {
    right: 40px !important;
    left: inherit !important;
}
.mbr-row .custom-btn {
    margin-top: 20px;
}
.mbr-row {
    padding-top: 40px;
}
.mbr-slider .vc_carousel-indicators {
    display: none;
}

/* .news-post .vc_gitem-zone{background-size: contain;} */
.news-post .vc-gitem-zone-height-mode-auto:before{padding-top: 70%;}

/*------------------------ 
.1     Media query css
--------------------------*/

@media screen and (max-width:1400px){
    .video-sec .vc_col-sm-6:nth-of-type(1) .vc_column-inner{padding: 60px 40px 59px 120px !important;}
    #video-wrap .wpb_wrapper p{padding-bottom: 87%;}
    .design-culture .vc_col-sm-6:first-child {padding: 68px 50px 40px 175px;}

}


@media screen and (max-width:1200px){
.container{width: 100%; max-width: 100%;}
.vc_custom_1561539056707{background-repeat: no-repeat; background-size: cover !important;}
h1.title{font-size: 55px;}
#gallery .item{width:25%;}
.queto.wpb_column.vc_column_container.vc_col-sm-12{width:75%;}
.video-sec .vc_col-sm-6:nth-of-type(1) .vc_column-inner {  padding:32px 34px 45px 48px !important;}
.design-culture .vc_col-sm-6:first-child {padding: 35px 50px 40px 70px;}

}


@media screen and (max-width:1024px){
    .container{width: 100%; max-width: 100%;}
    #mainmenu a, .mainmenu li a{letter-spacing: 0px;}
    h1.title{font-size: 50px;}
    .cover-banner .center-y{margin-top: 120px !important;}
    .design-culture .vc_empty_space{display:none;}
    .design-culture h5{font-size:18px;}
    .interior-circle .wpb_single_image .vc_figure .vc_single_image-wrapper{max-width: initial !important;}
    #video-wrap .wpb_wrapper p{touch-action: auto;}
    #video-wrap .wpb_wrapper p iframe{touch-action: auto;}

    .hero-slider .slick-prev {left: -24px;}
    .hero-slider .slick-next{right: -24px;}
    .hero-slider .slick-prev , .hero-slider .slick-next{width: 30px; height: 30px; z-index: 1;}

    .about-section h2{ padding-top: 55px;padding-bottom: 0; margin-top: 0; }
    .about-section .vc_empty_space{height:23px !important;}
    .about-section .vc_column-inner {padding: 0px 10px !important;}
    .interior-circle .row::before{display:none;}

    .common-tab .vc_tta-tabs-list li a{width:auto; padding: 11px 25px !important;}
    .porfolio-slider .hero-slider .slick-prev {left: 0px;}
    .porfolio-slider .hero-slider .slick-next {right: 0px;}


    section.wpb_row.vc_row-fluid.vc_custom_1561642126067{position: relative; padding-top: 60px !important; padding-bottom: 30px !important;}
    section.wpb_row.vc_row-fluid.vc_custom_1561642126067::before{content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0;
    background-color: rgba(0,0,0,0.4);}
    .con-form p label{color: #fff;}
    .con-form p label select{color: #fff !important;}
    .con-form p textarea {height: 90px; }
    .vc_custom_1561642126067 h1{line-height: 52px; font-size: 50px; color: #fff !important;}
    .vc_custom_1561642126067 h3{color: #fff !important;}
    .con-form p input, .con-form p textarea{color:#fff !important;}
    footer .col-md-4:nth-of-type(2){padding-left:30px;}

}


@media screen and (max-width:991px){
#mainmenu li.current-menu-item > a::before, #mainmenu li.current-menu-ancestor > a::before{display: none;}
header{  background-color: #1e3d5c !important;}
#menu-btn{background-color: #f8d10e;}
h1.title{font-size: 40px;}
.container{padding: 0 15px;}
.commercial-sec .vc_row{flex-wrap: wrap;}
.commercial-sec .vc_col-sm-3{width: 50%;}
.interior-circle .vc_col-sm-3:nth-of-type(1) h4{margin-left: 0px;}


.interior-circle .row::before{display: none;}
.interior-circle .wpb_single_image .vc_figure .vc_single_image-wrapper {width: 160px;height: 160px;line-height: 160px;display: inline-block !important;}

.video-sec .vc_col-sm-6 , .bed-room .wpb_column{width: 100% !important;}
.video-sec .vc_col-sm-6:nth-of-type(1) .vc_column-inner { padding: 40px 50px !important; background-image: none !important;}

.blog-post h4{font-size:20px;}
.blog-post .vc_grid-item{width:50% !important; float:left !important;}

.queto.wpb_column.vc_column_container.vc_col-sm-12{width:91%;}
.common-tab .flex-row .flex-item img{margin-bottom:13px;}
.design-culture h5{font-size: 17px;font-weight: 300;line-height: 24px;}   
.design-culture .vc_col-sm-6{width:100% !important;}
.design-culture::before{width:100%;}
.crmcl-img{position: relative; padding: 50px 0 150px 0;}
.crmcl-img:before{content:''; position:absolute; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,0.5);}
.crmcl-img h3{color:#fff !important;}

.interior-circle p br{display:none;}

#mainmenu li span{display:none;}
#mainmenu li span.close-menu{display: block;border: 0;width: 26px;height: 24px; text-align: center;top: 8px; cursor:pointer;}
#mainmenu li span.close-menu::before{content:"\f067"; position: absolute; left:7px; color: #fff; font-size: 14px; font-family: 'fontAwesome';}
#mainmenu li span.close-menu.active::before{content:"\f068";}

header{position: relative;}
#mainmenu a{padding-top: 14px; padding-bottom: 14px;}
#mainmenu li .dropdown-menu{display: none; background-color: #21486f;}
#mainmenu li .dropdown-menu li{padding-left: 0;border:0px !important; border-bottom: 1px solid #436a99 !important;}
#mainmenu li .dropdown-menu li a{font-size: 12px;}
#mainmenu li ul li a{border-left: 0;}
#mainmenu li .dropdown-menu li a:hover{background-color: transparent !important; color: #fcd406 !important;}
#mainmenu li a:hover{ color: #fcd406 !important; }
#mainmenu li:hover .dropdown-menu{display: none;}

}


@media screen and (max-width:767px){
.cover-banner .center-y {  margin-top: 25px !important;}
.cover-banner h3{font-size: 21px;}
.cover-banner h3::before{width: 65px; bottom: 9px;}
.cover-banner  .teaser br{display: none;}
	.cover-banner p{display:none;}	
h1.title{font-size: 34px; line-height: 35px;}

h2{font-size: 35px !important; line-height: 35px !important;}
.bg-fixed .slick-slider{ margin-bottom: 30px;}
header div#logo a img{margin-left: 0px;}
header div#logo a img {
            max-height: 52px;
            margin-top: 0px;
        }
.interior-circle{background-size: 62px !important;}
.interior-circle .vc_col-sm-3:nth-of-type(2n){margin-top: 20px;}
.interior-circle .vc_col-sm-3{margin-top: 20px;}
.interior-circle .vc_col-sm-3 .vc_column-inner{padding: 0px;}
.interior-circle .vc_col-sm-3:nth-of-type(1){margin-top: 0;}
.interior-circle.features{background-repeat:no-repeat !important; background-size:cover !important; }

.about-section .vc_col-sm-6:last-child{margin-bottom:35px;}
.main-tab .portfolio1, .main-tab .portfolio2{width: 134px;font-size: 18px;margin: 0px 3px;display: inline-block;}
.tab-slid h3{font-size: 22px; padding:13px 0;}

.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title > a{background-color: #f6f6f6 !important; 
border: 0px !important;box-shadow: 0px 0px 0px !important; font-size: 22px;}
.wpb_row.vc_row-fluid.product-con.vc_custom_1561726142630.vc_row-has-fill {padding-bottom: 0px !important;}
.bg-white h2{margin-top:0px;}
.bg-white .hero-slider .hero-item figure {border:1px solid #ddd;}

.queto.wpb_column.vc_column_container.vc_col-sm-12{width:100%;}
header{position: relative; z-index:999;}
#sp-testimonial-free-wrapper-2239 .sp-testimonial-free-section h2.tfree-client-name{font-size:16px !important;}
.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title > a{color: #fff !important;
background-color:#fcd406 !important;}
.bed-room .vc_col-sm-9{padding: 20px 30px 40px 40px !important; background-image: none;}
#filters li{margin: 0px !important;}
#filters li a{font-size: 15px; }
.de-gallery .project-name{font-size: 17px; background-size: 9px !important; padding-left: 15px; text-align: left;} 
#gallery .item{width:33%;}
footer .col-md-4:nth-of-type(2){padding-left:15px;}
.light-dark h2{margin:0px;}
.bg-white h2{margin-bottom:0px;}
.wpb_row.vc_row-fluid.product-con.vc_custom_1561703419157.vc_row-has-fill{padding-bottom:20px !important;}
.blog-post-sec h4{font-size:20px;}
.blog-post-sec{padding: 31px 15px;}

.design-culture .vc_col-sm-6:first-child {  padding: 35px 50px 40px 50px;}
.blog-post .vc_column-inner {padding:0px !important;}
.design-culture h2 strong{margin-bottom:15px;}

.vc_custom_heading.dark-clr{margin:0px;}
.common-tab .flex-row .flex-item img{margin-bottom:23px;}
.flex-row .flex-item:nth-of-type(3) figure img ,.flex-row .flex-item:nth-of-type(4) figure img{margin-bottom:0px;}
.common-tab p br{display:none;}

.wpb_row.vc_row-fluid.blog-post.vc_custom_1562300838054.vc_row-has-fill {position: relative; z-index: 0;}

footer{padding: 40px 0 0 0;}
.loction, .mob-no, .email{padding-left: 41px;margin-bottom: 12px;background-size: 26px; background-position: left top;} 
footer h3{font-size: 21px;}
footer .widget{padding-bottom: 5px;}
footer .subfooter .col-md-12.text-right{display: none;}

.cover-banner{width:50%;}

.main-video-wrapper video{width:100%;}
.main-video-wrapper .de-video-container.full-height.no-padding { height: auto !important; background-color: #fff !important;}
.main-video-wrapper .de-video-content{margin:0px !important;}
.commercial-sec.vc_row-has-fill{padding-bottom:60px !important;}
.commercial-sec h2{text-align:center!important;}
.commercial-sec .p-resi-design{margin-top:0!important; margin-bottom:0!important;}	
.commercial-sec p:before{display:none;}
.commercial-sec p{text-align:center;}	
.commercial-sec .vc_btn3-container.vc_btn3-right{text-align:center !important;}	
	.ward-sec-box:before{display:none;}	
.ward-sec-box .vc_column-inner > .wpb_wrapper {
    
    padding: 30px 30px!important;
    left: 0!important;
    /* height: 100%; */
    margin-top: 30px!important;
}
	.mod-sec-in {
    padding-top: 0!important;
}
	.mod-sec-in p{padding-right:0!important;}
	.client-logo h2{text-align:center !important;}
	.blog-sec h2{text-align:center !important;}
	.blog-sec .vc_btn3-container.vc_btn3-right{display:none!important;}
	.clt-slider-sec h2 {
    text-align: center !important;
    color: rgb(70, 70, 70) !important;
    margin: 0;
}
	.clt-slider-sec h2 strong {
    display: inline-block!important;
}
	.mod-k1-inner1{margin-bottom:15px;}
	.mk-kit .vc_single_image-wrapper img{width:100%;}
	.ben-sec h3{margin-top:30px;}
	.mod-w2 .vc_single_image-wrapper img{width:100%; margin-bottom:25px;}
}

@media screen and (max-width:667px){
    .queto.white-icon.wpb_column.vc_column_container.vc_col-sm-12{padding:0 20px !important;}
    .queto::after{right:0;}
    .queto::before{left:0;}
    #subheader { padding: 84px 34px 37px 20px;}
    #subheader h1{line-height:42px; font-size: 40px; margin-top:0px;}

    .blog-post .vc_grid-item{width:100% !important; }
    .blog-list .post-text{padding-left: 0;}
    .blog-list .date-box{position: static; width: 100%;}
    .blog-list .date-box .day{padding-top: 11px;padding-bottom: 11px; width: 100%;}
    .blog-list .date-box .month{letter-spacing:6px;width:100%;background-color: #333;color: #fff !important; font-size: 16px;}
    #content{padding: 40px 0px 40px 0;}
    .comment-form-cookies-consent{position: relative;}
    .comment-form-cookies-consent input{position: absolute; top: 4px;}
    .comment-form-cookies-consent label{padding-left: 14px;}
    .page-content ul, .page-content ol{padding-left: 22px;}

    .porfolio-slider {padding-top: 35px !important; padding-bottom: 50px !important;}
    .mfp-auto-cursor .mfp-content{margin-top: 65px;}
    .mfp-close-btn-in .mfp-close{right: 0px; margin: 0;top: -32px;}
    .wpb_row.vc_row-fluid.vc_custom_1561615891422.vc_row-has-fill.no-padding{padding-bottom: 30px !important;}
    .bed-room .vc_col-sm-9 { padding: 0px 30px 20px 40px !important;}  
    .blog-post .vc_gitem-post-data-source-post_excerpt{min-height: initial;}  
    .wpb_row.vc_row-fluid.blog-post.vc_custom_1562300838054.vc_row-has-fill {padding-bottom: 20px !important;}

    .cover-banner{width: 62%; left:6%;}
    .cover-banner h1.title{line-height: 20px;}
    .cover-banner h3{margin-bottom: 16px; padding-bottom: 18px;}
    .cover-banner span.teaser{margin:0px; display: block; font-size: 15px; line-height: 16px; margin-bottom:10px;}
    .cover-banner .custom-btn a{font-size: 14px !important; font-weight: 600; padding: 8px 18px !important;}

}

@media screen and (max-width:550px){
    .img-slider .custom-btn {  bottom:-6px;}
    h2{font-size: 30px !important;}
    h2 br{display: none;}
    .commercial-sec .vc_row{flex-direction:column;}
    .commercial-sec .vc_col-sm-3{width: 100%;}
    .commercial-sec .vc_row .vc_col-sm-3 .vc_column-inner { padding: 0px; }
    .commercial-sec .vc_row .vc_col-sm-3:nth-of-type(2n) {padding: 25px 30px;}

    .custom-btn a{font-size: 15px !important;  padding: 10px 16px !important}
    #filters li a{font-size: 14px;padding: 10px 18px;}
    #gallery .item{width:50%;}

    .interior-circle h2{padding-top: 25px;}

    .main-tab .portfolio1, .main-tab .portfolio2{font-size: 16px; padding: 9px 22px; }
    .cover-banner h1.title{font-size: 20px;}
    .cover-banner{width: 60%; left:10%;}
    .cover-banner h3{font-size: 16px; padding-bottom: 0;}
    .cover-banner h3::before{bottom: -5px; display: none;}
    .cover-banner span.teaser{font-size: 14px;}

    
}


@media screen and (max-width:400px){
    .cover-banner span.teaser{display: none;}
    #filters li a{font-size: 12px; padding: 6px 12px; border-radius: 0;}
    .flex-row .flex-item .fig-cap{padding:13px;}
    .flex-row .flex-item h3{font-size:20px; text-align: center;}
    .blog-post-sec h4{font-size:18px;}
    .cover-banner h3{display: none;}
    .cover-banner .center-y {  margin-top: 20px !important; }
    .queto::before{left: -10px;}
    .queto::after{right: 16px;}
    #back-to-top{right: 15px;}
    section.wpb_row.vc_row-fluid.vc_custom_1561642126067{background-position-x: 0px;}
    section.wpb_row.vc_row-fluid.vc_custom_1561642126067::before{background-color: rgba(0,0,0,0.8);}

}
.sidebar-contact .form-fill .wpcf7-form-control {
    color: #000;
}
.sidebar-contact .form-fill .wpcf7-form-control.wpcf7-submit {
    color: #fff;
}
.interior-sec ul li {
    color: #000;
	font-size: 15px;
}

.post-wrap{
	width:100%;
}

.blog-post li.product {
    float: left;
    margin-bottom: 20px;
}

.blog-post .blog-content{
    width: 65%;
    float: left;
    margin-left: 2%;
}
.blog-post .blog-content a {
    background: #fcd406;
    color: #fff;
    padding: 7px;
}
.blog-post .blog-content h3 a{
    color: #000;
    text-decoration: none;
    line-height: 1.3;
    background: transparent;
    padding: 0;
}
.blog-post .blog-content h3 a:hover{
    color: #fcd406;
}

.blog-post ul.products{
    list-style: none;
}
.blog-post .thumbnail img {
    width: 100%;
    height: 210px;
    object-fit: cover;
    object-position: left;
}