/*
Theme Name: banipak
Theme URI: https://webramz.com
Author: acf group
Author URI: https://webramz.com/
Description: The biggest WordPress Theme ever
License: Themeforest Split Licence
License URI: https://webramz.com
Text Domain: banipak
Version: 21.7.7

All css files are placed in /css/ folder
*/

@font-face {
    font-family: 'fontello';
    font-display: swap;
    src: url('../fonts/fontello.eot');
    src: url('../fonts/fontello.eot#iefix') format('embedded-opentype'), url('../fonts/fontello.woff') format('woff'), url('../fonts/fontello.ttf') format('truetype'), url('../images/fontello.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "FontAwesome";
    font-weight: normal;
    font-display: swap;
    font-style: normal;
    src: url("../fonts/fontawesome-webfont.woff2") format("woff2");
}
    
    .demo-icon {
        font-family: "fontello";
        font-style: normal;
        font-weight: normal;
        speak-as: never;
        display: inline-block;
        text-decoration: inherit;
        width: 1em;
        font-size: 21px;
        margin-right: .2em;
        text-align: center;
        /* opacity: .8; */
        /* For safety - reset parent styles, that can break glyph codes*/
        font-variant: normal;
        text-transform: none;
        /* fix butto3ns height, for twitter bootstrap */
        line-height: 1em;
        /* Animation center compensation - margins shodivd be symmetric */
        /* remove if not needed */
        margin-left: .2em;
        /* You can be more comfortable with increased icons size */
        /* font-size: 120%; */
        /* Font smoothing. That was taken from TWBS */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        /* Uncomment for 3D effect */
        /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
    }

@font-face {
    font-family: 'iransans';
    src: url('../fonts/IRANSansXFaNum-Regular.woff2') format('woff2');
    font-display: swap;
    /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face {
    font-family: 'iransansbold';
    src: url('../fonts/IRANSans-Bold-web.woff2') format('woff2');
    font-display: swap;
    /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
@font-face {
    font-family: 'Shabnam';
    src: url('../fonts/Shabnam.woff2') format('woff');
    font-display: swap;
    /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
    
    body {
        font-family: 'iransans';
        line-height: 2;
        font-size: 0.8rem;
        font-style: justify;
    }

video {
	object-fit: cover; 
}

video[poster] {
	object-fit: cover; 
}
    
    .wppb-error a {
        display: none;
    }
    
    a {
        text-decoration: blink !important;
    }
    
    .abouttext .textabout {
        border-right: 1px solid #046f5a;
        padding-right: 1rem;
    }
    .comparesss {
      filter: none !important;
      
    }
    a.btn.btnmore:before {
        content: "\f0a8";
        font-family: "FontAwesome";
        padding: 0 5px;
    }
    #home h3 {
        font-family: 'shabnam' !important;
    }
    .wp-video .mejs-container .mejs-controls {
        visibility: hidden;
    }

    .mejs-container,
    .mejs-container .mejs-controls,
    .mejs-embed,
    .mejs-embed body {
        background: #fff !important;
    }
    #messages strong {
        font-size: 0.7rem;
        
    }
    .titleright {
        margin-top: -1rem;
    }
    .wp-video-shortcode {
        border-radius: 26px !important;
    }
    
    .mejs-container .mejs-controls:hover {
        display: block;
    }
    
    .wrapheader {
        background: #046f5a;
    }
    .page-id-2445 {
        background: #f4f4f4;
    }
    .listfiles {
        text-align: right !important;
        list-style: square !important;
        font-size: 1rem !important;
    }
    .containpro {
        margin-bottom: -6rem;
    }
    #wppb-login-wrap {
        padding: 3rem 2rem;
        border: 1px solid #ababab40;
        box-shadow: 1px 2px 5px #58585840;
    }
    .textyel {
        color: #f5ad0d;
    }
.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], 
.gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email],
.gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password],
.gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text],
.gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week],
.gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea{
        border: 1px solid #e1e1e1;
    }
    .gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input {
    margin-bottom: 8px;
    padding: 0.4rem 2rem;
    border: 0;
    background: #046f5a;
    border-radius: 5px;
    color: #fff;
}

    .wraparc .archivepro .cardpro {
        margin-top: 5.6rem;
        transition: 1s ease;
    }
 .wraparc .cardpro .img-responsive {
        transition: 1s ease;
    }
    .wraparc .cardpro:hover .img-responsive {
        transform: scale(1.1);
        transition: 1s ease;
    }
    .linkto {
        border-bottom: 1px solid #80808014;
        color: #878787;
    }
    .linkto:hover {
        color: #046f5a;
    }
    .wrapmenu .searchhead #ajaxsearchlite1 {
        display: block !important;
        margin: 0 auto;
        padding: 0.3rem;
    }
    .wrapmenu .searchhead #ajaxsearchlite1 input {
        text-align: right;
    }
    .textmore {
        color: #0d6c56;
        font-weight: 700;
    }
    .tabpanel h3 {
         font-family: sans-serif !important;
    }
    .stretchs {
        align-self: stretch;
    }
    .wraparc .card .card-img-top {
        width: 200px;
        left: 50%;
        transition: 1s ease;
        margin: -4rem auto 1rem;
    }
    .listservice li span {
        padding-left: 0.4rem;
    }
    #wppb-loginform p {
        padding-bottom: 2rem !important;
    }
    .swiper-button-prev, .swiper-container-rtl .swiper-button-next ,
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: none !important;
}
    #wppb-submit {
        display: block;
        width: 100%;
        color: #fff;
        background: #046f5a;
        border: 0;
        border-radius: 3px;
        padding: 6px;
        box-shadow: 1px 1px 5px #292929;
    }
    .wrapproducts {
        background: #046f5a;
        border-bottom: 5rem solid #fff;
    }
    
    .catpro a {
        color: #a2a2a2;
        font-size: 0.8rem;
    }
    
    .imgblog {
        float: left;
        width: 50%;
        margin-right: 1rem;
        border: 4px solid #046f5a;
    }
    
    .wrapmenu {
        background: #3c3c3c;
        border-bottom: 2px solid #046f5a;
    }
    
    .tableinfo tr:nth-child(even) {
        background-color: #efefef;
    }
    .aligncenter {
    clear: both;
    display: block !important;
    margin: auto !important;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.alignleft {
    float: left !important;
    margin-right: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.alignnone img , .alignleft img , .alignright img , .aligncenter img {
    max-width: 100%;
    height: auto;
}
.alignright {
    float : right !important;
    margin-left: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
    .wraparcblog {
        background: #fff;
    }
    @media (min-width: 992px) {
        .modal-dialog {
            max-width: 80% !important;
            margin: 10rem auto !important;
        }
        .cattag {
            margin-top: -3rem;
        }
        .cattag .catpro {
            border-bottom: 0 !important;
        }
    }
    
    .subheaderbar {
        height: 600px;
        background-size: cover;
        background-repeat: no-repeat;
        filter: drop-shadow(2px 2px 4px #888);
        background-position: center bottom;
    }
    
    .titlecenter {
        line-height: 3;
        position: relative;
        font-weight: 700;
    }
    
    .modal-header .close {
        margin: -1rem -1rem auto -1rem;
    }
    
    .titleright {
        line-height: 2.3;
        position: relative;
        font-weight: 700;
    }
    
    .titlecenter:after {
        content: "";
        position: absolute;
        left: 50%;
        margin-left: -50px;
        bottom: 0;
        width: 100px;
        border-bottom: 3px solid #f5ad0d;
    }
    
    .titleright:after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        width: 100px;
        border-bottom: 2px solid #f5ad0d;
    }
    
    .custom-logo {
        max-width: 100%;
        height: auto;
    }

    .wrapabout img {
        border-radius: 1rem;
    }
    
    #submitfilter {
        display: none;
    }
    
    .titleabo {
        color: #046f5a;
    }
    
    .titleabout {
        font-family: 'iransansbold' !important;
        font-size: 7rem;
        font-weight: 900;
        color: #e5e5e5;
        transform: rotate(270deg);
        line-height: 8rem;
        display: flex;
        margin-left: 3rem;
    }
    .aligncenter {
        display: block;
        margin: 0 auto;
    }
    #messages a:hover .img-thumbnail {
        filter: sepia(0.8);
        transition: all 0.5s ease;
    }
    .wrapfooter {
        background: #292929;
        border-top: 7px solid #046f5a;
    }
    
    .wrapcpyr {
        background: #1f1f1f;
    }
    
    .infomap {
        border-right: 1px solid #046f5a;
        padding-right: 1rem;
    }
    .search-overlay {
        position: fixed;
        top: 0;
        left: 0;
        z-index: -999; 
        width: 100vw;
        height: 100vh;
        overflow: hidden;
        background: #000000c9; 
        
        
        opacity: 0;
        transition: all .5s ease-in-out;
      }
      .search-overlay.-show {
        z-index: 999; 
        opacity: 1;
      }
      
      .aws-container .aws-search-form {
          width: 70% !important;
          margin: auto !important;
          
      }
      .aws-container .aws-show-clear .aws-search-field, .aws-container .aws-search-form .aws-form-btn {
          border-radius: 40px !important;
          height: 50px !important;
      }
      .aws-container .aws-search-form .aws-form-btn {
        position: absolute !important;
        left: 0 !important;
        width: 99px !important;
        height: 50px !important;
        text-align: center !important;
        z-index: 9999 !important;
        background: #036dab !important;
      }
      .aws-search-btn_icon {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
      }
      .aws-search-result {
        width: 70% !important;
        left: 50% !important;
        transform: translate(-50% , 0) !important;
        margin-top: 0.45rem !important;
        
      }
      #preloader .btn-search {
        background: green;
        padding: 0.4rem;
        border-radius: 50%;
      }
    .searchhead div.asl_m.asl_w {
        border: 0 !important;
    }
    
    .searchhead #ajaxsearchlite1 {
        display: none;
    }
    
    #ajaxsearchlite2 {
        margin-right: auto !important;
    }
    
    .searchicon:hover #ajaxsearchlite1 {
        display: block;
    }
    .moreinfos {
        border-bottom: 1px dashed #f5ad0d54;
        display: block;
        text-align: left;
        font-size: 2.3rem;
        padding: 0;
        margin: 0;
        line-height: 0;
    }
    .moreinfos i {
        color: #f5ad0d;
        line-height: 0.75;
        transform: skewX(343deg) !important;
        transition: 0.3s ease;
    }
    .moreinfos:hover i {
        background: #0056b3;
        transform: skewX(354deg) !important;
        transition: 0.3s ease;
    }
    .icongreen {
        color: #046f5a;
        filter: drop-shadow(1px 1px 1px #ccc);
    }
    
    .infomap p:hover .icongreen {
        color: #f5ad0d;
    }
    
    .textsheet:nth-child(even) {
        flex-direction: row-reverse;
    }
    
    #main #faq .card {
        margin-bottom: 10px;
        border: 0;
    }
    
    #main #faq .card .card-header {
        border: 0;
        -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
        box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);
        border-radius: 2px;
        padding: 0;
    }
    
    #main #faq .card .card-header .btn-header-link {
        color: #fff;
        display: block;
        text-align: left;
        background: #046f5a;
        padding: 17px 10px;
    }
    
    .wrapmenu .nav-link {
        font-weight: 700;
    }
    
    .wrapmenu .nav-link.active,
    .wrapmenu .nav-link:hover,
    .wrapmenu .nav-link:active {
        color: #f5ad0d !important;
    }
    
    .swiper-button-next:after,
    .swiper-container-rtl .swiper-button-prev:after,
    .swiper-button-prev:after,
    .swiper-container-rtl .swiper-button-next:after {
        font-size: 1.3rem;
        color: #eaa100;
    }
    
    #main #faq .card .card-header .btn-header-link:after {
        content: "\f056";
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        float: left;
    }
    
    .subheaderback {
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    #main #faq .card .card-header .btn-header-link.collapsed {
        background: #fff;
        color: #000;
        font-weight: 700;
        font-size: 0.9rem;
    }
    
    .card-body>a {
        color: #f5ad0d !important;
    }
    .card-bodys p {
            font-size: 0.777rem;
    }
    .containpro {
        position: relative;
    }
    
    .btnsubmit {
        background: #046f5a;
        color: #ffff;
        padding: 0.5rem 1rem;
    }
    
    .wpcf7 input[type="url"],
    .wpcf7 input[type="email"],
    .wpcf7 input[type="tel"] {
        direction: rtl !important;
    }
    
    #main #faq .card .card-header .btn-header-link.collapsed:after {
        content: "\f067";
    }
    
    #main #faq .card .collapsing {
        background: #ffffff;
        line-height: 30px;
    }
    
    #main #faq .card .collapse {
        border: 0;
    }
    
    #main #faq .card .collapse.show {
        background: #fff;
        color: #222;
    }
    
    .wrapfaq {
        background: url(../images/FAQ.png) center right no-repeat, #e1e1e1;
    }
    
    .btnmore {
        background: #f5ad0d;
        border-radius: 20px;
        color: #fff;
        padding: 0.5rem 1.5rem;
        box-shadow: 0 1px 2px #888;
        margin-top: 20px;
        display: inline-flex;
        align-items: center;
    }
    
    .socials {
        list-style: none;
        display: flex;
        padding: 0;
    }
    
    .socials li a {
        color: #fff;
        transition: 0.1s ease;
    }
    
    .socials li {
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.2rem;
    }
    
    .socials li:hover a {
        color: rgb(245 173 13);
        transform: rotate(22deg);
        transition: 0.1s ease;
    }
    
    .btnlogin {
        background: #3c3c3c;
        border-radius: 20px;
        color: #fff;
        padding: 0.35rem 1.2rem;
        margin-top: 20px;
        border: 0;
    }
    
    .blog-posts .post-outer {
        margin-bottom: 15px;
    }
    
    .btnlogin:hover {
        color: #f5ad0d !important;
    }
    .cardnews {
        background: #046f5a;
        padding: 0;
    }
    .cardnews .card {
        border: 0 !important;
        background: #046f5a;
    }
    .cardnewslist .card-img {
            width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    }
    .cardnewslist .card-body {
        z-index: 2;
        background: #fff;
    }
        .cardnewslist .card-body:hover {
        background: #eee;
    }
    .headermenu {
        flex-direction: row-reverse;
    }
    
    .cardnews .card-title {
        font-weight: 700;
    }
    .catpro {
        border-bottom: 1px solid #eee;
    padding: 0.3rem 0;
    }
    .textbrand {
        background-color: #046f5a;
        clip-path: polygon(7% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
    
    .textbrand p {
        display: flex;
        font-size: 1.2rem;
        align-items: center;
        /* margin: auto 1rem; */
        height: 100%;
    }
    
    .textbrand:after {
        width: 0;
        height: 0;
        border-bottom: 100px solid red;
        border-left: 100px solid transparent;
    }
    #mega-menu-item-517 {
        text-align: center !important;
    }
    #mega-menu-item-517 a {
        display: inline-block !important;
        background: #f5ad0d !important;
        color: #fff !important;
        border-radius: 30px !important;
        padding: 0.6rem 1rem !important;
        font-weight: 300 !important;
    }
    .cardnews .card-body {
        background: #046f5a;
    }
    
    .cardnews .card-img-top {
        border-radius: 0 !important;
    }
    
    .cardnewslist {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        margin-bottom: 0.7rem;
    }
    
    .cardnewslist:last-child {
        margin-bottom: 0;
    }
    
    .cardnewslist .card-title {
        font-weight: 700;
        color: #111;
        font-size: 0.9rem;
        text-decoration: blink;
    }
    
    .cardnewslist .card:hover .card-bodys {
        background: #eee;
    }
    
    .wrapproducts .card {
        padding: 0.5rem;
        background: #eee;
        border-bottom: 6px solid #eee;
        border-right: 0 !important;
        border-top: 0 !important;
        border-left: 0 !important;
    }
    
    .wrapproducts .card:hover {
        border-bottom: 6px solid #f5ad0d;
    }
    
    .wrapproducts .card-title {
        font-weight: 700;
    }
    .containpro .card:hover .card-img-top {
        transform: scale(1.16);
        transition: 0.3s ease;
    }
    .subheaderback h1 {
        
    border-bottom: 1px solid #fff;
    padding-bottom: 1rem;

    }
    .containpro .card-img-top {
        /*filter: drop-shadow(0px 6px 6px black);*/
        transition: 0.3s ease;
    }
    
    .flexbox .search>div {
        display: inline-block;
        position: relative;
    }
    
    .flexbox .search>div:after {
        content: "";
        background: white;
        width: 3px;
        height: 11px;
        position: absolute;
        top: 19px;
        right: 0px;
        transform: rotate(135deg);
    }
    
    .flexbox .search>div>input {
        color: white;
        font-size: 0.8rem;
        background: transparent;
        width: 22px;
        height: 22px;
        padding: 10px;
        border: solid 2px white;
        outline: none;
        border-radius: 35px;
        transition: width 0.5s;
    }
    
    .flexbox .search>div>input::placeholder {
        color: #efefef;
        opacity: 0;
        transition: opacity 150ms ease-out;
    }
    
    .flexbox .search>div>input:focus::placeholder {
        opacity: 1;
    }
    
    .flexbox .search>div>input:focus,
    .flexbox .search>div>input:not(:placeholder-shown) {
        width: 250px;
    }
    
    .wrapper {
        position: fixed;
        top: 40%;
        right: 0;
        z-index: 999999;
    }
    
    .wrapper ul {
        list-style: none;
        padding: 0;
    }
    
    .wrapper ul li {
        width: 35px;
        height: 35px;
        position: relative;
        background: #e59500;
        margin: 2px 0;
        cursor: pointer;
    }
    
    .wrapper ul li i {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 1rem;
        color: #fff !important;
        filter: drop-shadow(1px 1px 1px #555);
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    
    .wrapper ul li.facebook {
        background: #3b5998;
    }
    
    .wrapper ul li.twitter {
        background: #00aced;
    }
    
    .wrapper ul li.instagram {
        background: #bc2a8d;
    }
    
    ul li.google {
        background: #dd4b39;
    }
    
    ul li.whatsapp {
        background: #4dc247;
    }
    
    ul li.facebook div.slider {
        background: #627aac;
    }
    
    ul li.twitter div.slider {
        background: #76d2f7;
    }
    
    ul li.instagram div.slider {
        background: #e98bcb;
    }
    
    ul li.google div.slider {
        background: #eb6250;
    }
    
    ul li.whatsapp div.slider {
        background: #82d47e;
    }
    
    .wrapper .slider {
        content: "";
        position: absolute;
        top: 0;
        right: 36px;
        width: 0px;
        height: 35px;
        background: #eebb5c;
        transition: all 0.4s 0.2s ease;
    }
    
    .wrapper .slider a {
        font-size: 0.85rem;
        font-weight: 700;
        color: #fff;
        text-align: center;
        line-height: 2.5;
        filter: drop-shadow(0px 0px 1px #555);
        opacity: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: blink;
        transition: all 0.4s ease;
    }
    
    .wrapper ul li:hover .slider {
        width: 120px;
        transition: all 0.4s ease;
    }
    
    .wrapper ul li:hover .slider a {
        opacity: 1;
        transition: all 0.5s 0.2s ease;
    }
    
    #scroll-btn {
        background-color: rgb(245 173 13);
        border-radius: 50%;
        border: 0;
        bottom: 30px;
        color: #ffffff;
        cursor: pointer;
        display: none;
        outline: medium none;
        position: fixed;
        right: 15px;
        z-index: 99;
        padding: 5px;
        font-size: 20px;
        transition: 0.4s ease;
    }
    
    #scroll-btn i {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
    }
    
    .wpsms-subscribe-form {
        margin: 0 !important;
        height: 100% !important;
        width: 100% !important;
    }
    
    .wpsms-subscribe-form .intl-tel-input {
        width: 100% !important;
    }
    
    #wpsms-mobile {
        border: 0 !important;
        padding-bottom: 5px !important;
        width: 100% !important;
        height: 45px !important;
        outline: none !important;
    }
    
    #wpsms-step-1 {
        display: flex !important;
    }
    
    #wpsms-name,
    .wpsms-subscribe-form.radio-inputs,
    .wpsms-subscribe-form label {
        display: none !important;
    }
    
    .wpsms-button {
        border: 0 !important;
        border-radius: 5px 0 0 5px !important;
        color: #fff !important;
        text-shadow: none !important;
        background: #0d6c56 !important;
        outline: none !important;
        box-shadow: inset 0px 1px 0px 0px #0d6c56 !important;
    }
    .titlelavor {
        line-height: 2;
        font-weight: 700;
    }
    .lineside a[aria-expanded="true"]:after {
        transform: rotate(138deg);
        top: 23px;
        transition: 0.5s ease;
    }
    .lineside {
        position: absolute;
        bottom: 0;
        transform: translateX(-50%);
        left: 50%;
        margin: 1rem auto;
        line-height: 1;
        width: 100%;
    }
    .lineside a {
        color: #111;
        text-decoration: blink;
        cursor: pointer;
        position: relative;
    }
    
    .lineside:before {
        content: "";
        width: 150px;
        height: 1px;
        position: absolute;
        right: 0;
        top: 50%;
        background: #ddd;
    }
    .newsletterbot #custom_html-5 {
        display: table-cell;
        float: right;
    }
    .newsletterbot #wpsms_widget-2 {
        display: table-cell;
    }
    #custom_html-3 {
      border-top: 1px solid #404040;
      margin-top: 26px;
    }
    .lineside:after {
        content: "";
        width: 150px;
        height: 1px;
        position: absolute;
        left: 0;
        top: 50%;
        background: #ddd;
        transition: 0.5s ease;
    }
    
    .intl-tel-input .selected-flag .iti-arrow {
        right: 40px !important;
    }
    
    .wpsms-message-success {
        background-color: rgb(13 108 86) !important;
        border: 2px solid #0d6c56 !important;
        color: #ffffff !important;
    }
    
    .lineside a:after {
        content: "";
        width: 8px;
        height: 8px;
        border-left: 1px solid #54cd2d;
        border-bottom: 1px solid #54cd2d;
        border-right: 1px solid transparent;
        border-top: 1px solid transparent;
        position: absolute;
        right: 50%;
        transform: rotate(315deg);
        top: 20px;
        transition: all 0.3s ease;
    }
    
    .lineside a.collapsed:after {
        content: "";
        width: 8px;
        height: 8px;
        border-left: 1px solid #54cd2d;
        border-bottom: 1px solid #54cd2d;
        border-right: 1px solid transparent;
        border-top: 1px solid transparent;
        position: absolute;
        right: 50%;
        transform: rotate(315deg);
        top: 20px;
        transition: all 0.3s ease;
    }
    
    .searchres {
        direction: ltr;
    }
    
    .wpsms-button:hover {
        background: #0d8b6e !important;
    }
    
    #wpsms-step-1 .wpsms-subscribe-form:first-of-type {
        width: 0 !important;
    }
    
    #wpsms_widget-2 .widget-title {
        display: none;
    }
    
    .iti-flag {
        left: 5px !important;
    }
    
    .intl-tel-input .selected-flag .iti-arrow {
        left: 31px !important;
        right: auto;
    }
    /* ---------simple pro -----*/
    .listservice {
        margin-left: 6rem;
    }
    .align-items-end {
        margin-top: 42px;
    }
    .listservice li,
    .galleryimg,
    .videoimg {
        cursor: pointer;
    }
    
    .listservice {
        list-style: none;
    }
    
    .listservice li {
        padding: 0 0.22rem 0.22rem 0.3rem;
            background: #eee;
            margin-bottom: 15px;
    }
    .listservice li a span {
        font-weight: 600;
        color: #222;
    }
    .listservice li:hover a span {
        font-weight: 600;
        color: #fff;
    }
    .listservice li img {
        filter: grayscale(1);
        margin-top: -3px;
    }
    .listservice li:hover,
    .listservice li:hover .compadd {
        background: #046f5a;
        color: #fff;
    }
    .listservice li a {
        display: flex;
        align-items: center;
        justify-content: space-between !important;
    }
    .listservice li:hover img {
    filter: none;
    transition: 0.5s ease;
    }
    .cardinfo .tab-pane table tr:hover {
        background: #f4f4f4;
    }
    .singleimage {
        border-bottom: 1px solid gray;
    }
    
    .cardinfo>ul>li:hover {
        background: #046f5a;
        color: #fff;
    }
    
    .btnremove {
        position: relative;
        color: transparent
    }
    
    .btnremove:before {
        font-family: "FontAwesome";
        content: 'X';
    }
    
    .cardinfo ul li a.active:parent {
        background: #046f5a;
        color: #fff;
    }
    
    .mega-menu-link {
        text-align: center !important;
    }
    
    .listcomp tr td {
        text-align: center;
        height: 34px;
    }
    
    .bordrtab td {
        border: 1px solid #ddd;
        width: 150px;
        text-align: right;
        padding-right: 10px;
        height: 34px;
    }
    .table-bordered th {
    height: 277px !important;
}
@media (min-width: 992px){
.container {
    max-width: 930px !important;
}
    .backdot {
        position: absolute;
        top: -3.1rem;
        left: -3rem;
    }
        .backslide{
        background-size: cover;
        background-repeat: no-repeat;
        height: 80vh;
    }
}
@media (max-width: 991px) {
        .backdot {
        position: absolute;
        top: -0.5rem;
        width: 6rem;
        left: 0; 
    }
        .backslide{
        background-size: cover;
        background-repeat: no-repeat;
        height: 44vh;
    }
    .subheaderback {
        height: 45vh;
    }
}
@media (min-width: 1200px){
.container {
    max-width: 1040px !important;
}
}
.aligncenter {
    max-width: 100%;
    height: auto;
}

