/*==============================================================================
    CONTENTS:
    
    1. CSS RESET.
    2. HEADER STYLE:
        2.1. Top bar.
        2.2. Main menu.
        2.3. Top Search.
        2.4. Top Cart.
        2.5. Header Styles.
    3. THEME ELEMENTS.
        3.1. Social Icons
        3.2. Sliding Bar
    4. PAGE TITLES.
    5. PAGE SPECIFIC STYLES:
        5.1. widgets.
        5.4. 404 Not Found.
        5.5. Blog.
        5.6. SiteMap.
        5.7. Search Results
    6. FOOTER.
    7. TYPOGRAPHY.
    8. BOXED MODE.
    9. RESPONSIVE STYLES.
============================================================================= */

/* ==========================================================================
  1. CSS RESET
============================================================================= */
body {
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    max-width: 100% !important;
    line-height: 1.7;
}
:active,:focus { outline: none !important }
input:focus,textarea:focus,select:focus { box-shadow: none !important }
input,button{border: 0}
a{color: #333;}
a:focus,a:hover {text-decoration:none;}
iframe {border:none !important;}
p{margin:0 0 15px}
pre,blockquote {
    max-width: 100%;
    overflow: auto;
}
address{
    line-height: 1.9;
    font-size: 13px;
}
img {
    max-width:100%;
    height: auto;
}
h1,h2,h3,h4,h5,h6{
    line-height: 1.4
}
h4{
    font-size: 20px;
}
header ul, footer ul, .top-bar ul, .post-info ul, .sidebar ul, ul.details li, ul.comment-list, ul.list, ul.post-chat, ul.post-meta,.lft-tools ul,.timeline-TweetList,ul.menu,.sl_bar_content ul{
    list-style:none;
    margin:0;
    padding:0;
}
html, body, .pageWrapper{
    height:100% !important;
    min-height:100%;
    position: static;
}
.auto-height{
    height: auto;
    min-height: 0
}
.page-loader{
    background-color: #fff;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999;
    top: 0;
    left: 0;
}
a,.pageWrapper:not(.boxed) .top-head .social-list a i:after, .social-list a i:before, .input-wrap:after, .slbar, #to-top, .pageWrapper, .site-nav nav > ul > li > a:before, .body-overlay, .more-btn, select, textarea, input[type="text"], 
input[type="password"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], .hid-btn-head, .site-nav nav ul li li a:after, .top-head, .site-nav nav ul li li.hasChildren:before,.site-nav nav li a i, 
.site-nav nav ul li li.hasChildren:after, .srch_overlay .bar-border, .post-item, .gallery-caption, .site-nav nav ul li li a:after,.wpb_widgetised_column .widget li:after,.top-foot-nl-form form input[type="submit"],.newNav.modern > span,
.site-nav nav ul li li:not(.with_icons) a:before,.srch_overlay-cornershape form,.srch_overlay-cornershape .srch_overlay-close,.nav-single .meta-nav,
.top-head nav > ul > li > a > span::before,.social-list a i:before,.social-list a i:after,.form-submit input.submit,.custom-select-trigger:after,.custom-options,.custom-option{
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.btn span,.btn:after{
    -webkit-transition: transform .4s ease;
    transition: transform .4s ease;
}
.rev-btn:hover {
    -webkit-transition: all .4s ease !important;
    transition: all .4s ease !important;
}
.slick-slider ul.slick-dots li button{
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}
.fx{opacity: 0}
.animated{opacity: 1}
/* ==========================================================================
  2. HEADER STYLE
============================================================================= */
/*
-------------- 2.1. Top bar. ------------- */
.top-bar {
    min-height: 50px;
    line-height: 50px;
    position:relative;
    font-size: 12px;
    z-index: 99;
    color: #999;
}
.top-bar.bord {
    border-bottom: 1px rgba(0,0,0,.1) solid;
}
.top-head.modern .top-bar{
    border-bottom:0;
    line-height:35px;
    min-height: 35px;
}
.top-head.modern .top-bar .pull-left .topbar-box,.top-head.modern .top-bar ul li, .top-head.modern .top-bar ul li a, .top-head.modern .top-bar .top-bar-menu ul li a, .top-head.modern .top-bar .lbl-txt{
    line-height:35px;
    min-height: 35px;
}
.top-head.modern span.topbar-box{
    line-height:35px;
    height: 35px;
}
.top-head.modern .top-socials.topbar-box span:not(.lbl-txt){
    padding-top:2px
}
.top-bar.light {
    background-color: #f8f9fe;
}
.top-bar-txt,.top-bar .menu-message{
    line-height: 50px;
}
.top-bar ul li, .top-bar ul li a, .top-bar .top-bar-menu ul li a, .top-bar .lbl-txt {
    line-height: 50px;
    font-size: 11px;
}
.top-bar ul li li a{
    line-height: 1 !important;
    padding: 14px !important;
}
.top-bar .site-nav nav{
    min-height: 1px
}
.top-bar .lbl-txt {
    padding-right: 10px;
}
.lbl-txt {
    display: inline-block;
    float: left;
}
.top-bar i:not(.cart-num) {
    margin-right: 8px;
    vertical-align: middle;
    font-size: 90%;
}
.top-bar i.cart-ic {
    margin-right: 0;
}
.top-bar i.cart-num{
    top: 19px;
    padding: 1px 3px;
}
.top-bar ul li:last-child{
    border-right:0
}
.full-bar .container{
    width: 100%;
}
.full-bar .container .row{
    margin-left: 0;
    margin-right: 0
}
.top-bar .pull-left .topbar-box{
    float: left;
    display: block;
    min-height: 50px;
    position: relative;
}
.rit_ic{
    margin: 0 8px 0 0 !important;
    vertical-align: unset !important;
    font-size: 100% !important;
}
.logout_btn{
    margin-left: 6px
}
span.topbar-box{
    padding: 0 25px;
    height: 50px;
}
.top-bar .pull-right span.topbar-box:last-child{
    padding-right: 10px;
}
.top-bar .pull-right .topbar-box{
    float: left;
}

.topbar-box.top-cart{
    border:0 !important;
}
.topbar-box.top-cart > a i:after{
    display:none
}
.topbar-box.top-cart > a b.cart-num{
    top:19px
}
.top-bar ul li,.top-bar .social-list a i {
    float: left;
    position:relative;
    padding: 0 10px;
}
.top-bar.main-bg .pull-left .topbar-box,.top-bar.dark-bg .pull-left .topbar-box,.top-bar.main-bg .pull-right .topbar-box,.top-bar ul li,.top-bar.main-bg .social-list a i,
.top-bar.dark-bg .pull-right .topbar-box,.top-bar ul li,.top-bar.dark-bg .social-list a i{
    border-color: rgba(255, 255, 255, 0.08);
}
.top-bar .social-list a i{
    width: 27px !important;
    height: 27px !important;
    line-height: 27px !important;
    margin: 0 3px;
    font-size: 13px !important;
    color: #777;
}
.top-bar ul li{
    padding-left: 0;
    padding-right: 0;
}
.top-socials.topbar-box {
    border-left: 1px rgba(0,0,0,.1) solid;
    border-right: 1px rgba(0,0,0,.1) solid;
    padding: 0 23px;
}
.top-socials.topbar-box span:not(.lbl-txt){
    padding-top: 4.5px;
}
.top-bar .top-cart > a{
    display: inline-block;
    font-size: 17px;
    line-height: 40px;
    position: relative;
}
.top-bar .cart-mini-lft{
    padding:0 !important;
}
.top-bar .top-bar-menu ul li{
    padding: 0 10px !important;
}
.cart-body a{
    line-height: 1.7;
    display: block;
    padding: 0 !important;
}
.top-bar-menu ul.sub-menu{
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9;
    min-width: 220px;
    background-color: #fff;
    box-shadow: 0px 10px 30px 0 rgba(0, 0, 0, 0.11);
    -webkit-box-shadow: 0px 10px 30px 0 rgba(0, 0, 0, 0.11);
    padding: 0;
    -webkit-animation: displayNone 0.3s ease-in;
    animation: displayNone 0.3s ease-in;
}

.top-bar .top-bar-menu ul li:hover > ul.sub-menu{
    display: block;
}
.top-bar-menu ul.sub-menu a,.top-bar-menu ul.sub-menu a span{
    color: #555
}
.top-bar-menu ul.sub-menu li{
    float: none;
    padding: 0 !important;
    border-top: 1px #eee solid;
}
.top-bar-menu ul.sub-menu li a{
    display: block;
}
.top-bar-menu nav ul li li a:hover{
    padding-left: 20px !important
}
.lng_select{
    display: inline-block;
    margin: 0 5px
}
.lng_select img{
    width: 18px;
    height: 18px;
    border-radius:50%;
}
/*
--------------------- 2.2. Main menu -------------------- */
.site-nav nav{
    float: left;
    margin-right:10px
}
.site-nav nav li:not(.mega-menu){
    position: relative;
}
.site-nav nav li a{
    display: block;
    padding: 0 15px;
    position:relative;
}
.site-nav nav li a i{
    margin-right: 10px;
    font-size: 85%;
    width: 12px;
    display: inline-block;
}
.site-nav nav li a span.description{
    display:block;
    font-size:80%;
    font-weight:normal;
    opacity:0.7;
    position: relative;
    bottom: -3px;
}
.site-nav nav > ul > li{
    float: left;
    line-height: inherit;
}
.top-head:not(.creative1) .site-nav nav > ul > li > a:before{
    width: 20%;
    height: 2px;
    top: -1px;
    left: 50%;
    opacity:0;
    transform:translate(-50%,-4px);
    position: absolute;
    background-color: #fff;
    content: "";
    display: none;
}
.top-head.classic.sm-head.affix .site-nav nav > ul > li > a:before{
    display: none;
}
.top-head:not(.creative1) .site-nav nav > ul > li.current-menu-ancestor > a:before,.top-head:not(.creative1) .site-nav nav > ul > li.current-menu-item > a:before
,.top-head:not(.creative1) .site-nav nav > ul > li.current_page_parent > a:before,.top-head:not(.creative1) .site-nav nav > ul > li:hover > a:before,.top-head:not(.creative1) .site-nav nav > ul > li > a.active:before{
    opacity:1;
    transform:translate(-50%,0px);
}
.site-nav nav > ul > li > a{
    font-style: normal;
    font-weight: 700;
}
.site-nav nav ul ul,.site-nav nav li.mega-menu .mega-content{
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9;
    min-width: 220px;
    background-color: #fff;
    box-shadow: 0px 10px 30px 0 rgba(0, 0, 0, 0.11);
    -webkit-box-shadow: 0px 10px 30px 0 rgba(0, 0, 0, 0.11);
    padding: 20px 0;
    -webkit-animation: displayNone 0.3s ease-in;
    animation: displayNone 0.3s ease-in;
}
.site-nav nav > ul > li > ul.rit-menu{
    left: auto;
    right: 0
}
.site-nav nav ul ul.rit-menu{
    left: auto;
    right: 100%
}
.top-head:not(.affix) .bottom-head .site-nav nav > ul > li,.top-head:not(.affix) .bottom-head .slbar_btn{
    border-right:1px rgba(0, 0, 0, 0.05) solid;
}
.top-head:not(.affix) .bottom-head .site-nav nav > ul > li:first-child{
    border-left:1px rgba(0, 0, 0, 0.05) solid;
}
.top-head:not(.affix) .bottom-head .site-nav nav > ul > li.current-menu-ancestor > a,.top-head:not(.affix) .bottom-head .site-nav nav > ul > li:hover > a,
.top-head:not(.affix) .bottom-head .head-btn:hover > a{
    background-color:#fff;
}
.top-head.box-head:not(.affix){
    top: 40px;
    background-color: transparent !important;
}
.top-head.box-head:not(.affix) .head-cont .container{
    background-color: #fff;
    padding-left: 25px;
    padding-right: 25px;
}
.top-head.box-head:not(.affix) .head-cont .container:before{
    height: 8px;
    position: absolute;
    left: 50%;
    width: 97%;
    content: "";
    bottom: -8px;
    z-index: 9;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    background-color:#000;
}
.top-head.box-head:not(.affix) .site-nav > nav > ul > li,.top-head.box-head:not(.affix) .head-btn > a,.top-head.box-head:not(.affix) .logo{
    line-height: 80px
}
.top-head.box-head .site-nav > nav > ul > li > a:before{
    position: absolute;
    left: 0;
    top: -4px;
    width: 100%;
    height: 4px;
    content: "";
    display: inline-block;
    opacity: 0;
    transform: translate(0,-20px);
    -webkit-transform: translate(0,-20px);
}
.top-head.box-head .site-nav > nav > ul > li > a > span{
    overflow: hidden;
    top: 3px
}
.top-head.box-head .site-nav > nav > ul > li:hover > a:before, .top-head.box-head .site-nav > nav > ul > li.current-menu-ancestor > a:before{
    opacity: 1;
    top: -4px;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
}

.bottom-head .site-nav nav li ul,.bottom-head .site-nav nav li.mega-menu .mega-content{
    border-top: 0
}
.bottom-head .site-nav nav li.mega-menu .mega-content{
    width: 100%;
    color: #555;
}
.top-head .bot-menu-bg .site-nav > nav > ul > li > a ,.top-head .bot-menu-bg .head-btn > a {
    color: #fff
}
.top-head .bot-menu-bg .head-btn:hover > a {
    color: #555
}
.side-head .site-nav nav li.mega-menu .mega-content ul{
    margin: 0;
    padding: 15px 0 !important;
}
.side-head .site-nav nav li.mega-menu .mega-content ul ul{
    background-color: #f7f7f7;
}
.site-nav nav li.mega-menu .mega-content ul{
    border-top-width: 0;
    margin: 0 15px;
}
.site-nav nav li.mega-menu .mega-content ul li{
    padding:0 15px;
}
.site-nav nav li.mega-menu .mega-content li li {
    padding: 2px 0;
}
.site-nav nav li.mega-menu .mega-content{
    width: 96%;
    padding: 0;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
}
.top-head.full .site-nav nav li.mega-menu .mega-content{
    max-width: 60%;
    right: 0%;
    transform:none;
    left:auto;
}
.pageWrapper.boxed .top-head.full .site-nav nav li.mega-menu .mega-content{
    max-width: none;
}
.top-head.full.right-logo .site-nav nav li.mega-menu .mega-content{
    left: 0%;
    right:auto
}
.side-head .site-nav nav li.mega-menu .mega-content{
    transform: none;
    width: auto;
}
.site-nav nav ul ul ul{
    left: 100%;
    top: 0;
    background-color: #f7f7f7;
    box-shadow: 10px 0 20px 0 rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 10px 0 20px 0 rgba(0, 0, 0, 0.08);
}
.side-head.right .site-nav nav ul ul ul{
    box-shadow: -10px 0 20px 0 rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: -10px 0 20px 0 rgba(0, 0, 0, 0.08);
}
.site-nav nav ul li li{
    line-height:normal;
    font-size: 13px;
}
.site-nav nav ul li li.hasChildren:before,.site-nav nav ul li li.hasChildren:after{
    position: absolute;
    content: "";
    display: inline-block;
    right: 20px;
    width: 8px;
    height: 2px;
    top:50%;
    z-index: 33;
    background-color: #ccc;
    transform: translate(0,0) rotate(0deg);
}
.site-nav nav ul li li.hasChildren:after{
    transform: translate(-3px,-3px) rotate(0deg);
    width: 2px;
    height: 8px;
}
.site-nav nav ul li li.hasChildren:hover:after{
    transform: translate(-3px,-3px) rotate(180deg);
    opacity: 0;
}
.site-nav nav ul li li.hasChildren:hover:before{
    transform: translate(0,0) rotate(180deg);
}
.top-head .site-nav nav ul li.mega-menu li.hasChildren:before,.top-head .site-nav nav ul li.mega-menu li.hasChildren:after{
    display: none;
}
.site-nav nav ul li li a{
    padding: 7px 20px;
    color: #555;
    font-weight: normal !important;
    display: flex;
}
.site-nav nav ul li li:not(.with_icons) a:before{
    display:inline-block;
    width: 5px;
    height: 1px;
    background-color: #ccc;
    content:"";
    margin: 10px 10px 0 0;
}
.site-nav nav ul li li:hover > a:before{
    width: 10px;
}
.site-nav nav ul li li:hover > a i{
    margin-left: 5px;
}
.site-nav nav ul li li:hover > a,.site-nav nav ul ul li.current-menu-ancestor > a{background-color: rgba(0, 0, 0, 0.03)}

/* MEGA MENU */
.site-nav nav li.mega-menu .mega-content ul{
    display: block;
    position: static;
    box-shadow: none;
    padding: 0;
    background-color: transparent;
}
.site-nav nav li.mega-menu .mega-content ul.slick-dots{
    min-width:auto;
    left: 0;
    bottom: 15px;
    position:absolute !important;
    margin: 0 !important;
    top: auto;
}
.site-nav nav li.mega-menu .mega-content > .row > ul{
    display:flex;
    flex-wrap:wrap;
}
.site-nav nav li.mega-menu .mega-content > .row > ul > li > ul{
    margin:0;
    min-width: 0;
}
.site-nav nav li.mega-menu .mega-content > .row > ul > li {
    padding-top: 30px;
    padding-bottom: 30px;
    border-left: 1px rgba(0, 0, 0, 0.07) solid;
}
.site-nav nav li.mega-menu .mega-content > .row > ul > li:first-child{
    border-left:0
}
.site-nav nav li.mega-menu:hover .mega-content > .row > ul > li > a{
    padding: 8px 15px;
    font-weight: bold;
    font-size: 13px;
}
.site-nav nav li.mega-menu:hover .mega-content > .row > ul > li > a{
    border-bottom:0
}
.top-head .site-nav nav ul li.hiddenChild > a, .top-head .site-nav nav li.mega-menu:hover .mega-content > .row > ul > li > a:after{
    display: none;
}
.top-head .site-nav nav ul li.hidden_elems li.hiddenChild > a{
    display: block;
}
/* HOVER */
.site-nav nav ul li:not(.hidden_elems):hover > ul,.site-nav nav li:not(.hidden_elems).mega-menu:hover .mega-content{
    display:block
}
.hidden_elems .dropdown-menu{
    padding: 0 !important;
    border:0 !important;
}
.hidden_elems .dropdown-menu>li>a:focus, .hidden_elems .dropdown-menu>li>a:hover{
    background-color: transparent;
}
.site-nav ul.sub-menu li{
    animation: transTop 0.5s ease;
}
/* menu hint */
.menu-hint{
    font-size:10px;
    position: relative;
    top: -6px;
    right: 0;
    margin-left:3px;
    padding: 1px 4px;
    background:#777;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    color:#fff;
    font-weight:normal;
}
.menu-hint.success {background-color: #5cb85c;}
.menu-hint.success:hover {background-color: #449d44;}
.menu-hint.info {background-color: #5bc0de;}
.menu-hint.info:hover {background-color: #31b0d5;}
.menu-hint.warning {background-color: #f0ad4e;}
.menu-hint.warning:hover {background-color: #ec971f;}
.menu-hint.hot {background-color: #d9534f;}
.menu-hint.hot:hover{background-color: #c9302c;}
.menu-hint.light {background-color: #fff;color:#000;}
.menu-hint.light:hover{background-color: #ddd;}

/* dark menu */
.site-nav nav.dark-sub ul ul,.site-nav nav.dark-sub li.mega-menu .mega-content{
    background-color: #222
}
.site-nav nav.dark-sub ul ul li a{
    color: #999;
    border-color: rgba(255,255,255,0.03);
}
.site-nav nav.colored ul ul li a{
    color: #fff !important;
    border-color: rgba(255,255,255,0.25) !important;
}
.site-nav nav.colored ul li li > a:after,.site-nav nav.colored ul li li.hasChildren:hover:before, .site-nav nav.colored ul li li.hasChildren:hover:after,
.site-nav nav.custom ul li li > a:after,.site-nav nav.custom ul li li.hasChildren:hover:before, .site-nav nav.custom ul li li.hasChildren:hover:after{
    background-color: #fff !important
}
.site-nav nav.custom ul ul li a{
    border-color: rgba(255,255,255,0.25) !important;
}
.top-head .rit_tools {
    float:right;
}
.top-head.modern:not(.affix) .rit_tools{
    margin-right:-25px
}
.top-head .rit_tools > div{
    float:left;
    position: relative;
}
.top-head.creative1 .rit_tools > div:last-child{
    padding-right: 0;
}
.top-head.creative1 .srch_cart{
    padding:0 !important
}
.top-head .dropdown-menu{
    right:0;
    left:auto;
    border-radius:0;
    margin:0;
    min-width: 250px;
    line-height: 1;
    padding: 15px;
    color: #777;
    border: 0;
    -webkit-box-shadow: 0 10px 35px rgba(0,0,0,.18);
    box-shadow: 0 10px 35px rgba(0,0,0,.18);
}
.top-head .dropdown-menu a:not(.btn){
    color:#666;
    font-weight: bold;
}
.top-head .dropdown-menu a.btn{
    border-radius:0;
    font-size:11px;
    font-weight:bold;
    text-transform:uppercase;
    padding:10px 15px;
    line-height:1;
    color:#fff
}
.top-head .dropdown-menu a.btn-default{
    color:#555
}

/* 
----------------- 2.3. Top Search. -------------------- */
.srch_overlay form{
    position:absolute;
    width: 60%;
    left: 50%;
    top: 50%;
    z-index:2;
    opacity: 0;
    transform: translate(-50%,-50%);
}
.srch_overlay form button{
    display: none;
}
.top-search .form-control,.top-search .btn{
    float: left;
}
.srch_overlay .form-control{
    font-size: 30px;
    height: auto;
    background-color: transparent !important;
    padding: 15px 30px 15px 0;
    border-radius: 0;
    box-shadow: none;
    line-height: inherit;
    margin: 0;
    border: 0 !important;
    color: #b7b7b7;
}
.srch_overlay.open form{
    border-bottom: 3px #3c3c3c solid;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.srch_overlay .bar-border{
    display:block;
    height: 3px;
    background-color:#fff;
    clear: both;
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 0
}
.srch_overlay .form-control:focus ~ .bar-border{
    width: 100%
}
.srch_overlay.open form button{
    display: inline-block;
    font-size: 22px;
    padding: 0;
    top: 20px;
    right: 5px;
}
.srch_overlay.open form button:hover,.srch_overlay.open form button:focus{
    color:#fff
}
.side-head-bottom .search-box .form-control{
    color: #5a5a5a;
    font-size: 14px;
    width: 100%;
    padding: 10px 20px;
    background-color: transparent;
    float: none;
}
.top-search .btn{
    font-size: 14px;
    border-radius: 0;
    background: transparent;
    padding: 0;
    line-height: 31px;
}
.side-head-bottom .search-box .form-control{
    color: #5a5a5a;
    font-size: 14px;
    width: 100%;
    padding: 10px 20px;
    background-color: transparent;
    float: none;
}
.top-search .btn{
    font-size: 14px;
    border-radius: 0;
    background: transparent;
    padding: 0;
    line-height: 31px;
}
.side-head-bottom .search-box .btn{
    padding: 0;
    top:4px;
    right:10px
}
.top-bar-search{
    padding-top: 8px !important;
}
.top-bar-search .form-control,.top-bar-search .btn{
    float: left;
}
.top-bar-search .form-control{
    width: 170px;
    font-size: 11px;
    padding: 4px 10px;
}
.top-bar-search .btn{
    font-size: 11px;
    padding: 4px 7px;
    border-radius: 3px;
}
.top-head .head-btn > a{
    padding: 0 15px;
    display: block;
    position: relative;
}
.top-head.classic .head-btn > a{
    padding: 0 20px;
}
.top-head.classic .head-btn > a:hover{
    background-color:rgba(0, 0, 0, 0.025);
}
.top-head.modern:not(.affix) .head-btn > a{
    padding: 0 23px;
}
.top-head .head-btn > a i:before{
    display:inline-block
}
.head-btn.over .search-box:after{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    display: none;
    background-color: rgba(0, 0, 0, 0.95);
    z-index: 9;
}
.head-btn.over .search-box > form{
    position: fixed;
    z-index: 99;
    width: 100%;
    height: 200px;
    left: 0%;
    top: 50%;
    margin-top: -50px;
    overflow: hidden;
}
.head-btn.over .search-box > form:before{
    display: inline-block;
    font-family: 'Pe-icon-7-stroke';
    content: "\e618";
    position: absolute;
    right: 5%;
    top: -14%;
    color: rgba(255, 255, 255, 0.03);
    font-size: 274px;
    z-index: 0
}
.head-btn.over .search-box > form .form-control{
    width: 100%;
    height: 200px;
    font-size: 70px;
    color: #fff;
    z-index: 1;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    font-weight: 100;
}
.head-btn.over.open .search-box{
    background-color: transparent !important;
    border: 0
}
.head_row{
    display: table;
    width: 100%;
}
.head-btn.over.open .search-box:after{
    display: block;
}
.srch_overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    background: rgba(0,0,0,0.6);
}
.srch_overlay .srch_overlay-close {
    width: 22px;
    height: 22px;
    position: absolute;
    right: 40px;
    top: 40px;
    overflow: hidden;
    border: none;
    background: url(../images/cross.png) no-repeat center center;
    text-indent: 200%;
    color: transparent;
    outline: none;
    z-index: 100;
}
.srch_overlay form {
    text-align: center;
    position: relative;
    top: 50%;
    width: 50%;
    -webkit-transform: translate(-50%,-40%);
    transform: translate(-50%,-40%);
}
.srch_overlay-cornershape {
    background: transparent;
    visibility: hidden;
    -webkit-transition: visibility 0s 0.5s;
    transition: visibility 0s 0.5s;
}
.srch_overlay-cornershape.open {
    visibility: visible;
    -webkit-transition: none;
    transition: none;
}
.srch_overlay-cornershape svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.srch_overlay-cornershape .srch_overlay-path {
    fill: rgba(0,0,0,0.95);
}
.srch_overlay-cornershape form,.srch_overlay-cornershape .srch_overlay-close {
    opacity: 0;
}
.srch_overlay-cornershape.open form,.srch_overlay-cornershape.open .srch_overlay-close {
    opacity: 1;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
.srch_overlay-cornershape.close form,.srch_overlay-cornershape.close .srch_overlay-close {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

/* 
----------------- 2.4. Top Cart. -------------------- */
b.cart-num{
    display: inline-block;
    line-height: 15px;
    font-size: 10px;
    width: 15px;
    height: 15px;
    text-align: center;
    font-weight: normal;
    border-radius: 50%;
    position: absolute;
    top: 39%;
    left: 65%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.bottom-head.bot-menu-bg b.cart-num{
    background-color:#555
}
.top-head .cart-box {
    position:absolute;
    top:100%;
    right:0;
    min-width:250px;
    padding:20px;
    z-index:99;
    line-height: normal;
    display:none;
    background-color: #fff;
    box-shadow: 0px 10px 30px 0 rgba(0, 0, 0, 0.11);
    -webkit-box-shadow: 0px 10px 30px 0 rgba(0, 0, 0, 0.11);
}
.header-1:not(.affix) .cart-box{
    margin-top: 18px;
    right: -15px;
}
.cart-btn:hover .cart-box{
    display: block;
}
.cart-box .empty {
    text-align: center;
    color: #333;
    font-size: 13px;
    margin: 0;
    padding: 0;
}
.mini-cart-list li {
    position:relative;
    overflow:hidden;
    padding: 15px;
    padding-left: 0;
    font-size:11px;
    border-top: 1px rgba(0, 0, 0, 0.06) dashed;
}
.mini-cart-list li:first-child{
    border-top:0;
}
.mini-cart .cart-body span.price{
    display:block;
    opacity:0.6
}
.cart-mini-lft {
    float:left;
    margin-right: 10px;
    padding: 2px;
    background-color: #eee;
}
.cart-mini-lft img {
    width: 30px !important;
    margin-right: 0 !important;
}
.mini-cart-list a.remove {
    position:absolute;
    left: 0px;
    top: 9px;
    background-color: #f00;
    color: #fff;
    line-height: 1;
    padding: 1px 3px 2px;
    border-radius: 3px;
    font-size: 10px;
}
.mini-cart-total {
    padding: 10px 0 10px;
    font-weight:400;
    overflow:hidden;
    font-size:11px;
    border-top: 1px rgba(0, 0, 0, 0.09) solid;
    border-bottom: 1px rgba(0, 0, 0, 0.09)solid;
}
.mini-cart-total .clearfix {
    padding:5px 0;
    overflow:hidden;
}
.mini-cart-total .total {
    margin-top:10px;
    padding-top:15px;
    border-top: 1px rgba(0,0,0,.15) dashed;
}
.mini-cart .checkout {
    text-align:center;
    padding-top:15px;
    margin: 0 -3px;
}
.mini-cart .checkout a {
    display:inline-block;
    line-height: 30px;
    padding: 0px 16px;
}
.mini-cart .checkout a.btn-default{
    border-color:#e6e6e6
}
.login-popup{
    padding: 25px!important;
    border-radius: 0;
    min-width: 300px !important;
    left: 0 !important;
    font-size: 12px;
    text-transform: none;
}
.login-popup span{
    color:#777 !important
}
.login-popup a{
    color:#555 !important
}
.login-popup > h5{
    margin: 0 0 20px;
    font-size: 18px;
}
.login-popup .wid_login_form {
    padding:0;
    border-radius:0;
    border:0;
    line-height: 1;
}
.login-popup .wid_login_form > div{
    margin-top:20px
}
.login-popup .wid_login_form a{
    line-height:normal
}

/*
--------------------- 2.5. Header Styles -------------------- */
.top-head.fixed-head{
    position: absolute;
    width: 100%;
    z-index: 1020;
    left: 0;
}
.top-head > .head-cont > .container{
    height: 70px;
    line-height: 70px;
    position: relative;
}
.top-head.affix > .head-cont > .container,.top-head .bottom-head{
    height: 60px;
    line-height: 60px;
}
.top-head.creative1.affix > .head-cont > .container{
    padding-left: 0;
    padding-right: 0;
}
.top-head:not(.affix) .bottom-head .slbar_btn span i{
    background-color:#fff !important
}
.top-head.creative1:not(.affix) > .head-cont > .container{
    height: 80px;
    line-height: 80px;
    padding-left: 0;
    padding-right: 0;
}
.top-head.fixed-head.bottom:not(.affix){
    top: auto;
}
.top-head.full .head-cont > .container,.top-head.full .bottom-head > .container{
    width: 100%
}
.top-head:not(.full) .head-cont > .container,.bottom-head > .container {
    display: table;
    position: relative;
    padding: 0;
}
.top-head .centered_logo .logo{
    float: none !important;
    display: inline-block;
    line-height: inherit;
}
.top-head .logo {
	line-height: inherit;
    height: inherit;
}
.top-head .logo h1{
    margin: 0;
    display: table-cell;
	height: inherit;
	line-height: inherit;
	vertical-align: middle;
}
.logo a i.logo-txt{
    display:block;
    line-height:1;
    font-style: normal;
    margin-top: -4px
}
.logo a span.tagline{
    line-height:1;
    margin-top: -1px;
    display: block;
}
.top-head .head-cont .menu-message{
    font-size: 12px;
    float: left;
    padding-right: 15px
}
.bottom-head.bot-menu-bg .site-nav nav > ul > li > a{
    height:100%;
}
.top-head.affix:not(.dots_nav) .bottom-head.bot-menu-bg .head-btn > a,.top-head.affix:not(.dots_nav) .bottom-head.bot-menu-bg .site-nav nav > ul > li > a{
    color: #333;
}
.top-head:not(.affix) .bottom-head.bot-menu-bg .site-nav nav > ul > li > a{
    color: #fff;
}
.top-head .dropdown-menu a,.top-bar .dropdown-menu a{
    color:#555
}
.top-head.affix .bottom-head.bot-menu-bg{
    background-color:transparent !important
}
/*
--------------------- classic header -------------------- */
.top-head.light:not(.affix){
    background-color: #fff
}
.top-head.classic:not(.affix) .top-head-links{
    padding-top: 15px;
    padding-bottom: 15px;
}
.head-ads{
    vertical-align: middle;
    display: table-cell;
    float: none !important;
    text-align: right;
}
.head_row .logo{
    vertical-align: middle;
    display: table-cell;
    float: none !important;
}
.top-head.classic.sm-head .site-nav {
    display: table;
    width: 100%;
}
.top-head.classic.sm-head.affix .site-nav nav li.mega-menu .mega-content{
    right:50%;
    left:auto;
    transform: translate(25%,0);
    width: 150%;
}
/*
--------------------- Creative header -------------------- */
.top-head.creative1 + .pageContent > div:first-child{
    position: relative;
}
.vc_row-o-content-middle{
    box-sizing: border-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}
.vc_row-o-content-middle:not(.vc_row-o-equal-height) > .container {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
}
div.creative_container{
    position: relative;
}
div.creative_container:before{
    position: absolute;
    height: 50%;
    width: 100%;
    content: "";
    display: block;
    left: 0;
    top: 0;
    z-index: 0;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    box-shadow: 0px 15px 20px 0 rgba(0, 0, 0, 0.54);
    -webkit-box-shadow: 0px 15px 20px 0 rgba(0, 0, 0, 0.54);
}

.top-head.creative1{
    padding-right: 4%;
    padding-left: 4%
}
.top-head.creative1.affix{
    z-index: 9999
}
.top-head.creative1 .right_tools{
    width: 40%;
    text-align: right;
}
.menu_sep{
    text-decoration:none;
}
.top-head.creative1 .menu_sep{
    display: inline-block;
    color: #9a9a9a;
    font-weight:normal;
}
.top-head .site-nav nav > ul > li:last-child u.menu_sep{
    display: none;
}
.centered_logo{
    text-align: center;
    float: left;
    width: 20%;
    line-height: inherit;
}
.top-head.creative1:not(.affix) .head-btn.top-cart > a {
    top: 0;
}
.creative_1_bar .top-bar > .container{
    width: 100%;
    padding: 0 4%
}
.creative_1_bar .top-bar{
    border-bottom: 0;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
}
.top-head.creative1 .site-nav nav > ul > li > a{
    transition: none;
    -webkit-transition: none;
}
.top-head .site-nav nav > ul > li > a > span{
    display: inline-block;
    line-height: 1;
    position: relative;
}
.top-head.affix .site-nav nav > ul > li > a > span{
    overflow:hidden;
    top: 3px !important;
}
.top-head nav.anim_hover > ul > li > a > span span{
    position:relative;
    top: 0;
    display: inline-block;
}
.top-head nav.anim_hover > ul > li > a > span span{
    transition: all 0.55s ease;
    -webkit-transition: all 0.55s ease;
}
.top-head nav.anim_hover > ul > li > a > span::before {
    position: absolute;
    top: 100%;
    left: 0;
    overflow: hidden;
    opacity: 0;
    content: attr(data-hover);
    z-index: 9;
    line-height: 1;
}
.top-head nav > ul > li.with_icons > a > span::before{
    left:22px
}
.top-head .site-nav nav > ul > li:hover > a > span::before, .top-head .site-nav nav > ul > li > span:focus > a::before, .top-head .site-nav nav > ul > li.current-menu-ancestor > a > span::before {
    opacity: 1;
    top:0
}
.top-head .site-nav nav.anim_hover > ul > li:hover > a > span span, .top-head .site-nav nav.anim_hover > ul > li > span:focus span, 
.top-head .site-nav nav.anim_hover > ul > li.current-menu-ancestor > a > span span {
    top: -20px;
    opacity: 0;
}
.top-head .site-nav nav > ul > li:hover > a > span::after, .top-head .site-nav nav > ul > li:focus > a > span::after {
    color: #000;
}
.top-head.creative1 .top-search:not(.actsearch) .form-control::-webkit-input-placeholder {
    color: #fff;
}
.top-head.creative1 .top-search:not(.actsearch) .form-control:-moz-placeholder {
   color: #fff;
}
.top-head.creative1 .top-search:not(.actsearch) .form-control::-moz-placeholder {
   color: #fff;
}
.top-head.creative1 .top-search:not(.actsearch) .form-control:-ms-input-placeholder {
   color: #fff;
}
.top-head.creative1 .top-search:not(.actsearch) .form-control::-ms-input-placeholder {
   color: #fff;
}

/*
--------------------- header left & right -------------------- */
.side-head{
    position:fixed;
    left:0;
    top:0 !important;
    width:280px;
    height:100%;
    z-index:999;
    border-bottom:0 !important;
    padding: 40px;
    background-color: #fff;
}
.side-head .container{
    width:auto;
    padding: 0;
    position: static;
}
.side-head .site-nav{
    margin: 0 -40px;
} 
.side-head .site-nav nav > ul > li{
    padding:0 40px
}
.side-head .site-nav nav{
    display:block;
    float:none;
    margin: 0;
}
.side-head .logo{
    margin-bottom: 40px;
}
.side-head .site-nav nav li,.side-head .site-nav nav,.side-head .logo{
    float: none !important;
}
.side-head .sub-menu, .side-head .mega-content{
    top: 0 !important;
    left: 100% !important;
}
.side-head .site-nav nav li.mega-menu{
    position: relative;
}
.side-head .site-nav nav li.mega-menu .mega-content ul li ul{
    display: none;
    left: 100%;
    position: absolute;
    box-shadow: 0px 10px 30px 0 rgba(0, 0, 0, 0.11);
    -webkit-box-shadow: 0px 10px 30px 0 rgba(0, 0, 0, 0.11);
}
.side-head .site-nav nav li.mega-menu:hover .mega-content > .row > ul > li > a{
    font-weight: normal !important;
}
.side-head .site-nav nav li.mega-menu .mega-content ul li:hover > ul{
    display: block;
}
.side-head .site-nav nav li.mega-menu .mega-content ul li ul{
    min-width: 220px;
}
.side-head .site-nav nav li.mega-menu .mega-content > .row{
    margin: 0
}
.side-head .site-nav nav li.mega-menu .mega-content > .row > ul > li{
    width: 100% !important;
    padding: 0;
    border: 0;
}

.side-head .site-nav nav > ul > li > a{
    border-bottom: 1px rgba(0,0,0,0.07) solid;
    padding: 12px 0;
    display: block;
}
.side-head .site-nav nav > ul > li u.menu_sep{
    display: none;
}
.side-head .site-nav nav > ul > li > a:before{
    height:1px;
    bottom:-1px;
    top:auto;
    width:5%;
    left:0;
    transform:scale(1)
}
.side-head .site-nav nav > ul > li:hover > a:before,.side-head .site-nav nav > ul > li.current-menu-ancestor > a:before,.side-head .site-nav nav > ul > li.current-page-item > a:before {
    width:100%;
}
.side-head .site-nav nav > ul > li > a span{
    display:block
}
.side-head .site-nav nav > ul > li > a span:after{
    float:right;
    margin-top:7px !important;
    transform:rotate(-90deg) !important;
    -webkit-transform:rotate(-90deg) !important;
}
.side-head-bottom{
    position: absolute;
    left: 10%;
    bottom: 40px;
    width: 80%;
}
.side-head-bottom .side_head_tools{
    padding: 20px 0;
    text-align: center;
}
.side-head-bottom .side_head_tools > div{
    float: none !important;
    margin: 0 15px;
    display: inline-block;
    position: relative;
}
.side-head-bottom .search-box{
    bottom:100%;
    top: auto;
    width: 260px;
    transform: translate(-50%,0);
    border: 0 !important;
    box-shadow: none;
}
.side-head-bottom .top-slbar,.side-head-bottom .cart-btn{
    display:none !important
}
.side-head-bottom .cart-box{
    border-radius:0;
    border:0;
    padding:20px;
    min-width:250px;
    bottom: 100%;
    top: auto;
}
.side-head.right .side-head-bottom .cart-box{
    right:100%;
    left:auto
}
.side-head-bottom .social-list{
    padding: 10px 0;
    border-top: 1px rgba(0,0,0,0.08) solid;
    overflow: hidden;
    text-align: center;
}
.side-head .site-nav .side-head-bottom .social-list a i{
    color:#fff !important;
    margin-left: 2px;
}
.side-head .site-nav .side-head-bottom .social-list a:first-child i{
    margin-left: 0;
}
.side-head-bottom .copyrights{
    font-size: 13px;
    opacity: 0.7;
    text-align: center;
    border-top: 1px rgba(0,0,0,0.08) solid;
    padding-top: 15px;
}
.side-head.right{
    left:auto;
    right:0;
}
.side-head.right .logo{
    text-align: right;
}
.side-head.right .sub-menu, .side-head.right .mega-content{
    top: 0 !important;
    left: auto !important;
    right: 100% !important;
}
.side-head.right .site-nav nav > ul > li > a:before,.side-head.right .site-nav nav ul li li a:after{
    right: 0;
    left: auto;
}
.side-head.right .site-nav nav ul li li.menu-item-has-children > a > span:after{
    float: left;
    transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
}
.side-head{
    -webkit-box-shadow: inset 0px 0px 40px 0 rgba(0, 0, 0, 0.11);
    box-shadow: inset 0px 0px 40px 0 rgba(0, 0, 0, 0.11);
}
.side-head.right{
    -webkit-box-shadow: inset 4px 0px 40px -8px rgba(0, 0, 0, 0.11);
    box-shadow: inset 4px 0px 40px -8px rgba(0, 0, 0, 0.11);
}
.left.side-wrap:not(.invis_header){
    margin-left: 280px;
}
.right.side-wrap:not(.invis_header){
    margin-right: 280px;
}
.left.right.side-wrap{
    margin-right: 0;
    margin-left:280px
}
.pageWrapper.transformed.left.right {
    transform: translate3d(-300px,0,0);
    -webkit-transform: translate3d(-300px,0,0);
}
.left.side-wrap .fullscreen-container{
    width:100% !important;
    left:auto !important;
    right:0
}
.right.side-wrap .fullscreen-container{
    width:100% !important;
    left:0 !important;
}
.itr_head_btn {
    position: fixed;
    z-index: 1000;
    margin: 0.5em;
    padding: 0;
    width: 2.5em;
    height: 2.25em;
    border: none;
    text-indent: 2.5em;
    font-size: 1.5em;
    color: transparent;
    background: transparent;
    top: 0.5em;
}
.invis_header.right .itr_head_btn{
    left: auto;
    right: 10px
}
.itr_head_btn::before {
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    bottom: 0.5em;
    left: 0.5em;
    background: linear-gradient(#333 20%, transparent 20%, transparent 40%, #333 40%, #333 60%, transparent 60%, transparent 80%, #333 80%);
    content: '';
}

/* Close Button */
.itr_cls_head {
    width: 25px;
    height: 25px;
    position: absolute;
    right: 25px;
    top: 25px;
    overflow: hidden;
    text-indent: 25px;
    border: none;
    z-index: 1001;
    background: transparent;
    color: transparent;
}
.itr_head_wrap.right .itr_cls_head{
    right: auto;
    left: 25px
}
.itr_cls_head::before,
.itr_cls_head::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    top: 0;
    left: 50%;
    background: #95a5a6;
}

.itr_cls_head::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.itr_cls_head::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.invis_head .logo, .invis_head .site-nav > nav{
    position: relative;
    z-index: 1002
}
.invis_head .side-head-bottom{
    z-index: 1002
}
.invis_header .pageContent {
    -webkit-overflow-scrolling: touch;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}
/* Menu */
.itr_head_wrap {
    -webkit-transform: translate3d(-280px,0,0);
    transform: translate3d(-280px,0,0);
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    background-color: transparent;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    z-index: 1001;
}
.itr_head_wrap.right {
    -webkit-transform: translate3d(280px,0,0);
    transform: translate3d(280px,0,0);
}

/* Morph Shape */
.morph-shape {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    fill: #fff;
    z-index: 1000;
}
.itr_head_wrap.right .morph-shape{
    left: 0;
    right: auto;
}
.itr_head_wrap.right .morph-shape svg{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
/* Shown menu */
.itr_show_head .itr_head_wrap {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.itr_show_head .content::before {
    opacity: 1;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

/*
--------------------- sticky header -------------------- */
.top-head.affix{
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 999;
    background-color: #fff;
    box-shadow: 0px 9px 20px 0px rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 0px 9px 20px 0px rgba(0, 0, 0, 0.07);
}
.top-head.affix .top-bar,.top-head.affix .head-ads{
    display: none;
}
.top-head.sm-head.affix .bottom-head{
    float: right;
    background-color: transparent;
}
.top-head.sm-head.affix .container{
    width: auto;
}
.top-head.sm-head.affix .top-head-links{
    float: left;
    padding-top: 15px;
}
.top-head.affix .input-wrap{
    margin-bottom: 0
}

img.sticky_logo,.top-head.affix img.default_logo{
    display: none;
}
.top-head.affix img.sticky_logo{
    display: inline-block;
}
.top-head.affix a.slbar_btn span i{
    background-color:#333
}

.top-head.dots_nav.affix .itr_site_logo,.top-head.dots_nav.affix .logo{
    display: none;
}
.top-head.dots_nav {
    transition: none;
    -webkit-transition: none;
}
.top-head.dots_nav.affix {
    width: 40px !important;
    right: 0;
    left: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    -webkit-transform: translateY(-50%) !important;
    background-color: #333;
    padding: 10px 0;
    border-radius: 7px 0 0 7px;
    overflow: hidden;
    box-shadow: -10px 0px 35px 7px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: -10px 0px 35px 7px rgba(0, 0, 0, 0.15);
}
.top-head.dots_nav.affix:hover{
    overflow:visible;
}
.top-head.dots_nav.affix nav,.top-head.dots_nav.affix .site-nav {
    float:none !important;
    width:100%;
    display: table;
}
.top-head.dots_nav.affix .site-nav .menu-message{
    display:none
}
.top-head.dots_nav.affix .site-nav .rit_tools{
    float: none !important;
}
.top-head.dots_nav.affix nav > ul,.top-head.dots_nav.affix nav > ul > li{
    display:block;
    float:none;
    width: 100%;
}
.top-head.dots_nav.affix nav > ul > li{
    transition:all 0.4s ease;
    -webkit-transition:all 0.4s ease;
}
.top-head.dots_nav.affix nav > ul > li > a{
    color:#fff;
    position: relative;
    padding: 8px 10px;
    transition:all 0.4s ease;
    -webkit-transition:all 0.4s ease;
    display:block;
    margin-bottom: 1px;
    text-align: center;
    line-height: 1;
}
.top-head.dots_nav.affix nav ul ul,.top-head.dots_nav.affix .cart-box{
    left:auto;
    right:100%;
    top: 10px;
}
.top-head.dots_nav.affix .cart-box{
    top:0 
}
.top-head.dots_nav.affix .site-nav nav li.mega-menu{
    position:relative !important
}
.top-head.dots_nav.affix .site-nav nav li.mega-menu .mega-content{
    top:0;
    left: auto !important;
    right: 100% !important;
    transform: none !important;
}
.top-head.dots_nav.affix .head-btn > a {
    padding:8px 10px;
    color:#fff;
    text-align: center;
    font-size: 12px;
    background-color: transparent;
}
.top-head.dots_nav.affix .head-btn{
    float:none
}
.top-head.dots_nav.affix .head-btn > a.slbar_btn span i{
    background-color:#fff
}
.top-head.dots_nav nav > ul > li > a:after{
    opacity:0;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}
.top-head.dots_nav.affix nav > ul > li > a:after{
    width: 6px;
    height: 6px;
    background-color:#fff;
    display:inline-block;
    content:"";
    border-radius:50%;
    opacity:1
}
.top-head.modern.dots_nav.affix nav > ul > li > a:before{
    display:none
}
.top-head.dots_nav.affix .site-nav nav ul li > a.active:after,
.top-head.dots_nav.affix .site-nav nav ul li:hover > a:after,
.top-head.dots_nav.affix .site-nav nav ul li.current-menu-ancestor > a:after{
    transform:scale(1.7);
    -webkit-transform:scale(1.7);
}
.top-head.dots_nav.affix nav > ul > li > a > span{
    position: absolute;
    right: 100%;
    top: 50% !important;
    background-color: #333;
    opacity: 0;
    transform: translate(15px,-50%);
    -webkit-transform: translate(15px,-50%);
    z-index: 1;
    padding: 10px 12px;
    display: block;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    font-size:12px;
    border-radius: 3px 0 0 3px;
}
.top-head.dots_nav.affix nav > ul > li:hover > a > span{
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    opacity: 1;
    z-index: 999;
}
.top-head.dots_nav.affix nav > ul > li > a > span:before{
    display:none
}
.top-head.dots_nav.affix nav > ul > li > a > span span{
    transform:none !important;
    opacity: 1 !important;
    top: 0 !important;
    white-space: nowrap;
}
.top-head.dots_nav.affix .container{
    line-height: normal;
    height: auto;
    width:auto !important;
    padding: 0 !important;
    float:none !important
}
.top-head.dots_nav.affix .bottom-head{
    height:auto;
    line-height:normal
}
.top-head.dots_nav.affix .container .row{
    margin: 0 !important;
}
.top-head.dots_nav.affix .site-nav nav li.mega-menu .mega-content > .row ul ul{
    display:none
}
.top-head.dots_nav.affix .site-nav nav li.mega-menu .mega-content > .row > ul{
    display: table;
    padding: 20px 0;
    margin: 0;
}
.top-head.dots_nav.affix .site-nav nav li.mega-menu .mega-content > .row > ul > li{
    width:100%;
    padding: 0;
    border: 0;
}
.top-head.dots_nav.affix .site-nav nav ul li.hiddenChild > a,
.top-head.dots_nav.affix .site-nav nav li.mega-menu .mega-content > .row > ul > li > a:after{
    display:block;
}
.top-head.dots_nav.affix .site-nav nav li.mega-menu .mega-content .row ul li:hover > ul{
    display:block;
    position:absolute;
    right:100%;
    top:0;
    padding:20px 0;
    min-width:220px;
    background-color: #f7f7f7;
    box-shadow: -10px 0 20px 0 rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: -10px 0 20px 0 rgba(0, 0, 0, 0.08);
}

/*
--------------------- Logo Position -------------------- */
.top-head.center-logo:not(.affix) .logo{
    display: table;
    margin: 0 auto;
    text-align: center;
    float: none !important;
}
.top-head.center-logo:not(.affix) .site-nav{
    display: table;
    margin: auto;
    float: none !important;
}
.top-head.right-logo:not(.affix) .head-cont{
    direction: rtl;
}
.top-head.right-logo:not(.affix) .site-nav{
    float: left !important;
}
.top-head.right-logo:not(.affix) .site-nav nav{
    direction: ltr
}

/* ==========================================================================
  3. THEME ELEMENTS.
============================================================================= */
/* 
--------------- 3.1. Social Icons --------------- */
.social-list{
    display: block;
}
.social-list a{
    display: inline-block;
}
.social-list a i{
    position: relative;
    overflow: hidden;
    text-align: center;
    display: block;
}
.social-list a i.sm-icon{
    width:20px;
    height:20px;
    line-height:20px
}
.social-list a i.md-icon{
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
}
.social-list a i.lg-icon{
    width:55px;
    height:55px;
    line-height:55px;
    font-size: 18px;
    margin-left: 7px;
}
.social-list a:first-child i.lg-icon{
    margin-left: 0
}
.social-list a i.outlined.white{
    border: 1px rgba(255, 255, 255, 0.46) solid
}
.social-list a i:before,.social-list a i:after{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: block;
}
.social-list a i:before {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    transition: transform 0.6s ease;
    -webkit-transition: transform 0.6s ease;
}
.social-list a i:after{
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    color:#fff;
    background-color: rgba(0, 0, 0, 0.22);
}
.social-list a:hover i:after {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.social-list a:hover i:before {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
.wpb_widgetised_column .widget .social-list.half-icons a,.sidebar .widget .social-list.half-icons a{
    margin: 0 -1px -1px 0;
    width: 33.3333%;
    background-color: #fff;
    text-align:center;
    padding: 20px;
    border: 1px #eee solid;
}
.wpb_widgetised_column .widget .social-list.half-icons a i,.sidebar .widget .social-list.half-icons a i,.sl_bar_content .widget .social-list.half-icons a i{
    display:block;
    margin: 0 auto 10px;
    clear:both;
    float:none;
    width: 40px !important;
    height: 40px !important;
    line-height: 40px !important;
}
.wpb_widgetised_column .widget .social-list.half-icons a span,.sidebar .widget .social-list.half-icons a span{
    line-height:1;
    font-size: 11px;
}
.sl_bar_content .widget .social-list.half-icons a{
    margin: 0 -1px -1px 0;
    width: 33.3333%;
    background-color: rgba(0,0,0,0.3);
    text-align:center;
    padding: 20px;
    border: 1px rgba(255, 255, 255, 0.15) solid;
    line-height: 1;
}
.sl_bar_content .widget .social-list.half-icons a span{
    line-height: 1;
    font-size: 10px !important;
    height: 11px;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/* 
--------------- 3.2. Sliding Bar --------------- */
.slbar{
    position: fixed;
    width: 100%;
    z-index: 9999;
    cursor: default;
}
.slbar.left,.slbar.right{
    top: 0;
    height: 100%;
    width: auto;
    z-index: 99999;
}
.slbar.right{
    right: 0;
    left: auto;
}
.sl_bar_content{
    overflow: hidden;
    padding-left: 30px;
    padding-right: 30px;
    display: none;
}
.mCSB_container .sl_bar_content{
    padding-right:0
}
.sl_bar_content h2{
    font-weight: 400
}
.sl_bar_content .widget h2.widgettitle{
    border-bottom-color:rgba(255, 255, 255, 0.3)
}
.sl_bar_content .widget select, .sl_bar_content .widget textarea, .sl_bar_content .widget input[type="text"], .sl_bar_content .widget input[type="password"], .sl_bar_content .widget input[type="email"], 
.sl_bar_content .widget input[type="url"], .sl_bar_content .widget input[type="search"], .sl_bar_content .widget input[type="tel"]{
    background-color: transparent;
    border-color:rgba(255, 255, 255, 0.3)
}
.slbar.left{
    left: 0;
    width: 300px;
    transform: translate3d(-330px,0,0);
    -webkit-transform: translate3d(-330px,0,0);
}
.slbar.right{
    width: 300px;
    transform: translate(330px,0);
    -webkit-transform: translate(330px,0);
}
.slbar .slbar_btn{
    position: absolute;
    z-index: 999;
    padding: 13px;
    line-height: 1;
    display: block;
}
.slbar.right a.slbar_btn{
    top: 0;
    right: 100%;
}
.slbar.top a.slbar_btn{
    right: 0;
}
.slbar.left a.slbar_btn{
    top: 0;
    left: 100%;
}
a.slbar_btn span{
    position: relative;
    z-index: 2;
    display: inline-block;
    height: 14px;
    width: 20px;
    vertical-align: middle;
    margin: auto;
}
a.slbar_btn span i{
    position: absolute !important;
    right: 0;
    top: 0;
    width: 80%;
    height: 2px;
    background-color: #333;
}
a.slbar_btn span i:nth-child(2){
    top:5px;
    width: 60%;
}
a.slbar_btn span i:nth-child(3){
    top:10px;
}
a.slbar_btn:hover span i{
    animation: burger-hover 1s infinite ease-in-out alternate
}
a.slbar_btn:hover span i:nth-child(2){
    animation: burger-hoverr 1s infinite ease-in-out alternate forwards 200ms
}
a.slbar_btn:hover span i:nth-child(3){
    animation: burger-hoverrr 1s infinite ease-in-out alternate forwards 400ms
}
  

.pageWrapper.transformed.right{
    transform: translate(-300px,0);
    -webkit-transform: translate(-300px,0);
}
.pageWrapper.transformed.left{
    transform: translate3d(300px,0,0);
    -webkit-transform: translate3d(300px,0,0);
}
body.slbar-push-body {
    overflow-x: hidden;
    cursor: url('../images/close.png') 15 15,default;
}
.notinbar{
    position: static !important;
}
.body-overlay{
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.6);
    z-index: -1;
}
body.opened-slid .body-overlay{
    opacity: 1;
    z-index: 298;
}

/* ==========================================================================
  4. PAGE TITLES
============================================================================= */
.page-title{
    background: #f2f2f2;
    position: relative;
}
.page-title h1{
    margin: 0;
    padding: 0;
    line-height: 1;
    font-size: 45px
}
.page-title h3{
    margin: 10px 0 0;
    font-size: 21px;
    font-weight: normal;
    font-family: inherit;
}
.page-title .desc_text{
    width: 60%;
    margin-top: 15px;
    font-size: 12px
}
.page-title .desc_text p{
    margin-bottom: 0
}
.page-title .title-container{
    position: relative;
    z-index: 3;
    display: table;
    width: 100%;
    height: 170px
}
.page-title .title-container .in-page-title {
    display: table-cell;
    vertical-align: middle;
    position: relative;
}
.page-title-video,.section-video {
    background: none;
    position: relative;
    overflow: hidden;
    clear:both;
}
.video-wrap{
    width: 100%;
    height:100%;
    overflow: hidden;
}
.video-wrap video,.modal-body video,.wpb_video_widget video{
    width: 100%;
}
.page-title-video .video-wrap,.section-video .video-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}
.page-title-video .video-wrap{
    z-index:0
}
.page-title-video .video-wrap video,.section-video .video-wrap video {
    margin-top:-200px;
    height:auto
}
.page-title > .container, .relative > .container, .section-video > .container > .row, .section-video .container-fluid, .section-video .container-fluid > .row{
    position: relative;
    z-index: 2;
}
.top-zindex{
    position: relative;
    z-index: 3
}
.parallax{
    background-attachment: fixed;
    position: relative;
    overflow: hidden;
}
.video-overlay,.section-overlay,.animated_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
.animated_bg{
    background-image: inherit;
    background-repeat: inherit;
    background-position:inherit;
    background-color: inherit;
    background-size: inherit;
    display: block;
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0!important;
}
.animated_bg:after{
    background-image:inherit;
    background-position:inherit;
    background-color: inherit;
    background-repeat: inherit !important;
    background-size: inherit;
    position: absolute;
    width: 500%;
    min-width: 300vw;
    height: 100%;
    right: 0;
    content:"";
    display: block;
}
.animated_bg.toright:after{
    -webkit-animation: BackgroundAnimation 200s linear infinite;
    animation: BackgroundAnimation 200s linear infinite;
}
.animated_bg.toleft:after{
    -webkit-animation: BackgroundAnimationLeft 200s linear infinite;
    animation: BackgroundAnimationLeft 200s linear infinite;
    right: auto;
    left: 0
}
.animated_bg.totop:after{
    -webkit-animation: BackgroundAnimationTop 200s linear infinite;
    animation: BackgroundAnimationTop 200s linear infinite;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 500%;
}
.animated_bg.tobottom:after{
    -webkit-animation: BackgroundAnimationBot 150s linear infinite;
    animation: BackgroundAnimationBot 150s linear infinite;
    left: 0;
    top: 0;
    width: 100%;
    height: 500%;
}

.page-title.main-bg .title-icon{
    background-color: #fff;
    color: #555
}
.page-title.main-bg .title-icon:hover{
    color: #555
}
.page-title.text-right .tbl {
    float: right;
}
.page-title .title-icon{
    padding: 16px;
    text-align: center;
    font-size: 28px;
    margin: 0 15px 0 0;
    border-radius: 4px;
    float: left;
}
.page-title.text-right .title-icon{
    float: right;
    margin: 0 0 0 15px;
}
.page-title.text-center .title-icon{
    margin-bottom: 10px;
    float: none;
}
.page-title.text-center .tbl{
    margin: auto;
}
.titl_txt_bg{
    padding: 20px
}
/*
----------------- Breadcrumb --------------- */
.breadcrumb {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 0;
    background-color: transparent;
}
.breadcrumb.white-bg{
    bottom:0;
    padding: 10px;
}
.breadcrumb i {
    display: inline-block;
}
.breadcrumb ul{
    list-style: none;
    margin: 0;
    padding: 0
}
.breadcrumb ul li{
    display: inline-block;
    padding: 0 8px 0 0;
}
.breadcrumb.style1 {
    border-bottom: 1px #e8e8e8 solid;
    padding:12px 0;
    border-radius: 0;
}
.breadcrumb.style2{
    display: table;
    margin: 5px auto 0;
    padding: 5px 10px;
}
.breadcrumb.style2 .container{
    width:auto
}
.breadcrumb.style2 > a, .breadcrumb.style2 > span{
    display:inline-block;
    padding: 0 5px;
    position:relative;
    height:35px;
    line-height:35px;
}
.breadcrumb.style3{
    border-bottom: 0;
    display: inline-block;
    padding: 5px 5px 5px 10px;
    background-color: transparent;
    margin-bottom: 5px;
}
.breadcrumb.style2.pull-left,.breadcrumb.style3.pull-left,.breadcrumb.minimal.pull-left{
    float:left;
    clear: both;
    margin-top: 0px;
    margin-bottom: 5px
}
.breadcrumb.style2.text-center,.breadcrumb.style3.text-center,.breadcrumb.minimal.text-center{
    float:none;
    display:table;
    margin-right:auto;
    margin-left:auto
}
.breadcrumb.minimal{
    background-color:transparent !important;
    position: absolute;
    right: 0;
    bottom: 10px
}
.breadcrumb.minimal.text-left,.breadcrumb.style3.text-left {
    right: auto;
    left: 0
}
.breadcrumb.minimal.text-center,.breadcrumb.style3.text-center {
    display: inline-block;
}
.breadcrumb.style2.text-left{
    float: left;
}
.page-title.text-left .title-headings{
    float:none
}
.page-title.text-left .breadcrumb{
    margin-left:0;
    margin-right:auto
}
.page-title.text-right .breadcrumb{
    margin-right:0;
    margin-left:auto
}

/* ==========================================================================
  5. PAGE SPECIFIC STYLES
============================================================================= */
/*
--------------------- 5.1. Widgets ------------------------- */
.sidebar .widget{
    position: relative;
    z-index: 3;
    clear: both;
}
.sidebar-blocks .widget{
    background-color: #fbfbfb;
    padding:25px 20px;
    border-radius:4px;
    margin-bottom:20px !important;
    overflow: hidden;
    margin: 0 0 20px -15px;
}
.widget h2.widgettitle{
    font-size: 13px;
    font-family: inherit;
    font-weight: 900;
    letter-spacing: 2px;
    text-transform: uppercase;
    border-bottom: 1px #e6e6e6 solid;
    padding: 0 0 15px 0;
    margin-bottom: 20px;
    position: relative;
}
.sidebar-minimal .sidebar .widget h2.widgettitle{
    border:0;
    padding: 0;
}
.sidebar-minimal .sidebar .widget h2.widgettitle:before,.sidebar-minimal .sidebar .widget h2.widgettitle:after{
    display:none
}
.wpb_widgetised_column .widget .widgettitle {
    padding: 12px 20px;
    box-shadow: 0px 5px 5px -4px rgba(0, 0, 0, 0.11);
    -webkit-box-shadow: 0px 5px 5px -4px rgba(0, 0, 0, 0.11);
    font-size: 17px;
    text-transform: uppercase;
    border: 1px #eee solid;
}
.widget_nav_menu ul li a{
    position: relative;
}
.sidebar .widget,.sl_bar_content .widget{
    margin-bottom: 55px;
    padding-right: 30px;
}
.sidebar .widget:last-child,.sl_bar_content .widget:last-child{
    margin-bottom: 0
}
.widget ul ul.children{
    margin: 0px 0 0 20px;
    padding-bottom: 10px;
}
.sidebar-default .widget{
    position: relative;
}
.widget h5{
    margin: 0;
    font-family: inherit;
    width: 85%;
}
.footer-middle .widget h5{
    font-family: inherit;
}
.sidebar .social-list{
    display:table;
    margin:auto
}
.banner_img{
    text-align:center
}
.sidebar .social-list a{
    margin:2px
}
.sidebar ul.widget_it_widget_flickr li img, .sidebar ul.widget_it_widget_flickr .img-overlay {
    width: 56px;
    height: 56px;
}
.sidebar ul.widget_it_widget_flickr .img-overlay:before {
    line-height: 56px;
    height: 56px
}
.sidebar ul.widget_it_widget_flickr .flickr{
    height:56px;
}
.widget_it_widget_flickr li img,.widget_it_widget_flickr .img-overlay {
    width: 64px;
    height: 48px;
}
.widget_it_widget_flickr .img-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: block;
    content: '';
    -webkit-transform: scale(0);
    transform: scale(0);
    background: rgba(255,255,255,.2);
    opacity: 0;
}
.widget_it_widget_flickr li a:hover .img-overlay{
    -webkit-animation: hoverSquare 0.5s ease-out;
    animation: hoverSquare 0.5s ease-out;
}
.sidebar .widget_nav_menu ul li ul{
    margin: 0 0 0 10px;
    overflow: hidden;
}
.widget_categories ul li:before,.widget_archive ul li:before,.sidebar .widget li li:before,.sidebar .widget_nav_menu.widget li:before{
    content: "";
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    line-height: 0;
    width:8px;
    height:2px;
    background-color:#ddd;
    transition:all 0.3s ease;
    -webkit-transition:all 0.3s ease;
}
.widget_categories ul.children li:before,.widget_archive ul.children li:before,
.widget_nav_menu ul.children li a:before,.widget_meta ul.children li a:before{
    width:7px;
    height:7px;
    border-radius:50%;
}
.widget_categories ul.children ul.children li:before,.widget_archive ul.children ul.children li:before,
.widget_nav_menu ul.children ul.children li a:before,.widget_meta ul.children ul.children li a:before,.sidebar .widget_nav_menu.widget li li:before{
    border-radius:0;
    width:5px;
    height:5px;
}
.sidebar .widget li,.wpb_widgetised_column .widget li {
    border-bottom: 1px rgba(0, 0, 0, 0.07) dashed;
    padding: 8px 0;
    position: relative;
}
.sidebar .widget li li,.wpb_widgetised_column .widget li li{
    border-bottom: 0;
}
.sidebar .widget li:after,.wpb_widgetised_column .widget li:after{
    content:" ";
    display:table;
    clear:both
}
#footWrapper .widget li {
    border-bottom: 1px rgba(255, 255, 255, 0.07) dashed;
    overflow: hidden;
    padding: 7px 0;
    position: relative;
}
#footWrapper .widget_recent_entries li{
    padding:11px 0 !important
}
.widget_recent_entries li:last-child,#footWrapper .widget li:last-child{
    border-bottom:0 !important
}
.slbar .widget li {
    border-bottom: 1px rgba(255, 255, 255, 0.07) solid;
    padding: 10px 0;
}
.widget li.menu-item-has-children:after{
    display: none;
}
.widget li.menu-item-has-children{
    padding-bottom: 0;
}
.widget_categories ul li a,.widget_archive ul li a{margin-right: 5px;}
.sidebar .mc4wp-form p{
    margin-bottom:5px
}
.sidebar .mc4wp-form input[type="email"]{
    border:1px #eee solid;
    width:100%;
    padding:11px 15px
}
.sidebar .mc4wp-form input[type="submit"]{
    border:0;
    width:100%;
    padding:10px;
    text-align:center;
    font-size:14px;
    text-transform:uppercase;
    font-weight:bold;
}
/* recent comments widget */
.widget_recent_comments i {
    margin-right: 10px;
    font-size: 40px;
    opacity: 0.2
}
.widget_recent_comments i.fa.fa-clock-o {
    font-size: 16px;
    vertical-align:middle
}
.widget_recent_comments ul li.recentcomments{
    padding-left: 55px !important;
    position: relative;
}
.widget_recent_comments ul li:before{
    font-family: 'icmon';
    line-height: 1;
    font-size: 33px;
    content: "\e970";
    opacity: 0.1;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
}
.widget_recent_comments ul li span.comment-author-link{
    display: block;
    font-weight: bold;
    line-height: 1.5;
}
.widget_recent_comments h5 {
    margin: 10px 0 5px;
    width:70%;
    overflow:hidden;
    white-space:nowrap;
    text-overflow: ellipsis;
}
.wid_comments span span:after{
    content: "0";
    font-size: 12px !important
}
.widget_rss ul li a{
    display: table;
    clear: both;
    font-weight: bold;
    margin-bottom: 6px;
}
.widget_rss ul li .rss-date,.widget_rss ul li cite{
    font-size: 12px;
    margin-right: 10px
}
.widget_rss ul li .rss-date i,.widget_rss ul li cite i{
    margin-right: 5px
}
.widget_rss ul li .rssSummary{
    padding: 8px 0
}

/* Tag cloud */
.tagcloud a {
    float: left;
    margin: 0 5px 5px 0;
    font-size: 11px !important;
    padding: 8px 15px;
    position: relative;
    text-transform:uppercase;
    border: 1px rgba(0, 0, 0, 0.1) solid;
}
.tagcloud a:hover{
    color:#fff !important
}
#footWrapper .tagcloud a{
    border-color:rgba(255, 255, 255, 0.1)
}
.tagcloud:after,.widget_it_widget_flickr:after{
    display: table;
    content: " ";
    clear: both;
}
.sidebar-blocks .sidebar li.widget {
    margin-bottom: 15px;
    padding: 20px 15px;
}
.sidebar-blocks .sidebar .widget h2.widgettitle {
    border: 0;
    border-bottom: 1px rgba(0, 0, 0, 0.03) solid;
    margin: -25px -20px 25px -20px;
    padding: 20px 25px;
    background-color: rgba(0, 0, 0, 0.01);
}
.sidebar-blocks .sidebar .widget h2.widgettitle:before, .sidebar-blocks .sidebar .widget h2.widgettitle:after{
    display:none
}
.widget_recent_entries .post-img {
    float: left;
    margin-right: 15px;
    width: 40px;
    overflow:hidden;
}
.sidebar .widget.widget_recent_entries li{
    padding-top:20px;
    padding-bottom:20px
}
.widget_recent_entries li:not(.no-post-img) .widget-post-info{
    margin-left: 70px;
}
.widget_recent_entries li:not(.no-post-img) .widget-post-info .post-meta:after{
    display:none
}
#footWrapper .widget_recent_entries .post-img {
    width: 40px;
}
.widget_recent_entries .meta span {
    display: inline-block;
    margin-right: 10px;
    font-size: 85%;
    opacity: 0.7;
}
.footer-middle .widget_recent_entries .meta span {
    font-size: 85%;
    opacity: .7;
}
.widget_recent_entries .meta span a{
    font-size:11px
}
.widget_recent_entries .meta i {
    margin: 0 8px 0 0;
}
.flickDiv{
    margin: 0 0 0 -1px;
}
.flickDiv li{
    float: left;
    margin: 1px 0 0 1px;
}
.flickDiv li a{
    display:block;
    position:relative;
    overflow:hidden
}
.widget table{
    width: 100%;
    max-width: 100%;
}
.widget .calendar_wrap table td{
    padding: 8px;
    border: 1px #e8e8e8 solid;
}
.widget .calendar_wrap table thead{
    background-color: rgba(0, 0, 0, 0.04);
}
.widget .calendar_wrap table thead th{
    padding: 8px !important;
    text-align: center !important;
}

/* tweets widget */
.widget_it_widget_tweets iframe,.widget_it_widget_tweets .timeline-Tweet-media{
    display:none !important
}
.timeline-TweetList li{
    margin: 0;
    border: 0;
    padding: 0;
}
.timeline-Tweet-author{
    text-align: center;
}
.loading-container{
    display: table;
    margin: auto;
}
.timeline-TweetList li .timeline-Tweet{
    overflow: hidden;
    text-align: center;
}
.sidebar .timeline-TweetList li,.sidebar .timeline-TweetList li .timeline-Tweet{
    height: 130px;
    overflow: hidden;
}
.timeline-Tweet-text{
    padding: 10px 15px 0;
    margin-bottom: 0;
}
.TweetAuthor {
    line-height: 1;
    font-weight: bold;
}
.TweetAuthor-link{
    display: block;
    text-align: center;
}
.TweetAuthor-avatar{
    margin-bottom: 15px;
    display: block;
}
.sidebar .TweetAuthor-avatar{
    display: table;
    margin-right: auto;
    margin-left: auto;
}
.TweetAuthor-avatar img{
    border-radius:50%;
    margin-left: auto;
    margin-right: auto;
}
.widget_it_widget_contact {
    background: transparent url('../images/world.png') no-repeat 50% 40%;
}
.widget_it_widget_contact p {
    margin-bottom: 10px;
}
.details li {
    padding:14px 0 !important
}
.details li i{
    display:table-cell;
    position: relative;
    vertical-align: middle;
}
.details li i:before {
    margin-right: 10px;
    font-size:12px;
    display:inline-block;
}
.details li span{
    display:table-cell;
    vertical-align:middle
}
.details li span span{
    font-weight:bold;
    color:#fff;
    line-height: 1
}
.sidebar .widget.widget_it_widget_tweets li,.wpb_widgetised_column .widget.widget_it_widget_tweets li{
    border:0;
    padding: 0;
    height: 170px;
    overflow: hidden;
}
.sidebar .widget.widget_it_widget_tweets ul.slick-dots li,.wpb_widgetised_column .widget.widget_it_widget_tweets ul.slick-dots li{
    height: auto;
}
.sidebar .widget.widget_it_widget_tweets li:after,.wpb_widgetised_column .widget.widget_it_widget_tweets li:after{
    display: none;
}
.itr_author_info{
    background-color: rgba(0, 0, 0, 0.04);
    padding: 25px;
    border-radius: 5px;
    text-align:center;
    margin-top: 30px;
}
.itr_author_info .author-avatar{
    display:table;
    float:none;
    margin: -60px auto 20px;
    max-width:60px;
    border-radius:50%;
    border:5px #fff solid;
    width:60px;
    height:60px;
    padding:0;
}
.itr_author_info .author-avatar img{
    width:60px;
    margin: 0;
}
.itr_author_info .author-name{
    font-size:16px;
    margin-bottom:15px
}
.widget_it_widget_author .widgettitle{
    margin-bottom: 50px !important
}
.widget_it_widget_tweets .tweet{
    background-color: #00aced;
    padding: 30px 25px;
    border-radius: 4px;
    color: #fff;
}
.widget_it_widget_tweets .tweet a{
    color: #fff;
}
.widget_it_widget_tweets .tweet a.slick-arrow{
    width:30px;
    height:30px;
    line-height: 32px;
    font-size: 11px;
}

.wid_login_form{
    border: 1px rgba(0, 0, 0, 0.07) solid;
    padding: 20px;
}
.wid_login_form label{
    color: #666;
    font-weight: normal;
}
.itr_logout{
    background-color: rgba(0, 0, 0, 0.02);
    padding: 25px;
    border-radius: 5px;
    text-align: center;
    font-weight: bold;
}
.itr_logout label{
    display: block;
    margin-bottom: 15px;
}
.itr_logout a i{
    margin-right: 8px;
    display: inline-block;
    vertical-align:  middle;
}

/*
------------------- 5.4. 404 Not Found ------------------ */
body.error404{
    background: #fafafa url('../images/bg404.jpg') no-repeat 0 0;
    background-size: cover;
}
.lg-not-found {
    padding-top: 80px;
    padding-bottom: 10px;
}
.not-found-form{padding-top: 10px;}
.lg-not-found h1 {
    margin: 0;
}
.lg-not-found h4{
    font-size: 35px;
    margin-top: 40px;
}
.lg-not-found h5{
    font-size: 17px;
}
.lg-not-found h5 span{
    font-size: 17px
}
body.error404 .top-bar.bord,body.error404 .top-bar.bord .top-socials.topbar-box,body.error404 .top-head.classic,body.error404 .top-head.classic .rit_tools,body.error404 .top-head.classic .top-slbar{
    border-color: rgba(0,0,0,0.08)
}
body.error404 .top-head a.slbar_btn span i, body.error404 .side-head a.slbar_btn span i{
    background-color: #777
}
.not-found-wrap{
    width: 50%;
    margin: auto;
    padding-right: 6%;
    padding-left:6%;
    text-align: center;
}
.not-found-form p{
    color: #888
}
.srch-home-pg{
    margin-top: 30px;
}
.no-results-wrap{
    text-align: center;
    width: 35%;
    margin:auto;
}
.no-results-wrap .lg-not-found{
    padding-top: 0
}
.no-results-wrap .lg-not-found h1{
    font-size: 70px;
    line-height: 1;
}
.btn-outlined{
    border:1px #eee solid;
}

/*
--------------------- 5.5. Blog -------------------- */
.post-item{
    position: relative;
}
.post-sticky{
    display: inline-block;
    padding: 7px 9px 6px;
    line-height: 1;
    font-size: 11px;
    letter-spacing: 1px;
    font-weight: bold;
    margin-bottom: 15px;
    border-radius: 3px;
}
.blog-single .post-sticky{
    margin-top:20px
}
.post-item .post-image,.post-item .post-gallery,.post-item .post-media{
    display: block;
    position: relative;
    min-height: 240px;
}
.blog-single .post-item .post-info{
    margin: 15px 0 0;
    border: 1px #eee dashed;
    border-left: 0;
    border-right: 0;
    padding: 8px 0;
}
.post-meta:after{
    content:"";
    display:table;
    clear:both
}
.blog-posts.small-image .post-meta:after{
	display: none;
}
.blog-single .post-item .post-info li{
    margin-right: 25px;
}
.blog-single .post-item .post-info li.pull-right{
    margin-right: 0; 
    margin-left: 25px;
}
.blog-single .post-item .post-image{
    margin: 0 0 30px;
}
.post-item .post-image a{
    display:block;
    overflow: hidden;
}
.post-item .post-image img,.post-item .posts-gal img{
    height: auto;
    position: relative;
    display: table;
    margin: auto;
    z-index: 1;
}
.meta-cat.main-bg:hover a{
    color:#fff;
}
a.itr_cat_over{
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    padding: 6px 16px;
    font-size: 11px;
    border: 5px #fff solid;
    border-bottom: 0;
    border-right: 0;
}
a.itr_cat_over:hover {
    color:#fff
}
.blog-posts.grid .p-content,.blog-posts.masonry .p-content,.blog-posts.timeline .p-content {
    padding-left: 0
}

.blog-posts .post-info .post-meta,.recent-posts .post-info .post-meta{
    margin-bottom:15px;
    color: #555;
    font-size: 13px;
    clear: both;
}
.blog-posts .post-image + .post-info .post-meta,.recent-posts .post-image + .post-info .post-meta,
.blog-posts .post-gallery + .post-info .post-meta,.recent-posts .post-gallery + .post-info .post-meta,
.blog-posts .post-media + .post-info .post-meta,.recent-posts .post-media + .post-info .post-meta{
    background-color: #fff;
    transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
    margin: 0 auto 15px;
    border-radius: 14em;
    padding: 7px 30px;
    box-shadow: 0px 8px 20px 4px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 8px 20px 4px rgba(0, 0, 0, 0.1);
    display: table;
    position: relative;
    z-index: 2;
}


.post-info h3{font-size: 28px;margin-top: 0;}
.post-meta li a{
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}
.meta-tag span:last-child{
    display:none
}
.post-meta li{
    margin: 0 20px 0 0px;
    display: inline-block;
}
.post-meta li:last-child{
    margin:0
}
.post-icon{
    border-radius:3px;
    margin-right: 15px !important;
}
.post-icon i{
    margin:0 7px !important;
}
.post-meta li i{
    margin: 0 7px 0 0;
    font-size: 13px;
}
.post-item .lft-tools{
    margin: 0;
    font-size:11px;
    float: right;
}
.post-item .lft-tools:before{
    -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.05);
    box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.05);
    z-index:-1
}
.bottom_meta{
    border: 1px #ddd dashed;
    overflow: hidden;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 15em;
    margin: 40px auto 0;
    clear: both;
}
.bottom_meta .blg_more{
    margin: 0px;
    border: 0 !important;
    border-left: 1px #ddd dashed !important;
    float: right;
    padding: 12px 22px 10px !important;
    border-radius: 0;
    color: #999;
    display: block;
    font-size: 11px;
}
.bottom_meta .more-btn.btn:after{
    font-size:11px
}
.bottom-post-meta{
    margin:0;
    padding: 0;
    list-style: none;
    float: left;
}
.bottom-post-meta li{
    float: left;
    padding: 9px 20px 7px;
    font-size: 11px;
    border-right: 1px #ddd dashed;
}
.bottom-post-meta li a{
    color:#999;
    font-weight:600
}
.bottom-post-meta li i{
    margin-right:8px
}
.post-item-rit{
    margin: 0 0 0 90px;
    padding: 0 15px 15px;
}
.post-item .lft-tools li{
    padding: 8px;
    background-color: #f3f3f3;
    margin: 0 2px 0 0;
    color: #333;
    float: left;
    text-align: center;
}
.post-item .lft-tools li i{
    margin-right: 5px;
    font-size: 14px;
    vertical-align: middle;
}
.blog-home .post-item:not(.lg-mag-item){
    background-color: transparent !important;
}
.blog-posts.lg-image .blog-posts .post-item{
    clear: both;
    position: relative;
    background-color: transparent;
    padding: 0 40px;
}
.blog-posts.lg-image .xs-padding,.blog-posts.small-image .xs-padding,.blog-posts.timeline .xs-padding{
    padding: 40px 0
}
.blog-posts:not(.masonry):not(.grid) .post-item{
    margin-bottom: 70px;
}
.post-item video, .post-item iframe, .post-item audio, .post-item embed {
    width: 100%;
    display: block;
}
[class*="col-md-"] .post-item iframe {
    max-height: 280px;
}
.blog-posts .post-item p br{
    display: none;
}
.post-item .slick-dots{
    position: absolute;
    left: 15px;
    bottom: 15px;
}
.more-btn{
    margin: 40px 0 0;
    display: table;
    position: relative;
    padding: 8px 23px !important;
}
.more-btn.btn {
    border: 2px #e8e8e8 solid;
}
.more-btn.btn span{
    display:inline-block;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
}
.more-btn.btn:hover span{
    transform: translate3d(-10px,0,0);
    -webkit-transform: translate3d(-10px,0,0);
}
.more-btn.btn:hover{
    background-color: #e8e8e8;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.more-btn.btn:after{
    display:inline-block;
    font: normal normal normal 12px/1 FontAwesome;
    content: "\f054";
    right: 17px;
    line-height: inherit !important;
    position: absolute;
    opacity:0;
    line-height: inherit;
    transform: translate3d(10px,0,0);
    -webkit-transform: translate3d(10px,0,0);
}
.more-btn.btn.btn-md{
    padding: 8px 20px;
}
.more-btn.btn.btn-lg{
    padding: 10px 25px
}
.more-btn.btn.btn-md:after{
    line-height:20px;
    font-size: 16px;
    right: 13px
}
.more-btn.btn:hover:after{
    opacity:1;
    transform:translate3d(0,0,0);
    -webkit-transform:translate3d(0,0,0);
}
.more_dots i{
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-left: 5px;
    border-radius: 50%;
}
.more_dots:hover i{
    animation: wave 1s linear infinite;
}
.more_dots:hover i:nth-child(2) {
    animation-delay: -0.8s;
}
.more_dots:hover i:nth-child(3) {
    animation-delay: -0.6s;
}
.blog-posts.lg-image .post-item .post-content{
    position: relative;
    z-index: 9;
}
.gallery-icon{
    margin-bottom: 0
}
.blog-posts.lg-image .post-item.no-holder .post-content {
    margin-top: 0;
}
.blog-posts .post-item .post-item-rit{
    margin-left: 0
}
.rit-cell .blog-posts.lg-image .post-item .post-content {
    margin-right: 90px;
    margin-left: 0;
}
.rit-cell .blog-posts .post-item .lft-tools{
    left: auto;
    right: 0
}
.gallery-size-thumbnail{
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
}
.gallery-columns-9 .gallery-item {
    width: 10.9555%;
}
.gallery-columns-8 .gallery-item {
    width: 12.355%;
}
.gallery-columns-7 .gallery-item {
    width: 14.1222%;
}
.gallery-columns-6 .gallery-item {
    width: 16.5%;
}
.gallery-columns-5 .gallery-item {
    width: 19.6%;
}
.gallery-columns-4 .gallery-item {
    width: 24.6%;
}
.gallery-columns-3 .gallery-item {
    width: 33.2%;
}
.gallery-columns-2 .gallery-item {
    width: 49.85%;
}

[class*="gallery-columns-"] .gallery-item img{
    width:100%
}
.gallery-item {
    float: left;
    margin: 0 1px 1px 0;
    position: relative;
    overflow:hidden
}
.gallery-caption {
    background-color: rgba(0,0,0,.7);
    color: #fff;
    font-size: 13px;
    line-height: 1.5;
    margin: 0;
    max-height: 50%;
    opacity: 0;
    padding: 6px 8px;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: left;
    width: 100%;
}
.gallery-item:hover .gallery-caption{
    opacity:1
}
.post-chat .chat-row{
    padding:15px;
    font-style: italic;
    background-color:rgba(0,0,0,.01)
}
.post-chat .chat-row > span{
    margin-right:10px;
    font-weight:bold;
    font-style:normal
}
.post-chat .chat-row > span cite{
    font-style:normal
}
.post-chat .chat-row > span i{
    margin-right:5px;
    opacity:0.15
}
.post-chat .chat-row.row-odd{
    background-color:rgba(0,0,0,.03)
}
.calendar_wrap table *{
    text-align: center;
}
.calendar_wrap table a{
    margin: -8px;
    padding: 8px;
    display: block;
    background-color: rgba(0,0,0,.05);
}
.calendar_wrap caption{
    background: rgba(0,0,0,.07);
    font-weight: bold
}
/* small-image */
.blog-posts.small-image .post-image,.blog-posts.small-image .post-gallery,.blog-posts.small-image .post-media{
    float:left;
    margin-right: 20px;
    max-width: 45%;
    margin-bottom: 0;
    margin-top: 0;
    min-height: auto;
}
.blog-posts.small-image .entry-content,.blog-posts.small-image .post-info{
    margin-left: 49%;
    margin-top: 0;
}
.blog-posts.small-image .post-item .entry-content h4{
    margin-top: 0;
}
.blog-posts.small-image .post-item{text-align: left;}
.blog-posts:not(.lg-image):not(.timeline) .post-item .bottom_meta{margin-top: 25px;border-radius: 0;}
.blog-posts.small-image .gallery-columns-9 .gallery-item {
    width: 11.9555%;
}
.blog-posts:not(.lg-image):not(.timeline) .post-icon{
    transform:none;
    left:10px;
    top:10px;
    width:40px;
    height:40px;
    line-height:40px;
    font-size:14px;
    border-radius:0
}
.blog-posts.small-image .gallery-columns-8 .gallery-item {
    width: 13.355%;
}
.blog-posts.small-image .gallery-columns-7 .gallery-item {
    width: 16.1222%;
}
.blog-posts.small-image .gallery-columns-6 .gallery-item {
    width: 19.5%;
}
.blog-posts.small-image .gallery-columns-3 .gallery-item {
    width: 32%;
}
.blog-posts.small-image .gallery-columns-2 .gallery-item {
    width: 48.85%;
}

.entry-content{
    padding: 15px 0 0;
    line-height: 1.9;
}
.blog-posts .entry-content ul li span,.blog-posts .entry-content ul li em,.blog-posts .entry-content ul li strong{
    font-size:inherit !important;
    line-height: inherit !important;
}
.blog-single .entry-content{
    padding-bottom:30px;
    padding-top: 30px;
}
.entry-content:after{
    display:table;
    content:" ";
    clear:both;
}
.sub-pager{
    display:table;
    margin: 20px auto 0;
    background-color:rgb(255, 255, 255);
    padding: 5px 10px 5px 10px;
    border-radius: 60px;
    box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.1);
}
.sub-pager .page-links-title{
    display:inline-block;
    font-weight: bold;
}
.sub-pager span{
    padding:0 10px
}
.sub-pager a{
    display:inline-block;
    background-color:#f7f7f7;
    margin: 0 5px;
    border-radius:50%;
    line-height:25px;
    width:25px;
    height:25px;
    text-align:center;
}
.full-oops{
    width: 60%
}
.blog-posts.grid .entry-content,.blog-posts.masonry .entry-content,.blog-posts.timeline .entry-content{
    overflow: hidden;
}
.blog-posts.small-image .post-item .post-content .entry-content{
    text-align:inherit;
    padding: 20px 0 0;
}
.blog-posts:not(.lg-image):not(.timeline) .post-item .box_more,.blog-posts:not(.lg-image):not(.timeline) .post-item .post-info h3,.blog-posts:not(.lg-image):not(.timeline) .post-item .post-info ul{
    margin-left:0;
    margin-right:auto;
    clear: none;
    display: block;
    transform: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
}
.blog-posts:not(.lg-image):not(.timeline) .post-item .post-info h3{
    font-size: 23px;
    margin-top: 15px;
}
.blog-posts.small-image .gallery-caption {
    max-height:none;
    font-size:10px
}
.blog-posts.small-image .post-item .lft-tools{
    min-height: 240px
}
.blog-posts.small-image.full .post-image,.blog-posts.small-image.full .post-gallery,.blog-posts.small-image.full .post-media{
    width: 35%
}
.blog-posts.small-image .post-item .mejs-mediaelement{
    position: static;
}
.blog-posts.small-image .post-item .mejs-mediaelement video{
    height: auto;
}

/* timeline */
.blog-posts.timeline{
    position:relative
}
.blog-posts.timeline.timeline-left{
    padding-left: 80px;
}
.blog-posts.timeline.timeline-right{
    padding-right: 80px;
}
.timeline:before{
    position:absolute;
    width: 1px;
    height:100%;
    content:"";
    right: 27px;
    display:inline-block;
    background-color: #e8e8e8;
}
.lft-cell .timeline:before{
    left: 28px;
    right: auto;
}
.lft-tl:before{
    left: 10px;
}
.rit-tl:before{
    right: 10px;
}
.timeline.timeline_full .post-item{
    width:46%;
    float:left;
    clear: none;
    margin-bottom: 50px;
    overflow: visible;
}
.timeline.timeline_full .post-item:nth-child(even){
    float:right;
}
.timeline.timeline_full .post-item:nth-child(2n+1){
    clear:left
}
.timeline.timeline_full:before{
    left:50%;
    margin-left:-0.5px;
}
.timeline .post-item iframe{
    position:relative;
    overflow:hidden
}
.rit-tl .post-item{
    margin-right: 0;
}
.masonry .post-image, .masonry .post-gallery, .masonry .post-media, .grid .post-image, .grid .post-media, .grid .post-gallery{
    margin-bottom:20px;
}
.masonry .post-image, .timeline .post-gallery, .masonry .post-gallery, .timeline .post-media, .masonry .post-media, .grid .post-image, .grid .post-media, .grid .post-gallery{
    display: block;
    position: relative;
}
.timeline .post-item .timeline_date{
    position:absolute;
    top:0;
    width: 55px;
    left: -80px;
}
.timeline.timeline_full .post-item .post-image{
    max-height:380px;
    overflow: hidden;
}
.masonry .post-item .post-info h3,.grid .post-image,.grid .post-item .post-info h3{
    font-size: 18px;
}
.masonry .post-item .post-info h3,.grid .post-item .post-info h3{
    padding:0 10px !important
}
.timeline-right .post-item .timeline_date{
    right: -80px;
    left:auto;
}
.timeline .post-item .timeline_date span{
    display:block;
    text-align:center;
}
.timeline .post-item .timeline_date span.year{
    font-size:80%;
    background-color: #2f2f2f;
    padding: 3px 5px;
    display: table;
    width: 80%;
    margin: 0 auto;
    line-height: 1.5;
    color: #fff;
}
.timeline .post-item .timeline_date:before,.timeline .post-item .timeline_date:after{
    position:absolute;
    height: 0px;
    width: 25px;
    content:"";
    display:inline-block;
    top: 28px;
}
.timeline.rit-cell .post-item.sticky .timeline_date:before, .timeline.rit-cell .post-item.sticky .timeline_date:after{
    display: none;
}
.timeline.timeline_full .post-item .timeline_date:after{
    left: auto;
    right: 2px
}
.timeline .post-item .timeline_date:after,.timeline .post-item .timeline_date:before{
    right: -25px;
    left: auto;
    border-bottom: 2px rgba(0, 0, 0, 0.15) solid;
}
.timeline-right .post-item .timeline_date:after,.timeline-right .post-item .timeline_date:before{
    left: -25px;
    right: auto;
    border-bottom: 2px rgba(0, 0, 0, 0.15) solid;
}
.lft-tl .post-item .timeline_date:before{
    right: -15px;
    border-bottom: 2px rgba(0, 0, 0, 0.15) solid;
    left: auto !important;
}
.rit-tl .post-item .timeline_date:before{
    left:auto;
    right:0
}
.rit-tl .post-item .timeline_date:before{
    right: -12px;
    left: auto;
}
.timeline .post-item .timeline_date .inner_date{
    text-align: center;
    margin-bottom: 0;
    padding: 8px 0 5px 0;
    position: relative;
    z-index: 3;
}
.timeline .post-item .timeline_date .inner_date span{
    position:relative;
    z-index:1;
}
.blog-posts.rit-tl .post-item .post-content{
    margin-right: 90px;
    margin-left:0
}
.timeline .post-item .timeline_date .day{
    font-size: 23px;
    font-weight: 700;
}
.timeline .post-item .timeline_date .month{
    margin-top: -7px;
    font-size: 85%;
}
.timeline.timeline_full{
    overflow:hidden;
    height:100%
}
.timeline.timeline_full .post-item .gallery-columns-5 .gallery-item {
    width: 19.8%;
}
.timeline.timeline_full .post-item .timeline_date{
    right: -75px;
    left: auto;
}
.timeline.timeline_full .post-item .timeline_date:before{
    right: 53px;
}
.timeline.timeline_full .post-item:nth-child(even) .timeline_date:before{
    right:-20px;
    left:auto
}
.timeline.timeline_full .post-item:nth-child(even) .timeline_date .inner_date{
    background-color:#fff;
    color:#333;
    border:1px #d9d9d9 solid
}
.timeline.timeline_full .post-item:nth-child(even) .timeline_date{
    left: -75px;
    top: 120px;
}
.timeline.timeline_full .post-item .timeline_date span{
    text-align:inherit
}
.timeline.timeline_full .post-item .timeline_date .inner_date span{
    text-align:center;
}
.timeline.timeline_full .post-item .timeline_date .year{
    text-align:center;
}


/* masonry */
.blog-posts.masonry{
    width: 100% !important
}
.blog-posts.masonry .post-item h4,.blog-posts.grid .post-item h4{
    font-size:19px !important
}
.blog-posts.grid .post-item,.blog-posts.masonry .post-item{
    margin: 0 0 40px;
    position: relative;
    padding: 10px;
}
.masonry .post-item .gallery-columns-5 .gallery-item {
    width: 19.744444%;
}
.masonry.full .post-item{
    width:32%;
}
.masonry.full .post-item .gallery-columns-5 .gallery-item {
    width: 24.6777%;
}

.blog-posts.grid .gallery-columns-9 .gallery-item,.blog-posts.masonry .gallery-columns-9 .gallery-item,.blog-posts.timeline .gallery-columns-9 .gallery-item {
    width: 10.8%;
}
.blog-posts.grid .gallery-columns-8 .gallery-item,.blog-posts.masonry .gallery-columns-8 .gallery-item,.blog-posts.timeline .gallery-columns-8 .gallery-item {
    width: 13.9%;
}
.blog-posts.grid .gallery-columns-7 .gallery-item,.blog-posts.masonry .gallery-columns-7 .gallery-item,.blog-posts.timeline .gallery-columns-7 .gallery-item {
    width: 16.3%;
}
.blog-posts.grid .gallery-columns-6 .gallery-item,.blog-posts.masonry .gallery-columns-6 .gallery-item,.blog-posts.timeline .gallery-columns-6 .gallery-item {
    width: 19.3%;
}
.blog-posts.grid .gallery-columns-5 .gallery-item,.blog-posts.masonry .gallery-columns-5 .gallery-item,.blog-posts.timeline .gallery-columns-5 .gallery-item {
    width: 19.7%;
}
.blog-posts.grid .gallery-columns-3 .gallery-item,.blog-posts.masonry .gallery-columns-3 .gallery-item,.blog-posts.timeline .gallery-columns-3 .gallery-item {
    width: 33%;
}
.blog-posts.grid .gallery-columns-2 .gallery-item,.blog-posts.masonry .gallery-columns-2 .gallery-item,.blog-posts.timeline .gallery-columns-2 .gallery-item {
    width: 49.7%;
}

.entry-content .twitter-tweet{
    width: 100% !important;
}
.loadmore{
    position: relative;
    text-align: center;
    margin-top: 40px;
}
.loadmore .load_msg {
    padding: 7px 15px;
    background-color: #ffecb2;
    border: 1px #fd7 solid;
    font-size: 13px;
    position: absolute;
    bottom: -60px;
    left: 0;
    right: 0;
    z-index: 9;
    margin: auto;
    display: table;
    min-width: 200px;
    width: 200px;
    white-space: nowrap;
}
.loadmore .pager_loading, .loadmore .load_msg {
    display: none;
}

.loadmore .pager_loading i {
    font-size: 17px;
    margin: 0 0 0 10px;
    position: relative;
    top: 2px;
    display: inline-block;
}
.oc-preload i{
    font-size: 24px;
    display: table;
    margin: auto;
}
.oc-preload i,.loadmore .pager_loading i{
    -webkit-animation: uil-ring-anim 1s linear infinite;
    animation: uil-ring-anim 1s linear infinite;
}

/* grid */
.right-cell .grid .post-item{
    margin:0 0 15px 15px;
}
.grid .post-item iframe,.grid .post-item video{
    width:100%;
    height:210px;
    background:#000
}
.grid .post-item .post-gallery{
    height:210px;
}
.grid .post-item .gallery-columns-5 .gallery-item {
    width: 19.744444%;
}
.grid.full .post-item{
    width:32%;
}
.grid.full .post-item .gallery-columns-5 .gallery-item {
    width: 24.6777%;
}
.grid.full .post-item iframe,.grid.full .post-item video{
    height:182px;
}
.grid.full .post-item .post-gallery{
    height:187px;
}
.post-item .wp-video,.post-item video {
    width: 100% !important;
    height: auto;
}

/* single */
.blog-single .single_cats{
    margin: 20px 0 0;
}
.itr_single_title{
    margin-top: 0;
    padding-top: 0
}
.blog-single .single_cats .singl_cat_lbl{
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 1px;
}
.blog-single .single_cats .singl_cat_lbl i,.blog-single .post-meta li i{
    margin-right: 10px
}
.blog-single .post-categories{
    margin: 7px 0 0;
    padding: 0;
    list-style: none;
}
.blog-single .post-categories:after,.post-tags:after{
    display:table;
    content:"";
    clear:both
}
.blog-single .post-categories li{
    float: left;
    margin: 0 4px 4px 0;
}
.blog-single .post-categories li a{
    font-size: 13px;
    line-height: 1;
    padding: 10px 15px;
    border-radius: 4px;
    display:block;
    background-color: #e8e8e8;
    color: #333;
}
.blog-single .post-categories li a:hover{
    background-color:#fff
}
.blog-single .post-item,.blog-single .post-item .post-content{
    background:transparent;
}
.details-img{
    margin-bottom:5px
}
.blog-single .post-gallery{
    margin-bottom:20px
}
.details-img{
    text-align: center;
}
.blog-single .post-gallery img{
    width: 100%
}
.blog-single .post-item .post-info-container, .blog-single .post-item .post-content p{
    padding:0
}
.tags_block .single_cats{
    margin: 0
}
.post-tags{
    font-size: 0px;
    margin-top:8px;
}
.post-tags a{
    font-size: 13px;
    float: left;
    margin: 0 4px 4px 0;
    line-height: 1;
    padding: 10px 15px;
    color: #333;
    border: 1px #e8e8e8 solid;
    border-radius: 4px;
}
.blog-single .post-tags a:hover{
    background-color: #fff;
    color:#222;
    border-color: #fff;
}
.share-post{
    float: none !important;
    border-bottom: 1px #e8e8e8 solid !important;
}
.share-post .social-list{
    position:relative
}
.share-post .social-list > div{
    position:absolute;
    width: 100%;
    padding-top: 20px;
}
.share-post a{
    text-align: center;
    color: #fff;
    position: relative;
    float: right !important;
    margin: 0 0 0 3px;
}
.share-post a span{
    font-size: 9px;
    color: #333;
    display: block;
    background-color: #f1f1f1;
    line-height: 18px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.share-post a i{
    width: 35px;
    height: 35px;
    line-height: 35px;
}
.share-post button span.share_num{
    display: block;
    font-size: 10px;
    padding: 3px;
    margin-top: 3px;
    width: auto;
    height: auto;
    line-height: 1;
    color: #333
}
.total-shrs{
    background-color: transparent;
    font-size: 14px;
    display: table-cell;
    vertical-align: middle;
}
.author_meta_section{
    margin-top: 30px;
    display: table;
}
.author_meta_section:before{
    content:" ";
    display:table;
    clear:both
}
.author_meta_section span.byline{
    font-size:13px;
    font-weight:bold;
}
.author_meta_section img{
    display: inline-block !important;
    margin-right: 10px;
    border-radius: 50%;
    vertical-align: middle;
    width: auto !important;
}
.author-info {
    background-color: transparent;
    background-color: #f7f7f7;
    padding: 25px !important;
}
.author-avatar {
    float: left;
}
.author-avatar .avatar {
    margin: 0 20px 5px 0;
    max-width: 100px;
    border-radius: 50%;
}
.author-name {
    font-size: 18px;
    line-height: 1;
    margin: 0 0 8px;
}
.author-description {
    line-height: 1.7
}
.itr_post_block{
    padding:25px 0;
    border-top: 1px #e8e8e8 solid;
    border-bottom: 1px #e8e8e8 solid;
    clear: both;
    margin-top: -1px;
}
.itr_post_block:after{
    display: table;
    content: " ";
    clear: both;
}
.author-info{
    border:0 !important;
    margin-top:20px
}
.nav-single .nav-block{
    display: inline-block;
    opacity: 0;
    transform: translate(15px,-50%);
    -webkit-transform: translate(15px,-50%);
    transition:all 0.6s ease;
    -webkit-transition:all 0.6s ease;
    transition-delay:0.1s;
    -webkit-transition-delay:0.1s;
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: inherit;
    line-height: inherit;
    overflow: hidden;
}
.nav-single .nav-next .nav-block{
    transform: translate(-15px,-50%);
    -webkit-transform: translate(-15px,-50%);
}
.nav-single .nav-next a:hover .meta-nav{
    transform: translate(15px,0);
    -webkit-transform: translate(15px,0);
}
.nav-single > div{
    width:50%;
    float: left;
}
.nav-single .nav-next{
    float:right
}
.nav_single_thumb{
    display: inline-block;
    margin: 0 0 10px;
    border-radius: 3px;
    overflow: hidden;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    background-color: #f3f3f3;
    clear: both;
}
.nav_single_title{
    font-weight:bold;
    display: block;
    vertical-align: middle;
    line-height: 1.5;
}
.nav_single_title span{
    font-weight: normal;
    font-size: 90%;
    color: #333;
}
.nav-single .nav-next a{
    text-align:right;
}
.nav-single a{
    display: block;
    position: relative;
    font-size: 13px;
    width: 100%;
    overflow: hidden;
    height: 20px;
    line-height: 20px;
}
.nav-single a:hover .nav-block{
    opacity: 1;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
}
.nav-single .meta-nav{
    display: inline-block;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 13px;
    height: inherit;
    line-height: inherit;
    color: #333;
}
.nav-single a:hover .meta-nav{
    opacity: 0;
    transform: translate(-15px,0);
    -webkit-transform: translate(-15px,0);
}
.nav-single .nav-next .meta-nav i{
    margin-left:10px;
    vertical-align: middle;
}
.nav-single .nav-previous .meta-nav i{
    margin-right: 10px;
    /* vertical-align: middle; */
    height: inherit;
    line-height: inherit;
}
.nav-next{
    text-align:right
}
.comment-respond,div.comments{
    clear: both;
    margin-top: 50px;
}
.comment-respond textarea,.comment-respond input[type="text"],.comment-respond  input[type="email"],.comment-respond  input[type="url"]{
    width:100%;
    resize: none;
    margin-bottom: 15px;
}
.comment-respond .logged-in-as,.comment-respond .comment-notes{
    float:right;
    margin:0;
}
.comment-reply-title small{
    float: right;
    margin-top: 7px;
}
.comment-reply-title small a{
    color: #f00;
}
.comment-respond p{
    margin: 0
}
.comment-respond > h3,.comments > h3,.related-posts > h3{
    padding: 0 0 10px;
    border-bottom: 1px #ddd solid;
    margin: 0 0 30px 0;
}
.comment-list li{
    list-style: none;
}
.comment-list > li{
    overflow:hidden;
    position: relative;
    margin-bottom: 20px;
}
.comment-list li footer.comment-meta{
    position: relative;
    overflow:hidden;
    width: 100%;
    padding: 5px 10px;
    background-color: #f6f6f6;
}
.comment-list li .comment-metadata{
    float:right;
    font-size:80%;
    margin: 5px 5px 0 0;
}
.comment-list li .comment-author{
    float:left;
    font-size:90%
}
.comment-list li .comment-author img{
    margin-right:10px;
    border-radius: 50%;
    padding: 2px;
    border: 1px #dfdfdf solid;
}
.comment-list li .comment-meta .edit-link{
    display:inline;
    margin-left: 10px;
}
.comment-list li article .reply{
    position: relative;
    display: inline-block;
    float: right;
    margin: 0 10px 25px 0;
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
}
.comment-list li article .reply a{
    color: #fff;
    background: #333;
    padding: 0px 10px;
    line-height: 23px;
    display: block;
}
.comment-list li article .reply a:hover{
    background-color:#333
}
.comment-list > li .comment-content{
    clear: left;
    word-wrap: break-word;
    margin: 0;
    padding: 25px 25px 10px 25px;
    border: 1px solid #dfdfdf;
}
.comment-list ul.children{
    margin: 0 0 0 25px;
    padding: 25px 0 0 25px;
    border-left: 1px solid #dfdfdf;
}
.comment-list ul.children li{
    margin-bottom:20px
}

.related-posts .heading{
    margin-bottom: 25px
}
.related-posts{
    margin-top: 50px;
}
.related-posts ul.list li{
    line-height: 50px;
    border-top: 1px #ddd dashed;
}
.related-posts ul.list li i{
    margin-right:10px;
    font-size: 13px;
    vertical-align: middle;
}
.related-posts ul.list li:first-child{
    border-top: 0px;
}
.form-submit input.submit{
    border:0;
    padding: 10px 20px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    position:relative;
}
.form-submit input.submit:hover,.blog-single .post-categories li a:hover,.blog-single .post-tags a:hover{
    -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.14) !important;
    box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.14) !important;
    transform: translateY(-1px);
    -webkit-transform: translateY(-1px);
}
.comment-form-author{
    width: 49%;
    float: left;
    margin-right: 1% !important;
}
.comment-form-email{
    width: 50%;
    float: left;
}
.my-details{
    overflow:hidden;
    margin-bottom:50px;
    border: 1px #dfdfdf solid;
    padding: 10px;
}
.my-details .my-img{
    margin-right:20px
}
.rit-details ul{
}
.rit-details ul li{
    padding: 7px 0;
    border-bottom: 1px #eaeaea dashed;
}
.rit-details ul li i{
    margin-right: 8px
}
.rit-details ul:first-child{
    margin-right: 25px;
}
.author-desc{
    padding: 20px;
    font-size: 15px;
    background-color: #f9f9f9;
    line-height: 1.7;
}

/* pagination */
.pager ul.page-numbers{
    display: table;
    margin: 0 auto;
    padding: 0
}
.pager.right ul.page-numbers{
    margin: 0 0 0 auto;
}
.pager.left ul.page-numbers{
    margin: 0 auto 0 0;
}
.pager ul.page-numbers li{
    float: left;
    margin: 0 2px;
}
.oldnew li a i{
    margin:0 5px;
}
.pager ul.page-numbers li > a,.pager ul.page-numbers li > span{
    padding: 8px 16px;
    position: relative;
    font-size: 15px;
    transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    border-radius:50%;
    border:0;
    background-color:transparent;
}
.oldnew li a{
    padding: 8px 16px;
    position: relative;
    transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    background-color:transparent;
    border-radius: 20px
}
.pager.style1 ul.page-numbers li > a,.pager.style1 ul.page-numbers li > span{
    padding: 0;
    width: 43px;
    height: 42px;
    text-align: center;
    line-height: 40px;
    z-index: 1;
    font-size: 15px;
}
.pager.style1 ul.page-numbers li:hover > a,.oldnew li a:hover{
    background-color:#fff;
    box-shadow: 0px 8px 20px 3px rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0px 8px 20px 3px rgba(0, 0, 0, 0.16);
    transform:translateY(-5px);
    -webkit-transform:translateY(-3px);
    border-color:transparent;
    color:#333;
}
.pager.style1 ul.page-numbers li > span{
    background-color: #ebe9eb
}
.pager.style2 ul.page-numbers{
    border-bottom:2px #ddd solid;
}
.pager.style2 ul.page-numbers li{
    margin-bottom: -2px;
}
.pager.style2 ul.page-numbers li > a,.pager.style2 ul.page-numbers li > span{
    border:none;
    border-radius: 0;
    background-color: transparent;
    font-weight: bold;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: transparent;
}
.pager.style3 ul.page-numbers{
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
    padding: 3px;
}
.pager.style3 ul.page-numbers li{
    margin: 0;
}
.pager.style3 ul.page-numbers li > a,.pager.style3 ul.page-numbers li > span{
    border-radius: 3px;
    padding: 7px 16px;
    margin:0 2px;
}
.pager.style3 ul.page-numbers li > a:hover,.pager ul.page-numbers li .prev,.pager ul.page-numbers li .next{
    background-color:#eee
}
.pager ul.page-numbers li .prev,.pager ul.page-numbers li .next{
    margin:0
}

/* ==========================================================================
  6. FOOTER.
============================================================================= */
.footer-middle{
    padding: 100px 0 40px;
}
#footWrapper .footer-middle{
    background-color: #1b1b1b;
    color: #aaa;
}
#footWrapper a{
    color: #aaa;
}
.footer-middle .widget{
    margin-bottom: 60px;
}
.footer-middle .widget h2.widgettitle{
    border-bottom-color: rgba(255, 255, 255, 0.12);
    color:#fff
}
.foot-image{
    margin-bottom:30px
}
.footer-middle p.widget-txt{
    margin-bottom:0
}
.footer-bottom{
    padding: 30px 0;
    background-color: #ffffff;
    color: #8c8c8c;
}
.footer-bottom .widget_nav_menu li{
    display: inline-block;
    border: 0 !important;
    font-weight:bold;
    padding: 0 !important;
    line-height: 1;
}
.footer-bottom .widget_nav_menu li a{
    font-weight: 800;
    text-transform:uppercase;
    font-size: 11px;
    padding: 0 15px 0 0;
}
.footer-bottom .widget_nav_menu li:first-child a{
    padding-left:0
}
.footer-bottom .row-eq-height{
    align-items: center;
    justify-content: center;
}
#footWrapper.footer-1 .footer-bottom,#footWrapper.footer-1 .footer-bottom a{
    color:#555
}
#footWrapper.footer-2 .footer-middle {
    background-image: url('../images/buildings.png');
    background-repeat: repeat-x;
    background-position: left bottom;
}
.footer-2 .footer-bottom .widget_nav_menu li{
    border: 0 !important
}
.footer-2 .footer-bottom .widget{
    display: table;
    width: auto;
    float: none;
    margin: 10px auto 0 !important;
}
.footer-2 .footer-bottom .widget:first-child{
    margin-top: 0
}
.footer-bottom .widget_it_widget_footer_socials{
    margin: 0;
}
.footer-2 .footer-middle > .container{
    /* padding: 80px 60px 40px; */
    /* border-radius: 5px; */
}
.footer-2 .footer-bottom .social-list{
    display:table;
    margin:auto
}
.footer-2 .footer-bottom{
    background-color: #0b0b0b;
}

/* footer 3 */
#footWrapper.footer-3 .footer-middle,#footWrapper.footer-3 .foot-nl{
    position: relative;
    z-index: 2;
    margin: 0 4%;
}
#footWrapper.footer-3 .footer-middle > .container,#footWrapper.footer-3 .foot-nl > .container{
    width: 95%;
}
#footWrapper.footer-3 .footer-middle:after{
    position: absolute;
    width: 50%;
    left: 0;
    top: 0;
    height: 100%;
    content: "";
    display: inline-block;
    background-color: #131313;
    z-index: -1;
}
#footWrapper.footer-3 .footer-middle .col-md-3:nth-child(2n){
    padding-right: 40px
}
#footWrapper.footer-3 .footer-middle .col-md-3:nth-child(2n+1){
    padding-left: 40px
}
.footer-3 .footer-bottom{
    background-color: #2a2a2a;
    color: #aaa;
    position: relative;
    z-index: 1;
    margin-top: -180px;
    padding-top: 210px;
    border-top-width: 4px;
    border-top-style: solid;
    box-shadow: 0px -9px 35px 0 rgba(0, 0, 0, 0.45);
    -webkit-box-shadow: 0px -9px 35px 0 rgba(0, 0, 0, 0.45);
}
.footer-3 .footer-bottom > .container{
    width:auto;
    margin:0 4%
}
.footer-3 .copyrights {
    padding: 0 15px 20px;
}
.foot_widgets:after{
    clear: both;
    display:table;
    content:" "
}

