/*
Theme Name: Archi
Theme URI: http://archiwp.com/
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: 4.1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, three-columns, left-sidebar, right-sidebar, 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
Text Domain: archi
Domain Path: /languages

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 */
/* ================================================== */
html{background:#000000;}
body {
    font-family: "Open Sans",Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight:400;
    color: #ddd;
    line-height: 1.7;
    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;
}

figure.wp-block-embed.alignleft{
    margin-right: 24px;
}
.wp-block-embed {
    margin: 0px;
    margin-bottom: 30px;
    clear: both;
}


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;
}

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. */
}
img{height: auto;}
/**** End Reset CSS For WordPress ****/


/* ================================================== */
/*  header  */ 
/* ================================================== */
    header {
        width: 100%;
        height: 80px;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1043;
        -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.header-bg{
        background:rgba(0,0,0,0.5);
    }
    
    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.autoshow.scrollOn{
        top:0;
    }    
    header.autoshow.scrollOff{
        top:-83px;
    }    
    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: 60px;
    }

    header div#logo .logo-2, header div#logo .logo-scroll{
        display:none;
    }
    header.smaller div#logo .logo-static {display: none;}
    header.smaller div#logo .logo-scroll {display: inline-block;}

    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:70px;
    }
	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;
    }
    header.smaller div#logo {
        max-width: 300px;
        height:70px;
        line-height: 70px;
    }  
    header.fixed #mainmenu a{
        padding: 18px 20px 18px 20px ;    
    }
    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;
    }
	header.smaller.header-bottom div#logo, .header-bottom div#logo {
		height: 80px;
		line-height: 80px;
		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:70px;
        padding-top: 90px;
        background:#222;
    }
    .has-topbar #subheader{padding-top: 130px;}
    .header-no-sticky-subheader #subheader{padding-top: 0px;}
    #subheader .title-wrap{
        float:left;
    }
    #subheader h1 {
        margin-top:80px;
        color:#eceff3;        
        font-size: 32px;
        letter-spacing: 5px;
        padding-right: 40px;
        text-transform:uppercase;
        text-align: left;
    }    
    #subheader h4{
        color:#fff;
        margin-top:10px;
        font-weight:500;
        text-transform:none;
        text-align: left;
    }
    #subheader span {
        letter-spacing:2px;
        display: inline-block;
        font-size: 15px;
        margin-top:88px;
        color:#fff;
    }
    #subheader .crumb{
        font-size:10px;
        letter-spacing:3px;
        margin-top: 85px;
        color:#fff;
        text-transform:uppercase;
    }
    .no-subpage {height: 80px;}
    .has-topbar .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;
        letter-spacing:3px;
        text-transform:uppercase;
    	margin-bottom: 0px;
    }       
    #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 20px;
        line-height: 35px;
        text-decoration: none;
        color:#fff;
        text-align:center;
        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;
        border-left:none;
        text-align:left;
    	line-height:35px;
    }
    #mainmenu li li a:after {
        content:none !important;
    }
    #mainmenu li li li a {
        padding: 2px 15px 2px 15px;
        background: #222327;
    }
    #mainmenu li li a:hover {
        color:#111;
        background: #1a8b49;
    }
    #mainmenu > li > ul {
        width: 220px;
        height: auto;
        position: absolute;
        top: 140%;
        left: 0%;
        z-index: 100;
        visibility: hidden;
        opacity: 0;
        transition: all 400ms ease;
    }       
    #mainmenu > li:hover > ul {
        color: #1a8b49;
        opacity: 1;
        visibility: visible;
        top: 100%;
    }
    #mainmenu li li {
        display: block;
        float: none;
    } 
    #mainmenu > li > ul > li > ul{
      position:absolute;
      left:110%;
      top:0px;
      width:220px;
      padding:0px;
      z-index:100;      
      visibility:hidden;
      opacity:0;
      transition:all 500ms ease;
    }
    #mainmenu > li > ul li:hover ul {
      left: 100%;
      opacity: 1;
      visibility: visible;
    }
    .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;
		line-height: 1.8em;
    }    
    #menu-btn:before{
        font-family:FontAwesome;
        content: "\f0c9";
        font-size:24px;
        color:#eceff3;
        transition: all 0.5s;
    } 
    #menu-btn.active:before{content: "\f00d";}
    #menu-btn:hover{
        background:#fff;
    }
    #menu-btn:hover:before{
        color:#222;
    }

    /* ================================================== */
    /* content */
    /* ================================================== */
    #content {
        width:100%;
        background:#18191b;
        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: 0px 0px 0px 0px;
    }
    footer .main-footer{
        padding: 80px 0px 0px 0px;
    }
    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;
        border-top: 1px solid #0b0b0b; 
    }

    /* ================================================== */
    /* 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;
        display: inline-block;
    }
    .blog-list .btn-more:hover{
        background:#fff;
    }
    
    .blog-list .post-text{
        padding-left:80px;
    }
    .blog-list .post-text.paddleft0 {padding-left: 0px;}
    .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;
    }
    
    .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%;
        border-bottom: 0px solid #333;
        margin-bottom: 0px;
    }
    
    /* 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 h3{
        color: #ffffff;
        text-transform: none;
        letter-spacing: 0;
        font-size: 24px;
    }

    /* 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-meta{
        border-color:#222;
    }
    .post-meta span{
        border-color:#222;
    }
    .post-info {
        margin: 40px 0 0px 80px;
        padding-bottom: 10px;
        border-bottom: solid 0px #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 */
/* ================================================== */
    .wpcf7{margin-top:20px;}
    .wpcf7 input[type=text],
    .wpcf7 input[type=email],
    .wpcf7 input[type=tel],
    .wpcf7 input[type=number],
    .wpcf7 select.wpcf7-select,
    .wpcf7 textarea,#search{
        padding:10px;
        margin-bottom:20px;
        color:#fff;
        border:solid 1px rgba(0,0,0,.3);
        background:rgba(0,0,0,.2);
        border-radius:0 ;
        height:auto;
    }

    .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:176px;}
    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;}   
	.wpcf7 input[type=text], 
	.wpcf7 input[type=email], 
	.wpcf7 input[type=tel],
	.wpcf7 input[type=number],
	.wpcf7 select.wpcf7-select{
		padding: 10px;
		margin-bottom: 20px;
		color: #fff;
		border: solid 1px rgba(0,0,0,.3);
		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;
		border: solid 1px rgba(0,0,0,.3);
		background: rgba(0,0,0,.2);
		border-radius: 0;
	}
	div.wpcf7-validation-errors{
		display: none;
	}
    .form_light .wpcf7 input[type=text],
    .form_light .wpcf7 input[type=email],
    .form_light .wpcf7 input[type=tel],
    .form_light .wpcf7 input[type=number],
    .form_light .wpcf7 select.wpcf7-select,
    .form_light .wpcf7 textarea{
        border: solid 1px #ddd;
        background: #f5f5f5;
        color: #333;
    }
    .no-bg {
        background: none !important;
    }

