@media (min-width:481px) {
    .main-content {
        padding-top: 80px
    }
}

@media (min-width:768px) {
    .container {
        padding: 0 41px
    }
}

@media (min-width:992px) {
    .align-md-middle {
        vertical-align: middle !important
    }

    .title-drop-dt {
        margin-bottom: 22px
    }

        .title-drop-dt h5 {
            font-weight: 700
        }

    .drop-cus-v2 .nav-item {
        width: 100%;
        font-size: 1rem;
        line-height: 2;
        color: #535353;
        border-bottom: none;
        cursor: pointer
    }

        .drop-cus-v2 .nav-item.active {
            font-weight: 700;
            color: #000;
            border-bottom: none
        }

    .drop-cus-v2 .set-height-js {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width:992px) {
    .main-content {
        padding-top: 110px
    }

    .drop-cus-v2 .nav-item:hover {
        font-weight: 700;
        color: #000
    }
}

@media only screen and (max-device-width:1024px) {
    .touch * {
        cursor: pointer
    }
}

@media (min-width:992px) {
    .container {
        max-width: 1140px;
        padding: 0 45px;
        padding-left: 45px;
        padding-right: 45px
    }
}

@media (min-width:1200px) {
    .container {
        padding: 0 15px
    }

    .arrow-text:hover {
        text-decoration: none
    }

    .style-ul ul {
        padding-left: 70px
    }

    .hover-overlay:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        opacity: 0;
        -webkit-transform: translate(10px,10px);
        -o-transform: translate(10px,10px);
        transform: translate(10px,10px);
        -webkit-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        background-color: #be2b0b
    }

    .hover-overlay:hover:before {
        opacity: .75;
        -webkit-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0)
    }

    .align-xl-middle {
        vertical-align: middle
    }
}

@media screen and (min-width:1024px) {
    .hover-overlay:before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        opacity: 0;
        -webkit-transform: translate(10px,10px);
        -o-transform: translate(10px,10px);
        transform: translate(10px,10px);
        -webkit-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        background-color: #be2b0b
    }

    .hover-overlay:hover:before {
        opacity: .75;
        -webkit-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0)
    }
}

@media (min-width:1281px) and (max-width:1999px) {
    .has-line .container {
        max-width: 100%;
        padding: 0 100px 0 66px
    }
}

@media (min-width:1367px) {
    .container {
        max-width: 1370px;
        padding: 0 80px
    }
}

@media (min-width:1501px) {
    .container {
        padding: 0 15px
    }
}

@media (min-width:768px) {
    .space-ipad-0 {
        height: 0
    }

    .space-ipad-10 {
        height: 10px
    }

    .space-ipad-20 {
        height: 20px
    }

    .space-ipad-30 {
        height: 30px
    }

    .space-ipad-40 {
        height: 40px
    }

    .space-ipad-50 {
        height: 50px
    }

    .space-ipad-60 {
        height: 60px
    }

    .space-ipad-70 {
        height: 70px
    }

    .space-ipad-80 {
        height: 80px
    }

    .space-ipad-90 {
        height: 90px
    }

    .space-ipad-100 {
        height: 100px
    }

    .space-ipad-110 {
        height: 110px
    }

    .space-ipad-120 {
        height: 120px
    }

    .space-ipad-130 {
        height: 130px
    }

    .space-ipad-140 {
        height: 140px
    }

    .space-ipad-150 {
        height: 150px
    }

    .space-ipad-160 {
        height: 160px
    }

    .space-ipad-170 {
        height: 170px
    }

    .space-ipad-180 {
        height: 180px
    }

    .space-ipad-190 {
        height: 190px
    }

    .space-ipad-200 {
        height: 200px
    }

    .space-ipad-210 {
        height: 210px
    }

    .space-ipad-220 {
        height: 220px
    }

    .space-ipad-230 {
        height: 230px
    }

    .space-ipad-240 {
        height: 240px
    }

    .space-ipad-250 {
        height: 250px
    }

    .space-ipad-260 {
        height: 260px
    }

    .space-ipad-270 {
        height: 270px
    }

    .space-ipad-280 {
        height: 280px
    }

    .space-ipad-290 {
        height: 290px
    }

    .space-ipad-300 {
        height: 300px
    }
}

@media (min-width:1025px) {
    .space-dt-0 {
        height: 0
    }

    .space-dt-10 {
        height: 10px
    }

    .space-dt-20 {
        height: 20px
    }

    .space-dt-30 {
        height: 30px
    }

    .space-dt-40 {
        height: 40px
    }

    .space-dt-50 {
        height: 50px
    }

    .space-dt-60 {
        height: 60px
    }

    .space-dt-70 {
        height: 70px
    }

    .space-dt-80 {
        height: 80px
    }

    .space-dt-90 {
        height: 90px
    }

    .space-dt-100 {
        height: 100px
    }

    .space-dt-110 {
        height: 110px
    }

    .space-dt-120 {
        height: 120px
    }

    .space-dt-130 {
        height: 130px
    }

    .space-dt-140 {
        height: 140px
    }

    .space-dt-150 {
        height: 150px
    }

    .space-dt-160 {
        height: 160px
    }

    .space-dt-170 {
        height: 170px
    }

    .space-dt-180 {
        height: 180px
    }

    .space-dt-190 {
        height: 190px
    }

    .space-dt-200 {
        height: 200px
    }

    .space-dt-210 {
        height: 210px
    }

    .space-dt-220 {
        height: 220px
    }

    .space-dt-230 {
        height: 230px
    }

    .space-dt-240 {
        height: 240px
    }

    .space-dt-250 {
        height: 250px
    }

    .space-dt-260 {
        height: 260px
    }

    .space-dt-270 {
        height: 270px
    }

    .space-dt-280 {
        height: 280px
    }

    .space-dt-290 {
        height: 290px
    }

    .space-dt-300 {
        height: 300px
    }
}

@media (min-width:768px) {
    body {
        font-size: 1.125rem;
        line-height: 1.55556
    }

    .h1, h1 {
        font-size: 2rem;
        line-height: 1.53125
    }

    .h2, h2 {
        font-size: 1.75rem;
        line-height: 1.5;
        letter-spacing: 3px
    }

    .h3, .p-style-h3 p, h3 {
        font-size: 1.5rem
    }

    .h3-same-h5 .h3, .h3-same-h5 h3, .h5, h5 {
        font-size: 1.25rem;
        line-height: 1.55;
        margin-bottom: 25px
    }

    .h4-regular .h4, .h4-regular h4, .h4-semi .h4, .h4-semi h4, .style-h2 .h3, .style-h2 h3 {
        font-size: 1.75rem;
        line-height: 1.5
    }

    .h4-semi .h4, .h4-semi h4 {
        font-weight: 700
    }

    .h3-regular-v2 .h3, .h3-regular-v2 h1, .h3-regular-v2 h3 {
        font-size: 1.75rem
    }
}

@media (min-width:992px) {
    .tag-big h2 {
        font-size: 10rem;
        line-height: .34;
        letter-spacing: -2px;
        color: #c4c4c4
    }
}

@media (min-width:1200px) {
    .h1, h1 {
        font-size: 1.75rem;
        line-height: 1.5
    }

    .h2, h2 {
        font-size: 1.7rem
    }
}

@media (min-width:1701px) {
    .h1, h1 {
        font-size: 2.625rem;
        line-height: 1.35714
    }

    .h2, h2 {
        font-size: 1.75rem
    }
}

@media (min-width:768px) and (max-width:991px) {
    .btn-outline-dark, .btn-outline-light, .btn-outline-primary {
        font-size: 1.125rem;
        min-width: 240px;
        padding: 15px 20px
    }
}

@media (min-width:992px) {
    .arrow-square {
        width: 52px;
        height: 52px;
        font-size: 1rem
    }

        .arrow-square .icomoon {
            width: 22px;
            height: 16px
        }

        .arrow-square:hover {
            background: #000;
            color: #fff
        }

    .mod-pin {
        overflow: hidden
    }
}