.foot_widgets .widget:last-child{
    margin-bottom: 0 !important
}
.footer-3 .footer-bottom .widget_nav_menu:after,.footer-minimal .footer-bottom .widget_nav_menu:after{
    display: none;
}
.footer-3 .foot_widgets .menu li{
    border-top: 0 !important
}
.footer-3 .instagram_wrap .insta_photo{
    max-width:80px
}
.footer-bottom .col-md-6:nth-child(2n+1){
    clear: left;
}
.mtp-25{
    margin-top: -25px !important;
}
/*
----------- Minimal Footer --------------- */
.footer-minimal .footer-middle{
    padding: 50px 0 35px;
}
.footer-minimal .footer-bottom {
    padding: 40px 0;
    background-color: #1d1d1d;
    color: #888;
}
.footer-minimal .footer-bottom a{
    color: #888
}
.footer-minimal .copyrights{
    text-align: center;
    background-color: #191919;
    clear: both;
    overflow: hidden;
    padding: 20px 0;
    margin:30px auto 0
}
.footer-minimal.minimal-2 .copyrights{
    display:table;
    padding:15px 30px;
}
.footer-logo-txt{
    margin: -6px 20px 0;
    width: 45%;
    line-height: 1.7;
}
.footer-minimal .foot_widgets{
    overflow:hidden;
    clear:both
}
.minimal-info{
    line-height:25px;
    margin: -6px 0 0 0;
}
.minimal-info i{
    margin-right:10px
}
.footer-minimal.minimal-2 {
    text-align:center
}
.footer-minimal.minimal-2 [class*="col-md-"],.footer-minimal.minimal-2 .social-list{
    float:none;
    width:auto;
    margin: 10px auto 0 !important;
    display: table;
    padding: 0 !important;
}
.footer-minimal.minimal-2 .footer-middle .foot_widgets{
    display:table;
    margin: 0 auto;
    width:auto;
}
.footer-minimal.minimal-2 .footer-middle .widget_nav_menu li{
    float:left;
    margin: 0 15px 0 0;
    clear: none;
    border: 0 !important;
}
.footer-minimal.minimal-2 .footer-middle .widget_nav_menu li,.footer-minimal .footer-bottom .widget_nav_menu li{
    border-top: 0 !important;
}
.footer-minimal.minimal-2 p i {
    margin-right: 8px
}
.footer-minimal .footer-middle .widget_nav_menu li a:before{
    display: none;
}
.footer-minimal.minimal-2 .footer-middle .widget_nav_menu li:last-child{
    margin-right: 0 !important
}
.footer-bottom .widget_categories ul li:before,.footer-bottom .widget_archive ul li:before,.footer-bottom .widget_nav_menu ul li a:before{
    display:none
}
.footer-bottom p.foot-about-par{
    margin-bottom:5px
}
.footer-bottom p{
    margin-bottom: 0;
}
.footer-bottom p i{
    margin-right:6px
}
.footer-bottom .social-list a{
    color: #555;
    position: relative;
    margin: 0 6px 0 0;
    overflow: visible;
}
.footer-bottom .social-list a i.sm-icon{
    width:35px;
    height:35px;
    line-height:35px
}
.footer-bottom .social-list a span{
    position:absolute;
    top: -7px;
    z-index: 9;
    left:50%;
    transform: translate(-50%,-100%);
    -webkit-transform: translate(-50%,-100%);
    background-color: #000;
    color:  #fff;
    padding: 3px 10px;
    display:none;
    font-size:11px;
    white-space:nowrap;
}
.footer-bottom .social-list a span:after{
    width: 0;
    height: 0;
    display:inline-block;
    content:"";
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #000000 transparent transparent transparent;
    position:absolute;
    z-index:9;
    bottom:-5px;
    left:50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
}
.footer-bottom .social-list a:hover span{
    display:block
}
#footWrapper.light .footer-middle{
    color: #555
}
#footWrapper.light .footer-middle a,#footWrapper.light .footer-bottom a{
    color: #333
}
#footWrapper.light .footer-bottom{
    background-color: #f7f7f7;
    color: #555
}
#footWrapper.light .footer-middle .widgettitle{
    color: #222
}
#footWrapper.light .timeline-TweetList li,#footWrapper.light .widget_recent_entries li,#footWrapper.light .foot-about-par{
    border-color: rgba(0, 0, 0, 0.1) !important;
}
#footWrapper.light.footer-2 .footer-middle > .container{
    background-color: #fff
}
.fixed-footer{
    position: fixed;
    z-index: -1;
    width: 100%;
    left: 0;
    bottom: 0
}
#footWrapper section.col-md-3:nth-child(4n+1),#footWrapper section.col-md-6:nth-child(2n+1),#footWrapper section.col-md-4:nth-child(3n+1){
    clear: left;
}
.full_content .container{
    width: 100%
}
.foot-nl{
    padding:30px 0 !important
}
.nl-lg-icon{
    display: inline-block;
    font-size: 70px;
    vertical-align: middle;
    line-height: 1;
}
.nl-lg-icon i{
    line-height:0;
    display: block;
}
.top-foot-nl-txt{
    padding-top: 8px;
}
.nl-left-txt{
    display: inline-block;
    padding-left: 25px;
    vertical-align: middle;
}
.nl-left-txt h4{
    margin: 0 0 1px;
}
.nl-left-txt p{
    margin:0
}
.top-foot-nl-form form input[type="email"]{
    width: 66%;
    display: inline-block !important;
    border: 0;
    border-radius: 0;
    padding: 20px 105px 20px 25px;
    text-transform: uppercase;
    color: #666;
    background-color: #fff;
    float: left;
}
.top-foot-nl-form form input[type="submit"]{
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #fff;
    background: #444;
    border-radius:0;
    padding: 16px 0;
    border: 0;
    margin: 0;
    width: 34%;
    text-transform: uppercase;
}
.top-foot-nl-form form input[type="submit"]:hover{
    background-color:#333
}