/* ================================================== */
/* 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, address span {
        display: block;
        border-bottom:solid 1px #222;
        padding-bottom:5px;
        margin-bottom:5px;
        font-weight:300;
    }
    
    address div strong, address span strong {
        display: inline-block;
        min-width: 60px;
		margin-right: 10px;
    }
    
    address div, address span{
        border-bottom-color:#222;
    }
    
    address div i, address span i {
        margin-top:5px;
        margin-right:20px;
        float:none;
    }
    
    address div strong, address span strong {
        display: inline-block;
    }
    
    address div a, address span a{
        color:#eceff3;
    }
    
    /* border */
    /* ------------------------------ */
    .small-border{
        height:1px;
        width:120px;
        background:#ccc;
        display:block;
        margin:0 auto;
        margin-top:20px;
        margin-bottom:30px;
    }
    
    /* breadcrumb */
    /* ------------------------------ */
    .crumb {
        color:#777;
        float: right;
        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:5px;
		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-line, a.btn-line{
		color:#eceff3;
    }    
    .btn-line:after, a.btn-line:after {
		font-family:FontAwesome;
		content: "\f054";
		margin-left:10px;
    }          
    .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;
        display: inline-block;
		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;
    }
    a.btn-big{
        font-size:14px;
        color:#eceff3;
        letter-spacing:1px;
        line-height:normal;
        font-weight:bold;
        text-transform:uppercase;
        display: inline-block;
        border:solid 1px #fff;
        padding:10px 30px 10px 30px;
    }
    a.btn-big:after{
        font-family:FontAwesome;
        content: "\f054";
        margin-left:20px;
    } 
    a.btn-line-black{
        border:solid 1px #111;
        color:#111;
        border-radius:0;
        -moz-border-radius:0;
        -webkit-border-radius:0;
        font-weight:normal;
        display: inline-block;
    }    
    a.btn-line-black:hover{
        background:#111;
        color:#fff;
    }    

    a.btn-line-light{
        border:solid 1px #fff;
        color:#fff;
    }    
    a.btn-line-light:hover{
        background:#fff;
        color:#111;
    }      

    /* 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-double{
		width:100%;
		height:60px;
		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:3px;
		text-transform:uppercase;
    }
    .teaser-text-3 {
        margin-top: 0;
        font-size:18px;
        letter-spacing:3px;
        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;
		letter-spacing:10px;
    }
    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;
    }
    h1.title.s2 {
        font-size: 64px;
        letter-spacing: 0px;
    }
    h2.subtitle{
        margin-top:0;
    }
    h2.hero {
        font-size: 32px;
        font-weight: 400;
        letter-spacing: 32px;
        text-transform: uppercase;        
    }
    h2.style-2 {
        font-size:12px;
        font-weight:bold;
        text-transform:uppercase;
        letter-spacing:10px;
    }    
    h2.style-3 {
        font-size:64px;
        font-weight:400;
        text-transform:uppercase;
        letter-spacing:20px;
    }
    h2.style-4 {
        font-size:60px;
        font-weight:400;
        text-transform:normal;
        letter-spacing:-2px;
    }
    h2.style-5 {
        margin-top:0;
        line-height:1.2em;
        font-size:48px;
        font-weight:400;
        text-transform:normal;
    }
    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;
    }

    h3.s2 b{
        font-family:"Allura";
        text-transform:none;
        letter-spacing:0;
        font-size:40px;
        display:block;
    }
    
    h3.s2{
        font-size:30px;
    }

    h3.style-1{
        font-family: 'Open Sans', sans-serif;
        letter-spacing:0;
        text-transform:none;
        margin-bottom:20px;
    }

    .typing-wrap{
        font-size:30px;
        margin:0;
        line-height:60px;
    }
    .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: 120x;
		height: 120x;
		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 i{
        font-size:42px;
        position:absolute;
        float: none;
        margin: 0px;
    }
    .box-icon-simple.right{margin-right:70px;text-align:right;}
    .box-icon-simple.right i{right:0;}    
    .box-icon-simple.left{margin-left:70px;}
    .box-icon-simple.left i{left:0;}
    .box-icon-simple.center i{position: static;margin-bottom: 25px;}
    .box-icon-simple.center h3{margin-bottom: 15px;}
    
    .box-number .number{
        display:block;
        font-size:48px;
        color:#222;
        width:80px;
        height:80px;
        text-align:center;
        padding: 0px 0px;
        border-radius:60px;
        position:absolute;
        line-height: 80px;
    }
    .box-number.square .number {
        border-radius: 0;
    }
    .box-number .text{
        margin-left:100px;
    }

    .box-number i {
        float: none;
        margin: 0px;
    }

    .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;
    }

    .box-none .number {
        background: transparent;
    }

    .icon-img {display: block;position: absolute;width: 50px;}
    .icon-img img{max-width: 100%;}
    .box-icon-simple.right .icon-img{right: 0px;}
    .box-icon-simple.left .icon-img{left: 0px;}
    .box-icon-simple.center .icon-img {position: static;width: 100%;text-align: center;margin-bottom: 28px;}
    .box-icon.border{
        border:solid 1px rgba(255,255,255,.1);
        padding:40px;
        border-radius:3px;
        -moz-border-radius:3px;
        -webkit-border-radius:3px;
    }    
    .box-icon.border.active,
    .box-icon.border:hover{
        background:rgba(255,255,255,.1);
        border-color:rgba(255,255,255,.0);
    }    
    .box-icon.border a{
        text-decoration:none;
    }
    .strong {
        font-weight: bold;
    }

    .shadow-soft {
        box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, 0.4);
    }

    /* 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;padding: 0px;margin: 0px;}
    .page-numbers li {display: inline-block;float: left;margin: 3px;}
    .pagination {
        display: inline-block;
        text-align: center;
        width: 100%;
    }
    .pagination > li {
        display: inline-block;
    }
    .pagination li a:hover{
        color:#fff;
        background:none; 
        border-color: #fff;   
    }
    .page-numbers li a.next, .page-numbers li a.prev {padding: 0px;}    
    .pagination li a i{
        margin-left: 0;
        margin-right: 0;
        float: none;
    }
    .pagination li a{
        color:#888;
        border:solid 1px #404040;
        background:none;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        display: block;
        margin:0px;
        padding:0px;            
        -moz-border-radius:0;
        -webkit-border-radius:0;
        text-decoration: none;
    }
    .pagination li span{
        color:#fff;
        border:solid 1px #404040;
        background:none;
        margin:0px;
        padding:0px; 
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        display: block;   
        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;
    }
    .w100 {width: 100%;}

     /* -------------------------------------------------- */
	/* 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 h1, .de_light .pricing-box h1 {
        font-size: 48px;
        margin: 0;
        margin-bottom: 5px;
        font-weight: 600;
        color: #fab207;
    }
	.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 {
			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;
	}
    .pricing-box h4 {
        color: #606060;
        font-size: 22px;
        font-weight: 400;
    }

    /* New Pricing Tables */

    .pricing-s1 {
        overflow:hidden;
        position:relative;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        transition: box-shadow 1s;
        -webkit-transition: box-shadow 1s;
        -moz-transition: box-shadow 1s;
    }
    .pricing-s1 .top {
        background: #222427;
        color: #eee;
        padding: 40px;
        color: #ECF0F1;
        text-align: center;
    }
    .pricing-s1 .top h2 {
        font-size: 24px;
        margin-bottom: 20px;
        font-weight: normal;
    }
    .pricing-s1 .top > * {
        margin: 0px;
    }
    .pricing-s1 .top .price .currency {
        font-size: 24px;
        line-height: 54px;
        vertical-align: top;
        display: inline-block;
    }
    .pricing-s1 .top .price b {
        font-size: 48px;
        line-height: 70px;
        color: #fff;
    }
    .pricing-s1 .top .price .month {
        color: #ccc;
    }
    .pricing-s1 .bottom {
        border-top: 0px;
        padding-bottom:5px;
        background: #222427;
        text-align:center;  
    }
    .pricing-s1 .bottom ul {
        list-style: none;
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        text-align:left;
    }
    .pricing-s1 .bottom ul li {
        line-height: 60px;
        padding: 0px 30px;
    }
    .pricing-s1 .bottom ul li > span {
        color: #16A085;
        font-size: 20px;
        margin-right: 20px;
    }
    .pricing-s1 .bottom ul li:nth-child(odd) {
        background:#2f3135;
    }
    .pricing-s1 .bottom ul li:nth-child(even) {
        background:#2a2c30
    }
    .pricing-s1 .bottom > a {
        margin: 40px;
        width: auto;
    }
    .pricing-s1 .bottom i{
        margin-right:10px;
        float: none;
    }
    .pricing-s1 .ribbon{
      width: 200px;
      position: absolute;
      top: 20px;
      left: -55px;
      text-align: center;
      line-height: 50px;
      letter-spacing: 1px;
      color: #222;
      font-weight:bold;
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
    }    
    
    /* 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 ul{margin: 0px;padding: 0px;}
    .social-icons ul li{display: inline-block;list-style: none;margin-left: 5px;}
    .social-icons ul li a{
        display: block;
        text-shadow:none;                
        width: 28px;
        height: 28px;
        line-height: 28px;
        font-size:16px;
        border-radius:1px;
        -moz-border-radius:1px;
        -webkit-border-radius:1px;
        text-align: center;
        color: #fff;
    }
    .social-icons ul li a:hover{
        background:#fff;
        border-color:#fff;

    }
    .social-icons ul li a i{
        padding: 0px;
        margin: 0px;
        float: none;        
    }
    .social-icons ul li a:hover{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 {        
        font-size:16px;
        line-height:120px;
        color:#222;
        border-radius:120px;
        -moz-border-radius:120px;
        -webkit-border-radius:120px;        
        padding:30px 0 30px 0;
        width:180px;
        height:180px;
        text-align:center;
        text-transform:uppercase;        
    }

    .de_tab.tab_steps.tab_5 .de_nav li span{
        font-size: 15px;
        height: 140px;
        line-height: 85px;
        padding: 25px 0;
        width: 140px;
    }
    
    .de_tab.tab_steps.tab_6 .de_nav li span {
        font-size: 14px;
        height: 120px;
        line-height: 70px;
        padding: 20px 0;
        width: 120px;
    }

    .de_tab.tab_steps .de_nav li span:hover{
        background:#000;
        border: 2px solid transparent;
        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: 2px solid #fab702;
        background:#222;
    }
    
    .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 .v-border{
        display:none ;
    }
    
    .de_tab .de_nav li.active span {
        background: #27282b;
        border: 2px solid #27282b;
        color: #ccc;
        margin-bottom: 0px;
    }
    
    .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 2px rgba(0,0,0,.8);
    }   

    .de_tab.tab_steps.tabs-square .de_nav li span {
        border-radius:0px;
        -moz-border-radius:0px;
        -webkit-border-radius:0px;
    }

    .de_tab.tab_steps.tabs-square .de_nav li.active span {
        border-width: 5px;
    }

    .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;
    }

    .de_tab.tab_steps .de_nav.process-circle-textimage .content-mid, 
    .de_tab.tab_steps .de_nav.process-circle-textonly .content-mid{
        text-align: center;
        line-height: normal;
        display: table;
    }
    .de_tab.tab_steps .de_nav.process-circle-textimage .content-mid .inner,
    .de_tab.tab_steps .de_nav.process-circle-textonly .content-mid .inner {
        display: table-cell;
        vertical-align: middle;        
    }
    .de_tab.tab_steps .de_nav.process-circle-textimage img {
        display: inline-block;
        clear: both;
        max-width: 60px;
    }
    .de_tab.tab_steps .de_nav.process-circle-textimage small {
        display: inline-block;
        width: 100%;
        margin-top: 15px;
    }
    .de_tab.tab_steps .de_nav.process-circle-image img {
        max-width: 90px;
    }
    .de_tab.tab_steps .de_nav.process-circle-image small {
        display: none;
    }
    .de_tab.tab_steps .de_nav.process-circle-icon li i, .de_tab.tab_steps .de_nav.process-circle-texticon li i {
        float: none;
        display: inline-block;
        margin: 0px;
        padding: 0px;
        font-size: 60px;
        width: 100%;
    }
    .de_tab.tab_steps .de_nav.process-circle-icon li span, .de_tab.tab_steps .de_nav.process-circle-texticon li span {        
        display: table-cell;
        vertical-align: middle;
        line-height: inherit;
    }

    .timeline .tl-block{ position: relative; margin-top: 10px; }
    .timeline .tl-block:after{ content: ' '; clear: both; display: block;}
    .timeline .tl-block .tl-time{ float: left; padding:10px 20px 0px 20px; margin-top:-15px; border:solid 1px #ddd; }
    .timeline .tl-block .tl-time:after{width:50px; height:1px; background:#ddd;}
    .timeline .tl-block .tl-bar{float: left; width: 5%; position: absolute; margin-left:114px; }
    .timeline .tl-block .tl-line{background: #fff; margin-right: 10px;  border-radius: 10px; width: 6px; height: 6px; font-size: 10px; text-align: center; line-height: 15px;}
    .timeline .tl-message{ border-radius: 3px; float: left; margin-left:150px; top:0; margin-top:-50px; margin-bottom:30px; }
    .timeline .tl-block .tl-message:after{ display: block; content: ' '; clear:both; }
    .timeline .tl-block .tl-message .tl-icon{float: left; left:100px; }
    .timeline .tl-block .tl-message .tl-main{ float: left; }
    .timeline .tl-block .tl-message .tl-main .tl-title {}
    .timeline .tl-block .tl-message .tl-main .tl-content{}
    .timeline .tl-block .tl-message .tl-main .tl-content label{ font-weight: bold; display: inline-block; width: 80px;}
    .timeline .tl-block .tl-message .tl-main .tl-content span{}
    .timeline .tl-block .tl-message h3{text-transform:none;}
    .timeline .tl-block .tl-time h4{margin:0 0 10px 0;}
    .timeline .tl-block .tl-main h4{margin-top:-5px;}
    .timeline.exp:before{left: 214px;}
    .timeline.exp .tl-message{margin-left:250px;}
    .timeline.exp .tl-block .tl-bar{margin-left:180px; }
    .timeline.exp{ margin-top: 20px; position: relative; padding: 10px}
    .timeline.exp:before{ 
        content: '';
        position: absolute;
        top: 0;
        left: 193px;
        height: 100%;
        width: 1px;
        background:rgba(255,255,255,.1);
    }

    .btn-left,
    .btn-right{
        background:none;
        border:solid 1px rgba(255,255,255,.2);
        padding:10px 20px 10px 20px;
        margin:5px;
        font-family:"Dosis";
        text-transform:uppercase;
        letter-spacing:5px;
    }
    
    .btn-right:after{
        font-family:FontAwesome;
        content: "\f054";
        padding-left:10px;
    }
    
    .btn-left:before{
        font-family:FontAwesome;
        content: "\f053";
        padding-right:10px;
    }
    
    a.btn-left,
    a.btn-right{
        text-decoration:none;
    }
    
    .expand-group .expand:last-child{
        border-bottom:solid 1px rgba(255,255,255,.1);
    }
    
    .expand{
        position:relative;
        padding:5px 25px 5px 25px;
        border:solid 1px rgba(255,255,255,.1);
        border-bottom:none;
        background:rgba(255,255,255,.02);
    }
    
    .expand-group .expand:nth-child(odd){
        background:rgba(255,255,255,.04);
    }
    
    .expand .hidden-content{
        display:none;
        padding:10px 0 10px 0;
    }
    
    .expand h4{
        font-family:"Open Sans";
        font-size:16px;
        cursor:pointer;
        display:block;
        margin-right:40px;
        line-height:32px;
    }
    
    .expand h4:after{
        font-family:FontAwesome;
        content: "\f107";
        color:#fff;
        font-size:20px;
        display:inline-block;
        padding:10px 20px 10px 20px;
        font-style:normal;
        position:absolute;
        right:7px;
        top:7px;
    }
    
    .expand h4.active:after{
        content: "\f106";
    }
    
    /* team
    /* ================================================== */
    /*Team Default*/
    .de-team-list{
        overflow:hidden;
        position: relative;
        width: 100%;
    }
    .de-team-list .team-desc{
        padding:20px;
        padding-bottom:0;
        position:absolute;
        z-index:100;
        top:0;
        background:#111;
        color:#ccc;
    }
    .team-box .team-desc h3{
        color:#fff;
    }    
    .team-box p.lead{
        font-size:14px;
    }
    .team-box .small-border{
        float:none;
        margin:15px 0 15px 0;
        background:#ddd;
        width:50px;
    }
    .team-box .social a{
        display:inline-block;
        color: #fff;
    }
    .team-box .social a:hover{
        color:#888;
    }

    /*Team 2*/
    .de-team-list-2 .team-desc{
        padding:20px;
        background:#111;
        color:#ccc;
    }

    /* testimonial
    /* ================================================== */
    .de_testi {
        display: block;
        margin-bottom: 10px;
    }
    
    .de_testi blockquote {
        margin: 0;
        border: none;
        padding: 20px 30px 30px 80px;
        background:rgba(0,0,0,0.5);
        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: 400;
    }
    
    .de_testi_by {
        margin-top: 10px;
        margin-bottom: 10px;
        font-style:normal;
        font-size:12px;
    }

    .de_testi_by.no-margin{margin: 0px;margin-top: -10px;}
    
    .de_testi_pic {
        float: left;
        padding-right: 15px;        
		width: 70px;
		height: 70px;
    }
    
    .de_testi_pic img {
        width: 50px;
        height: 50px;
    }
    
    .de_testi_company {
        padding-top: 15px;
    }
    
    #testimonial-masonry .item{
        margin-bottom:30px;
    }

    blockquote.s1 {
        font-size: 16px;
        font-style: italic;
        font-weight:400;
        line-height: 1.7em;
        color:#333;
        background:#f8f8f8;
        padding:30px;
    }

    blockquote.s1{
        background:none;
        color:#fff;
        padding:0;
        border:none;
        padding:0 40px 40px 40px;
        margin-bottom:40px;
    }
    blockquote.s1  span.by{
        margin-top:20px;
    }

    blockquote.s1  span.by:before{
        content:"by ";
        color:rgba(255,255,255,.5);
    }

    blockquote.s1  span.rating{
        margin-bottom:20px;
        font-weight:normal;
    }
    blockquote.s1  span.rating i{
        margin:0 3px 0 3px;
        float: none;
    }

    .text-dark blockquote.s1{
        color:#606060;
    }
    .text-dark blockquote.s1  span.by:before{
        color:rgba(0,0,0,.5);
    }
    .text-dark .testimonial-new-slider.owl-theme .owl-controls .owl-page span{background: #606060 !important;}

/* ================================================== */
/* 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,
    .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,
    .box-icon.border
    {
        -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, p.intro {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.7em;
}

.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;
}

.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;
}
.item img {
    width: 100%;
    height: auto;
}
.portfolio_category .item{
    overflow:hidden;
}
.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;
}
.pf_title{
    display:block;
}
.pf_title .project-name {
  font-size: 11px;
  letter-spacing: 5px;
  text-transform: uppercase;
}
.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;
	text-transform: uppercase;
    letter-spacing: 5px;
}
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 .project-name {
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:5px;
}
.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 .item{
    float:left;
    width:24.99%;
}
.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.3333333333%;
}
.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 #dddddd;
    color: #dddddd;
    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 a {text-decoration: none;}
.folio-style2 h3:hover{text-decoration: underline;}
.folio-style2 .folio-info h3{
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: 300;
}
.folio-style2 .folio-info p {
    font-size: 14px;
    color: #999999;
}
.folio-style2 .folio-image img {max-width: 100%;height: auto;}
.folio-style2 .folio-info p span{
    display: inline-block;
    margin-left: 4px;
    margin-right: 2px;
}
.folio-style2 .folio-info p span:last-child{display: none;}

/* ---- grid ---- */
.grid {
    width:100%;
}

/* clear fix */
.grid:after {
    content: '';
    display: block;
    clear: both;
}
/* ---- .element-item ---- */

/* 5 columns, percentage width */
.grid-sizer {
    width: 5%;
}
.grid-item {
    float: left;
    border:none;
    overflow:hidden;
    margin:0;
    padding:0;
}
.large-width {width: 50%;}

@media only screen and (max-width : 768px) {
  .w1, .w2, .w3, .w4, .w5 {width:100%}
}

/* ================================================== */
/* 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, footer .widget_archive li,
footer .widget_categories li, footer .widget_nav_menu li, 
footer .widget_pages li, footer .widget_meta li {
    padding: 0 0 5px 0;
    margin:0;
    background: none;
    border-bottom: solid 1px #222;
    border-bottom-color:#222;    
}
footer .widget_recent_entries li a, footer .widget_archive li a,
footer .widget_categories li a, footer .widget_nav_menu li a, 
footer .widget_pages li a, footer .widget_meta 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_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;
   }
   .sidebar .widget_recent_entries ul li {margin-bottom: 5px;}
/**** 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:50px ;}
.padding60{padding:60px ;}
.margintop20{margin-top: 20px;}
.padding80{padding:80px ;}
.padtop80{padding-top: 80px;}
.padbottom80{padding-bottom: 80px;}
.padtop0 {padding-top: 0px !important;}
#services-list{padding:0;margin:0;}
#services-list li{
    font-weight:bold;
    list-style:none;
    margin:0;
    margin-bottom:10px;
}
#services-list li a{
    color:#fff;
    display:block;
    padding:20px;
    text-decoration:none;
    background:rgba(0,0,0,.3);
}
#services-list li a:hover{
    color:#111;
}
.pic-services img{
    margin-bottom:30px;
}
#services-list li.active a, #services-list .widget_nav_menu ul.menu > li.current-menu-item > a, #services-list > li.current-menu-item > a, 
#services-list li li.current-menu-item > a {
    color:#111;
}
#services-list .widget {margin-bottom: 0px;padding-bottom: 0px;border-bottom-width: 0px;}
#services-list li ul {
    padding-top: 10px;
}
#services-masonry .item, .item-service {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;
}
.teaser-text-2{font-size:16px;}
#navigation{
	position:fixed;
	width:100%;
	height:60px;
	top:0;
	right:20px;
	text-align:center;
	margin-bottom:60px;
	z-index:1000;
}
.mfp-close{
	color:#fff !important;
	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-3 .de-team-list{
    width:33.333333%;
    float:left;
    position:relative;
}
.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 {
    padding-bottom: 0 ;
}
.no-top {
    padding-top: 0 ;
}
.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;
}
#content.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, sans-serif;
    font-size:15px;
    font-weight:300;
}
span.teaser {
    font-family: "Georgia";
    font-size: 18px;
    font-style: italic;
}
.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: 7px;
    height: 7px;
}

.owl-pagination{
    margin-top:0px;
}

.owl-custom-nav{
    position:absolute;
    z-index:1000;
    width:100%;
}
.owl-custom-nav .btn-next{
    position:absolute;
    right:0;
}
.owl-custom-nav .btn-prev{
    position:absolute;
    left:0;
}
.owl-custom-nav .btn-next:before{
    font-family:"FontAwesome";
    content:"\f105";
    color:#111;
    background:#333;
    padding:5px 12px 5px 12px;
    font-size:20px;
}
.owl-custom-nav .btn-prev:before{
    font-family:"FontAwesome";
    content:"\f104";
    color:#111;
    background:#333;
    padding:5px 12px 5px 12px;
    font-size:20px;
}
.owl-custom-nav a{
    text-decoration:none;
}
.owl-custom-nav .btn-prev:hover:before,
.owl-custom-nav .btn-next:hover:before{
    cursor:pointer;
    background:#111;
    color:#fff;
}
.owl-theme .owl-controls .owl-buttons div{
    background:#ffffff;
    opacity:1;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    padding-top:0px;
    height:32px;
    margin-top:20px;
    color:#111111;
    text-transform:uppercase;
    letter-spacing:5px;
}
.owl-theme .owl-controls .owl-buttons div:hover{
    opacity:.8 !important;
    color: #fff;
}
.owl-theme .owl-controls .owl-buttons .owl-prev:before{
    font-family:"FontAwesome";
    content:"\f104";
    padding:5px 12px 5px 12px;
    font-size:24px;
    position:relative;
}
.owl-theme .owl-controls .owl-buttons .owl-next:after{
    font-family:"FontAwesome";
    content:"\f105";
    padding:5px 12px 5px 12px;
    font-size:24px;
    position:relative;
}
.post-image .owl-theme .owl-controls .owl-page span{
    width:10px ;
    height:10px ;
}
.gallery-carousel.owl-theme .owl-controls .owl-buttons div{
    margin-left: 0px;
    margin-right: 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;
}

.fontsize40 .text-slider{font-size: 40px !important;}
.text-dark .text-slider{color: #222;}

/* 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:0px 7px 7px 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;
}

/* ================================================== */
/* 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;
}
.text-light .separator span:before,
.text-light .separator span:after {
  border-bottom: 1px solid rgba(255,255,255,.1);
}
.line-light.separator span:before, .line-light.separator span:after {border-bottom: 1px solid rgba(255,255,255,.1);}
.line-dark.separator span:before, .line-dark.separator span:after {border-bottom: 1px solid rgba(0,0,0,.2);}

.title_404{
  font-size: 50px;
  font-weight: 400;
  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;}
.mr10{margin-right:10px;}.mr20{margin-right:20px;}.mr30{margin-right:30px;} 

/* 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;}
.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;
}
.text-middle, .display-table [class*="col-"].text-middle {
    vertical-align: middle;
}
.text-bottom, .display-table [class*="col-"].text-bottom {
    vertical-align: bottom;
}
.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)}
.display-table  .z-index-2{position: relative;z-index: 2;}

.display-table .mask-overlay {
    position: absolute;
    top:0;
    left:0; 
    width: 100%;
    height:100%;
    z-index:1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background:rgba(0,0,0,.7);
}

/* 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: 32px;
  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 {
    width: 100%;
}
.owl-theme .owl-controls .owl-buttons .owl-prev{
    position: absolute;
    top: 50%;
    left: 0px;
    margin-top: -16px;
}
.owl-theme .owl-controls .owl-buttons .owl-next {
    position: absolute;
    top: 50%;
    right: 0px;
    margin-top: -16px;
}

.before-after-slider.owl-theme .owl-controls .owl-buttons {
    position: static;
    margin: 0px;
    width: auto;
}
.before-after-slider.owl-theme .owl-controls .owl-buttons .owl-prev, 
.before-after-slider.owl-theme .owl-controls .owl-buttons .owl-next{
    float: none;
    width: auto;
    opacity: 1;
    padding: 0px 10px;
    margin: 5px;
    margin-top: 20px;
    line-height: inherit;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 32px;
	line-height: 23px;
    margin-top: 20px;
    color: #111111;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-size: inherit;
    position: static;
}
.before-after-slider.owl-theme .owl-controls .owl-buttons .owl-next:after {
    top: 4px;
    right: -15px;
}
.before-after-slider.owl-theme .owl-controls .owl-buttons .owl-prev:before{
    top: 4px;
    left: -10px;
}

/* Back To Top*/
#back-to-top {
    background: #f5f5f5;
    border: 0 none;
    border-radius: 2px;
    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;
}
.bg-fixed{
	background-attachment: fixed;
    background-position: 50% 0 !important;
}
/* ================================================== */
/* R E S P O N S I V E */
/* ================================================== */
    @media only screen and (max-width: 1199px){
        .bg-fixed {background-attachment: scroll ;}
    }
    @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%;
		}
		.bg-fixed {
			background-repeat: no-repeat;
            background-color: #18191b;
            position: relative;
            width: 100%;     
        }
    }
    
    /* -------------------------------------------------- 
    design for 768px
    /* ================================================== */
    @media (min-width: 768px) and (max-width: 979px) {
        .slider_text {padding-top: 0px;}
        .pf_full_width .item,
        .pf_full_width.pf_4_cols .item,
        .pf_full_width.pf_6_cols .item,
        .pf_full_width.pf_5_cols .item,
        .pf_full_width.pf_3_cols .item
        {
            width:33.3333333333%;
        }
    }

    @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.header-bg{
            background:rgba(0,0,0,1);
        }

        header.de_header_2{height: auto;}       
        header.transparent{background:#000000;}
        header, header.fixed {
            display:block;
            position:inherit;
            margin:0;
            padding:0;
            margin-top:0;
            height:auto ;
            background:#000000;
            padding:15px 0 15px 0;
        }
        header div#logo{
            height: 50px;
            line-height: 50px;
        }
        header.fixed div#logo {
            height: 60px;
            line-height: 60px;
            float: left;
        }
        header div#logo a img {
            max-height: 60px;
        }        
        header.fixed div#logo img{
            height:auto;
        }
                
        header div#logo .logo-scroll {display: none;}

        #subheader{
            padding:0;
            margin:0;
        }
        .has-topbar #subheader{padding-top: 0px;}
        #subheader h1{
            margin:45px 0 45px 0;
        }
        .header-mobile-sticky-subheader #subheader{padding-top: 80px;}
        #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, .container-5 .de-team-list, .container-3 .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%;
		}
		.pricing-box {
			width: 100%!important;
			float: none;
			max-width: 500px;
			margin: 0 auto 20px;
		}
        #testimonial-full blockquote {
            padding: 20px;
        }               
        nav{width:100%;}        
        #mainmenu{
            display:none;
            float:none;
            z-index:200;
            width:100%;
            margin:0;
            padding:0;
        }        
        #mainmenu ul{float: none;}
        #mainmenu a, header.header-bottom #mainmenu > li > a{
            text-align:left;
            padding-top:10px ;
            padding-bottom:10px ;
        }
        
        #mainmenu a:hover{
            background:#111 ;
        }
        
        #mainmenu > li > ul{
            visibility: visible;
            opacity: 1;
            position:inherit;
            margin:0;
            width:100%;
        }
        #mainmenu > li > ul > li > ul{
            visibility: visible;
            opacity: 1;
            position:static;
            width: 100%;
            left: 0%;
            height: auto;
        }
        #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-sticky{
            position:fixed;
        }
		header.header-mobile-sticky.autoshow.scrollOff{
			top: 0px;
		}
		
		header #mainmenu li ul li:first-child{
		  border-top:solid 1px #333;
		}

        header #mainmenu li ul ul li:first-child{
            border-top:solid 0px #333;
        }

        header #mainmenu li ul ul li:last-child{
            border-bottom: solid 0px #333;
        }

        header #mainmenu li ul ul{
            border-top: solid 1px #333;
        }
		
		header #mainmenu > li > ul, 
		header #mainmenu > li > ul > li ul{
			height:0;
			overflow:hidden;
			position:static;
		}
		
		header #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;
		}
		
		/* remove arrow for Polylang plugin */
		header #mainmenu li.lang-item span {background:transparent;}
		
		header #mainmenu li span.active{
			background:url(images/ui/arrow-up.png) center no-repeat;
		}

        header #mainmenu li li span{
            margin-top: 2px;
        }
		
		.smaller.header-bottom div#logo, .header-bottom div#logo {
			height: 100%;
			line-height: 60px;
			max-height: 80px;
		}		
		header #mainmenu li a span {
            width: 100%;
            height: auto;
            background: transparent;
            position: static;
            margin-top: 0px;
        }
		
        .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 !important; 
            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.process-circle-textimage .content-mid, 
		.de_tab.tab_steps .de_nav.process-circle-textonly .content-mid, 
        .de_tab.tab_steps .de_nav.process-circle-icon li span, 
        .de_tab.tab_steps .de_nav.process-circle-texticon li span {
			margin: 0px auto;
		}
        .de_tab.tab_steps .de_nav.process-circle-icon li span{
            display: block;
            vertical-align: middle;
            line-height: 150px;
        }
		.de_tab.tab_steps .de_nav li .v-border{
			border:none;
		}
		
		.mobile-hide{
			display: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 ;}
        .footer-2 {text-align:center;}
        .footer-2 .logo-small {margin-bottom:30px;}
        .footer-2 .social-icons {
            display: inline-block;
            width: 100%;
            text-align: center;
        }
		.sm-hide{
			display:none;
		}
		
		.mt-sm-0{
			margin-top:0;
		}
        #sidebar {
            padding-left: 0px;
        }
        .leave-reply.form{margin-bottom: 100px;}
    }

    @media only screen and (max-width: 1200px) and (min-width: 768px) { 
        .de_tab.tab_steps.tab_4 .de_nav li span {          
            height: 170px;
            line-height: 115px;          
            width: 170px;
        }
    }    
    
    /* -------------------------------------------------- 
    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;}
        .pf_full_width .item,
        .pf_full_width.pf_4_cols .item,
        .pf_full_width.pf_6_cols .item,
        .pf_full_width.pf_5_cols .item,
        .pf_full_width.pf_3_cols .item
        {
            width:50%;
        }
    
    }    
    
    /* -------------------------------------------------- 
    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;}
        .post-video {height: auto;}
        .pf_full_width .item{
            float:left;
            width:49.9% ;
        }
        .text-item{
            font-size:48px;
            line-height:48px;
        }        
        .text-item i{
            font-size:36px;
        }
        .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;
        }
        h1.title-2{
            font-size:16px;
            letter-spacing:10px;
            line-height:2em;
        }     		
        .dark .de_tab.tab_steps .de_nav li .v-border {
            border-left: none;
        }   
        .side-bg > .image-container.pull-right {
            float: none !important;
            margin-bottom: 0px !important;
        }
    }
    
    /* -------------------------------------------------- 
    design for 480px
    /* -------------------------------------------------- */
    @media only screen and (max-width: 480px) {
        .pf_full_width .item,
        .pf_full_width.pf_4_cols .item,
        .pf_full_width.pf_6_cols .item,
        .pf_full_width.pf_5_cols .item,
        .pf_full_width.pf_3_cols .item
        {
            width:100%;
        }
        .container-4 .de-team-list, .container-5 .de-team-list, .container-3 .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 ;}
        .de_testi blockquote{padding: 5px 15px 5px 15px;}
        .de_testi blockquote:before{display: none;}
        footer .widget {padding-bottom: 40px;}

        .blog-list .date-box{display: none;}
        .blog-list .post-text {padding-left: 0px;}
        .single-post #content {padding: 60px 0 60px 0;}
    }
    /* -------------------------------------------------- 
    design for 320px
    /* -------------------------------------------------- */
    @media (min-width: 300px) and (max-width: 979px) {    
        #mainmenu li a{ display:block; width:100%;}
        section{ 
			background-position:50% 0;
			-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;}
    }

