@charset "UTF-8";
/*
Theme Name: cattemplate
Author: AP
Author URI: https://wordpress.org/
Description: Custom theme.
Requires at least: 4.9.6
Requires PHP: 5.2.4
Version: 1.0

*/

@font-face {
    font-family: 'TT Firs Neue';
    src: url('fonts/TTFirsNeue-Medium.eot');
    src: url('fonts/TTFirsNeue-Medium.eot?#iefix') format('embedded-opentype'),
    url('TTFirsNeue-Medium.woff2') format('woff2'),
    url('fonts/TTFirsNeue-Medium.woff') format('woff'),
    url('fonts/TTFirsNeue-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

* {
    padding: 0;
    margin: 0;
    outline: none;
    list-style: none;
    border: 0 none
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

html {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

body {
    color: #333;
    font-family: 'TT Firs Neue', Arial, Verdana, sans-serif;
    font-size: 13px
}

pre, code {
    direction: ltr;
    font: 11px/19px 'andale mono', 'lucida console', monospace;
    padding: 3px;
    display: block;
    overflow-x: visible;
    overflow-y: hidden;
    margin: 0 0 20px 0;
    color: #666;
    border-top: 1px solid #E1E1E1;
    border-left: 1px solid #E1E1E1;
    border-bottom: 1px solid #F0F0F0;
    border-right: 1px solid #F0F0F0
}

h1, h2, h3, h4, h5, h6 {
    text-align: center;
    font-weight: 400
}

.alignright {
    float: right
}

.alignleft {
    float: left
}

.aligncenter {
    clear: both;
    margin-left: auto;
    margin-right: auto
}

a {
    color: #444;
    text-decoration: none
}

a:hover {
    color: #000
}

.clear {
    clear: both
}

#theme-header:after, #signup_form:after, #buddypress:after, #main-nav:after, .gallery:after, #respond:before {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: " "
}

a, .post-title a, ul.slider-navigation li, .pagenavi a, a.more-link, .main-menu li a, .subscribe-icons a, .flickr_badge_image img, .mega-menu-item img, .arqam-lite-widget-counter a i, .arqam-lite-widget-counter a span, .arqam-lite-widget-counter a small, .search-block-large .search-button, .search-block-large #s, .widget.timeline-posts li span.tie-date, .widget.timeline-posts li span.tie-date:before {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}


textarea, input, select {
    border: 1px solid #ccc;
    background: #fff;
    font-size: inherit
}

textarea {
    overflow: auto;
    width: 100%
}

textarea, input {
    padding: 5px;
    outline: none
}

select {
    padding: 2px
}

option {
    padding: 0 4px
}

input[type=button], button {
    padding: 4px;
    cursor: pointer;
    vertical-align: middle
}

input.text_input, textarea.textarea {
    border: 1px solid #ccc;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px
}

textarea, input[type=text], input[type=password], input[type=email], input[type=url], input[type=tel], input[type=number], input[type=date], input[type=file], input[type=search], input[type=color], input[type=datetime], input[type=datetime-local], input[type=month], input[type=range], input[type=time], input[type=week], select {
    border-color: #F1F1F1;
    border-top-color: #DDD;
    border-left-color: #DDD;
    background-color: #F9F9F9;
    color: #515151;
    font: 12px Tahoma;
    padding: 8px;
    margin-bottom: 7px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

textarea:hover, input[type=text]:hover, input[type=password]:hover, input[type=email]:hover, input[type=url]:hover, input[type=tel]:hover, input[type=number]:hover, input[type=date]:hover, input[type=file]:hover, input[type=search]:hover, input[type=color]:hover, input[type=datetime]:hover, input[type=datetime-local]:hover, input[type=month]:hover, input[type=range]:hover, input[type=time]:hover, input[type=week]:hover, select:focus {
    background-color: #F5F5F5
}

textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=url]:focus, input[type=tel]:focus, input[type=number]:focus, input[type=date]:focus, input[type=file]:focus, input[type=search]:focus, input[type=color]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=month]:focus, input[type=range]:focus, input[type=time]:focus, input[type=week]:focus, select:focus {
    background-color: #fff
}

.button, a.button, a.more-link, #main-content input[type="submit"], .form-submit #submit, #login-form .login-button, .widget-feedburner .feedburner-subscribe, input[type="submit"], #buddypress button, #buddypress a.button, #buddypress input[type=submit], #buddypress input[type=reset], #buddypress ul.button-nav li a, #buddypress div.generic-button a, #buddypress .comment-reply-link, a.bp-title-button {
    width: auto;
    position: relative;
    background-color: #F88C00;
    color: #FFF;
    padding: 5px 12px;
    display: inline-block;
    line-height: 22px;
    border: 0 none;
    cursor: pointer;
    text-decoration: none;
    webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important
}

.button:hover, a.button:hover, a.more-link:hover, #main-content input[type="submit"]:hover, .form-submit #submit:hover, #login-form .login-button:hover, .widget-feedburner .feedburner-subscribe:hover, input[type="submit"]:hover, #buddypress button:hover, #buddypress a.button:hover, #buddypress input[type=submit]:hover, #buddypress input[type=reset]:hover, #buddypress ul.button-nav li a:hover, #buddypress div.generic-button a:hover, #buddypress .comment-reply-link:hover, a.bp-title-button:hover {
    background-color: #ffc400 !important;
    text-decoration: none
}

::-moz-selection {
    background: #F9A386;
    color: #fff;
    text-shadow: none
}

::selection {
    background: #F9A386;
    color: #fff;
    text-shadow: none
}

::-webkit-scrollbar-track {
    background: #FFF;
    -webkit-box-shadow: inset 1px 1px 2px #E0E0E0;
    border: 1px solid #D8D8D8
}

::-webkit-scrollbar-thumb {
    background: #F88C00;
    -webkit-box-shadow: inset 1px 1px 2px rgba(155, 155, 155, .4)
}

::-webkit-scrollbar-thumb:hover {
    -webkit-box-shadow: inset 1px 1px 10px rgba(0, 0, 0, .3)
}

::-webkit-scrollbar-thumb:active {
    background: #888;
    -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .3)
}

#respond h3, .woocommerce-tabs .entry-content h2, .woocommerce .related.products h2, .entry .woocommerce h2, .woocommerce-billing-fields h3, .woocommerce-shipping-fields h3, #order_review_heading, #bbpress-forums fieldset.bbp-form legend, #buddypress .item-body h4, #buddypress #item-body h4 {
    font-size: 22px;
    font-family: BebasNeueRegular, arial, Georgia, serif
}


@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    #main-nav ul li.menu-item-home a {
        background-size: 30px 78px
    }

    span.stars-large, span.stars-large span {
        background-size: 98px 44px
    }

    span.stars-small, span.stars-small span {
        background-size: 54px 30px
    }
}

.wrapper-outer {
    position: relative
}

.background-cover {
    position: fixed;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    z-index: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.container {
    width: 1045px;
    margin: 0 auto
}

#wrapper.boxed {
    margin: 0 auto
}

#wrapper.boxed #theme-header, #wrapper.boxed .breaking-news, #wrapper.boxed #main-content {
    width: 1045px;
    -webkit-box-shadow: 0 0 3px #CACACA;
    -moz-box-shadow: 0 0 3px #cacaca;
    box-shadow: 0 0 3px #CACACA
}

#wrapper.boxed #main-content {
    padding-right: 24px;
    padding-left: 24px
}

#wrapper.boxed .post-cover-head {
    margin: -24px -24px 20px
}

#wrapper.boxed-all {
    position: relative;
    background: #FFF;
    width: 1045px;
    margin: 0 auto;
    -webkit-box-shadow: 0 0 3px #CACACA;
    -moz-box-shadow: 0 0 3px #cacaca;
    box-shadow: 0 0 3px #CACACA
}

#wrapper.boxed-all #theme-header {
    margin-top: 0
}

#wrapper.boxed-all .breaking-news {
    margin-right: 24px;
    margin-left: 24px;
    -webkit-box-shadow: 0 0 2px #CACACA;
    -moz-box-shadow: 0 0 2px #cacaca;
    box-shadow: 0 0 2px #CACACA
}

#wrapper.boxed-all #main-content {
    width: 997px;
    margin-top: 0;
    padding: 0;
    background: transparent
}

#wrapper.boxed-all #footer-widget-area, #wrapper.boxed-all .footer-bottom .container {
    width: 997px
}

#wrapper.boxed-all .post-cover-head {
    margin: 0 -24px 20px
}

#wrapper.wide-layout {
    background: #FFF;
    position: relative
}

#wrapper.wide-layout .header-content, #wrapper.wide-layout .breaking-news, #wrapper.wide-layout .container, #wrapper.wide-layout #main-nav ul li.mega-menu .mega-menu-block {
    width: 1010px
}

#wrapper.wide-layout #theme-header {
    margin-top: 0
}

#wrapper.wide-layout #main-nav .main-menu {
    margin: 0 !important
}

#wrapper.wide-layout .breaking-news {
    margin-bottom: 0;
    -webkit-box-shadow: 0 0 1px #CACACA;
    -moz-box-shadow: 0 0 1px #cacaca;
    box-shadow: 0 0 1px #CACACA
}

#wrapper.wide-layout #main-content {
    margin-top: 10px;
    background: transparent
}

#wrapper.wide-layout .post-cover-head {
    margin: -10px 0 20px
}

#theme-header {
    background: #FFF;
    margin: 20px auto 25px;
    border-top: 3px solid #f88c00;
    position: relative
}

.top-nav {
    background: #fbfbfb;
    border-bottom: 1px solid #ececec;
    height: 31px
}

.top-nav ul {
    float: left
}

.top-nav ul li {
    position: relative;
    display: inline-block;
    float: left;
    font-size: 12px
}

.top-nav ul li a {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    color: #838383;
    padding: 0 10px
}

.top-nav ul li a:hover {
    color: #000
}

.top-nav ul ul {
    background: #fbfbfb;
    display: none;
    padding: 0;
    position: absolute;
    top: 30px;
    width: 180px;
    z-index: 200;
    float: left;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .4);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .4)
}

.top-nav ul ul li {
    background: none !important;
    border: none !important;
    z-index: 200;
    min-width: 180px
}

.top-nav ul ul ul {
    right: auto;
    left: 100%;
    top: 0;
    z-index: 200
}

.top-nav ul ul a {
    background: none !important;
    height: auto !important;
    line-height: 1em;
    padding: 10px 10px;
    width: 160px;
    display: block !important;
    margin-right: 0 !important;
    z-index: 200;
    color: #777 !important
}

.top-nav ul li:hover > a, .top-nav ul:hover > a, .top-nav ul li.current-menu-item a {
    color: #000
}

.top-nav ul li.menu-item-has-children a {
    padding-right: 20px
}

#main-nav ul li.menu-item-has-children:after, #main-nav ul li.mega-menu:after, .top-menu ul li.menu-item-has-children:after {
    position: absolute;
    right: 7px;
    top: 50%;
    display: inline-block;
    content: '';
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top: 4px solid #bbb
}

#main-nav ul ul li.menu-item-has-children:after, #main-nav ul ul li.mega-menu:after, .top-nav .top-menu ul ul li.menu-item-has-children:after {
    border: 4px solid transparent;
    border-left-color: #bbb
}

.top-nav ul li.current-menu-item:before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    z-index: 2;
    right: 45%;
    border: 4px solid transparent;
    border-top-color: #F88C00
}

.top-nav ul ul li.current-menu-item:before {
    display: none
}

.top-nav ul ul li:hover > a, .top-nav ul ul:hover > a {
    color: #000 !important;
    padding: 10px 5px 10px 15px
}

.top-nav ul li:hover > ul {
    display: block;
    -webkit-animation: tieFadeInDown .1s ease-in;
    -moz-animation: tieFadeInDown .1s ease-in;
    animation: tieFadeInDown .1s ease-in
}

.today-date {
    float: left;
    padding: 0 10px;
    font-size: 10px;
    color: #666;
    margin: 10px 10px 0 0;
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid #CCC;
    border-width: 0 1px 0 0
}

.search-block {
    height: 30px;
    overflow: hidden;
    float: right;
    margin-left: 5px;
    position: relative
}

.search-block:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 10px;
    z-index: 2;
    right: 30px;
    border: 4px solid transparent;
    border-right-color: #F88C00
}

.search-block #s-header {
    background: #FFF;
    float: right;
    font: normal 11px tahoma;
    padding: 9px 12px 8px 12px;
    width: 90px;
    color: #C5C5C5;
    border: 0 none;
    border: 1px solid #ececec;
    border-width: 0 0 0 1px;
    -webkit-transition: width .7s, color .4s;
    -moz-transition: width .7s, color .4s;
    -o-transition: width .7s, color .4s;
    transition: width .7s, color .4s;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.search-block #s-header:focus {
    color: #000;
    width: 150px
}

.search-block .search-button {
    background: #f88c00;
    cursor: pointer;
    float: right;
    height: 30px;
    width: 30px;
    display: block;
    border: 0 none;
    box-shadow: none !important;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.search-block .search-button:active {
    top: 0
}

.search-block:hover .search-button, .search-block:hover #s-header {
    opacity: 1;
    color: #444
}

.search-block button.search-button i:before {
    font-size: 18px;
    color: #FFF
}

#live-search_results {
    background: #FFF;
    z-index: 550 !important;
    overflow: hidden;
    padding: 10px;
    -webkit-box-shadow: 0 0 3px #CACACA;
    -moz-box-shadow: 0 0 3px #cacaca;
    box-shadow: 0 0 3px #CACACA
}

.live-search_more {
    display: block;
    min-height: 1px;
    margin: 3px 0 0;
    padding: 8px;
    text-align: center;
    font-weight: 700;
    line-height: 12px
}

.live-search_header {
    display: none
}

.live-search_result_container li {
    padding: 8px 0 4px;
    border-bottom: 1px solid #f2f2f2;
    overflow: hidden
}

.live-search_result_container .post-thumbnail {
    float: left;
    margin-bottom: 0
}

.live-search_result_container .post-thumbnail img {
    max-width: 65px
}

#live-search_loading {
    display: block !important;
    width: 100%;
    height: 31px !important
}

