/*==============================================================================
    CONTENTS:
    
    1. HEADER STYLE:
        1.1. Top bar.
        1.2. Header Styles.
        1.3. Top Search.
        1.4. Top Cart.
    2. THEME ELEMENTS.
        2.1. Social Icons
        2.2. Sliding Bar
    3. PAGE TITLES.
    4. PAGE SPECIFIC STYLES:
        4.1. Blog.
        4.2. 404 Not Found.
        4.3. Forms Design
        4.4. Login Styles.
    5. FOOTER.
    6. TYPOGRAPHY.
    7. BOXED MODE.
    8. RESPONSIVE STYLES.
============================================================================= */

header ul, footer ul, .top-bar ul, .post-info ul.post-meta, ul.comment-list, ul.list, ul.post-chat, ul.post-meta, .lft-tools ul, .timeline-TweetList, ul.menu, .sl_bar_content ul, .gallery-size-thumbnail, ul.page-numbers, ul.pager{
    list-style:none;
    margin:0;
    padding:0;
}
.social-list a,#to-top,.widget ul li a,.tagcloud a,ul.page-numbers li a,.sub-pager a,.nav-single a span,.post-tags a,.itr-single-tags a,.post-categories li a,
.oldnew li a,.jssocials-share-link,.side-head a,.blog-posts .post-item a,.side-head,input,textarea,button,select,.itr_main_nav ul ul li a,.top-head .head-btn > a i,.btn,.btn i,
.itr_main_nav > ul > li > a span span,.itr_main_nav ul ul ul,.nl_form_div form .nl_btn,#to-top span,.top-head .head-btn > a:before,.top-head .head-btn > a:after,#to-top span i,#to-top:before,
#to-top:after,.anim_btn:after,.anim_btn:before,.anim_btn i,.social-list a i, .jssocials-share-link i,.itr_main_nav li.hasChildren:before, .itr_main_nav li.hasChildren:after{
    transition: all 0.8s cubic-bezier(.4,0,0,1);
    -webkit-transition: all 0.8s cubic-bezier(.4,0,0,1);
}
.top-head .head-btn > a:before, #to-top:before, .anim_btn:before,.top-head .head-btn > a:after, #to-top:after, .anim_btn:after,.jssocials-share-link,.social-list a,
.widget_recent_entries .post-img, .widget_recent_entries .post-gallery, .widget_recent_entries .post-media,.search-wrapper .search-form .btn{
    border-radius: 50%
}
.top-head .itr_main_nav > ul > li > a > span,#footWrapper .nl_form_div form input[type="email"],.search-wrapper,.breadcrumb{
    border-radius: 3em
}
.itr_main_nav ul ul, .cart-btn .cart-box, .itr_main_nav .mega-content{
    border-radius: 10px
}
select, textarea, input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], form .btn, form .submit,
.itr-blog-single .post-categories li a,.itr-single-tags a,.tagcloud a{
    border-radius: 5px
}
.top-head.sticky-head .itr_main_nav > ul > li > ul, .top-head.sticky-head .cart-btn .cart-box, .top-head.sticky-head .itr_main_nav .mega-content{
    border-radius: 0 0 10px 10px
}
.blog-posts .post-item .inner_post_item, .blog-posts .post-item .post-image a img, .blog-posts .post-item .post-gallery a img, .blog-posts .post-item .post-image a,.itr_rel_img, 
.blog-posts .post-item .abs_bg, .blog-posts .post-item .post-gallery a, .blog-posts .post-media, .itr-single-img, .itr-single-media, .sidebar .widget, 
.wpb_widgetised_column .widget, .itr-post-block, .author-info .author-avatar .avatar{
    border-radius: 15px
}
.pageWrapper{
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.auto-height{
    height: auto;
    min-height: 0
}

/* ==========================================================================
  1. HEADER STYLE
============================================================================= */
/*
-------------- 1.1. Top bar. ------------- */
.top-bar {
    min-height: 50px;
    line-height: 50px;
    position:relative;
    z-index: 99;
    color: #999;
    font-size: 13px
}
.top-bar.bord {
    border-bottom: 1px rgba(0,0,0,.1) solid;
}
.top-bar.light {
    background-color: #f8f9fe;
}
.top-bar > .container{
    position: relative;
    z-index: 9
}
.top-bar .itr_main_nav > ul > li {
    display: inline-block;
}
.top-bar .itr_main_nav > ul > li > a{
    padding: 0 10px;
}
.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 {
    font-size: 13px
}
.top-bar .cart-btn{
    position: relative;
}
.top-bar ul li li a{
    line-height: 1 !important;
    padding: 14px !important;
}
.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;
}
.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 15px;
    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 > a b.cart-num{
    top:19px
}
.top-bar .social-list{
    height: 50px;
}
.top-bar .social-list a{
    margin: 0 3px;
    width: 35px;
    height: 35px;
    vertical-align: middle;
    backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}
.top-bar .social-list a i{
    line-height: 35px;
    margin-right: 0 !important;
    background-color: rgba(0, 0, 0, 0.1);
}
.top-socials.topbar-box span{
    vertical-align: middle;
}
.lng_select{
    display: inline-block;
    margin: 0 5px
}
.lng_select img{
    width: 18px;
    height: 18px;
    border-radius:50%;
}
.top-bar .search-form .form-control{
    padding: 9px 35px 9px 15px;
    font-size: 12px;
    width: 280px;
}
.top-bar .search-form .btn{
    padding: 8px 5px 9px 5px;
    top: 10px;
}

/*
--------------------- 1.2. Header Styles -------------------- */
.top-head > .container{
    padding: 0
}
.top-head.full_header .container{
    width: 100%;
    padding: 0 15px
}
.top-head .itr_head_wrap{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    height: 90px;
    line-height: 90px;
    position: relative;
}
.itr-fullscreen-page .top-head{
    z-index: 99 !important
}
.top-head .menu-message{
    text-align: center;
    display: inline-block;
    line-height: 1.8;
    font-size: 12px
}
/* Classic */
.top-head.classic .itr_logo,.top-head.creative .itr_logo{
    flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
}
.top-head.classic .itr_main_nav,.top-head.creative .itr_main_nav,.top-head.classic .menu-message,.top-head.creative .menu-message{
    flex: 2 1 auto;
    -webkit-flex: 2 1 auto;
    width: 70%;
}
.top-head.classic .itr_main_nav > ul,.top-head.creative .itr_main_nav > ul{
    float: right;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
}
.top-head.classic .itr_main_nav .mega-content,.top-head.creative .itr_main_nav .mega-content {
    left: auto;
    right: 0
}
.top-head.classic .menu-message{
    text-align: right;
    padding-right: 30px
}
/* Modern */
.top-head.modern .itr_head_wrap > div[class*="-head-area"]{
    flex: 1 1 0;
    position: relative;
}
.top-head.modern .itr-center-head-area .itr_main_nav,.top-head.modern .itr-center-head-area .itr_logo,.top-head.modern .itr-center-head-area .itr-head-btns,.top-head.modern .itr-center-head-area .itr-head-btn{
    display: table;
    margin: auto;
}
.top-head.modern .itr-right-head-area .itr_main_nav,.top-head.modern .itr-right-head-area .itr_logo,.top-head.modern .itr-right-head-area .itr-head-btns,.top-head.modern .itr-right-head-area .itr-head-btn{
    display: table;
    margin: 0 0 0 auto;
}
.top-head.modern .itr_main_nav{
    white-space: nowrap;
}