/* -------------------------------------------------- 
    Version 3.3.0 Style
/* -------------------------------------------------- */

/* #Video Background
================================================== */
section.row-relative{position: relative;z-index:1;}
.section-video-container-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%; 
  overflow: hidden;
}
video#video_background {    
    /* Make video to at least 100% wide and tall */
    min-width: 100%; 
    min-height: 100%; 

    /* Setting width & height to auto prevents the browser from stretching or squishing the video */
    width: auto;
    height: auto;

    /* Center the video */
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-51%) translateY(-50%);
    -moz-transform: translateX(-51%) translateY(-50%);
    -ms-transform: translateX(-51%) translateY(-50%);
    -o-transform: translateX(-51%) translateY(-50%);
    transform: translateX(-51%) translateY(-50%);
    z-index: 1;    
}
.sep-background-mask{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:2;
    background-repeat: repeat;   
}
.sep-background-mask.html5overlay{
    background-image:url(images/dot-70.png);
}
.sep-background-mask.html5dotted{
    background-image:url(images/dotted.png);
}
section.row-relative > .container, section.row-relative > .row {position: relative;z-index: 100000;}

/* -------------------------------------------------- 
    Equal Height Visual Composer Style
/* -------------------------------------------------- */
@media only screen and (min-width: 768px) {
    .wpb_row.vc_row-flex .row {
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
        display: -webkit-flex;
        display: -webkit-box;
    }
    .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;}