#home {
    overflow-X: auto;
}
.wrapfooter p {
    margin-bottom: 0.62rem;
    font-size: 13px;
}
#wpsms-submit {
    padding: 0.6rem !important;
}
#wpsms-mobile {
    border-radius: 0 5px 5px 0 !important;
}
.wrapcpyr p {
    font-size: 0.6rem;
}
    .popcompair {
        position: absolute;
        left: 50%;
        top: 60%;
        width: 100% !important;
        transform: translate(-50%, -50%);
        background: #fff;
        padding: 2rem;
        box-shadow: 1px 1px 3px #aaa;
        z-index: 9999;
    }
    
    .imagebox {
        display: inline-block;
    }
    
    .cardinfo .nav-tabs {
        padding: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border: 0;
        align-items: stretch;
        flex-wrap: nowrap;
    }
    
    .cardinfo .nav-tabs li {
        display: block;
        text-align: center;
        width: 24.6%;
        background: #272727;
        color: #fff;
        margin: 1px;
        box-shadow: 0px 0px 1px 1px #272727;
    }
    
    .cardinfo .nav-tabs li:hover,
    .cardinfo .nav-tabs li:active {
        background: #046f5a;
        box-shadow: 0px 0px 1px 1px #046f5a;
    }
    
    .cardinfo .nav-tabs>li.active,
    .nav-tabs>li.active,
    .nav-tabs>li.active {
        background: #046f5a;
        box-shadow: 0px 0px 1px 1px #046f5a;
    }
    
    .cardinfo .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:focus,
    .nav-tabs>li.active>a:hover {
        border-width: 0;
    }
    
    .subheadertab {
        color: #acacac;
    }
    
    .cardinfo .tab-pane table tr {
        line-height: 3;
        padding: 0 0.5rem;
    }
    
    .widget {
        list-style: none !important;
    }
    
    .navbar-dark .navbar-nav .nav-link {
        color: rgb(255 255 255) !important;
    }
    
    .tableinfo table tr:hover {
        cursor: pointer;
    }
    
    .cardinfo .nav-tabs>li>a {
        border: none;
        color: #fff !important;
        display: block;
        font-weight: 700;
        padding: 0.7rem 2rem;
    }
    .cardinfo .nav-tabs>li>a.active {
        background: #046f5a;
    }
    #commentform input#submit {
        background: #046f5a;
        border: 0;
        color: #fff;
        padding: 2px 0.5rem;
    }
    
    #commentform #email,
    #author,
    #url,
    #commentform textarea {
        width: 100%;
        border: 0;
        background: #efefef;
    }
    
    div#comments #reply-title {
        margin-bottom: 10px;
    }
    
    .cardinfo .nav-tabs>li.active>a,
    .nav-tabs>li>a:hover {
        border: none;
        color: #fff !important;
        text-decoration: blink !important;
    }
    .overlay-text p {
        font-size: 0.8rem !important;
    }
    .colrfont {
        color: #046f5a;
    }
    
    .compadd {
        background: transparent;
        border: 0;
        float: left !important;
        padding: 0.3rem;
        font-weight: 600;
    }
    
    #messages row {
        border-bottom: 1px solid #e0e0e0;
    }
    
    .cardinfo .tab-nav>li>a {
        color: #fff;
        text-decoration: blink !important;
    }
    
    .cardinfo .tab-pane {
        padding: 15px 0;
    }
    
    .cardinfo .tab-content {
        padding: 20px
    }
    
    .cardinfo {
        background: #FFF;
        border: 0;
        margin-bottom: 30px;
    }
    /*---------archive---------*/
    
    .wraparc {
        background: #e1e1e1;
    }
    
    .boxinfo {
        border-top: 30px solid #046f5a;
        border-radius: 5px;
        margin-top: -1.8rem;
        z-index: 99;
    }
    
    .titlecont {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-100%, -50%);
        width: 250px;
    }
    
    .titlecont h1 {
        font-weight: 700;
        font-size: 1.5rem;
    }
    
    .borderw {
        border-bottom: 1px solid #888;
    }
    
    .cardpro {
        border: 0.25rem solid #e1e1e1;
        border-radius: 7px;
        margin-bottom: 1rem;
    }
    .cardpro p.text-center.text-dark.font-weight-bold{
        padding-bottom: 0.12rem;
    }
    .overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        opacity: 0;
        transition: .5s ease;
        background-color: #046f5ade;
        display: flex;
        align-items: flex-end;
    }
    
    .cardpro:hover .overlay {
        opacity: 1;
    }
    
    .overlay-content {
        color: #fff;
        text-align: right;
    }
    .overlay .codpro {
    background: #ffffff;
    color: #222;
    }
    
    .exact-center {
        text-align: center;
        vertical-align: middle;
    }
    
    .codpro {
        background: #046f5a;
        color: #fff;
        line-height: 2.2;
        border-radius: 50px;
    }
    
    /*.cardpro img {*/
    /*    filter: drop-shadow(0px 1px 4px gray);*/
    /*}*/
    
    .spacer {
	    font-size: 0.71rem !important;
        display: flex;
        align-items: center;
        line-height: 1.8;
        margin: 1rem 1rem 0 1rem;
        
}
    h1.font-weight-bold {
        font-size: 3rem;
    }
    .card.card-body.d-inline:after {
        content: "";
        width: 20px;
        border-color: #fff;
        position: absolute;
        top: -28px;
        border-right: 10px solid #ff000000;
        right: 38px;
        border-top: 10px solid #ff000000;
        border-left: 10px solid #ff000003;
        border-bottom: 10px solid #ffffff;
    }
    
    .btndrop {
        background: #046f5a;
        color: #fff;
        position: relative;
        border-radius: 0;
        border: 4px solid #046f5a;
    }
    
    .btndrop:after {
        content: "";
        width: 8px;
        height: 8px;
        border-left: 1px solid #fff;
        border-bottom: 1px solid #fff;
        border-right: 1px solid transparent;
        border-top: 1px solid transparent;
        position: absolute;
        right: 8px;
        top: 16px;
        transform: rotate(135deg);
        transition: all 0.3s ease;
    }
    
    .btndrop.collapsed:after {
        content: "";
        width: 8px;
        height: 8px;
        border-left: 1px solid #fff;
        border-bottom: 1px solid #fff;
        border-right: 1px solid transparent;
        border-top: 1px solid transparent;
        position: absolute;
        right: 8px;
        transform: rotate(315deg);
        top: 12px;
        transition: all 0.3s ease;
    }
    
    .form-check-inline {
        margin-left: 1.5rem !important;
        margin-right: 0 !important;
    }
    
    #breadcrumbs a {
        font-weight: 700;
        color: #000 !important;
    }
    
    #breadcrumbs .breadcrumb_last {
        color: #046f5a !important;
    }
    /* --------contact -------*/
    
    .contact-list {
        padding: 0;
    }
    
    .contact-list li {
        list-style-type: none;
    }
    
    .contact-list li a {
        text-decoration: none;
    }
    
    .contact-list__item__wrapper {
        background-color: #fff;
        height: 100%;
        display: flex;
        margin-bottom: 1rem;
    }
    
    .contact-list__item__wrapper .contact__icon {
        min-height: 40px;
        min-width: 40px;
        margin-left: 1rem;
        border: 1px solid #046f5a;
        border-radius: 4px;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: 0.4s;
    }
    
    .contact-list__item__wrapper .contact__icon i {
        color: #046f5a;
        transition: 0.4s;
    }
    
    .contact-list__item__wrapper:hover .contact__icon {
        background-color: #046f5a;
    }
    
    .contact-list__item__wrapper:hover .contact__icon i {
        color: #fff;
    }
    
    .contact-list__item__wrapper:hover .contact__value {
        color: #046f5a;
    }
    
    .contact__inner {
        padding-bottom: 5px;
    }
    
    .contact__inner .contact__label {
        font-size: 0.7rem;
        font-weight: 400;
        text-transform: uppercase;
        color: rgba(30, 38, 56, .65);
        margin-bottom: 0;
        margin-bottom: 0.25rem;
    }
    
    .contact__inner .contact__value {
        font-size: 0.8rem;
        font-weight: 700;
        color: #1e2638;
        transition: 0.4s;
    }
    
    .map-header__title {
        font-size: 1.8rem;
        text-align: center;
        font-weight: 400;
        padding-top: 2rem;
    }
    
    .map-header__title::after {
        content: '';
        width: 100px;
        height: 2px;
        background-color: #046f5a;
        display: block;
        margin: 15px auto;
    }
    
    .map-header__title strong {
        font-weight: 700;
    }
    
    .map-header__store-section {
        text-align: right;
        font-size: 0.85rem;
        padding-top: 3rem;
    }
    
    .map-header__store-section .form-select {
        padding: 0.5rem 3rem;
        border: 0;
        border-radius: 4px;
        background: #046f5a;
        color: #fff;
    }
    
    .map-header__store-section .form-select option {
        text-align: center;
        font-size: 1rem;
    }
    
    .map-header__store-section .form-select:checked {
        border: none;
    }
    
    .stores-map__main {
        background: #f7f7f7;
        position: relative;
    }
    
    .stores-map__main .stores {
        position: relative;
    }
    
    .stores-map__main .map-wrapper {
        width: 100%;
        height: 780px;
        display: flex;
        justify-content: center;
        overflow: hidden;
        align-items: center;
        position: relative;
    }
    
    .stores-map__main .map-wrapper::before {
        content: '';
        width: 100%;
        height: 50%;
        position: absolute;
        display: block;
        background: linear-gradient(0deg, rgba(255, 255, 255, 0.1) 0%, rgba(225, 225, 225, 1) 99.5%);
        top: 0;
    }
    
    .map-point {
        position: absolute;
        top: 50%;
        left: 28%;
        width: 300px;
        height: 100px;
        display: block;
    }
    
    .map-point .map-point__marker {
        position: absolute;
        width: 15px;
        height: 15px;
        background-color: #d00;
        border-radius: 50%;
        right: 0;
        top: 0;
        z-index: 2;
        transform: translate(50%, -50%);
        cursor: pointer;
    }
    
    .map-point .map-point__marker-radar {
        position: absolute;
        top: 0;
        right: 0;
        align-items: center;
        width: 15px;
        height: 15px;
        border: 2px solid rgba(221, 0, 0, .2);
        background-color: rgba(221, 0, 0, .1);
        border-radius: 50%;
        transform: translate(50%, -50%);
        opacity: 0;
        animation: marker-animation 3.5s ease-out infinite;
    }
    
    @keyframes marker-animation {
        0% {
            opacity: 0;
        }
        30% {
            opacity: 1;
            width: 15px;
            height: 15px;
        }
        50% {
            opacity: 1;
        }
        100% {
            opacity: 0;
            width: 150px;
            height: 150px;
        }
    }
    
    .map-point .map-point__tooltip {
        position: absolute;
        right: -7.5px;
        z-index: 3;
        width: 150px;
        background-color: #fff;
        box-shadow: 0 0 30px rgba(30, 38, 56, .15);
        text-align: center;
        border-radius: 4px;
        padding: 3% 0;
        transform: translate(50%);
        margin-top: 12px;
        transition: 0.5s;
        display: none;
        transition-delay: 0.5s;
    }
    
    .map-point .map-point__tooltip:hover {
        display: block;
    }
    
    .map-point .map-point__tooltip::after {
        content: '';
        position: absolute;
        bottom: 100%;
        right: 50%;
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 5px solid #fff;
    }
    
    .map-point .map-point__tooltip::after:hover {
        display: block;
    }
    
    .map-point .map-point__tooltip a {
        font-size: 0.8rem;
        font-weight: 500;
        color: rgba(30, 38, 56, .65);
    }
    
    .map-point:hover .map-point__tooltip {
        display: block;
        transition-delay: 0.1s;
    }
    
    .map-point-bratislava {
        top: 28%;
        left: 0;
        width: 344px;
    }
    
    .map-point-bratislava3 {
        top: 34%;
        left: 0;
        width: 229px;
    }
    
    .map-point-bratislava2 {
         top: 50%;
         left: 23%;
         width: 362px;
    }
    
    .content-wrapper {
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
    }
    
    .content-wrapper .content-store {
        width: 100%;
        min-height: 450px;
        background-color: #fff;
        box-shadow: 0 0 30px rgba(30, 38, 56, .15);
        border-radius: 5px;
        margin: 5% 0 0 7%;
        z-index: 0;
    }
    
    .content-wrapper .content-store .content-store__inner {
        padding: 1.5rem;
    }
    
    .content-store__title {
        font-size: 1.35rem;
        font-weight: 400;
    }
    
    .content-store__title strong {
        font-weight: 700;
    }
    
    .content-store__contact {
        margin: 2rem 0 2.5rem 0;
    }
    
    .content-store__more-info {
        display: flex;
        justify-content: space-between;
    }
    
    .content-store__more-info .opening-hours {
        margin-left: 1.5rem;
    }
    
    .content-store__more-info .opening-hours .opening-hours__title {
        font-weight: 700;
        font-size: 1rem;
        text-align: center;
    }
    
    .content-store__more-info .opening-hours .opening-hours__days {
        padding: 0;
        list-style-type: none;
    }
    
    .content-store__more-info .opening-hours .opening-hours__days li {
        display: flex;
        justify-content: space-between;
        width: 100%;
        height: 20px;
    }
    
    .content-store__more-info .opening-hours .opening-hours__days li p {
        font-weight: 400;
        color: rgba(30, 38, 56, .65);
        font-size: 0.8rem;
    }
    
    .content-store__more-info .opening-hours .opening-hours__days li strong {
        color: #1e2638;
        text-align: right;
        font-size: 0.8rem;
    }
    
    .content-store__more-info .shop-picture {
        width: 40%;
        height: 130px;
        overflow: hidden;
    }
    
    @media only screen and (max-width: 660px) {
        .subheaderbar {
            height: 280px;
        }
        .cardinfo .nav-tabs>li>a {
            padding: 0.4rem 0.3rem !important;
        }
    }
    
    @media only screen and (max-width: 430px) {
        .content-wrapper .content-store {
            margin: 0;
        }
        .content-store__more-info {
            display: table;
        }
        .content-store__more-info .shop-picture {
            width: 100%;
        }
    }
    
    .btnremove {
        color: transparent;
    }
    
    @media only screen and (max-width: 830px) {
        #store_bratislava .map-wrapper .map {
            padding-right: 200px;
        }
        .map-wrapper .map-point-bratislava {
            width: 244px;
        }
        #store_bratislava2 .map-wrapper .map {
            padding-right: 200px;
        }
        .map-wrapper .map-point-bratislava2 {
            width: 263px;
        }
        .titleabout {
            display: none !important;
        }
    }
    
    @media only screen and (max-width: 576px) {
        .content-wrapper .content-store {
            margin-top: 6%;
        }
        #store_bratislava .map-wrapper .map {
            padding-right: 600px;
            padding-bottom: 100px;
        }
        .map-wrapper .map-point-bratislava {
            width: 44px;
            top: 22%;
        }
        #store_bratislava3 .map-wrapper .map {
            padding-right: 370px;
            padding-bottom: 188px;
        }
        .map-wrapper .map-point-bratislava3 {
            width: 44px;
            top: 22%;
        }
        #store_bratislava2 .map-wrapper .map {
            padding-right: 636px;
            padding-bottom: 660px;
        }
        .map-wrapper .map-point-bratislava2 {
            width: 44px;
            top: 22%;
        }
        .stores-map__main .map-wrapper::before {
            height: 10%;
        }
    }
    
    #store_bratislava2,
    #store_bratislava3 {
        display: none;
    }
    /* --------contact -------*/
    /* --------col-2dot4 -----*/
    
    .col-2dot4,
    .col-sm-2dot4,
    .col-md-2dot4,
    .col-lg-2dot4,
    .col-xl-2dot4 {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }
    
    .col-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    
    @media (min-width: 540px) {
        .col-sm-2dot4 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 20%;
            flex: 0 0 20%;
            max-width: 20%;
        }
    }
    
    @media (min-width: 720px) {
        .col-md-2dot4 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 20%;
            flex: 0 0 20%;
            max-width: 20%;
        }
    }
    
    @media (min-width: 960px) {
        .col-lg-2dot4 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 20%;
            flex: 0 0 20%;
            max-width: 20%;
        }
    }
    
    @media (min-width: 1140px) {
        .col-xl-2dot4 {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 20%;
            flex: 0 0 20%;
            max-width: 20%;
        }
    }
    /* --------col-2dot4 -----*/
    /* -------- 404 ----------*/
    
    .st0 {
        font-family: 'FootlightMTLight';
    }
    
    .st1 {
        font-size: 83.0285px;
    }
    
    .st2 {
        fill: gray;
    }
    
    .notfound svg {
        width: 700px;
        height: 300px;
        text-align: center;
        fill: #16a085;
    }
    
    path#XMLID_5_ {
        fill: #16a085;
        filter: url(#blurFilter4);
    }
    
    path#XMLID_11_,
    path#XMLID_2_ {
        fill: #16a085;
    }
    
    .circle {
        animation: out 2s infinite ease-out;
        fill: #16a085;
    }
    
    #container {
        text-align: center;
    }
    
    .message {
        color: #16a085;
    }
    
    .message:after {
        content: "]";
    }
    
    .gallerymenu img {
        display: block;
        margin: 0 auto !important;
    }
    
    .message:before {
        content: "[";
    }
    
    .message:after,
    .message:before {
        color: #16a085;
        font-size: 20px;
        -webkit-animation-name: opacity;
        -webkit-animation-duration: 2s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-name: opacity;
        animation-name: opacity;
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        margin: 0 50px;
    }
    
    @-webkit-keyframes opacity {
        0%,
        100% {
            opacity: 0;
        }
        50% {
            opacity: 1;
        }
    }
    
    @keyframes opacity {
        0%,
        100% {
            opacity: 0;
        }
        50% {
            opacity: 1;
        }
    }
    
    @keyframes out {
        0% {
            r: 1;
            opacity: 0.9;
        }
        25% {
            r: 5;
            opacity: 0.3;
        }
        50% {
            r: 10;
            opacity: 0.2;
        }
        75% {
            r: 15;
            opacity: 0.1;
        }
        100% {
            r: 20;
            opacity: 0;
        }
    }
    /* -------- 404 ----------*/
    /* --------- blog ---------*/
    
    .clear {
        clear: both
    }
    
    brc {
        color: #bdbdbd
    }
    
    .CSS_LIGHTBOX {
        z-index: 999999!important
    }
    
    .separator a {
        clear: none!important;
        float: none!important;
        margin-left: 0!important;
        margin-right: 0!important
    }
    
    span.item-control,
    a.quickedit {
        display: none!important
    }
    
    .status-msg-wrap {
        margin: 0 auto 25px
    }
    
    .status-msg-border {
        border: 1px solid #eee;
        opacity: .7;
        border-radius: 2px
    }
    
    .status-msg-bg {
        background-color: #f8f8f8;
        opacity: 1;
        filter: none
    }
    
    .icon:before,
    .postags a:before {
        font-family: FontAwesome;
        font-weight: 400;
        font-style: normal;
        line-height: 1;
        padding-right: 4px
    }
    
    .feed-links {
        clear: both;
        display: none;
        line-height: 2.5em
    }
    /* Body */
    
    body {
        background: #ffffff;
        color: #4f4f4f;
        word-wrap: break-word
    }
    
    #outer-wrapper {
        max-width: 100%;
        margin: 0 auto 0;
        background-color: #FFF;
    }
    .pagination .nav-links {
        display: felx;
    }
    .pagination span.page-numbers.current {
    width: 27px;
    height: 27px;
    background: #046f5a;
    border-radius: 3px;
    color: #fff;
    margin: 3px;
    box-shadow: 0 1px 5px #3333336e;
    display:inline-flex;
    justify-content: center;
    align-items: center;
}
.pagination a.page-numbers {
    width: 27px;
    height: 27px;
    background: #f5ad0d;
    border-radius: 3px;
    color: #fff;
    margin: 3px;
   box-shadow: 0 1px 5px #3333336e;
       display:inline-flex;
    justify-content: center;
    align-items: center;
}
    #content-wrapper {
        margin: 25px auto 5px;
        overflow: hidden
    }
    
    #content-wrapper-bottom {
        margin: 25px auto 5px;
        overflow: hidden
    }
    
    #topnav {
        width: 100%;
        background-color: #fff;
        margin: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    
    .tm-head {
        margin: 0 auto;
        line-height: 35px;
        overflow: hidden;
        border-left: 1px solid rgba(0, 0, 0, 0.1);
        border-right: 1px solid rgba(0, 0, 0, 0.1);
    }
    
    .tm-menu {
        float: left;
        margin-left: 20px;
    }
    
    .selectnav {
        display: none;
        background-color: #333333;
        padding: 2px 5px;
        box-sizing: border-box;
        border: 0
    }
    .archivepro .card-body .card-text {
            margin-top: 0;
            margin-bottom: 1rem;
            height: 87px;
    }
    .archivepro .card-body .textmore {
         display: flex;
         justify-content: center;
         align-items:end;
    }
    .social-area {
        float: right;
        margin-right: 20px;
    }
    
    .tm-head #social-top {
        position: relative;
        display: block;
        margin-right: 0
    }
    
    .tm-head #social-top ul {
        overflow: hidden
    }
    
    .tm-head #social-top ul li {
        height: 35px;
        line-height: 35px;
        display: block;
        float: left;
        padding: 0
    }
    
    .tm-head #social-top ul li a {
        display: block;
        float: left;
        color: #2c2f34;
        text-decoration: none;
        font-size: 14px;
        width: 35px;
        height: 35px;
        line-height: 35px;
        margin-top: 0;
        text-align: center;
        padding: 0;
    }
    
    .tm-head #social-top ul li a:before {
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 400;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
    
    .tm-head #social-top ul li a:hover {
        background-color: #046f5a;
        color: #fff
    }
    
    #social-top .facebook:before {
        content: "\f09a"
    }
    
    #social-top .twitter:before {
        content: "\f099"
    }
    
    #social-top .gplus:before {
        content: "\f0d5"
    }
    
    #social-top .rss:before {
        content: "\f09e"
    }
    
    #social-top .youtube:before {
        content: "\f167"
    }
    
    #social-top .skype:before {
        content: "\f17e"
    }
    
    #social-top .stumbleupon:before {
        content: "\f1a4"
    }
    
    #social-top .tumblr:before {
        content: "\f173"
    }
    
    #social-top .vine:before {
        content: "\f1ca"
    }
    
    #social-top .stack-overflow:before {
        content: "\f16c"
    }
    
    #social-top .linkedin:before {
        content: "\f0e1"
    }
    
    #social-top .dribbble:before {
        content: "\f17d"
    }
    
    #social-top .soundcloud:before {
        content: "\f1be"
    }
    
    #social-top .behance:before {
        content: "\f1b4"
    }
    
    #social-top .digg:before {
        content: "\f1a6"
    }
    
    #social-top .instagram:before {
        content: "\f16d"
    }
    
    #social-top .pinterest:before {
        content: "\f0d2"
    }
    
    #social-top .delicious:before {
        content: "\f1a5"
    }
    
    #social-top .codepen:before {
        content: "\f1cb"
    }
    
    @keyframes slideInDown {
        from {
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
            visibility: visible
        }
        to {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }
    
    div#FollowByEmail1 .widget-content {
        border-radius: 2px;
        padding: 30px;
        border: 1px solid #ff9900;
    }
    
    .ticker .title .fa {
        margin-right: 10px;
        transform: rotate(-30deg);
        -moz-transform: rotate(-30deg);
        -webkit-transform: rotate(-30deg);
        -ms-transform: rotate(-30deg);
        -o-transform: rotate(-30deg)
    }
    
    .ticker .widget-content {
        height: 40px;
        box-sizing: border-box;
        overflow: hidden;
        padding: 0 4px;
        border: 1px solid #eee
    }
    
    .ticker .widget-content li {
        margin-left: 30px;
        display: inline-block;
        height: 38px;
        line-height: 38px;
        padding: 0
    }
    
    .ticker .widget {
        height: 40px;
        background-color: #ffffff;
        max-width: 1170px;
        margin: 20px auto;
        overflow: hidden
    }
    
    .tk-thumb {
        float: left;
        margin: 4px 10px 0 0
    }
    
    .tk-img {
        position: relative;
        display: block;
        width: 35px;
        height: 30px;
        overflow: hidden
    }
    
    .ticker .post-tag {
        display: inline-block;
        background-color: #046f5a;
        color: #fff;
        margin-right: 10px;
        font-weight: 400;
        height: 18px;
        line-height: 18px;
        padding: 1px 6px;
        font-size: 11px;
        text-transform: uppercase;
        position: relative;
        margin-top: 10px;

    }
    
    .ticker .recent-title {
        font-size: 13px;
        font-weight: 500;
        display: inline-block;
        line-height: 15px
    }
    
    .ticker .recent-title a {
        color: #222222
    }
    
    .ticker .recent-title a:hover {
        color: #046f5a
    }
    
    .tickercontainer,
    .tickercontainer .mask,
    ul.newsticker {
        -webkit-transition: all 0 linear;
        -moz-transition: all 0 linear;
        -o-transition: all 0 linear;
        transition: all 0 linear;
        list-style: none;
        margin: 0
    }
    
    .tickercontainer {
        margin: 0;
        padding: 0;
        overflow: hidden
    }
    
    .tickercontainer .mask {
        position: relative;
        overflow: hidden
    }
    
    .newsticker {
        position: relative;
        list-style-type: none;
        margin: 0;
        padding: 0
    }
    
    ul.newsticker {
        -webkit-transition: all 0s linear;
        -moz-transition: all 0s linear;
        -o-transition: all 0s linear;
        transition: all 0s linear;
        position: relative;
        list-style-type: none;
        margin: 0;
        padding: 0
    }
    
    .tickeroverlay-left {
        display: none
    }
    
    .tickeroverlay-right {
        display: none
    }
    
    .featured {
        float: left;
        width: calc(100% - 300px);
    }
    
    .featured .widget-content ul {
        margin: 0;
        height: auto;
        overflow: hidden;
        width: 100%;
        word-wrap: break-word;
        float: left;
    }
    
    .featured h2 {
        display: none;
        display: none
    }
    
    .featured li {
        width: 50%;
        height: 200px;
        position: relative;
        float: left;
        padding: 0;
        box-sizing: content-box;
        overflow: hidden
    }
    
    .featured li:nth-child(4) {
        margin-top: 6px
    }
    
    .featured li .featured-inner {
        position: relative;
        overflow: hidden
    }
    
    .featured .rcp-thumb {
        width: 100%;
        height: 202px;
        position: relative;
        display: block;
        overflow: hidden
    }
    
    .featured .rcp-title {
        font-size: 16px;
        position: relative;
        margin-bottom: 10px
    }
    
    .featured .rcp-thumb:after {
        content: no-close-quote;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 151px;
        background: url(../images/metabg.png) repeat-x;
        opacity: .8
    }
    
    .featured .post-panel {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        padding: 20px;
        z-index: 2;
        box-sizing: border-box
    }
    
    .featured li .featured-inner .featured-meta {
        font-size: 12px;
        color: #ccc;
        font-weight: 400
    }
    
    .featured li:first-child {
        width: 50%;
        height: 400px;
        float: left;
        padding-right: 0px
    }
    
    .featured li:first-child .post-panel {
        padding: 20px
    }
    
    .featured li:first-child .rcp-thumb {
        height: 400px
    }
    
    .featured li:first-child .rcp-title {
        font-size: 22px
    }
    
    .featured .rcp-title a {
        color: #FFF;
        position: relative;
        line-height: 1.2;
        font-weight: 500;
        letter-spacing: -.04em;
    }
    
    .featured .post-tag {
        position: absolute;
        top: 15px;
        left: 15px;
        background-color: rgba(0, 0, 0, 0.54);
        color: #fff;
        text-transform: uppercase;
        font-weight: 400;
        z-index: 5;
        height: 20px;
        line-height: 20px;
        padding: 2px 8px;
        font-size: 11px;
        border-radius: 2px;
    }
    
    .featured {
        position: relative
    }
    
    .featured-overlay {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        background-color: rgba(40, 35, 40, 0.05)
    }
    
    .featured li:hover .featured-overlay {
        background-color: rgba(40, 35, 40, 0.30)
    }
    
    .recent-boxes {
        overflow: hidden;
        position: relative
    }
    
    .box-sec {
        margin-right: 2%;
    }
    
    .fullsize-wrep .box-sec {
        margin-right: 0;
    }
    
    .box-sec h2 {
        display: none
    }
    
    .recent-boxes .box-sec .widget:last-child {
        margin-bottom: 20px
    }
    
    a.more-link,
    a.posts-link {
        float: right;
        line-height: 30px;
        padding: 0 10px;
        margin: 0;
        font-size: 10px;
        color: #8c8c8c;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: .5px;
    }
    
    a.more-link:hover,
    a.posts-link:hover {
        color: #000;
    }
    
    .box-title,
    .posts-title {
        height: 30px;
        line-height: 30px;
        position: relative;
        margin-bottom: 15px;
        border-bottom: 4px solid #ededed;
    }
    
    .box-title h2.title,
    .posts-title h2 {
        position: relative;
        float: left;
        line-height: 27px;
        display: inline-block;
        padding: 0 15px 0 0;
        margin: 0;
        font-size: 14px;
        font-weight: 600;
    }
    
    .box-title h2.title a,
    .posts-title h2 a {
        color: #313234;
        font-weight: 500;
    }
    
    .box-title h2.title:before,
    .posts-title h2:before {
        bottom: -7px;
        float: left;
        width: 100%;
        position: absolute;
        height: 4px;
        content: " ";
        pointer-events: none;
        margin-left: 0;
        margin-top: 0;
        background: #046f5a;
        left: 0;
    }
    
    .box-title h2.title:after,
    .posts-title h2:after {}
    
    .recent-boxes .widget {
        margin-bottom: 30px
    }
    
    .boxes .bx-first .box-thumbnail {
        position: relative;
        width: 100%;
    }
    
    .boxes .bf-thumb {
        width: 100%;
        position: relative;
        display: block;
        border-radius: 3px;
        overflow: hidden;
    }
    
    .boxes .bf-thumb:before {
        float: left;
        width: 100%;
        position: relative;
        content: '';
        padding-top: 50%;
    }
    
    .box-thumbnail {
        overflow: hidden
    }
    
    .boxes ul li .box-thumbnail {
        width: 110px;
        height: 75px;
        display: table-cell;
        vertical-align: middle
    }
    
    .boxes ul li .box-image {
        width: 110px;
        height: 75px;
        position: relative;
        display: block;
        border-radius: 3px;
        overflow: hidden;
    }
    
    .bx-first .box-thumbnail .first-tag {
        position: absolute;
        top: 15px;
        left: 15px;
        z-index: 2
    }
    
    .bx-first .box-thumbnail .first-tag a {
        background: #046f5a;
        color: #fff;
        text-transform: uppercase;
        height: 20px;
        line-height: 20px;
        display: inline-block;
        padding: 0 6px;
        font-size: 11px;
        font-weight: 400;
        border-radius: 2px
    }
    
    .boxes ul li .recent-content {
        display: table-cell;
        padding-left: 10px;
        padding-right: 5px
    }
    
    .boxes .recent-title a:hover {}
    
    .recent-boxes .feat,
    .recent-boxes .videos,
    .recent-boxes .gallery {
        width: 100%;
        float: left
    }
    
    .recent-boxes .carousel {
        position: relative;
        margin: 0 0 30px!important;
        padding: 0;
        overflow: visible;
        height: auto;
        display: block;
        clear: both
    }
    
    .feat .bx-first .box-thumbnail,
    .feat .bf-thumb {
        height: 363px
    }
    
    .feat .bx-first {
        width: 50%;
        position: relative;
        float: left;
        padding-right: 1.4%;
        box-sizing: border-box;
        overflow: hidden;
    }
    
    .feat .bx-item {
        width: 100%;
        position: relative;
        overflow: hidden
    }
    
    .feat .bx-first .bf-content,
    .column .bx-first .bf-content {
        position: absolute;
        bottom: 0;
        width: 100%;
        z-index: 2;
        padding: 15px;
        box-sizing: border-box
    }
    
    .feat .bx-first .bf-content .recent-title a,
    .column .bx-first .bf-content .recent-title a {
        display: block;
        color: #fff;
        margin-bottom: 5px;
        font-size: 18px;
        line-height: 1.4;
        font-weight: 500;
        letter-spacing: -.04em;
    }
    
    .feat li .recent-content .recent-title {
        overflow: hidden;
        line-height: 0;
        margin: 0 0 2px;
        padding: 0
    }
    
    .feat li .recent-content .recent-title a {
        color: #222222;
        line-height: 1.4;
        font-weight: 500;
        font-size: 14px;
        letter-spacing: -.04em;
    }
    
    .boxes ul li .recent-content .recent-title a:hover {
        color: #046f5a
    }
    
    .bx-first .bf-thumb:after {
        content: no-close-quote;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 151px;
        background: url(../images/metabg.png) repeat-x;
        opacity: .8
    }
    
    .bf-content .recent-author,
    .bf-content .recent-date {
        color: #ccc
    }
    
    .feat ul li {
        display: block;
        width: 48.6%;
        float: right;
        padding-bottom: 10px;
        margin-bottom: 10px;
        padding-top: 0;
    }
    
    .feat ul li:last-child {
        border-bottom: 0;
        padding-bottom: 0;
        margin-bottom: 0
    }
    
    .recent-boxes .column {
        width: 100%;
    }
    
    .recent-boxes .columnleft {
        float: left
    }
    
    .recent-boxes .columnright {
        float: left;
    }
    
    .recent-boxes .columnright:last-child {
        margin-right: 0;
    }
    
    .column .bx-first {
        width: 100%;
        position: relative;
        box-sizing: border-box;
        overflow: hidden;
        margin-bottom: 10px
    }
    
    .column ul li {
        display: block;
        margin-top: 10px;
        padding: 10px 0 0;
    }
    
    .column ul li .recent-content .recent-title {
        overflow: hidden;
        line-height: 0;
        margin: 0 0 2px;
        padding: 0
    }
    
    .column ul li .recent-content .recent-title a {
        color: #222222;
        display: block;
        margin-bottom: 3px;
        line-height: 1.4;
        font-weight: 500;
        font-size: 14px;
        letter-spacing: -.04em;
    }
    
    .img-overlay {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        background-color: #000;
        opacity: .3;
    }
    
    .tk-thumb a:hover .img-overlay,
    .boxes ul li .box-image:hover .img-overlay,
    .boxes .bx-first:hover .img-overlay,
    .custom-widget .rcthumb:hover .img-overlay,
    .PopularPosts .item-thumbnail:hover a .img-overlay,
    .map-thumb:hover .img-overlay,
    .basic-list-right:hover .img-overlay {
        opacity: 0;
    }
    
    .gallery li:hover .recent-content,
    .videos li:hover .recent-content {
        padding-bottom: 15px;
        margin-bottom: 0px;
    }
    
    .gallery ul li {
        width: calc(100% / 3 - 7px);
        height: 165px;
        float: left;
        margin-right: 10px;
        display: inline-block;
        position: relative;
        padding: 0;
        margin-bottom: 10px;
        border-radius: 3px;
        overflow: hidden;
    }
    
    .gallery ul li:nth-child(4),
    .gallery ul li:nth-child(5),
    .gallery ul li:nth-child(6) {
        margin-bottom: 0px
    }
    
    .gallery ul li:nth-child(3n) {
        margin-right: 0;
    }
    
    .gallery ul li .box-image {
        width: 100%;
        height: 165px;
        display: block
    }
    
    .gallery ul li .box-image:after {
        content: no-close-quote;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 150px;
        background: url(../images/metabg.png) repeat-x;
        opacity: .8
    }
    
    .gallery .recent-content {
        position: absolute;
        bottom: 0;
        width: 100%;
        z-index: 2;
        padding: 10px;
        text-align: left;
        box-sizing: border-box;
        margin-bottom: -25px;
    }
    
    .category-gallery {
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 3;
        overflow: hidden;
    }
    
    .category-gallery a:before {
        display: block;
        background-color: #046f5a;
        opacity: .5;
        color: #fff;
        height: 18px;
        line-height: 18px;
        padding: 0 5px;
        font-size: 10px;
        font-weight: 400;
        text-transform: uppercase;
        border-radius: 2px;
        transition: all .3s ease;
    }
    
    .gallery .recent-title a,
    .videos .recent-title a {
        display: block;
        color: #FFF;
        margin-bottom: 3px;
        line-height: 1.4;
        font-weight: 500;
        font-size: 15px;
        letter-spacing: 0;
        text-shadow: none;
    }
    
    .gallery .recent-author,
    .videos .recent-author {
        color: #ccc
    }
    
    .videos ul {
        position: relative;
        overflow: hidden;
    }
    
    .videos ul li {
        width: 33.33%;
        float: left;
        box-sizing: border-box;
        margin: 0;
        padding-right: 5px;
    }
    
    .videos ul li:last-child {
        padding-right: 0px
    }
    
    .videos ul li .videos-item {
        width: 100%;
        position: relative;
        display: block;
        overflow: hidden;
        padding: 0
    }
    
    .videos .box-image {
        width: 100%;
        height: 170px;
        display: block;
        position: relative;
        margin: 0;
        padding: 0;
        border-radius: 3px;
        overflow: hidden;
    }
    
    .videos .box-image:before {
        content: "\f04b";
        font-family: FontAwesome;
        line-height: 25px;
        width: 25px;
        height: 25px;
        font-size: 12px;
        color: #fff;
        text-align: center;
        background-color: RGBA(0, 0, 0, 0.4);
        font-weight: 400;
        position: absolute;
        top: 8px;
        opacity: .5;
        right: 7px;
        z-index: 2;
        padding: 0;
        border: 2px solid #fff;
        border-radius: 50%;
        transition: all .3s ease
    }
    
    .videos li:hover .box-image:before,
    .gallery li:hover .category-gallery a:before {
        opacity: 1
    }
    
    .videos .box-image:after {
        content: no-close-quote;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 150px;
        background: url(../images/metabg.png) repeat-x;
        opacity: .8
    }
    
    .videos .recent-content {
        position: absolute;
        bottom: 0;
        width: 100%;
        z-index: 2;
        padding: 10px;
        text-align: left;
        box-sizing: border-box
    }
    
    .gallery-overlay,
    .videos-overlay {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        background-color: rgba(40, 35, 40, 0.0)
    }
    
    .gallery li:hover .gallery-overlay,
    .videos li:hover .videos-overlay {
        background: rgba(40, 35, 40, 0.3)
    }
    
    .owl-carousel .animated {
        -webkit-animation-duration: 1000ms;
        animation-duration: 1000ms;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }
    
    .owl-carousel .owl-animated-in {
        z-index: 0
    }
    
    .owl-carousel .owl-animated-out {
        z-index: 1
    }
    
    .owl-carousel .fadeOut {
        -webkit-animation-name: fadeOut;
        animation-name: fadeOut
    }
    
    @-webkit-keyframes fadeOut {
        0% {
            opacity: 1
        }
        100% {
            opacity: 0
        }
    }
    
    @keyframes fadeOut {
        0% {
            opacity: 1
        }
        100% {
            opacity: 0
        }
    }
    
    .owl-height {
        -webkit-transition: height 500ms ease-in-out;
        -moz-transition: height 500ms ease-in-out;
        -ms-transition: height 500ms ease-in-out;
        -o-transition: height 500ms ease-in-out;
        transition: height 500ms ease-in-out
    }
    
    .owl-carousel {
        display: none;
        width: 100%;
        -webkit-tap-highlight-color: transparent;
        position: relative;
        z-index: 1
    }
    
    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y
    }
    
    .owl-carousel .owl-stage:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0
    }
    
    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translate3d(0px, 0px, 0px)
    }
    
    .owl-carousel .owl-controls .owl-nav .owl-prev,
    .owl-carousel .owl-controls .owl-nav .owl-next,
    .owl-carousel .owl-controls .owl-dot {
        cursor: pointer;
        cursor: hand;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
    
    .owl-carousel.owl-loaded {
        display: block
    }
    
    .owl-carousel.owl-loading {
        opacity: 0;
        display: block
    }
    
    .owl-carousel.owl-hidden {
        opacity: 0
    }
    
    .owl-carousel .owl-refresh .owl-item {
        display: none
    }
    
    .owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }
    
    .owl-carousel .owl-item img {
        display: block;
        width: 100%;
        -webkit-transform-style: preserve-3d
    }
    
    .owl-carousel.owl-text-select-on .owl-item {
        -webkit-user-select: auto;
        -moz-user-select: auto;
        -ms-user-select: auto;
        user-select: auto
    }
    
    .owl-carousel .owl-grab {
        cursor: move;
        cursor: -webkit-grab;
        cursor: -o-grab;
        cursor: -ms-grab;
        cursor: grab
    }
    
    .owl-carousel.owl-rtl {
        direction: rtl
    }
    
    .owl-carousel.owl-rtl .owl-item {
        float: right
    }
    
    .no-js .owl-carousel {
        display: block
    }
    
    .owl-prev,
    .owl-next {
        top: 0;
        color: #fff;
        background-color: rgba(0, 0, 0, 0.75);
        font-family: FontAwesome;
        position: absolute;
        z-index: 1;
        display: block;
        padding: 0;
        cursor: pointer;
        padding: 0;
        text-align: center;
        overflow: hidden
    }
    
    .owl-prev {
        left: 0
    }
    
    .owl-prev:before {
        content: "\f104"
    }
    
    .owl-next {
        right: 0
    }
    
    .owl-next:before {
        content: "\f105"
    }
    
    .owl-prev:hover,
    .owl-next:hover {
        background-color: #000
    }
    
    .owl-dots {
        position: absolute;
        bottom: 1px;
        width: 33.33%;
        left: 0;
        right: 0;
        margin: auto;
        text-align: center
    }
    
    .owl-dot {
        background: #fff;
        height: 3px;
        width: 10px;
        display: inline-block;
        margin: 0 5px;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        opacity: .6
    }
    
    .owl-dot.active,
    .owl-dot:hover {
        background: #046f5a
    }
    
    .main-carousel {
        height: 250px;
        overflow: hidden
    }
    
    .main-carousel .owl-item {
        width: 100%;
    }
    
    .carousel-item {
        height: 250px;
        width: 100%;
        position: relative;
        padding: 0!important;
        display: block;
        overflow: hidden
    }
    
    .carousel-item .box-image {
        height: 250px;
        position: relative;
        width: 100%;
        display: block
    }
    
    .carousel-item .box-image:after {
        content: no-close-quote;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 151px;
        background: url(../images/metabg.png) repeat-x;
        opacity: .8
    }
    
    .carousel-content {
        position: absolute;
        bottom: 0;
        width: 100%;
        z-index: 2;
        box-sizing: border-box
    }
    
    .carousel-item .carousel-content {
        padding: 15px;
        text-align: left
    }
    
    .carousel-item .recent-title {
        margin: 10px 0 5px;
        font-size: 19px;
        font-weight: 400
    }
    
    .carousel-item .recent-title a {
        color: #fff;
        display: block;
        line-height: 1.4em;
        text-shadow: 0 0.5px 0.5px rgba(34, 34, 34, 0.3);
        line-height: 1.4;
        font-weight: 600;
        font-size: 18px;
        letter-spacing: -.04em;
    }
    
    .carousel-item .recent-author,
    .carousel-item .recent-date {
        color: #ccc
    }
    
    .carousel-tag a {
        display: inline-block;
        background-color: #046f5a;
        color: #fff;
        height: 20px;
        line-height: 20px;
        padding: 0 6px;
        font-size: 11px;
        text-transform: uppercase;
        border-radius: 2px
    }
    
    .carousel-overlay {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        background-color: rgba(40, 35, 40, 0.05)
    }
    
    .main-carousel .owl-item:hover .carousel-overlay {
        background-color: rgba(40, 35, 40, 0.30)
    }
    
    .main-carousel .owl-prev,
    .main-carousel .owl-next {
        margin-top: 0px;
        width: 40px;
        height: 40px;
        font-size: 25px;
        line-height: 40px
    }
    
    .main-carousel .owl-prev {
        left: -50px
    }
    
    .main-carousel:hover .owl-prev {
        left: 0
    }
    
    .main-carousel .owl-next {
        right: -50px
    }
    
    #ajaxsearchlite1 {
        margin-right: auto !important;
    }
    
    .main-carousel:hover .owl-next {
        right: 0
    }
    
    .main-carousel .owl-dots {
        bottom: 10px
    }
    
    .recent-author,
    .recent-date {
        color: #bdbdbd;
        font-size: 12px;
        font-weight: 400
    }
    
    .recent-date:before,
    .featured-date:before {
        content: '\f133';
        font-family: fontawesome;
        color: #bbb;
        margin-right: 5px
    }
    
    .recent-author::before,
    .featured-author::before {
        content: '\f007';
        font-family: fontawesome;
        color: #bbb;
        margin-right: 5px
    }
    
    .recent-author,
    .featured-author {
        margin-right: 10px
    }
    
    .custom-widget li {
        overflow: hidden;
        border-bottom: 1px solid #F5F5F5;
        padding: 10px 0
    }
    
    .custom-widget li:first-child {
        padding-top: 0
    }
    
    .custom-widget li:last-child {
        border-bottom: none
    }
    
    .custom-widget .rcthumb {
        position: relative;
        float: left;
        margin: 0!important;
        width: 110px;
        height: 75px;
        display: block;
        vertical-align: middle;
        border-radius: 3px;
        overflow: hidden;
    }
    
    .custom-widget .post-panel {
        padding-left: 10px;
        display: table-cell
    }
    
    .custom-widget .rcp-title {
        overflow: hidden;
        line-height: 0;
        margin: 0 0 2px;
        padding: 0
    }
    
    .custom-widget .rcp-title a {
        color: #222222;
        line-height: 1.4;
        font-weight: 600;
        font-family: 'Poppins';
        font-size: 14px;
        letter-spacing: -.04em;
    }
    
    .custom-widget .rcp-title a:hover {
        color: #046f5a
    }
    
    .cmm-widget li .cmm-avatar {
        position: relative;
        overflow: hidden;
        padding: 0;
        width: 55px;
        height: 55px;
        float: left;
        margin: 0 10px 0 0
    }
    
    .cmm-widget li {
        background: none!important;
        clear: both;
        list-style: none;
        word-break: break-all;
        display: block;
        border-top: 1px solid #F5F5F5;
        overflow: hidden;
        margin: 0;
        padding: 10px 0
    }
    
    .cmm-widget li:first-child {
        padding-top: 0;
        border-top: 0
    }
    
    .cmm-widget li:last-child {
        padding-bottom: 0
    }
    
    .cmm-widget li span {
        margin-top: 4px;
        color: #bdbdbd;
        display: block;
        line-height: 1.2em;
        text-transform: lowercase;
        font-size: 12px;
        font-style: italic;
        font-weight: 400
    }
    
    .cmm-img {
        width: 55px;
        height: 55px;
        float: left;
        margin: 0 10px 0 0
    }
    
    .cmm-widget a {
        color: #222222;
        position: relative;
        font-size: 13px;
        text-transform: capitalize;
        display: block;
        overflow: hidden;
        font-weight: 400
    }
    
    .cmm-widget a:hover {
        color: #046f5a
    }
    
    .cmm-widget {
        list-style: none;
        padding: 0
    }
    
    .home-ad .widget {
        width: 728px;
        max-height: 90px;
        padding: 0 2% 0 0;
        margin: 0px auto 20px!important;
        max-width: 100%;
        box-sizing: border-box
    }
    
    #ads-content h2,
    #ads-home h2,
    #post-ads-footer h2 {
        display: none!important
    }
    
    .posts-title {
        margin-right: 2%
    }
    
    .post {
        display: block;
        overflow: hidden;
        word-wrap: break-word
    }
    
    .index .post,
    .archive .post {}
    
    .index div.post-outer:last-child .post,
    .archive div.post-outer:last-child .post {
        border-bottom: 0;
        padding-bottom: 5px
    }
    
    .blog-posts.hfeed {
        float: left;
        width: 100%;
    }
    
    .block-image {
        position: relative;
        float: right;
        width: 290px;
        margin-left: 20px;
    }
    
    .block-image .thumb {
        width: 100%;
        height: 190px;
        position: relative;
        display: block;
        z-index: 2;
        overflow: hidden
    }
    
    .block-image .thumb a {
        width: 100%;
        height: 190px;
        display: block;
        border-radius: 3px;
        overflow: hidden;
    }
    
    .thumb-overlay {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2;
        width: 100%;
        height: 100%;
        background-color: rgba(40, 35, 40, 0.05)
    }
    
    .block-image:hover .thumb a .thumb-overlay {
        background-color: rgba(40, 35, 40, 0.30)
    }
    
    .retitle h2 {
        margin: 8px 0;
        display: block
    }
    
    .post h2 a,
    .post h2 a:visited,
    .post h2 strong {
        color: #222222;
        line-height: 18px;
        font-weight: 500;
        font-size: 18px;
    }
    
    .post h2 a:hover {
        color: #046f5a
    }
    
    .widget iframe,
    .widget img {
        max-width: 100%
    }
    
    .index .post-footer,
    .archive .post-footer {
        display: none!important
    }
    
    .index .post h2,
    .archive .post h2 {
        margin: 0 0 10px;
        padding: 0 10px 0 0;
        overflow: hidden;
    }
    
    .item .post,
    .static_page .post {
        padding: 0;
        background: #ffffff;
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 2px;
        padding: 30px;
    }
    
    .date-header {
        display: block;
        overflow: hidden;
        font-weight: 400;
        margin: 0!important;
        padding: 0
    }
    
    #meta-post {
        font-size: 13px;
        color: #bdbdbd;
        line-height: 1.4em
    }
    
    #meta-post a {
        color: #bdbdbd
    }
    
    #meta-post a span:before {
        content: '\f007';
        font-family: fontawesome;
        color: #bbb;
        margin-right: 5px
    }
    
    #meta-post .timestamp-link {
        margin-left: 10px
    }
    
    #meta-post .timestamp-link abbr:before {
        content: '\f133';
        font-family: fontawesome;
        color: #bbb;
        margin-right: 5px
    }
    
    .resumo {
        margin-top: 8px;
        font-size: 13px;
        line-height: 1.5em;
        color: #888
    }
    
    .resumo span {
        display: block;
        margin-bottom: 8px;
        padding-right: 10px
    }
    
    a.read-more {
        display: inline-block;
        margin-bottom: 0;
        font-weight: 400;
        text-align: left;
        vertical-align: middle;
        cursor: pointer;
        background-image: none;
        white-space: nowrap;
        line-height: 25px;
        height: 25px;
        color: #fff;
        background-color: #046f5a;
        border-radius: 2px;
        font-size: 13px;
        padding: 0 10px;
        margin-top: 3px;
        outline: none;
        border: none;
        overflow: hidden
    }
    
    a.read-more:after {
        content: "\f100";
        font-family: FontAwesome;
        font-size: 13px;
        margin-right: 5px
    }
    
    .post-meta {
        color: #bdbdbd;
        display: block;
        font-size: 13px;
        font-weight: 400;
        line-height: 21px;
        margin: 0;
        padding: 0
    }
    
    .hreview {
        display: none!important
    }
    
    .postags {
        position: absolute;
        top: 15px;
        right: 15px;
        z-index: 3
    }
    
    .postags a {
        display: inline-block;
        background-color: rgba(0, 0, 0, 0.54);
        color: #fff;
        margin: 0;
        height: 20px;
        line-height: 20px;
        padding: 0 6px;
        font-size: 11px;
        text-transform: uppercase;
        border-radius: 2px;
        display: none
    }
    
    .postags a:first-child {
        display: inline-block
    }
    
    .breadcrumbs a {
        color: #999999;
    }
    
    .breadcrumbs {
        color: #bdbdbd;
        font-size: 12px;
        font-weight: 400;
    }
    
    .item article,
    .static_page article {
        margin-top: 15px
    }
    
    .item .post-head,
    .static_page .post-head {
        margin: 0 0 5px;
        position: relative;
    }
    
    .item .post-title,
    .static_page .post-title {
        color: #222222;
        position: relative;
        display: inline-block;
        top: 10px;
        margin-bottom: 20px;
        font-family: 'Poppins';
        font-size: 41px;
        font-weight: 700;
        float: left;
        line-height: 1.3;
        width: 100%;
    }
    
    .item .post-body,
    .static_page .post-body {
        width: 100%;
        color: #5E5E5E;
        font-size: 15px;
        line-height: 1.5em;
        overflow: hidden
    }
    
    .item .post-outer {
        padding: 0
    }
    
    .item .post-body img {
        max-width: 100%
    }
    
    .post-meta a {
        color: #bbb
    }
    
    .post-timestamp {
        margin-left: 0
    }
    
    .label-head {
        margin-left: 0
    }
    
    .label-head a {
        padding-left: 2px
    }
    
    .label-head a:hover {
        color: #046f5a
    }
    
    .post-meta .g-profile span:before {
        content: '\f007';
        font-family: fontawesome;
        color: #bbb;
        margin-right: 5px
    }
    
    .post-meta .post-timestamp {
        margin-left: 10px
    }
    
    .post-meta .post-timestamp .timestamp-link abbr:before {
        content: '\f133';
        font-family: fontawesome;
        color: #bbb;
        margin-right: 5px
    }
    
    .post-meta .label-head {
        margin-left: 10px
    }
    
    .post-meta .label-head:before {
        content: '\f07c';
        font-family: fontawesome;
        color: #bbb;
        margin-right: 0
    }
    
    .main .widget {
        margin: 0
    }
    
    .main .Blog {
        border-bottom-width: 0
    }
    
    .share-box {
        height: 36px;
        position: relative;
        line-height: 0;
        margin: 20px 0;
        padding: 0 0 20px 0;
        border-bottom: 2px solid #eee;
    }
    
    .share-title {
        height: 36px;
        color: #222222;
        float: left;
        font-size: 13px;
        font-weight: 700;
        position: relative;
        line-height: 36px;
        text-transform: uppercase;
        display: inline-block;
        padding: 0;
        border-bottom: 2px solid #222222
    }
    
    .share-art {
        float: left;
        padding: 0;
        padding-top: 0;
        font-size: 13px;
        font-weight: 400;
        text-transform: capitalize;
        text-align: right;
        width: 100%;
    }
    
    .share-art a {
        height: 25px;
        line-height: 26px;
        color: #fff;
        padding: 5px 15px;
        margin-left: 0;
        border-radius: 2px;
        display: inline-block;
        width: calc(100% / 7 - 2px);
        text-align: center;
        float: left;
        margin-right: 15px;
    }
    
    .share-art a:hover {
        color: #fff
    }
    
    .share-art a:last-child {
        margin-right: 0;
    }
    
    .share-art .fac-art i {
        padding-right: 2px
    }
    
    .share-art .fac-art {
        background: #3b5998
    }
    
    .share-art .fac-art:hover {
        background: rgba(49, 77, 145, 0.7)
    }
    
    .share-art .twi-art {
        background: #00acee
    }
    
    .share-art .twi-art:hover {
        background: rgba(7, 190, 237, 0.7)
    }
    
    .share-art .goo-art {
        background: #db4a39
    }
    
    .share-art .goo-art:hover {
        background: rgba(221, 75, 56, 0.7)
    }
    
    .share-art .pin-art {
        background: #CA2127
    }
    
    .share-art .pin-art:hover {
        background: rgba(202, 33, 39, 0.7)
    }
    
    .share-art .lin-art {
        background: #0077B5
    }
    
    .share-art .lin-art:hover {
        background: rgba(0, 119, 181, 0.7)
    }
    
    #ads-footer {
        display: none
    }
    
    .ad-post-footer .widget-content {
        width: 728px;
        max-width: 100%;
        margin: 0 auto 17px!important;
        max-height: 90px
    }
    
    #related-posts {
        margin-bottom: 20px
    }
    
    .related-wrap {
        overflow: hidden;
        position: relative
    }
    
    .related-wrap li {
        width: 33.33%;
        height: 160px;
        padding-right: 5px;
        position: relative;
        overflow: hidden;
        float: left;
        display: inline-block;
        box-sizing: border-box;
        list-style: none
    }
    
    .related-wrap li:nth-child(3n+3) {
        padding-right: 0px;
    }
    
    .related-wrap li:nth-child(4),
    .related-wrap li:nth-child(5),
    .related-wrap li:nth-child(6) {
        margin-top: 10px
    }
    
    .related-wrap li .related-img {
        width: 100%;
        height: 160px;
        position: relative;
        display: block
    }
    
    .related-wrap li .related-img:after {
        content: no-close-quote;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 150px;
        background: url(../images/metabg.png) repeat-x;
        opacity: .8
    }
    
    .related-overlay {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        background-color: rgba(40, 35, 40, 0.05)
    }
    
    .related-wrap li:hover .related-overlay {
        background-color: rgba(40, 35, 40, 0.30)
    }
    
    .related-content {
        position: absolute;
        bottom: 0;
        padding: 10px;
        width: 100%;
        box-sizing: border-box;
        z-index: 2
    }
    
    .related-content .related-tag a {
        display: inline-block;
        background-color: #046f5a;
        color: #fff;
        height: 18px;
        line-height: 18px;
        padding: 0 5px;
        margin: 0;
        font-size: 10px;
        font-weight: 400;
        text-transform: uppercase;
        border-radius: 2px
    }
    
    .related-title a {
        padding: 10px 0;
        color: #fff;
        display: block;
        text-shadow: none;
        line-height: 1.4;
        font-weight: 500;
        font-size: 14px;
    }
    
    .related-wrap .owl-dots {
        bottom: 0
    }
    
    .ticker .post-tag:hover,
    .featured .post-tag:hover,
    .carousel-tag a:hover,
    .bx-first .box-thumbnail .first-tag a:hover,
    .category-gallery a:hover:before,
    .post-readmore a:hover,
    .postags a:hover,
    a.read-more:hover,
    .related-tag a:hover {
        background: #222222
    }
    
    .post-nav li {
        padding: 0;
        display: inline-block;
        width: 50%
    }
    
    .post-nav li strong {
        display: block;
        padding: 0 0 5px;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 13px
    }
    
    .post-nav li strong i {
        transition: all 0s ease;
        -webkit-transition: all 0s ease;
        -moz-transition: all 0s ease;
        -o-transition: all 0s ease
    }
    
    ul.post-nav {
        background-color: #FFF;
        border-bottom: 2px solid #EEE;
        border-top: 2px solid #EEE;
        display: block;
        width: 100%;
        overflow: hidden
    }
    
    .post-nav li a {
        color: #222222;
        line-height: 1.3em;
        display: block;
        padding: 15px 0;
        transition: all 0s ease;
        -webkit-transition: all 0s ease;
        -moz-transition: all 0s ease;
        -o-transition: all 0s ease
    }
    
    .post-nav li:hover a {
        opacity: .6
    }
    
    ul.post-nav span {
        font-size: 13px;
        font-weight: 400
    }
    
    .post-nav .previous {
        float: left;
        min-height: 80px;
        border-right: 1px solid #eee;
        box-sizing: border-box;
        padding-right: 10px
    }
    
    .post-nav .next {
        text-align: right;
        border-left: 1px solid #eee;
        margin-left: -1px;
        padding-left: 10px;
        box-sizing: border-box
    }
    
    #blog-pager {
        clear: both;
        text-align: center;
        margin: 0
    }
    
    .index #blog-pager {
        display: block
    }
    
    .index #blog-pager,
    .archive #blog-pager {
        padding: 0 0 20px;
        text-align: left
    }
    
    #blog-pager-newer-link a,
    #blog-pager-older-link a {
        display: block;
        float: left;
        margin-right: 0;
        padding: 0 12px;
        border: 0;
        text-transform: uppercase;
        line-height: 32px;
        font-weight: 400;
        background-color: #222222;
        color: #fff;
        font-size: 12px;
        border-radius: 2px
    }
    
    #blog-pager-newer-link a:hover,
    #blog-pager-older-link a:hover {
        background-color: #046f5a
    }
    
    .showpageNum a,
    .showpage a,
    .showpagePoint {
        display: block;
        float: left;
        margin-right: 6px;
        padding: 0 12px;
        background: #222222;
        color: #fff;
        border: 0;
        text-transform: uppercase;
        line-height: 32px;
        font-weight: 400;
        border-radius: 2px
    }
    
    .showpageNum a:hover,
    .showpage a:hover {
        background-color: #046f5a
    }
    
    .showpageNum a i,
    .showpage a i {
        transition: all .0s ease;
        -webkit-transition: all .0s ease;
        -moz-transition: all .0s ease;
        -o-transition: all .0s ease
    }
    
    .showpagePoint {
        background-color: #046f5a;
        color: #fff
    }
    
    .showpageOf {
        display: none!important
    }
    
    .blogger-tab {
        display: block
    }
    
    .comments {
        clear: both;
        margin-top: 10px;
        margin-bottom: 0;
        color: #222222
    }
    
    .comments h4 {
        font-weight: 400
    }
    
    .comments .comments-content {
        padding: 10px 0
    }
    
    .comments .comments-content .comment {
        margin-bottom: 0;
        padding-bottom: 8px
    }
    
    .comments .comments-content .comment:first-child {
        padding-top: 0
    }
    
    .facebook-tab,
    .fb_iframe_widget_fluid span,
    .fb_iframe_widget iframe {
        width: 100%!important
    }
    
    .comments .item-control {
        position: static
    }
    
    .comments .avatar-image-container {
        float: left
    }
    
    .comments .avatar-image-container,
    .comments .avatar-image-container img {
        height: 35px;
        max-height: 35px;
        width: 35px;
        max-width: 35px;
        border-radius: 2px
    }
    
    .comments .comment-block {
        padding: 10px;
        box-shadow: none;
        border: 1px solid #eee;
        border-radius: 2px
    }
    
    .comments .comment-block,
    .comments .comments-content .comment-replies {
        margin-left: 47px;
        margin-top: 0
    }
    
    .comments .comments-content .inline-thread {
        padding: 0
    }
    
    .comments .comments-content .comment-header {
        font-size: 14px;
        border-bottom: 1px solid #eee;
        padding: 0 0 3px
    }
    
    .comments .comments-content .user {
        font-style: normal;
        font-weight: 400
    }
    
    .comments .comments-content .icon.blog-author {
        font-weight: 400
    }
    
    .comments .comments-content .comment-content {
        color: #5e5e5e;
        text-align: left;
        font-size: 14px;
        line-height: 1.4em
    }
    
    .comments .comment .comment-actions a {
        margin-right: 5px;
        padding: 2px 5px;
        color: #222222;
        font-weight: 400;
        background-color: #f5f5f5;
        font-size: 10px
    }
    
    .comments .comment .comment-actions a:hover {
        color: #fff;
        background-color: #046f5a;
        text-decoration: none
    }
    
    .comments .comments-content .datetime {
        color: #999;
        margin-left: 0;
        float: right;
        font-size: 11px
    }
    
    .comments .comments-content .comment-header a {
        color: inherit
    }
    
    .comments .comments-content .comment-header a:hover {
        color: #046f5a
    }
    
    .comments .comments-content .icon.blog-author:before {
        content: "\f007";
        font-size: 12px;
        font-family: FontAwesome
    }
    
    .comments .thread-toggle {
        margin-bottom: 4px
    }
    
    .comments .comments-content .comment-thread {
        margin: 4px 0
    }
    
    .comments .continue a {
        padding: 0;
        padding-top: 10px;
        padding-left: 47px;
        font-weight: 400
    }
    
    .comments .comments-content .loadmore.loaded {
        margin: 0;
        padding: 0
    }
    
    .comments .comment-replybox-thread {
        margin: 0
    }
    
    iframe.blogger-iframe-colorize,
    iframe.blogger-comment-from-post {
        height: 283px!important
    }
    
    .comments-tabs.simpleTab .tab-content {
        background-color: transparent;
        padding: 0;
        margin-top: 0px
    }
    
    .comments-tabs.simpleTab .tab-content .tab-blogger {
        margin-top: 0;
        float: left;
        width: 100%;
    }
    
    .comments-tabs.simpleTab {
        border: 0;
        margin: 20px 0;
        padding: 0;
        float: left;
        width: 100%;
    }
    
    .comments-tabs-header {
        height: 33px;
        position: relative;
        line-height: 33px;
        margin: 0 0 15px 0;
        padding: 0;
        float: left;
        width: 100%;
        border-bottom: 4px solid #ededed;
    }
    
    .comments-tabs-header h3 {
        color: #313234;
        font-weight: 500;
        position: relative;
        line-height: 27px;
        float: left;
        font-size: 14px;
    }
    
    .comments-tabs-header h3:before {
        bottom: -10px;
        float: left;
        width: 100%;
        position: absolute;
        height: 4px;
        content: " ";
        pointer-events: none;
        margin-left: 0;
        margin-top: 0;
        background: #046f5a;
        left: 0;
    }
    
    .comments-tabs.simpleTab .tab-wrapper li a {
        height: 32px;
        color: #adadad;
        font-size: 12px;
        text-transform: uppercase;
        line-height: 32px;
        margin: 0;
        padding: 0 10px;
        font-weight: 500;
        float: left;
        position: relative;
    }
    
    .comments-tabs.simpleTab .tab-wrapper li a.activeTab:before {
        background-color: #046f5a;
        bottom: -5px;
        float: left;
        width: 100%;
        position: absolute;
        height: 4px;
        content: " ";
        pointer-events: none;
        margin-left: 0;
        margin-top: 0;
        left: 0;
    }
    
    .comments-tabs.simpleTab .tab-wrapper {
        float: right;
        text-align: right
    }
    
    .comments-tabs.simpleTab .tab-wrapper li {
        margin-left: 0
    }
    
    .simpleTab .tab-wrapper li {
        display: inline-block;
        margin: 0;
        padding: 0
    }
    
    .simpleTab .tab-wrapper li a {
        color: #FFF;
        padding: 10px 25px;
        display: block
    }
    
    .simpleTab .tab-wrapper li:before {
        content: '';
        display: none
    }
    
    .simpleTab {
        margin: 10px 0
    }
    
    .simpleTab .tab-content {
        padding: 15px;
        background-color: #f8f8f8
    }
    
    .simpleTab .tab-wrapper li a.activeTab {
        color: #000;
    }
    
    .simpleTab * {
        transition: all 0s ease;
        -webkit-transition: all 0s ease;
        -moz-transition: all 0s ease;
        -o-transition: all 0s ease
    }
    
    .simpleTab.side .tab-wrapper {
        float: left;
        width: 30%;
        margin: 0!important;
        padding: 0!important;
        transition: all 0s ease;
        -webkit-transition: all 0s ease;
        -moz-transition: all 0s ease;
        -o-transition: all 0s ease
    }
    
    .simpleTab .tab-wrapper {
        padding: 0!important;
        margin: 0!important
    }
    
    .simpleTab.side .tab-content {
        float: left;
        width: 70%;
        box-sizing: border-box;
        transition: all 0s ease;
        -webkit-transition: all 0s ease;
        -moz-transition: all 0s ease;
        -o-transition: all 0s ease
    }
    
    .simpleTab.side .tab-wrapper li {
        width: 100%;
        display: block;
        text-align: center
    }
    
    .simpleTab.side .tab-wrapper li a {
        padding: 15px 0
    }
    
    .simpleTab.side {
        overflow: hidden
    }
    
    .post-body h1,
    .post-body h2,
    .post-body h3,
    .post-body h4,
    .post-body h5,
    .post-body h6 {
        margin-bottom: 15px
    }
    
    blockquote {
        background: #fcfcfc;
        border-left: 3px solid #046f5a;
        margin-left: 0;
        padding: 10px 15px
    }
    
    blockquote:before {
        content: '\f10d';
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-right: 10px;
        color: #999
    }
    
    blockquote:after {
        content: '\f10e';
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-left: 10px;
        color: #999
    }
    
    .firstcharacter {
        float: left;
        color: #046f5a;
        font-family: Georgia;
        font-size: 75px;
        line-height: 60px;
        padding-top: 4px;
        padding-right: 8px;
        padding-left: 3px;
    }
    
    .widget .post-body ul,
    .widget .post-body ol {
        line-height: 1.5;
        font-weight: 400
    }
    
    .widget .post-body li {
        margin: 5px 0;
        padding: 0;
        line-height: 1.5
    }
    
    .post-body ul li:before {
        content: "\f105";
        margin-right: 5px;
        font-family: fontawesome
    }
    
    #sidebar-wrapper .widget {
        margin-bottom: 20px;
        overflow: hidden;
        background: #ffffff;
    }
    
    .sidebar h2,
    .sidebar2 h2,
    .tab h2 {
        display: inline-block;
        padding: 0 15px 0 0;
        margin: 0;
        font-size: 14px;
        font-weight: 600;
        width: 100%;
        height: 30px;
        line-height: 30px;
        position: relative;
        margin-bottom: 15px;
        border-bottom: 4px solid #ededed;
    }
    
    .sidebar h2 span,
    .sidebar2 h2 span {
        color: #313234;
        font-weight: 500;
        position: relative;
        line-height: 27px;
    }
    
    #sidebar-wrapper h2 span:before {
        bottom: -4px;
        float: left;
        width: 100%;
        position: absolute;
        height: 4px;
        content: " ";
        pointer-events: none;
        margin-left: 0;
        margin-top: 0;
        background: #046f5a;
        left: 0;
    }
    
    .sidebar ul {
        list-style: none;
        padding: 0;
    }
    
    .sidebar .widget-content {
        margin: 0
    }
    
    .social-counter {
        margin: 0;
        padding: 0;
        overflow: hidden
    }
    
    .social-counter ul {
        margin: 0;
        padding: 0
    }
    
    .social-counter ul li {
        width: 43%;
        float: left;
        text-align: left;
        margin: 0 0 5px;
        padding: 0 0 5px;
        position: relative;
        position: relative;
        border: 1px solid #f5f5f5;
        padding: 10px;
        border-radius: 3px;
    }
    
    .social-counter ul li:nth-child(2),
    .social-counter ul li:nth-child(4),
    .social-counter ul li:nth-child(6),
    .social-counter ul li:nth-child(8) {
        float: right
    }
    
    .social-counter ul li a {
        margin: 0;
        padding: 0
    }
    
    .item-icon {
        float: left;
        position: relative;
        text-align: center;
        vertical-align: middle;
        color: #fff;
        margin: 0;
        display: inline-block;
        width: 36px;
        height: 36px;
        line-height: 36px;
        font-size: 20px;
        border-radius: 2px
    }
    
    .hide-count {
        display: none
    }
    
    .item-count {
        display: inline-block;
        color: #333;
        font-weight: 700;
        font-size: 14px;
        line-height: 36px;
        float: left;
        padding-left: 10px
    }
    
    .item-text {
        float: right;
        display: inline-block;
        color: #666666;
        font-size: 12px;
        line-height: 36px;
        font-weight: 400
    }
    
    .item-social.facebook .item-icon {
        color: #5271b3
    }
    
    .item-social.twitter .item-icon {
        color: #49aff8
    }
    
    .item-social.gplus .item-icon {
        color: #cb2027
    }
    
    .item-social.rss .item-icon {
        color: #FFC200
    }
    
    .item-social.youtube .item-icon {
        color: #eb1a21
    }
    
    .item-social.dribbble .item-icon {
        color: #ea4c89
    }
    
    .item-social.instagram .item-icon {
        color: #4E729A
    }
    
    .item-social.pinterest .item-icon {
        color: #cb2027
    }
    
    .item-social.facebook .item-icon:before {
        content: "\f09a"
    }
    
    .item-social.twitter .item-icon:before {
        content: "\f099"
    }
    
    .item-social.gplus .item-icon:before {
        content: "\f0d5"
    }
    
    .item-social.rss .item-icon:before {
        content: "\f09e"
    }
    
    .item-social.youtube .item-icon:before {
        content: "\f16a"
    }
    
    .item-social.instagram .item-icon:before {
        content: "\f16d"
    }
    
    .item-social.dribbble .item-icon:before {
        content: "\f17d"
    }
    
    .item-social.pinterest .item-icon:before {
        content: "\f0d2"
    }
    
    .social-counter ul li:hover .item-text {
        color: #046f5a
    }
    
    .menu-tab li a,
    .sidetabs .section {
        transition: all 0s ease;
        -webkit-transition: all 0s ease;
        -moz-transition: all 0s ease;
        -o-transition: all 0s ease;
        -ms-transition: all 0s ease
    }
    
    .menu-tab {
        height: 30px;
        line-height: 30px;
        position: relative;
        margin-bottom: 15px;
        border-bottom: 4px solid #ededed;
        padding: 0;
    }
    
    .sidetabs .widget h2 {
        display: none
    }
    
    .menu-tab li {
        width: 50%;
        float: left;
        display: inline-block;
        padding: 0;
    }
    
    .menu-tab li a {
        position: relative;
        width: 100%;
        position: relative;
        float: left;
        line-height: 27px;
        display: inline-block;
        padding: 0 15px 0 0;
        color: #313234;
        margin: 0;
        font-weight: 500;
        font-size: 14px;
        text-align: center;
    }
    
    .menu-tab li.active a:before {
        bottom: -7px;
        float: left;
        width: 100%;
        position: absolute;
        height: 4px;
        content: " ";
        pointer-events: none;
        margin-left: 0;
        margin-top: 0;
        left: 0;
        background-color: #046f5a
    }
    
    .menu-tab li {
        display: none
    }
    
    .hide-tab {
        display: inline-block!important
    }
    
    .list-label-widget-content li {
        display: block;
        padding: 8px 0;
        border-bottom: 1px solid #F5F5F5;
        position: relative
    }
    
    .list-label-widget-content li:first-child {
        padding: 0 0 8px
    }
    
    .list-label-widget-content li:last-child {
        padding-bottom: 0;
        border-bottom: 0
    }
    
    .list-label-widget-content li a:before {
        content: '\2039';
        transform: rotate(181deg);
        position: absolute;
        left: 0px;
        top: 2px;
        font-size: 22px;
        color: #222222
    }
    
    .list-label-widget-content li:first-child a:before {
        top: -7px
    }
    
    .list-label-widget-content li a {
        color: #222222;
        font-size: 11px;
        border: 1px solid #F5F5F5;
        padding: 6px 8px;
        width: 100%;
        cursor: pointer;
        font-size: 12px;
        color: #222222
    }
    
    .PopularPosts .item-thumbnail {
        margin: 0 0 0 10px !important;
        width: 110px;
        height: 90px;
        float: right;
        overflow: hidden;
        border-radius: 3px;
    }
    
    .PopularPosts .item-thumbnail a {
        position: relative;
        display: block;
        overflow: hidden;
        line-height: 0
    }
    
    .PopularPosts ul li img {
        padding: 0;
        width: 100%;
        height: 100%;
        border-radius: 3px;
        overflow: hidden;
    }
    
    .PopularPosts .widget-content ul li {
        overflow: hidden;
        border-top: 1px solid #F5F5F5;
        padding: 10px 0
    }
    
    .sidebar .PopularPosts .widget-content ul li:first-child,
    .sidebar .custom-widget li:first-child {
        padding-top: 0;
        border-top: 0
    }
    
    .sidebar .PopularPosts .widget-content ul li:last-child,
    .sidebar .custom-widget li:last-child {
        padding-bottom: 0
    }
    
    .PopularPosts ul li a {
        color: #222222;
        line-height: 1.4;
        font-weight: 500;
        font-size: 14px;
        text-shadow: none;
    }
    
    .PopularPosts ul li a:hover {
        color: #046f5a
    }
    
    .PopularPosts .item-title {
        margin: 0;
        padding: 0;
        line-height: 0
    }
    
    .item-snippet {
        font-size: 12px;
        padding-top: 3px;
        font-weight: 400;
        color: #999
    }
    
    #footer-wrapper {
        background-color: #1f2024;
        max-width: 1170px;
        margin: 0 auto;
    }
    
    #footer {
        overflow: hidden;
        margin: 0 auto;
        padding: 20px 0;
        max-width: 1130px;
    }
    
    .sect-left {
        display: inline-block;
        float: left;
        width: 32%;
        margin-right: 2%
    }
    
    .sect-left:nth-child(3) {
        margin-right: 0
    }
    
    .sect-left .widget {
        padding: 15px 0 20px
    }
    
    .sect-left .widget:nth-of-type(2) {
        padding-top: 0
    }
    
    .sect-left .widget .title-wrap {
        height: 32px;
        position: relative;
        line-height: 0;
        margin: 0 0 10px;
        padding: 0;
        border-bottom: 4px solid #333333
    }
    
    .sect-left .widget h2 {
        position: relative;
        display: inline-block;
        color: #EEE;
        font-size: 13px;
        height: 32px;
        line-height: 32px;
        text-transform: uppercase;
        font-weight: 700;
        letter-spacing: .5px;
        padding: 0
    }
    
    .sect-left .widget .title-wrap h2 {
        border-bottom: 4px solid #046f5a
    }
    
    .sect-left .custom-widget .rcp-title a,
    .sect-left .PopularPosts ul li a {
        color: #fff
    }
    
    .sect-left .recent-date {
        color: #999999
    }
    
    .sect-left .custom-widget li {
        overflow: hidden;
        border-top: 1px solid #333333;
        border-bottom: 0;
        padding: 10px 0
    }
    
    .sect-left .PopularPosts .widget-content ul li {
        border-top: 1px solid #333333
    }
    
    .sect-left .PopularPosts .widget-content ul li:first-child {
        padding-top: 0;
        border-top: 0
    }
    
    .sect-left .PopularPosts .widget-content ul li:first-child,
    .sect-left .custom-widget li:first-child {
        padding-top: 0;
        border-top: 0
    }
    
    .sect-left .custom-widget .rcp-title a:hover,
    .sect-left .PopularPosts ul li a:hover {
        color: #046f5a
    }
    
    .sect-left .FollowByEmail .widget-content:before {
        color: #EEEEEE;
        margin-top: 5px
    }
    
    .sect-left .FollowByEmail .follow-by-email-inner .follow-by-email-submit {
        background-color: #333333;
        color: #EEEEEE
    }
    
    .sect-left .FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover {
        background-color: #046f5a
    }
    
    .sect-left #ArchiveList select {
        border: 1px solid #333333;
        background: #333333;
        color: #EEEEEE
    }
    
    .sect-left #ArchiveList select option {
        color: #EEEEEE
    }
    
    .sect-left .cloud-label-widget-content .label-size {
        background: #333333
    }
    
    .sect-left .cloud-label-widget-content .label-size:hover {
        background: #046f5a
    }
    
    .sect-left .cloud-label-widget-content .label-size a {
        color: #EEEEEE
    }
    
    .sect-left .list-label-widget-content li {
        border-bottom: 0;
        border-top: 1px solid #333333
    }
    
    .sect-left .list-label-widget-content li:first-child {
        border-top: 0;
        padding-top: 0
    }
    
    .sect-left .list-label-widget-content li a,
    .sect-left .list-label-widget-content li a:before {
        color: #EEEEEE
    }
    
    .sect-left .list-label-widget-content li a:hover {
        color: #046f5a
    }
    
    .sect-left .list-label-widget-content li:first-child a:before {
        top: -6px
    }
    
    .footer-wrapper {
        background-color: RGBA(0, 0, 0, 0.2);
        color: #eee;
        display: block;
        padding: 15px 20px 13px;
        width: calc(100% - 40px);
        overflow: hidden;
    }
    
    .footer-wrapper .footer-sec {
        margin: 0 auto;
        max-width: 1130px;
    }
    
    .footer-wrapper .copyright {
        font-size: 12px
    }
    
    .footer-wrapper .copyright a {
        color: #fff;
        font-weight: 400;
        letter-spacing: 0.3px;
    }
    
    .footer-wrapper .copyright a:hover {
        color: #046f5a
    }
    
    .footer-wrapper .social-footer,
    .footer-wrapper #social-footer {
        float: right;
        position: relative;
        display: inline-block;
        margin: 0;
    }
    
    .footer-wrapper .native-opt {
        display: inline-block;
        float: right;
    }
    
    .footer-wrapper .social-footer ul {
        overflow: hidden
    }
    
    .footer-wrapper .social-footer li {
        display: block;
        float: left;
        margin-left: 5px;
        padding: 0
    }
    
    .footer-wrapper .social-footer li a {
        display: block;
        background-color: #333333;
        float: left;
        text-decoration: none;
        color: #EEE;
        font-size: 13px;
        padding: 0;
        width: 22px;
        height: 22px;
        text-align: center;
        line-height: 21px;
        border-radius: 2px
    }
    
    .footer-wrapper .social-footer li a:hover {
        background-color: #046f5a;
        color: #fff;
    }
    
    .footer-wrapper .social-footer li a:before {
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 400;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
    
    .social-footer .facebook:before {
        content: "\f09a"
    }
    
    .social-footer .twitter:before {
        content: "\f099"
    }
    
    .social-footer .gplus:before {
        content: "\f0d5"
    }
    
    .social-footer .rss:before {
        content: "\f09e"
    }
    
    .social-footer .youtube:before {
        content: "\f167"
    }
    
    .social-footer .skype:before {
        content: "\f17e"
    }
    
    .social-footer .stumbleupon:before {
        content: "\f1a4"
    }
    
    .social-footer .tumblr:before {
        content: "\f173"
    }
    
    .social-footer .vine:before {
        content: "\f1ca"
    }
    
    .social-footer .stack-overflow:before {
        content: "\f16c"
    }
    
    .social-footer .linkedin:before {
        content: "\f0e1"
    }
    
    .social-footer .dribbble:before {
        content: "\f17d"
    }
    
    .social-footer .soundcloud:before {
        content: "\f1be"
    }
    
    .social-footer .behance:before {
        content: "\f1b4"
    }
    
    .social-footer .digg:before {
        content: "\f1a6"
    }
    
    .social-footer .instagram:before {
        content: "\f16d"
    }
    
    .social-footer .pinterest:before {
        content: "\f0d2"
    }
    
    .social-footer .delicious:before {
        content: "\f1a5"
    }
    
    .social-footer .codepen:before {
        content: "\f1cb"
    }
    
    .pop-sec {
        position: fixed;
        top: 50%;
        margin-top: -175px;
        left: 50%;
        max-width: 300px;
        width: 90%;
        margin-left: -150px;
        background-color: #FFF;
        height: 350px;
        z-index: 99999;
        display: none;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);
        transition: all .5s ease;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -o-transition: all .2s ease
    }
    
    .pop-close {
        position: absolute;
        top: 0;
        right: 0;
        background-color: #046f5a;
        color: #FFF;
        height: 25px;
        width: 25px;
        text-align: center;
        border-radius: 0;
        line-height: 25px;
        font-size: 10px
    }
    
    .pop-close:hover {
        opacity: .8;
        color: #fff
    }
    
    .pop-sec .widget {
        padding: 0 20px
    }
    
    .pop-sec h2 {
        background-color: #222222;
        color: #eee;
        font-size: 13px;
        padding: 0 10px;
        font-weight: 400;
        height: 25px;
        line-height: 25px;
        margin-left: -20px;
        margin-right: -20px;
        text-transform: uppercase
    }
    
    .pop-sec .contact-form-cross {
        display: none
    }
    
    .pop-sec.pop-show {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
    
    #outer-wrapper.pop-active {
        transition: all 0s ease;
        -webkit-transition: all 0s ease;
        -moz-transition: all 0s ease;
        -o-transition: all 0s ease
    }
    
    #outer-wrapper.pop-active:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.69);
        z-index: 999;
        transition: all 0s ease;
        -webkit-transition: all 0s ease;
        -moz-transition: all 0s ease;
        -o-transition: all 0s ease
    }
    
    .error_page #main-wrapper {
        width: 100%!important;
        margin: 0!important
    }
    
    .error_page #sidebar-wrapper,
    .error_page .status-msg-wrap {
        display: none
    }
    
    #error-wrap {
        color: #222222;
        text-align: center;
        padding: 60px 0 80px
    }
    
    .error-item {
        font-size: 160px;
        line-height: 1;
        margin-bottom: 20px
    }
    
    #error-wrap h2 {
        font-size: 25px;
        padding: 20px 0 10px
    }
    
    #error-wrap .homepage {
        padding-top: 10px;
        display: block
    }
    
    #error-wrap .homepage i {
        font-size: 20px
    }
    
    #error-wrap .homepage:hover {
        text-decoration: underline
    }
    
    .img-anime .recent-boxes .box-image,
    .img-anime .recent-boxes .bf-thumb,
    .img-anime .custom-widget .rcthumb,
    .img-anime .PopularPosts img,
    .img-anime .home .block-image .thumb a,
    .img-anime .tc-thumb a,
    .img-anime .related-thumb a,
    .img-anime .PopularPosts .item-thumbnail a {
        opacity: 0;
        transition: all 0s ease;
        -webkit-transition: all 0s ease;
        -moz-transition: all 0s ease;
        -o-transition: all 0s ease
    }
    
    .img-anime .img-effect,
    .img-anime .recent-boxes .box-image.img-effect,
    .img-anime .recent-boxes .bf-thumb.img-effect,
    .img-anime .custom-widget .rcthumb.img-effect,
    .img-anime .PopularPosts img.img-effect,
    .img-anime .block-image .thumb a.img-effect,
    .img-anime .tc-thumb a.img-effect,
    .img-anime .related-thumb a.img-effect,
    .img-anime .PopularPosts .item-thumbnail a.img-effect {
        opacity: 1;
        transition: all .8s ease;
        -webkit-transition: all .8s ease;
        -moz-transition: all .8s ease;
        -o-transition: all .8s ease
    }
    
    .content-of-middle {
        margin: 0 auto;
        float: none;
        width: 1170px;
        display: flex;
    }
    
    .featured-small h2.title span {
        display: none;
    }
    
    .featured-small ul .featured-overlay {
        display: none;
    }
    
    .featured-small {
        float: left;
        width: 330px;
        ;
        overflow-y: scroll;
        padding: 0;
        background: #313234;
        max-height: 400px;
        margin-top: 20px;
        margin: 0;
    }
    
    .featured-small li {
        float: left;
        width: calc(100% - 30px);
        padding: 15px 15px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    }
    
    .featured-small li:nth-child(1),
    .featured-small li:nth-child(2),
    .featured-small li:nth-child(3) {
        display: none;
    }
    
    .featured-small li:hover {
        background: #262729;
    }
    
    .featured-small .post-list-drops a.post-tag {
        font-size: 10px;
        color: #f90;
        background: #333;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: .5px;
        width: initial;
        float: left;
        margin: 0 0 5px 0;
        padding: 3px 5px;
        border-radius: 2px;
    }
    
    .featured-small h3.rcp-title a {
        float: left;
        width: 100%;
        font-size: 14px;
        font-weight: 500;
        color: #fff;
    }
    
    .featured-small .featured-meta {
        float: left;
        width: 100%;
        margin-top: 10px;
    }
    
    .featured-small .featured-meta .featured-author,
    .featured-small .featured-meta .featured-date {
        float: left;
        margin-top: 5px;
        font-weight: 500;
        font-size: 11px;
        color: rgba(255, 255, 255, 0.54);
    }
    /* width */
    
    .featured-small::-webkit-scrollbar {
        width: 5px;
    }
    /* Track */
    
    .featured-small::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px grey;
        border-radius: 10px;
    }
    /* Handle */
    
    .featured-small::-webkit-scrollbar-thumb {
        background-color: #046f5a;
        border-radius: 3px;
    }
    
    .post-outer {
        float: left;
        width: 100%;
        margin-bottom: 20px;
    }
    
    .full-content-highligh {
        width: calc(100% / 2 - 10px);
        margin-right: 20px;
        float: left;
    }
    
    .hilight-thumbnail {
        float: left;
        width: 100%;
        position: relative;
    }
    
    a.highlight-ti {
        float: left;
        position: relative;
        width: 100%;
        height: 100%;
        border-radius: 3px 3px 0 0;
        overflow: hidden;
    }
    
    a.highlight-ti:before {
        content: "";
        padding-top: 100%;
        float: left;
        width: 100%;
        position: relative;
    }
    
    .cover-background-content {
        float: left;
        width: calc(100% - 30px);
        background: #046f5a;
        padding: 15px;
        border-radius: 0 0 3px 3px;
        min-height: 91px;
    }
    
    .cover-background-content h3.main-title a {
        color: #fff;
        margin: 0;
        font-weight: 400;
        font-size: 16px;
    }
    
    .cover-background-content h3.main-title {
        line-height: 18px;
    }
    
    .cover-background-content .recent-author,
    .cover-background-content .recent-date {
        color: #fff;
    }
    
    .column ul li.basic-list-right {
        margin-top: 0;
        padding-top: 0;
        margin-bottom: 10px;
        padding-bottom: 10px;
        float: left;
        width: calc(100% / 2 - 10px);
    }
    
    .column ul li.basic-list-right:last-child {
        margin-bottom: 0;
        padding-bottom: 0;
    }
    
    .large-thumnail {
        position: relative;
        width: 100%;
        border-radius: 3px;
        overflow: hidden;
    }
    
    a.full-fixed-image {
        position: relative;
        float: left;
        width: 100%;
    }
    
    a.full-fixed-image:before {
        content: '';
        width: 100%;
        float: left;
        padding-top: 40.5%;
    }
    
    .large-thumnail .post-content {
        position: absolute;
        bottom: 0;
        padding: 15px;
        z-index: 100;
    }
    
    h3.recent-title {
        font-size: 14px;
    }
    
    h3.recent-title a {
        font-size: 14px;
        color: #fff;
        text-decoration: none;
        text-shadow: none;
        font-weight: 500;
    }
    
    .columnleft h3.recent-title a {
        text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.62);
    }
    
    .main-tag .icon {
        background: #333;
        padding: 5px 10px;
        display: inline-block;
        margin-bottom: 10px;
        color: #fff;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: .5px;
    }
    
    .columnright .owl-dots {
        float: left;
        width: 100%;
        bottom: 0px;
        opacity: 1;
        display: flex;
    }
    
    .columnright .owl-dots .owl-dot {
        width: 100%;
        float: left;
        background: #fbfbfb;
        height: 10px;
        margin: 0;
        border-radius: 0;
        border: 1px solid #ededed;
        border-right: 0;
        border-top: 0;
        opacity: 1;
    }
    
    .columnright .owl-dots .owl-dot:last-child {
        border-right: 1px solid #ededed;
    }
    
    .columnright .owl-dots .owl-dot.active {
        background: #046f5a;
    }
    
    a.post-tag.icon.post:hover {
        padding: 0;
        display: inline-block;
        background-color: #333;
        color: #fff;
        margin-right: 10px;
        font-weight: 400;
        height: 18px;
        line-height: 18px;
        border-radius: 0;
        padding: 1px 6px;
        font-size: 11px;
        text-transform: uppercase;
        position: relative;
        margin-top: 10px;
        float: left;
    }
    
    .full-page-slider .owl-item.active .img-overlay {
        opacity: 0;
    }
    
    .blog-posts.hfeed {
        float: left;
        width: 100%;
    }
    /*----Responsive Design----*/
    
    @media screen and (max-width: 1110px) {
        .ticker .widget {
            max-width: 96%
        }
    }
    
    @media screen and (max-width: 980px) {
        .recent-boxes .box-sec {
            margin-right: 0
        }
        .posts-title {
            margin-right: 0
        }
        #footer {
            padding: 20px 0;
            width: 100%;
            float: left;
        }
        .sect-left {
            width: 100%;
            margin-right: 0
        }
        .sect-left .widget {
            padding: 10px
        }
        .content-of-middle {
            display: block;
        }
    }
    
    @media screen and (max-width: 880px) {
        #nav1,
        #menu-main-nav {
            display: none
        }
        .selectnav {
            display: block;
            color: #eee
        }
        .tm-menu {
            float: left;
            width: 20%
        }
        .tm-menu .selectnav {
            padding: 0 5px;
            height: 22px!important;
            line-height: 22px;
            margin-top: 4px;
            width: 100%;
            border-radius: 2px!important
        }
        .header-menu #menu .selectnav {
            padding: 0 20px!important;
            font-size: 16px;
            height: 60px;
            line-height: 60px;
            margin-left: 10px;
            float: left;
            border-radius: 0!important
        }
    }
    
    @media screen and (max-width: 800px) {
        .featured {
            float: left;
            width: 100%;
        }
        #mega-menu-wrap-primary {
            width: 100% !important;
        }
        .featured li:first-child {
            width: 100%;
            padding-right: 5px
        }
        .featured li:first-child,
        .featured li:first-child .rcp-thumb {
            height: 250px
        }
        .featured-small {
            width: 100%;
        }
        .featured li {
            width: 50%;
            float: left;
            padding-right: 0;
        }
        .featured li:nth-child(3) {
            margin-top: 0;
            padding-right: 0;
        }
        .featured li:nth-child(4) {
            padding-left: 5px;
            padding-right: 0
        }
        .content-of-middle {
            display: block;
        }
    }
    
    @media screen and (max-width: 700px) {
        #ticker {
            display: none
        }
        .feat .bx-first .box-thumbnail,
        .feat .bf-thumb,
        .boxes .bx-first .box-thumbnail,
        .boxes .bf-thumb {
            height: 250px
        }
        .feat .bx-first {
            width: 100%;
            margin-bottom: 0;
            padding-right: 0;
            border-right: 0
        }
        .feat ul li {
            width: 100%;
            float: left;
            margin-top: 10px;
            margin-bottom: 0;
            padding-top: 10px;
            padding-bottom: 0;
            border-top: 1px solid #F5F5F5;
            border-bottom: 0
        }
        .recent-boxes .column {
            width: 100%
        }
        .home-ad .widget {
            padding: 0
        }
        .block-image {
            width: 100%;
            height: 250px;
            margin-right: 0
        }
        .block-image .thumb,
        .block-image .thumb a {
            height: 250px
        }
        .index .post article,
        .archive .post article {
            overflow: hidden;
            position: relative;
            float: left;
            margin-top: 10px
        }
        .footer-wrapper .footer-sec {
            text-align: center
        }
        .footer-wrapper .social-footer,
        .footer-wrapper #social-footer {
            float: none;
            padding-bottom: 5px
        }
        .footer-wrapper .copyright {
            font-size: 12px;
            display: block;
            text-align: center
        }
        .content-of-middle {
            display: block;
        }
    }
    
    @media screen and (max-width: 600px) {
        .featured li:first-child {
            width: 100%;
            padding-right: 0
        }
        .featured li {
            width: 100%;
            padding-right: 0
        }
        .featured li:nth-child(4) {
            padding-left: 0
        }
        .videos ul li {
            width: 100%;
            margin: 0 0 10px
        }
        .videos ul li:last-child {
            margin: 0
        }
        .videos .box-image {
            height: 180px
        }
        .gallery ul li {
            width: 49%;
            margin-right: 1%;
            margin-bottom: 10px
        }
        .gallery ul li:nth-child(2),
        .gallery ul li:nth-child(4),
        .gallery ul li:nth-child(6) {
            margin-left: 1%;
            margin-right: 0
        }
        .gallery ul li:nth-child(4) {
            margin-bottom: 10px
        }
        .related-wrap li {
            width: 100%;
            height: 180px;
            margin-bottom: 10px
        }
        .related-wrap li:last-child {
            margin-bottom: 0
        }
        .related-wrap li .related-img {
            height: 180px
        }
    }
    
    @media screen and (max-width: 440px) {
        .featured li:first-child,
        .featured li:first-child .rcp-thumb,
        .block-image,
        .block-image .thumb,
        .block-image .thumb a,
        .feat .bx-first .box-thumbnail,
        .feat .bf-thumb,
        .boxes .bx-first .box-thumbnail,
        .boxes .bf-thumb,
        .main-carousel,
        .carousel-item,
        .carousel-item .box-image {
            height: 200px
        }
        .featured li:first-child .rcp-title,
        .post h2 a,
        .post h2 a:visited,
        .post h2 strong,
        .item .post-title,
        .static_page .post-title {
            font-size: 19px
        }
        .gallery ul li {
            width: 100%;
            height: 180px;
            margin-right: 0;
            margin-bottom: 10px
        }
        .gallery ul li:nth-child(2),
        .gallery ul li:nth-child(4),
        .gallery ul li:nth-child(6) {
            margin-left: 0
        }
        .gallery ul li:nth-child(5) {
            margin-bottom: 10px
        }
        .gallery ul li .box-image {
            height: 180px
        }
        .resp_del2,
        .resp_del3 {
            display: none
        }
    }
    
    @media screen and (max-width: 340px) {
        .header-menu #menu .selectnav {
            max-width: 60%
        }
        .comments-tabs-header h3 span {
            display: none
        }
    }
    /*------Layout (No Edit)----------*/
    
    body#layout {
        width: 900px
    }
    
    body#layout .row {
        width: 900px;
    }
    
    body#layout .section h4 {
        color: #333!important
    }
    
    body#layout .option {
        background-color: #2c3e50!important;
        overflow: hidden!important
    }
    
    body#layout .option h4 {
        font-size: 16px;
        padding: 4px 0 7px;
        color: #fff!important
    }
    
    body#layout .option .widget {
        float: left;
        width: 33.33%
    }
    
    body#layout .option .widget.locked-widget .widget-content {
        background-color: #34495e !important;
        border-color: #455668 !important;
        color: #fff!important
    }
    
    body#layout .option .widget.locked-widget .widget-content a.editlink {
        color: #fff !important;
        border: 1px solid #233648;
        border-radius: 2px;
        padding: 2px 5px;
        background-color: #233648
    }
    
    body#layout .tm-menu {
        margin: 0;
        width: 70%
    }
    
    body#layout .social-area {
        margin: 0;
        width: 30%
    }
    
    body#layout .header-content,
    body#layout #header-blog {
        height: auto;
        padding: 0
    }
    
    body#layout #logo_blog {
        background-color: #b57dcc;
        border-color: #8a52a1
    }
    
    body#layout #logo_blog .widget-content {
        border-color: #8a52a1
    }
    
    body#layout .header-ads {
        width: 70%;
        margin: 0
    }
    
    body#layout #menu,
    body#layout #menu1 {
        display: block;
        background-color: #6dad88;
        border-color: #338957
    }
    
    body#layout #menu .widget-content,
    body#layout #menu1 .widget-content {
        border-color: #338957
    }
    
    body#layout #main-nav,
    body#layout .header-menu {
        height: auto
    }
    
    body#layout .header-menu li.li-home,
    body#layout .header-search {
        display: none
    }
    
    body#layout .header-menu {
        float: left;
        width: 100%;
        margin: 4px 0 0;
        padding: 0
    }
    
    body#layout #content-wrapper {
        margin: 0 auto
    }
    
    body#layout .box-sec .widget-content,
    body#layout .box-sec h2,
    body#layout #ads-blog {
        display: block
    }
    
    body#layout #main-wrapper {
        float: left;
        width: 70%;
        margin: 0;
        padding: 0
    }
    
    body#layout .posts-title {
        display: none
    }
    
    body#layout #ads-footer {
        display: block
    }
    
    body#layout #sidebar-wrapper .section {
        background-color: #fff;
        border: 1px solid #fff
    }
    
    body#layout #sidebar-wrapper .section .widget-content {
        border-color: #5a7ea2!important
    }
    
    body#layout #sidebar-wrapper .section .draggable-widget .widget-wrap2 {
        background-color: #5a7ea2!important
    }
    
    body#layout #footer-wrapper {
        overflow: hidden
    }
    
    body#layout #unwanted,
    body#layout #pop-sec,
    body#layout #contact {
        display: none!important
    }
    
    body#layout .social-footer {
        list-style: none
    }
    
    body#layout #ticker {
        background-color: #f38d83;
        border-color: #c5554a
    }
    
    body#layout #ticker .widget-content {
        border-color: #c5554a
    }
    
    body#layout #ticker .draggable-widget .widget-wrap2 {
        background-color: #c5554a!important
    }
    
    body#layout #featured-sec {
        background-color: #f9a85f;
        max-width: 541px;
        float: left;
        width: 100%;
    }
    
    body#layout #featured-sec .widget-content {
        border-color: #fb8f3d
    }
    
    body#layout #featured-sec .draggable-widget .widget-wrap2 {
        background-color: #fb8f3d!important
    }
    
    body#layout #featured-sec2 {
        background-color: #f9a85f;
        max-width: 275px;
        float: left;
        width: 100%;
    }
    
    body#layout #featured-sec2 .widget-content {
        border-color: #fb8f3d
    }
    
    body#layout #featured-sec2 .draggable-widget .widget-wrap2 {
        background-color: #fb8f3d!important
    }
    
    body#layout .layout-widget-description {
        display: none!important
    }
    
    body#layout #Blog1 .widget-content {
        border-color: #34495e
    }
    
    body#layout .box-sec {
        background-color: #7fc1ed!important;
        border-color: #3498db!important
    }
    
    body#layout .box-sec .widget-content {
        border-color: #3498db
    }
    
    body#layout .box-sec .draggable-widget .widget-wrap2 {
        background-color: #3498db!important;
        cursor: move
    }
    
    body#layout #sidebar {
        margin-top: 10px
    }
    
    body#layout #sidetabs {
        overflow: hidden;
        background-color: #e9d33c
    }
    
    body#layout #tabside1,
    body#layout #tabside2,
    body#layout #tabside3 {
        width: 44%;
        float: left
    }
    
    body#layout #HTML301 .widget-content,
    body#layout #HTML300 .widget-content {
        background-color: #2c3e50;
        color: #fff!important;
        border-color: #2c3e50
    }
    
    body#layout #LinkList62 .widget-content,
    body#layout #LinkList20 .widget-content,
    body#layout #LinkList50 .widget-content {
        background-color: #34495e!important;
        border-color: #34495e!important;
        color: #fff!important
    }
    
    body#layout #LinkList62 .widget-content .editlink,
    body#layout #HTML301 .widget-content .editlink,
    body#layout #LinkList20 .widget-content .editlink,
    body#layout #LinkList50 .widget-content .editlink,
    body#layout #HTML300 .widget-content .editlink {
        color: #fff !important;
        border: 1px solid #233648;
        border-radius: 2px;
        padding: 2px 5px;
        background-color: #233648
    }
    /*----- blog ----------*/
    /*-------profile-----------*/
    /*  bhoechie tab */
    
    div.bhoechie-tab-container {
        z-index: 10;
        background-color: #ffffff;
        padding: 0 !important;
        border-radius: 4px;
        -moz-border-radius: 4px;
        border: 1px solid #ddd;
        margin-top: 20px;
        margin-left: 50px;
        -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
        background-clip: padding-box;
        opacity: 0.97;
        filter: alpha(opacity=97);
    }
    
    div.bhoechie-tab-menu {
        padding-right: 0;
        padding-left: 0;
        padding-bottom: 0;
    }
    
    div.bhoechie-tab-menu div.list-group {
        margin-bottom: 0;
    }
    
    div.bhoechie-tab-menu div.list-group>a {
        margin-bottom: 0;
    }
    
    div.bhoechie-tab-menu div.list-group>a .glyphicon,
    div.bhoechie-tab-menu div.list-group>a .fa {
        color: #046f5a;
    }
    
    div.bhoechie-tab-menu div.list-group>a:first-child {
        border-top-right-radius: 0;
        -moz-border-top-right-radius: 0;
    }
    
    div.bhoechie-tab-menu div.list-group>a:last-child {
        border-bottom-right-radius: 0;
        -moz-border-bottom-right-radius: 0;
    }
    
    div.bhoechie-tab-menu div.list-group>a.active,
    div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
    div.bhoechie-tab-menu div.list-group>a.active .fa {
        background-color: #046f5a;
        background-image: #046f5a;
        color: #ffffff;
    }
    
    div.bhoechie-tab-menu div.list-group>a.active:after {
        content: '';
        position: absolute;
        right: 100%;
        top: 50%;
        margin-top: -13px;
        border-left: 0;
        border-bottom: 13px solid transparent;
        border-top: 13px solid transparent;
        border-right: 10px solid #046f5a;
    }
    
    .list-group-item.active {
        border-color: #046f5a !important;
    }
    
    .bhoechie-tab-container a {
        color: #111;
    }
    
    div.bhoechie-tab-content {
        background-color: #ffffff;
        /* border: 1px solid #eeeeee; */
        padding-left: 20px;
        padding-top: 10px;
    }
    
    div.bhoechie-tab div.bhoechie-tab-content:not(.active) {
        display: none;
    }
    /*---------profile-----*/
    .lightbox-gallery {
        background-repeat: no-repeat;
        color: #000;
        overflow-x: hidden
    }
    .overlay-content ul {
        padding: 0.6rem;
        line-height: 3;
    }
    .lightbox-gallery p {
        color: #fff
    }
    .lightbox-gallery h2 {
        font-weight: bold;
        margin-bottom: 40px;
        padding-top: 40px;
        color: #fff
    }
    
    @media (max-width:767px) {
        .lightbox-gallery h2 {
            margin-bottom: 25px;
            padding-top: 25px;
            font-size: 24px
        }
    }
    
    .lightbox-gallery .intro {
        font-size: 16px;
        max-width: 500px;
        margin: 0 auto 40px
    }
    
    .lightbox-gallery .intro p {
        margin-bottom: 0
    }
    
    .lightbox-gallery .photos {
        padding-bottom: 20px
    }
    
    .lightbox-gallery .item {
        padding-bottom: 30px
    }