.top-head .itr_logo a{
    line-height: inherit;
    display: block;
}
.top-head .itr_logo a img{
    min-width: 100px;
}
.itr_logo a i.logo-txt{
    display:block;
    line-height: 1.5;
    font-style: normal;
    font-size: 33px;
}
.itr_logo a span.tagline{
    line-height:1;
    display: block;
    font-size: 12px;
}
.retina_logo {
    display: none;
}
.top-head .itr_main_nav > ul > li > a {
    display: block;
    line-height: inherit;
    height: inherit;
    text-align: center;
}
.top-head .itr_main_nav > ul > li > a > span{
    padding: 8px 15px;
    margin: 0 3px;
    border: 3px transparent solid;
    transition: border 0.5s ease;
    -webkit-transition: border 0.5s ease;
}
.itr_main_nav > ul > li > a > span{
    overflow: hidden;
}
.top-head:not(.sticky-head) .itr_main_nav > ul > li:hover > a > span,.top-head:not(.sticky-head) .itr_main_nav > ul > li.current-menu-parent > a > span,
.top-head:not(.sticky-head) .itr_main_nav > ul > li.current-menu-ancestor > a > span{
    border-color:rgba(255, 255, 255, 0.2)
}
.itr_main_nav > ul > li > a span span{
    position: relative;
}
.itr_main_nav > ul > li > a span span:before{
    position: absolute;
    transform: translateY(calc(-100% - 13px));
    -webkit-transform: translateY(calc(-100% - 13px));
    top: 0;
    left: 0;
    overflow: hidden;
    content: attr(data-hover);
    z-index: 9;
    width: 100%;
}
.no-touch .itr_main_nav > ul > li:hover > a span span{
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
}
.no-touch .top-head .itr_main_nav > ul > li:hover > a span span{
    transform: translateY(calc(100% + 13px));
    -webkit-transform: translateY(calc(100% + 13px));
}
.itr_main_nav ul li{
    position: relative;
    z-index: 3;
}
.itr_main_nav > ul > li:hover{
    z-index: 4
}
.itr_main_nav > ul > li:not(.mega-menu) ul li.hasChildren:before, .itr_main_nav > ul > li:not(.mega-menu) ul li.hasChildren:after {
    position: absolute;
    content: "";
    display: inline-block;
    right: 10px;
    width: 8px;
    height: 2px;
    top: 50%;
    z-index: 33;
    opacity: 0.8;
    background-color: #888;
    transform: translate(0,0) rotate(0deg);
    -webkit-transform: translate(0,0) rotate(0deg);
}
.itr_main_nav.dark-sub > ul > li:not(.mega-menu) ul li.hasChildren:before, .itr_main_nav.dark-sub > ul > li:not(.mega-menu) ul li.hasChildren:after {
    background-color: #aaa;
    opacity: 0.7;
}
.itr_main_nav > ul > li:not(.mega-menu) ul li.hasChildren:after {
    transform: translate(-3px,-3px) rotate(0deg);
    -webkit-transform: translate(-3px,-3px) rotate(0deg);
    width: 2px;
    height: 8px;
}
.itr_main_nav > ul > li:not(.mega-menu) ul li.hasChildren:hover:before {
    transform: translate(5px,2px) rotate(135deg);
    -webkit-transform: translate(5px,2px) rotate(135deg);
}
.itr_main_nav > ul > li:not(.mega-menu) ul li.hasChildren:hover:after {
    transform: translate(2px,-6px) rotate(135deg);
    -webkit-transform: translate(2px,-6px) rotate(135deg);
}
.itr_main_nav ul li a span{
    line-height: normal;
    display: inline-block;
    vertical-align: middle;
}
.itr_main_nav ul li a i.itr_nav_icon{
    padding-right: 12px
}
.itr_main_nav > ul > li > a i.itr_nav_icon{
    padding-right: 10px;
    display: inline-block;
    vertical-align: middle;
}
.no-touch .itr_main_nav.anim_hover > ul > li > a:hover{
    color: inherit;
}
.itr_main_nav ul ul ul{
    margin: 0;
    padding: 0;
    list-style: none;
    min-width: 240px !important;
    left: 100%;
    top: 0;
    transform: translate(-20px,0);
    -webkit-transform: translate(-20px,0);
    line-height: normal;
    padding: 10px 20px;
    box-shadow: 0 20px 40px 0 rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 20px 40px 0 rgba(0,0,0,0.3);
    position: absolute;
    visibility: hidden;
    opacity: 0;
}
.no-touch .itr_main_nav ul li:hover > ul{
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
    visibility: visible;
    opacity: 1;
    z-index: 5;
}
.itr_main_nav ul li ul li > a{
    padding: 13px 0;
    border-bottom: 1px rgba(0,0,0,0.1) solid;
}
.itr_main_nav ul li ul li:last-child > a{
    border-bottom: 0;
}
.itr_main_nav ul li ul li:last-child > a:after{
    display: none
}
.itr_main_nav ul li ul {
    background-color: #fff;
    z-index: 1;
}
.itr_main_nav > ul > li > ul,.cart-btn .cart-box,.itr_main_nav .mega-content{
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 230px !important; /*SBThemes 2.2*/
    /*width: 230px !important; /*SBThemes 2.2*/
    line-height: normal;
    padding: 10px 20px;
    z-index: 5;
    background-color: #fff;
    max-height: 0px;
    visibility: hidden;
    box-shadow: 0 20px 40px 0 rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 20px 40px 0 rgba(0,0,0,0.3);
    transform: perspective(600px) rotate3d(1,0,0,-90deg);
    -webkit-transform: perspective(600px) rotate3d(1,0,0,-90deg);
    transform-origin: 50% 0;
    -webkit-transform-origin: 50% 0;
    transition: all 0.7s cubic-bezier(.4,0,0,1);
    -webkit-transition: all 0.7s cubic-bezier(.4,0,0,1);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
}
.itr_main_nav.dark-sub > ul li ul,.itr_main_nav.dark-sub .mega-content {
    background-color: #222
}
.itr_main_nav.dark-sub > ul li ul li a,.itr_main_nav.dark-sub .mega-content li a {
    color: #aaa;
}
.itr_main_nav.dark-sub ul li ul li > a {
    border-color: rgba(255, 255, 255, 0.06);
}
.itr_main_nav.dark-sub ul ul li a:after {
    background-color: rgba(255, 255, 255, 0.34);
}
.no-touch .itr_main_nav > ul > li:hover > ul,.no-touch .cart-btn:hover .cart-box,.no-touch .itr_main_nav > ul > li:hover .mega-content {
    max-height:1000px;
    visibility: visible;
    transform: perspective(600px) rotate3d(0,0,0,0);
    -webkit-transform: perspective(600px) rotate3d(0,0,0,0);
}
.itr_main_nav ul ul li a,.itr_main_nav ul ul li a span{
    position: relative;
    z-index: 1;
    display: block;
}
.no-touch .itr_main_nav ul li li:not(.with_icons) > a:before {
    display: inline-block;
    width: 5px;
    height: 1px;
    background-color: #888;
    content: "";
    margin: 0 10px 0 0;
    vertical-align: middle;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    opacity: 0.6;
}
.no-touch .itr_main_nav.dark-sub ul li li:not(.with_icons) > a:before{
    background-color: #aaa;
    opacity: 0.3;
}
.no-touch .itr_main_nav ul li li:hover >a:before,.no-touch .itr_main_nav ul li li.current-menu-ancestor:not(.with_icons) > a:before,
.no-touch .itr_main_nav ul li li:not(.with_icons).current-menu-item > a:before{
    width: 12px;
}
.top-head .itr_main_nav > ul > li.mega-menu,.top-bar .itr_main_nav > ul > li.mega-menu{
    position: static;
}
.top-head .itr_main_nav .mega-content,.top-bar .itr_main_nav .mega-content{
    width: 1170px;
    left: 0;
    padding: 15px 30px;
}
.top-head .itr_head_wrap .itr-right-head-area .itr_main_nav .mega-content{
    right: 0;
    left: auto;
}
.top-head .itr_head_wrap .itr-center-head-area .itr_main_nav .mega-content{
    right: auto;
    left: 50%;
    transform: translateX(-50%) perspective(600px) rotate3d(1,0,0,-90deg);
    -webkit-transform: translateX(-50%) perspective(600px) rotate3d(1,0,0,-90deg);
}
.no-touch .top-head .itr_head_wrap .itr-center-head-area .itr_main_nav ul li.mega-menu:hover > .mega-content{
    transform: translateX(-50%) perspective(600px) rotate3d(0,0,0,0);
    -webkit-transform: translateX(-50%) perspective(600px) rotate3d(0,0,0,0);
}
.top-head .itr_main_nav .mega-content ul,.top-bar .itr_main_nav .mega-content ul{
    padding: 0;
    min-width: 0;
    box-shadow: none;
    transition: none;
    position: static;
    transform: none;
    -webkit-transform: none;
    -webkit-box-shadow: none;
    -webkit-transition: none;
    background-color: transparent !important;
}
.top-head .itr_main_nav li.mega-menu .mega-content ul{
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
}
.no-touch .top-head .itr_main_nav li.mega-menu:hover .mega-content ul{
    opacity: 1;
    visibility: visible;
    transition-duration:0s;
    -webkit-transition-duration:0s;
}
.itr_main_nav .mega-content > .row > ul > li > a{
    font-weight: bold;
    margin-bottom: 15px;
    padding-left: 0
}
.top-head .itr_main_nav .mega-content > .row > ul > li > a{
    padding-left: 0 !important
}
.top-head .itr_main_nav .mega-content > .row > ul > li > a:after{
    display: none;
}
.itr_main_nav .mega-content > .row > ul > li{
    padding: 0 15px;
    border-bottom: 0;
}
.itr_main_nav .mega-content .row ul li a span{
    line-height: 1.7
}
.no-touch .itr_main_nav ul ul li:hover > a,.no-touch .itr_main_nav ul ul li.current-menu-ancestor > a,.no-touch .itr_main_nav ul ul li.current-menu-item > a{
    /* padding-left: 5px !important; */
}
.itr_main_nav li.hiddenChild > a, .no-touch .itr_main_nav li.mega-menu:hover .mega-content > .row > ul > li > a:after{
    display: none;
}
.itr_main_nav li.hidden_elems li.hiddenChild > a{
    display: block;
}
.itr_main_nav > ul > li > ul.rit-menu{
    left: auto;
    right: 0
}
.itr_main_nav ul ul.rit-menu{
    left: auto;
    right: 105%;
}

/* menu hint */
.menu-hint{
    position: relative;
    top: -6px;
    font-size: 9px;
    margin-left: 5px;
    padding: 1px 3px;
    background: #777;
    white-space: nowrap;
    color: #fff;
    font-weight: normal;
}
.itr_main_nav > ul > li > a .menu-hint{
    top: -10px
}
.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;}

.itr_main_nav ul li b.description{
    display: inline-block;
    font-weight: normal;
    font-size: 10px;
    line-height: 1.3;
    vertical-align: middle;
    width: 40%;
    margin-left: 5px;
}

.top-head .head-btn{
    display: inline-block;
    position: relative;
}
.top-head .head-btn > a{
    margin: 0 0 0 5px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 47px;
    height: 47px;
    line-height: 47px;
    font-size: 16px;
    text-align: center;
}
.top-head.sticky-head .head-btn > a{
    width: 35px;
}
.top-head .head-btn > a i,#to-top i{
    position:absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    z-index: 3;
    transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
}
.top-head:not(.sticky-head) .head-btn > a:before,.top-head:not(.sticky-head) .head-btn > a:after,#to-top:before,#to-top:after,.anim_btn:before,.anim_btn:after{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:inline-block;
    content:"";
    z-index: 2;
}
.top-head .head-btn > a:before,.top-head:not(.sticky-head) .head-btn > a:after{
    border: 3px #fff solid;
}
.top-head .head-btn > a:after,#to-top:after,.anim_btn:after{
    opacity:0;
    transform: scale(1.6);
    -webkit-transform: scale(1.6);
}
.top-head .head-btn > a:hover:before,#to-top:hover:before,.anim_btn:hover:before{
    opacity: 0;
    transform: scale(.3);
    -webkit-transform: scale(.3);
}
.top-head .head-btn > a:hover:after,#to-top:hover:after,.anim_btn:hover:after{
    opacity: 1;
    transform:scale(1);
    -webkit-transform:scale(1);
}

/* icon hover */
.top-head .head-btn > a i.btn_back{
    transform:translate(-50%,-100%);
    -webkit-transform: translate(-50%,-130%);
    opacity: 0;
    transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
}
.top-head.sticky-head .head-btn > a i.btn_back{
    /* display: none; */
}
.top-head .head-btn > a:hover i{
    opacity:0;
    transform:translate(-50%,20%);
    -webkit-transform: translate(-50%,35%);
    transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
}
.top-head .head-btn > a:hover i.btn_back{
    opacity:1;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
}

/* back to top */
#to-top {
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 9;
    transform: translateY(110px);
    -webkit-transform: translateY(110px);
}
#to-top.active{
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
}
#to-top span{
    text-align: center;
    font-size: 18px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: block;
    color: #fff;
    position: relative;
    overflow: hidden;
}
#to-top:before,#to-top:after{
    border: 0;
    opacity: 1
}
#to-top:after{
    opacity: 0
}

/* icon hover */
#to-top span i{
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
}
#to-top span i.btn_back{
    transform: translate(-50%,50px);
    -webkit-transform: translate(-50%,50px);
    opacity: 0;
    transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
}
#to-top:hover span i{
    opacity:0;
    transform: translate(-50%,-50px);
    -webkit-transform: translate(-50%,-50px);
    transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
}
#to-top:hover span i.btn_back{
    opacity:1;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
}

/* 
----------------- 1.3. Top Search. -------------------- */
.search-wrapper {
    position: fixed;
    width: 40px;
    left: 50%;
    top: 50%;
    transition: opacity 0.5s 0s, width 0.4s 0.4s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
    -webkit-transition: opacity 0.5s 0s, width 0.4s 0.4s cubic-bezier(0.225, 0.01, 0.475, 1.01), transform 0.2s 0s;
    transform: translate(-50%,-50%) scale(0);
    -webkit-transform: translate(-50%,-50%) scale(0);
    z-index: -9999;
    opacity: 0;
    background-color: #fff;
    box-shadow: 0 0 70px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 70px 0 rgba(0, 0, 0, 0.1);
}
.search-wrapper .close_search{
    position: absolute;
    top: 50%;
    right: 6px;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 40px;
    border-radius: 50%;
    transform: translateY(-50%) rotate(-360deg);
    -webkit-transform: translateY(-50%) rotate(-360deg);
    transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    -webkit-transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
    cursor: pointer;
}
.search-wrapper.active .close_search{
    right: -70px;
    transform: translateY(-50%) rotate(0deg);
    -webkit-transform: translateY(-50%) rotate(0deg);
    transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -webkit-transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition-delay: 0.8s;
    -webkit-transition-delay: 0.8s;
}
.search-wrapper.active {
    transform: translate(-50%,-50%) scale(1);
    -webkit-transform: translate(-50%,-50%) scale(1);
    z-index: 1040;
    opacity: 1;
    width: 35%;
}
.search-wrapper .search-form{
    position: static;
}
.search-wrapper .search-form .btn{
    width: 60px;
    height: 60px;
    top: 5px;
    right: 5px;
    padding: 0;
    font-size: 17px;
    line-height: 60px;
    text-align: center;
    background-color: #fff;
}
.search-wrapper .search-form .form-control{
    border: 0;
    height: 70px;
    line-height: 70px;
    padding: 0 80px 0 30px;
    font-size: 20px;
    background-color: transparent;
}
.search-wrapper .search-form .form-control:focus{
    background-color: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}


/* 
----------------- 1.4. Top Cart. -------------------- */
b.cart-num{
    display: inline-block;
    line-height: 21px;
    font-size: 11px;
    width: 20px;
    height: 20px;
    text-align: center;
    font-weight: normal;
    border-radius: 50%;
    position: absolute;
    top: -9%;
    right: -3%;
    z-index: 3;
}
.top-head .cart-box {
    right: 0;
    left: auto;
}
.cart-box .empty {
    text-align: center;
    color: #333;
    font-size: 13px;
    margin: 0;
    padding: 0;
    line-height: 45px
}
.mini-cart{
    font-size: 14px
}
.mini-cart .btn-default{
    background-color: #eee
}
.mini-cart-list li {
    position:relative;
    overflow:hidden;
    padding: 15px;
    padding-left: 0;
    font-size: 14px;
    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: 14px;
    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: 35px;
    padding: 0px 16px;
    margin: 0;
    border-radius: 5px;
}

/*
--------------------- header creative -------------------- */
.top-head.creative {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9
}
.top-head.creative .itr_head_wrap{
    padding-left: 30px;
    padding-right: 20px
}
.top-head.creative .itr_head_wrap .itr_logo{
    position: relative;
    z-index: 1
}
.top-head.creative .itr_head_wrap .slurve-svg{
    fill: #fff;
    z-index: 0;
    width: 120%;
    transform: translate(-7%,0);
    -webkit-transform: translate(-7%,0);
}

