/*
Griffin CSS Framework

made by
    Siamak Beheshti Langroudi
*/

/* ================================================
   TABLE OF CONTENTS
   ------------------------------------------------
   1. General page/section/containers/... customizations
        1.1. usefull classes
   2. Text
   3. Controls
   4. Media Queries

   ================================================  */

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* 1. General page/section/containers/... customizations   */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.scroller-content {
    padding: 0;
}

.layer.shadow-back {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+34,0.65+100 */
    background: -moz-radial-gradient(center, ellipse cover, rgba(34, 38, 41, .6) 0%, rgba(34, 38, 41, 1) 95%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover, rgba(34, 38, 41, .6) 0%, rgba(34, 38, 41, 1) 95%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center, rgba(34, 38, 41, .6) 0%, rgba(34, 38, 41, 1) 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(to left, #71B280, #134E5E);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.background,
.background .layer {
    position: absolute !important;
    width: 100%;
    height: 100%;
    top: 0;
}

.lazyLoadContainer .loadEl {
    opacity: 0;
}

.lazyLoadContainer .loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: 7em auto;
    background-color: #f3f5f9;
    background-image: url('../file/image/app/loading.png');
    background-position: center;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    opacity: 1;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
}

.lazyLoadContainer.loaded .loadEl img,
.lazyLoadContainer.loaded .loadEl video {
    opacity: 1;
}

.lazyLoadContainer.loaded .loadEl {
    animation-duration: .5s;
    animation-fill-mode: forwards;
    animation-name: lazyLoadAnimation;
    animation-timing-function: ease-in-out;
    opacity: 1;
    /* position: absolute; */
    /* width: 100%; */
    /* height: 100%; */
    top: 0;
    left: 0;
    width: initial;
    max-width: 100%;
}

.lazyLoadContainer.loaded .loading {
    opacity: 0;
}

@-webkit-keyframes lazyLoadAnimation {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes lazyLoadAnimation {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/*#region copy right*/
.copyright {
    color: #fff;
    text-align: right;
    font-size: 12px;
    padding: 1em;
    position: fixed;
    z-index: 90;
    right: 0;
    bottom: 0%;
    margin: 0;
    display: inline-block;
    white-space: nowrap;
}

    .copyright .copyright-text {
        display: none;
    }

    .copyright .copyright-open {
        display: block;
        font-size: 1.3em;
    }

    .copyright:hover .copyright-text {
        display: block;
    }

    .copyright:hover .copyright-open {
        display: none;
    }

.dark-skin .copyright {
    color: #222629;
}
/*#endregion*/
/*#region animation*/
@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/*#endregion*/

/*checked*/

.blog {
    position: relative;
    z-index: 50;
}
/*#region blog post*/
.blog-posts-container {
    padding: 10px 0rem;
}

.floatBox-card {
    position: absolute;
}

.blog-title {
    background: #f4f7f6;
    color: #3c4858;
}

    .blog-title .group-post {
        padding: 10rem 1rem 0rem;
    }

.single-post-content {
    padding: 0 4em;
}

    .single-post-content img,
    .single-post-content video {
        max-width: 100%;
    }

.single-post-title {
    padding: 10rem 0rem 0rem;
}

    .single-post-title .category a {
        color: #3c4858;
        margin: 0 1px;
        font-weight: 500;
    }

    .single-post-title .category label {
        pointer-events: none;
    }

    .single-post-title h1,
    .single-post-title p {
        margin-left: auto;
        margin-right: auto;
    }

    .single-post-title ul {
        display: inline-block;
        padding: 1em 0em;
        list-style: none;
        margin: 0;
    }

        .single-post-title ul li {
            float: right;
            color: #18ba60;
            border: 1px solid;
            margin: 5px 0 5px 10px;
            border-radius: 50%;
            opacity: .7;
        }

            .single-post-title ul li:nth-last-child(1) {
                margin-left: 0;
            }

            .single-post-title ul li:hover {
                opacity: 1;
            }

            .single-post-title ul li a {
                color: #18ba60;
                display: inline-block;
                padding: 6px;
            }

    .single-post-title img,
    .single-post-title video {
        max-width: 100%;
        /* min-width: 100%; */
        height: auto;
    }

.blog-title h1 small {
    font-size: .5em;
    color: #8492a6;
    font-weight: 300;
    display: block;
    line-height: 1em;
}

.blog-title h1 {
    margin: 1em 0;
    font-weight: 300;
}

.single-post {
    background: #f4f7f6;
}

.newsletter input[type=text] {
    box-shadow: inset 0 0 0 1px #e0e6ed;
    border: none;
    background-color: #fff;
}

.newsletter .btn {
    left: 0;
    background: #1fb6ff;
    color: #fff;
    border: none;
    margin: 0;
    padding: 0 1em;
    height: 40px;
}

.newsletter div {
    display: inline-block;
}

    .newsletter div:nth-child(1) {
        min-width: 250px;
    }

.blog-title p {
    color: #000;
}

.blog-posts {
    padding: .5em;
    margin: 0;
    background: #f4f7f6;
}

.blog-post {
    padding: .5rem;
}

    .blog-post > div {
        background: #fff;
    }

    .blog-post.expired > div {
        background-color: rgba(0,0,0,.1);
        background-image: url('../file/image/app/loading.png');
        background-position: center;
        background-size: 75px;
        background-repeat: no-repeat;
    }

    .blog-post > div {
        background-color: #fff;
        position: relative;
        min-height: 100%;
        /* box-shadow: 0 0 0 1px #eff2f7; */
        -webkit-transition: all .35s;
        -moz-transition: all .35s;
        -o-transition: all .35s;
        transition: all .35s;
    }

    .blog-post.expired .blog-post-image,
    .blog-post.expired .blog-post-content,
    .blog-post.expired .post-category {
        opacity: 0;
    }

.blog-post-image {
    padding: 0;
    padding-top: 60%;
    min-height: 100%;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #efefef;
}

    .blog-post-image .post-share {
        position: absolute;
        text-align: center;
        top: 50%;
        left: 50%;
        width: 100%;
        display: block;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        padding: 0;
        margin: 0;
        z-index: 100;
    }

        .blog-post-image .post-share li {
            /* float: right; */
            display: inline-block;
            list-style-type: none;
            color: #fff;
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -o-transform: scale(0);
            transform: scale(0);
            -webkit-transition-property: transform,opacity;
            -moz-transition-property: transform,opacity;
            -o-transition-property: transform,opacity;
            transition-property: transform,opacity;
            -webkit-transition-duration: .2s;
            -moz-transition-duration: .2s;
            -o-transition-duration: .2s;
            transition-duration: .2s;
            opacity: 0;
        }

            .blog-post-image .post-share li a {
                color: #fff;
                text-decoration: none !important;
                font-size: 2em;
            }

            .blog-post-image .post-share li:nth-child(1) {
                -webkit-transition-delay: .05s;
                -moz-transition-delay: .05s;
                -o-transition-delay: .05s;
                transition-delay: .05s;
            }

            .blog-post-image .post-share li:nth-child(2) {
                -webkit-transition-delay: .1s;
                -moz-transition-delay: .1s;
                -o-transition-delay: .1s;
                transition-delay: .1s;
            }

            .blog-post-image .post-share li:nth-child(3) {
                -webkit-transition-delay: .15s;
                -moz-transition-delay: .15s;
                -o-transition-delay: .15s;
                transition-delay: .15s;
            }

            .blog-post-image .post-share li:nth-child(1) {
                -webkit-transition-delay: .2s;
                -moz-transition-delay: .2s;
                -o-transition-delay: .2s;
                transition-delay: .2s;
            }

    .blog-post-image:hover .post-share li {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    .blog-post-image img,
    .blog-post-image video {
        width: 100%;
        height: 100%;
        position: absolute;
        object-fit: cover;
        -webkit-transition: transform .35s,opacity .35s;
        -moz-transition: transform .35s,opacity .35s;
        -o-transition: transform .35s,opacity .35s;
        transition: transform .35s,opacity .35s;
        -webkit-transform-origin: 50% 50%;
        -moz-transform-origin: 50% 50%;
        -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        top: 50%;
        left: 50%;
        opacity: .8;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

a, a:visited {
    color: inherit;
}

    a:hover, a:active {
        color: #13ce66;
    }

p a, p a:visited {
    color: #13ce66;
}

.blog-post-content {
    padding: 0em .5em 2em;
    background: transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .blog-post-content label {
        font-size: 1em;
    }

    .blog-post-content h1 {
        text-transform: uppercase;
        color: rgba(34, 38, 41, 1);
        font-weight: 400;
        margin-bottom: .5em;
    }

.news-post-readmore {
    color: #000;
    font-weight: 300;
}

.news-post-content .news-title {
    padding: 5px 0 0;
}

.news-title p {
    margin: 5px 0 0;
    color: #666;
}

.blog-post-image:hover img,
.blog-post-image:hover video {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1.5);
    -moz-transform: translateX(-50%) translateY(-50%) scale(1.5);
    -o-transform: translateX(-50%) translateY(-50%) scale(1.5);
    transform: translateX(-50%) translateY(-50%) scale(1.5);
    opacity: 1;
}

.blog-post-image a.poster-link::before {
    opacity: 0;
    pointer-events: none;
    z-index: 100;
    background: rgba(19, 206, 102, 0.9);
    background: rgba(0, 0, 0, 0.5);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transition: opacity .35s;
    -moz-transition: opacity .35s;
    -o-transition: opacity .35s;
    transition: opacity .35s;
}

.post-category {
    padding: 0 1em;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    z-index: 500;
}

.bilboard .post-category {
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;
    padding: 0;
    margin: 1em 0 1.5em;
}

.post-category a {
    background: #13ce66;
    padding: 1px 5px;
    color: #fff;
    display: inline-block;
    font-size: 1em;
    text-decoration: none !important;
}

    .post-category a label {
        font-size: inherit;
        color: inherit;
        pointer-events: none;
    }

.blog-post-image:hover a.poster-link::before {
    opacity: 1;
}

.blog-share {
    padding: 0;
    margin: 0;
}

    .blog-share li {
        list-style: none;
        padding: 1em;
        border-bottom: 1px solid rgba(41,41,41,.1);
        color: #222629;
    }

        .blog-share li:nth-last-child(1) {
            border-bottom: none;
        }

        .blog-share li a {
            color: inherit;
        }


.blog-post-content p {
    color: #000;
    /* display: none; */
}

.post-publisher-info {
    color: #333;
    font-weight: 300;
    font-size: 1em;
}

    .post-publisher-info strong {
        font-size: 1em;
    }

    .post-publisher-info span {
        color: #666;
    }

.blog-post-readmore {
    width: 100%;
    padding: .4em 1em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 25px;
    text-align: center;
    border: 1px solid #e0e6ed;
    color: #3c4858;
    display: block;
    text-decoration: none !important;
    font-size: 1.2em;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    background-color: #c5d83f;
    color: #000;
}

    .blog-post-readmore:active, .blog-post-readmore:visited {
        color: #3c4858;
        color: #c5d83f;
        background-color: #000;
    }

    .blog-post-readmore:hover {
        background: #13ce66;
        /* color:#fff; */
        /* border-color:#13ce66; */
    }

.tags a {
    color: #4a4f56;
    background: #e2e5e7;
    padding: 5px;
    margin: 5px;
    display: inline-block;
}

    .tags a span {
        white-space: nowrap;
        float: right;
    }
/*#endregion*/
.btn.btn_default {
    border: none;
    /* border-radius: 25px; */
    background: #18ba60;
    color: #fff;
}

/*#region footer*/
.blog-footer {
    background-color: #29282e;
    color: #fff;
    z-index: 10;
    position: relative;
    padding: 1em;
    box-sizing: border-box;
}

    .blog-footer ul {
        display: inline-block;
        list-style: none;
        padding: 0;
    }

    .blog-footer h3 {
        font-weight: 500;
        color: #ffffff;
    }

    .blog-footer ul li {
        color: #fff;
        margin: 5px 0 5px 0px;
    }

        .blog-footer ul li:nth-last-child(1) {
            margin-left: 0;
        }

        .blog-footer ul li:hover {
            opacity: .8;
        }

    .blog-footer a {
        color: #757575;
        display: inline-block;
        padding: 6px;
    }

        .blog-footer a:hover {
            color: #13ce66;
        }

/*#endregion*/
/*#region mediaQuery*/

/*xxsd*/
@media only screen and (min-width:320px) {
}
/*xsd*/
@media only screen and (min-width:321px) {
}

@media only screen and (min-width:425px) {
    .blog-post-content {
        padding: 0em 1em 1em;
        /* display: none; */
    }

    .blog-title .group-post {
        padding: 10rem 1.5rem 0rem;
    }
}
/*sd*/
@media only screen and (min-width:480px) {
    .about-section .about-text p {
        padding: 0 1em;
    }

    .blog-footer {
        padding: 1em 2em;
    }
}

@media only screen and (min-width:500px) {
    h1 span {
        display: block;
    }


    .service-list {
        padding: 0 1em;
    }

    .single-post .single-post-content {
        padding: 1em;
    }
}
/*nd*/
@media only screen and (min-width:600px) {
    .about-section .about-text p {
        padding: 0 2em;
    }

    .service-section {
        text-align: left;
    }

    .service-list li:nth-child(2n+1) {
        text-align: right;
    }

    .blog-footer {
        padding: 1em 3em;
    }
}
/*ld*/
@media only screen and (min-width:768px) {
    .blog-footer,
    .blog-footer ul {
        text-align: initial;
    }

    .service-list {
        padding: 0 3em;
    }

    .about-section .about-text p {
        padding: 0 5em;
    }


    .contact-section .locationInfo {
        text-align: right;
    }

    .location-info {
        margin-top: 0;
    }

    .kazan {
        right: 0%;
        -webkit-transform: translateY(-50%) translateX(0%);
        -moz-transform: translateY(-50%) translateX(0%);
        -o-transform: translateY(-50%) translateX(0%);
        transform: translateY(-50%) translateX(0%);
        font-size: 9em;
    }

    .wedown {
        font-size: 9em;
    }

    .single-post .single-post-content {
        padding: 2em;
    }
}
/*xld*/
@media only screen and (min-width:992px) {

    .service-list {
        padding: 0 5em;
    }

    .kazan {
        right: 0%;
        -webkit-transform: translateY(-50%) translateX(0%);
        -moz-transform: translateY(-50%) translateX(0%);
        -o-transform: translateY(-50%) translateX(0%);
        transform: translateY(-50%) translateX(0%);
        font-size: 9em;
    }

    .blog-footer {
        padding: 0;
    }
}

@media only screen and (min-width:1024px) {
}
/*xxld*/
@media only screen and (min-width:1200px) {
    .service-list {
        padding: 0 5em;
    }

    .kazan {
        font-size: 12em;
    }

    .wedown {
        font-size: 12em;
    }

    .intro .title h1 {
        font-size: 11em;
    }

    .single-post .single-post-content {
        padding: 3em;
    }
}

@media only screen and (min-width:1400px) {
    .kazan {
        font-size: 15em;
    }

    .wedown {
        font-size: 15em;
    }

    .intro .title h1 {
        font-size: 13em;
    }
}

@media only screen and (min-width:1500px) {
    .kazan {
        font-size: 20em;
    }

    .wedown {
        font-size: 20em;
    }
}
/*#endregion*/

/*#region inline*/
.popUpPanel {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    display: none;
    z-index: 1000;
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
}

    .popUpPanel .popUpContent {
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform: translateX(-50%) translateY(-50%) rotateY(-70deg);
        -moz-transform: translateX(-50%) translateY(-50%) rotateY(-70deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotateY(-70deg);
        transform: translateX(-50%) translateY(-50%) rotateY(-70deg);
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        opacity: 0;
    }

    .popUpPanel.show .popUpContent {
        transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%) rotateY(0deg);
        -moz-transform: translateX(-50%) translateY(-50%) rotateY(0deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotateY(0deg);
        transform: translateX(-50%) translateY(-50%) rotateY(0deg);
        opacity: 1;
    }

.search-panel, .category-panel, .share-panel {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    display: none;
    z-index: 1000;
}

.search-button {
    font-family: site-icon;
    font-size: 2em;
    border: none;
    background: transparent;
    position: absolute;
    cursor: pointer;
    top: 0;
    line-height: 60px;
    height: 60px;
    width: 60px;
    left: 0;
}

.search-panel.active, .category-panel.active, .share-panel.active {
    display: block;
}

.share-panel .share-title {
    background-color: #13ce66;
    color: #fff;
    font-size: 1.2em;
    padding: .5em 10px 1em;
    display: block;
    text-align: center;
}

.share-panel {
    color: #000;
    text-align: center;
}

    .share-panel .share-summary {
        background-color: #fff;
        color: #000;
        padding: 1.2em 10px;
        display: block;
    }

        .share-panel .share-summary strong {
            font-weight: 500;
            color: inherit;
        }

    .share-panel ul {
        background-color: #13ce66;
        color: #fff;
        width: 100%;
        padding: 1em 0;
        margin: 0;
        text-align: center;
    }

        .share-panel ul li {
            display: inline-block;
            margin: 0 5px;
        }

            .share-panel ul li a {
                color: #fff;
                display: block;
                font-size: 1.2em;
                width: 2.5em;
                height: 2.5em;
                line-height: 2.5em;
                border: 1px solid;
                border-radius: 50%;
                font-size: 1.5em;
            }

                .share-panel ul li a:hover {
                    color: #13ce66;
                    background: #fff;
                }

.search-panel .search-control {
    position: absolute;
    z-index: 1000;
    width: 100%;
    top: 0;
    left: 0;
    padding: 3em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #13ce66;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all .2s 0s;
    -moz-transition: all .2s 0s;
    -o-transition: all .2s 0s;
    transition: all .2s 0s;
    z-index: 100;
}

.category-panel .category-control {
    position: absolute;
    z-index: 1000;
    width: 100%;
    height: 100%;
    max-width: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 500px;
    top: 50%;
    left: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    z-index: 100;
}

    .category-panel .category-control strong {
        background-color: #13ce66;
        color: #fff;
        font-size: 1.2em;
        padding: 1em 10px;
        display: block;
    }

.share-panel .share-control {
    position: absolute;
    z-index: 1000;
    width: 100%;
    max-height: 100%;
    max-width: 400px;
    top: 50%;
    left: 50%;
    padding: 0em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    z-index: 100;
}

.search-panel.show .search-control {
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -o-transform: translateY(0%);
    transform: translateY(0%);
    color: #fff;
}

.search-panel .search-control .textbox {
    height: 60px;
    background: #fff;
    display: block;
    margin: 0em;
    width: 100%;
    padding: 0 60px;
    max-width: initial;
    border-bottom: none;
}

.search-panel .search-control .search-button:hover {
    background: #11ad56;
    color: #fff;
}

.search-panel .search-panel-shadow,
.category-panel .category-panel-shadow,
.share-panel .share-panel-shadow {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    opacity: 0;
    -webkit-transition: all .2s 0s;
    -moz-transition: all .2s 0s;
    -o-transition: all .2s 0s;
    transition: all .2s 0s;
    pointer-events: none;
    z-index: 99;
}

.search-panel.show .search-panel-shadow,
.category-panel.show .category-panel-shadow,
.share-panel.show .share-panel-shadow {
    opacity: 1;
}

.close-search-panel {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background: rgba(0,0,0,.1);
    color: #fff;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
}



.taxonomyHirachy {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    background-color: #fff;
    padding: 1em;
    margin: 0;
}

    .taxonomyHirachy .hirachyPanel {
        padding: 1px;
    }

    .taxonomyHirachy li a {
        display: block;
        padding: .5em.2em;
        margin-bottom: 3px;
        color: #000;
    }

        .taxonomyHirachy li a:hover {
            color: #13ce66;
        }

    .taxonomyHirachy .hirachyPanel .hirachyPanel {
        margin-top: 0;
    }

    .taxonomyHirachy .taxonomyHirachy {
        padding: 1px 2em 1px;
    }

        .taxonomyHirachy .taxonomyHirachy li {
            padding: 1px 1em 1px;
        }

    .taxonomyHirachy input[type=checkbox] + label {
        font-size: 1em;
        cursor: pointer;
    }

    .taxonomyHirachy input[type=checkbox].disabled {
        visibility: hidden;
        opacity: 0;
    }

        .taxonomyHirachy input[type=checkbox].disabled,
        .taxonomyHirachy input[type=checkbox].disabled + label {
            pointer-events: none;
        }
/*#endregion*/


h2 {
    font-weight: 300;
    color: #000;
}

.btn.btn_userDo {
    color: #fff;
    background-color: #c03a2b;
    border-color: #c03a2b;
    opacity: 1;
    margin: 0;
}


    .btn.btn_userDo:hover {
        color: #fff;
        background-color: #efb432;
        border-color: #c03a2b;
    }

ul.tools {
    list-style: none;
    padding: 0;
    margin: 0;
}

    ul.tools li {
        float: right;
        line-height: 4rem;
        height: 4rem;
        text-align: center;
        border-left: 1px solid rgba(0,0,0,.09);
    }

        ul.tools li button {
            background: transparent;
        }

.search-box {
    width: 35rem;
    position: relative;
    background: white;
}

    .search-box input[type=text] {
        width: 100%;
        /* background-color: #fff; */
        opacity: .8;
        border: none;
        max-width: 100%;
        line-height: inherit;
        height: 100%;
        margin: 0;
        padding-left: 45px;
        padding-right: 10px;
        box-sizing: border-box;
    }

.en .search-box input[type=text] {
    padding-right: 45px;
    padding-left: 10px;
}

.search-box input[type=text]:hover {
    opacity: 1;
}

.search-box .btn {
    background: none;
    border: none;
    position: absolute;
    height: 4rem;
    top: 0;
    left: 0;
    right: initial;
    width: 4rem;
    color: #555;
    padding: 0;
    margin: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-family: "site-icon";
}

    .search-box .btn:hover {
        color: #11cc7a;
    }

.en .search-box .btn {
    left: initial;
    right: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.single-post-title,
.single-post-title p {
    text-align: center;
}

    .single-post-title .lazyLoadContainer {
        position: relative;
    }


/*#region partner*/
.partner-section {
    background: #18ba60;
}

    .partner-section .ceo {
        display: table-row;
    }

        .partner-section .ceo > div {
            display: table;
            min-height: 100%;
            width: 100%;
        }

            .partner-section .ceo > div > div {
                display: table-cell;
                vertical-align: middle;
                /* text-align:center; */
            }

        .partner-section .ceo .nobka_ceo {
            font-size: 1.2em;
            padding: 1em 1em;
            border-bottom: 1px solid #e7edf1;
        }

            .partner-section .ceo .nobka_ceo:nth-last-child(1) {
                border-bottom: 0px;
            }

            .partner-section .ceo .nobka_ceo div:nth-child(1) {
                font-size: 1em;
                display: block;
                line-height: 1em;
                margin-bottom: 1em;
                font-weight: 500;
            }

            .partner-section .ceo .nobka_ceo div:nth-child(2) {
                font-size: .8em;
                color: #8b99a2;
                font-weight: 300;
                text-align: justify;
            }

    .partner-section .dt {
        display: table;
    }

    .partner-section .title {
        color: #1e2022;
        /* display: table-row; */
        height: 100%;
    }

        .partner-section .title h2 {
            margin-bottom: .4em;
        }

            .partner-section .title h2 a {
                color: inherit;
            }

.pcmp {
    /* border-top:1px solid #e7edf1; */
    /* padding: 1em; */
    text-align: center;
}

    .pcmp .container {
        border-top: 1px solid #e7edf1;
        border-right: 1px solid #e7edf1;
    }

        .pcmp .container .panel {
            padding: 0;
        }

    .pcmp .panel > div {
        /* width:100%; */
        /* padding-top:100%; */
        border-left: 1px solid #e7edf1;
        border-bottom: 1px solid #e7edf1;
        position: relative;
    }

    .pcmp a {
        display: inline-block;
        margin: 1em;
        position: relative;
        /* height: 35px; */
        /* position: relative; */
        /* text-align: center; */
        /* position: absolute; */
        /* top: 50%; */
        /* left: 50%; */
        /* width: 100%; */
        /* display: block; */
        /* -webkit-transform: translate(-50%,-50%); */
        -moz-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        /* transform: translate(-50%,-50%); */
        text-align: center;
        /* padding-top: 100%; */
    }

        .pcmp a img {
            height: 4rem;
            /* max-height: 100%; */
            /* top: 50%; */
            /* position: absolute; */
            /* width: 80%; */
            -webkit-filter: grayscale(1);
            -moz-filter: grayscale(1);
            filter: grayscale(1);
            /* left: 50%; */
            /* -webkit-transform: translate(-50%,-50%); */
            -moz-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            /* transform: translate(-50%,-50%); */
        }

        .pcmp a:hover img {
            -webkit-filter: grayscale(0);
            -moz-filter: grayscale(0);
            filter: grayscale(0);
        }
.contact-section {
    color: #fffefe;
    text-align: center
}

    .contact-section .background {
        top: 0;
        z-index: -1;
        opacity: 1;
        width: 50%;
        left: 0
    }

    .contact-section .scroller-wrapper {
        display: block
    }

    .contact-section .map-container {
        pointer-events: none;
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        top: 0;
        left: 0
    }

    .contact-section.mapview .map-container {
        pointer-events: initial
    }

    .contact-section .close-map {
        background: rgba(19,206,102,.85);
        z-index: 1;
        position: absolute;
        width: 3em;
        height: 3em;
        top: 6em;
        right: 6em;
        cursor: pointer;
        display: none
    }

    .contact-section.mapview .close-map {
        display: block
    }

    .contact-section .contact-title p {
        font-size: 1em;
        margin: 0;
        font-weight: 400;
        max-width: 80%;
        color: rgba(0,0,0,.6)
    }

    .contact-section h2 {
        margin-bottom: 5px
    }

.contactInfo a {
    font-weight: 400;
    margin-bottom: 5px
}

.contactInfo ul li {
    display: inline-block;
    border-radius: 50%;
    margin: 5px
}

    .contactInfo ul li a {
        display: block;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
        text-align: center;
        color: #eee;
        opacity: 1
    }

        .contactInfo ul li a:hover {
            color: #fff
        }

.contact-section strong {
    font-weight: 400;
    font-weight: 500;
    font-size: 1.1em;
    border-bottom: 1px solid #efefef;
    display: block;
    margin-bottom: 1em;
    padding-bottom: .4em
}

.contact-frm .btn {
    color: rgba(19,206,102,1);
    margin-top: 1em;
    border-radius: 0;
    opacity: 1
}

    .contact-frm .btn:hover {
        background-color: rgba(19,206,102,1);
        color: #fff
    }

.contact-frm input[type=text], .contact-frm textarea {
    max-width: 100%;
    width: 100%;
    display: block;
    color: #fff;
    width: 100%;
    background-color: rgba(0,0,0,.1);
    opacity: .8;
    border: none;
    max-width: 100%;
    line-height: 4rem;
    height: 4rem;
    margin-top: 1rem;
    padding-left: 45px;
    padding-right: 10px;
    box-sizing: border-box
}

.contact-frm label {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 1rem;
    right: 0;
    transition: all .3s;
    font-size: 1em
}

.contact-frm input[type=text]:focus + label, .contact-frm textarea:focus + label, .contact-frm input[type=text].filled + label, .contact-frm textarea.filled + label {
    top: 0%
}

.contact-frm input[type=text]:hover, .contact-frm textarea:hover {
    background: rgba(0,0,0,.2)
}

/*#endregion*/