@media (min-width:1025px) {
    .btn-ani:active .text, .btn-ani:hover .text {
        -webkit-transition: -webkit-transform .6s cubic-bezier(.2,0,0,1) .4s;
        transition: -webkit-transform .6s cubic-bezier(.2,0,0,1) .4s;
        -o-transition: -o-transform .6s cubic-bezier(.2,0,0,1) .4s;
        transition: transform .6s cubic-bezier(.2,0,0,1) .4s;
        transition: transform .6s cubic-bezier(.2,0,0,1) .4s,-webkit-transform .6s cubic-bezier(.2,0,0,1) .4s,-o-transform .6s cubic-bezier(.2,0,0,1) .4s
    }

    .btn-ani:active:after, .btn-ani:hover:after {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        right: -3px;
        left: -3px;
        -webkit-transform-origin: right;
        -o-transform-origin: right;
        transform-origin: right;
        -webkit-transition: right .1s cubic-bezier(1,0,.65,1.01),left 0s .2s,-webkit-transform .1s cubic-bezier(1,0,.65,1.01) .17s;
        transition: right .1s cubic-bezier(1,0,.65,1.01),left 0s .2s,-webkit-transform .1s cubic-bezier(1,0,.65,1.01) .17s;
        -o-transition: right .1s cubic-bezier(1,0,.65,1.01),left 0s .2s,-o-transform .1s cubic-bezier(1,0,.65,1.01) .17s;
        transition: transform .1s cubic-bezier(1,0,.65,1.01) .17s,right .1s cubic-bezier(1,0,.65,1.01),left 0s .2s;
        transition: transform .1s cubic-bezier(1,0,.65,1.01) .17s,right .1s cubic-bezier(1,0,.65,1.01),left 0s .2s,-webkit-transform .1s cubic-bezier(1,0,.65,1.01) .17s,-o-transform .1s cubic-bezier(1,0,.65,1.01) .17s
    }

    .btn-ani:active .line-btn, .btn-ani:hover .line-btn {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

        .btn-ani:active .line-btn.-right, .btn-ani:hover .line-btn.-right {
            -webkit-transition: -webkit-transform .05s cubic-bezier(1,0,.65,1.01) .15s;
            transition: -webkit-transform .05s cubic-bezier(1,0,.65,1.01) .15s;
            -o-transition: -o-transform .05s cubic-bezier(1,0,.65,1.01) .15s;
            transition: transform .05s cubic-bezier(1,0,.65,1.01) .15s;
            transition: transform .05s cubic-bezier(1,0,.65,1.01) .15s,-webkit-transform .05s cubic-bezier(1,0,.65,1.01) .15s,-o-transform .05s cubic-bezier(1,0,.65,1.01) .15s;
            -webkit-transform-origin: bottom;
            -o-transform-origin: bottom;
            transform-origin: bottom
        }

        .btn-ani:active .line-btn.-top, .btn-ani:hover .line-btn.-top {
            -webkit-transition: -webkit-transform .05s linear .2s;
            transition: -webkit-transform .05s linear .2s;
            -o-transition: -o-transform .05s linear .2s;
            transition: transform .05s linear .2s;
            transition: transform .05s linear .2s,-webkit-transform .05s linear .2s,-o-transform .05s linear .2s;
            -webkit-transform-origin: right;
            -o-transform-origin: right;
            transform-origin: right
        }

        .btn-ani:active .line-btn.-left, .btn-ani:hover .line-btn.-left {
            -webkit-transition: -webkit-transform .05s linear .28s;
            transition: -webkit-transform .05s linear .28s;
            -o-transition: -o-transform .05s linear .28s;
            transition: transform .05s linear .28s;
            transition: transform .05s linear .28s,-webkit-transform .05s linear .28s,-o-transform .05s linear .28s;
            -webkit-transform-origin: top;
            -o-transform-origin: top;
            transform-origin: top
        }

        .btn-ani:active .line-btn.-bottom, .btn-ani:hover .line-btn.-bottom {
            -webkit-transition: -webkit-transform .4s cubic-bezier(0,.53,.29,1) .46s;
            transition: -webkit-transform .4s cubic-bezier(0,.53,.29,1) .46s;
            -o-transition: -o-transform .4s cubic-bezier(0,.53,.29,1) .46s;
            transition: transform .4s cubic-bezier(0,.53,.29,1) .46s;
            transition: transform .4s cubic-bezier(0,.53,.29,1) .46s,-webkit-transform .4s cubic-bezier(0,.53,.29,1) .46s,-o-transform .4s cubic-bezier(0,.53,.29,1) .46s;
            -webkit-transform-origin: left;
            -o-transform-origin: left;
            transform-origin: left
        }

    .btn-more:focus .arrow, .btn-more:hover .arrow {
        border-color: #fff;
        color: #fff;
        background: #be2b0b
    }

    .btn-more:focus .text-more, .btn-more:hover .text-more {
        width: 100%
    }

    .btn-more:focus .arrow-cir-white, .btn-more:hover .arrow-cir-white {
        border-color: #be2b0b;
        color: #be2b0b;
        background: #fff
    }

    .block-hover:hover .btn-more .arrow {
        border-color: #fff;
        color: #fff;
        background: #be2b0b
    }

    .block-hover:hover .btn-more .text-more {
        width: 100%
    }

    .block-hover:hover .btn-more .arrow-cir-white {
        border-color: #be2b0b;
        color: #be2b0b;
        background: #fff
    }

    .btn-align-left .btn-ani {
        margin-left: -15px
    }
}

@media (min-width:1200px) {
    .btn-search {
        -webkit-transition: all .4s ease-in-out;
        -o-transition: all ease-in-out .4s;
        transition: all .4s ease-in-out
    }

        .btn-search:hover {
            color: #be2b0b
        }
}

@media (min-width:1025px) {
    .has-animation .anima-bottom:not(.not-anima), .has-animation .anima-left:not(.not-anima), .has-animation .anima-opacity:not(.not-anima), .has-animation .anima-right:not(.not-anima) {
        opacity: 0
    }

    .has-animation .anima-left:not(.not-anima) {
        -webkit-transform: translate3d(-100px,0,0);
        transform: translate3d(-100px,0,0)
    }

    .has-animation .anima-right:not(.not-anima) {
        -webkit-transform: translate3d(100px,0,0);
        transform: translate3d(100px,0,0)
    }

    .has-animation .anima-bottom:not(.not-anima) {
        -webkit-transform: translate3d(0,150px,0);
        transform: translate3d(0,150px,0)
    }

    .has-animation .anima-r-full {
        -webkit-transform: translateX(2000px);
        -o-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    .has-animation .set-animation.anima-bottom, .has-animation .set-animation.anima-left, .has-animation .set-animation.anima-r-full, .has-animation .set-animation.anima-right {
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 1 !important;
        -webkit-transition: opacity .6s,-webkit-transform .6s;
        transition: opacity .6s,-webkit-transform .6s;
        -o-transition: opacity .6s,-o-transform .6s;
        transition: opacity .6s,transform .6s;
        transition: opacity .6s,transform .6s,-webkit-transform .6s,-o-transform .6s
    }

    .has-animation .set-animation.anima-opacity {
        opacity: 1 !important;
        -webkit-transition: opacity 1s,-webkit-transform .6s;
        transition: opacity 1s,-webkit-transform .6s;
        -o-transition: opacity 1s,-o-transform .6s;
        transition: opacity 1s,transform .6s;
        transition: opacity 1s,transform .6s,-webkit-transform .6s,-o-transform .6s
    }

        .has-animation .set-animation .anima-bottom:not(.not-anima), .has-animation .set-animation .anima-left:not(.not-anima), .has-animation .set-animation .anima-opacity:not(.not-anima), .has-animation .set-animation .anima-r-full:not(.not-anima), .has-animation .set-animation .anima-right:not(.not-anima) {
            -webkit-transform: none;
            -o-transform: none;
            transform: none;
            opacity: 1 !important;
            -webkit-transition: opacity .6s,-webkit-transform .6s;
            transition: opacity .6s,-webkit-transform .6s;
            -o-transition: opacity .6s,-o-transform .6s;
            transition: opacity .6s,transform .6s;
            transition: opacity .6s,transform .6s,-webkit-transform .6s,-o-transform .6s
        }

        .has-animation .set-animation .anima-opacity:not(.not-anima) {
            opacity: 1 !important;
            -webkit-transition: opacity .6s,-webkit-transform .6s;
            transition: opacity .6s,-webkit-transform .6s;
            -o-transition: opacity .6s,-o-transform .6s;
            transition: opacity .6s,transform .6s;
            transition: opacity .6s,transform .6s,-webkit-transform .6s,-o-transform .6s
        }

    .has-animation .set-animation.delay-1:not(.not-anima), .has-animation .set-animation .delay-1:not(.not-anima) {
        -webkit-transition-delay: .1s;
        -o-transition-delay: .1s;
        transition-delay: .1s
    }

    .has-animation .set-animation.delay-2:not(.not-anima), .has-animation .set-animation .delay-2:not(.not-anima) {
        -webkit-transition-delay: .2s;
        -o-transition-delay: .2s;
        transition-delay: .2s
    }

    .has-animation .set-animation.delay-3:not(.not-anima), .has-animation .set-animation .delay-3:not(.not-anima) {
        -webkit-transition-delay: .3s;
        -o-transition-delay: .3s;
        transition-delay: .3s
    }

    .has-animation .set-animation.delay-4:not(.not-anima), .has-animation .set-animation .delay-4:not(.not-anima) {
        -webkit-transition-delay: .4s;
        -o-transition-delay: .4s;
        transition-delay: .4s
    }

    .has-animation .set-animation.delay-5:not(.not-anima), .has-animation .set-animation .delay-5:not(.not-anima) {
        -webkit-transition-delay: .5s;
        -o-transition-delay: .5s;
        transition-delay: .5s
    }

    .has-animation .set-animation.delay-6:not(.not-anima), .has-animation .set-animation .delay-6:not(.not-anima) {
        -webkit-transition-delay: .6s;
        -o-transition-delay: .6s;
        transition-delay: .6s
    }

    .has-animation .set-animation.delay-7:not(.not-anima), .has-animation .set-animation .delay-7:not(.not-anima) {
        -webkit-transition-delay: .7s;
        -o-transition-delay: .7s;
        transition-delay: .7s
    }

    .has-animation .set-animation.delay-8:not(.not-anima), .has-animation .set-animation .delay-8:not(.not-anima) {
        -webkit-transition-delay: .8s;
        -o-transition-delay: .8s;
        transition-delay: .8s
    }

    .has-animation .set-animation.delay-9:not(.not-anima), .has-animation .set-animation .delay-9:not(.not-anima) {
        -webkit-transition-delay: .9s;
        -o-transition-delay: .9s;
        transition-delay: .9s
    }

    .has-animation .set-animation.delay-10:not(.not-anima), .has-animation .set-animation .delay-10:not(.not-anima) {
        -webkit-transition-delay: 1s;
        -o-transition-delay: 1s;
        transition-delay: 1s
    }

    .has-animation .set-animation.delay-11:not(.not-anima), .has-animation .set-animation .delay-11:not(.not-anima) {
        -webkit-transition-delay: 1.1s;
        -o-transition-delay: 1.1s;
        transition-delay: 1.1s
    }

    .has-animation .set-animation.delay-12:not(.not-anima), .has-animation .set-animation .delay-12:not(.not-anima) {
        -webkit-transition-delay: 1.2s;
        -o-transition-delay: 1.2s;
        transition-delay: 1.2s
    }
}

@media (min-width:768px) {
    .box-has-image h3 {
        margin-bottom: 10px
    }

    .box-featured-inner {
        min-height: 270px;
        padding: 24px 70px 48px 26px
    }

    .box-featured h3 {
        font-size: 1.25rem;
        line-height: 1.25
    }
}

@media (min-width:768px) and (max-width:991px) {
    .date {
        font-size: .875rem
    }

    .box-featured .arrow-circle {
        width: 16px;
        height: 16px;
        font-size: 5px
    }
}

@media (min-width:992px) {
    .box-featured {
        padding: 22px 0 0 22px
    }

        .box-featured h3 {
            font-size: 1.75rem;
            line-height: 1.14286
        }

    .box-featured-inner {
        min-height: 365px;
        padding: 24px 70px 55px 35px
    }

    .date {
        font-size: 1rem
    }
}

@media (min-width:1200px) {
    .box-featured {
        padding: 15px 0 0 15px
    }

        .box-featured h3 {
            font-size: 1.25rem;
            line-height: 1.25;
            margin-bottom: 15px
        }

        .box-featured .arrow-circle {
            margin-bottom: -2px
        }

        .box-featured a.ps-as:hover + .box-featured-inner {
            color: #000
        }

            .box-featured a.ps-as:hover + .box-featured-inner .arrow-circle {
                border-color: #000;
                color: #000
            }

            .box-featured a.ps-as:hover + .box-featured-inner:before {
                opacity: 1;
                -webkit-transform: translate(0);
                -o-transform: translate(0);
                transform: translate(0)
            }

        .box-featured a.ps-as:hover + .has-btn-more .arrow {
            border-color: #fff;
            color: #fff;
            background: #be2b0b
        }

        .box-featured a.ps-as:hover + .has-btn-more .text-more {
            width: 100%
        }

        .box-featured a.ps-as:hover + .has-btn-more .arrow-cir-white {
            border-color: #be2b0b;
            color: #be2b0b;
            background: #fff
        }

        .box-featured:not(.box-has-image) .box-featured-inner:before {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: -1;
            opacity: 0;
            -webkit-transform: translate(10px,10px);
            -o-transform: translate(10px,10px);
            transform: translate(10px,10px);
            -webkit-transition: all .4s ease-in-out;
            -o-transition: .4s ease-in-out all;
            transition: all .4s ease-in-out;
            background-color: #e2e2e2
        }

    .box-has-image h3 {
        font-size: 1.75rem;
        line-height: 1.14286
    }

    .box-has-image .box-featured-inner {
        padding: 29px 79px 72px 37px
    }

        .box-has-image .box-featured-inner h3 {
            margin-bottom: 22px
        }

        .box-has-image .box-featured-inner:before {
            -webkit-transform: translate(10px,10px);
            -o-transform: translate(10px,10px);
            transform: translate(10px,10px);
            background: #be2b0b;
            -webkit-transition: all .4s ease-in-out;
            -o-transition: .4s all ease-in-out;
            transition: all .4s ease-in-out
        }

    .box-has-image a.ps-as:hover + .box-featured-inner:before {
        opacity: .75 !important
    }

    .box-has-image a.ps-as:hover + .box-featured-inner .bg:before {
        opacity: 0
    }

    .box-featured-inner {
        min-height: 0;
        padding: 31px 18px 33px 10px
    }

    .box-featured-col {
        margin-bottom: 34px
    }

    .col-xl-12 .box-featured-inner {
        padding: 18px 15px 6px 10px
    }

        .col-xl-12 .box-featured-inner p {
            margin-bottom: 14px
        }

        .col-xl-12 .box-featured-inner h3 {
            margin-bottom: 12px
        }
}

@media screen and (min-width:1501px) and (min-height:767px) {
    .box-featured-inner {
        padding: 52px 18px 33px 14px
    }
}

@media (min-width:1501px) {
    .box-featured-inner p {
        margin-bottom: 13px
    }

    .box-featured h3 {
        margin-bottom: 15px
    }

    .col-xl-12 .box-featured-inner {
        padding: 20px 120px 6px 17px
    }

        .col-xl-12 .box-featured-inner h3 {
            margin-bottom: 14px
        }

    .box-has-image .box-featured-inner {
        padding: 39px 79px 54px 42px
    }

        .box-has-image .box-featured-inner h3 {
            margin-bottom: 18px
        }

        .box-has-image .box-featured-inner p {
            margin-bottom: 23px
        }

            .box-has-image .box-featured-inner p:last-child {
                margin-bottom: 0
            }
}

@media (min-width:768px) {
    .footer {
        padding-top: 110px
    }

    .follow-us p {
        line-height: 1.66667
    }
}

@media (min-width:768px) and (max-width:991px) {
    .logo-footer {
        max-width: 255px
    }

    .f-menu-par > a {
        font-size: 1.375rem;
        line-height: 1.45455
    }

    .follow-us p {
        font-size: 1rem;
        line-height: 1.875;
        margin-bottom: 11px
    }

    .col-f-mn {
        margin-top: 71px
    }

    .footer-cta {
        margin-top: 47px
    }

        .footer-cta .social-border li {
            padding-right: 7px
        }

            .footer-cta .social-border li:last-child {
                padding-right: 0
            }

    .cta-f-cont {
        margin-top: 67px
    }

        .cta-f-cont a {
            min-width: 240px;
            font-size: 1.125rem;
            padding: 17px
        }

    .footer-copyright {
        margin-top: 76px;
        padding-bottom: 60px
    }

    .footer-item-col {
        margin-bottom: 32px
    }

        .footer-item-col:last-child {
            margin-bottom: 0
        }
}

@media (min-width:992px) {
    .footer {
        padding-top: 100px
    }

    .footer-copyright {
        border-top: 2px solid hsla(0,0%,100%,.2);
        margin-top: 60px;
        padding: 18px 0 45px
    }

    .logo-footer {
        margin: 0;
        max-width: 197px
    }

    .cta-f-cont {
        margin-top: -2px
    }

        .cta-f-cont a {
            min-width: 192px;
            font-size: .875rem;
            padding: 8px 1.2rem
        }

    .footer-cta {
        margin-top: 6px
    }

        .footer-cta .box-fl-us {
            padding-left: 18px
        }

    .follow-us {
        margin-top: 48px
    }

        .follow-us > p {
            font-size: .875rem
        }

    .f-menu-par > a {
        font-size: 1rem
    }

    .f-menu-par li {
        font-size: 1rem;
        margin-bottom: 15px
    }

        .f-menu-par li a {
            opacity: .5
        }

    .f-menu-par ul {
        margin-top: 13px
    }

    .f-circle {
        position: absolute;
        top: -225px;
        left: 10px;
        width: 234px;
        display: block
    }

        .f-circle img {
            width: 100%
        }

        .f-circle.hidden-lz {
            left: 0
        }

    .col-f-mn {
        margin-top: 44px
    }
}

@media (min-width:1200px) {
    .footer {
        padding-top: 82px
    }

    .col-f-mn {
        margin-top: 47px;
        padding-right: 170px
    }

    .footer-copyright {
        margin-top: 92px;
        padding-top: 15px
    }

    .f-menu-par > a:hover {
        color: #be2b0b
    }

    .f-circle {
        left: -20px
    }
}

@media (min-width:1200px) and (max-width:1366px) {
    .col-f-mn {
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .footer-cta {
        margin-top: 2px;
        left: 164px
    }
}

@media (min-width:1281px) {
    .f-circle {
        width: 292px;
        left: -32px;
        top: -267px
    }
}

@media (min-width:1367px) {
    .col-f-mn {
        margin-top: -14px;
        padding-right: 0
    }

    .footer {
        padding-top: 125px
    }

    .follow-us {
        margin-top: 40px
    }

    .f-circle {
        left: 32px
    }
}

@media (min-width:1501px) {
    .col-f-mn {
        margin-top: -2px;
        padding-left: 17px
    }

    .follow-us {
        margin-top: 47px
    }

    .f-circle {
        left: -32px
    }
}

@media (min-width:1701px) {
    .f-circle {
        top: -170px;
        left: -225px
    }
}

@media (min-width:768px) {
    .header-logo {
        /*max-width: 180px*/
        max-width: 300px;
    }

    .menu-top {
        padding: 18px 37px 18px 51px
    }

        .menu-top:after {
            left: 50px
        }

    .menu-bot .container {
        padding: 0 0 0 51px
    }

    .menu-bot .header-mobile .col-mb-8 {
        padding-left: 37px
    }

    .header-mobile {
        margin-left: 0
    }

        .header-mobile:after {
            left: -1px
        }

        .header-mobile .col-mb-8 {
            padding-left: 0
        }

        .header-mobile:after, .menu-top:after {
            content: "";
            position: absolute;
            bottom: 0;
            width: 1px;
            height: 10000px;
            background-color: #9c9c9c
        }
}

@media (min-width:992px) {
    .header .header-top .container {
        padding: 0 15px
    }

    .menu-top {
        padding: 18px 45px
    }

    .s-icon-search {
        font-size: .8125rem;
        width: 47px;
        height: 32px;
        top: -1px
    }

    .action-search .form-control {
        height: 31px
    }
}

@media (min-width:1025px) {
    .header .navbar {
        padding: 0 37px 0 49px
    }

    .btn-act-search {
        display: none
    }

    .action-search {
        margin-left: 24px
    }

        .action-search .frm-search {
            width: 51px
        }

        .action-search.is-open .frm-search {
            width: 189px
        }

        .action-search.is-open .msg-input {
            background: #494949
        }

        .action-search.is-open .btn-act-search {
            display: block
        }

        .action-search.is-open .is-open-search {
            display: none
        }

    .m-btn-contact {
        margin-left: 32px
    }

    .menu-top {
        padding: 10px 37px
    }

    .l-m-top a:hover {
        color: #be2b0b;
        text-decoration: none
    }

    .menu-bot .container {
        padding-right: 45px
    }

    .menu-bot .header-mobile {
        padding: 15px 0
    }

    .header-mobile:after {
        left: 1px
    }
}

@media (min-width:1200px) {
    .menu-top {
        padding: 10px 15px
    }

        .menu-top:after {
            left: 15px
        }

    .menu-bot .container {
        padding: 0 15px
    }

    .menu-bot .header-mobile {
        padding-left: 59px
    }

    .header-mobile:after {
        left: 0
    }
}

@media (min-width:1281px) {
    .menu-top {
        padding: 10px 100px
    }

        .menu-top:after {
            left: 66px
        }

    .menu-bot .container {
        padding: 0 15px 0 66px
    }

    .header .container {
        max-width: 100%;
        padding-right: 100px;
        
    }
}

@media (min-width:2000px) {
    .header .container {
        max-width: 1800px;
        padding: 10px 15px
    }

    .menu-top:after {
        left: 26px
    }

    .menu-bot .container {
        padding: 0 15px
    }

    .menu-bot .header-mobile {
        padding-left: 52px
    }

    .header-mobile:after {
        left: 11px
    }
}

@media (min-width:2500px) {
    .header .container {
        max-width: 1877px
    }

    .menu-top:after {
        left: -12px
    }

    .menu-bot .header-mobile {
        padding-left: 15px
    }

    .header-mobile:after {
        left: -27px
    }
}

@media (min-width:768px) {
    .header.is-open-menu:after, .main-menu:after {
        content: "";
        position: absolute;
        top: 0;
        left: 50px;
        width: .5px;
        height: 1000%;
        background: #9c9c9c
    }

    .header.is-open-menu:after {
        height: 100%
    }
}

@media (min-width:1025px) {
    .main-menu-ul {
        padding: 0
    }

        .main-menu-ul > li {
            font-size: .875rem;
            font-weight: 500;
            line-height: 1.25
        }

            .main-menu-ul > li:not(:last-child):after {
                display: none
            }

            .main-menu-ul > li > a {
                padding: 22px 24px 17px
            }

                .main-menu-ul > li > a:after {
                    width: 0;
                    height: 4px;
                    content: "";
                    position: relative;
                    display: block;
                    margin: 0 auto;
                    top: 6px;
                    background-color: #be2b0b;
                    -webkit-transition: width .25s;
                    -o-transition: width .25s;
                    transition: width .25s
                }

            .main-menu-ul > li:not(.hovering) .main-menu-dropdown {
                height: 0 !important
            }

            .main-menu-ul > li.active > a, .main-menu-ul > li.hovering > a {
                position: relative
            }

                .main-menu-ul > li.active > a:after, .main-menu-ul > li.hovering > a:after {
                    width: 100%
                }

            .main-menu-ul > li:nth-last-child(2) > a {
                padding-right: 0
            }

            .main-menu-ul > li li.active {
                font-weight: 700
            }

        .main-menu-ul .mega-dropdown {
            position: static;
            color: #000;
        }

        .main-menu-ul .row > ul {
            padding: 0 50px;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            max-width: -webkit-fit-content;
            max-width: -moz-fit-content;
            max-width: fit-content
        }

            .main-menu-ul .row > ul:nth-child(n+4) {
                margin-top: 45px
            }

    .main-menu {
        margin-left: auto
    }

        .header.is-open-menu:after, .main-menu:after {
            content: none
        }

    .main-menu-dropdown {
        font-weight: 500;
        width: 100%;
        margin: 0;
        z-index: -1;
        display: block;
        -webkit-box-shadow: inset 0 2px 4px 0 rgba(0,0,0,.08),0 1px 4px 0 rgba(0,0,0,.08);
        box-shadow: inset 0 2px 4px 0 rgba(0,0,0,.08),0 1px 4px 0 rgba(0,0,0,.08);
        -webkit-transition: all .5s ease-in-out;
        -o-transition: ease-in-out .5s all;
        transition: all .5s ease-in-out;
        overflow: hidden
    }

        .main-menu-dropdown:after {
            display: none
        }

        .main-menu-dropdown > .container {
            padding-top: 14px;
            padding-bottom: 14px
        }

        .main-menu-dropdown li {
            font-size: 1.125rem;
            max-width: 225px
        }

            .main-menu-dropdown li a {
                display: inline-block;
                padding: 12px 0
            }

        .main-menu-dropdown ul li {
            color: #000
        }

            .main-menu-dropdown ul li:hover {
                color: #be2b0b
            }

    .sub-menu-cover {
        margin: 0 auto;
        max-width: 1280px
    }

    .navbar {
        position: static
    }

    .menu-v2 .main-menu-dropdown li {
        max-width: 310px
    }
}

@media (min-width:1200px) {
    .main-menu-ul > li {
        font-size: 1rem
    }

        .main-menu-ul > li > a {
            padding: 22px 38px 17px
        }
}

@media (min-width:1501px) {
    .main-menu-ul > li > a {
        padding: 22px 62px 17px
    }
}

.mod-noscript {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999;
    background-color: #000;
    color: #fff
}

    .mod-noscript h3 {
        margin: 0;
        text-transform: uppercase
    }

@media (min-width:992px) {
    .row-56 {
        margin-right: -30px;
        margin-left: -30px
    }

        .row-56 > * {
            padding-right: 30px;
            padding-left: 30px
        }
}

@media (min-width:1200px) {
    .row-56 {
        margin-right: -56px;
        margin-left: -56px
    }

        .row-56 > * {
            padding-right: 56px;
            padding-left: 56px
        }

    .row-65 {
        margin-right: -65px;
        margin-left: -65px
    }

        .row-65 > * {
            padding-right: 65px;
            padding-left: 65px
        }
}

@media (min-width:992px) {
    .social-border li a {
        font-size: .75rem;
        width: 34px;
        height: 34px;
        padding: 7px 0
    }
}

@media (min-width:992px) {
    .event-col-head {
        padding: 29px 20px 13px 29px
    }

        .event-col-head h3 {
            font-weight: 300;
            line-height: 1.5;
            margin-bottom: -4px;
            font-size: 2.25rem
        }

        .event-col-head h5 {
            margin-bottom: 0
        }

        .event-col-head.bg-black h3 {
            color: #6c6c6c
        }

    .event-col {
        padding-left: 32px;
        border-left: 1px solid #979797;
        border-bottom: 1px solid #979797
    }

    .col-date {
        max-width: 120px
    }

    .sche-table {
        margin-top: 62px
    }

    .event-col-body {
        padding: 43px 20px 47px 29px
    }

    .evel-row {
        margin-bottom: 27px
    }
}

@media (min-width:1200px) {
    .mod-evt-sche .date {
        font-size: 1.125rem;
        line-height: 1.56
    }

    .col-block-evnt {
        padding-right: 37px
    }

        .col-block-evnt:nth-child(2n) {
            padding-right: 18px;
            padding-left: 50px
        }

            .col-block-evnt:nth-child(2n) .event-col {
                padding-left: 39px
            }

            .col-block-evnt:nth-child(2n) .event-col-body {
                padding-left: 34px
            }
}

@media (min-width:992px) {
    .bg-bnr-fea {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        margin: 0
    }

    .mod-b-featured .d-table {
        padding: 60px 0 115px
    }

    .mod-b-featured.mod-banner .d-table {
        height: 435px
    }

    .mod-b-featured .slick-dots {
        display: inline-block;
        width: auto;
        right: 40px
    }

    .cont-b-fea {
        max-width: 440px;
        padding-left: 45px
    }

        .cont-b-fea h1 {
            position: relative
        }

            .cont-b-fea h1:before {
                content: "";
                display: block;
                position: absolute;
                top: 25px;
                right: 100%;
                width: 126px;
                height: 1px;
                background: #979797;
                margin-right: 28px
            }

    .arr-bnr-feat .arrow-next {
        right: 50%;
        -webkit-transform: translateX(50%);
        -o-transform: translateX(50%);
        transform: translateX(50%);
        bottom: 47px;
        top: auto
    }
}

@media (min-width:1200px) {
    .cont-b-fea {
        max-width: 550px;
        padding-left: 130px
    }

        .cont-b-fea h1:before {
            width: 236px;
            top: 35px
        }

    .mod-b-featured.mod-banner .container {
        padding-left: 15px
    }

    .arr-bnr-feat .arrow-next {
        bottom: 60px
    }
}

@media (min-width:1501px) {
    .mod-b-featured .slick-dots {
        -webkit-transform: translateX(674px);
        -o-transform: translateX(674px);
        transform: translateX(674px);
        bottom: 91px;
        right: 50%
    }
}

@media only screen and (min-width:1701px) and (min-height:900px) {
    .mod-b-featured.mod-banner .d-table {
        height: 605px
    }
}

@media (min-width:768px) {
    .l-box-home {
        left: -24px
    }

    .i-b-home {
        padding: 23px 20px 19px;
        margin-bottom: 4px
    }

        .i-b-home .btn-more {
            right: -32px;
            bottom: 1px
        }
}

@media (min-width:992px) {
    .l-box-home {
        width: 725px;
        bottom: 81px;
        left: -34px
    }

    .i-b-home {
        margin: 0;
        padding: 0;
        border-right: 1px solid #000;
        overflow: hidden
    }

        .i-b-home:before {
            display: none
        }

        .i-b-home:hover .b-home-s {
            opacity: 0
        }

        .i-b-home:hover .b-h-s-hover {
            opacity: 1
        }

        .i-b-home .line {
            width: 86px;
            height: 1px;
            margin-top: 6px
        }

        .i-b-home:nth-child(2) .arrow-small, .i-b-home:nth-child(3) .arrow-small {
            padding-left: 0
        }

        .i-b-home .arrow-small {
            position: absolute;
            right: 15px;
            bottom: 10px
        }

        .i-b-home .icon-arrow {
            color: #be2b0b
        }

        .i-b-home:last-child {
            border-right: 0
        }

    .b-h-s-hover, .b-home-s {
        padding: 17px 35px 20px 15px
    }

    .b-home-s {
        max-width: 270px
    }

    .b-h-s-hover {
        opacity: 0;
        -webkit-transition: all .4s ease-in-out;
        -o-transition: .4s ease-in-out all;
        transition: all .4s ease-in-out
    }

    .bg-box-h {
        opacity: .3;
        z-index: -1
    }
}

@media (min-width:1025px) {
    #lottie {
        width: 715px;
        height: 716px;
        position: absolute;
        top: -160px;
        right: -100px;
        overflow: hidden;
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
        text-align: center;
        opacity: 1
    }
}

@media (min-width:1200px) {
    .l-box-home {
        left: -58px;
        bottom: 101px
    }

    .scroll-down {
        left: -15px
    }

    #lottie {
        top: 50%;
        -webkit-transform: scale(1) translateY(-50%);
        -o-transform: scale(1) translateY(-50%);
        transform: scale(1) translateY(-50%);
        -webkit-transform-origin: top;
        -o-transform-origin: top;
        transform-origin: top;
        margin: 65px 0 0
    }
}

@media (min-width:1281px) {
    #lottie {
        right: -100px
    }

    .scroll-down {
        left: 25px
    }

    .l-box-home {
        left: -63px
    }
}