#main-nav .submenu-languages {
    display: none;
    padding: 0;
    position: absolute;
    z-index: 205;
    border-top: 2px solid #F88C00;
    background: #2d2d2d;
    color: #999;
    -webkit-box-shadow: 0 3px 4px 1px rgba(0, 0, 0, .2);
    box-shadow: 0 3px 4px 1px rgba(0, 0, 0, .2);
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

#main-nav .menu-item-language:hover .submenu-languages {
    display: block
}

.top-nav .social-icons {
    float: right;
    padding-top: 2px
}

.top-nav .social-icons a {
    color: #555
}

.top-nav .social-icons a, .footer-bottom .social-icons a {
    opacity: .5
}

.top-nav .social-icons a:hover, .footer-bottom .social-icons a:hover {
    top: 0;
    opacity: 1
}

.top-nav .social-icons i:before, .footer-bottom .social-icons i:before {
    padding: 0 2px;
    line-height: 24px;
    font-size: 14px
}

.header-content {
    padding: 20px 15px;
    margin: 0 auto
}

.logo {
    float: left
}

img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

picture img {
    border-radius: 14px;
    margin: 20px auto;
}

.logo img {
    max-width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    max-width: 200px;
}

.logo h1, .logo h2 {
    font: bold 32pt arial
}

.logo strong {
    display: none
}

.logo span {
    font-weight: 400;
    font-size: 14px;
    display: block;
    clear: both
}

#theme-header.full-logo .header-content {
    padding: 0
}

#theme-header.full-logo .logo {
    float: none;
    margin: 0 !important
}

#theme-header.full-logo .logo a {
    display: block;
    line-height: 0
}

#theme-header.full-logo .logo img {
    width: 100%;
    height: auto
}

#theme-header.center-logo .logo, #theme-header.center-logo .e3lan-top {
    float: none;
    text-align: center
}

#main-nav {
    margin: 0 auto;
    background: #2d2d2d;
    min-height: 52px;
    border-bottom: 5px solid #F88C00
}

#main-nav .container, #main-nav-uber .container {
    position: relative
}

#main-nav .main-menu {
    margin-left: 10px
}

#main-nav ul li {
    font-size: 13px;
    position: relative;
    display: inline-block;
    float: left;
    border: 1px solid #222;
    border-width: 0 0 0 1px;
    height: 42px
}

#main-nav ul li:first-child, #main-nav ul li:first-child a {
    border: 0 none
}

#main-nav ul li:last-child a {
    border-right-width: 0
}

#main-nav ul li a {
    display: block;
    height: 42px;
    position: relative;
    line-height: 47px;
    color: #ddd;
    padding: 0 10px;
    border: 1px solid #383838;
    border-width: 0 0 0 1px
}

#main-nav ul li i.fa, #slide-out ul li i.fa, #mobile-menu li.menu-item-home a:before {
    margin-right: 5px
}

#main-nav ul li.menu-item-has-children a, #main-nav ul li.mega-menu a {
    padding-right: 20px
}

#main-nav ul li.current-menu-item a, #main-nav ul li.current-menu-item a:hover, #main-nav ul li.current-menu-parent a, #main-nav ul li.current-menu-parent a:hover, #main-nav ul li.current_page_parent a, #main-nav ul li.current_page_parent a:hover, #main-nav ul li.current-page-ancestor a, #main-nav ul li.current-page-ancestor a:hover {
    background: #F88C00;
    color: #FFF;
    height: 52px;
    line-height: 57px;
    border-width: 0 !important
}

#main-nav ul li.current-menu-item .menu-sub-content a, #main-nav ul li.current-menu-item .menu-sub-content a:hover, #main-nav ul li.current-menu-parent .menu-sub-content a, #main-nav ul li.current-menu-parent .menu-sub-content a:hover, #main-nav ul li.current_page_parent .menu-sub-content a, #main-nav ul li.current_page_parent .menu-sub-content a:hover, #main-nav ul li.current-page-ancestor .menu-sub-content a, #main-nav ul li.current-page-ancestor .menu-sub-content a:hover, #main-nav ul li.current-menu-item .menu-sub-content ul, #main-nav ul li.current-menu-parent .menu-sub-content ul, #main-nav ul li.current_page_parent .menu-sub-content ul, #main-nav ul li.current-page-ancestor .menu-sub-content ul {
    top: 0
}

#main-nav ul li.menu-item-has-children:after, #main-nav ul li.mega-menu:after {
    border-top-color: #ddd
}

#main-nav ul ul li.menu-item-has-children:after {
    border-left-color: #ddd
}

#main-nav ul > li.menu-item-has-children:hover > a:after, #main-nav ul > li.mega-menu:hover > a:after {
    content: "";
    position: absolute;
    left: 20px;
    top: 36px;
    border-width: 0 8px 8px;
    border-style: solid;
    border-color: transparent transparent #F88C00;
    display: block;
    width: 0;
    z-index: 200;
    -webkit-animation: tieFadeInDown .2s ease-in;
    -moz-animation: tieFadeInDown .2s ease-in;
    animation: tieFadeInDown .2s ease-in
}

#main-nav ul ul li.current-menu-item a, #main-nav ul ul li.current-menu-item a:hover, #main-nav ul ul li.current-menu-parent a, #main-nav ul ul li.current-menu-parent a:hover, #main-nav ul ul li.current_page_parent a, #main-nav ul ul li.current_page_parent a:hover, #main-nav ul ul li.current-page-ancestor a, #main-nav ul ul li.current-page-ancestor a:hover {
    border-width: 1px !important
}

#main-nav ul ul > li.menu-item-has-children:hover > a:after, #main-nav ul ul > li.mega-menu:hover > a:after, #main-nav ul li .mega-menu-block ul.sub-menu:before {
    display: none
}

#main-nav ul > li.current-menu-item.menu-item-has-children:hover > a:after, #main-nav ul > li.current_page_parent.menu-item-has-children:hover > a:after {
    top: 45px
}

#main-nav ul ul.sub-menu {
    width: 200px;
    z-index: 250
}

#main-nav ul ul ul.sub-menu, #main-nav ul ul li.current-menu-item ul, #main-nav ul ul li.current_page_parent ul, #main-nav ul ul li.current-menu-parent ul, #main-nav ul ul li.current-page-ancestor ul {
    top: -2px
}

#main-nav ul .mega-menu-block ul ul.sub-menu, #main-nav ul .mega-menu-block ul li.current-menu-item ul, #main-nav ul .mega-menu-block ul li.current_page_parent ul, #main-nav ul .mega-menu-block ul li.current-menu-parent ul, #main-nav ul .mega-menu-block ul li.current-page-ancestor ul {
    top: 0
}

#main-nav .menu-sub-content {
    display: none;
    padding: 0;
    position: absolute;
    z-index: 205;
    border-top: 2px solid #F88C00;
    background: #2d2d2d;
    color: #999;
    -webkit-box-shadow: 0 3px 4px 1px rgba(0, 0, 0, .2);
    box-shadow: 0 3px 4px 1px rgba(0, 0, 0, .2);
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

#main-nav ul li.current-menu-item ul, #main-nav ul li.current-menu-parent ul, #main-nav ul li.current_page_parent ul, #main-nav ul li.current-page-ancestor ul {
    top: 52px
}

#amin-nav ul ul li, #main-nav ul ul li:first-child {
    background: none !important;
    width: 100%;
    border: 0 none;
    border-bottom: 1px solid #333;
    font-size: 12px;
    height: auto !important;
    margin: 0 !important
}

#main-nav ul ul ul, #main-nav ul li .mega-menu-block ul.sub-menu {
    border-top: 0 none
}

#main-nav ul ul li:first-child, #main-nav ul li.current-menu-item ul li:first-child, #main-nav ul li.current_page_parent ul li:first-child, #main-nav ul li.current-menu-parent ul li:first-child {
    border-top: 0 none !important
}

#main-nav ul ul ul {
    right: auto;
    left: 100%;
    top: 0;
    z-index: 210
}

#main-nav ul ul a, #main-nav .mega-menu-block a {
    border: 0 none;
    background: none !important;
    height: auto !important;
    line-height: 1.5em !important;
    padding: 7px;
    display: block;
    margin-right: 0;
    z-index: 210;
    color: #ccc
}

#main-nav .mega-menu-block a.mega-menu-link {
    padding: 0;
    margin-top: 10px
}

#main-nav ul li.current-menu-item ul a, #main-nav ul li.current_page_parent ul a, #main-nav ul li.current-menu-parent ul a, #main-nav ul li.current-page-ancestor ul a {
    color: #eee
}

#main-nav ul li:hover > a, #main-nav ul:hover > a {
    color: #FFF
}

#main-nav ul ul li:hover > a, #main-nav ul ul:hover > a {
    color: #FFF;
    padding-left: 15px;
    padding-right: 5px
}

#main-nav ul li:hover > ul, #main-nav ul li:hover > .mega-menu-block {
    display: block;
    -webkit-animation: tieFadeInDown .2s ease-in;
    -moz-animation: tieFadeInDown .2s ease-in;
    animation: tieFadeInDown .2s ease-in
}

#main-nav ul li.current-menu-item, #main-nav ul li.current_page_parent, #main-nav ul li.current-menu-parent, #main-nav ul li.current-page-ancestor {
    margin-top: -5px;
    height: 52px;
    border-width: 0
}

#main-nav ul li.menu-item-home a {
    background-repeat: no-repeat !important;
    background-position: center -44px;
    text-indent: -9999px;
    width: 52px
}

#main-nav ul li.menu-item-home.current-menu-item a {
    background-position: center 13px;
    height: 52px;

}

#main-nav ul .current-menu-item a {
    border: 1px solid transparent;
    border-radius: 10px 10px 0 0;
}

#main-nav ul li.menu-item-home:after {
    display: none
}

#main-nav ul li.menu-item-home ul li a, #main-nav ul ul li.menu-item-home a, #main-nav ul li.menu-item-home ul li a:hover {
    background-color: transparent !important;
    text-indent: 0;
    background-image: none !important;
    height: auto !important;
    width: auto
}

#main-nav ul li.mega-menu .mega-menu-block {
    width: 1045px;
    left: -10px;
    padding: 25px 25px 5px
}

#main-nav ul li.mega-menu .mega-menu-block img {
    max-width: 100%;
    height: auto
}

#main-nav ul li.mega-menu .post-thumbnail, #main-nav ul li.mega-menu .post-thumbnail a, #main-nav ul li .mega-menu-block .tie-date i.fa {
    margin: 0;
    padding: 0
}

#main-nav ul li.mega-menu.mega-links .mega-menu-block {
    padding-right: 0
}

#main-nav ul li.mega-menu.mega-links .mega-menu-block .sub-menu-columns-item {
    -webkit-animation: none;
    -moz-animation: none;
    animation: none
}

#main-nav li.mega-menu.mega-links .mega-menu-block ul li.mega-link-column {
    float: left;
    border: 0 none;
    margin-bottom: 10px;
    padding-right: 25px;
    width: 50%
}

#main-nav li.mega-menu.mega-links .mega-menu-block ul li.mega-link-column:after {
    display: none
}

#main-nav ul li.mega-menu.mega-links a.mega-links-head {
    padding: 10px 0;
    text-align: center;
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px
}

#main-nav li.mega-menu.mega-links.mega-links-3col .mega-menu-block ul li.mega-link-column {
    width: 33.333%
}

#main-nav li.mega-menu.mega-links.mega-links-4col .mega-menu-block ul li.mega-link-column {
    width: 25%
}

#main-nav li.mega-menu.mega-links.mega-links-5col .mega-menu-block ul li.mega-link-column {
    width: 20%
}

#main-nav ul li.mega-menu.mega-cat .mega-menu-block {
    padding: 0
}

#main-nav .mega-cat-wrapper {
    clear: both
}

#main-nav ul ul.sub-menu.mega-cat-more-links {
    width: 100%;
    margin: 10px 0
}

#main-nav ul li.mega-menu.mega-cat .mega-cat-more-links li {
    float: left;
    width: 29.333333%;
    margin: 0 2% !important
}

#main-nav ul li.mega-menu.mega-cat .mega-cat-more-links li ul li {
    float: none;
    width: 100%;
    margin: 0 !important
}

.mega-cat-sub-categories {
    float: left;
    width: 20%;
    padding-top: 20px
}

#main-nav ul li.cat-active a {
    background: #222 !important
}

#main-nav .mega-cat-content-tab {
    display: none;
    overflow: hidden
}

#main-nav .mega-cat-content-tab a {
    cursor: default
}

#main-nav .mega-cat-content-tab.already-loaded a {
    cursor: pointer
}

#main-nav .mega-cat-content {
    float: left;
    padding: 20px;
    padding-right: 0
}

#main-nav .mega-cat-content.mega-cat-sub-exists {
    background: #222;
    width: 80%;
    position: relative
}

#main-nav ul li.mega-menu.mega-cat .mega-menu-block .mega-menu-post {
    float: left;
    padding-right: 20px;
    width: 25%;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -ms-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

#main-nav ul li.mega-menu.mega-cat .mega-menu-block .already-loaded .mega-menu-post {
    opacity: 1
}

#main-nav ul li.mega-menu.mega-cat .mega-menu-block .mega-menu-post a {
    border: 0 none;
    padding: 0
}

#main-nav ul ul.sub-menu.mega-cat-more-links:after {
    content: ' ';
    display: block;
    clear: both
}

#main-nav .mega-recent-featured-list {
    width: 25%;
    margin-right: 3%;
    float: left
}

#main-nav .mega-recent-post {
    float: left;
    width: 37%;
    margin-right: 3%
}

#main-nav ul li.mega-menu.mega-recent-featured .mega-menu-block .mega-recent-post a {
    border: 0 none;
    padding: 0
}

#main-nav .mega-check-also {
    float: left;
    width: 60%
}

#main-nav ul .mega-check-also li {
    width: 50% !important;
    float: left !important;
    padding: 8px 0 !important;
    margin-bottom: 8px !important
}

#main-nav ul .mega-check-also li:nth-child(2n+3) {
    clear: left
}

#main-nav .menu-item-has-children .mega-check-also {
    width: 32%
}

#main-nav ul .menu-item-has-children .mega-check-also li {
    width: 100% !important;
    float: none !important
}

#main-nav .mega-menu-block .mega-check-also a.mega-menu-link {
    display: inline;
    margin-top: 0
}