.project-image-carousel.owl-theme .owl-controls {
    position: relative;
}
.project-image-carousel.owl-theme .owl-controls .owl-page {
    display: inline-block;
    height: 3em;
    margin: 0 0.25em;
    outline: medium none;
    position: relative;
    transition: all 0.1s ease-in-out 0s;
    width: 6em;
}
.project-image-carousel.owl-theme .owl-controls .owl-page:focus {
    outline: medium none;
}
.project-image-carousel.owl-theme .owl-controls .owl-page span {
    display: none;
}
.project-image-carousel.owl-theme .owl-controls .owl-page:not(.active) {
    box-shadow: 0 0 10em 0 rgba(0, 0, 0, 0.6) inset;
}
.project-image-carousel.owl-theme .owl-controls .owl-buttons .owl-prev, .project-image-carousel.owl-theme .owl-controls .owl-buttons .owl-next {
    border-radius: 1px;
    display: block;
    font-size: 2em;
    height: 1em;
    line-height: 0.75em;
    position: absolute;
    width: 1em;
}
.project-image-carousel.owl-theme .owl-controls .owl-buttons .owl-prev:focus, .project-image-carousel.owl-theme .owl-controls .owl-buttons .owl-next:focus {
    box-shadow: 0 0 10em 0 rgba(255, 0, 0, 0.6) inset;
}
.project-image-carousel.owl-theme .owl-controls .owl-buttons .owl-prev {
    left: 0em;
}
.project-image-carousel.owl-theme .owl-controls .owl-buttons .owl-next {
    right: 0em;
}