@media (min-width:1501px) {
    #lottie {
        width: 715px;
        height: 716px;
        right: -100px
    }
}

@media (min-width:1701px) {
    .l-box-home {
        width: 910px
    }

    .i-b-home p {
        font-size: 1.25rem;
        line-height: 1.25
    }

    .b-home-s {
        padding: 27px 0 27px 33px
    }
}

@media only screen and (min-width:1701px) and (min-height:900px) {
    #lottie {
        -webkit-transform: scale(1.4) translateY(-50%);
        -o-transform: scale(1.4) translateY(-50%);
        transform: scale(1.4) translateY(-50%);
        right: -30px
    }
}

@media (min-width:2000px) {
    .l-box-home {
        left: -103px
    }

    .scroll-down {
        display: block;
        left: -58px;
        padding: 5px 10px;
        bottom: 265px
    }

        .scroll-down:hover {
            color: #be2b0b
        }
}

@media (min-width:2500px) {
    .l-box-home {
        left: -179px
    }

    .scroll-down {
        left: -130px
    }
}

@media (min-width:768px) {
    .mod-banner .d-table {
        min-height: 300px
    }

    .mod-banner .d-table-cell {
        padding: 80px 0 290px
    }

    .mod-banner .container {
        padding-left: 75px
    }

        .mod-banner .container:after {
            content: "";
            width: 1px;
            height: 10000px;
            position: absolute;
            bottom: 0;
            left: 50px;
            background-color: #9c9c9c
        }

    .mod-banner .container-bot:after {
        content: none
    }

    .mod-banner .h2-style-h1, .mod-banner h1 {
        margin-bottom: 23px
    }

    .mod-banner .h2-style-h1 {
        font-size: 2rem;
        line-height: 1.53125
    }

    .mod-banner h2 {
        margin-bottom: 18px
    }

    .bnr-img {
        right: -125px;
        width: 613px;
        bottom: -125px
    }

    .mod-ban-home.ban-first-load .d-table {
        height: 855px
    }

    .mod-ban-home .d-table {
        height: 896px
    }

    .mod-ban-home .bnr-img {
        bottom: 65px;
        right: -126px
    }

    .mod-ban-home .bnr-left {
        padding-right: 30px
    }
}