/*
--------------------- header sticky -------------------- */
.top-head.fixed-head,.top-head.sticky-head{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}
.top-head.sticky-head{
    position: fixed;
    z-index: 9;
    background-color: #fff;
    box-shadow: 0 20px 40px 0 rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 20px 40px 0 rgba(0,0,0,0.1);
    animation: itr-slide-down 0.8s cubic-bezier(.4,0,0,1);
    -webkit-animation: itr-slide-down 0.8s cubic-bezier(.4,0,0,1);
}
.top-head.sticky-head .itr_head_wrap{
    height: 80px;
    line-height: 80px
}
.top-head.creative.sticky-head .itr_head_wrap .slurve-svg{
    display: none;
}
body.admin-bar .top-head{
    top: 20px
}
/*
--------------------- header left & right -------------------- */
.side-head{
    position: fixed;
    left: 0;
    top: 0;
    width: 300px;
    height: 100%;
    line-height: 1.8;
    z-index: 9;
    padding: 40px 30px;
    background-color: #fff;
    box-shadow: 10px 0 40px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 10px 0 40px 0 rgba(0, 0, 0, 0.05);
}
.side-head.right{
    left: auto;
    right: 0;
    box-shadow: -10px 0 40px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: -10px 0 40px 0 rgba(0, 0, 0, 0.05);
}
.side-head .itr_logo,.side-head .itr_main_nav{
    margin-bottom: 40px
}
.side-head .itr_main_nav ul ul,.side-head .itr_main_nav ul li .mega-content{
    border-radius: 10px
}
.side-head .itr_main_nav > ul > li{
    padding: 10px 0;
    border-bottom: 1px rgba(0,0,0,0.1) dashed;
}
.side-head .itr_main_nav > ul > li > a span span:before {
    transform: translateY(-120%);
    -webkit-transform: translateY(-120%);
    line-height: 1.2
}
.side-head.right .itr_main_nav > ul > li > ul,.side-head.right .itr_main_nav .mega-content {
    right: 100%;
    left: auto;
}
.side-head .itr_main_nav .mega-content .row > ul {
     padding: 0;
    min-width: 0;
    opacity: 1;
    box-shadow: none;
    transition: none;
    position: static;
    transform: none;
    visibility: visible;
    -webkit-transform: none;
    -webkit-box-shadow: none;
    -webkit-transition: none;
    background-color: transparent !important;
}
.side-head .itr_main_nav .mega-content .row > ul > li{
    width: 100%;
    float: none;
}
.side-head .itr_main_nav ul li a{
    display: block;
}
.side-head .itr_main_nav .mega-content > .row > ul > li > a{
    font-weight: normal;
    margin-bottom: 0
}
.side-head .side_bottom{
    position: absolute;
    bottom: 40px;
    left: 40px;
    width: 220px;
}
.side-head .side_bot_block{
    padding: 20px 0 0;
    text-align: center;
}
.side-head .side_bot_block .social-list a{
    margin: 0 2px 4px;
}
.side-head .itr_main_nav ul ul,.side-head .itr_main_nav .mega-content {
    left: 100%;
    top: 0
}
.side-head.right .itr_main_nav ul ul,.side-head.right .itr_main_nav .mega-content {
    right: 100%;
    left: auto;
}
.side-head.right .itr_main_nav ul ul li a:after{
    left: auto;
    right: 0
}
.side-head.right .itr_main_nav ul ul li:hover > a {
    padding-right: 5px !important;
    padding-left: 0 !important;
}
.side-head.right .itr_main_nav ul li,.side-head.right .itr_logo{
    text-align: right;
}
.itr_head_btn {
    position: fixed;
    z-index: 1000;
    margin: 0.5em;
    padding: 0;
    width: 35px;
    height: 35px;
    border: none;
    background: transparent;
    top: 0.5em;
    left: 0.5em;
    transition: left 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
    -webkit-transition: left 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
}
body.admin-bar .itr_head_btn{
    top: 3em;
}
.side-wrap.right .itr_head_btn{
    left: auto;
    right: 0.5em;
    transition: right 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
    -webkit-transition: right 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
}