#main-nav ul li.mega-menu .mega-menu-block .mega-check-also .post-thumbnail {
    margin-right: 10px;
    float: left
}

#main-nav ul li.mega-menu .mega-menu-block .mega-check-also .post-thumbnail img {
    max-width: 90px;
    height: auto
}

.fixed-nav {
    position: fixed;
    top: -90px;
    width: 1045px;
    z-index: 9999;
    opacity: .95;
    -webkit-transition: top .5s;
    -moz-transition: top .5s;
    -o-transition: top .5s;
    transition: top .5s;
    -webkit-box-shadow: 0 5px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 5px 3px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 3px rgba(0, 0, 0, .1)
}

.fixed-nav-appear {
    top: 0
}

.wide-layout #main-nav.fixed-nav {
    width: 100% !important
}

body.admin-bar .fixed-nav-appear {
    top: 32px
}

.main-nav-logo {
    padding: 10px 10px 0;
    float: left;
    display: none;
    opacity: .8
}

.main-nav-logo:hover {
    opacity: 1
}

.main-nav-logo img {
    height: 27px;
    width: auto
}

.fixed-nav .main-nav-logo {
    display: block
}

a.random-article, a.tie-cart {
    background: #494949;
    width: 42px;
    height: 47px;
    display: block;
    float: right;
    margin-left: 1px;
    color: #FFF;
    text-align: center;
    position: relative
}

a.random-article i:before, a.tie-cart i:before {
    font-size: 18px;
    width: 42px;
    line-height: 50px
}

a.random-article:hover, a.tie-cart:hover {
    background-color: #777
}

a.tie-cart span.shooping-count {
    display: block;
    position: absolute;
    background: #F88C00;
    top: 5px;
    right: 4px;
    padding: 1px 5px;
    font-size: 11px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

#main-nav-uber a.random-article, #main-nav-uber a.tie-cart {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    height: 40px;
    z-index: 999
}

#main-nav-uber a.random-article:before, #main-nav-uber a.tie-cart:before {
    line-height: 40px
}

.breaking-news {
    background: #FFF;
    height: 32px;
    margin: -5px auto 25px;
    overflow: hidden;
    position: relative
}

.breaking-news span.breaking-news-title {
    background: #F43D2A;
    display: block;
    float: left;
    padding: 8px 10px 0;
    height: 32px;
    color: #FFF;
    font-family: BebasNeueRegular, arial, Georgia, serif;
    font-size: 14pt
}

.breaking-news span.breaking-news-title i {
    display: none
}

.breaking-news ul {
    float: left
}

.breaking-news ul li {
    display: block
}

.breaking-news ul a {
    padding: 8px;
    display: block;
    white-space: nowrap;
    font-family: tahoma;
    background: #FFF
}

.tickercontainer {
    height: 32px;
    overflow: hidden
}

.tickercontainer .mask {
    position: relative;
    top: 9px;
    overflow: hidden
}

ul.newsticker {
    position: relative;
    left: 750px;
    list-style-type: none
}

ul.newsticker li {
    padding: 0;
    display: inline-block
}

ul.newsticker a {
    white-space: nowrap;
    padding: 0;
    margin: 0 50px 0 0
}

#main-content {
    background: #FFF;
    margin: 20px auto 25px;
    position: relative;
    padding: 24px 0;
    -webkit-transform: none
}

#main-content:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: "."
}

.full-width {
    background-image: none
}

.content {
    float: left;
    /*width: 660px*/
}

.category-content, .single-content {
    width: 660px;
}

#crumbs {
    margin-bottom: 10px;
    clear: both;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee
}

#crumbs span.delimiter {
    padding: 0 3px
}

div.not-found {
    padding: 20px
}

.full-width .content, body.error404 .content {
    width: auto;
    float: none
}

.tie-hide, .lazy-enabled #main-content .post-thumbnail, .lazy-enabled #theme-footer div.post-thumbnail, .lazy-enabled #main-content img, .lazy-enabled #featured-posts {
    opacity: 1;
}

.lazy-enabled #main-content .post-thumbnail.tie-appear, .lazy-enabled #theme-footer div.post-thumbnail.tie-appear, .lazy-enabled #main-content img.tie-appear, .lazy-enabled #featured-posts.tie-appear {
    opacity: 1;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.recaptchatable #recaptcha_image #recaptcha_challenge_image {
    opacity: 1 !important
}

body.error404 .content .entry, body.error404 .content .post-title, body.error404 .title-404 {
    text-align: center
}

body.error404 .title-404 {
    font-size: 200px;
    font-weight: 700;
    color: #eee
}

body.error404 .post-title {
    font-size: 50px
}

.cat-box {
    margin-bottom: 35px
}

.cat-box-title {
    padding: 3px 0;
    overflow: hidden
}

.cat-box-title h2 {
    float: left;
    margin-right: 10px;
    font-size: 22px;
    font-family: BebasNeueRegular, arial, Georgia, serif
}

.cat-box-title h2 a {
    color: #111
}

.cat-box-title h2 a:hover {
    color: #000
}

h2.post-box-title {
    font-size: 20px;
    line-height: 26px
}

h3.post-box-title {
    font-size: 14px;
    line-height: 20px
}

.cat-box p.post-meta {
    margin: 5px 0 0;
    font-size: 80%
}

.cat-box p.post-meta span, .cat-box p.post-meta .stars-small {
    margin-right: 7px
}

li.first-news p.post-meta, .list-box li.first-news p.post-meta, .wide-box li.first-news p.post-meta, .cat-tabs-wrap li.first-news p.post-meta {
    padding: 0;
    margin: 5px 0 10px;
    font-size: 85%
}

.stripe-line {
    height: 12px;
    overflow: hidden;
    margin-top: 5px;
    width: 100%;
}

.fa .fa-clock-o:after {
    content: "\f017";
}

.cat-box .entry {
    font-size: 12px
}

.cat-box .entry p, .archive-box .entry p {
    line-height: 21px;
    margin-bottom: 12px
}

.cat-box .entry a.more-link, .archive-box .entry a.more-link {
    margin-top: 0
}

.cat-box-content, #sidebar .widget-container, .post-listing, #commentform {
    background: #FFF;
    border-bottom: 4px solid #F88C00;
    -webkit-box-shadow: 0 0 3px #CACACA;
    -moz-box-shadow: 0 0 3px #cacaca;
    box-shadow: 0 0 3px #CACACA
}

.cat-box li.first-news .inner-content {
    padding: 20px;
    overflow: hidden
}

.cat-box .post-thumbnail img.attachment-tie-small {
    max-width: 90px;
    height: auto
}

p.post-meta {
    color: #888;
    margin: 7px 0;
    font-size: 85%
}

p.post-meta a {
    color: #888
}

p.post-meta a:hover {
    border-bottom: 1px #000 dotted;
    color: #000;
    text-decoration: none
}

.post-meta .stars-small {
    float: left;
    margin: -1px 10px 0 0
}

span.post-views-widget i:before, span.post-comments-widget i:before, span.tie-date i:before, .post-meta i:before {
    margin-right: 3px
}

a.more-link {
    color: #FFF !important;
    float: left;
    margin-top: 4px;
    padding-top: 2px;
    padding-bottom: 2px
}

.cat-box.column2 {
    float: left;
    width: 48%;
    margin-right: 4%
}

.column2.last-column {
    margin-left: 0;
    margin-right: 0
}

.column2 li.other-news, .list-box li.other-news {
    background: #f7f7f7;
    overflow: hidden;
    padding: 17px 20px;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #eaeaea;
    -webkit-transition: all .40s;
    -moz-transition: all .40s;
    -o-transition: all .40s;
    transition: all .40s
}

.column2 li.other-news {
    padding-top: 10px;
    padding-bottom: 10px
}

.column2 li.other-news:hover, .list-box li.other-news:hover {
    background: #f2f2f2
}

.column2 li.first-news {
    border-bottom: 3px solid #eaeaea;
    padding: 0
}

.wide-box li {
    overflow: hidden;
    padding: 10px 20px 0;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #eaeaea;
    width: 50%;
    float: left;
    height: 78px;
    -webkit-transition: all .40s;
    -moz-transition: all .40s;
    -o-transition: all .40s;
    transition: all .40s
}

.wide-box ul {
    overflow: hidden
}

.wide-box li.first-news {
    border-bottom: 3px solid #eaeaea;
    padding: 0;
    width: 100%;
    float: none;
    height: auto
}

.wide-box li.other-news {
    background: #f7f7f7
}

.cat-tabs-wrap {
    padding: 0 20px 20px
}

.cat-tabs-header {
    background: #F7F7F7;
    height: 46px;
    border-bottom: 3px solid #EAEAEA;
    padding: 8px 10px 0
}

.cat-tabs-header li {
    float: left;
    margin-right: 10px;
    line-height: 30px;
    padding: 4px 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.cat-tabs-header li.active {
    background: #FFF;
    box-shadow: 0 -1px 2px #d4d4d4;
    -moz-box-shadow: 0 -1px 2px #d4d4d4;
    -webkit-box-shadow: 0 -1px 2px #d4d4d4
}

.cat-tabs-wrap li {
    overflow: hidden;
    padding: 12px 0;
    width: 47%;
    float: right;
    clear: right
}

.cat-tabs-wrap li.first-news {
    width: 50%;
    float: left;
    padding-bottom: 0
}

.cat-tabs-wrap li:last-child {
    padding-bottom: 0
}

.scroll-box {
    clear: both
}

.scroll-box .cat-box-content {
    padding: 20px;
    position: relative
}

.scroll-box .scroll-item .post-thumbnail {
    margin: 0 0 10px 0
}

.group_items {
    width: 100%;
    background: transparent !important
}

.group_items-box {
    width: 100% !important;
    overflow: hidden
}

.group_items .scroll-item:last-child, .scroll-box .scroll-item:nth-child(3) {
    margin-right: 0
}

.scroll-item {
    display: none
}

.scroll-item:nth-child(1), .scroll-item:nth-child(2), .scroll-item:nth-child(3), .group_items .scroll-item {
    display: block
}

.scroll-nav {
    background: #F7F7F7;
    margin: 10px -20px -20px;
    padding: 5px;
    text-align: center
}

.scroll-nav a {
    background: #b4b4b4;
    width: 10px;
    height: 10px;
    text-indent: -9999px;
    overflow: hidden;
    display: inline-block;
    margin: 2px 2px 0;
    -webkit-transition: all .40s;
    -moz-transition: all .40s;
    -o-transition: all .40s;
    transition: all .40s;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px
}

.scroll-nav a:hover {
    background: #939393
}

.scroll-nav a.activeSlide {
    background: #666
}

.recent-box {
    clear: both
}

.recent-box .cat-box-content {
    padding: 20px;
    position: relative
}

.cat-box.recent-box.recent-full_thumb .cat-box-content, .cat-box.recent-box.recent-blog .cat-box-content {
    padding-top: 0
}

.recent-masonry .cat-box-content {
    padding: 0
}

.recent-box .recent-item, .scroll-box .scroll-item {
    float: left;
    width: 31.33333333%;
    margin: 0 3% 10px 0;
    height: 190px
}

.recent-box .recent-item:nth-child(3n+3) {
    margin-right: 0
}

.recent-box .item-list {
    padding: 20px 0
}

.recent-box-pagination {
    position: relative;
    margin: -35px 0 35px
}

.recent-box-pagination .pagination {
    margin: 0
}

.tie-padding {
    display: inline-block
}

.divider {
    border-top: 1px solid #CCC;
    overflow: hidden;
    margin: 10px 0 10px;
    clear: both
}

.divider.divider-solid {
    border-top-width: thick;
    border-style: solid
}

.divider.divider-dashed {
    border-top-width: 2px;
    border-style: dashed
}

.divider.divider-dotted {
    border-top-width: 2px;
    border-style: dotted
}

.divider.divider-double {
    height: 10px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.cat-box.woocommerce.woocommerce-box .cat-box-content {
    padding: 20px 20px 0
}

.cat-box.woocommerce .products {
    margin: 0
}

.cat-box.woocommerce ul.products li.product {
    margin-bottom: 20px
}

.cat-box.scroll-box.woocommerce ul.products li.product, .cat-box.scroll-box.woocommerce .group_items, .cat-box.scroll-box.woocommerce .group_items-box {
    height: 355px
}

.cat-box.woocommerce ul.products li.product .price, .cat-box.woocommerce ul.products li.product .star-rating {
    margin: 5px 0
}

.page-head {
    padding: 3px 0;
    overflow: hidden
}

.page-head .stripe-line {
    margin-top: 7px
}

.page-title {
    float: left;
    margin-right: 10px;
    font-size: 26px;
    font-family: BebasNeueRegular, arial, Georgia, serif;
    color: #000
}

a.rss-cat-icon {
    float: right;
    font-size: 14px;
    margin: 6px 0 0 4px;
    display: block;
    color: #f8bc2e
}

.archive-meta {
    padding: 15px 0
}

.cat-box-content.author-cover {
    border-bottom: 0 none;
    line-height: 0;
    z-index: 0;
    min-height: 100px
}

.author-cover-head {
    margin: -55px auto 45px;
    padding: 20px;
    max-width: 90%;
    position: relative;
    z-index: 1
}

.author-cover-head .author-avatar img {
    max-width: 70px
}

.page-head .author-bio {
    padding: 10px;
    margin-bottom: 15px
}

.author-bio {
    clear: both;
    overflow: hidden
}

.single-post-thumb {
    margin: 0 -1px !important;
    line-height: 0 !important
}

.single-post-thumb img {
    width: 100%;
    height: auto;
    max-width: 100%
}

.full-width .single-post-thumb {
    margin: 0 !important
}

.head-lightbox a {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.head-lightbox a:hover {
    opacity: .8
}

.single-post-caption {
    color: #555;
    padding: 7px;
    text-align: center;
    font-style: italic;
    color: #666
}

.entry .mejs-container {
    margin-bottom: 20px
}

.mejs-container.wp-audio-shortcode {
    width: 100%
}

.mejs-container.wp-video-shortcode, .wp-video {
    width: 100% !important;
    height: auto !important
}

.mejs-container.wp-video-shortcode.mejs-video {
    padding-top: 57%
}

.mejs-overlay, .mejs-poster {
    width: 100% !important;
    height: 100% !important
}

.mejs-mediaelement video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100% !important;
    height: 100% !important
}

.wp-playlist.wp-playlist-light, .wp-playlist.wp-playlist-dark {
    border-color: #eee;
    background: transparent;
    color: #333
}

.wp-playlist.wp-playlist-light .wp-playlist-playing, .wp-playlist.wp-playlist-dark .wp-playlist-playing {
    background: #eee;
    color: #444
}

.wp-playlist .wp-playlist-item {
    padding: 5px;
    border-color: #eee
}

.wp-playlist .wp-playlist-item-length {
    right: 6px;
    top: 5px
}

.wp-playlist .wp-playlist-playing {
    font-weight: 400
}

.post-cover #crumbs, .post-cover-title #crumbs {
    border-bottom: 0 none
}

.post-cover article.post-listing {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important
}

.post-cover article.post-listing .post-inner {
    padding: 0 0 20px
}

.post-cover .share-post {
    margin-left: 0;
    margin-right: 0
}

.post-cover-head .single-has-thumb.single-post-thumb {
    position: relative;
    margin: 0;
    height: 475px;
    background-repeat: no-repeat;
    background-position: center 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.post-cover-head .single-post-thumb.head-lightbox, .post-cover-head .single-post-thumb.single-post-audio {
    height: auto
}

.post-cover-title {
    width: 100%;
    line-height: 22px
}

.single-has-thumb .post-cover-title {
    position: absolute;
    bottom: 0;
    padding: 50px 20px 10px;
    color: #CCC;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%);
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%);
    background: linear-gradient(top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%)
}

.single-has-thumb .post-cover-title a, .single-has-thumb .post-cover-title p.post-meta, .single-has-thumb .post-cover-title p.post-meta a {
    color: #CCC
}

.single-has-thumb .post-cover-title a:hover, .single-has-thumb .post-cover-title p.post-meta a:hover {
    color: #FFF;
    border: 0 none
}

.post-cover-title .post-title {
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 0
}

.single-has-thumb .post-cover-title .post-title {
    color: #FFF
}

.post-cover-title #crumbs {
    margin-bottom: 0
}