@media (min-width:992px) {
    .mod-banner h2 {
        font-size: 1rem;
        margin-bottom: 5px
    }

    .mod-banner .d-table {
        height: 435px
    }

    .mod-banner .d-table-cell {
        padding: 70px 0 120px
    }

    .mod-banner .container {
        padding-left: 85px
    }

    .bnr-img {
        right: 15px;
        width: 100%;
        max-width: 475px;
        bottom: 0;
        margin-bottom: 0
    }

        .bnr-img.loaded-img {
            margin-bottom: -12%
        }

        .bnr-img.opt-2 {
            max-width: 450px
        }

        .bnr-img.opt-3 {
            max-width: 510px
        }

    .opt-2.loaded-img {
        margin-bottom: -90px
    }

    .opt-3.loaded-img {
        margin-bottom: 0
    }

    .mod-f-bnr .bnr-img.loaded-img {
        margin-bottom: -8%;
        right: -35%
    }

    .mod-ban-home h2 {
        font-size: 1rem
    }

    .mod-ban-home .d-table {
        height: 825px
    }

    .mod-ban-home .d-table-cell {
        padding-top: 53px
    }

    .mod-ban-home .bnr-img {
        bottom: 220px;
        right: 19px;
        width: 616px
    }

    .mod-ban-home.bg-black:after {
        bottom: 80px
    }

    .bnr-box-reg {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 3;
        max-width: 426px;
        width: 100%;
        padding: 40px 40px 26px
    }

        .bnr-box-reg h5 {
            margin-bottom: 5px
        }

        .bnr-box-reg p {
            font-size: 1.375rem;
            line-height: 1.45455
        }

    .mod-bnr-event .container-bot {
        position: relative
    }

    .mod-bn-internal h2 {
        font-size: 1rem
    }

    .mod-bn-internal.bg-black:after {
        height: 1px
    }
}