.itr_head_btn i {
    width: 35px;
    height: 3px;
    display: block;
    margin-bottom: 8px;
    background-color: #333;
    transition: opacity 500ms, background-color 250ms, -webkit-transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
    transition: transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91), opacity 500ms, background-color 250ms;
    transition: transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91), opacity 500ms, background-color 250ms, -webkit-transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
}
.itr_head_btn.active{
    left: 300px
}
.side-wrap.right .itr_head_btn.active{
    right: 300px
}
.itr_head_btn.active i:first-child {
    -webkit-transform: translateY(10px) rotate(-135deg);
    transform: translateY(10px) rotate(-135deg);
}
.itr_head_btn.active i:nth-child(2) {
    opacity: 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.itr_head_btn.active i:last-child {
    -webkit-transform: translateY(-12px) rotate(-47deg);
    transform: translateY(-12px) rotate(-47deg);
}
.side-wrap:not(.invis_header).left{
    margin-left: 300px;
}
.side-wrap:not(.invis_header).right{
    margin-right: 300px;
}
.side-head.invis_head{
    left: -300px;
}
.side-head.right.invis_head{
    left: auto;
    right: -300px
}
.pageWrapper.pushed.left .side-head.invis_head{
    left:0
}
.pageWrapper.pushed.right .side-head.invis_head{
    right:0
}

/* ==========================================================================
  2. THEME ELEMENTS.
============================================================================= */
/* 
--------------- 2.1. Social Icons --------------- */
.social-list{
    display: block;
    -webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.social-list a,.jssocials-share-link{
    display: inline-block;
    position: relative;
    margin: 5px;
    width: 40px;
    height: 40px;
    overflow: hidden;
    vertical-align: middle;
    -webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.safariBr .social-list a,.safariBr .jssocials-share-link{
	-webkit-mask-image: -webkit-radial-gradient(white, black);
}
.social-list a i,.jssocials-share-link i{
    display: block;
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
    line-height: 39px;
    font-size: 16px;
    background-color: #ddd;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.social-list a i:last-child,.jssocials-share-link i:last-child{
    opacity: 0;
    transform: translate(-50%,50%);
    -webkit-transform: translate(-50%,50%);
}
.social-list a:hover i:first-child,.jssocials-share-link:hover i:first-child{
    opacity: 0;
    transform: translate(-50%,-150%);
    -webkit-transform: translate(-50%,-150%);
    /*transition-delay: 0.1s*/
}
.social-list a:hover i:last-child,.jssocials-share-link:hover i:last-child{
    opacity: 1;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.jssocials-share-link{
    border: 1px #e0e0e0 solid;
}
.jssocials-share-link i:first-child{
    background-color: transparent;
    
}
.footer-middle .social-list a i{
    background-color: rgba(255,255,255,0.08);
    line-height: 50px;
    font-size: 20px
}

.footer-middle .social-list a i:last-child{
    background-color: rgba(0,0,0,0.25)
}

.anim_btn{
    position: relative;
    display: inline-block;
}
.anim_btn i{
    position:relative;
    z-index:3
}
.anim_btn span{
    display: block;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
    height: 100%;
}
.anim_btn:before,.anim_btn:after{
    border:0;
}
.anim_btn i.btn_back{
    transform: translate(-50%,-50px);
    -webkit-transform: translate(-50%,-50px);
    opacity: 0;
    transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
    position: absolute;
    left: 50%;
    top: 50%;
}
.anim_btn:hover i{
    opacity:0;
    transform: translate(-50%,50px);
    -webkit-transform: translate(-50%,50px);
    transition-delay: 0.1s;
    -webkit-transition-delay: 0.1s;
}
.anim_btn:hover i.btn_back{
    opacity:1;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    transition-delay: 0.2s;
    -webkit-transition-delay: 0.2s;
}

/* to right */
.anim_btn.to-right i.btn_back{
    transform: translate(-50px,-50%);
    -webkit-transform: translate(-50px,-50%);
}
.anim_btn.to-right:hover i{
    transform: translate(50px,-50%);
    -webkit-transform: translate(50px,0);
}
.anim_btn.to-right:hover i.btn_back{
    transform:translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}

/* to left */
.anim_btn.to-left i.btn_back{
    transform: translate(50px,-50%);
    -webkit-transform: translate(50px,-50%);
}
.anim_btn.to-left:hover i{
    transform: translate(-50px,-50%);
    -webkit-transform: translate(-50px,-50%);
}
.anim_btn.to-left:hover i.btn_back{
    transform:translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}

/* 
--------------- 2.2. Sliding Bar --------------- */
.itr-slbar-button{
    position: fixed;
    left: 20px;
    bottom: 20px;
    z-index: 9
}
.itr-slbar-button a{
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 25px;
    border-radius: 50%;
    border: 3px #eee solid;
}
.slbar{
    position: fixed;
    width: 100%;
    height: 100%;
    cursor: default;
    z-index: -1;
    --path-fill-1: url(#slbar-grad1);
    --path-fill-2: url(#slbar-grad2);
    --path-fill-3: url(#slbar-grad3);
}
.slbar.is-opened-main{
    z-index: 99;
}
.slbar .widget {
    margin-bottom: 30px;
    margin: 2%;
}
.slbar.columns-1 .widget{
    width: 96%;
}
.slbar.columns-2 .widget{
    width: 46%;
}
.slbar.columns-3 .widget{
    width: 29.33333333%;
}
.slbar.columns-4 .widget{
    width: 21%;
}
.slbar.columns-5 .widget{
    width: 16%;
}
.slbar.columns-6 .widget{
    width: 12.666666666%;
}
.slbar .widget h2.widgettitle{
    border-bottom: 1px rgba(255,255,255,0.1) solid !important;
    font-weight: 300 !important;
    padding-bottom: 15px !important;
    border-left: 0 !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}
.sl_bar_content{
    overflow: hidden;
    padding-left: 30px;
    padding-right: 30px;
    position: fixed;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    flex-wrap: wrap;
}
.slbar.is-opened-main .sl_bar_content{
    z-index:9;
    opacity:1;
    visibility:visible
}
.sl_bar_content .widget{
    opacity: 0;
    transform: translate(0,100px);
    -webkit-transform: translate(0,100px);
}
.slbar_close {
    width: 64px;
    height: 64px;
    display: block;
    cursor: pointer;
    position: fixed;
    right: 30px;
    top: 30px;
    z-index: 99;
    opacity: 0;
    transform: translate(0,100px);
    -webkit-transform: translate(0,100px);
}
.slbar .sl_bar_content.is-opened-cont .widget,.slbar.is-opened-main .slbar_close{
    opacity: 1;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
    transition: all 1.2s ease;
    -webkit-transition: all 1.2s ease;
    transition-delay: 1.2s;
    -webkit-transition-delay: 1.2s;
}
.sl_bar_content h2{
    font-weight: 400
}
.itr-slbar-over {
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 8
}
.itr-slbar-over.is-opened {
    pointer-events: auto;
}
.itr-slbar-over-path:nth-of-type(1) {
    fill: var(--path-fill-1);
}
.itr-slbar-over-path:nth-of-type(2) {
    fill: var(--path-fill-2);
}
.itr-slbar-over-path:nth-of-type(3) {
    fill: var(--path-fill-3);
}
.itr-cls-line {
    width: 28px;
    height: 2px;
    overflow: hidden;
    position: absolute;
    z-index: 10;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.itr-cls-line-in {
    width: 84px;
    height: 2px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.itr-cls-line-in::before,.itr-cls-line-in::after {
    width: 28px;
    height: 2px;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    background-color: #fff;
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}
.itr-cls-line-in::before {
    left: -56px;
}
.itr-cls-line-in::after {
    left: 0;
}
.itr-cls-line-cross01,.itr-cls-line-cross02 {
    left: 18px;
    top: 31px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.itr-cls-line-cross01 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
}
.itr-cls-line-cross02 {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.itr-cls-line-in-cross02::before,.itr-cls-line-in-cross02::after {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.slbar_close:hover .itr-cls-line-in::before,.slbar_close:hover .itr-cls-line-in::after {
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
}
.slbar_close:hover .itr-cls-line-in-cross01::before,.slbar_close:hover .itr-cls-line-in-cross01::after,
.slbar_close:hover .itr-cls-line-in-cross02::before,.slbar_close:hover .itr-cls-line-in-cross02::after {
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
}

/* ==========================================================================
  3. PAGE TITLES
============================================================================= */
.page-title{
    position: relative;
    overflow: hidden;
}
.page-title[class*="style"]{
    padding-bottom: 100px
}
.page-title .title_bg{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: inline-block;
    content: "";
    z-index: 1
}
.page-title .slurve-svg{
    fill: #f2f2f2;
    z-index: 0
}
.page-title .container{
    position: relative;
    z-index: 1;
}
.page-title h1{
    margin: 0;
    padding: 0;
    line-height: 1;
    font-size: 45px;
}
.page-title h3{
    margin: 30px 0 0;
    font-size: 20px;
    font-weight: normal;
    font-family: inherit;
    max-width: 45%;
    letter-spacing: 0;
    line-height: 1.5;
}
.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,.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
}
.parallax{
    overflow: hidden;
}
.video-overlay,.section-overlay,.animated_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
}
.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;
}
.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.text-right .tbl {
    float: right;
}
.page-title .title-icon{
    padding: 16px;
    text-align: center;
    font-size: 28px;
    margin: 0 0 20px 0;
    border-radius: 5px;
    display: inline-block;
}
.page-title.text-center .tbl{
    margin: auto;
}
.titl_txt_bg{
    padding: 30px;
    border-radius: 10px;
}

/*
----------------- Breadcrumb --------------- */
.breadcrumb {
    margin-bottom: 0;
    background-color: transparent;
}
.breadcrumb.white-bg{
    bottom:0;
    padding: 10px;
}
.breadcrumb i {
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px;
}
.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: 20px auto 0;
    padding: 5px 15px;
}
.breadcrumb.style2 .container{
    width:auto
}
.breadcrumb.style2 > a, .breadcrumb.style2 > span{
    display:inline-block;
    padding: 0 5px;
    position:relative;
    height: 30px;
    line-height: 30px;
}
.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{
    float:left;
    clear: both;
    margin-top: 0px;
    margin-bottom: 5px
}
.breadcrumb.style2.text-center,.breadcrumb.style3.text-center{
    float:none;
    display:table;
    margin-right:auto;
    margin-left:auto
}
.breadcrumb.style2.text-left{
    float: left;
}
.page-title.text-left .title-headings{
    float:none
}
.page-title.text-left .breadcrumb:not(.text-center){
    margin-left:0;
    margin-right:auto
}
.page-title.text-right .breadcrumb{
    margin-right:0;
    margin-left:auto
}

.sidebar .widget .social-list a{
    margin: 0 -1px -1px 0;
    width: 33.3333%;
    height: 90px !important;
    text-align:center;
    border: 1px #eee solid;
    border-radius: 0;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    box-shadow: none;
}
.sidebar .widget .social-list a i:first-child{
    background-color:#fff !important
}
.sidebar .widget .social-list a i{
    display:block;
    margin: 0 auto 10px;
    clear:both;
    float:none;
    width: 100% !important;
    height: 100% !important;
    line-height: 90px !important;
    font-size: 25px;
}

/* ==========================================================================
  4. PAGE SPECIFIC STYLES
============================================================================= */
/*
------------------- 4.2. 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;}
.form404cont{
    margin: auto;
}
.lg-not-found h1 {
    margin: 0;
}
.lg-not-found h4{
    font-size: 32px;
    margin-top: 60px;
    margin-bottom: 10px;
}
.lg-not-found h5{
    font-size: 18px;
}
.lg-not-found h5 span{
    font-size: 17px
}
.not-found-wrap{
    width: 80%;
    margin: auto;
    padding-right: 6%;
    padding-left:6%;
    text-align: center;
}
.not-found-form p{
    color: #555
}
.not-found-form .form-container{
    border-radius: 3em
}
.not-found-form .form-control{
    border-radius: 5px;
    padding: 17px 30px;
}
.not-found-form .search-form .btn{top: 20px;right: 20px;}
.srch-home-pg{
    margin-top: 30px;
}
.no-results-wrap{
    background: #fff url('../images/ops_man.png') no-repeat 0 0;
    padding-left: 250px;
    min-height: 530px
}
.not-found-form,.no-results-wrap hr{
    width: 80%
}
.no-results-wrap hr{
    margin-left: 0
}
.no-results-wrap .lg-not-found{
    padding-top: 0
}
.no-results-wrap .lg-not-found h3{
    font-size: 70px;
    font-weight: 600;
    margin-top: 30px
}
.no-results-wrap .lg-not-found h3 p{
    z-index: 1 !important
}

/*
----------------------- 4.3. Forms Design ------------------- */
select,textarea,input[type="text"],input[type="password"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"]{
    font-size: 16px;
    padding: 12px 20px;
    line-height: 1;
    border: 1px #dedede solid;
    width: 100%;
}
#footWrapper select, #footWrapper textarea, #footWrapper input[type="text"], #footWrapper input[type="password"], #footWrapper input[type="email"], #footWrapper input[type="url"], 
#footWrapper input[type="search"], #footWrapper input[type="tel"]{
    background-color: transparent;
    border-color: rgba(255,255,255,0.3);
    color: #fff;
}
#footWrapper select option{
    color:#000
}
.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;
    padding-top:15px !important;
    resize: none;
    border-color: #dfdfdf;
    line-height: 1.5 !important;
    box-shadow: none;
}
.btn{
    line-height: 1;
    position: relative;
    padding: 20px 35px;
    display: inline-block;
    vertical-align: middle;
    background-color: transparent;
}
.btn.btn-sm{
    padding: 10px 20px;
    font-size: 12px;
}
.btn.btn-lg{
    padding: 30px 50px;
    font-size: 17px;
}
.btn.btn-block{
    display: block;
}
.btn.btn-centered{
    display: table;
    margin-right: auto;
    margin-left: auto;
}
.btn > span,.btn i{
    position: relative;
    z-index: 2;
}
.btn.btn-icon > span,.btn.btn-icon i{
    display: inline-block;
    vertical-align: middle;
}
.btn.btn-icon i{
    margin-right: 10px;
}
.btn.icon-right i{
    margin-right:0;
    margin-left:10px;
}
.btn + .btn{
    margin-left: 10px;
}
.btn-container + .btn-container{
    margin: 5px 0 0 5px
}
.btn-shad,.btn-hover-shad:hover,.social-list a:hover, .jssocials-share-link:hover{
    -webkit-box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.2);
}
.btn-hover-shad:hover,.social-list a:hover, .jssocials-share-link:hover{
    transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
}
.btn:not(.btn-hover-shad):hover{
    box-shadow: none;
    -webkit-box-shadow: none;
}
.post-password-form p label{
    width: 85%;
    display: inline-block;
}
.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);
    box-shadow: 0px 10px 45px 0px rgba(0, 0, 0, 0.08);
    border-color: #f2f2f2;
    background-color: #fff;
}
.search-form{
    position: relative;
}
.search-form .btn{
    position: absolute;
    right: 15px;
    top: 15px;
    padding: 0;
}
.form-container{
    background-color: #fff;
    border-radius: 4px;
}
.form-buttons{
    margin-top: 20px;
    position: relative;
    z-index: 2;
}

/*
------------------- 4.4. Login Styles ------------------ */
.login_wrap{
    position: relative;
}
.login-popup{
    position: absolute;
    left: 0;
    top: 100%;
    padding: 25px;
    min-width: 300px;
    font-size: 12px;
    max-height: 0px;
    visibility: hidden;
    background-color: #fff;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 20px 40px 0 rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 20px 40px 0 rgba(0,0,0,0.3);
    transform: perspective(600) rotate3d(1,0,0,-90deg);
    -webkit-transform: perspective(600) rotate3d(1,0,0,-90deg);
    transform-origin: 50% 0;
    -webkit-transform-origin: 50% 0;
    transition: 0.4s;
    -webkit-transition: 0.4s;
}
.top-bar .pull-right .login-popup{
    left: auto;
    right: 0
}
.login-popup.active{
    max-height:1000px;
    visibility: visible;
    transform: perspective(600) rotate3d(0,0,0,0);
    -webkit-transform:perspective(600) rotate3d(0,0,0,0);
}
.login-popup span{
    color:#777 !important
}
.login-popup a{
    color:#333 !important
}
.login-popup > h5{
    margin: 0 0 10px;
    font-size: 17px;
}
.login-popup .wid_login_form {
    padding: 0;
    border-radius: 0;
    border: 0;
    line-height: 1;
}
.login-popup .wid_login_form > div{
    padding-bottom: 5px
}
.login-popup .wid_login_form > div label{
    margin-bottom: 10px;
    display: block;
}
.login-popup .wid_login_form a{
    line-height: normal
}
.login-popup .btn {
    padding: 15px 30px;
}
.btn-login{
    padding: 15px 25px 14px;
}
.btn-logout{
    margin-top: 15px;
    display: inline-block;
}
.btn-login i,.btn-logout i{
    margin-right: 10px;
    vertical-align: middle;
}
.btn-logout i{
    color: #333
}
.itr-login-links{
    font-size: 12px;
    line-height: 1.6
}
.itr-login-lft{
    float: left;
}
.itr-login-rit{
    float: right;
}

/* ==========================================================================
  5. FOOTER.
============================================================================= */
#footWrapper{
    position: relative;
    overflow: hidden;
    font-size: 15px
}
#footWrapper .container {
    position: relative;
    z-index: 2;
}
#footWrapper.full_footer .container {
    width: 100%
}
#footWrapper .foot_slrv{
    position: absolute !important;
    width: 110%;
    height: 100%;
    z-index: 0;
    display: inline-block;
    content: "";
    top: 0%;
    left: -6.5%;
}
#footWrapper:not(.has-top-area) .foot_slrv svg{
    top: -70px !important
}
#footWrapper .widget h2.widgettitle{
    font-size: 24px;
    margin-bottom: 40px;
    font-weight: 500;
}
#footWrapper .widget ul li a {
    position: relative;
}
#footWrapper .widget ul li a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    background: #fff;
    transition: transform .5s cubic-bezier(.4,0,0,1),opacity .5s cubic-bezier(.4,0,0,1),background-color .5s ease-in-out;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
}
#footWrapper .widget ul li a:hover:after {
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    opacity: 1;
}
#footWrapper .widget ul li a:after{
    bottom: -5px;
    height: 1px;
    opacity: 0.6;
}
#footWrapper ul ul{
    margin: 3px 0 3px 20px;
    padding: 0;
}
.footer-middle .widget .menu ul{
    margin: 3px 0 3px 5px !important;
}
.footer-middle .widget .menu ul li{
    padding: 0 !important;
}
/* top footer bar */
#footWrapper .foot-top{
    padding-top:50px
}
#footWrapper.footer-1 .foot-top > .container{
    padding: 50px 70px 35px 90px;
}
#footWrapper .foot-top > .container svg{
    fill: #fff;
    filter: drop-shadow( 0 0 30px rgba(0, 0, 0, 0.2));
    -webkit-filter: drop-shadow( 0 0 30px rgba(0, 0, 0, 0.2));
}
#footWrapper .foot-top .dashed_border{
    left: -15px;
    top: 15px;
    position: absolute;
    width: 100%;
    height: 100%;
}

/* footer widgets */
.footer-middle{
    padding-top: 200px;
    padding-bottom: 40px;
}
#footWrapper .footer_bg {
    position: relative;
    z-index: 1;
}
#footWrapper .footer_bg:before {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    content: "";
    display: inline-block;
}
#footWrapper .footer-middle .widget{
    margin-bottom: 60px
}
#footWrapper .footer-middle .widget li {
    overflow: hidden;
    padding: 0 0 15px 0;
    position: relative;
}
.footer-middle .widget .menu{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}
.footer-middle .widget .menu li{
    flex-basis: 50%;
}
.foot-image{
    margin-bottom: 40px;
}
.footer-middle .social-list a{
    width: 50px;
    height:50px;
    line-height: 53px;
    font-size:23px;
}
.nl-left-txt h4{
    margin: 0 0 1px;
    font-size: 36px;
    font-weight: 600;
}
.nl-left-txt p{
    margin:0;
    font-size: 18px;
}
.nl_form_div{
    position: relative;
    margin-top: 30px;
}
#footWrapper .nl_form_div form input[type="email"]{
    width: 100%;
    display: inline-block !important;
    border: 0;
    height: 45px;
    line-height: 35px;
    padding: 0 55px 0 20px;
    color: #c1aae0;
    background-color: rgba(255, 255, 255, 0.08);
    font-size: 13px;
}
.nl_form_div form .nl_btn{
    font-weight: 700;
    background: transparent;
    border: 0;
    margin: 0;
    width: 45px;
    height: 45px;
    line-height: 45px;
    position: absolute;
    right: 0;
    top: 0;
}
#footWrapper .nl_form_div form .nl_btn{
    color: #4909a6;
    border-radius: 50%;
}
#footWrapper .nl_form_div form .nl_btn span{
    font-size: 21px;
}
#footWrapper .nl_form_div form .nl_btn:before{
    background-color: #fff
}
#footWrapper .nl_form_div form .nl_btn:hover:after{
    background-color:#fff;
    opacity: 1
}
.mc4wp-response > div{
    background-color: rgba(0, 0, 0, 0.35);
    padding:15px 15px 5px;
    margin-top: 15px;
    font-size:13px;
    line-height:1.7;
    border-radius:4px
}

