/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/


/* 
    Created on : 29-Dec-2015, 08:38:07
    Author     : Mansaf Jafran
*/

@import 'config';
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-track {
    background-color: #ccc;
    right: 1px solid #fff;
}

::-webkit-scrollbar-thumb {
    background-color: $clr_3;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #000;
}

body {
    background: #ececec;
    max-width: 10000px;
    font-family: $font_6;
    font-size: 14px;
    overflow-x: hidden;
    position: relative;
    margin: 0 auto;
    * {
        /*border: 1px solid red;*/
    }
}

html {
    overflow-x: hidden;
}

html,
body {
    /*min-width: 1141px;*/
}

.hide {
    display: none;
}

p {
    line-height: 22px;
}

.right {
    float: right;
}

.right {
    right: 0;
}

.margin-left {
    float: margin-left;
}

.margin-left {
    margin-left: 0;
}

.rtl {
    direction: rtl;
}

.clear:after {
    clear: both;
    display: block;
    content: ' ';
}

.p-relative {
    position: relative;
}

.p-absolute {
    position: absolute;
}

.v-center {
    top: 50%;
    transform: translateY(-50%);
}

.h-center {
    right: 50%;
    transform: translateX(-50%);
}

.v-h-center {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.clear-float {
    display: block;
    clear: both;
    height: 1px;
}

br.minus {
    margin-bottom: -20px;
    display: block;
    content: '';
}

.wrapper {
    width: $wrapper_width;
    margin: 0 auto;
    position: relative;
}

.title-b {
    display: block;
}

.margin-zero {
    margin: 0 !important;
}

.margin-top-zero {
    margin-top: 0 !important;
}

.margin-bottom-zero {
    margin-bottom: 0 !important;
}

br {
    &.px-10 {
        content: " ";
        display: block;
        margin: 10px 0 0;
        line-height: 10px;
    }
    &.px-20 {
        content: " ";
        display: block;
        margin: 20px 0 0;
        line-height: 20px;
    }
    &.px-30 {
        content: " ";
        display: block;
        margin: 30px 0 0;
        line-height: 30px;
    }
    &.px-40 {
        content: " ";
        display: block;
        margin: 40px 0 0;
        line-height: 40px;
    }
    &.px-50 {
        content: " ";
        display: block;
        margin: 50px 0 0;
        line-height: 50px;
    }
    &.px-60 {
        content: " ";
        display: block;
        margin: 60px 0 0;
        line-height: 60px;
    }
    &.px-70 {
        content: " ";
        display: block;
        margin: 70px 0 0;
        line-height: 70px;
    }
    &.px-80 {
        content: " ";
        display: block;
        margin: 80px 0 0;
        line-height: 80px;
    }
    &.px-90 {
        content: " ";
        display: block;
        margin: 90px 0 0;
        line-height: 90px;
    }
    &.px-100 {
        content: " ";
        display: block;
        margin: 100px 0 0;
        line-height: 100px;
    }
    &.px-10-minus {
        content: " ";
        display: block;
        margin: -10px 0 0;
        line-height: 0px;
    }
    &.px-20-minus {
        content: " ";
        display: block;
        margin: -20px 0 0;
        line-height: 0px;
    }
    &.px-30-minus {
        content: " ";
        display: block;
        margin: -30px 0 0;
        line-height: 0px;
    }
    &.px-40-minus {
        content: " ";
        display: block;
        margin: -40px 0 0;
        line-height: 0px;
    }
    &.px-50-minus {
        content: " ";
        display: block;
        margin: -50px 0 0;
        line-height: 0px;
    }
    &.px-60-minus {
        content: " ";
        display: block;
        margin: -60px 0 0;
        line-height: 0px;
    }
}

.common-a {
}

.common-title {
}

.common-btn {
}
 
i.readmore {
    color: #0090ff;
    font-size: 19px;  
    font-weight: 500;
    position: relative;
    top: 0px;
    right: 3px;
    line-height: 15px;
}

.post-img {
    width: 100%;
    /*height: 405px;*/
    overflow: hidden;
    img {
        width: 100%;
        min-height: 100%;
    }
}

header {
    padding: 54.5px 0 53.5px;
    background: #fff;
    .wrapper.first {
        height: 73px;
        z-index: 99999;
        .inner {
            display: none;
        }
    }
    .logo1 {
        float: right;
        width: 247px;
    }
    .menu {
        float: right;
        width: calc(100% - 250px - 244.5px);
        padding: 0 20px;
        position: relative;
        text-align: center;
        padding-top: 26px;
        >li {
            display: inline-block;
            line-height: 15px;
            padding: 3.5px 25px 0 21px;
            padding-bottom: 15px;
            position: relative;
            >a {
                font-weight: bold;
                font-size: 16px;
                color: $clr_3;
                letter-spacing: -.5px;
                &:hover {
                    color: $clr_4;
                }
            }
            &:after {
                content: ' ';
                position: absolute;
                top: 0px;
                left: 0;
                border-left: 1px solid #001c43;
                height: 21px;
            }
            &:last-child:after {
                display: none;
            }
            .sub-menu {
                display: none;
                top: 35px;
                position: absolute;
                z-index: 999;
                width: 177px;
                right: -25px;
                text-align: right;
                background: $clr_3;
                color: #fff;
                border: 1px solid $clr_3;
                padding: 36px 38px;
                &:before {
                    content: ' ';
                    position: absolute;
                    right: 32px;
                    top: -1px;
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 7px 8px 0 8px;
                    border-color: #fff transparent transparent transparent;
                }
                li a {
                    display: block;
                    margin-bottom: 20px;
                    &:hover {
                        color: $clr_4;
                    }
                }
                li:last-child a {
                    margin-bottom: 0;
                }
            }
            &:hover .sub-menu {
                display: block;
            }
        }
        .current-menu-item {
            >a {
                color: #8ed8f8;
            }
        }
    }
    .search-form {
        float: left;
        position: relative;
        margin-top: 19px;
        width: 202px;
        input {
            outline: none;
            border-radius: 0;
            -webkit-appearance: none;
        }
        input[type="text"] {
            border: none;
            border-bottom: 1px solid $clr_3;
            width: 100%;
            height: 34px;
            line-height: 36px;
        }
        input[type="submit"] {
            cursor: pointer;
            position: absolute;
            left: 0;
            height: 34px;
            width: 35px;
            border: none;
            background: $clr_3 url(../img/search.png) no-repeat center center;
            background-size: 17px;
        }
        @include placeholder {
            font-family: $font_6;
            color: #939598;
            font-size: 14px;
        }
    }
    .wpml-ls-legacy-list-horizontal {
        display: inline-block;
        float: left;
        color: #00203e;
        font-weight: bold;
        clear: none !important;
        margin-top: 19px;
        margin-right: 10px;
        .wpml-ls-item {
            padding: 0;
            margin: 0;
            list-style-type: none;
            display: inline-block;
        }
        a {
            font-family: $font_7;
            width: 35px;
            height: 34px;
            font-weight: bold;
            color: #00203e;
            font-size: 14px;
            border: 1px solid #00203e;
            display: block;
            text-decoration: none;
            line-height: 36px;
            vertical-align: middle;
            letter-spacing: 1px;
            text-align: center;
            font-stretch: expanded;
        }
    }
}

.page-common-title {
    line-height: 16px;
    padding: 13px 41px 12px;
    color: #fff;
    /*font-weight: 600;*/
    font-size: 16px;
}

.page-common-title-2 {
    position: relative;
    color: #00203e;
    right: 27px;
    line-height: 18px;
    font-weight: 600;
    font-size: 35px;
    &:before {
        content: ' ';
        position: absolute;
        width: 10px;
        height: 10px;
        right: 0;
        top: 5px;
        background: #00203e;
        border-radius: 10px;
    }
}


/*.category-type-1 {
    background: #459b44;
}

.category-type-2 {
    background: #2eb096;
}

.category-type-3 {
    background: #164b91;
}

.category-type-4 {
    background: #35a1ae;
}*/

.common-a {
    @include delay(.2s);
    color: $clr_5;
    &:hover {
        color: $clr_3;
    }
}

.content-sidebar {
    margin-top: 41px;
    margin-bottom: 41px;
    position: relative;
    .common-title-1 {
        font-weight: 700;
        font-size: 27px;
        line-height: 27px;
        color: $clr_3;
    }
    .common-title-2 {
        font-size: 13px;
        font-weight: 700;
        position: relative;
        color: #00203e;
        padding-right: 20px;
        border-top: 3px solid #00203e;
        /*        right: 20px;*/
        padding-top: 9px;
        padding-bottom: 37.5px;
        text-transform: uppercase;
        /*background: url(../img/side-bar-tiitle.png) no-repeat right 6px;*/
        i {
            position: absolute;
            right: -0.50px;
            top: 6px;
            font-size: 16px;
            font-family: 'Wingdings';
        }
        &.special {
            border-top: 3px solid #8ed8f8;
        }
        /*            &.type-1{
                        background: #282828;
                    }
                    &.type-2{
                        background: #1946b9;
                    }*/
    }
    hr.common {
        display: block;
        height: 3px;
        margin: 0;
        border-top: 3px solid #00203e;
    }
    .content {
        float: right;
        width: calc(100% - 382px - 42px);
        &.full {
            width: calc(100%);
        }
        .post-blk {
            background: #fff;
            /*box-shadow: 2px 2px 2px #e0e0e0;*/
            margin-bottom: 20px;
            .page-common-title {
                position: relative;
                border-top: 3px solid #8ed8f8;
                z-index: 1;
                background: #ffffff !important;
                font-weight: 400;
                font-size: 15px;
                padding: 11px 41px 14px;
                &:before {
                    content: ' ';
                    position: absolute;
                    right: 0%;
                    top: -3px;
                    width: 50%;
                    height: calc(100% + 2px);
                    z-index: -1;
                    background: #001c43;
                    /* Old browsers */
                    background: -moz-linear-gradient(right, #001c43 0%, #8ed8f8 100%);
                    /* FF3.6-15 */
                    background: -webkit-linear-gradient(right, #001c43 0%, #8ed8f8 100%);
                    /* Chrome10-25,Safari5.1-6 */
                    background: linear-gradient(to margin-left, #001c43 0%, #8ed8f8 100%);
                    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                    // filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#001c43', endColorstr='#8ed8f8', GradientType=1);
                    /* IE6-9 */
                }
                .days {
                    position: absolute;
                    margin-left: 0;
                    bottom: 0;
                    background: #fff;
                    color: #000;
                    padding: 8px 41px 7px;
                    font-weight: 400;
                    left: 0;
                }
            }
            .post-content {
                padding: 36px 41px 41px 41px;
                right: 1px solid #f2f2f2;
                h6 {
                    font-weight: 700;
                    font-size: 25px;
                    line-height: 28px;
                    color: #00203e;
                    &:hover {
                        color: $clr_5;
                    }
                }
                p {
                    line-height: 18px;
                    margin: 7px 0 14.5px;
                }
                .img {
                    height: 323px;
                    overflow: hidden;
                    width: 100%;
                    img {
                        width: 100%;
                        min-height: 100%;
                    }
                }
            }
        }
        .posts-readmore {
            display: block;
            margin-top: -7px;
            font-weight: 500;
            &.next {
                display: inline;
                float: left;
            }
        }
        .previous {
            float: right;
            margin-top: -7px;
            font-weight: 500;
        }
    }
    .sidebar {
        float: left;
        width: 382px;
        margin-right: 41px;
        padding: 41px 41px 40.5px;
        left: 0;
        background: #fff;
        .btn {
            display: block;
            text-decoration: underline;
            color: #353535;
            opacity: 1;
            @include opacityAnimation2;
        }
        .blk {
            margin-bottom: 35.5px;
            .blk-content {
                padding: 20px 0;
            }
            &.type-2 {
                .page-common-title {
                    padding-bottom: 33.5px;
                }
            }
        }
        .post {
            margin-bottom: 30.5px;
            span {
                font-size: 14px;
                line-height: 22px;
                display: block;
                color: #000000;
            }
            .title {
                font-weight: 800;
                font-size: 18px;
                line-height: 22px;
                margin-bottom: 2px;
                color: $clr_3;
                i.mobile {
                    display: none;
                }
            }
            p {
                margin: 0 auto;
                line-height: 20px;
                margin-top: -2px;
            }
            .post-img {
                width: 100%;
                height: 169px;
                overflow: hidden;
                margin-bottom: 7.5px;
                img {
                    width: 100%;
                    min-height: 100%;
                }
            }
        }
        .magazine {
            margin-bottom: 40.5px;
            img {
                float: right;
                width: 189.5px;
            }
            .text {
                float: right;
                width: calc(100% - 189.5px);
                text-align: center;
                padding: 0 15px;
                min-height: 245.5px;
                position: relative;
                span {
                    display: block;
                    margin: 15.5px 0 13px;
                }
                p {
                    margin: 0;
                    margin-top: -3.5px;
                    line-height: 16px;
                }
                a {
                    color: $clr_5;
                    text-decoration: underline;
                    &:hover {
                        text-decoration: none;
                    }
                }
                .download {
                    display: inline-block;
                    background: url(../img/download.png?v=2) no-repeat center center;
                    padding-bottom: 80px;
                }
                .previous {
                    display: block;
                    text-align: center;
                    position: absolute;
                    width: 100%;
                    right: 0;
                    bottom: 0;
                    color: #000;
                    &:hover {
                        text-decoration: none;
                        color: $clr_5;
                    }
                }
            }
            .btn {
                margin-top: 20px;
            }
        }
        .team {
            border-bottom: 3px solid #00203e;
        }
        .member {
            margin-bottom: 20px;
            &:last-child {
                margin-bottom: 0px;
            }
            .img {
                vertical-align: bottom;
                display: inline-block;
                width: 82.5px;
                height: 102.5px;
                overflow: hidden;
                img {
                    width: 100%;
                    min-height: 100%;
                }
            }
            .dtl {
                vertical-align: bottom;
                display: inline-block;
                width: calc(100% - 100.5px);
                margin-right: 14px;
                padding-top: 20px;
                padding-bottom: 16px;
                border-bottom: 1px solid #b7b7b7;
                span {
                    display: block;
                }
                .name {
                    color: $clr_3;
                    font-weight: 700;
                    margin-bottom: 7.5px;
                }
                .title {
                    font-size: 12px;
                    color: #a1a1a1;
                    line-height: 15px;
                    font-weight: 500;
                }
            }
        }
        .team-2 {
            ul {
                li {
                    margin-bottom: 22px;
                    span {
                        display: block;
                        &.name {
                            font-weight: 700;
                            color: $clr_3;
                            font-size: 14px;
                            margin-bottom: 1px;
                        }
                        &.title {
                            line-height: 16px;
                            color: #4d4d4d;
                            font-size: 12px;
                            margin-bottom: -2px;
                        }
                    }
                }
            }
        }
        .members-readmore {
            display: block;
            margin-top: 29.5px;
            margin-bottom: 11.5px;
            font-weight: 500;
        }
        .link {
            display: block;
            font-size: 24px;
            line-height: 18px;
            margin-top: 42px;
            &.first {
                margin-top: 0px;
            }
            &.board {
                margin-bottom: 18px;
            }
            &:hover {
                color: $clr_5;
            }
        }
        .related-pages {
            hr.common {
                margin-top: 110px;
            }
        }
        &.fixed {
            position: absolute;
            margin-left: 0;
            &.fix-top {
                top: 0px !important;
                bottom: auto !important;
            }
            &.fix-bottom {
                top: auto !important;
                bottom: 0px !important;
            }
        }
    }
    &.home {
        .content {
            width: calc(100% - 338px - 42px);
        }
        .sidebar {
            width: 338px;
            background: none;
            padding: 0;
        }
    }
}

.subscribe {
    background: #fff;
    padding: 80px 0px 54.5px;
    text-align: center;
    h5 {
        font-size: 40px;
        line-height: 32px;
        font-weight: 700;
        color: #00203e;
        margin-bottom: 3.5px;
    }
    p {
        width: 50%;
        display: inline-block;
    }
    form {
        margin-top: 5px;
        position: relative;
        width: 600px;
        display: inline-block;
        height: 41px;
        overflow: hidden;
        input {
            border-radius: 0;
            -webkit-appearance: none;
        }
        input[type="text"],
        input[type="email"] {
            width: 100%;
            height: 41px;
            border: 1px solid #00203e;
            padding-right: 15px;
            direction: rtl;
        }
        input[type="submit"] {
            cursor: pointer;
            position: absolute;
            left: 0;
            top: 0;
            border: none;
            padding: 12.5px 35px;
            background: #00203e;
            color: #fff;
            font-family: $font_3;
            font-weight: bold;
            height: 41px;
            @include opacityAnimation2;
        }
        @include placeholder {
            font-family: $font_6;
            color: #939598;
        }
    }
}

.pagination {
    li {
        float: right;
        margin-left: 20px;
        a {
            display: inline-block;
            min-width: 20px;
            line-height: 20px;
            text-align: center;
            font-weight: bold;
            font-size: 18px;
            &:hover {
                color: #0057b9;
            }
            &.active {
                background: #000;
                color: #fff;
                &:hover {
                    color: #fff;
                }
            }
        }
    }
}

footer {
    padding: 82px 0;
    background: url(../img/footer.jpg) no-repeat center top;
    background-size: cover;
    .footer-top {
        background: #fff;
        padding: 41px;
        padding-bottom: 8px;
    }
    .logo {
        width: 205px;
        margin-bottom: 37.5px;
    }
    .follow {
        display: block;
        font-size: 15px;
        color: $clr_3;
        font-weight: 600;
    }
    .social {
        margin-top: 3.5px;
    }
    .copyright {
        font-size: 10px;
        line-height: 14px;
        width: 250px;
        &.mobile {
            display: none;
        }
    }
    .margin-left {
        font-size: 10px;
        line-height: 14px;
        width: 250px;
        &.mobile {
            display: none;
        }
    }
    .blks {
        right: -50px;
    }
    .blk {
        float: right;
        right: 50px;
        width: calc(25% - 50px);
        &.first {
            width: calc(50% - 50px);
            margin-left: 100px;
        }
        ul li {
            margin-bottom: 15px;
        }
    }
    .social {
        a {
            width: 20px;
            height: 20px;
            display: inline-block;
            margin-left: 5px;
            border: 1px solid $clr_3;
            border-radius: 2px;
            @include delay(.2s);
            &:hover {
                opacity: .8;
            }
        }
        .fb {
            background: url(../img/social-facebook.png) no-repeat center center;
            background-size: 68%;
        }
        .insta {
            background: url(../img/social-instagram.png) no-repeat center 3px;
            background-size: 68%;
        }
        .linkedin {
            background: url(../img/social-linkedin.png) no-repeat center center;
            background-size: 68%;
        }
        .yt {
            background: url(../img/social-yt.png) no-repeat center 4px;
            background-size: 77%;
        }
        .twtr {
            background: url(../img/social-twitter.png) no-repeat center 3px;
            background-size: 68%;
        }
    }
}

.toggle-menu {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    display: none;
    .bar1,
    .bar2,
    .bar3 {
        width: 35px;
        height: 5px;
        background-color: $clr_3;
        margin: 6px 0;
        transition: 0.4s;
        cursor: pointer;
    }
    &.active .bar1 {
        -webkit-transform: rotate(-45deg) translate(-8px, 7px);
        transform: rotate(-45deg) translate(-8px, 7px);
    }
    &.active .bar2 {
        opacity: 0;
    }
    &.active .bar3 {
        -webkit-transform: rotate(45deg) translate(-8px, -8px);
        transform: rotate(45deg) translate(-8px, -8px);
    }
}

.slide-menu {
    display: none;
    position: absolute;
    top: 0;
    right: -340px;
    width: 340px;
    background: $clr_3;
    z-index: 99999;
    padding: 30px;
    padding-top: 20px;
    @include delay(1s);
    &:after {
        content: ' ';
        position: fixed;
        top: 0;
        right: -340px;
        width: 340px;
        height: 100%;
        z-index: -1;
        background: $clr_3;
        @include delay(1s);
    }
    .slide-logo {
        margin-top: 28px;
        width: 182px;
    }
    .top-part {
        margin-bottom: 25px;
        .links {
            text-align: center;
            margin-bottom: 20px;
            margin-left: -30px;
            margin-top: -20px;
            width: calc(100% + 60px);
            background: #2059a8;
            height: 49px;
            padding-top: 16px;
            box-shadow: 3px -2px 5px rgba(0, 0, 0, 0.1098039);
            a {
                color: #fff;
                text-transform: uppercase;
                position: relative;
                padding: 0 15px;
                &:after {
                    content: " ";
                    position: absolute;
                    right: 0;
                    top: 2px;
                    border-left: 1px solid #fff;
                    height: 15px;
                }
                &:last-child:after {
                    display: none;
                }
            }
        }
    }
    .inner {
        margin: 50px 0;
        margin-bottom: 82px;
        ul {
            li {
                font-weight: bold;
                color: #fff;
                padding-top: 5px;
                padding-bottom: 10px;
                &.menu-item-has-children {
                    margin-left: 0;
                    padding-bottom: 0;
                    &>a {
                        display: block;
                    }
                    &.active>a {
                        /*                        background: url(../img/arrow-up.png) no-repeat left top;
                                                background-size: 27px;*/
                    }
                }
                &:last-child {
                    border-bottom: none;
                }
                .sub-menu {
                    width: calc(100% - 30px);
                    margin-left: 20px;
                    margin-top: 8px;
                    .menu-item-type-taxonomy {
                        padding: 5px 0;
                        margin-bottom: 0;
                        &>a {
                            font-weight: normal;
                            display: block;
                        }
                    }
                }
            }
        }
    }
    &>ul {
        margin: 50px 0;
    }
    &>ul>li {
        font-weight: bold;
        text-transform: uppercase;
        color: #fff;
        margin-bottom: 5px;
        padding-top: 5px;
        padding-bottom: 10px;
        border-bottom: 1px dotted #fff;
        &.has-sub {
            margin-left: 0;
            &>span {
                padding-left: 37px;
                background: url(../img/arrow-down.png) no-repeat left top;
                background-size: 27px;
                display: block;
            }
            &.active>span {
                background: url(../img/arrow-up.png) no-repeat left top;
                background-size: 27px;
            }
        }
        &:last-child {
            border-bottom: none;
        }
        &>span a {
            position: relative;
            padding: 0px;
            font-size: 18px;
            line-height: 27px;
        }
        &:first-child a {
            padding-left: 0;
        }
        &:last-child {
            a:after {
                display: none;
            }
            padding-right: 0;
        }
        a {
            @include delay(.2s);
        }
        /*        a:hover{
                    color: #2059a8; 
                }*/
        .sub-menu {
            width: 100%;
            margin-top: 8px;
            display: none;
            .logo {
                width: 180px;
            }
            ul.main {
                width: calc(100% - 30px);
                margin-left: 30px;
                &>li {
                    text-transform: uppercase;
                    border-top: 1px dotted #fff;
                    &.has-sub {
                        &>span {
                            padding-right: 35px;
                            background: url(../img/icons/slide-menu-second-plus.png) no-repeat right 9px;
                            background-size: 13px;
                            display: block;
                        }
                        ul {
                            display: none;
                        }
                        &.active {
                            &>span {
                                background: url(../img/icons/slide-menu-second-minus.png) no-repeat right 9px;
                                background-size: 13px;
                            }
                            ul {
                                display: block;
                            }
                        }
                    }
                    &>a,
                    &>span a {
                        padding: 5px 0;
                        font-weight: normal;
                        display: block;
                    }
                    ul {
                        margin-bottom: 10px;
                        li {
                            position: relative;
                            padding-left: 15px;
                            margin-bottom: 6px;
                            color: #ccc;
                            &:after {
                                content: ' ';
                                position: absolute;
                                left: 0;
                                top: 7px;
                                width: 5px;
                                height: 5px;
                                background: #7a8295;
                            }
                            &:last-child {
                                margin-bottom: 0;
                            }
                            a {
                                font-weight: normal;
                            }
                        }
                    }
                }
            }
        }
        &.active {
            .sub-menu {
                display: block;
            }
        }
    }
    &.active {
        right: 0;
        &:after {
            right: 0;
        }
    }
    .social {
        a {
            width: 20px;
            height: 20px;
            display: inline-block;
            margin-right: 5px;
            border: 1px solid #fff;
            border-radius: 2px;
            @include delay(.2s);
            &:hover {
                opacity: .8;
            }
        }
        .fb {
            background: url(../img/social-facebook-white.png) no-repeat center center;
            background-size: 68%;
        }
        .insta {
            background: url(../img/social-instagram-white.png) no-repeat center center;
            background-size: 68%;
        }
        .linkedin {
            background: url(../img/social-linkedin-white.png) no-repeat center center;
            background-size: 68%;
        }
        .yt {
            background: url(../img/social-yt-white.png) no-repeat center center;
            background-size: 77%;
        }
        .twtr {
            background: url(../img/social-twitter-white.png) no-repeat center center;
            background-size: 68%;
        }
    }
    .wpml-ls-legacy-list-horizontal {
        color: #fff;
        border-color: #fff;
        visibility: hidden;
        position: absolute;
        right: 13px;
        bottom: 111px;
        font-family: $font_7;
        /*        font-weight: bold;*/
        ul {
            li {
                a {
                    span {
                        &::after {
                            content: 'English';
                            visibility: visible;
                            position: absolute;
                        }
                    }
                }
            }
        }
    }
}

.otgs-development-site-front-end {
    display: none;
}