@media (min-width:1025px) {
    .mod-ban-home {
        overflow: hidden
    }

        .mod-ban-home .d-table {
            height: 945px
        }

        .mod-ban-home .bnr-img {
            display: none
        }
}

@media (min-width:1200px) {
    .mod-banner h2 {
        font-size: 1.25rem
    }

    .mod-banner .h2-style-h1 {
        font-size: 1.75rem;
        line-height: 1.5
    }

    .mod-banner .container {
        padding-left: 74px
    }

        .mod-banner .container:after {
            left: 15px
        }

    .mod-banner.bg-black:after, .mod-banner.has-over-bnr:after {
        bottom: 59px
    }

    .mod-ban-home h2 {
        font-size: 1.25rem
    }

    .mod-ban-home .d-table {
        height: 620px
    }

    .mod-ban-home .d-table-cell {
        padding: 15px 0 215px
    }

    .mod-ban-home.bg-black:after {
        bottom: 100px
    }

    .mod-ban-home .bnr-left {
        padding-right: 0
    }

    .mod-bnr-event h1 {
        margin-bottom: 15px
    }

    .mod-bnr-event .d-table-cell {
        padding: 130px 0 210px
    }

    .has-h-top .mod-ban-home .d-table {
        height: 590px
    }

    .has-h-top .mod-ban-home .d-table-cell {
        padding: 37px 0 235px
    }

    .mod-bn-internal h2 {
        font-size: 1.25rem
    }

    .bnr-img {
        max-width: 480px
    }
}

@media (min-width:1281px) {
    .mod-banner .container {
        padding: 0 100px 0 130px;
        max-width: 100%
    }

        .mod-banner .container:after {
            left: 66px
        }

    .mod-banner h2 {
        margin-bottom: 11px
    }
}

@media (min-width:1501px) {
    .bnr-box-reg {
        left: 34px
    }

    .mod-banner .h2-style-h1, .mod-banner h1 {
        margin-bottom: 40px
    }

    .mod-banner h2 {
        margin-bottom: 20px
    }

    .mod-bn-internal .container {
        padding-left: 155px
    }

    .opt-3.loaded-img {
        right: 67px
    }

    .bnr-img {
        max-width: 515px
    }

        .bnr-img.opt-3 {
            max-width: 530px
        }
}

@media only screen and (min-width:1501px) and (min-height:800px) {
    .has-h-top .mod-ban-home .d-table, .mod-ban-home .d-table {
        height: 710px
    }
}

@media only screen and (min-width:1501px) and (min-height:900px) {
    .has-h-top .mod-ban-home .d-table, .mod-ban-home .d-table {
        height: 825px
    }
}

@media (min-width:1701px) {
    .bnr-img {
        right: 15px;
        max-width: 515px;
        bottom: 0
    }

        .bnr-img.loaded-img {
            margin-bottom: -78px
        }

        .bnr-img.opt-2 {
            max-width: 515px
        }

        .bnr-img.opt-3 {
            max-width: 575px
        }

    .opt-2.loaded-img {
        margin-bottom: -95px
    }

    .opt-3.loaded-img {
        margin-bottom: 0;
        right: 67px
    }

    .mod-banner .h2-style-h1 {
        font-size: 2.625rem;
        line-height: 1.35714
    }

    .mod-banner h2 {
        font-size: 1.75rem
    }
}

@media only screen and (min-width:1701px) and (min-height:900px) {
    .mod-banner .d-table {
        height: 605px
    }

    .mod-bn-internal .bnr-img {
        right: 42px;
        max-width: 667px;
        bottom: 0
    }

        .mod-bn-internal .bnr-img.loaded-img {
            margin-bottom: -98px
        }

    .mod-bn-internal .opt-2 {
        max-width: 630px
    }

        .mod-bn-internal .opt-2.loaded-img {
            right: 52px;
            margin-bottom: -130px
        }

    .mod-bn-internal .opt-3 {
        max-width: 690px
    }

        .mod-bn-internal .opt-3.loaded-img {
            margin-bottom: 0;
            right: 67px
        }

    .mod-bn-internal h2 {
        font-size: 1.75rem
    }

    .mod-f-bnr .bnr-img.loaded-img {
        right: -48.9%;
        width: 126%;
        margin-bottom: -18.3%
    }
}

@media (min-width:1701px) {
    .has-h-top .mod-ban-home .d-table {
        height: 850px
    }

    .mod-ban-home .d-table {
        height: 900px
    }

    .mod-ban-home h2 {
        font-size: 1.75rem
    }
}

@media (min-width:2000px) {
    .mod-banner .container {
        padding-right: 15px;
        max-width: 1800px
    }

        .mod-banner .container:after {
            left: 26px
        }

    .mod-ban-home h1 {
        margin-bottom: 37px
    }

    .mod-ban-home h2 {
        margin-bottom: 18px
    }

    .mod-ban-home .bnr-left {
        padding-right: 115px
    }

    .mod-bn-internal .container {
        padding-left: 155px
    }
}

@media (min-width:2500px) {
    .mod-banner .container:after {
        left: -51px
    }
}

@media (min-width:992px) {
    .b-one-col, .block-col {
        margin-bottom: 60px
    }

    .box-block {
        border-top-width: 3px;
        border-left-width: 3px
    }
}

@media (min-width:1200px) {
    .box-block {
        padding: 15px 0 0 15px
    }

    .block-hover {
        padding: 35px 30px 25px
    }

    .b-block-l .heading {
        padding-right: 55px
    }
}

@media (min-width:992px) {
    .mod-body-content .social li {
        padding-right: 16px
    }

        .mod-body-content .social li a {
            font-size: 1.25rem
        }

    .mod-body-content .list-pin {
        max-width: calc(33.33333vw - 70px);
        width: 100% !important
    }

        .mod-body-content .list-pin .wrap-bd-r {
            top: 10px;
            margin-top: 0
        }

    .col-l-body {
        padding-right: 30px
    }

        .col-l-body h3 {
            font-weight: 400
        }

    .wrap-bd-r {
        margin-left: 28px;
        padding-top: 57px;
        padding-left: 30px;
        margin-top: 24px
    }

        .wrap-bd-r:before {
            right: -100vw;
            border-color: #000;
            border-style: solid;
            border-width: 1px 0 0 1px
        }

    .link-view-all {
        padding-bottom: 42px
    }

    .share-bd {
        padding-top: 5px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 40px
    }

        .share-bd h5 {
            width: 100%;
            margin-bottom: 29px
        }

    .box-gray {
        padding: 35px 33px 33px
    }

        .box-gray h5 {
            margin-bottom: 53px
        }
}

@media (min-width:1025px) {
    .mod-body-content .btn-ani {
        margin-left: -15px
    }
}

@media (min-width:1200px) {
    .wrap-bd-r {
        margin-left: 28px
    }

    .mod-body-content .list-pin {
        max-width: 295px
    }
}

@media (min-width:1501px) {
    .mod-body-content .list-pin {
        max-width: 372px
    }
}

@media (min-width:768px) {
    .mod-contact .intro-container {
        margin: 0 auto;
        padding-right: 0
    }

    .mod-contact .grid-layout-col {
        text-align: left
    }
}