/* bottom footer bar */
.footer-bottom{
    position: relative;
    z-index: 3
}
.footer-bottom > .container{
    border-top: 1px rgba(255, 255, 255, 0.13) solid;
}
.footer-bottom p{
    margin-bottom: 0;
}
.footer-bottom .social-list a{
    background-color: rgba(255, 255, 255, 0.05) !important;
    width: 35px;
    height:35px;
    line-height:35px;
    font-size:15px;
    margin:0 5px;
}
.footer-bottom .menu li{
    display: inline-block;
    padding: 0px 9px;
}
.footer-bottom .widget{
    padding-top: 50px;
    padding-bottom: 50px
}
.footer-bottom .widget_recent_comments.widget li {
    padding: 15px 0
}

/* fixed footer */
#footWrapper.fixed-footer{
    position: fixed;
    z-index: -1;
    width: 100%;
    left: 0;
    bottom: 0
}

/* footer 2 */
#footWrapper.footer-2 .foot-top{
    padding-top: 50px;
    padding-bottom: 50px;
    position: relative;
    z-index: 2
}
#footWrapper.footer-2 .footer-middle {
    padding-top: 120px;
}
#footWrapper.footer-2 .footer-bottom {
    border-top: 1px rgba(255, 255, 255, 0.13) solid;
}
#footWrapper.footer-2 .footer-bottom > .container {
    border-top: 0;
}
#footWrapper.footer-2 .footer-bottom .copyrights{
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px
}
/* footer 3 */
#footWrapper.footer-3 .foot-top{
    margin-bottom: -150px
}
#footWrapper.footer-3 .footer_bg{
    padding-bottom: 40px;
    padding-top: 160px
}
#footWrapper.footer-3 .foot-top > .container{
    padding: 50px 70px;
    background-color: #fff;
    box-shadow: 0 -30px 50px 0 rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0 -30px 50px 0 rgba(0, 0, 0, 0.04);
    border-radius: 7px
}
#footWrapper.footer-3 .footer-middle{
    padding-top: 120px
}
#footWrapper.footer-3 .footer-bottom > .container {
    border-top: 0;
    background-color: rgba(0, 0, 0, 0.08);
    padding-left: 40px;
    padding-right: 40px;
    border-radius: 7px;
}
#footWrapper.footer-3 .footer-bottom .widget{
    padding-top: 30px;
    padding-bottom: 30px
}

/* ==========================================================================
  6. 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: 300px;padding-bottom: 300px}
.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;}
.itr-lett-1{letter-spacing: 1px}
input[type=checkbox], input[type=radio] {margin: 4px 5px 0 0;}
.checkbox-block input[type=checkbox]{vertical-align: sub;}
.itr-main-content,.site_content{
    padding-top: 100px;
    padding-bottom: 100px
}
blockquote{
    margin: 0 0 15px;
    position: relative;
    background-color: #f9f9f9;
    padding: 30px 30px 30px 70px;
}
blockquote:before{
    position: absolute;
    font-family: streamline;
    content: "\e956";
    left: 20px;
    top: 8px;
    font-size: 33px;
    display: inline-block;
    opacity: 0.25;
}
blockquote p{
    margin-bottom: 0
}
table {
    border-collapse: collapse;
    margin: 0 0 1.5em;
    width: 100%;
}
thead th {
    padding-bottom: 0.5em;
}
th {
    padding: 10px !important;
    line-height: 1.5;
    border: 1px solid #eee;
}
thead th {
    border: 1px rgba(255,255,255,0.25) solid;
}
td {
    padding: 10px;
    border: 1px solid #eee;
}
dt {
    font-weight: 700;
}
dd {
    margin: 0 1.5em 1.5em;
}
.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;
    display: none;
}
.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;
}
.itr-content-column {
    flex: 1 1 auto;
    min-width: 0;
    order: 2;
}
.flxrow{
    display: flex;
    display: -webkit-flex;
}
.flxrow.lft-cell .itr-content-column{
    padding-right: 60px;
}
.flxrow.rit-cell .itr-content-column{
    padding-left: 60px
}

/* ==========================================================================
  7. 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.fixed-head {
    left: 50%;
    transform: translateX(-50%);
    width: 1170px;
}
.pageWrapper.boxed .container-fluid .container{
    width: 100%
}
.pageWrapper.boxed .itr-main-content{
    padding-left: 20px;
    padding-right: 20px
}
.itr_overlay{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.93);
    z-index: 1020;
}
.box_more{
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 0;
    position: relative;
    overflow: hidden;
    font-weight: bold;
    letter-spacing: 0
}
.box_more:before,.box_more:after {
    content: '';
    position: absolute;
    left: 0;
    width: 99.5%;
    height: 2px;
}
.box_more:before {
    transform: translateX(100%);
    bottom: 0;
    border-bottom: 2px solid transparent;
    border-left: 2px solid transparent;
}
.box_more:after {
    transform: translateX(-100%);
    top: 0;
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
}
.box_more:hover:before {
    transition: 0.2s transform ease-in, 0.2s height ease-in 0.2s;
    transform: translateX(0);
    height: 100%;
    border-color: #222;
}
.box_more:hover:after {
    transition: 0.2s transform ease-out 0.4s, 0.2s height ease-out 0.6s;
    transform: translateX(0);
    height: 100%;
    border-color: #222;
}
.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;
}
.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 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
}
.vc_col-has-fill.right_bg{
    background-position: 100% 0 !important;
}
.center_vert{
    align-items: center;
    justify-content: center;
    position: relative;
}
.slurve {
    position: relative;
}
.slurve-svg {
    position: absolute;
    display: block;
    z-index: 0
}
.slurve-definitions {
    width: 0;
    height: 0;
    position: absolute;
    z-index: -999;
}
.dashed_border svg:not(.slurve-definitions),.dashed_border svg:not(.slurve-definitions) path{
    stroke: #c6c6c6;
    stroke-width: 1.3;
    stroke-dasharray: 6;
    fill: none;
}

/*
--------------------- 4.1. Blog -------------------- */
.blog-posts .post-item .inner_post_item{
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 30px;
}
.blog-posts .post-item .abs_bg{
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    padding: 20px 40px 30px;
}
.blog-posts.small-image .post-item .abs_bg{
    margin: 20px 0;
}
.post-item .abs_bg ul.post-meta li:after{
    color: #fff !important
}
.blog-posts.small-image .post-item .abs_bg .post-info{
    width: 100% !important;
    background-color: transparent;
}
.blog-posts .post-item .abs_bg > img{
    position: absolute;
    top: 0;
    left: 0
}
.blog-posts .post-item .abs_bg.main-bg a,.blog-posts .post-item .abs_bg.main-bg ul.post-meta li{
    color: #fff
}
.blog-posts .post-item .abs_bg.main-bg a:hover{
    color: rgba(255,255,255,1.7);
}
.blog-posts .post-item .abs_bg .post-info h3, .blog-posts .post-item .abs_bg .post-info h2{
    padding-bottom: 0
}
.blog-posts .post-item .abs_bg .post-info h3:after, .blog-posts .post-item .abs_bg .post-info h2:after{
    display: none;
}
.abs_qte{
    position: absolute;
    font-size: 60px;
    top: 20px;
    right: 15px;
    color: rgba(255, 255, 255, 0.35);
    transform: rotate(-30deg);
}
.abs_lnk{
    position: absolute;
    font-size: 70px;
    top: 20px;
    left: 15px;
    color: rgba(255, 255, 255, 0.35);
}
.blog-posts:not(.small-image) .post-item .inner_post_item{
    box-shadow: 0px 2px 7px 0 rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 0px 2px 7px 0 rgba(0, 0, 0, 0.07);
    background-color: #fff;
}
.post-item .post-image{
    position: relative;
    overflow: hidden;
}
.blog-posts:not(.small-image) .post-item .post-image > a,.blog-posts:not(.small-image) .post-item .post-gallery .slick-slider a{
    transform-origin: bottom left;
    -webkit-transform-origin: bottom left;
    -webkit-transform: skew(0deg, -5deg);
    transform: skew(0deg, -5deg);
    display: block;
    overflow: hidden;
}
.blog-posts:not(.small-image) .post-item .post-image > a > img,.blog-posts:not(.small-image) .post-item .post-gallery .slick-slider a img{
    transform-origin: bottom left;
    -webkit-transform-origin: bottom left;
    -webkit-transform: skew(0deg, 5deg);
    transform: skew(0deg, 5deg);
}
.post-info {
    padding: 30px 30px 0;
}
.post-info h3.itr-post-title,.post-info h2.itr-post-title{
    font-size: 36px;
    position: relative;
    padding-bottom: 25px;
    margin-bottom: 10px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}
.post-info .meta_date{
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
}
.blog-posts:not(.small-image) .post-info h3.itr-post-title,.blog-posts:not(.small-image) .post-info h2.itr-post-title,.blog-posts:not(.small-image) .post-info .meta_date{
    text-align: center;
}
.post-info h3.itr-post-title:after,.post-info h2.itr-post-title:after{
    position:absolute;
    width:35px;
    height:2px;
    left:50%;
    bottom: 10px;
    transform:translateX(-50%);
    -webkit-transform:translateX(-50%);
    display:inline-block;
    content:"";
    background-color:#ddd;
}
ul.post-meta{
    padding-top: 10px;
    text-align:center;
    text-transform: uppercase;
}
ul.post-meta li{
    display: inline-block;
    padding-right: 10px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #666;
}
ul.post-meta li a{
    color:#666
}
ul.post-meta li:after{
    content:"\e9cf";
    display:inline-block;
    padding-left:10px;
    font-family: streamline!important;
    font-size: 17px;
    position:relative;
    top: 3px;
    opacity: 0.5;
}
ul.post-meta li:last-child:after{
    display:none;
}
ul.post-meta li i,.singl_cat_lbl i{
    padding-right: 10px
}
.post-item .entry-content{
    padding: 30px 0 0;
    line-height: 1.7
}
.entry-content:after{
    display: table;
    content: " ";
    clear: both;
}
.post-item .itr_post_share{
    margin: 30px auto 0;
    padding: 0;
    text-align: center;
    list-style: none;
}
.itr_post_share > span{
    display: inline-block;
    font-size: 14px
}
.itr_post_share > div{
    display: inline-block;
    margin-left: 10px
}
.itr_post_share{
    margin-top: 30px
}
.blog-posts:not(.small-image) .post-media {
    padding-top: 56%;
    position: relative;
}
.post-item .post-media {
    overflow: hidden;
}
.post-item .post-media iframe,.post-item .post-media div.wp-video,.post-item .post-media video,.post-item .post-media .mejs-container{
    max-width: 100%;
    width: 100% !important;
    height: 100% !important;
    border: 0;
    border-radius: 15px;
}
.blog-posts:not(.small-image) .post-media iframe,.blog-posts:not(.small-image) .post-media div.wp-video,.blog-posts:not(.small-image) .post-media video,.blog-posts:not(.small-image) .post-media .mejs-container{
    position: absolute;
    top: 0;
    left: 0;
}
.blog-posts:not(.small-image) .post-gallery,.blog-posts:not(.small-image) .post-media,.post-media iframe,.blog-posts:not(.small-image) .post-media .mejs-container{
    overflow:hidden;
    line-height: 0;
    min-height: 80px;
}
.itr-blog-single .post-gallery,.itr-blog-single .post-media{
    border-radius: 10px;
    overflow: hidden;
    line-height: 0;
}
.itr-blog-single .post-media iframe,.itr-blog-single .post-media div.wp-video,.itr-blog-single .post-media video,.itr-blog-single .post-media .mejs-container{
    max-width: 100%;
    width: 100% !important;
    border: 0;
    min-height: 350px
}
.blog-posts.small-image .post-media iframe, .blog-posts.small-image .post-media div.wp-video, .blog-posts.small-image .post-media video, .blog-posts.small-image .post-media .mejs-video{
    height: 100% !important;
}
.itr-post-gallery .slick-dots{
    position: absolute;
    right: 20px;
    bottom: 5px;
    width: auto !important;
    margin: 0 !important;
}
.post-sticky{
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 2;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 18px;
}
.post-item .more_container{
    margin: 30px auto 17px;
    text-align: center;
    position: relative;
    border-bottom: 1px #e6e6e6 solid;
}
.post-item .more_container .box_more{
    background-color:#fff;
    margin-bottom: -17px;
}
.itr-content-column .pager{
    margin-top: 60px
}
ul.page-numbers li{
    display: inline-block;
    padding: 0 2px
}
ul.page-numbers li a,ul.page-numbers li span,.sub-pager a,.sub-pager > span:not(.page-links-title),.oldnew li a,.loadmore .btn{
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 50%;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 20px 0 rgba(10,10,10,0.15);
    box-shadow: 0 6px 20px 0 rgba(10,10,10,0.15);
    font-weight: 500
}
ul.page-numbers li a i{
    font-size: 17px
}
.sub-pager{
    padding-top: 30px
}
.sub-pager a,.sub-pager > span:not(.page-links-title){
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin-left: 4px
}
.sub-pager span.page-links-title{
    display: inline-block;
    padding-right: 10px
}
ul.page-numbers li a:hover,.sub-pager a:hover{
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}
.pager.centered > ul.page-numbers,.sub-pager{
    display: table;
    margin-left: auto;
    margin-right: auto;
}
.pager.right > ul.page-numbers{
    display: table;
    margin-left: auto;
    margin-right: 0;
}
.oldnew:after{
    display: table;
    clear: both;
    content: "";
}
.oldnew li a i{
    margin:0 10px 0 0;
    font-size: 18px;
    vertical-align: middle;
}
.oldnew li{
    float: left;
}
.oldnew li.next{
    float: right;
}
.oldnew li.next a i{
    margin:0 0 0 10px;
}
.oldnew li a,.loadmore .btn{
    padding: 25px 30px;
    position: relative;
    width: auto;
    border-radius: 5px;
    letter-spacing: 1px;
    line-height: 1;
    height: auto;
    font-size: 13px;
    font-weight: bold
}
.loadmore{
    position: relative;
    text-align: center;
    margin-top: 40px;
}
.loadmore .btn{
    padding: 30px 55px
}
.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 .itr_preloader, .loadmore .load_msg {
    display: none;
}
.loadmore .itr_preloader i {
    font-size: 17px;
    margin: 0 0 0 10px;
    position: relative;
    top: 2px;
    display: inline-block;
}
.itr_preloader i{
    font-size: 24px;
    display: table;
    margin: auto;
    -webkit-animation: uil-ring-anim 1s linear infinite;
    animation: uil-ring-anim 1s linear infinite;
}