.post-cover-title p.post-meta {
    font-size: 14px
}

a.go-to-the-post {
    padding: 10px;
    display: block;
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #FFF;
    font-size: 52px;
    color: #FFF;
    opacity: .6
}

a.go-to-the-post:hover {
    opacity: 1
}

.post-listing.post {
    margin-bottom: 40px
}

.post-inner {
    padding: 20px
}

.post-title {
    font-family: BebasNeueRegular, arial, Georgia, serif;
    margin-bottom: 10px;
    font-size: 36px
}

body.single .post-inner p.post-meta span {
    margin-right: 15px
}

body.single .post-inner p.post-meta span i {
    margin-right: 5px
}

.post-inner p.post-meta {
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 5px;
    margin-bottom: 10px
}

p.post-meta span {
    display: inline-block;
    margin-right: 10px
}

.item-list {
    border-bottom: 1px solid #f2f2f2;
    padding: 20px 20px 25px;
    clear: both
}

.item-list p.post-meta {
    margin: 10px 0
}

.archive-wide-thumb {
    margin: -20px -20px 10px !important;
    padding: 0 !important;
    float: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important
}

.archive-wide-thumb a:hover img {
    opacity: .8
}

.page-link {
    margin: 15px 0 0;
    padding: 10px;
    background: #f6f6f6;
    clear: both
}

.page-link a {
    color: #FFF;
    padding: 5px 6px;
    background: #999
}

.page-link a:hover {
    background: #777
}

.edit-link {
    clear: both;
    display: block;
    margin-top: 10px
}

.post-tag {
    margin: -30px 0 35px
}

.post-tag a {
    background-color: #aaa;
    border-radius: 0 2px 2px 0;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    line-height: 13px;
    margin: 0 0 2px 10px;
    padding: 4px 7px 3px;
    position: relative;
    text-transform: uppercase
}

.post-tag a:before {
    border-top: 10px solid transparent;
    border-right: 8px solid #aaa;
    border-bottom: 10px solid transparent;
    content: "";
    height: 0;
    position: absolute;
    top: 0;
    left: -8px;
    width: 0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear
}

.post-tag a:after {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    height: 4px;
    position: absolute;
    top: 8px;
    left: -2px;
    width: 4px
}

.post-tag a:hover {
    background: #444;
    color: #FFF
}

.post-tag a:hover:before {
    border-right-color: #444
}

.mejs-container .mejs-controls .mejs-time-rail .mejs-time-current {
    background-color: #F88C00
}

.mejs-container .mejs-controls a:focus > .mejs-offscreen {
    color: #000
}

#reading-position-indicator {
    display: block;
    height: 4px;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #FF8500;
    width: 0;
    z-index: 9999;
    max-width: 100%
}

.post-thumbnail {
    margin-right: 15px;
    position: relative;
    line-height: 0
}

.post-thumbnail a {
    display: block !important;
    background: #000;
    font-size: 0
}

.post-thumbnail img {
    height: auto;
    max-width: 100%;
    width: 100%;
    -webkit-transition: all .40s;
    -moz-transition: all .40s;
    -o-transition: all .40s;
    transition: all .40s
}

.post-thumbnail img.attachment-tie-small, .post-thumbnail img.avatar {
    max-width: 100px
}

.post-thumbnail a:hover img {
    opacity: 0.3 !important
}

.post-thumbnail a:hover .overlay-icon:before, .video-box .overlay-icon:before {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.entry {
    word-wrap: break-word;
    line-height: 22px
}

p, ol, ul {
    font-size: var(--normal-font-size);
    margin-bottom: 16px;
    line-height: 28px;
    text-align: start;
}

.entry {
    margin-bottom: 20px
}

.entry img {
    max-width: 100%;
    height: auto
}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {
    margin-top: 25px;
    margin-bottom: 10px;
    line-height: 1em;
    font-family: Helvetica;
    font-weight: 400
}

.entry h1 {
    font-size: 36px
}

.entry h2 {
    font-size: 30px
}

.entry h3 {
    font-size: 24px
}

.entry h4 {
    font-size: 18px
}

.entry h5 {
    font-size: 14px
}

.entry h6 {
    font-size: 12px
}

.entry ol, .entry ul {
    margin: 0 0 20px 15px
}

.entry ul li {
    list-style: outside disc;
    list-style-image: none
}

.entry ol li {
    list-style: outside decimal
}

.entry li {
    margin: 0 0 5px 0
}

.entry li ul, .entry li ol {
    margin: 5px 0 0 15px
}

.entry #user-login ul {
    margin-bottom: -5px
}

.entry table {
    border-spacing: 0;
    width: 100%;
    border: 1px solid #eee;
    border-collapse: separate;
    margin-bottom: 1.5em
}

.entry table tr:nth-child(even) {
    background: #F9F9F9
}

.entry table td, .entry table th {
    padding: .4em;
    text-align: left;
    border-right: 1px dotted #eee
}

.entry table thead th {
    background: #F4F4F4;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    text-transform: uppercase;
    padding: .7em .4em;
    vertical-align: middle
}

.entry table tbody th {
    background: #F4F4F4;
    border-bottom: 1px solid #eee
}

.entry table tbody td {
    border-bottom: 1px solid #eee
}

.entry table tr th:last-child, .entry table tr td:last-child {
    border-right: 0
}

.entry table tbody tr:last-child td, .entry table tbody tr:last-child th {
    border-bottom: 0
}

.gallery {
    margin: 0 auto 18px;
    clear: both
}

.gallery .gallery-item {
    display: inline-block;
    padding: 10px;
    text-align: center;
    vertical-align: top;
    width: 100%
}

.gallery-columns-2 .gallery-item {
    max-width: 50%
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%
}

.gallery-columns-4 .gallery-item {
    max-width: 25%
}

.gallery-columns-5 .gallery-item {
    max-width: 20%
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%
}

.gallery .gallery-item img {
    height: auto;
    margin: 0 auto;
    -webkit-transition: all .40s;
    -moz-transition: all .40s;
    -o-transition: all .40s;
    transition: all .40s
}

.gallery .gallery-item a:hover img {
    opacity: 0.6 !important;
    margin: -5px 0 5px
}

.gallery-caption {
    color: #888;
    margin: 0 0 12px
}

.gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption {
    display: none
}

.gallery br + br {
    display: none
}

.attachment img {
    display: block;
    margin: 0 auto
}

blockquote p {
    color: #999;
    padding: 0 18px;
    font-family: "Georgia";
    font-size: 18px;
    line-height: 28px;
    font-style: italic;
    border: 4px solid #777;
    border-width: 0 0 0 4px
}

#related_posts, #author-box {
    clear: both
}

.block-head {
    padding: 3px 0 0;
    overflow: hidden
}

.block-head h3, #respond h3 {
    float: left;
    margin-right: 10px;
    font-size: 22px;
    font-family: BebasNeueRegular, arial, Georgia, serif
}

#related_posts .post-listing, #author-box .post-listing {
    padding: 20px;
    margin-bottom: 40px
}

#related_posts .related-item {
    float: left;
    width: 31.33333333%;
    margin: 0 3% 10px 0
}

#related_posts .related-item:nth-child(3n+3), .full-width #related_posts .related-item:nth-child(4n+4) {
    margin-right: 0
}

#main-content:not(.full-width) #related_posts .related-item:nth-child(3n+4), .full-width #related_posts .related-item:nth-child(4n+5) {
    clear: left
}

#related_posts .related-item .post-thumbnail {
    margin: 0 0 10px 0
}

.full-width #related_posts .related-item {
    margin-right: 2%;
    width: 23.5%
}

.entry #related_posts {
    margin: 0 0 20px 20px;
    float: right;
    width: 30%;
    border: 1px solid #eee;
    border-width: 0 0 0 1px;
    padding-left: 20px
}

.entry #related_posts .post-listing {
    border-bottom: 0 none;
    padding: 0;
    margin: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.entry #related_posts .related-item {
    float: none;
    width: 100%;
    height: auto;
    margin: 0 0 10px 0
}

.entry #related_posts .related-item h3 {
    margin: 0;
    font-size: 15px
}

.entry #related_posts .stripe-line {
    display: none
}

.entry #related_posts .block-head h3 {
    margin-top: 0
}

.entry #related_posts .post-inner p.post-meta {
    padding: 0
}

.navigation {
    margin: 10px 0;
    clear: both;
    overflow: hidden
}

.nav-previous {
    float: left
}

.nav-next {
    float: right
}

.post-navigation {
    clear: both;
    margin: -10px 0 20px;
    overflow: hidden
}

.post-navigation div {
    display: block;
    width: 245px;
    position: relative;
    font-size: 14px;
    color: #999
}

.post-previous {
    float: left;
    padding-left: 40px
}

.post-next {
    float: right;
    text-align: right;
    padding-right: 40px
}

.post-navigation div span {
    display: block;
    font-size: 80%;
    color: #000;
}

.post-navigation div a:after {
    position: absolute;
    color: #000;
    font-size: 56px;
    margin-top: -11px;
    height: 22px;
    line-height: 22px;
    top: 34%
}

.post-previous a:after {
    content: '«';
    left: 0
}

.post-next a:after {
    content: '»';
    right: 0
}

#sidebar {
    float: right;
    width: 310px
}

.full-width #sidebar {
    display: none !important
}

.sidebar-left #sidebar {
    float: left
}

.sidebar-left .content {
    float: right
}

.theiaStickySidebar:after {
    content: "";
    display: table;
    clear: both
}

.widget {
    clear: both;
    margin-bottom: 25px
}

.widget-top {
    padding: 5px 0
}

.widget-top h4 {
    float: left;
    margin-right: 10px;
    font-size: 20px;
    font-family: BebasNeueRegular, arial, Georgia, serif
}

.widget-top h4 a {
    color: #333
}

.widget-top h4 a:hover {
    color: #000
}

.widget-container {
    padding: 10px;
    clear: both
}

.widget-container h3 {
    font-size: inherit
}

.widget-container li {
    padding: 0 0 5px 0;
    line-height: 18px;
    overflow: hidden
}

.widget-container p {
    padding-bottom: 1em
}

.widget-container a:hover {
    text-decoration: underline
}

.widget-container li span.tie-date, .footer-widget-container li span.tie-date, .mega-menu-block .tie-date, span.post-comments-widget, span.post-views-widget {
    color: #000;
    margin: 4px 0 0;
    font-size: 80%;
    display: inline-block
}

.widget-container li span.post-small-rate, .footer-widget-container li span.post-small-rate {
    margin-top: 5px
}

.widget-container .post-thumbnail, .footer-widget-container .post-thumbnail {
    float: left;
    margin-right: 10px
}

.widget_search label span, #bbp-search-form label, .widget_product_search label.screen-reader-text {
    display: none
}

.text-html-box {
    margin-bottom: 20px
}

.widget_rss .widget-title img {
    width: 11px;
    height: 11px
}

.widget.news-pic .post-thumbnail {
    padding: 1px;
    width: 33.3333333%;
    max-width: 160px;
    margin: 0
}

.widget.news-pic .post-thumbnail img.attachment-tie-small {
    max-width: 100% !important
}

#tabbed-widget .tabs-wrap li:last-child, .comments-avatar .widget-container li:last-child, .posts-list .widget-container li:last-child, .categort-posts .widget-container li:last-child, .authors-posts .widget-container li:last-child {
    border-bottom: 0 none
}

#tabbed-widget .tabs-wrap li, .comments-avatar .widget-container li, .posts-list .widget-container li, .categort-posts .widget-container li, .authors-posts .widget-container li, .widget.woocommerce .widget-container li, .widget-container ul.reviews-posts li, .widget_categories .widget-container li, .widget_archive .widget-container li, .widget_nav_menu .widget-container li, .widget_meta .widget-container li, .widget_pages .widget-container li, .widget_recent_comments .widget-container li, .widget_recent_entries .widget-container li, .widget_display_forums .widget-container li, .widget_display_views .widget-container li, .widget_display_replies .widget-container li, .widget_display_topics .widget-container li {
    padding: 6px 0;
    border-bottom: 1px solid #f2f2f2
}

.widget_categories .widget-container li li, .widget_nav_menu .widget-container li li {
    padding-left: 15px;
    border: 0 none
}

.widget_categories .widget-container li li li, .widget_nav_menu .widget-container li li li {
    padding-left: 25px
}

