@media screen and (min-width:1100px) {

    .social,
    .social li a,
    .subscribe a,
    .subscribe a::after,
    .subscribe a::before,
    .subscribe span,
     {
        transition: all .3s ease-in-out
    }


    .subscribe a::after,
    .subscribe a::before {
        content: '';
        position: absolute
    }



    .subscribe a::after {
        width: 100%;
        height: calc(100% + 8px);
        left: 0;
        top: -4px;
        border-radius: 20px;
        background: linear-gradient(135deg, #a07759, #285a71, #edc97d);
        background-size: 300% 300%;
        z-index: -1;
        animation: BorderBox 3s infinite
    }
    .subscribe a::before {
        width: calc(100% - 6px);
        height: calc(100% + 4px);
        left: 3px;
        top: -2px;
        border: 1px solid #edc97d;
        border-radius: 18px;
        opacity: .5
    }
    .subscribe:hover a {
        color: #fff
    }
    .subscribe:hover a::after {
        background: #2c5c72;
        animation-play-state: paused;
        box-shadow: 0 30px 30px rgba(0, 0, 0, .2)
    }
    .subscribe:hover a::before {
        border-color: #fff
    }
    .social li:hover .foreground {
        stroke-dashoffset: 0
    }
    .share li:hover a,
    .social li:hover a {
        color: #edc97d
    }

    .foreground {
        transition: all .6s ease-in-out
    }


    .box-nav li,
    .copyright a,
    .footer,
    .language li a,
    .link-home a,
    .logo,
    .nav li a,
    .search-but,
    .sign-up,
    .slide-page span:not(.dot-number),
    .slide-page span:not(.dot-number):before,
    .social,
    .social li a,
    .sub-nav li a,
    .video-a,
    .wheel {
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
    .header.hide .search-but:hover,
    .link-home a:hover,
    .search-but:hover {
        color: #d5b051
    }
    .language li a:hover {
        color: #e2b95d
    }
    .google-map:hover {
        color: #e2b95d
    }
    .copyright a:hover {
        color: #d5b051
    }
    .social li a:hover {
        opacity: 1;
        transform: scale(1.2, 1.2)
    }
    .nav li a:hover {
        color: #0b5b79
    }
    .nav li a.link-home:hover {
        color: #e2b95d;
        border-color: #e2b95d
    }
    .slide-page:hover span:not(.dot-number)::before {
        opacity: 1
    }
    .box-nav li:hover {
        opacity: 1
    }
    .sign-up:hover {
        color: #f89b2c
    }
    .sign-up:hover svg {
        -webkit-animation: Shake .9s cubic-bezier(.175, .885, .32, 1.275);
        animation: Shake .9s cubic-bezier(.175, .885, .32, 1.275);
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1
    }
    .title-main h2 {
        background: -webkit-linear-gradient(0deg, #f6edb7, #e4bb5f);
        background-clip: border-box;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
    .title-page h1 {
        background: -webkit-linear-gradient(0deg, #f6edb7, #e4bb5f);
        background-clip: border-box;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }
    .box-nav,
    .sub-news {
        opacity: 0
    }
    .box-nav.show,
    .sub-news.show {
        opacity: 1
    }
    .box-nav li:hover a,
    .sub-news li:hover a {
        color: #eee481
    }
    .box-nav li:hover a::before,
    .sub-news li:hover a::before {
        background-color: #eee481
    }
    .nav-click span:nth-child(1)::before,
    .nav-click span:nth-child(2),
    .nav-top a {
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
    .nav-top a:hover {
        opacity: .7
    }
    .nav-click:hover span:nth-child(2) {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg)
    }
    .nav-click:hover span:nth-child(1)::before {
        color: #e2b95d
    }
    .active .language,
    .active .nav-top {
        display: none
    }
    .logo.active {
        left: auto;
        left: 60px;
        top: 60px;
       /* width: 200px;
        height: 200px*/
    }
    .show .nav-top a {
        -webkit-animation: BorderBox 5s infinite;
        animation: BorderBox 5s infinite
    }
    .nav-click.active:hover::after,
    .nav-click.active:hover::before {
        background-color: #fff
    }
    .nav-click.active:hover span:nth-child(1) {
        border-color: #fff
    }
    .nav-click span,
    .nav-click span::after,
    .nav-click::after,
    .nav-click::before {
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
    .nav-click:hover:after {
        border-color: #eee481
    }
    .nav-click:hover:before {
        background-color: #d5b051
    }
    .print-box>a {
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
    .share-but.active,
    .share-but:hover {
        background-color: rgba(0, 0, 0, .2)
    }
    .share-item li a::after,
    .share-item li a::before {
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
    .share-item li a:hover::after {
        opacity: 1
    }
    .share-item li a:hover::before {
        opacity: 0
    }
    .share-item li:hover {
        border-color: #ed1c24
    }
    .share-item li {
        -webkit-transition: all .3s cubic-bezier(.44, .39, .34, 1.03);
        transition: all .3s cubic-bezier(.44, .39, .34, 1.03)
    }
    .close,
    .close-album,
    .close-details,
    .close-map,
    .close-news svg,
    .close-news::after,
    .close-pics,
    .close-popup,
    .close-top,
    .close-video,
    .full-map,
    .go-back svg,
    button {
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
    .close-top:hover {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    .close-details:hover {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    .zoom-large:hover {
        background-color: #a89c85
    }
    .close-album:hover,
    .close-news:hover svg,
    .close-news:hover::after,
    .close-pics:hover,
    .close-popup:hover,
    .close-video:hover,
    .close:hover,
    .go-back:hover svg,
    .go-back:hover::after,
    .zoom-large:hover::after {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    .btn-1,
    .go-top {
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
    .go-top:hover {
        background-color: rgba(0, 0, 0, .2)
    }
    .close-infobox,
    .zoom-control a {
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
    .full-map:hover,
    .zoom-control a:hover {
        background-color: #0b5b79
    }
    .close-infobox:hover,
    .close-map:hover {
        background-color: #d5b051!important
    }
    .input-but button:hover {
        opacity: .7
    }
    .item-search a,
    .item-search::before {
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
    .item-search:hover a,
    .item-search:hover::before {
        background-color: #ed1c24!important
    }
    .item-box,
    .item-download,
    .item-news-home,
    .item-video,
    .slide-video-play-icon {
        cursor: pointer
    }
    .slide-pics .slide-pagination {
        position: absolute;
        top: 50%;
        right: 5vw;
        transform: translate(-50%, 0);
        width: auto;
        margin: 0
    }
    .slide-pics .slide-pagination .slide-page {
        cursor: pointer;
        width: 10px;
        height: 10px;
        display: block;
        margin: 20px 0;
        background-color: #fff;
        -webkit-border-radius: 50%;
        border-radius: 50%
    }
    .slide-pics .slide-pagination .slide-page::before {
        content: ' ';
        position: absolute;
        width: calc(100% + 10px);
        height: calc(100% + 10px);
        top: -5px;
        left: -5px;
        border: 1px solid #e1b95d;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        opacity: 0;
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
    .slide-pics .slide-pagination .slide-page span,
    .slide-pics .slide-pagination .slide-page span after {
        display: none
    }
    .slide-pics .slide-pagination .slide-page.active::before {
        opacity: 1
    }
    .slide-pics .slide-pagination .slide-page.active,
    .slide-pics .slide-pagination .slide-page:hover {
        background-color: #e1b95d
    }
    .slide-pics .slide-pagination .slide-page:hover::before {
        opacity: 1
    }
    .company-info li a,
    .date-thumb,
    .item-news-home,
    .item-video-home,
    .more-h,
    .play-button,
    .title-fa::before,
    .title-faci,
    .title-main h2::after,
    .view-more,
    .view-more::after,
    .view-video {
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
    .pic-img {
        -webkit-transition: all .6s ease-in-out;
        transition: all .6s ease-in-out
    }
    .item-faci-home:hover .pic-img.first {
        opacity: 1
    }
    .title-faci::before {
        content: ' ';
        position: absolute;
        bottom: -10px;
        left: 0;
        width: 0;
        height: 1px;
        background-color: #fff
    }
    .item-faci-home:hover .title-faci {
        margin: 15px
    }
    .item-faci-home:hover .title-faci::before {
        width: 100%
    }
    .item-faci-home:hover .title-main h2::after {
        width: 50%
    }
    .view-more:hover::before {
        -webkit-animation: Shake .9s cubic-bezier(.175, .885, .32, 1.275);
        animation: Shake .9s cubic-bezier(.175, .885, .32, 1.275);
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1
    }
    .view-more:hover {
        color: #f6edb6
    }
    .view-more:hover::after {
        opacity: .7
    }
    .company-info li a:hover {
        color: #f6edb6
    }
    .item-news-home:hover .pic-img {
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }
    .item-video-home:hover .play-button {
        -webkit-transform: rotate(120deg);
        transform: rotate(120deg)
    }
    .item-video-home:hover .bg-video {
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1)
    }
    .item-news-home:hover .date-thumb {
        background-color: #fff;
        color: #0b5b79
    }
    .item-news-home:hover .more-h {
        opacity: 1
    }
    .pic-zoom-in::after,
    .pic-zoom-in::before,
    .pic-zoom-out::after,
    .pic-zoom-out::before {
        -webkit-transition: all .6s ease-in-out;
        transition: all .6s ease-in-out
    }
    .pic-zoom-in:hover::before,
    .pic-zoom-out:hover::before {
        background-color: transparent
    }
    .pic-zoom-in:hover::after,
    .pic-zoom-out:hover::after {
        opacity: 1
    }
    .house-text {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
    .house-text.show {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    .num {
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
    .num.hide {
        display: none
    }
    .info-block {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
    .info-block.show {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    .dot-num,
    .note-facilities li a,
    .sub-nav li a {
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
    .dot-num:hover {
        background-color: #f05f21
    }
    .note-facilities li.current a,
    .note-facilities li:hover a {
        background-color: #f05f21
    }
    .sub-nav li a:hover {
        background-color: #825a00;
        color: #fff
    }
    .share li a {
        -webkit-transition: all .6s ease-in-out;
        transition: all .6s ease-in-out
    }
    .share li a:hover {
        border-color: #946c49;
        color: #946c49
    }
    .item-box,
    .item-download,
    .item-download h3,
    .item-name h3,
    .item-video,
    .item-video h3,
    .slide-video-play-icon::after,
    .slide-video-tn,
    .view-album::after,
    .view-pdf::after {
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
    .item-box:hover .view-album::after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    .item-box:hover {
        border-color: #fff
    }
    .item-box:hover .item-name h3 {
        background-color: #fff;
        color: #333
    }
    .item-box:hover .pic-img {
        background-position: 100% 100%
    }
    .item-video:hover .view-video::after {
        -webkit-transform: rotate(120deg);
        transform: rotate(120deg)
    }
    .item-video:hover .slide-video-tn {
        background-position: 100% 100%
    }
    .item-video:hover {
        border-color: #fff
    }
    .item-video:hover h3 {
        background-color: #fff;
        color: #333
    }
    .item-download:hover .view-pdf::after {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
    .item-download:hover .pic-img {
        background-position: 100% 100%
    }
    .item-download:hover {
        border-color: #fff
    }
    .item-download:hover h3 {
        background-color: #fff;
        color: #333
    }
    .logo::after,
    .pic-thumb {
        -webkit-transition: all .6s ease-in-out;
        transition: all .6s ease-in-out
    }
    .head-text h3 {
        -webkit-transition: color .3s ease-in-out;
        transition: color .3s ease-in-out
    }
    .head-text p {
        -webkit-transition: color .3s ease-in-out;
        transition: color .3s ease-in-out
    }
    .go-news {
        -webkit-transition: opacity .3s ease-in-out;
        transition: opacity .3s ease-in-out
    }
    .box-progress,
    .link-page {
        -webkit-transition: background-color .3s ease-in-out;
        transition: background-color .3s ease-in-out
    }
    .link-page:hover {
        background-color: #fff
    }
    .link-page:hover .go-news {
        opacity: 1
    }
    .link-page:hover .head-text h3 {
        color: #333
    }
    .link-page:hover .head-text p {
        color: #999
    }
    .link-page:hover .pic-thumb {
        background-position: 100% 100%
    }
    .grid-item {
        opacity: 0;
        -webkit-transition: opacity .5s ease-in-out;
        transition: opacity .5s ease-in-out
    }
    .grid-item.show {
        opacity: 1
    }
    .title-news {
        position: absolute;
        top: 50%;
        left: 55px;
        height: auto;
        display: block;
        z-index: 5;
        transform: translateY(-50%) translateX(-50%) rotate(-90deg)
    }
    .title-news h2 {
        font-size: 30px;
        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
        display: inline-block;
        position: relative
    }
    .box-progress,
    .box-progress h3,
    .pic-progress,
    .select-box li,
    .view-video::after {
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
    .box-progress:hover .pic-progress {
        background-position: 100% 100%
    }
    .box-progress:hover {
        border-color: #fff
    }
    .box-progress:hover h3 {
        background-color: #fff;
        color: #333
    }
    .box-progress:hover .view-album::after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    .box-progress:hover .view-video::after {
        -webkit-transform: rotate(120deg);
        transform: rotate(120deg)
    }
    .select-box li:hover {
        background-color: #316c74
    }
}