/* blog types */
.post-gallery:after,.post-media:after,.post-image:after{
    display: table;
    content: " ";
    clear: both;
}
.blog-posts.small-image .inner_post_item{
    display: flex;
    display: -webkit-flex;
    margin: 0;
    padding: 0;
}
.blog-posts.small-image .post-item:last-child{
    margin-bottom: 60px;
}
.blog-posts.small-image .post-image,.blog-posts.small-image .post-gallery,.blog-posts.small-image .post-media{
    width: 50%;
    text-align: center;
}
.blog-posts.small-image .post-item .post-info,.blog-posts.small-image .post-item .post-meta,.blog-posts.small-image .post-item .more_container,.blog-posts.small-image .post-item .itr_post_share{
    text-align: left;
}
.blog-posts.small-image .post-item:nth-child(even) .inner_post_item .post-image,.blog-posts.small-image .post-item:nth-child(even) .inner_post_item .post-media,
.blog-posts.small-image .post-item:nth-child(even) .inner_post_item .post-gallery{
    order:1;
}
.blog-posts.small-image .post-item:nth-child(even) .inner_post_item .post-sticky{
    left:auto;
    right: 10px;
}
.blog-posts.small-image .post-item .post-info{
    padding-top: 30px;
    padding-bottom: 30px;
    width: 50%;
}
.blog-posts.small-image .post-item .post-info h3:after{
    transform: none;
    -webkit-transform: none;
    left: 0
}
.blog-posts .post-item .twitter-tweet{
    width: 100% !important
}
.blog-posts.small-image .post-item .post-info h3{
    padding-top: 0
}
.blog-posts.small-image .post-item .more_container{
    margin-top:10px
}
.blog-posts.small-image .post-info{
    padding-left: 30px;
    padding-top: 20px;
    background-color: #fff;
}
.blog-posts.small-image .entry-content{
    padding: 20px 0 0;
}
.blog-posts.grid,.blog-posts.masonry{
    margin: 0 -15px
}
.blog-posts.grid .post-item .inner_post_item,.blog-posts.masonry .post-item .inner_post_item{
    overflow: hidden;
    margin-left: -5px;
    margin-right: -5px;
}
.blog-posts.grid .post-item .post-info h3,.blog-posts.grid .post-item .post-info h2,.blog-posts.masonry .post-item .post-info h3,.blog-posts.masonry .post-item .post-info h2{
    font-size: 24px;
    text-align: center;
}
.blog-posts.grid .post-item .entry-content,.blog-posts.masonry .post-item .entry-content {
    /* font-size: 13px */
}
.gallery-size-thumbnail{
    overflow: hidden;
}
.gallery-columns-9 .gallery-item {
    width: 11.11111111111111%;
}
.gallery-columns-8 .gallery-item {
    width: 12.5%;
}
.gallery-columns-7 .gallery-item {
    width: 14.28571428571429%;
}
.gallery-columns-6 .gallery-item {
    width: 16.66666666666667%;
}
.gallery-columns-5 .gallery-item {
    width: 20%;
}
.gallery-columns-4 .gallery-item {
    width: 25%;
}
.gallery-columns-3 .gallery-item {
    width: 33.33333333333333%;
}
.gallery-columns-2 .gallery-item {
    width: 50%;
}
[class*="gallery-columns-"] .gallery-item img{
    width:100%
}
.gallery-item {
    float: left;
    position: relative;
    overflow: hidden;
}
.gallery-item p{
    margin: 0
}
.gallery-caption {
    background-color: rgba(0,0,0,.7);
    color: #fff;
    font-size: 12px;
    line-height: 1.5;
    margin: 0;
    max-height: 50%;
    opacity: 0;
    padding: 6px 8px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    text-align: left;
}
.gallery-item:hover .gallery-caption{
    opacity:1
}
.post-chat .chat-row{
    padding:15px;
    font-style: italic;
    font-size: 13px
}
.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,.02)
}

/* single */
.itr-blog-single .itr-post-content{
    position: relative;
}
.itr-single-img,.itr-single-media{
    overflow: hidden;
    margin-bottom: 30px;
    text-align: center;
}
.itr-blog-single .post-info{
    text-align: center;
    padding: 0;
    margin-bottom: 30px;
}
.itr-single-title{
    font-size: 44px;
}
.itr-single-content{
    margin-bottom: 60px;
}
.itr-blog-single .post-categories{
    margin: 30px auto 0;
    padding: 0;
    list-style: none;
    display: table;
}
.itr-blog-single .post-categories li{
    float: left;
    margin: 0 4px 4px 0;
}
.itr-blog-single .post-categories li a{
    font-size: 16px;
    line-height: 1;
    padding: 13px 20px;
    display: block;
    background-color: #edf6fc;
    font-weight: 600;
}
.itr-blog-single .post-categories li a:hover{
    background-color:#fff;
    color: #333
}
.itr-single-tags.itr-post-block{
    border: 0;
    font-size: 0px;
}
.itr-single-tags a{
    display: inline-block;
}
.itr-single-tags a:hover{
    border-color: transparent;
}
.itr-post-block.itr_post_share{
    padding: 40px;
    background-color: #edf6fc;
    border: 0;
    text-align:center;
}
.itr-post-block.itr_post_share .jssocials-share-link i:first-child{
    background-color:#fff;
}
.single-post .title-headings h1{
    display: none;
}
.post-tags{
    font-size: 0px;
    margin-top:8px;
}
.post-tags a{
    font-size: 13px;
    float: right;
    margin: 0 0 4px 4px;
    line-height: 1;
    padding: 10px 15px;
    color: #333;
    border: 1px #e8e8e8 solid;
    border-radius: 4px;
}
.itr-blog-single .post-tags a:hover{
    background-color: #fff;
    color:#222;
    border-color: #fff;
}
.author-info {
    padding: 40px;
    background-color: #edf6fc;
    border: 0 !important;
    display: flex;
}
.author-info .author_meta_section{
    margin-top: 30px;
    display: table;
}
.author-info .author_meta_section:before{
    content:" ";
    display:table;
    clear:both
}
.author-info .author_meta_section span.byline{
    font-size:13px;
    font-weight:bold;
}
.author-info .author_meta_section img{
    display: inline-block !important;
    margin-right: 10px;
    border-radius: 50%;
    vertical-align: middle;
    width: auto !important;
}
.author-info .author-avatar {
    margin: 0 30px 0 0;
    overflow: hidden;
    flex: 0 0 auto;
}
.author-info .author-avatar .avatar {
    max-width: 100%;
}
.author-info .author-name {
    font-size: 18px;
    line-height: 1;
    margin: 0 0 15px;
}
.itr-post-block{
    border: 1px #e8e8e8 solid;
    clear: both;
    margin-bottom: 30px;
    margin-top: 0;
    position: relative;
}
.itr-post-block:after{
    display: table;
    content: " ";
    clear: both;
}
.nav-single:before{
    position:absolute;
    width:1px;
    height:100%;
    display:block;
    content:"";
    background-color:#e8e8e8;
    margin-left:-0.5px;
    left:50%;
    top:0
}
.nav-single .nav-block{
    display: block;
    color: #222;
    font-size: 18px;
    font-weight: 700;
}
.nav-single .nav-next a:hover .meta-nav{
    transform: translate(5px,0);
    -webkit-transform: translate(5px,0);
}
.nav-single > div{
    width:50%;
    float: left;
}
.nav-single .nav-blog{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    border-radius: 50%;
    text-align: center;
    font-size: 35px;
    padding: 0;
    background-color: #fff;
    z-index: 2;
}
.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 a{
    display: block;
    position: relative;
    text-align: center;
    font-size: 14px;
    padding: 40px 0;
}
.nav-single .meta-nav{
    display: inline-block;
    font-size: 16px;
}
.nav-single a:hover .meta-nav{
    transform: translate(-5px,0);
    -webkit-transform: translate(-5px,0);
}
.nav-single .nav-next .meta-nav i{
    margin-left:10px;
    vertical-align: middle;
    font-size: 20px;
}
.nav-single .nav-previous .meta-nav i{
    margin-right: 10px;
    height: inherit;
    line-height: inherit;
    font-size: 20px;
    vertical-align: middle;
}
.nav-next{
    text-align:right
}
.itr-related-posts .itr-heading,.comment-respond .itr-heading,div.comments .itr-heading{
    font-size: 30px
}
.itr-related-posts .itr-heading:after,.comment-respond .itr-heading:after,div.comments .itr-heading:after{
    font-size: 55px;
}
.itr_rel_img{
    background-color: #f1f1f1;
    overflow: hidden;
    margin-bottom: 20px;
}
.itr_rel_link{
    text-align: center;
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 20px;
}
.itr_rel_date{
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    color: #666;
}
.itr-inner-heading{
    font-weight: 600;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px #e8e8e8 solid;
}
.comment-respond,div.comments,.itr-related-posts{
    clear: both;
    margin-top: 80px;
}
.comment-respond textarea,.comment-respond input[type="text"],.comment-respond  input[type="email"],.comment-respond  input[type="url"]{
    width:100%;
    resize: none;
}
.comment-respond .logged-in-as,.comment-respond .comment-notes{
    float:right;
    margin:0;
}
.comment-respond small{
    float: right;
    margin-left: 11px;
    margin-top: -31px;
}
.comment-respond small a,.required{
    color: #f00;
    font-size: 13px;
}
.comment-respond p{
    margin: 0 0 20px;
}
.comment-form-cookies-consent,.comment-notes{
    font-size:12px
}
.comment-respond label{
    margin-bottom: 5px;
    display: inline-block;
    vertical-align: middle
}
.comment-list li{
    list-style: none;
}
.comment-list > li{
    overflow:hidden;
    position: relative;
    margin-bottom: 20px;
}
.comment-body{
    position:relative
}
.comment-list li footer.comment-meta{
    position: relative;
}
.comment-list li .comment-author b{
}
.comment-list li .comment-metadata{
    font-size: 83%;
    margin: -25px 0 0 60px;
    opacity: 0.6;
}
.comment-list li .comment-author img{
    margin-right:10px;
    border-radius: 50%;
    width: 45px;
    vertical-align: text-top;
}
.comment-list li .comment-meta .edit-link{
    display:inline;
    margin-left: 10px;
}
.comment-list li article .reply{
    position: absolute;
    display: inline-block;
    font-size: 11px;
    text-transform: uppercase;
    right: 0;
    top: 0;
}
.comment-list li article .reply a{
    display: block;
}
.comment-list > li .comment-content{
    clear: left;
    word-wrap: break-word;
    margin: 0;
    padding: 15px 20px 20px 60px;
    border-bottom: 1px solid #dfdfdf;
}
.comment-list ul.children{
    margin: 0 0 0 25px;
    padding: 25px 0 0 25px;
}
.comment-list ul.children li{
    margin-bottom:20px
}
.form-submit input.submit{
    border:0;
    padding: 19px 26px;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    position:relative;
    letter-spacing: 1px;
    margin-top: 15px;
}
.form-submit input.submit:hover,.itr-blog-single .post-categories li a:hover,.itr-single-tags a:hover{
    -webkit-box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.2) !important;
    transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
}
.comment-form-author{
    width: 49%;
    float: left;
    margin-right: 1% !important;
}
.comment-form-email{
    width: 50%;
    float: left;
}