@media (min-width:992px) {
    .mod-contact {
        margin-top: 93px
    }

        .mod-contact .social {
            margin-top: 28px
        }

        .mod-contact .line-intro:before {
            content: none
        }

    .cont-form {
        margin-top: 64px
    }

        .cont-form h3 {
            margin-bottom: 10px
        }

        .cont-form p {
            font-size: 1rem;
            line-height: 1.75
        }
}

@media (min-width:1200px) {
    .contact-l {
        padding-right: 0
    }

    .contact-r {
        padding-left: 65px;
        margin-top: 30px
    }
}

@media (min-width:1701px) {
    .mod-contact .intro-container {
        padding: 0
    }
}

@media (min-width:992px) {
    .has-form + .mod-content .wrap-cont {
        width: 50%;
        padding-right: 30px;
        margin-top: 120px
    }
}

@media (min-width:1501px) {
    .has-form + .mod-content {
        padding: 80px 0 130px
    }

        .has-form + .mod-content .wrap-cont {
            padding-right: 115px;
            margin-top: 0
        }
}

@media (min-width:768px) {
    .mod-event-l .intro-container {
        max-width: 100%
    }

    .mod-event-l .line-intro:before {
        top: 130px
    }

    .mod-event-l .line-intro:after {
        margin-bottom: -130px
    }

    .all-events:first-child h4 {
        margin-top: 69px
    }
}

@media (min-width:992px) {
    .nav-tab-box a {
        font-weight: 300;
        margin-right: 58px;
        border-bottom: 2px solid transparent;
        padding-bottom: 5px
    }

        .nav-tab-box a.active {
            font-weight: 700;
            border-bottom-color: #c4c4c4
        }

        .nav-tab-box a:last-child, .show-more {
            margin-top: 0
        }

    .tab-box .tab-content {
        margin-top: 52px
    }

    .nav-item {
        position: relative
    }

        .nav-item .none-hover {
            font-weight: 700;
            opacity: 0
        }

        .nav-item .has-hover {
            position: absolute;
            top: 0;
            left: 0
        }
}

@media (min-width:1200px) {
    .event-bg03:before {
        padding-bottom: 82%
    }

    .event-inner {
        margin-bottom: 23px
    }

    .event-item {
        margin-bottom: 48px
    }

        .event-item h5 {
            margin-bottom: 4px
        }

        .event-item p {
            margin-bottom: 20px
        }

    .box-evt {
        padding-bottom: 49px
    }

    .nav-tab-box a:hover {
        border-bottom-color: #c4c4c4
    }
}

@media (min-width:1501px) {
    .nav-tab-box a {
        margin-right: 129px
    }
}

@media (min-width:768px) {
    .f-cta-btn a {
        font-size: 1.25rem;
        max-width: 425px
    }

    .mod-f-cta .container {
        padding: 0 70px
    }

    .mod-f-cta .d-table {
        padding: 164px 0 92px
    }

    .f-earth {
        left: -87px;
        top: -182px;
        width: 414px
    }

    .cta-right {
        margin-top: 44px
    }
}

@media (min-width:992px) {
    .mod-f-cta .container {
        padding: 0 60px
    }

    .mod-f-cta .d-table {
        padding: 44px 0;
        height: 272px
    }

    .mod-f-cta + .footer .f-circle {
        display: none
    }

    .cta-left h4 {
        padding-left: 23px;
        font-size: 2rem
    }

    .cta-right {
        margin-top: 11px
    }

    .f-earth {
        width: 513px;
        top: -122px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-left: -366px
    }

    .f-cta-btn {
        margin-bottom: 28px
    }

        .f-cta-btn a {
            margin: 0 0 0 25px
        }
}

@media (min-width:1200px) {
    .f-earth {
        margin-left: -480px;
        top: -80px;
        width: 400px
    }

    .mod-f-cta .container {
        padding: 0 15px
    }

    .mod-f-cta .d-table {
        padding: 44px 0 44px 227px
    }

    .cta-left h4 {
        font-size: 1.75rem;
        padding: 0;
        letter-spacing: .2px
    }

    .cta-right {
        margin-top: 36px;
        padding-left: 15px
    }

    .f-cta-btn {
        margin-bottom: 0
    }

        .f-cta-btn a {
            max-width: 100%;
            height: 100%;
            margin: 0
        }
}

@media (min-width:1367px) {
    .f-earth {
        margin-left: -528px
    }
}

@media (min-width:1501px) {
    .f-earth {
        margin-left: -580px
    }

    .mod-f-cta .d-table {
        padding: 44px 101px 44px 328px
    }

    .f-cta-btn {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width:1701px) {
    .f-earth {
        width: 615px;
        top: -144px;
        margin-left: -660px
    }
}

@media (min-width:768px) {
    .mod-featured-resources .heading {
        margin-bottom: 38px
    }
}

@media (min-width:992px) {
    .mod-featured-resources .heading {
        margin-bottom: 33px
    }
}

@media screen and (min-width:992px) and (max-height:767px) {
    .mod-featured-resources .heading {
        margin-bottom: 20px
    }

    .mod-featured-resources .box-featured-inner:not(.box-has-image) {
        padding-top: 24px;
        padding-bottom: 24px
    }

        .mod-featured-resources .box-featured-inner:not(.box-has-image) .date {
            margin-bottom: 0
        }
}

@media (min-width:1200px) {
    .row-featured {
        margin-right: -11px;
        margin-left: -11px
    }

        .row-featured > * {
            padding-right: 11px;
            padding-left: 11px
        }

    .mod-featured-resources .box-featured {
        border-width: 2px
    }

        .mod-featured-resources .box-featured .h5-dt {
            margin-bottom: 24px;
            max-width: 420px
        }

        .mod-featured-resources .box-featured a.ps-as:hover + .box-featured-inner {
            color: #fff
        }

            .mod-featured-resources .box-featured a.ps-as:hover + .box-featured-inner .arrow-circle {
                border-color: #fff;
                color: #fff
            }

        .mod-featured-resources .box-featured:not(.box-has-image) .box-featured-inner:before {
            background-color: #be2b0b
        }

    .mod-featured-resources .box-has-image .h5-dt {
        margin-bottom: 22px;
        font-size: 2.25rem
    }

    .mod-featured-resources .box-has-image .box-featured-inner:before {
        -webkit-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0)
    }

    .mod-featured-resources .box-has-image .bg:before {
        opacity: 0
    }

    .mod-featured-resources .box-has-image a.ps-as:hover + .box-featured-inner {
        -webkit-box-shadow: -45px 45px 10px 0 rgba(0,0,0,.5);
        box-shadow: -45px 45px 10px 0 rgba(0,0,0,.5)
    }

        .mod-featured-resources .box-has-image a.ps-as:hover + .box-featured-inner:before {
            opacity: 0 !important;
            -webkit-transform: translate(10px,10px);
            -o-transform: translate(10px,10px);
            transform: translate(10px,10px)
        }

        .mod-featured-resources .box-has-image a.ps-as:hover + .box-featured-inner .bg:before {
            opacity: 1
        }
}

@media (min-width:1025px) {
    .mod-featured-resources .h3-heading.h3-regular p {
        margin-right: -15px
    }
}

@media (min-width:1501px) {
    .mod-featured-resources .heading {
        margin-bottom: 24px
    }
}

@media (min-width:992px) {
    .mod-f-call {
        min-height: 394px
    }

        .mod-f-call .heading {
            margin-bottom: 20px
        }

    .img-logo-form {
        top: 0;
        left: 0
    }

    .img-fom {
        top: -12%;
        left: -18%;
        width: 134.2%
    }

    .f-icon, .img-fom {
        position: absolute
    }

    .f-icon {
        top: 67px;
        left: 28%;
        width: 46.9%
    }
}

@media (min-width:768px) {
    .headline-form {
        padding: 10px 20px 11px
    }

    .form-banner-internal {
        left: -9px;
        right: -26px;
        top: -46px
    }

    .box-form-intern .set-height-js {
        padding: 36px 20px 50px
    }
}

@media (min-width:992px) {
    .form-banner-internal {
        top: -310px;
        left: 15px;
        right: 5px;
        max-width: 570px
    }
}

@media (min-width:1501px) {
    .form-banner-internal {
        left: -55px
    }

        .form-banner-internal h6 {
            font-size: 1.375rem;
            line-height: 1.27273
        }

    .headline-form {
        padding: 22px 24px
    }
}

@media only screen and (min-width:1701px) and (min-height:900px) {
    .form-banner-internal {
        top: -405px
    }
}

@media (min-width:992px) {
    .mod-full-width-banner:before {
        top: 97px
    }

    .mod-full-width-banner h3 {
        line-height: 1.53
    }

    .mod-full-width-banner.not-image .w-banner-content {
        margin-top: 0
    }

    .option-middle {
        padding-bottom: 0;
        background: #eaeaea
    }

        .option-middle:before {
            content: none
        }

        .option-middle .w-banner-image {
            position: absolute;
            top: 0;
            right: auto;
            bottom: 0;
            left: 0;
            width: 45.1%;
            margin: 0;
            max-width: 100%
        }

        .option-middle .col-banner-content {
            height: 610px;
            max-width: 53%;
            margin-left: auto;
            padding: 0 20px 0 15px
        }

        .option-middle .w-banner-content {
            padding-left: 0;
            margin: 0
        }

        .option-middle.middle-reverse .w-banner-image {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: auto
        }

        .option-middle.middle-reverse .col-banner-content {
            padding-right: 15px;
            margin: 0
        }

    .w-banner-image {
        margin-bottom: 15px;
        margin-left: -9vw;
        max-width: 849px
    }

        .w-banner-image:before {
            padding-bottom: 67%
        }

    .flex-lg-row-reverse .w-banner-image {
        margin: 0 -9vw 0 0
    }

    .w-banner-content {
        margin-top: 182px
    }

        .w-banner-content h5 {
            line-height: 1.41;
            margin-bottom: 12px
        }
}

@media (min-width:1501px) {
    .w-banner-content {
        padding-left: 44px
    }

    .w-banner-image {
        margin-left: -10vw
    }

    .flex-lg-row-reverse .w-banner-image {
        margin: 0 -10vw 0 0
    }

    .flex-lg-row-reverse .w-banner-content {
        padding: 0 44px 0 0
    }
}

@media (min-width:992px) {
    .ls-gal-img .arrow-prev {
        right: 66px
    }

    .gal-thumb {
        padding-bottom: 54%
    }
}