#mainPageVideo {
	background-color: #000;
	object-fit: contain !important;
}

@media(max-width: 992px) {
	#mainPageVideo{
		width: 100% !important;
		height: 100% !important;
	}
}

.galleryTitle {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	
}

.galleryWrapper {
	background-color: #046f5a;
	padding: 4% 0;
	height: 32rem;
	position: relative; 
}

.galleryItem  {
	width: 20rem;
	float: right;
	margin-left: 1%;
}

.galleryItem p {
	text-align: center;
	color: #fff;
	margin-top: 2%;
}

.galleryImage {
	border: 3px solid #fff;
	border-radius: 5px;
	text-align: center;
	height: 12rem;
}

.galleryImage img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mainNewsImage{
	height: 23rem;
}

.mainImgNews {
	    width: 100%;
    height: 100%;
    object-fit: contain;
    background-color: #fff;
}

.carouselOuter {
	    margin: 0 13.5%;
    height: 16rem;
    position: relative;
	overflow: hidden;
}

.carouselItems {
	width: 3200px;
    position: absolute;
    right: 0;
	top: 9%;
	transition: all 0.5s;
}

.nextButton {
	position: absolute;
	top: 53%;
	right: 5%;
	width: 4rem;
	cursor: pointer;
}

.nextButton img {
	width: 100%
}

.prevButton {
	position: absolute;
	top: 53%;
	left: 5%;
	width: 4rem;
	cursor: pointer;
}

.prevButton img {
	width: 100%
}


@media(max-width: 992px) {
	.nextButton {
	position: absolute;
	top: 44%;
	right: -2%;
	width: 4rem;
}

.nextButton img {
	width: 50%
}

.prevButton {
	position: absolute;
	top: 44%;
	left: 2%;
	width: 4rem;
	cursor: pointer;
}

.prevButton img {
	width: 50%
}

}
/*This file was exported by "Export WP Page to Static HTML" plugin which created by ReCorp (https://myrecorp.com) */