/* author page */
.my-details{
    margin-bottom: 50px
}
.my-details .my-img{
    margin-right: 20px
}
.my-details .rit-details li{
    padding: 10px 20px;
    font-size: 13px;
    border-bottom: 1px #eee dashed
}

/*
--------------------- 4.2. SideBar -------------------- */
.sidebar{
    flex: 0 0 30%;
    min-width: 0;
    order: 3;
    position: relative;
}
.flxrow.rit-cell .sidebar{
    order:1;
}
.sidebar .widget,.wpb_widgetised_column .widget {
    margin-bottom: 30px;
    box-shadow: 0px 2px 7px 0 rgba(0, 0, 0, 0.07);
    -webkit-box-shadow: 0px 2px 7px 0 rgba(0, 0, 0, 0.07);
    background-color: #fff;
    padding: 25px;
}
.sidebar .widget h2.widgettitle,.slbar .widget h2.widgettitle,.wpb_widgetised_column .widget h2.widgettitle{
    font-size: 20px;
    font-weight: 500;
    border-left: 5px #ddd solid;
    padding: 0 0 0 20px;
    margin-left: -31px;
    margin-bottom: 30px;
}
.sidebar .widget > ul,.wpb_widgetised_column .widget > ul{
    list-style: none;
    margin: 0;
    padding: 0
}
.sidebar .widget ul,.wpb_widgetised_column .widget ul,.slbar .widget ul{
    list-style: none;
    font-size: 14px;
}
.sidebar .widget ul ul,.wpb_widgetised_column .widget ul ul,.slbar .widget ul ul{
    padding-left: 20px;
}
.sidebar .widget ul ul li,.slbar .widget ul ul li{
    padding-top:5px
}
.sidebar .widget .wp-caption img,.sidebar .widget .textwidget img,.slbar .widget .textwidget img{
    border-radius:20px
}
.sidebar .widget > ul > li,.wpb_widgetised_column .widget > ul > li,.slbar .widget > ul > li{
    padding: 10px 0;
    border-top: 1px #e6e6e6 dashed;
    overflow: hidden;
}
.sidebar .widget_recent_entries > ul > li,.wpb_widgetised_column .widget_recent_entries > ul > li{
    padding: 15px 0
}
.slbar .widget > ul > li{
    border-top-color: rgba(255,255,255,0.1)
}
.sidebar .widget > ul > li:first-child,.wpb_widgetised_column .widget > ul > li:first-child,.slbar .widget > ul > li:first-child{
    border-top:0;
}
.sidebar .widget.widget_archive ul li a:before,.sidebar .widget.widget_meta ul li a:before,.sidebar .widget.widget_pages ul li a:before,.sidebar .widget.widget_categories ul li a:before,
.sidebar .widget.widget_nav_menu ul li a:before,.wpb_widgetised_column .widget.widget_archive ul li a:before,.wpb_widgetised_column .widget.widget_meta ul li a:before,.wpb_widgetised_column .widget.widget_pages ul li a:before,
.wpb_widgetised_column .widget.widget_categories ul li a:before,.wpb_widgetised_column .widget.widget_nav_menu ul li a:before{
    content: "\f105";
    padding-right: 10px;
    font-family: FontAwesome;
    opacity: 0.4
}
.widget:after{
    display: table;
    clear: both;
    content: " "
}
.tagcloud a,.itr-single-tags a {
    float: left;
    margin: 0 4px 4px 0;
    font-size: 14px !important;
    line-height: 1.2em;
    padding: 10px 15px;
    border: 1px rgba(0, 0, 0, 0.1) solid;
    text-transform: capitalize;
}
.widget .calendar_wrap table{
    table-layout: fixed;
}
.widget .calendar_wrap td{
    text-align: center;
}
.itr_author_info{
    text-align:center;
}
.author-name{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px
}
.itr_author_info .author-avatar{
    display:table;
    margin: 0 auto 25px;
}
.author-description{
    font-size: 13px;
    line-height: 1.7;
}
.widget_recent_entries h5{
    margin-bottom: 0px
}
.widget_recent_entries .post-img,.widget_recent_entries .post-gallery,.widget_recent_entries .post-media {
    float: left;
    margin-right: 20px;
    width: 60px;
    height: 60px;
    overflow: hidden;
}
.widget_recent_entries .post-gallery img,.widget_recent_entries .post-media img{
    width: 45px;
    height: 45px
}
.widget_recent_entries .wid_post-date{
    font-size: 12px;
}
.widget_recent_entries .wid_post-date i{
    padding-right: 10px
}
.widget_recent_entries .meta > span{
    display:inline-block;
    margin-right:8px
}
.widget_recent_entries .meta > span > i{
    color:inherit;
    opacity:0.4;
    padding-right:8px
}
.widget_recent_comments ul li.recentcomments{
    padding-left: 45px !important;
    position: relative;
}
span.comment-author-link{
    font-size: 13px;
    font-weight:bold;
    display: block;
    margin-bottom: -1px;
    line-height: 1;
}
.widget_recent_comments ul li:before{
    font-family: 'streamline';
    line-height: 1;
    font-size: 28px;
    content: "\ea6c";
    opacity: 0.15;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
}
.respons_svg{
    display: none;
    width: 100% !important;
    height: 100%;
    transform: none !important;
    -webkit-transform: none !important;
    left: 0;
    top: 0;
}
.itr-responsive-btn{
    display: none;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 45px;
    height: 45px;
    color: #fff !important;
    text-align: center;
    line-height: 50px;
    font-size: 19px;
    z-index: 99;
    text-transform: uppercase;
    border-radius: 50%;
    background-color: #222;
    transition: transform 0.6s ease;
    -webkit-transition: transform 0.6s ease;
}
.itr-responsive-btn.act-btn{
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
}
.coll-menu{
    position: absolute;
    right: 0px;
    top: 8px;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    text-align: center;
    color: #fff;
    z-index: 5;
    width: 30px;
    height: 30px;
    line-height: 33px;
    font-size: 12px;
    display: none;
    transition: transform 0.6s ease;
    -webkit-transition: transform 0.6s ease;
}
.coll-menu i{
    color:#fff !important
}
.itr_main_nav ul li li .coll-menu{
    top: 12px;
    width: 25px;
    height: 25px;
    line-height: 28px;
    font-size: 10px;
}
.coll-menu.act-btn{
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

body.admin-bar .side-head .itr-responsive-btn{
    top:50px
}

/* ==========================================================================
  8. RESPONSIVE STYLES
============================================================================= */
@media (max-width: 1024px) {
    .top-head .itr_head_wrap{
        padding-left: 15px !important;
        padding-right: 15px !important
    }
    .top-head .head-btn > a {
        width: 42px;
        height: 42px;
        line-height: 42px;
        font-size: 14px;
    }
    .wpb-js-composer .vc_tta.vc_tta-tabs.vc_tta-style-creative .vc_tta-tab {
        padding: 0 50px;
    }
    .itr-heading{
        font-size: 40px;
    }
}
@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;
    }
    .flxrow{
        display: block;
    }
    [class*="col-md-"]:not(.col-md-12){
        padding-bottom: 30px;
    }
    .skew_bg:after{
        border-radius: 0px !important;
        -webkit-transform: skew(0deg) !important;
        transform: skew(0deg) !important;
    }
    .custom-bullets ul.slick-dots{
        left: 50% !important;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        bottom: 15px;
    }
    .itr-main-content{
        padding: 50px 0 !important;
    }
    .comment-list ul.children{
        margin-left: 0
    }
    .container, .pageWrapper.boxed{
        width: 100% !important
    }
    .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-"]{
        width: 100%;
        float: none;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .cp-letters-wrap {
        display: table;
        clear: both;
        width: 100%;
        min-height: 70px;
        overflow: hidden;
    }
    .layers_wraper{
        width: 100% !important;
    }
    .img_layer{
        width: auto !important;
    }
    .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%
    }
    .container-fluid .slick-slider,.slick-slider.multi-slides .slick-list{
        overflow: hidden;
    }
    .slick-slider{
        margin: 0 !important
    }
    .side-wrap{
        margin:0 !important;
    }
    .side-head{
        padding: 20px
    }
    .page-title .in-page-title{
        height: auto !important;
        padding-top: 100px;
        padding-bottom: 60px;
    }
    .container,.container-fluid{
        padding-left: 30px;
        padding-right: 30px
    }
    .row [class*="vc_custom"],.container .container,.row,.recent-posts:not(.widget_recent_entries) {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-right: 0 !important;
        padding-left: 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
    }
    .wpb_single_image .wpb_wrapper{
        text-align: center !important;
        margin-bottom: 30px !important;
        width: 100%
    }
    .animated_bg{
        z-index: -1
    }
    .testi_holder{
        position: relative;
        z-index: 2
    }
    .itr-parallax-element{
    	display: none;
    }
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .itr-parallax-element{
    	display: none;
    }
    [class*="col-md-"][class*="vc_custom_"]{
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
    .itr-parallax-element{
    	display: none;
    }
    [class*="col-md-"][class*="vc_custom_"]{
        padding-left: 15px !important;
        padding-right: 15px !important
    }
}
@media (max-width: 768px){
    body.admin-bar .top-head {
        top: 35px;
    }
    .itr_main_nav,.itr-head-btns,.top-head.modern .itr_main_nav,.top-head.modern .itr-right-head-area .itr_main_nav,.itr_main_nav ul li a span span:before,.side_bottom,.side-head .itr_logo,
    .slurve-svg,.dashed_border,.vc_grid-filter,.itr_head_btn{
        display: none;
    }
    .oc-woo .woocommerce-ordering{
        margin-top: 0 !important;
        width: 100%;
    }
    .woocommerce div.product .woocommerce-tabs ul.tabs li,.woocommerce div.product .woocommerce-tabs ul.tabs li a{
        display: block;
        margin: 0 !important;
        border-radius: 10px
    }
    .woocommerce div.product .woocommerce-tabs ul.tabs{
        padding: 0 !important;
        border-radius: 10px
    }
    .woocommerce-cart table.cart td.actions .coupon .input-text,.coupon .button{
        width: 100% !important;
        display: block;
        margin-top: 10px !important
    }
    .itr-main-content > .woocommerce{
        padding: 0 30px
    }
    .top-head .itr_main_nav > ul > li > a > span{
        padding: 0;
        border: 0;
        border-radius: 0
    }
    .top-head .itr_head_wrap{
        display: block;
    }
    .itr_logo{
        margin-left:0 !important
    }
    .top-head.modern .itr_head_wrap > div[class*="-head-area"]{
        position: static;
    }
    .raysgrid .portfolio-item{
    	min-height: 300px
    }
    .woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content {
        width: 100%;
        padding: 0 0 30px
    }
    .woocommerce table.my_account_orders td, .woocommerce table.my_account_orders th,.woocommerce-cart .cart-collaterals .cart_totals table td, .woocommerce-cart .cart-collaterals .cart_totals table th{
        padding: 15px
    }
    .xxs-padding,.xxs-padding[class*="vc_custom_"]{padding-top: 10px !important;padding-bottom: 10px !important}
    .xs-padding,.xs-padding[class*="vc_custom_"]{padding-top: 20px !important;padding-bottom: 20px !important}
    .sm-padding,.sm-padding[class*="vc_custom_"]{padding-top: 30px !important;padding-bottom: 30px !important}
    .md-padding,.md-padding[class*="vc_custom_"]{padding-top: 40px !important;padding-bottom: 40px !important;}
    .lg-padding,.lg-padding[class*="vc_custom_"]{padding-top: 60px !important;padding-bottom: 60px !important}
    .xl-padding,.xl-padding[class*="vc_custom_"]{padding-top: 80px !important;padding-bottom: 80px !important}
    .xxl-padding,.xxl-padding[class*="vc_custom_"]{padding-top: 100px !important;padding-bottom: 100px !important}
    .itr_section[class*="vc_custom_"]{
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }
    .row[class*="vc_custom_"]:not([class*="-padding"]){
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }
    .nl-left-txt h4{
        font-size: 25px
    }
    .nl-left-txt p{
        font-size: 14px
    }
    .raysgrid.slick-slider .portfolio-item{
        width: 100% !important
    }
    .portfolio-item .port-img, .portfolio-item .gallery-item{
        min-height: 250px !important
    }
    .side-head:not(.invis_head){
        width: 100%;
        height: auto;
        left: 0;
        top: 0;
    }
    .side-head{
        background-color:transparent !important;
        box-shadow:none !important;
        -webkit-box-shadow: none !important;
        position:absolute;
        height: auto;
    }
    .side-head.right{
        right:0 !important
    }
    .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 .itr_main_nav{
        top: 80px;
        width:90% !important;
        border-radius:15px
    }
    body.admin-bar .side-head .itr_main_nav{
        top:110px
    }
    .side-head .itr_main_nav ul li{
        padding:0
    }
    .footer-middle .container > div,.footer-middle .container > ul{
        float:none !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: 40px
    }
    #footWrapper .widget h2.widgettitle{
        margin-bottom: 20px
    }
    #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;
    }
    .blog-posts .post-info .post-meta{
        border-radius: 0 !important;
        transform: none !important;
        margin: 15px 0 10px !important;
        padding: 0 !important;
        box-shadow: none !important
    }
    .post-item .post-image, .post-item .post-gallery, .post-item .post-media{
        min-height:auto
    }
    .itr-blog-single .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}
    .vc_grid-filter-select{
        display: block;
    }
    .page-title[class*="style"]{
        padding-bottom: 0
    }
    .page-title .title_bg{
        background-size: cover
    }
    #footWrapper.footer-1 .foot-top > .container {
        padding: 30px 0 10px;
    }
    #footWrapper.footer-1 .foot-top > .container .center_vert{
        padding: 15px;
        text-align: center;
    }
    .top-foot-nl-form{
        text-align: center;
    }
    .footer-middle {
        padding-top: 60px;
    }
    .top-head.full_header .container{
        padding: 0
    }
    .itr-responsive-btn,.coll-menu{
        display: block;
    }
    .itr_main_nav{
        width: 350px !important;
        position: absolute;
        top: 100%;
        right: 20px;
        background-color: #222;
        border-radius: 15px;
        z-index: 9;
    }
    .itr_main_nav > ul{
        display: block !important;
        width: 100%;
        padding: 25px;
    }
    .top-head .itr_main_nav .mega-content,.side-head .itr_main_nav .mega-content{
        width: 100%;
        min-width: 100%;
    }
    .itr_main_nav ul ul{
        min-width: 100% !important;
    }
    .itr_main_nav ul ul,.top-head .itr_main_nav .mega-content,.side-head .itr_main_nav .mega-content{
        position: static !important;
        box-shadow: none;
        -webkit-box-shadow: none;
        padding: 0 20px !important;
        max-height: 0px;
    }
    .itr_main_nav ul ul ul, .top-head .itr_main_nav .mega-content ul ul, .side-head .itr_main_nav .mega-content ul ul{
        padding:0 15px !important;
        background-color: rgba(0, 0, 0, 0.12) !important;
        transform: translateY(20px) !important;
        -webkit-transform: translateY(20px) !important;
        font-size: 13px;
        box-shadow: none;
        -webkit-box-shadow: none;
    }
    .itr_main_nav.custom ul ul ul,.top-head .itr_main_nav .mega-content ul ul,.side-head .itr_main_nav .mega-content ul ul{
        background-color: rgba(0, 0, 0, 0.12) !important;
    }
    .top-head .itr_main_nav .mega-content ul,.side-head .itr_main_nav .mega-content ul{
        padding: 0 !important;
        opacity: 0;
        visibility: hidden;
    }
    .top-head .itr_main_nav .mega-content > .row > ul,.itr_main_nav li.hiddenChild > a,
    .side-head .itr_main_nav .mega-content > .row > ul,.itr_main_nav li.hiddenChild > a{
        display: inline-block;
        visibility: visible;
        opacity: 1;
        max-height:1000px
    }
    .itr_main_nav .mega-content > .row > ul > li > a{
        margin-bottom: 0
    }
    .top-head .itr_main_nav .mega-content .coll-menu{
        right: 0;
    }
    .itr_main_nav > ul > li:not(.mega-menu) ul li.hasChildren:before, .itr_main_nav > ul > li:not(.mega-menu) ul li.hasChildren:after{
        display: none
    }
    .itr_main_nav > ul > li{
        line-height: 45px;
        position: relative !important;
        border-top: 1px rgba(255, 255, 255, 0.05) solid;
    }
    .itr_main_nav ul.act-menu,.top-head .itr_main_nav .mega-content.act-menu,.side-head .itr_main_nav .mega-content.act-menu{
        max-height: 1000px !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: perspective(600px) rotate3d(0,0,0,0);
        -webkit-transform: perspective(600px) rotate3d(0,0,0,0);
    }
    .top-head .itr_main_nav .mega-content ul ul.act-menu,.top-head .itr_main_nav ul ul ul.act-menu,
    .side-head .itr_main_nav .mega-content ul ul.act-menu,.side-head .itr_main_nav ul ul ul.act-menu{
        transform: translateY(0px) !important;
        -webkit-transform: translateY(0px) !important;
    }
    .itr_main_nav > ul > li:first-child{
        border-top: 0px;
    }
    .itr_main_nav ul li a{
        color:#fff !important;
        font-weight:normal !important;
        text-transform:none !important;
        padding-right: 0 !important;
        transition: none !important;
        -webkit-transition: none !important;
    }
    .itr_main_nav .mega-content .row ul li a{
        padding:15px 0 !important
    }
    .itr_main_nav ul li a span span:before{
        transform: translateY(-114%);
        -webkit-transform: translateY(-114%);
        line-height: 1.3;
    }
    .respons_svg,.itr_main_nav > ul > li{
        display: block !important;
    }
    .svg-container{
        width: 100% !important
    }
    .footer-bottom .widget {
        padding: 0 0 20px;
    }
    .footer-bottom > .container{
        padding: 30px 15px
    }
    .slick-slider.arrows-bottom-center .slick-arrow, .slick-slider.arrows-bottom-right .slick-arrow, .slick-slider.arrows-bottom-left .slick-arrow{
        bottom: 0
    }
    h1.itr-heading{
        font-size: 7vw !important;
        line-height: normal !important;
    }
    h2.itr-heading{
        font-size: 6vw !important;
        line-height: normal !important;
    }
    h3.itr-heading{
        font-size: 5vw !important;
        line-height: normal !important;
    }
    h4.itr-heading{
        font-size: 4vw !important;
        line-height: normal !important;
    }
    h5.itr-heading{
        font-size: 3vw !important;
        line-height: normal !important;
    }
    h6.itr-heading{
        font-size: 2vw !important;
        line-height: normal !important;
    }
    .skew_bg:after{
        width: 100% !important
    }
    .itr-heading[class*="head_"]{
        margin-top: 0 !important;
        margin-bottom: 20px !important;
    }
    h6.itr-heading[class*="head_"]{
        margin-bottom: 0px !important;
    }
    .container .container:not(.slick-slide) {
        width: 700px !important;
    }
    .wpb-js-composer .vc_tta.vc_general .vc_tta-tabs-list{
        display: flex !important;
    }
    .wpb-js-composer .vc_tta.vc_tta-tabs.vc_tta-style-creative .vc_tta-tab>a {
        font-size: 14px;
    }
    .page-title h3{
        max-width: 100%;
    }
}
@media (max-width: 640px){
    .wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title>a{
        background-color: rgba(255, 255, 255, 0.4) !important;
    }
    .top-bar > .container > [class*="pull-"]{
        float: none !important;
        display: table;
        margin: 0 auto;
    }
    .cp-img-map{
        overflow:hidden;
    }
    h1{font-size: 35px;}
    h2{font-size: 30px;}
    h3{font-size: 25px;}
    h4{font-size: 18px;}
    .cp-text{
        display:block !important
    }
    .cp-text span{
        width:auto !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;
    }
    .nav-single > div,.nav-single > div > a{
        width: 100%;
        margin:0 0 5px;
        text-align: center !important;
        display: inline-block;
        border-left: 0 !important;
    }
    .nav-single:before{
        top: 50%;
        height: 1px;
        width: 100%;
        left:0;
    }
    .author-info{
        display:block;
        text-align:center
    }
    .author-avatar{
        float: none !important;
        clear: both;
        margin: 0 0 30px !important;
    }
    .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
    }
    .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
    }
    .break-news{
        height: auto;
    }
    .break-news span.lbl{
        display: block;
        float: none;
        clear: both;
        margin: 0
    }
    [class*="col-md-"]:after{
        clear: both;
        display: table;
        content: ""
    }
    .btn-icon{
        padding: 10px;
        font-size: 16px
    }
    .cp-text span,.cp-text, .cp-title{
        font-size: 3.0vh !important;
    }
    .page-title h1{
        font-size: 9vw !important;
        line-height: normal !important;
    }
    h1.itr-heading,h1.cp-text,h1.cp-text b{
        font-size: 8vw !important;
        line-height: normal !important;
    }
    h2.itr-heading,h2.cp-text,h2.cp-text b,.itr-single-title{
        font-size: 7vw !important;
        line-height: normal !important;
    }
    h3.itr-heading,h3.cp-text,h3.cp-text b{
        font-size: 6vw !important;
        line-height: normal !important;
    }
    h4.itr-heading,.itr-post-title,h4.cp-text,h4.cp-text b{
        font-size: 5vw !important;
        line-height: normal !important;
    }
    h5.itr-heading,h5.cp-text,h5.cp-text b,.itr-twitter-shortcode .timeline-Tweet-text,.itr-twitter-shortcode .timeline-Tweet-text a{
        font-size: 4vw !important;
        line-height: normal !important;
    }
    h6.itr-heading,h6.cp-text,h6.cp-text b{
        font-size: 3vw !important;
        line-height: normal !important;
    }
    .page-title h3 {
        font-size: 4vw !important;
        line-height: normal !important;
    }
    .container .container:not(.slick-slide) {
        width: 100% !important;
    }
    .steps_wrap.horiz_steps {
        display: block;
    }
    .step_line:before,.itr-heading.style2:before{
        display: none;
    }
    .portfolio-item{
        min-height: 250px
    }
    .itr-heading.centered{
        max-width: 95%
    }
    .pricing_tbl{
        margin-bottom: 40px
    }
    .btn{
        margin: 0 0 20px
    }
    .page-loader > div{
        width: 250px
    }
    /*.itr-icon-box[class*="icbx_"]{
        padding: 30px;
    }*/
    #footWrapper{
        padding-top: 0
    }
    .slick-slide{
        margin: 0 !important
    }
    .member_img img {
        max-width: 100%;
    }
    .pp-tableCell img{
        max-height: 200px;
        width: auto;
    }
    .pp-tableCell .wpb_single_image .wpb_wrapper{
        margin-bottom: 0
    }
    .skew_bg:after{
        left: 0 !important;
        right: 0 !important
    }
}
@media (max-width: 320px){
    .itr_main_nav{
        width: 300px !important;
        right: 10px
    }
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (             min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
    .itr-logo.has-retina .retina_logo {
        display: block;
        margin-top: 15px
    }
    .itr-logo.has-retina .site_logo {
        display: none;
    }
}