.authors-posts .widget-container li strong {
    float: right;
    display: block
}

.widget_tie-instagram-theme .tie-insta-photos {
    margin: 0 -2px
}

.widget_tie-instagram-theme .tie-insta-post {
    padding: 0 2px 4px !important
}

.widget_tie-instagram-theme .button {
    margin-top: 10px;
    width: 100%;
    text-decoration: none !important;
    text-align: center
}

.tabs-wrap, .cat-tabs-wrap {
    clear: both;
    display: none
}

.tabs-wrap#tab1, .cat-tabs-wrap.cat-tabs-wrap1 {
    display: block
}

.search-widget.search-block-large {
    margin-bottom: 25px;
    width: 100%
}

.search-block-large {
    overflow: hidden;
    position: relative;
    width: 310px;
    max-width: 100%;
    margin: 10px auto
}

.search-block-large.widget {
    margin-bottom: 25px
}

.search-block-large #s {
    background: #FFF;
    font: normal 14px tahoma;
    padding: 9px 12px 8px 12px;
    width: 100%;
    color: #C5C5C5;
    margin-bottom: 0;
    border: 1px solid #E8E8E8;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.search-block-large #s:focus {
    color: #000
}

.search-block-large .search-button {
    position: absolute;
    top: 1px;
    right: 1px;
    opacity: .7;
    background: #f88c00;
    cursor: pointer;
    height: 34px;
    width: 34px;
    display: block;
    border: 0 none;
    box-shadow: none !important;
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.search-block-large:hover .search-button, .search-block-large:hover #s {
    opacity: 1;
    color: #444
}

.search-block-large button.search-button i:before {
    font-size: 18px;
    color: #FFF
}

.widget_search input[type=search] {
    min-width: 100%
}

.widget.timeline-posts li {
    padding: 0 0 0 5px
}

.widget.timeline-posts li h3 {
    border: 2px solid #ccc;
    border-width: 0 0 0 2px;
    padding: 5px 0 12px 10px
}

.widget.timeline-posts li span.tie-date {
    position: relative;
    padding-left: 12px;
    margin: 0;
    display: block;
    height: 16px
}

.widget.timeline-posts li span.tie-date:before {
    content: '';
    width: 8px;
    height: 8px;
    border: 2px solid #ccc;
    display: block;
    position: absolute;
    left: -3px;
    top: 4px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%
}

.widget.timeline-posts li span.tie-date i {
    display: none
}

.widget.timeline-posts li a:hover, .widget.timeline-posts li a:hover span.tie-date {
    text-decoration: none;
    color: #F88C00
}

.widget.timeline-posts li a:hover span.tie-date:before {
    background: #F88C00;
    border-color: #F88C00
}

.e3lan-cell {
    width: 50%;
    display: block;
    padding: 5px;
    float: left;
    text-align: center;
    line-height: 0
}

.e3lan-widget-content {
    overflow: hidden;
    margin-bottom: 25px;
    clear: both
}

.widget-container .e3lan-widget-content {
    margin-bottom: 0
}

.e3lan-one .e3lan-cell, .e3lan160-600 .e3lan-cell, .e3lan250-250 .e3lan-cell, .e3lan300-100 .e3lan-cell, .e3lan300-250 .e3lan-cell, .e3lan300-600 .e3lan-cell {
    width: 100%;
    padding: 0;
    float: none
}

.widget-container .e3lan300-100, .widget-container .e3lan300-250, .widget-container .e3lan300-600 {
    margin: 0 -10px
}

.e3lan300-100 .e3lan-cell {
    padding: 5px 0
}

img, img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img {
    max-width: 100%;
    height: auto;
    vertical-align: middle
}

img.centered, img.aligncenter {
    display: block;
    margin: 5px auto
}

img.alignright {
    margin: 5px 0 5px 25px;
    display: inline
}

img.alignleft {
    margin: 5px 25px 5px 0;
    display: inline
}

.wp-caption {
    line-height: 18px;
    margin-bottom: 5px;
    text-align: left;
    font-style: italic;
    max-width: 100%
}

.wp-caption.alignleft {
    margin-right: 25px
}

.wp-caption.alignright {
    margin-left: 25px
}

.wp-caption img {
    max-width: 100% !important
}

.wp-caption p.wp-caption-text {
    color: #888;
    padding: 4px 0;
    margin: 0
}

.pagination {
    overflow: hidden;
    margin-bottom: 25px
}

.pagination a, .pagination span.extend, .pagination span.current {
    float: left;
    margin-right: 3px;
    color: #777;
    padding: 6px 10px 3px
}

.pagination a:hover {
    color: #000
}

.pagination span.current {
    color: #FFF;
    background-color: #F88C00;
    padding: 4px 10px 6px
}

.pagination .pages {
    float: right;
    display: block;
    font-size: 85%;
    padding: 7px 0 2px
}

#comments-box .post-listing {
    padding: 20px 20px 0;
    margin-bottom: 40px
}

#comments-title em {
    color: #333
}

.comment-avatar {
    float: left;
    margin: 0 10px 0 0
}

.commentlist li {
    margin-bottom: 20px;
    clear: both;
    position: relative;
    clear: both
}

.author-comment {
    overflow: hidden;
    position: relative;
    margin-bottom: 5px
}

.author-comment cite {
    color: #3b3b3b;
    position: relative;
    display: block;
    margin-bottom: 2px;
    padding-top: 5px;
    font-style: normal;
    font-weight: 700;
    float: left
}

.commentmetadata {
    display: block;
    font-size: 85%;
    float: right;
    padding-top: 5px
}

.commentmetadata a {
    color: #3b3b3b
}

.commentmetadata a:hover {
    color: #000
}

.comment-wrap {
    position: relative;
    border-bottom: 1px solid #E7E7E7
}

.comment-content {
    position: relative;
    display: block;
    overflow: hidden;
    padding-bottom: 15px;
    margin-left: 80px;
    min-height: 80px
}

.comment-content p {
    line-height: 17px;
    margin-bottom: 10px
}

.nocomments {
    text-align: center
}

.commentlist li.pingback {
    padding: 5px 10px;
    border-bottom: 1px solid #ddd
}

.commentlist .children {
    margin-top: 15px;
    margin-left: 50px
}

.commentlist .reply a {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #E7E7E7;
    padding: 3px 10px;
    font-size: 11px
}

.commentlist .reply a:hover {
    background: #333;
    color: #FFF
}

#bbpress-forums div.bbp-reply-author img.avatar {
    position: relative !important
}

#respond {
    margin-bottom: 10px;
    position: relative;
    clear: both
}

#respond:before {
    height: 1px
}

.commentlist li #respond {
    margin: 10px 0 20px 70px !important
}

#commentform {
    padding: 20px 20px 10px;
    margin-top: 5px;
    overflow: hidden;
    clear: both
}

#commentform .required {
    font-weight: 700
}

#commentform label {
    padding-bottom: 4px;
    color: #888;
    display: block
}

#commentform p {
    margin: 0 0 10px
}

#commentform input {
    display: block;
    width: 250px
}

#commentform input[type="checkbox"] {
    margin: 2px 7px 0 0;
    float: left;
    clear: left;
    width: auto
}

#commentform .form-allowed-tags, .comment-form-comment label {
    display: none
}

#commentform p.form-submit {
    margin-top: 0
}

.comment-form-email, .comment-form-url, .comment-form-url, .comment-form-comment {
    clear: both
}

.comment-notes {
    margin-bottom: 10px
}

input.error, textarea.error {
    border: 1px solid #FF0000 !important
}

.e3lan-top {
    float: right;
    line-height: 0
}

.e3lan-bottom, .e3lan-below_header {
    line-height: 0;
    margin: 15px auto 20px;
    text-align: center;
    position: relative
}

.e3lan-post {
    line-height: 0;
    margin: 20px auto;
    text-align: center
}

.home-e3lan {
    clear: both;
    margin: 20px auto;
    text-align: center;
    min-height: 1px
}

.e3lan-top iframe, .e3lan-bottom iframe, .home-e3lan iframe, .e3lan-post iframe, .e3lan-below_header iframe {
    margin: 0 auto;
    max-width: none
}

.e3lan-top img, .e3lan-bottom img, .home-e3lan img, .e3lan-post img, .e3lan-below_header img {
    max-width: 100%;
    height: auto
}

.e3lan-top ins, .e3lan-bottom ins, .e3lan-below_header ins, .home-e3lan ins, .e3lan-post ins {
    margin: 0 auto !important;
    padding: 0 !important;
    background: transparent !important;
    text-decoration: none !important
}

@media only screen and (min-width: 990px) {
    .e3lan-top ins {
        width: 728px;
        height: 90px
    }
}

#theme-footer {
    position: relative;
    color: #ddd;
    background: #333;
    padding: 20px 0;
    border-top: 8px solid #FF8500;
    margin-top: 20px;
    -webkit-box-shadow: 0 -5px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 -8px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 -8px 0 rgba(0, 0, 0, .1)
}

#theme-footer a {
    color: #ccc
}

#theme-footer a:hover {
    color: #FFF
}

#footer-widget-area {
    width: 1045px;
    margin: 0 auto
}

.footer-widgets-box {
    float: left;
    margin-right: 4%
}

.footer-1c .footer-widgets-box {
    width: 100%
}

.footer-2c .footer-widgets-box {
    width: 48%
}

.footer-3c .footer-widgets-box {
    width: 30.66666666666667%
}

.footer-4c .footer-widgets-box {
    width: 22%
}

.narrow-wide-2c #footer-first, .wide-narrow-2c #footer-second {
    width: 32%
}

.narrow-wide-2c #footer-second, .wide-narrow-2c #footer-first {
    width: 64%
}

.wide-left-3c #footer-first, .wide-right-3c #footer-third {
    width: 46%
}

.wide-left-3c .footer-widgets-box, .wide-right-3c .footer-widgets-box {
    width: 23%
}


.footer-bottom {
    position: relative;
    background: #fff;
    line-height: 35px;
    border-top: 1px solid #444;
    color: #000;
    padding: 15px 0
}

.footer-bottom .social-icons {
    float: right;
    margin: 3px 15px 0;
    line-height: 0
}

.footer-bottom a {
    color: #ccc
}

.footer-bottom a:hover {
    color: #FFF
}

#topcontrol {
    z-index: 999;
    background: #FF8500;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 24px;
    position: fixed;
    bottom: -100px;
    right: 10px;
    cursor: pointer;
    overflow: auto;
    opacity: .7;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

#topcontrol:before {
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #FFF
}

#topcontrol:hover {
    opacity: 1
}

a.shortc-button {
    border: none;
    cursor: pointer;
    padding: 0 10px;
    display: inline-block;
    margin: 10px 0 0;
    font-weight: 700;
    outline: none;
    position: relative;
    background: #bdc3c7;
    color: #fff !important;
    text-decoration: none;
    font-size: 10px;
    height: 25px;
    line-height: 25px;
    opacity: .9;
    overflow: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.toggle {
    margin-bottom: 15px;
    border: 1px solid rgba(0, 0, 0, .1);
    position: relative
}

.toggle h3 {
    background: #F1F1F1;
    font-weight: 400;
    font-size: 14px;
    padding: 10px;
    margin: 0 !important;
    cursor: pointer;
    transition: background 0.3s ease
}

.toggle h3:hover {
    background: #E7E7E7
}

.toggle h3 i.fa {
    float: right;
    font-size: 16px;
    width: 16px;
    height: 16px;
    text-align: center;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.toggle .toggle-content {
    padding: 25px
}

.toggle.tie-sc-close .toggle-content {
    display: none
}

.toggle.tie-sc-open h3 i.fa {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

#slide-out {
    background: #161626;
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    z-index: 1;
    height: 100%;
    width: 80%;
    color: #fff;
    -webkit-transform: translate3d(-101%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.single-thumbnail {
    margin: 10px;
}

.fasc-button {
    background-color: #ffc400;
    color: #000 !important;
    padding: 7px 40px;
    font-weight: 700;
    font-size: 20px;
    border-radius: 15px;
    line-height: 2.1;
    text-transform: uppercase;
}

.search-mobile {
    margin: 15px 10px;
    height: 30px;
    overflow: hidden;
    background: #fcfcfc;
    border: 1px solid #ddd;
    border-top-color: #d1d1d1;
    border-left-color: #d1d1d1;
    overflow: hidden;
    position: relative;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: inset 0 2px 5px #eee;
    -moz-box-shadow: inset 0 2px 5px #eee;
    box-shadow: inset 0 2px 5px #eee
}

.search-mobile #s-mobile {
    background: transparent;
    float: right;
    margin: 0;
    padding: 7px 12px;
    width: 100%;
    color: #444;
    border: 0 none
}

.search-mobile button.search-button {
    background: transparent;
    position: absolute;
    top: 0;
    right: 0;
    height: 28px;
    padding: 0;
    width: 40px;
    font-size: 18px;
    color: #666
}

.search-mobile button.search-button:hover {
    color: #000
}

#slide-out .social-icons {
    margin-bottom: 15px
}

#slide-out .social-icons a {
    color: #ccc;
    font-size: 16px;
    padding: 0 4px
}

#slide-out .social-icons a:hover {
    color: #FFF
}

#mobile-menu {
    border-top: 1px solid #2D2D2D;
    display: none
}

#mobile-menu.mobile-hide-icons i.fa {
    display: none
}

#slide-out #mobile-menu .mega-menu-block {
    padding: 0 !important;
    background: transparent !important;
    min-height: inherit !important
}

#slide-out #mobile-menu ul ul, #slide-out #mobile-menu .sub-menu-columns-item {
    display: none;
    background: #161626;
}

#slide-out #mobile-menu li {
    list-style: none;
    position: relative
}

#slide-out #mobile-menu ul li.menu-item-has-children i.mobile-arrows {
    position: absolute;
    top: 0;
    right: 0;
    padding: 13px;
    border-left: 1px solid #333;
    margin: 0;
    cursor: pointer;
    display: block
}

#slide-out #mobile-menu a {
    color: #ccc;
    display: block;
    font-size: 16px;
    padding: 10px;
    padding-right: 0;
    border-bottom: 1px solid #2D2D2D
}

#slide-out #mobile-menu a:hover {
    background: #111;
    color: #FFF
}