/* ==========================================================================
  7. TYPOGRAPHY.
============================================================================= */
.white-bg{background-color: #fff}
.dark-bg{background-color: #333}
.dark-color{color: #333}
.main-bg .main-color,.main-bg a,.dark-bg,.dark-bg a{color:#fff;}
.top-bar.dark-bg,.top-bar.dark-bg a{color:#c5c5c5;}
.clearfix{clear: both;}
.circle{border-radius: 50%}
.rounded{border-radius: 5px}
.tbl{display: table;}
.m-auto{margin-left: auto;margin-right: auto;}
.bold{font-weight: bold;}
.gry-bg{background-color: #f7f7f7}
.underline{text-decoration: underline;}
.uppercase{text-transform: uppercase;}
.xxs-padding{padding-top: 20px;padding-bottom: 20px}
.xs-padding{padding-top: 40px;padding-bottom: 40px}
.sm-padding{padding-top: 70px;padding-bottom: 70px}
.md-padding{padding-top: 120px;padding-bottom: 120px;}
.lg-padding{padding-top: 160px;padding-bottom: 160px}
.xl-padding{padding-top: 200px;padding-bottom: 200px}
.xxl-padding{padding-top: 240px;padding-bottom: 240px}
.m-l-auto{margin-left: auto !important}
.relative{position: relative;}
.heavy{font-weight: 900}
.low-index{z-index: 7}
.hi-index{z-index: 8;position: relative;}
.black{color: #333}
a.main-bg:hover{color: #fff;}
.cat_grid .filter-by{display: none;}
.list li > i,.lbl-first i{margin-right:8px}
.inline{display: inline-block;}
input[type=checkbox], input[type=radio] {margin: 4px 5px 0 0;}
.checkbox-block input[type=checkbox]{vertical-align: sub;}
table {
    border-collapse: collapse;
    margin: 0 0 1.5em;
    width: 100%;
}
thead th {
    border-bottom: 2px solid #e8e8e8;
    padding-bottom: 0.5em;
}
th {
    padding: 1.5em 2em !important;
    text-align: left !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 1;
}
tr {
    border-bottom: 1px solid #eee;
}
td {
    padding: 0.4em;
}
th:first-child,
td:first-child {
    padding-left: 0;
}
th:last-child,
td:last-child {
    padding-right: 0;
}
dt {
    font-weight: 700;
}
dd {
    margin: 0 1.5em 1.5em;
}
[class*=" vc_li-"]:before, [class^=vc_li-]:before{
    width: auto !important;
}
.wp-caption {
    margin-bottom: 1.75em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0;
}

.wp-caption .wp-caption-text {
    font-size: 14px;
    font-style: italic;
    padding-top: 0.5384615385em;
}
.says,.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}
.pagination .current .screen-reader-text {
    position: static !important;
}
.bypostauthor > article .fn:after {
    content: "\f304";
    left: 3px;
    position: relative;
    top: 5px;
}
.alignleft {
    float: left;
    margin: 0.375em 1.75em 1.75em 0;
}

.alignright {
    float: right;
    margin: 0.375em 0 1.75em 1.75em;
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto 1.75em;
}
.sidebar{
    flex: 0 0 30%;
    min-width: 0;
    order: 3;
    position: relative;
}
.itr-content-column {
    flex: 1 1 auto;
    min-width: 0;
    order: 2;
}
.flxrow.lft-cell .itr-content-column{
    padding-right: 40px;
}
.flxrow.rit-cell .itr-content-column{
    padding-left: 40px
}
.flxrow.rit-cell .sidebar{
    order:1;
}
#to-top {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 999;
    cursor: pointer;
    display: inline-block;
    transform: translateY(70px);
    -webkit-transform: translateY(70px);
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
    line-height: 1;
    margin-bottom: 20px;
}
#to-top:after{
    content:attr(data-text);
    font-size: 11px;
    text-transform:uppercase;
    transform: rotate(-90deg);
    display: inline-block;
    color: #444;
    font-weight:900;
    letter-spacing:1px;
}
#to-top span {
    text-align: center;
    font-size: 12px;
    display: block;
    display:block;
    margin-bottom: 8px;
    transition:all 0.2s ease-out;
    -webkit-transition:all 0.2s ease-out;
}
#to-top:hover span{
    margin-bottom: 15px;
}
.oc-btn{
    font-size: 13px;
    padding: 15px 25px;
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.loadmore .oc-btn.oc-btn-default{
    color: #2b2b2b;
    font-weight:bold;
    background-color: #fff;
    border-radius:40px;
    -webkit-box-shadow: 0px 8px 35px 0px rgba(12, 12, 12, 0.2);
    box-shadow: 0px 8px 35px 0px rgba(12, 12, 12, 0.13);
}
.loadmore .oc-btn:hover{
    -webkit-box-shadow: none;
    background-color: #f7f7f7;
    box-shadow: none;
}
.widget_nav_menu ul li{
    text-align: left;
    clear: both;
}

/* ==========================================================================
  8. BOXED MODE
============================================================================= */
.pageWrapper.boxed{
    background: #fff;
    box-shadow: 0 0px 30px 12px rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: 0 0px 30px 12px rgba(0, 0, 0, 0.09);
    width: 1170px;
    height: auto !important;
    margin: 20px auto;
    overflow: hidden;
}
.pageWrapper.boxed .rev_slider_wrapper{
    width: 100% !important;
    left: 0 !important
}
.pageWrapper.boxed .fullwidthbanner-container,.pageWrapper.boxed .forcefullwidth_wrapper_tp_banner,.pageWrapper.boxed .fullscreen-container{
    width:100% !important;
    left:0 !important
}
.pageWrapper.boxed .fixed-footer{
    width:auto;
    left:auto;
}
.pageWrapper.boxed .top-head.affix,.pageWrapper.boxed .top-head.fixed-head {
    left: 50%;
    transform: translateX(-50%);
    width: 1170px;
    transition: none;
    -webkit-transition: none;
}
.pageWrapper.boxed .top-head.affix-top {
    transition: none;
    -webkit-transition: none;
}
.pageWrapper.boxed .top-head.creative1{
    padding-left: 0;
    padding-right: 0
}
.pageWrapper.boxed .container-fluid .container{
    width: 100%
}
.pageWrapper.boxed .itr-main-content{
    padding-left: 20px;
    padding-right: 20px
}
.admin-bar .top-head.affix {
    top: 32px;
}

/*
--------------- Responsive Menu ------------- */
.newNav{
    position: fixed;
    top: 10px;
    right: 20px;
    width: 50px;
    height: 50px;
    display: none;
    cursor: pointer;
    transition: opacity 0.2s linear;
    -webkit-transition: all 0.2s linear;
    z-index: 999999;
    border-radius: 3px;
}
body.admin-bar .newNav{
    top:50px
}
.newNav .mega-content .row{
    margin: 0 !important
}
.newNav ul ul{
    display: none;
}
.newNav.modern:after{
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    content:"";
    display:block
}
.clo{
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 99999;
    background-color: transparent;
}
.newNav.modern > span:not(.responsive-menu){
    display: block;
    clear: both;
    height: 3px;
    width: 22px;
    background-color: #fff;
    position: absolute;
    left: 14px;
    top: 19px;
}
.newNav.modern > span.responsive-menu{
    display: block;
    position: absolute;
    right: -20px;
    width: 250px;
    height: 0;
    top: 45px;
    opacity: 0;
}
.newNav.modern > span:nth-child(1){
    z-index: 9;
}
.newNav.modern > span:nth-child(3){
    margin-top: 8px;
}
.newNav.modern .responsive-menu > ul{
    padding: 0;
    margin: 0;
    background-color: #333;
    max-height: 500px;
    height: 0;
    box-shadow: 0px 0px 65px 0px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.2);
}
.newNav.modern .responsive-menu > ul li{
    display: block;
    transition: all 0.8s ease;
    -webkit-transition: all 0.8s ease;
}
.newNav.modern .responsive-menu > ul li li{
    margin:0 !important;
    padding:0
}
.newNav .responsive-menu > ul li a,.newNav .responsive-menu > ul li h4{
    display:block;
    color: #bbb;
    font-size: 13px;
    border-bottom: 1px rgba(255, 255, 255, 0.07) solid;
    padding: 10px 15px;
    margin:0;
    font-weight: bold;
}
.newNav .responsive-menu > ul li.current-menu-item {
    background-color: rgba(0, 0, 0, 0.36);
}
.newNav .responsive-menu > ul li li a{
    padding: 9px 15px;
    font-weight: normal;
}
.newNav.modern .responsive-menu > ul li i{
    margin-right:8px;
}
.newNav .responsive-menu ul li li i{
    color: #fff;
    margin-right: 8px
}
.child-arrow {
    float:right;
    position:relative;
    top: -2px;
    right: -5px;
    width: 30px;
    height: 30px;
    border-radius: 3px;
    line-height: 30px !important;
    text-align: center;
    background-color: #232323;
    font-size: 18px !important;
}
.newNav .responsive-menu li b.child-arrow.rot-up{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    background-color: rgba(255, 255, 255, 0.3);
}
.newNav.modern .responsive-menu > ul li li b.child-arrow{
    background-color:rgba(0, 0, 0, 0.86)
}
.newNav.modern .responsive-menu ul ul{
    display:none;
    padding: 0;
    margin:0;
    background-color: rgba(0, 0, 0, 0.3);
}
.newNav.modern .mCSB_inside .mCSB_container{
    margin-right: 0;
}
.newNav.modern .mCSB_scrollTools{
    opacity:0 !important
}
.newNav.modern.oppenned span:nth-child(1), .newNav.modern.oppenned span:nth-child(3){
    z-index: 100;
    transform: rotate(45deg);
}
.newNav.modern.oppenned span:nth-child(1){
    transform: rotate(45deg) translateY(12px) translateX(12px);
    margin-top: -13px;
}
.newNav.modern.oppenned > span:nth-child(1):after {
    opacity:0
}
.newNav.modern.oppenned span:nth-child(2){
    width: 250px;
    background-color: #333;
    right: 0;
    height: auto;
    opacity: 1;
}
.newNav.modern.oppenned .responsive-menu > ul{
    height:auto
}
.newNav.modern.oppenned span:nth-child(3){
    transform: rotate(-45deg) translateY(-10px) translateX(10px);
    margin-top: 18px;
}
.newNav.modern.oppenned li.active > a,.newNav.modern.oppenned li.selected > a{
    background-color: #0d0d0d;
    color: #fff;
}
.newNav.modern li li li.selected > a{
    background-color:rgba(0,0,0,.1) !important;
}
.share-post .jm-post-like{
    font-size: 10px;
    color: #333
}
.share-post a.meta_comments i {
    background-color: #666;
    color: #fff
}
.itr_overlay{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    z-index: 999;
    cursor: url('../images/close.png') 15 15,default;
}


/*
----------------------- Form Controls Design ------------------- */
select,textarea,input[type="text"],input[type="password"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"]{
    font-size: 14px;
    box-shadow: none;
    padding: 12px 20px;
    line-height: 1;
    height: auto;
    background-color: #fff;
    border: 1px #dfdfdf solid;
    width: 100%;
    border-radius: 3px;
}
.dark-input{
    background-color:#222 !important;
    border-color:#444 !important
}
.wpcf7 .wpcf7_balloon.dark-input:focus,.wpcf7 .wpcf7_balloon.dark-input{
    color: #ccc
}
.wpcf7 .wpcf7_balloon.dark-input + label{
    background-color:#222;
    color: #ccc
}
.wpcf7 .wpcf7_balloon.dark-input::-webkit-input-placeholder {
    color: #222;
}
textarea,textarea.form-control{
    max-height: 135px;
    background-color: #fff;
    border-radius: 4px;
    padding-top:15px !important;
    resize: none;
    border-color: #dfdfdf;
    line-height: 1.5 !important;
    box-shadow: none;
}
.btn{
    padding: 11px 20px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1px;
}
.btn.btn-sm{
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
.btn.btn-lg{
    padding: 15px 30px;
}
.btn.main-bg:hover{
    color:#fff
}
.btn.btn-xl{
    padding: 22px 44px;
}
.btn.btn-xl.round{
    border-radius:80px !important
}
.btn.btn-centered{
    display: table;
    margin-right: auto;
    margin-left: auto;
}
.post-password-form p label{
    width: 85%;
}
.post-password-form input[type="submit"]{
    font-size: 13px;
    border-radius: 3px;
    box-shadow: none;
    padding: 15px 20px;
    line-height: 1;
    height: auto;
    background-color: #333;
    color:#fff;
    border: 0;
    top: -1px;
    position: relative;
}
select:focus,textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus{
    -webkit-box-shadow: 0px 10px 45px 0px rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0px 10px 45px 0px rgba(0, 0, 0, 0.08) !important;
    border-color: #f2f2f2 !important;
    background-color: #fff;
}
.top-search .form-control:focus{
    background-color: transparent !important
}
.search-form .btn{
    position: absolute;
    right: 0;
    top: 0;
    padding: 12px 15px;
    background-color: transparent;
}
.form-container{
    background-color: #fff;
    border-radius: 4px;
}
.wpcf7-form-control-wrap{
    display: block;
}
.cp-select-wrap .wpcf7-form-control-wrap{
    z-index: 5
}
.cp-select-wrap{
    z-index:999
}
.form-buttons{
    margin-top: 20px;
    position: relative;
    z-index: 2;
}
.wpcf7 .form-group .wpcf7-form-control.wpcf7-submit{
    padding: 15px 25px;
    color: #fff;
    margin-top: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 13px;
}
.wpcf7 .form-group{
    position: relative;
    margin-bottom: 30px;
}

.wpcf7 .wpcf7_balloon {
    padding: 15px;
    text-indent: 60px;
}
.wpcf7 .wpcf7_balloon::-webkit-input-placeholder {
    color: #ffffff;
    text-indent: 0;
    font-weight: 300;
}
.wpcf7 .wpcf7_balloon + label {
    display: inline-block;
    position: absolute;
    top: 10px;
    line-height: 1.5;
    left: 1px;
    padding: 6px 15px;
    color: #333333;
    background-color: #fff;
    font-size: 12px;
    text-shadow: 0 1px 0 rgba(19,74,70,0);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    border-radius: 3px;
    margin: 0;
}
.wpcf7 [class*="col-md-"] .wpcf7_balloon + label{
    left: 16px
}
.wpcf7 .wpcf7_balloon + label:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    top: 100%;
    left: 50%;
    margin-left: -3px;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 3px solid rgba(122,184,147,0);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}
.wpcf7 .wpcf7_balloon:focus,.wpcf7 .wpcf7_balloon:active {
    color: #333;
    text-indent: 0;
}
.wpcf7 .wpcf7_balloon:focus::-webkit-input-placeholder,.wpcf7 .wpcf7_balloon:active::-webkit-input-placeholder {
    color: #777;
}
.wpcf7 .wpcf7_balloon:focus + label {
    color: #fff;
    background: #ccc;
    transform: translateY(-45px);
    -webkit-transform: translateY(-45px);
}
.wpcf7 .wpcf7_balloon:focus + label:after {
    border-top: 4px solid #ccc;
}

span.wpcf7-not-valid-tip {
    font-size: 73%;
    position: absolute;
    right: 0;
    bottom: -16px;
    line-height: 1
}
.wpcf7-form,form{
    position: relative;
}
div.wpcf7-response-output {
    border-width: 0;
    position: absolute;
    bottom: 17px;
    font-size: 76%;
    right: 0;
    max-width: 61%;
    text-align: right;
    padding: 0;
    margin: 0;
    color: #f00
}
div.wpcf7 .ajax-loader {
    margin: 5px 0 0 10px;
    background-image: url(../images/loading.gif);
    width: 20px;
    height: 20px
}
.captcha-element.oulined-cap input.wpcf7-form-control{
    border:0;
    border-bottom: 2px solid #cccccc;
    background-color:transparent;
    border-radius:0
}
.captcha-element img.wpcf7-captchac{
    margin: 10px 0
}
/** Custom Select **/
.custom-select-wrapper {
    position: relative;
    display: block;
}
.custom-select-wrapper select {
    display: none;
}
.cp-select {
    position: relative;
    display: inline-block;
}
.custom-select-trigger {
    position: relative;
    display: block;
    width: 100%;
    font-weight: normal;
    cursor: pointer;
}
.custom-select-trigger:after {
    position: absolute;
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    top: 50%;
    right: 5px;
    margin-top: -3px;
    border-bottom: 2px solid #b3b3b3;
    border-right: 2px solid #b3b3b3;
    transform: rotate(45deg) translateY(-50%);
    transform-origin: 50% 0;
}
.cp-select.opened .custom-select-trigger:after {
    margin-top: 0px;
    transform: rotate(-135deg) translateY(-50%);
}
.custom-options {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    right: 0;
    min-width: 100%;
    box-shadow: 0 0px 30px 0px rgba(0,0,0,.14);
    background: #fff;
    opacity: 0;
    z-index: 5;
    visibility: hidden;
    transform: translateY(15px);
}
.cp-select.opened .custom-options {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    transform: translateY(0px);
}
.option-hover:before {
    background: #f9f9f9;
}
.custom-option {
    position: relative;
    display: block;
    padding: 10px;
    border-bottom: 1px solid #eaeaea;
    color: #9a9a9a;
    cursor: pointer;
    z-index: 5;
}
.custom-option:first-of-type {
    border-radius: 4px 4px 0 0;
}
.custom-option:last-of-type {
    border-bottom: 0;
    border-radius: 0 0 4px 4px;
}
.custom-option:hover,.custom-option.selection {
    background: #f9f9f9;
}

.vert_sep{
    position: relative;
}
.vert_sep::after{
    position: absolute;
    left: 50%;
    margin-left: -7px;
    top: 0;
    width: 15px;
    height: 100%;
    content: "";
    display: block;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowNTE1MzQ1RkQzRjgxMUU1QTAwQzgzQjJDM0ZDRjE1OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowNTE1MzQ2MEQzRjgxMUU1QTAwQzgzQjJDM0ZDRjE1OCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA1MTUzNDVERDNGODExRTVBMDBDODNCMkMzRkNGMTU4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA1MTUzNDVFRDNGODExRTVBMDBDODNCMkMzRkNGMTU4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+QO4ZKAAAABFJREFUeNpiYMAE4bQQAAgwAFcSAbSNH25UAAAAAElFTkSuQmCC);
    background-position: 50% 50%;
    background-repeat: repeat-y;
}

.no-pad{
    padding-top: 0 !important
}
.round{border-radius: 8em !important}
.square{border-radius: 0 !important}
.white {
    color: #fff;
}
.big_shadow{
    box-shadow: 0px 0px 65px 0px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 0px 0px 65px 0px rgba(0, 0, 0, 0.14);
}
.cp_btn{
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    position: relative;
    font-size: .8125rem;
    background-color: transparent;
    letter-spacing: 1px;
    text-transform: uppercase;
    overflow: hidden;
    border:0;
    padding:0;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
}
.cp_btn span,.cp_btn i{
    display: inline-block;
    vertical-align: middle;
}
.cp_btn .btn_icon_wrap{
    margin-right:10px;
    margin-top: -1px;
}
.cp_btn.btn-icon-align-right .btn_icon_wrap{
    margin-right:0;
    margin-left:10px;
    order: 2;
}
.cp_btn.cp_btn-xs{
    padding: 0.5rem 1rem;
    font-size: 1rem;
}
.cp_btn.cp_btn-sm{
    padding: 1rem 1.5rem;
    font-size: 1.1rem;
}
.cp_btn.cp_btn-md{
    padding: 2rem 2.5rem;
    font-size: 1.25rem;
}
.cp_btn.cp_btn-lg{
    padding: 3rem 3.5rem;
    font-size: 1.5rem;
}
.cp_btn.cp_btn-xl{
    padding: 4rem 4.5rem;
    font-size: 2rem;
}
.cp_btn.cp_btn-xxl{
    padding: 5rem 5.5rem;
    font-size: 2.5rem;
}

.cp_btn.cp_btn-xs i{font-size: 1rem;}
.cp_btn.cp_btn-sm i{font-size: 1.1rem;}
.cp_btn.cp_btn-md i{font-size: 1.25rem;}
.cp_btn.cp_btn-lg i{font-size: 1.5rem;}
.cp_btn.cp_btn-xl i{font-size: 2rem;}
.cp_btn.cp_btn-xxl i{font-size: 2.5rem;}

.cp_btn.btn-align-left{
    float: left;
}
.cp_btn.btn-align-right{
    float: right;
}
.btn-inline{
    display: inline-block;
}
.btn-container.cont-align-center{
    margin-left: auto;
    margin-right: auto;
    display: table;
}
.cp_btn + .cp_btn{
    margin-left: 5px;
}
.btn-container + .btn-container{
    margin-top: 5px;
}
.cp_btn:not(.btn-hover-shad):hover{
    box-shadow: none;
    -webkit-box-shadow: none;
}
.cp_btn.btn-style-3d{
    box-shadow: 0 5px 0 #ddd;
    top: 0
}
.cp_btn.btn-style-3d:hover{
    top: 2px;
    box-shadow: 0 3px 0 #ddd;
}
.btn-container.cont-inline{
    display: inline-block;
}
.btn-container + .btn-container{
    margin: 5px 0 0 5px
}
.cp_btn.btn-full-height{
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}
.btn-container.cont-full-height{
    height: 100%;
    display: table;
}
.btn-container.cont-full-width{
    width: 100%;
}
.btn-shad:hover{
    box-shadow: none;
    -webkit-box-shadow:none;
}
.btn-shad,.btn-hover-shad:hover{
    -webkit-box-shadow: 0px 10px 26px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 10px 26px 5px rgba(0, 0, 0, 0.3);
    transform: translateY(0);
}
.btn.btn-shad,.btn.btn-hover-shad:hover,.cp_btn.btn-shad,.cp_btn.btn-hover-shad:hover{
    transform: translateY(-3px);
}
.admin-bar .top-head.fixed-head.top:not(.affix) {
  top: 32px;
}
.itr-custom-header{
    text-align: center;
}
#raysgrid_related.kara .port-captions:after{
    opacity: 0.75 !important
}
.wp-playlist{
    border:0 !important;
    padding: 0 !important;
    margin: 0 !important;
}
.wp-playlist-tracks{
    display: none;
}
.ares .tp-tab-image{
    width: 100%;
    height: 100%;
}
.ares .tp-tab{
    padding: 0 10px;
    background-color: transparent !important;
    border-bottom:0;
}
.project_info_list{
    margin: 0;
    padding: 0;
    list-style: none;
}
.project_info_list li{
    padding: 10px 0;
    border-bottom: 1px #eee solid !important;
    padding-left: 20px;
}
.project_info_list li.share-post{
    border-bottom: 0 !important
}
.project_info_list li.share-post a{
    margin-right: 10px
}
.project_info_list li label{
    display: block;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 5px;
    margin-left: -20px;
    letter-spacing: 1px;
}
.project_info_list li label i{
    margin-right: 8px;
    font-size: 17px;
    vertical-align: middle;
}
.port_2_lft_cell{
    border-radius: 5px;
    padding: 30px 20px
}
.port_3_rit_cell{
    border-radius: 5px;
    padding: 30px 20px;
    border:1px #eee solid;
}
.port_2_lft_cell h3{
    margin-top: 0
}
.port_2_rit_cell{
    padding-left: 40px
}
.site-nav nav li.mega-menu .mega-content .widget_recent_entries li{
    float: left;
    padding: 0 15px;
    width: 25%;
}
.site-nav nav li.mega-menu .mega-content .widget_recent_entries li .post-img{
    float: none;
    width: 100%;
    border-radius: 0;
    text-align: center;
}
.site-nav nav li.mega-menu .mega-content .widget_recent_entries li:not(.no-post-img) .widget-post-info{
    margin-left: 0
}
.site-nav nav li.mega-menu .mega-content .widget_recent_entries li a,.site-nav nav li.mega-menu .mega-content .recent-posts li a{
    border-bottom: 0 !important;
    padding: 0 !important;
    display: inline-block;
}
.site-nav nav li.mega-menu .mega-content .recent-posts .post-meta{
    margin: 0
}
.site-nav nav li.mega-menu .mega-content .recent-posts li i{
    color: #333
}
.site-nav nav li.mega-menu .mega-content .recent-posts li:hover a:hover{
    padding-left:0 !important;
    padding-right:0 !important;
}
.recent-posts .meta-tag,.blog-home .meta-tag{
    display: none;
}
.site-nav nav li.mega-menu .mega-content .recent-posts .post-image,.site-nav nav li.mega-menu .mega-content .recent-posts .gallery-icon{
    display: block !important;
    /* margin-bottom: 15px; */
}
.site-nav nav li.mega-menu .mega-content .recent-posts .post-image a,.site-nav nav li.mega-menu .mega-content .recent-posts .post-gallery a,.site-nav nav li.mega-menu .mega-content .recent-posts .post-media a{
    padding:0 !important
}
.site-nav nav li.mega-menu .mega-content .recent-posts h3{
    font-size: 14px;
    margin: 10px 0 0;
}
.site-nav nav li.mega-menu .mega-content .recent-posts .post-gallery img{
    height:100%
}
.site-nav nav li.mega-menu .mega-content .recent-posts .post-info{
    overflow:hidden;
    padding-top: 15px;
}
.site-nav nav li.mega-menu .mega-content .recent-posts .post-meta{
    overflow: hidden;
    padding:0;
    margin: 0 !important;
    text-align:left;
    clear: both;
    transform: none;
}
.site-nav nav li.mega-menu .mega-content .recent-posts .post-meta li{
    float:left !important;
}
.site-nav nav li.mega-menu .mega-content .recent-posts h3 a{
    padding: 0 !important;
    border: 0;
}
.site-nav nav li.mega-menu .mega-content .recent-posts a:before{
    display:none
}
.vc_col-has-fill.right_bg{
    background-position: 100% 0 !important;
}

/* slick slider */
.slick-slider.grb {
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
.slick-slider.grb:active { 
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
.slick-slider .slick-slide{
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.slick-slider .slick-center{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transition: transform 0.3s ease;
    -webkit-transition: transform 0.3s ease;
}
.slick-slider ul.slick-dots{
    margin: 30px 0 0;
    padding: 0;
    width: 100%;
    list-style: none;
    text-align: center;
}
.slick-slider ul.slick-dots li{
    display: inline-block;
    margin: 0 2px;
    font-size: 0px;
}
.slick-slider ul.slick-dots li button{
    width: 10px;
    height: 10px;
    border: 1px #ddd solid;
    background-color: transparent;
    padding: 0;
    border-radius: 10px;
}
.slick-slider ul.slick-dots li.slick-active button{
    background-color: #ddd;
}

/* 1 */
.slick-slider.bullets-1 ul.slick-dots li button{
    width: 20px;
    height: 5px;
}
.slick-slider.bullets-1 ul.slick-dots li.slick-active button{
    width: 45px;
    -webkit-box-shadow: 0px 8px 11px 2px rgba(0, 0, 0, 0.22);
    box-shadow: 0px 8px 11px 2px rgba(0, 0, 0, 0.22);
}
#raysgrid_related.raysgrid.slick-slider .slick-arrow{
	color: #333
}
#raysgrid_related.raysgrid.kara .portfolio-item:hover .port-captions:after{
	background-color: #333
}

/* 2 */
.slick-slider.bullets-2 ul.slick-dots li{
    margin: 0 7px;
}
.slick-slider.bullets-2 ul.slick-dots li.slick-active button{
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
}

/* 3 */
.slick-slider.bullets-3 ul.slick-dots li button{
    border-radius: 0;
    width: 35px;
    height: 5px;
    background-color: #ddd;
    border-color: #ddd;
}
.slick-slider.bullets-3 ul.slick-dots li.slick-active button{
    transform: translateY(20%);
    -webkit-transform: translateY(-2px);
    -webkit-box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.3);
}

/* 4 */
.slick-slider.bullets-4 ul.slick-dots li{
    margin:0 10px
}
.slick-slider.bullets-4 ul.slick-dots li button{
    border-radius: 0;
    width: 7px;
    height: 7px;
    background-color: #ddd;
    border-color: #ddd;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
}
.slick-slider.bullets-4 ul.slick-dots li.slick-active button{
    transform:rotate(45deg) scale(1.5);
    -webkit-transform:rotate(45deg) scale(1.5);
}
.slick-slider .slick-arrow{
    position: absolute;
    top: 50%;
    left: 15px;
    z-index: 3;
    width: 30px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
}
.slick-slider .slick-arrow.slick-disabled{
    opacity:0.5 !important
}
.slick-slider:not(:hover) .slick-arrow.slick-disabled{
    opacity:0 !important
}
.slick-slider .slick-arrow.circle{
    width: 50px;
}
.slick-slider:hover .slick-arrow{
    opacity:1
}
.slick-slider .slick-arrow.slick-next{
    left: auto;
    right: 15px
}

/* ==========================================================================
  9. RESPONSIVE STYLES
============================================================================= */
@media (max-width: 1600px){
    .resonsive_no_img {
        background-position-x: -12%;
    }
}
@media (max-width: 1500px) {
    .side-wrap .container{
        width: 100% !important
    }
}

@media (max-width: 1200px) {
    .pageWrapper.boxed {
        width: auto;
        margin:auto
    }
    .vc_col-has-fill.bottom_bg{
        background-position: 0 100% !important;
        background-size: contain !important;
        padding-left: 60px !important;
    }
}
@media (max-width: 1400px){
    .resonsive_no_img {
        background-position-x: -28%;
    }
}
@media (max-width: 1100px){
    .resonsive_no_img {
        background-position-x: -55%;
    }
}
@media (max-width: 1024px) {
    .footer-logo-txt {
        width: 35%;
    }
    .page-title h1 {
        font-size: 4.0vh !important;
        line-height: 1.5;
        font-weight: 500 !important;
    }
    .post-info h3{
        font-size: 2.5vh !important;
    }
    .breadcrumb{
        text-align: center;
    }
}
@media (max-width: 992px) {
    body{
        overflow-x: hidden;
    }
    .vc_col-has-fill.bottom_bg{
        background-image: none !important;
    }
    .vc_col-has-fill.bottom_bg .col-md-6:last-child{
        display: none;
    }
    .vc_col-has-fill.bottom_bg .col-md-6:first-child{
        padding-top: 0 !important;
    }
    .row-eq-height{
        display: block;
    }
    [class*="col-md-"]:not(.col-md-12),.st-container:not(.cont-steps-3) .oc-step{
        padding-bottom: 15px
    }
    .itr-main-content{
        padding: 50px 15px !important;
    }
    .footer-middle .container > div, .footer-middle .container > ul {
        float: none !important;
        padding: 0 0 20px;
        margin: 0;
    }
    .modal-dialog{
        width: 80% !important
    }
    .footer-minimal .foot_widgets,.footer-bottom .copyrights,.footer-minimal .copyrights{
        display:table;
        margin:0 auto !important;
        float:none !important
    }
    .footer-minimal .copyrights{
        margin-top: 20px !important
    }
    .comment-list ul.children{
        margin-left: 0
    }
    .container, .pageWrapper.boxed, .pageWrapper.boxed .top-head.affix, .pageWrapper.boxed .top-head.fixed-head{
        width: 100% !important
    }
    .footer-2 .footer-middle{
        padding:0
    }
    .footer-2 .footer-middle > .container{
        padding:40px 15px;
        border-radius:0
    }
    .site-nav,.menu_sep,.bottom-head{
        display: none;
    }
    .newNav{
        display: block;
    }
    .top-bar .pull-left,.top-bar .pull-right,.top-bar .pull-left ul.topbar-box{
        float: none;
        width: 100%;
        text-align: center;
    }
    [class*="col-md-"],.cp_btn.btn-align-right{
        width: 100%;
        float: none;
    }
    .cp-letters-wrap {
        display: table;
        clear: both;
        width: 100%;
        min-height: 70px;
        overflow: hidden;
    }
    .layers_wraper{
        width: 100% !important;
    }
    .img_layer{
        width: auto !important;
    }
    .posts_tabs .recent-posts p,.posts_tabs .rit_tabs .r-posts-cont p{
        display: none;
    }
    .posts_tabs .rit_tabs .r-posts-cont p.r-p-text{
        font-size: 11px
    }
    .post_date_tabs {
        top: 6px;
    }
    .custom_port .filter-by{
        margin: 0 auto !important;
        float: none !important;
        width: auto !important;
        display: table;
    }
    .testi_desc span, .port-inner-cell h4{
        font-size: 14px !important
    }
    .port-inner-cell p.description{
        font-size: 11px
    }
    .member_img img{
        max-width: 300px;
    }
    .team-box.has_alt .alt_team{
        transform: translate(-50%,0);
        left: 50%
    }
    .cust_marg_top[class*="vc_custom"]{
        margin-top: -45px !important;
    }
    .slick-slider{
        overflow: hidden;
    }
    .side-wrap{
        margin:0 !important;
    }
    .side-head{
        padding: 20px
    }
    .page-title .in-page-title{
        height: auto !important;
        padding-top: 100px;
        padding-bottom: 60px;
    }
    .row [class*="vc_custom"],.flxrow .sidebar {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
    .row [class*="vc_custom"] {
        margin-top: 0 !important;
    }
    .layers_wraper{
        overflow: hidden;
    }
    .resonsive_no_img{
        background-image: none !important;
    }
    .xl-padding{
        padding-top: 180px
    }
    .vc_video-bg iframe{
        margin-left: -418px;
        margin-top: 0px;
        width: 1249.78px;
        height: 703px;
    }
    .wpb-js-composer .vc_tta.vc_general .vc_tta-icon{
        margin-right: 10px
    }
    .not-found-wrap{
        width: 100%
    }
    .lg-not-found h1{
        font-size: 100px
    }
    .top-head.dots_nav.affix{
        background-color: transparent;
        box-shadow: none;
    }
    .top-head.dots_nav.affix .site-nav{
        display: none;
    }

}
@media (max-width: 768px){
    .pageWrapper.boxed .top-head.affix, .pageWrapper.boxed .top-head.fixed-head{
        width: 100%;
    }
    .st-container:not(.cont-steps-3) .oc-step{
        display: block !important
    }
    .steps-4 .step-line:after,.steps-4 .step-line:before,.steps-4.text-center:last-child .step-line:before{
        display: none;
    }
    .md-padding{
        padding-top: 40px;
        padding-bottom: 40px
    }
    .lg-padding{
        padding-top: 70px;
        padding-bottom: 70px
    }
    .top-head .head-cont > .container, .bottom-head > .container{
        width: 100%
    }
    .head-btn.over .search-box > form .form-control{
        font-size: 120%
    }
    .med-top-cell,.rst-top-form{
        position:static;
    }
    .side-head{
        width: 100%;
        height: auto;
        left: 0;
        top: 0
    }
    .left.side-wrap,.right.side-wrap{
        padding-right: 0;
        padding-left: 0
    }
    .side-head .logo{
        float: left !important;
        margin-bottom: 0;
        padding-bottom: 0;
    }
    .side-head-bottom{
        display: none;
    }
    .footer-middle .container > div,.footer-middle .container > ul{
        float:none !important;
    }
    .footer-minimal:not(.minimal-2) .foot_widgets{
        display:table;
        margin:auto
    }
    .top-head.creative1:not(.affix) > .head-cont > .container{
        line-height: 40px;
        height: auto;
    }
    .top-head.creative1 .rit_tools,.morph-shape,.itr_cls_head,.itr_head_btn{
        display: none;
    }
    .posts_tabs .lft_tabs,.posts_tabs .rit_tabs{
        float: none;
        width: 100%;
        margin:0;
    }
    .rit_tabs .rit_tabs_inner{
        margin: 30px 0 0 !important;
    }
    .parallax{
        background-position:0 0 !important
    }
    .tp-tabs-inner-wrapper,.tp-tab-mask{
        width:100% !important;
    }
    .ares .tp-tab{
        width:100px !important;
        height:60px !important;
    }
    .sm-mag-item.style7 {
        margin-left: 0px !important;
    }
    #footWrapper .footer-middle .widget{
        margin-bottom: 25px
    }
    #footWrapper .footer-middle .widget:after{
        display: table;
        content: "";
        clear: both;
    }
    #footWrapper .footer-middle .widget:last-child{
        margin-bottom: 0
    }
    #footWrapper .footer-bottom .widget,.cp-cta,.cp-cta> div{
        text-align: center;
    }
    .member_img img {
        margin-left: auto;
        margin-right: auto;
    }
    .team-box.team-2{
        overflow: hidden;
    }
    .footer-3 .footer-bottom>.container{
        margin-right: 0;
        margin-left: 0
    }
    .top-head:not(.full) .head-cont>.container, .bottom-head>.container{
        padding-left: 15px
    }
    .blog-posts .post-info .post-meta, .recent-posts .post-info .post-meta{
        border-radius:0 !important;
        transform:none !important;
        margin:15px 0 10px !important;
        padding:0 !important;
        box-shadow:none !important
    }
    .recent-item.style7 .post-info .post-meta{
        margin-top:-5px !important
    }
    .post-item .post-image, .post-item .post-gallery, .post-item .post-media{
        min-height:auto
    }
    .sidebar .widget, .sl_bar_content .widget{
        padding-right:0
    }
    .blog-single .post-item .post-info li{
        font-size:13px
    }
    .my-details .my-img{
    	float: none !important;
    	margin: 0 0 15px 0
    }
    .rit-details ul.col-md-4.list:first-child{
    	padding-bottom: 0 !important
    }
    .head_row .logo,.head_row .head-ads{
    	clear: both;
    	display: block;
    	margin-top:15px;
    	padding:0 15px;
    	text-align:center
    }
    .lg-mag-item{margin: 0;}
	.sm-items{margin: 0 !important}
}
@media (max-width: 640px){
    .search-box{
        width: 300px
    }
    .wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title>a{
        background-color: rgba(255, 255, 255, 0.4) !important;
    }
    .wid-60,.wid-50,.wid-40,.wid-30,.wid-20,.wid-10{
        width: 100%
    }
    .top-bar > .container > [class*="pull-"]{
        float: none !important;
        display: table;
        margin: 0 auto;
    }
    .top-head .head-cont{
        padding-top: 10px;
        padding-bottom: 10px
    }
    .cp-img-map{
        overflow:hidden;
    }
    [class*="row_"][class*="-padding"]{
        background-size: cover
    }
    .swiper-container .swiper-slide{
        display: block !important;
    }
    .swiper-container {
        overflow: hidden;
        width: 605px;
    }
    h1{font-size: 35px;}
    h2{font-size: 30px;}
    h3{font-size: 25px;}
    h4{font-size: 18px;}
    .xxs-padding{padding-top: 10px;padding-bottom: 10px}
    .xs-padding{padding-top: 20px;padding-bottom: 20px}
    .sm-padding{padding-top: 30px;padding-bottom: 30px}
    .md-padding{padding-top: 40px;padding-bottom: 40px;}
    .lg-padding{padding-top: 60px;padding-bottom: 60px}
    .xl-padding{padding-top: 80px;padding-bottom: 80px}
    .xxl-padding{padding-top: 100px;padding-bottom: 100px}
    .cp_btn{
        float:none !important;
        margin:0 auto !important;
        display:table !important;
    }
    .cp-text{
        display:block !important
    }
    .cp-text span{
        width:auto !important;
    }
    .oc-tests{
        padding-left: 15px !important;
        padding-right: 15px !important
    }
    .cp-cta > div{
        float: none;
        width: 100%;
        display: block !important;
        padding: 0 0 15px 0 !important;
    }
    .footer-3 .footer-middle > .container{
        padding-right: 15px;
        padding-left: 15px
    }
    .footer-bottom p{
        text-align: center;
    }
    .footer-bottom .social-list{
        display: table;
        margin: auto;
    }
    .blog-shortcode,.posts_tabs{
        margin: 0 !important
    }
    .nav-single > div,.nav-single > div > a{
        width: 100%;
        margin:0 0 5px;
        text-align: center !important;
        background-color: #eee;
        display: inline-block;
        line-height: 40px;
        height: 40px;
    }
    .author-avatar{
        float: none;
    }
    .wpb-js-composer .vc_tta.vc_general .vc_tta-icon{
        display: table !important;
        clear: both;
        margin: 0 auto 10px;
        border: 0;
        opacity:0.5
    }
    .wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title>a{
        text-align:center
    }
    .blog-posts.grid, .blog-posts.masonry {
        margin: 0;
    }
    .separated-cells div{
        display:inline-block;
        width:50%;
        border-left:0;
        margin-bottom:20px
    }
    #footWrapper.footer-3 .footer-middle:after{
        display: none;
    }
    #footWrapper.footer-3 .footer-middle .col-md-3{
        padding-left: 15px !important;
        padding-right: 15px !important
    }
    .post-info h3{
        font-size: 2.3vh !important;
    }
    .comment-list li footer.comment-meta{
        text-align:center;
        padding-top:20px
    }
    .comment-list li .comment-metadata{
        float:none;
        margin: 0 0 10px;
    }
    .comment-list li .comment-author{
        float:none;
        font-size:90%
    }
    .nl-left-txt{
        float: none;
        padding: 0;
        text-align: center;
    }
    .nl-lg-icon{
        display: table;
        margin:0 auto 15px;
    }
    .top-foot-nl-form form input[type="email"]{
        padding-left: 20px;
        padding-right: 20px
    }
    .white_resp span{
        color: #fff !important;
    }
    .top_resp{
        padding-top: 30px
    }
    .filter-by ul li{
        margin: 0 !important
    }
    .filter-by ul li a{
        line-height: 26px !important;
        font-weight: normal !important;
        font-size: 12px;
    }
    .filter-by ul li a span{
        padding: 0 5px !important
    }
    .slick-slider .slick-arrow{
    	top: 20px;
    }
    .break-news{
    	height: auto;
    }
    .break-news span.lbl{
		display: block;
		float: none;
		clear: both;
		margin: 0
	}
	.break-news .vertical-slider .slick-slide a{
		padding-left: 10px;
		text-overflow: ellipsis;
		overflow: hidden;
		width: 90%;
		height: 40px
	}
	[class*="col-md-"]:after{
		clear: both;
		display: table;
		content: ""
	}
}
@media (max-width: 520px){
    .swiper-container {
        overflow: hidden;
        width: 320px;
    }
}
@media (max-width: 320px){
    .swiper-container {
        overflow: hidden;
        width: 285px;
    }
}