.project-image-carousel.owl-theme .owl-controls .owl-buttons .owl-prev:before,
.project-image-carousel.owl-theme .owl-controls .owl-buttons .owl-next:after{font-size: 20px;}


.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 {
  float: right;
  margin-bottom: 0;
  margin-left: 0;
  margin-top: 0;
}
.share-holder h4, .social-links.rounded-share-icons {
  display: inline-block;
  margin: 0px;
}
.share-holder .social-links.rounded-share-icons a {
    display: inline-block;
    margin-left: 6px;
}
.share-holder .social-links.rounded-share-icons a i {
    font-size: 15px;
    color: #fff;
    float: none;
    margin: 0px;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.post-controls{padding: 40px 0px 40px;margin: 0px 0px 40px;border-bottom: 1px solid #e8eaec;border-top: 1px solid #e8eaec;}
.post-controls .nav-previous{}
.post-controls .nav-next{text-align: right;}
.post-controls a:hover {text-decoration: none;}
.post-controls .post-title em{display: block;font-style: normal;color: #f6f6f6;text-transform: uppercase;text-decoration: underline;margin-bottom: 10px;}
.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;}
.nav-links:before{
    display: table;
    content: " ";
}
.nav-links:after{
    display: table;
    content: " ";
    clear: both;
}

/* Revolution Slider Setting */
html {
    overflow-x:hidden;
    padding: 0 !important;
    background:#fff;
    margin:0px !important;
}
#revolution-slider{
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
}
.tp-caption{
    font-size:14px;
    font-weight:300;
}
.tp-caption.teaser{
letter-spacing:5px;
}
.tp-caption br{
margin-bottom:5px;
}
.tparrows{ top:50% !important;}
.med{
    font-size:24px;
    letter-spacing:-.5px;
}
.med-white{
    color:#fff;
    font-size:24px;
    letter-spacing:-.5px;
}
.med-green{
    color:#1a8b49;
    font-size:24px;
    letter-spacing:-.5px;
}
.small-white{
    color:#fff;
    line-height:1.7em;
}
.big-black{
    font-size:52px;
    letter-spacing:-3px;
    color:#222;
}
.big-white{
    font-size:16px;
    color:#fff;
    line-height:normal;
    font-weight:300;
    text-transform:uppercase;
    letter-spacing:6px;
}
.ultra-big-white, .big-text h2{
    font-size:72px;
    font-weight:300;
    letter-spacing:10px;
    color:#fff;
    margin:0;
    text-transform:uppercase;
}
.ultra-big-black{
    font-size:96px;
    font-weight:400;
    color:#222;
    margin:0;
    line-height:72px;
}

a.btn-slider{
    color:#fff;
}

a.btn-slider:hover{
    color:#222;
}

.fullwidthbanner-container a.btn{
    text-transform:uppercase;
    letter-spacing:1px;
    color:#fff !important;
    font-weight:700;
    padding:10px 20px 10px 20px;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
}

.tp-caption.separator {
    width:100px;
    border-bottom:solid 1px rgba(255,255,255,.3);
}
.tparrows.tp-rightarrow:before, .tparrows.tp-leftarrow:before{content: '';}
.tp-leftarrow, .tp-leftarrow:hover  {background:url(images/large_left.png) no-Repeat top left;position: absolute;}
.tp-rightarrow, .tp-rightarrow:hover {background:url(images/large_right.png) no-Repeat top left;position: absolute;}

@media only screen and (max-width: 480px) {
    .big-white, .big-text {margin-left:20px; }
}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000000;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.9;
  filter: alpha(opacity=90); }