#slide-out #mobile-menu ul ul a {
    font-size: 14px;
    padding-left: 30px
}

#slide-out #mobile-menu ul ul ul a {
    font-size: 12px;
    padding-left: 40px
}

#slide-out #mobile-menu ul ul ul a {
    padding-left: 50px
}

#slide-out #mobile-menu ul ul ul ul a {
    padding-left: 60px
}

#mobile-menu li.menu-item-home a:before {
    content: "\f015"
    font-family: 'FontAwesome';
}

#slide-out-open {
    display: none;
    margin: 0;
    position: absolute;
    top: 33px;
    left: 5px;
    opacity: 1;
    height: 33px;
    width: 40px;
    z-index: 505
}

#slide-out-open span {
    left: 6px
}

#slide-out-open span, #slide-out-open span:after, #slide-out-open span:before {
    top: 5px;
    position: absolute;
    content: ' ';
    display: block;
    height: 3px;
    width: 28px;
    background: #333;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

#slide-out-open span:before {
    top: 8px
}

#slide-out-open span:after {
    top: 16px
}

#open-slide-overlay {
    position: fixed;
    top: 0;
    left: 80%;
    z-index: 500;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.js-nav .inner-wrapper {
    left: 80%
}

.js-nav #mobile-menu {
    display: block
}

.inner-wrapper, #slide-out {
    -webkit-transition: -webkit-transform 500ms ease, opacity 500ms ease;
    -moz-transition: -moz-transform 500ms ease, opacity 500ms ease;
    -o-transition: -o-transform 500ms ease, opacity 500ms ease;
    transition: transform 500ms ease, opacity 500ms ease
}

.js-nav .inner-wrapper {
    left: 0 !important;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden
}

.js-nav #slide-out-open span {
    top: 14px;
    -webkit-animation: fa-spin .2s 2 linear;
    animation: fa-spin .2s 2 linear;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.js-nav #slide-out-open span:after {
    top: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.js-nav #slide-out-open span:before {
    opacity: 0
}

.js-nav .inner-wrapper {
    -webkit-transform: translate3d(80%, 0, 0);
    -moz-transform: translate3d(80%, 0, 0);
    -ms-transform: translate3d(80%, 0, 0);
    -o-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0)
}

.js-nav #slide-out {
    -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -moz-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -ms-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    -o-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1)
}

@-webkit-keyframes tieFadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes tieFadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

body.dark-skin {
    background-color: #000;
    color: #bfbfbf
}

body.dark-skin #wrapper.boxed #theme-header, body.dark-skin #wrapper.boxed .breaking-news, body.dark-skin #wrapper.boxed #main-content, body.dark-skin #wrapper.boxed-all #theme-header, body.dark-skin #wrapper.boxed-all {
    background-color: #3c3c3c;
    -webkit-box-shadow: 0 0 3px #141414;
    -moz-box-shadow: 0 0 3px #141414;
    box-shadow: 0 0 3px #141414
}

body.dark-skin .cat-box-content, body.dark-skin #sidebar .widget-container, body.dark-skin #wrapper.boxed-all .breaking-news, body.dark-skin #wrapper.wide-layout .breaking-news, body.dark-skin .post-listing, body.dark-skin #live-search_results, body.dark-skin .arqam-lite-widget-counter, body.dark-skin #commentform {
    background-color: #f3f5fc;
    -webkit-box-shadow: 0 0 3px #2A2A2A;
    -moz-box-shadow: 0 0 3px #2A2A2A;
    box-shadow: 0 0 3px #2A2A2A;
    border: 1px solid #393a51;
}

body.dark-skin #tabbed-widget .tabs-wrap li, body.dark-skin .comments-avatar .widget-container li, body.dark-skin .posts-list .widget-container li, body.dark-skin .categort-posts .widget-container li, body.dark-skin .authors-posts .widget-container li, body.dark-skin .widget.woocommerce .widget-container li, body.dark-skin .widget-container ul.reviews-posts li, body.dark-skin .widget_categories .widget-container li, body.dark-skin .widget_archive .widget-container li, body.dark-skin .widget_nav_menu .widget-container li, body.dark-skin .widget_meta .widget-container li, body.dark-skin .widget_pages .widget-container li, body.dark-skin .widget_recent_comments .widget-container li, body.dark-skin .widget_recent_entries .widget-container li, body.dark-skin #crumbs, body.dark-skin .post-inner p.post-meta, body.dark-skin .comment-wrap, body.dark-skin .tie-weather-forecast, body.dark-skin .share-post, body.dark-skin #tabbed-widget .widget-top, body.dark-skin .item-list, body.dark-skin .widget.timeline-posts li h3, body.dark-skin .widget.timeline-posts li span.tie-date:before, body.dark-skin .entry #related_posts, body.dark-skin .live-search_result_container li, body.dark-skin .twitter-widget-content li, body.dark-skin #theme-footer .twitter-widget-content li, body.dark-skin .list-box li.other-news, body.dark-skin .column2 li, body.dark-skin .wide-box li, body.dark-skin .cat-tabs-header, body.dark-skin .sitemap-col h2, body.dark-skin ul.authors-wrap li, body.dark-skin .entry ul.best-reviews li, body.dark-skin .arqam-lite-widget-counter li, body.dark-skin .divider, body.dark-skin .post-content-slideshow-outer, body.dark-skin .woocommerce ul.products li.product .price, body.dark-skin .woocommerce-page ul.products li.product .price, body.dark-skin .flickr-wrapper .flickr_badge_image img, body.dark-skin .review-final-score {
    border-color: #474747
}

body.dark-skin .search-block-large #s, body.dark-skin ul.timeline {
    border-color: #2F2F2F
}

body.dark-skin #wrapper.wide-layout, body.dark-skin #wrapper.wide-layout #theme-header, body.dark-skin .share-post, body.dark-skin .search-block-large #s, body.dark-skin .commentlist .reply a, body.dark-skin #tabbed-widget ul.tabs li.active a, body.dark-skin .cat-tabs-header li.active, body.dark-skin .post-tabs ul.tabs-nav li.current, body.dark-skin .post-tabs-ver ul.tabs-nav li.current {
    background-color: #3c3c3c
}

body.dark-skin .commentlist .reply a:hover, body.dark-skin #tabbed-widget .widget-top, body.dark-skin ul.timeline li.timeline-post:before, body.dark-skin h2.timeline-head, body.dark-skin .top-nav ul ul, body.dark-skin .cat-tabs-header, body.dark-skin .entry ul.best-reviews .best-review-score, body.dark-skin #tabbed-widget .tabs-wrap.tagcloud a:hover, body.dark-skin .woocommerce-pagination .page-numbers li .page-numbers.current {
    background-color: #2A2A2A
}

body.dark-skin .search-block #s-header {
    background-color: #303030;
    border-color: #444
}

body.dark-skin .scroll-nav {
    background-color: #373737
}

body.dark-skin #tabbed-widget ul.tabs li.active a, body.dark-skin .cat-tabs-header li.active {
    -webkit-box-shadow: 0 -1px 2px #282828;
    -moz-box-shadow: 0 -1px 2px #282828;
    box-shadow: 0 -1px 2px #282828
}

body.dark-skin .top-nav .social-icons a {
    color: #999
}

body.dark-skin a, body.dark-skin .tie-weather-current-temp, body.dark-skin #tabbed-widget ul.tabs li a, body.dark-skin .search-block #s-header:focus {
    color: #000;
}

body.dark-skin p.post-meta a {
    color: #888
}

body.dark-skin .breaking-news ul a {
    background: #3c3c3c
}

body.dark-skin a:hover, body.dark-skin p.post-meta a:hover, body.dark-skin .author-comment cite, body.dark-skin .post-title, body.dark-skin #tabbed-widget ul.tabs li.active a, body.dark-skin textarea:focus, body.dark-skin input[type=text]:focus, body.dark-skin input[type=password]:focus, body.dark-skin input[type=email]:focus, body.dark-skin input[type=url]:focus, body.dark-skin input[type=tel]:focus, body.dark-skin input[type=number]:focus, body.dark-skin input[type=date]:focus, body.dark-skin input[type=file]:focus, body.dark-skin input[type=search]:focus, body.dark-skin input[type=color]:focus, body.dark-skin input[type=datetime]:focus, body.dark-skin input[type=datetime-local]:focus, body.dark-skin input[type=month]:focus, body.dark-skin input[type=range]:focus, body.dark-skin input[type=time]:focus, body.dark-skin input[type=week]:focus, body.dark-skin select:focus, body.dark-skin .top-nav ul li a:hover, body.dark-skin .top-nav ul li:hover > a, body.dark-skin .top-nav ul:hover > a, body.dark-skin .top-nav ul li.current-menu-item a, body.dark-skin .top-nav ul ul li a:hover, body.dark-skin .top-nav ul ul li:hover > a, body.dark-skin .top-nav ul ul:hover > a, body.dark-skin .top-nav ul ul li.current-menu-item a, body.dark-skin .cat-tabs-header li.active a, body.dark-skin a.more-link, body.dark-skin .page-title {
    color: #000;
}

body.dark-skin .single-post-caption, body.dark-skin .sitemap-col h2 {
    color: #ccc
}

body.dark-skin .top-nav {
    background-color: #333;
    border-bottom-color: #444
}

body.dark-skin.woocommerce ul.products li.product .price, body.dark-skin.woocommerce-page ul.products li.product .price {
    border-color: #555
}

body.dark-skin .today-date {
    color: #888
}

body.dark-skin .page-link, body.dark-skin .author-social a, body.dark-skin .post-tag a:hover {
    background-color: #2B2B2B
}

body.dark-skin .post-tag a:hover:before {
    border-right-color: #2B2B2B
}

body.dark-skin .column2 li.other-news, body.dark-skin .list-box li.other-news, body.dark-skin .wide-box li.other-news {
    background-color: #373737;
    border-bottom: 1px solid #282828
}

body.dark-skin .column2 li.other-news:hover, body.dark-skin .list-box li.other-news:hover, body.dark-skin #tabbed-widget .tabs-wrap.tagcloud a {
    background: #303030
}

body.dark-skin textarea, body.dark-skin input[type=text], body.dark-skin input[type=password], body.dark-skin input[type=email], body.dark-skin input[type=url], body.dark-skin input[type=tel], body.dark-skin input[type=number], body.dark-skin input[type=date], body.dark-skin input[type=file], body.dark-skin input[type=search], body.dark-skin input[type=color], body.dark-skin input[type=datetime], body.dark-skin input[type=datetime-local], body.dark-skin input[type=month], body.dark-skin input[type=range], body.dark-skin input[type=time], body.dark-skin input[type=week], body.dark-skin select {
    color: #999;
    background: #f3f5fc;
    border-color: #303030;
    border-top-color: #303030;
    border-left-color: #303030
}

body.dark-skin .entry table thead th, body.dark-skin .entry table tbody th {
    background-color: #3A3A3A
}

body.dark-skin .entry table tr:nth-child(even) {
    background: #c3c3c3
}

body.dark-skin .post-tag a, body.dark-skin .toggle h3, body.dark-skin .post-tabs ul.tabs-nav, body.dark-skin .post-tabs-ver ul.tabs-nav {
    background-color: #333
}

body.dark-skin .post-tag a:before {
    border-right-color: #333
}

body.dark-skin .toggle, body.dark-skin .post-tabs, body.dark-skin .post-tabs-ver .pane, body.dark-skin .post-tabs-ver ul.tabs-nav, body.dark-skin .author-info, body.dark-skin .entry table, body.dark-skin .entry table thead th, body.dark-skin .entry table td, body.dark-skin .entry table th, body.dark-skin .entry table tbody th {
    border-color: #333
}

body.dark-skin .toggle h3:hover, body.dark-skin .post-tabs ul.tabs-nav li:hover, body.dark-skin .post-tabs-ver ul.tabs-nav li:hover, body.dark-skin .review-item, body.dark-skin .review-summary, body.dark-skin .user-rate-wrap, body.dark-skin .review-stars .review-item, body.dark-skin .review-percentage .review-item span {
    background-color: #303030
}

body.dark-skin .post-tabs ul.tabs-nav li, body.dark-skin .post-tabs-ver ul.tabs-nav li {
    border-color: #444
}

body.dark-skin .box {
    color: #222
}

body.dark-skin .box.shadow {
    border-color: #333;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .6);
    box-shadow: 0 0 5px rgba(0, 0, 0, .6)
}

body.dark-skin #slide-out-open span, body.dark-skin #slide-out-open span:after, body.dark-skin #slide-out-open span:before {
    background-color: #888
}

body.dark-skin.error404 .title-404 {
    color: #555
}

body.dark-skin .wp-playlist.wp-playlist-light, body.dark-skin .wp-playlist.wp-playlist-dark, body.dark-skin .wp-playlist-item {
    border-color: #474747;
    color: #ddd
}

body.dark-skin .wp-playlist-light .wp-playlist-caption, body.dark-skin .wp-playlist-dark .wp-playlist-caption, body.dark-skin #review-box .review-item h5 {
    color: #DDD
}

body.dark-skin .wp-playlist.wp-playlist-light .wp-playlist-playing, body.dark-skin .wp-playlist.wp-playlist-dark .wp-playlist-playing {
    background: #333;
    color: #ECECEC
}

body.dark-skin .review-box, body.dark-skin #review-box h2.review-box-header, body.dark-skin .review-item, body.dark-skin .review-summary, body.dark-skin .user-rate-wrap, body.dark-skin #review-box h1, body.dark-skin #review-box h2, body.dark-skin #review-box h3, body.dark-skin #review-box h4, body.dark-skin #review-box h5, body.dark-skin #review-box h6, body.dark-skin #review-box p, body.dark-skin #review-box strong {
    color: #FFF
}

body.dark-skin #review-box h2.review-box-header {
    background: #2A2A2A
}