@media (min-width:992px) {
    .mod-glo-local {
        background-color: #272727
    }

        .mod-glo-local h3 {
            margin-bottom: 33px
        }

        .mod-glo-local .container {
            z-index: 1;
            position: relative
        }

        .mod-glo-local .intro-container {
            min-height: 516px;
            padding-right: 0
        }

        .mod-glo-local a:hover {
            text-decoration: none;
            color: #be2b0b
        }

        .mod-glo-local .arrow-circle {
            color: #be2b0b;
            border-color: #be2b0b
        }

        .mod-glo-local .line-intro:before {
            content: none
        }

        .mod-glo-local .line-intro:after {
            bottom: 0;
            margin-bottom: 0
        }

    .glo-locl-l {
        padding-top: 73px;
        padding-bottom: 72px
    }

        .glo-locl-l p {
            line-height: 1.66667;
            margin-bottom: 48px;
            white-space: nowrap
        }

        .glo-locl-l a {
            color: #fff
        }

    .map-glo-locl {
        width: 118.8%;
        margin-top: -67px;
        position: relative;
        bottom: -17px
    }

        .map-glo-locl img {
            width: 100%
        }

    .text-glo-locl {
        position: absolute;
        bottom: 21.1%;
        left: 37%;
        text-align: right;
        opacity: 0;
        -webkit-transition: opacity .4s ease-in-out;
        -o-transition: opacity .4s ease-in-out;
        transition: opacity .4s ease-in-out
    }

        .text-glo-locl h4 {
            font-size: 2.25rem;
            font-weight: 200;
            font-style: normal;
            line-height: .79032;
            margin-bottom: 30px
        }

        .text-glo-locl h5 {
            padding-right: 24px
        }

        .text-glo-locl em {
            line-height: 14px;
            display: inline-block;
            position: relative;
            top: -4px;
            margin-right: 10px
        }

    .loaded-img .text-glo-locl {
        opacity: 1
    }
}

@media (min-width:992px) and (max-width:1366px) {
    .text-glo-locl h5 {
        font-size: 1.125rem
    }
}

@media (min-width:1367px) {
    .text-glo-locl {
        bottom: 20.5%;
        left: 21.7%;
        text-align: right
    }

        .text-glo-locl h4 {
            font-size: 3.875rem
        }

        .text-glo-locl h5 {
            padding-right: 44px
        }

    .map-glo-locl {
        margin-left: 74px
    }
}

@media (min-width:768px) {
    .line-intro:before {
        margin-right: -59px;
        width: 50px;
        top: 22px
    }

    .line-intro:after {
        width: 1px;
        height: 10000px;
        margin-bottom: -22px;
        left: 9px;
        bottom: 100%
    }

    .firefox .line-intro:before {
        height: 1px
    }

    .firefox .line-intro:after {
        width: 1px
    }

    .intro-container {
        padding-left: 86px
    }

        .intro-container.has-image {
            max-width: 100%;
            padding-right: 25px
        }

    .has-image .line-intro {
        position: absolute;
        top: 15%;
        left: -110px
    }

    .mod-intro .style-ul li:before {
        top: 13px
    }

    .mod-intro .style-ul li:after {
        top: 17px
    }

    .mod-intro li, .mod-intro p {
        margin-bottom: 40px
    }

        .mod-intro li ul {
            margin-top: 40px
        }
}

@media (min-width:992px) {
    .mod-intro p {
        font-size: 1.5rem;
        line-height: 2
    }

    .intro-container {
        padding-left: 82px
    }

        .intro-container.has-image {
            padding-right: 0
        }

    .line-intro:before {
        margin-right: -55px;
        top: 19px
    }

    .line-intro:after {
        left: 5px;
        margin-bottom: -19px
    }

    .intro-img {
        padding-top: 14px
    }

    .intro-text {
        padding-left: 50px
    }

    .has-image .line-intro {
        left: -82px
    }
}

@media (min-width:1200px) {
    .line-intro:before {
        margin-right: -128px;
        width: 128px
    }

    .line-intro:after {
        left: 0
    }

    .intro-container {
        padding-left: 158px
    }

    .has-image .line-intro {
        left: -158px
    }

    .mod-intro p {
        line-height: 1.69444
    }

    .mod-intro .style-ul li:before {
        top: 20px
    }

    .mod-intro .style-ul li:after {
        top: 24px
    }
}

@media (min-width:1200px) and (max-width:1700px) {
    body:not(.home) .intro-comon .line-intro:before, body:not(.home) .mod-intro .line-intro:before {
        width: 80px;
        margin-right: -80px
    }

    body:not(.home) .intro-comon .intro-container, body:not(.home) .mod-intro .intro-container {
        padding: 0 7% 0 120px
    }

    body:not(.home) .intro-comon .has-image .line-intro, body:not(.home) .mod-intro .has-image .line-intro {
        left: -120px
    }
}

@media (min-width:1281px) {
    .intro-container {
        max-width: 1440px;
        padding-right: 95px
    }

    .intro-comon .container, .mod-intro .container {
        max-width: 100%;
        padding: 0 100px 0 66px
    }
}

@media (min-width:1701px) {
    .mod-intro p {
        font-size: 1.75rem;
        line-height: 1.85714
    }

    body:not(.home) .intro-container {
        padding-right: 0
    }
}

@media (min-width:2000px) {
    .intro-comon .container, .mod-intro .container {
        max-width: 1800px;
        padding: 0 15px
    }

    .intro-container {
        padding: 0 0 0 270px;
        max-width: 1470px
    }

    .line-intro:before {
        margin-right: -216px;
        width: 205px
    }

    .line-intro:after {
        left: 11px
    }

    body:not(.home) .intro-container {
        padding: 0
    }

    body:not(.home) .intro-comon .container, body:not(.home) .mod-intro .container {
        max-width: 1370px
    }

    body:not(.home) .line-intro:before {
        margin-right: 39px;
        width: 165px
    }

    body:not(.home) .line-intro:after {
        left: -204px
    }

    body:not(.home) .mod-content .line-intro:before {
        margin-right: 54px;
        width: 150px
    }

    .has-image .line-intro {
        left: 0
    }
}

@media (min-width:2500px) {
    .intro-comon .container, .mod-intro .container {
        max-width: 1877px
    }

    .line-intro:after {
        left: -27px
    }

    .line-intro:before {
        margin-right: -255px;
        width: 282px
    }

    .intro-container {
        padding-left: 344px;
        max-width: 1540px
    }

    body:not(.home) .line-intro:before {
        width: 242px
    }

    body:not(.home) .line-intro:after {
        left: -281px
    }

    body:not(.home) .mod-content .line-intro:before {
        width: 242px;
        margin-right: 39px
    }
}

@media (min-width:768px) {
    .certs-col {
        margin-bottom: 30px
    }
}

@media (min-width:992px) {
    .mod-list-certs .heading {
        margin-bottom: 34px
    }

    .card-inn {
        padding: 28px 30px
    }

    .back-card {
        min-height: 527px
    }

    .card-bg {
        left: 13%
    }

    .flip-bg {
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
        top: 159px
    }
}

@media screen and (min-width:1024px) {
    .ie10 .back-card, .ie10 .front-card, .ie11 .back-card, .ie11 .front-card {
        -webkit-transition: all .4s ease-in-out;
        -o-transition: .4s all ease-in-out;
        transition: all .4s ease-in-out
    }

    .ie10 .back-card, .ie11 .back-card {
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
        opacity: 0;
        visibility: hidden
    }

    .ie10 .certs-card.hovering .flip-card, .ie10 .certs-card:hover .flip-card, .ie11 .certs-card.hovering .flip-card, .ie11 .certs-card:hover .flip-card {
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
        -webkit-transition: 0s;
        -o-transition: 0s;
        transition: 0s
    }

    .ie10 .certs-card.hovering .back-card, .ie10 .certs-card:hover .back-card, .ie11 .certs-card.hovering .back-card, .ie11 .certs-card:hover .back-card {
        opacity: 1;
        visibility: visible
    }

    .ie10 .certs-card.hovering .front-card, .ie10 .certs-card:hover .front-card, .ie11 .certs-card.hovering .front-card, .ie11 .certs-card:hover .front-card {
        visibility: hidden;
        opacity: 0
    }
}

@media screen and (min-width:1024px) and (max-width:1700px) {
    .certs-cont p {
        font-size: 1rem
    }
}

@media (min-width:768px) {
    .mod-list-insights .box-featured-inner {
        padding: 0 0 32px;
        min-height: auto
    }

    .mod-list-insights .box-featured {
        padding: 22px 0 0 22px
    }
}

@media (min-width:992px) {
    .item-list-insi {
        margin-bottom: 52px
    }

    .col-l-li {
        padding-left: 20px
    }

        .col-l-li h1, .col-l-li h3 {
            margin-bottom: 28px
        }

    .mod-list-insights .drop-cus-v2 {
        margin-bottom: 50px;
        position: relative
    }

        .mod-list-insights .drop-cus-v2:after {
            content: "";
            position: absolute;
            bottom: -23px;
            left: 0;
            width: 273px;
            height: 2px;
            max-width: 100%;
            background-color: #000
        }

    .mod-list-insights .box-featured h6 {
        font-weight: 700;
        color: #8d8d8d;
        margin-bottom: 60px;
        border-width: 4px
    }

    .mod-list-insights .box-featured h3 {
        font-weight: 500;
        color: #bd2b0b;
        margin-top: -3px;
        margin-bottom: 35px
    }

    .more-insign {
        margin-top: 33px;
        margin-left: -20px
    }

    .list-pin {
        position: fixed;
        max-width: calc(33.33333vw - 55px)
    }
}

@media (min-width:1200px) {
    .mod-list-insights .box-featured {
        padding: 15px 0 0 15px
    }

        .mod-list-insights .box-featured h3 {
            font-size: 1.75rem
        }

        .mod-list-insights .box-featured a.ps-as:hover + .box-featured-inner:not(.has-btn-more) .arrow-circle {
            border-color: #be2b0b;
            color: #be2b0b
        }

    .mod-list-insights .box-featured-inner {
        padding: 15px 15px 32px
    }
}

@media (min-width:1367px) {
    .list-pin {
        max-width: calc(33.33333vw - 225px)
    }
}

@media (min-width:1701px) {
    .fea-of {
        margin-bottom: 57px
    }

    .mod-list-insights .box-featured {
        padding: 28px 0 0 28px
    }

    .mod-list-insights .box-featured-inner {
        padding: 25px 20px 55px
    }
}