.de_light .mfp-bg {
  background: #fff;
  opacity: .95;
  filter: alpha(opacity=95);
}
  
.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000000;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; 
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateZ(0);
}
html.mfp-helper {
    height: 100%;    
}
.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
}
.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; 
}

.mfp-align-top .mfp-container:before {display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; 
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; 
}

.mfp-ajax-cur {cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; 
}

.mfp-auto-cursor .mfp-content {cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; 
}

.mfp-loading.mfp-figure {display: none; }

.mfp-hide {display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; 
}
.mfp-preloader a {color: #CCC; }
.mfp-preloader a:hover {color: #FFF; }
.mfp-s-ready .mfp-preloader {display: none; }
.mfp-s-error .mfp-content {display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; 
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; 
}
.mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100); 
}
.mfp-close:active {top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #fff;
  left: 0;
  padding-right: 0;
  right: 0;
  text-align: center;
  top: -100px !important;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
}
.mfp-arrow:active {margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); 
}
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; 
}
.mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; 
}
.mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}

.mfp-arrow-left {left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px; 
}
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; 
}

.mfp-arrow-right {right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px; 
}
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; 
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; 
}
.mfp-iframe-holder .mfp-close {top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; 
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; 
}

/* The shadow behind the image */
.mfp-figure {line-height: 0; }
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; 
}
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; 
}
.mfp-figure figure {margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; 
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; 
}