@media only screen and (max-width: 1045px) {
    #wrapper.boxed, #wrapper.boxed .fixed-nav, #wrapper.boxed-all, #wrapper.boxed-all #main-content, #wrapper.boxed-all .fixed-nav {
        width: 99%
    }

    #wrapper.boxed #theme-header, #wrapper.boxed .breaking-news, #wrapper.boxed #main-content, #wrapper.boxed .container, #wrapper.boxed-all .container {
        width: 100%
    }

    #wrapper.boxed #main-content {
        padding: 15px
    }

    #wrapper.boxed .post-cover-head {
        margin-left: -15px;
        margin-right: -15px
    }

    #wrapper.boxed-all .post-cover-head {
        margin-left: 0;
        margin-right: 0
    }

    .footer-bottom .container, #footer-widget-area {
        width: 98% !important
    }

    #wrapper.boxed-all .breaking-news {
        width: 98% !important;
        margin-right: 1%;
        margin-left: 1%
    }

    #wrapper.wide-layout .header-content, #wrapper.wide-layout .breaking-news, #wrapper.wide-layout .container, #wrapper.wide-layout #main-nav ul li.mega-menu .mega-menu-block {
        width: 99%
    }

    .content {
        /* width: 66.5%*/
    }

    #sidebar {
        width: 32%
    }

    .ei-slider, .flexslider, .flexslider .slides > li {
        height: 480px
    }

    .content .ei-slider, .content .flexslider, .content .flexslider .slides > li {
        height: 315px
    }

    .post-cover {
        padding-right: 20px;
        padding-left: 20px
    }

    .flat-social a {
        padding-right: 7px;
        padding-left: 7px
    }

    .share-post li, .mini-share-post li {
        width: 100px
    }

    .tie-full-width-img img {
        margin-right: 0 !important;
        margin-left: 0 !important;
        width: 100% !important;
        max-width: 100% !important
    }
}

@media only screen and (max-width: 990px) {
    .logo {
        float: none !important;
        text-align: center;
        margin: 0 !important;
        clear: both
    }

    .ei-slider, .flexslider, .flexslider .slides > li {
        height: 466px
    }

    .content .ei-slider, .content .flexslider, .content .flexslider .slides > li {
        height: 481px
    }

    .ei-title h2, .content .ei-title h2, .content .slider-caption h2 a, .content .slider-caption h2, .slider-caption h2 a, .slider-caption h2, .full-width .content .slider-caption h2 {
        font-size: 30px
    }

    .ei-title h3, .content .ei-title h3 {
        font-size: 14px
    }

    .e3lan-top {
        margin-top: 20px;
        float: none !important;
        text-align: center
    }

    .content, #sidebar {
        width: 100%;
        float: none
    }

    .widget.news-pic .post-thumbnail {
        width: 16.66666666666667%
    }

    .footer-widgets-box {
        float: none !important;
        width: 100% !important;
        margin: 0 !important
    }

    #check-also-box {
        display: none
    }
}

@media only screen and (max-width: 900px) {
    .top-nav, #main-nav, #live-search_sb {
        display: none
    }

    #slide-out-open {
        display: block
    }

    .ei-slider, .flexslider, .flexslider .slides > li {
        height: 431px
    }

    .content .ei-slider, .content .flexslider, .content .flexslider .slides > li {
        height: 450px
    }

    #wrapper {
        background-color: #FFF;
        width: 100% !important
    }

    #wrapper #theme-header {
        margin-top: 0;
        width: 100% !important;
        -webkit-box-shadow: 0 0 3px #CACACA !important;
        -moz-box-shadow: 0 0 3px #CACACA !important;
        box-shadow: 0 0 3px #CACACA !important
    }

    #wrapper .breaking-news, #wrapper.boxed-all .breaking-news {
        width: 99% !important;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 10px;
        -webkit-box-shadow: 0 0 1px #CACACA !important;
        -moz-box-shadow: 0 0 1px #CACACA !important;
        box-shadow: 0 0 1px #CACACA !important
    }

    body.dark-skin #wrapper {
        background-color: #3c3c3c
    }

    body.dark-skin #wrapper #theme-header {
        -webkit-box-shadow: 0 0 3px #2A2A2A !important;
        -moz-box-shadow: 0 0 3px #2A2A2A !important;
        box-shadow: 0 0 3px #2A2A2A !important
    }

    body.dark-skin #wrapper .breaking-news, body.dark-skin #wrapper.boxed-all .breaking-news {
        -webkit-box-shadow: 0 0 1px #2A2A2A !important;
        -moz-box-shadow: 0 0 1px #2A2A2A !important;
        box-shadow: 0 0 1px #2A2A2A !important
    }

    #wrapper #main-content {
        width: 99% !important;
        padding: 0 !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important
    }

    #wrapper #main-content {
        margin-top: 10px
    }

    .header-content {
        padding-right: 0;
        padding-left: 0
    }

    .footer-bottom .alignright, .footer-bottom .alignleft, .footer-bottom .social-icons {
        text-align: center;
        float: none;
        width: 100%;
        margin: 0;
        line-height: 20px
    }

    .csstransforms3d.csstransitions .js-nav #wrapper {
        width: 100% !important
    }

    #wrapper.boxed .post-cover-head, #wrapper.wide-layout .post-cover-head {
        margin-top: 0;
        margin-right: 0;
        margin-left: 0
    }
}

@media only screen and (max-width: 730px) {
    .featured-title h3, .featured-title span.tie-date {
        display: none
    }

    #featured-posts .featured-post-inner {
        height: 200px
    }

    .featured-title {
        bottom: 0;
        font-size: 75%;
        padding: 8px
    }

    .featured-title h2 {
        margin-bottom: 0
    }

    .flat-social a {
        padding-right: 5px;
        padding-left: 5px
    }

    .flickr-widget .flickr_badge_image {
        width: 12.5%
    }

    #sitemap {
        padding: 10px 0 0 !important
    }

    .sitemap-col {
        width: 100%;
        float: none;
        margin: 0 0 10px
    }

    .post-tabs ul.tabs-nav li, .post-tabs-ver ul.tabs-nav li {
        display: block;
        border-width: 0 0 1px 0;
        width: 100%;
        text-align: center;
        padding: 0
    }

    .post-tabs ul.tabs-nav, .post-tabs-ver ul.tabs-nav {
        border: 1px solid #EEE;
        border-width: 0 0 1px 0
    }

    .post-tabs-ver ul.tabs-nav, .post-tabs-ver .pane {
        width: 100%;
        left: 0;
        float: none;
        border-width: 1px
    }

    .tie-padding {
        padding: 0 !important
    }

    .post-cover-head .single-has-thumb.single-post-thumb {
        height: 350px
    }

    .post-cover-title .post-title {
        font-size: 32px;
        line-height: 32px
    }

    .post-cover-title p.post-meta {
        font-size: 12px
    }
}

@media only screen and (max-width: 670px) {
    .flat-social a span, .breaking-news span.breaking-news-title span, .share-post span.share-text, .entry #related_posts {
        display: none
    }

    .breaking-news span.breaking-news-title {
        padding-bottom: 7px
    }

    .breaking-news span.breaking-news-title i {
        display: block;
        margin-top: -2px
    }

    .cat-box.column2, .list-box li, .list-box li.first-news, .wide-box li, .cat-tabs-wrap li.first-news, .cat-tabs-wrap li {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-left: 0
    }

    .list-box li.first-news {
        padding: 20px
    }

    .list-box li.other-news {
        border: 0 none
    }

    .share-post .flat-social a i, .mini-share-post .flat-social a i {
        margin: 0 10px
    }

    .share-post .normal-social li, .mini-share-post .normal-social li {
        width: 33.333333% !important;
        height: 25px
    }

    #featured-posts .featured-post {
        padding: 0 0 1px 1px !important;
        width: 50%
    }

    #featured-posts .featured-post-inner {
        height: 140px
    }

    #featured-posts .featured-post-1 {
        width: 100%
    }

    #featured-posts .featured-post-1 .featured-post-inner {
        height: 220px
    }

    #featured-posts .featured-post-1, #featured-posts .featured-post-2, #featured-posts .featured-post-4 {
        padding-left: 0 !important
    }
}

@media only screen and (max-width: 500px) {
    .ei-title h2, .content .ei-title h2, .content .slider-caption h2 a, .content .slider-caption h2, .slider-caption h2 a, .slider-caption h2, .full-width .content .slider-caption h2 {
        font-size: 22px
    }

    .slider-caption {
        padding: 8px 0 5px
    }

    .pic-box li:last-child, .entry ul.best-reviews .post-thumbnail, .ei-title h3, .slider-caption p, a.go-to-the-post {
        display: none !important
    }

    .archive-wide-thumb {
        margin-right: -10px !important;
        margin-left: -10px !important;
        width: auto !important
    }

    .one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth, .three_fifth, .four_fifth, .one_sixth, .five_sixth, .recent-box .recent-item, .scroll-box .scroll-item, #related_posts .related-item, .full-width #related_posts .related-item, .woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .review-box, .google-map, .masonry-grid .item-list {
        float: none !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        width: 100% !important;
        height: auto !important
    }

    .masonry-grid {
        padding: 0
    }

    body.error404 .title-404 {
        font-size: 80px
    }

    .cat-box li.first-news .inner-content, .scroll-box .cat-box-content, .pic-box .cat-box-content, .video-box .cat-box-content, .cat-tabs-wrap, .pic-box.pic-grid .cat-box-content, .list-box li.first-news, .recent-box .cat-box-content {
        padding: 10px
    }

    .column2 li.other-news, .list-box li.other-news, .wide-box li {
        padding-right: 10px;
        padding-left: 10px
    }

    .scroll-nav {
        margin: 10px -10px -10px
    }

    .wide-box li.first-news .post-thumbnail, .item-list .post-thumbnail, .pic-box li.first-pic, .video-box .big-video-column {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 10px
    }

    .pic-box li.first-pic, .video-box .big-video-column, .video-box li {
        margin-bottom: 0
    }

    .pic-box li, .pic-box.pic-grid.cat-box li {
        width: 25%
    }

    .video-box li {
        padding: 1px;
        width: 33.333333%
    }

    .pic-box.pic-grid.cat-box li:last-child {
        display: block
    }

    #masonry-grid.post-listing {
        padding: 0
    }

    #masonry-grid .item-list {
        width: 92%;
        margin: 0 4%
    }

    .widget.news-pic .post-thumbnail {
        width: 25%
    }

    .entry ul.best-reviews li {
        padding-left: 65px
    }

    .best-review-score-image {
        margin-left: -65px
    }

    .author-info img.author-img {
        max-width: 50px;
        margin-right: 10px
    }

    .author-info-content {
        padding-left: 60px
    }

    .post-cover-head .single-has-thumb.single-post-thumb {
        height: 250px
    }

    .post-cover-title {
        padding-right: 10px;
        padding-left: 10px
    }

    .post-cover-title .post-title {
        font-size: 28px;
        line-height: 28px
    }

    .post-cover-title p.post-meta {
        font-size: 12px
    }
}

@media only screen and (max-width: 350px) {
    .logo {
        text-align: right;
        padding-right: 20px
    }

    .logo img {
        max-width: 50%;
        height: auto
    }

    #theme-header.full-logo .logo {
        padding: 0
    }

    #theme-header.full-logo .logo img {
        max-width: 100%
    }

    #main-content {
        padding-top: 0
    }

    .share-post .flat-social a i, .mini-share-post .flat-social a i {
        margin: 0 5px
    }

    .share-post .normal-social li, .mini-share-post .normal-social li {
        width: 50% !important
    }

    .overlay-icon:before, .tie_slider .overlay-icon:before {
        border-width: 2px;
        width: 30px;
        height: 30px;
        font-size: 14px;
        line-height: 26px;
        margin: -15px 0 0 -15px
    }

    .widget.news-pic .post-thumbnail {
        width: 33.3333%
    }

    .flickr-widget .flickr_badge_image {
        width: 25%
    }
}

.widget-container .wpcv-global-updates, .widget-container .wpcv-map, .widget-container .wpcv-chart {
    margin: 0
}

.entry .wpcv-widget {
    margin-bottom: 50px
}

.entry .wpcv-widget .widget-top h4 {
    margin: 0 0 10px
}

.entry .wpcv-widget .widget-top .stripe-line {
    display: none
}

.entry .wpcv-widget .widget-container {
    padding: 0
}

.noscroll {
    position: fixed;
    overflow-y: scroll
}

.hide {
    display: none
}

#overlay-sidebar-bg {
    background: none repeat scroll 0 0 #000;
    bottom: 0;
    left: 0;
    opacity: .5;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000000
}

#overlay-sidebar, #slide-sidebar {
    background-color: #FFF;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .3);
    overflow: hidden;
    padding: 40px 20px 0;
    position: fixed;
    width: 380px;
    z-index: 1000001
}

#overlay-sidebar {
    left: 50%;
    margin: 0 0 0 -190px;
    top: -10000px
}

#slide-sidebar {
    right: -423px;
    bottom: 100px
}

#overlay-sidebar-wrap .overlay-sidebar-close, #slide-sidebar .slide-sidebar-close {
    position: absolute;
    top: 8px;
    right: 8px;
    height: 22px;
    width: 22px;
    cursor: pointer
}

#overlay-sidebar-wrap .overlay-sidebar-close:before, #slide-sidebar .slide-sidebar-close:before {
    font-family: 'FontAwesome';
    content: '\f158';
    display: block !important;
    font: normal 20px/1 'dashicons';
    speak: none;
    height: 22px;
    margin: 2px 0;
    text-align: center;
    width: 22px;
    color: #777;
    -webkit-font-smoothing: antialiased !important
}

#overlay-sidebar-wrap .overlay-sidebar-close:hover:before, #slide-sidebar .slide-sidebar-close:hover:before {
    color: #0074a2
}

#overlay-sidebar-wrap .overlay-sidebar-close:focus, #slide-sidebar .slide-sidebar-close:focus {
    outline: 1px dotted #888
}

.overlay_sidebar_class .widget .widget-title, .slide_sidebar_class .widget .widget-title {
    border-top: 5px solid #000;
    color: #2B2B2B;
    font-size: 14px;
    font-weight: 900;
    font-style: normal;
    margin: 0 0 18px;
    padding-top: 7px;
    text-transform: uppercase
}

.overlay_sidebar_class .widget li, .slide_sidebar_class .widget li {
    border-top: 1px solid rgba(255, 255, 255, .2);
    padding: 8px 0 9px
}

.overlay_sidebar_class .widget li, .slide_sidebar_class .widget li {
    border-color: rgba(0, 0, 0, .1)
}

.overlay_sidebar_class .widget, .slide_sidebar_class .widget {
    line-height: 16px;
    margin-bottom: 40px;
    width: 100%;
    padding: 0;
    background-color: #FFF
}