@media (min-width:992px) {
    .mod-list-subpage .col-lg-4 {
        z-index: 2
    }

    .mod-list-subpage .heading {
        margin-bottom: 55px
    }

    .mod-list-subpage .heading-item {
        cursor: pointer
    }

    .subpage-item {
        margin-bottom: 87px;
        opacity: 1;
        -webkit-transition: opacity .3s;
        -o-transition: .3s opacity;
        transition: opacity .3s
    }

        .subpage-item:not(.active) {
            opacity: 1
        }

    .list-subpage-heading.stop {
        position: absolute !important;
        bottom: 0;
        top: auto !important;
        -webkit-transform: none;
        -o-transform: none;
        transform: none
    }

    .list-subpage-heading:last-child {
        margin-bottom: 0
    }

    .heading-item {
        margin-bottom: 33px;
        padding-right: 33px;
        position: relative;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
        opacity: 1
    }

        .heading-item a {
            display: block;
            padding-top: 14px;
            padding-bottom: 8px
        }

            .heading-item a:hover {
                color: inherit
            }

        .heading-item h4 {
            font-size: 1.25rem;
            margin: 0
        }

        .heading-item.active h4, .heading-item.click-active h4 {
            font-weight: 700
        }

        .heading-item.active:before {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 2px;
            background: #979797
        }

    .subpage-content {
        padding-left: 0;
        margin-bottom: 35px
    }

        .subpage-content .bg:before {
            padding-bottom: 46.5%
        }
}

@media (min-width:1025px) {
    .heading-item:hover h4 {
        font-weight: 700
    }
}

@media (min-width:992px) {
    .mod-lr-img-video .btn {
        margin-top: 65px
    }

    .video-background {
        overflow: hidden
    }

        .video-background .embed-responsive {
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%)
        }

            .video-background .embed-responsive:before {
                padding-bottom: 100%
            }

    .lr-content {
        margin-left: auto
    }

    .lr-content, .lr-img {
        max-width: 90%
    }

    .flex-lg-row-reverse .lr-content {
        margin-left: 0
    }

    .flex-lg-row-reverse .lr-img {
        margin-left: auto
    }
}

@media (min-width:768px) {
    .photo-text {
        padding-top: 40px;
        padding-bottom: 80px
    }
}

@media (min-width:992px) {
    .photo-img {
        position: absolute;
        top: 0;
        right: 15px;
        bottom: 0;
        left: auto;
        width: 50vw;
        max-width: 1250px
    }

        .photo-img:before {
            min-height: 657px
        }

    .photo-text {
        min-height: 520px;
        margin-top: 135px;
        padding-top: 98px;
        padding-bottom: 110px;
        position: relative
    }

        .photo-text h3 {
            margin-bottom: 33px
        }

        .photo-text:before {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: -180px;
            border-top: 3px solid #000;
            border-right: 3px solid #000;
            pointer-events: none
        }

    .control-photo-arrow {
        left: 50%;
        margin-left: -15px
    }

        .control-photo-arrow .arrow-next {
            margin-left: 17px
        }

    .photo-text-left .photo-text {
        padding: 98px 0 110px 18px
    }

        .photo-text-left .photo-text:before {
            border-left: 3px solid #000;
            border-right: 0;
            left: 0;
            right: -180px
        }

    .photo-text-left .photo-img {
        right: auto;
        left: 15px
    }

    .photo-text-left .control-photo-arrow {
        left: auto;
        right: 50%;
        margin-left: 0;
        margin-right: -15px
    }
}

@media (min-width:1200px) {
    .photo-text {
        padding: 98px 90px 110px 24px
    }

    .photo-text-left .photo-text {
        padding-right: 24px;
        padding-left: 90px
    }
}

@media (min-width:992px) {
    .mod-related-post .box-featured {
        border-width: 2px
    }

        .mod-related-post .box-featured .arrow-circle {
            width: 29px;
            height: 29px
        }

            .mod-related-post .box-featured .arrow-circle .icomoon {
                font-size: .875rem
            }

    .item-related-post {
        margin-bottom: 35px
    }
}

@media (min-width:1025px) {
    .mod-related-post {
        margin-top: 0
    }

        .mod-related-post .box-featured a.ps-as:hover + .box-featured-inner:before {
            content: none
        }

        .mod-related-post .btn-more .arrow {
            top: 0
        }

        .mod-related-post .text-more span {
            padding: 2px 22px 2px 39px
        }
}

@media (min-width:1200px) {
    .list-related-post {
        margin-top: 10px
    }
}

@media (min-width:992px) {
    .fea-l-col {
        margin-bottom: 42px
    }

        .fea-l-col:last-child {
            margin-bottom: 0
        }

    .mod-related-resources .box-fea-r .box-featured-inner {
        min-height: auto
    }
}

@media (min-width:1200px) {
    .mod-related-resources .heading {
        margin-bottom: 33px
    }

    .mod-related-resources .box-featured {
        padding: 21px 0 0 23px
    }

        .mod-related-resources .box-featured .h5-dt {
            font-size: 1.25rem;
            line-height: 1.3
        }

        .mod-related-resources .box-featured:not(.box-has-image) .box-featured-inner {
            padding: 31px 18px 39px 32px
        }

    .mod-related-resources .box-has-image .box-featured-inner {
        min-height: 255px;
        padding: 39px 79px 25px 42px
    }

        .mod-related-resources .box-has-image .box-featured-inner .h5-dt {
            margin-bottom: 8px
        }

    .mod-related-resources .box-has-image a:hover + .box-featured-inner {
        color: #fff
    }

    .fea-l-col {
        margin-bottom: 0
    }
}

@media (min-width:1200px) and (max-width:1500px) {
    .mod-related-resources .box-fea-r .row {
        height: 100%
    }

    .mod-related-resources .box-fea-r .h5-dt {
        font-size: 1.125rem
    }

    .mod-related-resources .box-featured-inner {
        padding: 31px 15px 39px
    }

    .mod-related-resources .box-featured {
        padding: 15px 0 0 15px
    }

        .mod-related-resources .box-featured:not(.box-has-image) .box-featured-inner {
            padding: 31px 15px 39px
        }
}

@media (min-width:768px) {
    .sponsors-item {
        height: 81px;
        padding: 0 55px
    }

        .sponsors-item a {
            height: 81px
        }

    .mod-sponsors .heading {
        margin-bottom: 50px
    }
}

@media (min-width:1200px) {
    .sponsors-item a {
        -webkit-transition: all .4s ease-in-out;
        -o-transition: .4s all ease-in-out;
        transition: all .4s ease-in-out
    }

        .sponsors-item a:hover {
            opacity: .8
        }
}

@media (min-width:992px) {
    .t-block-r {
        margin-top: 0
    }

    .mod-text-block .d-table {
        padding: 90px 0
    }

    .mod-text-block .container {
        position: relative
    }

    .line-t-block {
        height: 110%;
        right: auto;
        left: -231px;
        width: 817px;
        top: -8px
    }

        .line-t-block img {
            width: 100%;
            height: 100%
        }
}

@media (min-width:1200px) {
    .t-block-l {
        padding-right: 128px
    }

    .mod-text-block p {
        margin-bottom: 28px
    }

    .mod-text-block .d-table {
        padding: 132px 0
    }
}

@media (min-width:992px) {
    .two-col-item:nth-last-child(2) {
        margin-bottom: 0
    }

    .t-col-graphic {
        margin-right: 75px
    }

    .has-graphic {
        padding: 56px 0 34px;
        margin-top: -10px
    }

        .has-graphic .two-col-item {
            margin-bottom: 97px
        }

            .has-graphic .two-col-item:nth-last-child(2) {
                margin-bottom: 0
            }

    .t-col-g-d {
        position: absolute;
        right: 0;
        bottom: 37px;
        margin-right: -157px
    }

    .mod-two-col h3, .mod-two-col h5 {
        margin-bottom: 18px
    }
}

@media (min-width:1200px) {
    .mod-two-col .row {
        margin: 0 -50px
    }

    .two-col-item {
        padding: 0 55px
    }

    .has-graphic .row {
        margin: 0 -20px
    }

    .has-graphic .two-col-item {
        padding: 0 20px
    }
}

@media (min-width:1701px) {
    .two-col-item {
        margin-bottom: 100px
    }

    .mod-two-col h3, .mod-two-col h5 {
        margin-bottom: 27px
    }
}

@media (min-width:992px) {
    .title-workshop {
        padding-left: 0;
        margin-bottom: 103px;
        margin-left: -10px
    }

    .mod-workshop {
        padding: 147px 0
    }

        .mod-workshop.bg-15 .tag-big h2 {
            color: #303030
        }

    .list-worshop {
        margin-left: 55px
    }

    .col-l-ws h3 {
        margin-bottom: 20px
    }

    .col-l-ws img {
        margin-bottom: 30px;
        margin-top: 23px
    }

    .list-item-l {
        margin-top: 20px
    }

        .list-item-l h5 {
            margin-bottom: 15px
        }

    .item-l-ws {
        margin-bottom: 60px
    }

    .list-r-ws {
        margin-top: 15px
    }

    .title-l-worshop {
        margin-bottom: 2px
    }

    .item-r-ws {
        margin-bottom: 88px;
        padding-left: 2px
    }

        .item-r-ws:first-child h3 {
            margin-top: 1px
        }

        .item-r-ws h6 {
            margin-top: 33px
        }
}

@media (min-width:1367px) {
    .title-workshop {
        margin-left: -36px
    }
}

@media (min-width:768px) {
    .img-icons {
        margin-bottom: 28px
    }

    .desc-icons {
        margin-bottom: 14px
    }

        .desc-icons h5 {
            margin-bottom: 17px
        }

    .inner-icons {
        padding-bottom: 49px;
        height: 100%
    }

    .slider-speaker .item-icons {
        padding-top: 0
    }
}

@media (min-width:1200px) {
    .line-icons {
        width: 0;
        height: 2px;
        position: absolute;
        top: 216px;
        left: 50%;
        margin-top: -15px;
        background-color: #979797;
        -webkit-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        -webkit-transition: all .4s ease-in-out;
        -o-transition: .4s all ease-in-out;
        transition: all .4s ease-in-out
    }

    .mod-icons.set-animation {
        overflow-x: hidden
    }

        .mod-icons.set-animation .line-icons {
            width: 200%
        }

    .slider-speaker .img-icons {
        margin-bottom: 20px
    }
}