.mfp-image-holder .mfp-content {max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0; 
    }
    .mfp-img-mobile img.mfp-img {padding: 0; }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0; 
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px; 
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; 
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {padding: 0; }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px; 
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0; 
    }
 }

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75); 
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0; 
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%; 
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px; 
    }
}

.mfp-ie7 .mfp-img {padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; 
}
.mfp-ie7 .mfp-container {padding: 0; }
.mfp-ie7 .mfp-content {padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; 
}


/* section background
/* -------------------------------------------------- */
section, #subheader{
    -webkit-background-size: 100% !important;
    -moz-background-size: 100% !important;
    -o-background-size: 100% !important;
    background-size: 100% !important;
}
#subheader{background-position: top;background-attachment: fixed;}
#view-all-projects, #call-to-action{padding:60px 0 60px 0;}
#section-about-us-2{background:#f8f8f8; height:100%;}
#section-coming-soon{ background:none; position:absolute; min-height:100%; width:100%;z-index:1;}
#bg-coming-soon-page{background-position: top; background-attachment: fixed; position:fixed; min-height:100%; width:100%;}
#section-about-us-2{background:#18191b; height:100%;}
#section-portfolio{background:#222; width:101%;}
#section-team{background:#111;}
#hide-content{position:absolute; width:100%; min-height:100%; z-index:100;display:none; background:rgba(0,0,0,.8);}

.vc_cta3-content-header{position:static;height: auto;}
.vc_cta3-container {margin-bottom: 0px;}
header.autoshow .info{display: none;}
.header-bottom .info {display: none;}
.services-masonry-item-mb0 #services-masonry .item {margin-bottom: 0px;}

@media only screen and (max-width: 992px) {
    section,#subheader{
        -webkit-background-size:cover !important;
        -moz-background-size: cover !important;
        -o-background-size: cover !important;
        background-size: cover !important;
    }
    .services-masonry-item-mb0 #services-masonry .item {margin-bottom: 60px;}
    .services-masonry-item-mb0 #services-masonry .item:last-child{margin-bottom: 0px;}
}

@media only screen and (max-width: 767px) {
    #subheader {background-attachment: scroll;}
}

@media only screen and (max-width: 480px) {
    .single-comment li{padding-bottom: 0px;}
    .avatar {width: 30px;height: auto;}
    .comment-content, .post-content-comment .date, .comment-content{margin-left: 40px;}
    .single-comment .children{margin-left: 40px;padding: 0px;}
    .share-holder{float: none;margin-top: 20px;}
    .post-info {margin: 20px 0 0;padding-bottom: 10px;}
    #subheader .title-wrap {float: none;}
    #subheader h1{padding: 0px;font-size: 22px;text-align: center;}
    .grid-item .pf_title{display:none;}
    h1.title-3{font-size:42px;}
}
.gm-style .gm-style-iw {
    font-size: 14px;
    font-weight: 300;
    color: #333;
}
.gm-style .gm-style-iw h3{
    color: #333;
    margin-bottom: 10px;
    margin-top: 20px;
}
ul.sidebar-style-2 {
  display: block;
  width: 100%;
  margin: 0px;
  padding: 0px;
}
ul.sidebar-style-2 li {
  display: block;
  width: 100%;
  background: #f2f2f2;
  transition: all 0.4s;
  margin-bottom: 5px;
  border-left: 4px solid #f2f2f2;
}
ul.sidebar-style-2 li a {
  color: #555555;
  font-size: 15px;
  display: block;
  width: 100%;
  line-height: 50px;
  padding: 0 15px;
  transition: all 0.4s;
  text-decoration: none;
}
ul.sidebar-style-2 li:hover {
  border-left: 4px solid #fab207;
  background: #000;
}
ul.sidebar-style-2 li:hover a {
  color: #fab207;
}
ul.sidebar-style-2 li.active {
  border-left: 4px solid #fab207;
  background: #000;
}
ul.sidebar-style-2 li.active a {
  color: #fab207;
}