.overlay_sidebar_class .widget a, .slide_sidebar_class .widget a {
    color: #24890D;
    text-decoration: none
}

.overlay_sidebar_class, .slide_sidebar_class {
    color: #767676
}

#before-post-content-sidebar, #after-post-content-sidebar {
    position: relative;
    width: 100%;
    float: none
}

#before-post-content-sidebar:after, #after-post-content-sidebar:after {
    clear: both
}

#before-post-content-sidebar:before, #before-post-content-sidebar:after, #after-post-content-sidebar:before, #after-post-content-sidebar:after {
    content: "";
    display: table
}

@font-face {
    font-family: "FontAwesome";
    src: url("fonts/fontawesome-webfont.woff") format("woff");
}

.fa, .fab, .fad, .fal, .far, .fas {
    font-family: 'FontAwesome';
}

body {
    font-family: 'TT Firs Neue';
    /* font-family:Tahoma,Geneva,sans-serif;*/
    color: #fff;
    font-size: 17px
}

.logo h1 a, .logo h2 a {
    font-family: Tahoma, Geneva, sans-serif;
    color: #fff;
    font-size: 17px
}

.logo span {
    font-family: Tahoma, Geneva, sans-serif
}

.top-nav, .top-nav ul li a {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 14px
}

#main-nav, #main-nav ul li a {
    font-family: 'TT Firs Neue';
    /*font-family:Tahoma,Geneva,sans-serif;*/
    font-size: 14px
}

.breaking-news span.breaking-news-title {
    font-family: Tahoma, Geneva, sans-serif
}

.page-title {
    font-family: Tahoma, Geneva, sans-serif;
    color: #fff
}

.post-title {
    font-family: Tahoma, Geneva, sans-serif;
    color: #fff
}

h2.post-box-title, h2.post-box-title a {
    font-family: Tahoma, Geneva, sans-serif;
    color: #fff
}

h3.post-box-title, h3.post-box-title a {
    font-family: Tahoma, Geneva, sans-serif;
    color: #fff
}

p.post-meta, p.post-meta a {
    font-family: Tahoma, Geneva, sans-serif;
    color: #fff
}

body.single .entry, body.page .entry {
    font-family: 'TT Firs Neue';
    /*font-family:Tahoma,Geneva,sans-serif;*/
    color: #000;
}

blockquote p {
    font-family: Tahoma, Geneva, sans-serif;
    color: #000;
}

.widget-top h4, .widget-top h4 a {
    font-family: Tahoma, Geneva, sans-serif;
    color: #000;
}

.footer-widget-top h4, .footer-widget-top h4 a {
    font-family: Tahoma, Geneva, sans-serif;
    color: #fff
}

#featured-posts .featured-title h2 a {
    font-family: Tahoma, Geneva, sans-serif
}

.ei-title h2, .slider-caption h2 a, .content .slider-caption h2 a, .slider-caption h2, .content .slider-caption h2, .content .ei-title h2 {
    font-family: Tahoma, Geneva, sans-serif
}

.cat-box-title h2, .cat-box-title h2 a, .block-head h3, #respond h3, #comments-title, h2.review-box-header, .woocommerce-tabs .entry-content h2, .woocommerce .related.products h2, .entry .woocommerce h2, .woocommerce-billing-fields h3, .woocommerce-shipping-fields h3, #order_review_heading, #bbpress-forums fieldset.bbp-form legend, #buddypress .item-body h4, #buddypress #item-body h4 {
    font-family: Tahoma, Geneva, sans-serif;
    color: #000;
}

::-moz-selection {
    background: #be2414
}

::selection {
    background: #be2414
}

#main-nav, .cat-box-content, #sidebar .widget-container, .post-listing, #commentform {
    border-bottom-color: #f3f5fc;
}

.search-block .search-button, #topcontrol, #main-nav ul li.current-menu-item a, #main-nav ul li.current-menu-item a:hover, #main-nav ul li.current_page_parent a, #main-nav ul li.current_page_parent a:hover, #main-nav ul li.current-menu-parent a, #main-nav ul li.current-menu-parent a:hover, #main-nav ul li.current-page-ancestor a, #main-nav ul li.current-page-ancestor a:hover, .pagination span.current, .share-post span.share-text, .flex-control-paging li a.flex-active, .ei-slider-thumbs li.ei-slider-element, .review-percentage .review-item span span, .review-final-score, .button, a.button, a.more-link, #main-content input[type="submit"], .form-submit #submit, #login-form .login-button, .widget-feedburner .feedburner-subscribe, input[type="submit"], #buddypress button, #buddypress a.button, #buddypress input[type=submit], #buddypress input[type=reset], #buddypress ul.button-nav li a, #buddypress div.generic-button a, #buddypress .comment-reply-link, #buddypress div.item-list-tabs ul li a span, #buddypress div.item-list-tabs ul li.selected a, #buddypress div.item-list-tabs ul li.current a, #buddypress #members-directory-form div.item-list-tabs ul li.selected span, #members-list-options a.selected, #groups-list-options a.selected, body.dark-skin #buddypress div.item-list-tabs ul li a span, body.dark-skin #buddypress div.item-list-tabs ul li.selected a, body.dark-skin #buddypress div.item-list-tabs ul li.current a, body.dark-skin #members-list-options a.selected, body.dark-skin #groups-list-options a.selected, .search-block-large .search-button, #featured-posts .flex-next:hover, #featured-posts .flex-prev:hover, a.tie-cart span.shooping-count, .woocommerce span.onsale, .woocommerce-page span.onsale, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle, #check-also-close, a.post-slideshow-next, a.post-slideshow-prev, .widget_price_filter .ui-slider .ui-slider-handle, .quantity .minus:hover, .quantity .plus:hover, .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current, #reading-position-indicator {
    background-color: #ffc400;
    color: #000;
}

::-webkit-scrollbar-thumb {
    background-color: #be2414 !important
}

#theme-footer, #theme-header, .top-nav ul li.current-menu-item:before, #main-nav .menu-sub-content, #main-nav ul ul, #check-also-box {
    border-top-color: #40445a
}

.search-block:after {
    border-right-color: #be2414
}

body.rtl .search-block:after {
    border-left-color: #be2414
}

#main-nav ul > li.menu-item-has-children:hover > a:after, #main-nav ul > li.mega-menu:hover > a:after {
    border-color: transparent transparent #4d5a85
}

.widget.timeline-posts li a:hover, .widget.timeline-posts li a:hover span.tie-date {
    color: #be2414
}

.widget.timeline-posts li a:hover span.tie-date:before {
    background: #be2414;
    border-color: #be2414
}

#order_review, #order_review_heading {
    border-color: #be2414
}

body {
    background-color: #fff !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-position: center center !important;
    background-image: ;
}

.wrapper-outer:after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    background: url(img/back_games.svg) repeat-y;
    background-size: 100%;
}

a {
    color: #be2414;
    text-decoration: none
}

a:hover {
    color: #ff391a;
    text-decoration: none
}

body.single .post .entry a, body.page .post .entry a {
    color: #be2414;
    text-decoration: none
}

body.single .post .entry a:hover, body.page .post .entry a:hover {
    color: #ff391a;
    text-decoration: none
}

.top-nav ul li a:hover, .top-nav ul li:hover > a, .top-nav ul :hover > a, .top-nav ul li.current-menu-item a {
    color: #be2414
}

#main-nav ul li a:hover, #main-nav ul li:hover > a, #main-nav ul :hover > a, #main-nav ul ul li:hover > a, #main-nav ul ul :hover > a {
    background-color: #ffc400;
    height: 47px;
    color: #000;
}

#main-nav ul li a, #main-nav ul ul a, #main-nav ul.sub-menu a, #main-nav ul li.current_page_parent ul a, #main-nav ul li.current-menu-item ul a, #main-nav ul li.current-menu-parent ul a, #main-nav ul li.current-page-ancestor ul a {
    color: #fff
}

#main-nav ul li.current-menu-item a, #main-nav ul li.current_page_parent a {
    color: #000;
}

.today-date {
    color: #fff
}

.top-nav ul li a, .top-nav ul ul a {
    color: #fff
}

#theme-footer a {
    color: #be2414
}

#theme-footer a:hover {
    color: #ff391a
}

.top-nav, .top-nav ul ul {
    background-color: #191919 !important
}

#theme-header {
    background-color: #fff !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
    background-position: center bottom !important
}

#main-nav {
    background: #161626;
}

#main-nav ul ul, #main-nav ul li.mega-menu .mega-menu-block {
    background-color: #161626 !important;
}

#main-nav ul li {
    border-color: #3d3d3d
}

#main-nav ul ul li, #main-nav ul ul li:first-child {
    border-top-color: #3d3d3d
}

#main-nav ul li .mega-menu-block ul.sub-menu {
    border-bottom-color: #3d3d3d
}

#main-nav ul li a {
    border-left-color: #3d3d3d
}

#main-nav ul ul li, #main-nav ul ul li:first-child {
    border-bottom-color: #3d3d3d
}

@media only screen and (max-width: 350px) {
    .logo {
        text-align: center;
        padding-right: 0
    }
}

@media only screen and (max-width: 350px) {
    .logo img {
        max-width: 70%
    }
}

header#theme-header #main-nav ul li.menu-item-home a, header#theme-header #main-nav ul li.menu-item-home.current-menu-item a {
    background-image: none !important;
    text-indent: 0;
    width: auto
}

#main-nav .menu-sub-content li {
    width: 100%;
}

#main-nav .menu-sub-content li:hover {
    background-color: #ffc400 !important;
}

.wp-block-image figcaption {
    color: #fff
}

body.dark-skin {
    color: #fff
}

body.dark-skin h2.timeline-head {
    background-color: #fff
}

body.dark-skin #wrapper.boxed-all {
    background-color: #fff;
}

body.dark-skin #sidebar .widget-container {
    background-color: #f3f5fc;
}

body.dark-skin p.post-meta a {
    color: #a9a9a9
}

.alignright {
    float: none
}

.footer-bottom {
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    font-family: 'TT Firs Neue';
    font-weight: lighter
}

body.error404 .title-404 {
    font-size: 50px
}

.header-content {
    padding: 5px 15px;
    margin: 20px auto
}

@media only screen and (max-width: 900px) {
    .header-content {
        padding: 20px 15px;
        margin: 0 auto
    }
}

.login-button {
    color: #fff;
    border: solid 1px #ffc400;
    background-color: transparent !important;
}

.signup-button {
    color: #fff;
    border: solid 1px #bc2502;
    background-color: #fe284a;
}

}
.login-button:hover {
    color: #000000 !important;
    border: solid 2px #ffa300;
    background-position: center;
    border-color: #ffa300;
    background-repeat: no-repeat;
    background-size: 31px
}

.signup-button:hover {
    color: #000000 !important;
    border: solid 2px #ffa300;
    background-color: #ffa300;
    border-color: #ffa300;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 31px
}

.bp-button {
    display: inline-block;
    position: relative;
    height: 40px;
    align-items: center;
    min-width: 110px;
    border: 2px solid transparent;
    border-radius: 10px;
    background-color: #ffc400;
    border-color: #ffc400;
    color: #000000 !important;
    font-weight: 700;
    font-size: 1rem;
    text-transform: uppercase;
    padding: 20px;
}

@media (max-width: 991px) {
    .bp-button {
        padding: 18px 15px;
        margin: 0 5px 0 0
    }
}

.page-block {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #3c3c3c;
    padding: 20px 10px
}

.page-block-title {
    margin-bottom: 10px
}

.page-block-text {
    margin-bottom: 15px
}

.page-block-banner {
    width: 100%;
    background: #009bb4;
    margin-bottom: 15px;
    border-radius: 5px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    align-items: center
}

.page-block-banner-img {
    background-repeat: no-repeat;
    background-size: contain;
    width: 200px;
    height: 209px
}

.page-block-banner-title {
    color: #fff;
    font-weight: 700;
    font-size: 22px;
    line-height: 1.4;
    display: block;
    margin-bottom: 10px;
    text-align: center
}

.page-block-banner-subtitle {
    color: #f7a600;
    font-weight: 600;
    font-size: 16px;
    font-style: italic;
    display: block;
    margin-bottom: 10px;
    text-align: center
}

.page-block-text h2 {
    margin-bottom: 10px
}

.page-block-text ul, .page-block-text ol {
    font-size: 15px;
    padding-left: 40px;
    margin: 10px 0;
    line-height: 1.4
}

.page-block-text ol li {
    list-style: decimal
}

.page-block-text ul li {
    list-style: disc
}

.page-block-faq {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px
}

.faq-question {
    margin-bottom: 32px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .1);
    width: 800px;
    color: #009BB4;
    background: #fff;
    border-radius: 2px
}

.faq-item {
    padding: 25px 30px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    transition: .3s;
    text-align: left;
    align-items: center;
    position: relative
}

.faq-item-left {
    display: flex;
    align-items: center
}

.faq-title-icon {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    transform: rotate(-90deg);
    transition: 0.3s
}

.faq-item span {
    font-size: 16px;
    font-weight: 700
}

.faq-title-img {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 10px
}

.faq-content {
    padding: 10px 30px 30px 30px;
    color: #3c3c3c;
    display: none
}

.faq-title-icon.active {
    transform: rotate(0)
}

@media screen and (max-width: 1200px) {
    .page-block-tabs {
        grid-template-columns:repeat(4, 1fr)
    }
}

@media screen and (max-width: 991px) {
    .page-block-groups {
        grid-template-columns:repeat(3, 1fr)
    }

    .faq-question {
        width: 100%
    }
}

@media screen and (max-width: 768px) {
    .page-block-groups {
        grid-template-columns:repeat(2, 1fr)
    }

    .page-block-tabs {
        grid-template-columns:repeat(2, 1fr)
    }

    .page-block-text span {
        font-size: 14px
    }
}

@media screen and (max-width: 425px) {
    .page-block-groups {
        grid-template-columns:repeat(1, 1fr)
    }

    .page-block-tabs {
        grid-template-columns:repeat(1, 1fr)
    }

    .page-block-text span {
        font-size: 12px
    }

    .faq-title-img {
        display: nonel
    }

    .faq-title-icon {
        margin-left: 10px
    }
}

.art-img {
    max-width: 100%;
    margin: 15px auto;
    display: block;
}