/* #Portfolio
================================================== */
.item .picframe-new .mask{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1;
    background-color:#111111;
    opacity:0;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.item:hover .picframe-new .mask{
    opacity:.9;
}
.item .picframe-new img{
    width:100%;
    display:block;
    -webkit-transition: all 700ms linear;
    -moz-transition: all 700ms linear;
    -o-transition: all 700ms linear;
    -ms-transition: all 700ms linear;
    transition: all 700ms linear;
}
.item:hover .picframe-new img{
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.item .picframe-new {
    overflow: hidden;
    position: relative;
    display: inline-block;
    vertical-align: top;
}
.item .picframe-new .project-name {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 55%;
    opacity: 0;
    z-index: 2;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.item:hover .picframe-new .project-name{
    opacity: 1;
    top: 50%;
    margin-top: -6px;
}
.addtoany_share_save_container {max-width: 1170px;margin: 16px auto !important;}

/* OT Simple Process
================================================== */
.process-carousel-wrap{ 
    position:relative;
    width:100%;
    margin:0 auto;
    overflow:hidden;
    z-index:2;
} 
.process-sync1{
    position: relative;
    max-width:800px;
    margin: 0 auto;
    width:100%;
}
.process-sync1 .item {
    display: block;
    color: #eceff3;
}
.process-sync1 .item:after {
  content: '';
  display: block;
  clear: both;
}
.process-sync2 {
    position:relative;
    width:100%;
    max-width:550px;
    margin:0 auto;
}
.process-sync2 .item{
    width:80%;
    margin-left:10%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    z-index:200;
    cursor:pointer;
    margin-top:80px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
    text-align: center;
}
.process-sync2 .item .line{
    position:absolute;
    width:100%;
    height:1px;
    top:80px;
    left:-100%;
    z-index:1px;
    background:#eceff3;
    opacity:0;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}
.process-sync2 .item .point-item {
    position: absolute;
    border-radius: 50%;
    width: 7px;
    height: 7px;
    background:#eceff3;
    z-index:1;
    top:40px;
    left:50%;
    margin-left:-3px;
    opacity:0;
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
}
.process-sync2 .item .line-ver{
    position:absolute;
    width:1px;
    height:20px;
    top:40px;
    left:50%;
    z-index:1px;
    background:#eceff3;
    opacity:0;
    -webkit-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
}
.process-sync2 .item p{
    font-family: 'Open Sans', sans-serif;
    font-weight:600;
    font-size: 12px;
    line-height:25px;
    padding-top:10px;
    color:#eceff3;
    text-transform: uppercase;
    letter-spacing:3px;
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}
.process-sync2 .synced .item .line{
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    opacity:1;
}
.process-sync2 .synced .item .line-ver{
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    opacity:1;
}
.process-sync2 .synced .item .point-item {
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    opacity:1;
}

.text-dark .process-sync1 .item{color: #606060;}
.text-dark .process-sync2 .item .line, .text-dark .process-sync2 .item .point-item,
.text-dark .process-sync2 .item .line-ver{background: #212121;}
.text-dark .process-sync2 .item p {color: #212121;}
.mfp-close.popup-exit {display:none;}
@media only screen and (max-width : 992px) {
    .mfp-close.popup-exit {
        top: auto;
        bottom: 10px;
        width: 150px;
        text-align: center;
        font-size: 18px !important;
        color: #fff !important;
        opacity: 1;
        background: #333;  
        margin-left: -75px; 
		display:block;
    }
}
.ot_custom_heading a {color: inherit;text-decoration: none;}
.ot_custom_heading a:hover{text-decoration: none;color: inherit;}
.mb-30 {margin-bottom: -30px;}

/* Archi Industry version */
.info-box i{
    font-size:40px;
    position:absolute;
}
.info-box .info-box_text{
    padding-left:60px;
}
.info-box .info-box_title{
    font-weight:700;
    text-transform:uppercase;
    line-height:16px;
    color:#fff;
    margin-top:8px;
}
#info-box{
    height:90px;
    position:absolute;
    z-index:500;
    width:100%; 
    background:rgba(0,0,0,.3);
}
@media only screen and (max-width : 767px) {
    #info-box{
        background: #fff;
        height:auto;
        position:static;
        margin-top: 0px;
    }
    .info-box .info-box_title, .info-box .info-box_text{
        color: #333;
    }
    .info-box {padding: 20px 0px;}
}
h2 .wm {
    display: block;
    color: rgba(0,0,0,.05);
    font-size: 80px;
    width: 100%;
    position: absolute;
    text-align: left;
    margin-left: -130px;
    z-index: 0;
}
h2.inline-block {display: inline-block;}
.separator.separator-bold span:before, .separator.separator-bold span:after {border-bottom-width: 2px;}
.separator.separator-bold span i {font-size: 20px;margin-top: -5px;}
section.stellar-fixed { background:top fixed;}
@media only screen and (max-width: 1199px){
    section.stellar-fixed {
        -webkit-background-size: auto 100% !important;
        -moz-background-size: auto 100% !important;
        -o-background-size: auto 100% !important;
        background-size: auto 100% !important;
        background-attachment: scroll !important;
        background-position: top !important;
    }
}
.info-details .info-text {margin-bottom: 20px;}

@media only screen and (max-width : 767px) {
    .text-slider{
        line-height:36px;       
        font-size:36px;
        letter-spacing:10px;
    }
    .text-slider.big-text{
        font-size:60px;
        line-height:60px;
    }
    h1.slogan_big {
        font-size: 32px;
        line-height: 32px;
    }
    h1.title{
        font-size:32px;
        letter-spacing:5px;
    }
    h1.title-2{
        letter-spacing:10px;
        line-height:25px;
    }
    h1.title-3{
        font-size:36px;
    }
    h1.title.s2 {
        font-size: 32px;
    }
    h2.hero {
        font-size: 32px;
        letter-spacing: 32px;                
    }   
    h2.style-3 {
        font-size:32px;
        letter-spacing:10px;
    }
    h2.style-4 {
        font-size:30px;
    }
    h2.style-5 {        
        line-height:1em;
        font-size:24px;        
    }
}


/* ---- grid ---- */

.projects-grids {
  max-width: 100%;
}

/* clearfix */
.projects-grids:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- grid-item ---- */

/* fluid 4 columns */
.grid-sizers,
.grid-items { width: 25%; }
.grid-items {
  float: left;
}
/* 2 columns */
.grid-items--width2 { width: 50%; }

/* fluid 5 columns */
.grid-columns-5 .grid-items { width: 20%; }
.grid-columns-5 .grid-items--width2 { width: 40%; }

/* fluid 3 columns */
.grid-columns-3 .grid-items { width: 33.33333333333333%; }
.grid-columns-3 .grid-items--width2 { width: 66.66666666666666%; }

/* fluid 2 columns */
.grid-columns-2 .grid-items { width: 50%; }
.grid-columns-2 .grid-items--width2 { width: 100%; }

.grid-items img{max-width: 100%;}

@media only screen and (max-width : 767px) {
    .grid-sizers,
    .grid-items { width: 50%; }
}
@media only screen and (max-width : 480px) {
    .grid-sizers,
    .grid-items { width: 100%; }
}

