/*

Module From Mobile version site

*/

/* xl-размер (>=1200px) */
/* CSS для >=1200px */
.tg-userdropdown {
    display: inline;
    line-height: 55px;
}


.tg-panel h4:hover,
.tg-panel h4.active{}
.tg-panel h4:after{
    right: 10px;
    top: 15px;
    content:'+';
    width: 30px;
    height: 30px;
    color:#676767;
    display:block;
    font-size:16px;
    line-height:26px;
    position:absolute;
    text-align:center;
    border-radius: 50%;
    border: 1px solid #676767;
    font-family:'FontAwesome';
}

.tg-panel h4:hover:before,
.tg-panel h4.active:before{
    height: 100%;
}

.tg-panel h4:hover:after,
.tg-panel h4.active:after{ content:'-'; }
.tg-panelcontent{
    width:100%;
    float:left;
    padding: 30px 0 0;
}


.tg-panel h4:before {
    position: absolute;
    content: "";
    left: -10px;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #fee133;
    height: 0;
    width: 10px;
    transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
}

.tg-panel h4:hover:after, .tg-panel h4.active:after {
    content: '-';
}

.tg-panel h4:after {
    right: 10px;
    top: 15px;
    content: '+';
    width: 30px;
    height: 30px;
    color: #676767;
    display: block;
    font-size: 16px;
    line-height: 26px;
    position: absolute;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #676767;
    font-family: 'FontAwesome';
}

.tg-logo {
    display: block;
}

.mobile_logo {
    display: none;
}


.tg-features {
    width: 100%;
    float: left;
    margin: -30px 0;
}

.tg-sectionspace
{
    padding-top: 40px;
    padding-bottom: 40px;
}

.owl-dots {
    margin-top:-50px;
    position: relative;
}

.tg-sectiontitle {
    width: 100%;
    float: left;
    padding: 0 0 30px;
}

.tg-navigation-mobile {
    display: none;
}

.mobile-menu {
    display: none;
}







/* lg-размер (<=1199px) */
@media (max-width:1199px){
    .tg-nav {padding: 0 50px 0 40px;}
    body.tg-login .tg-nav {padding: 0 250px 0 190px;}
    .tg-navigation ul li {padding: 0 15px;}
    .tg-headervtwo .tg-navigation > ul > li {margin: 0 15px;}
    .tg-btndropdown {padding: 0 15px;}
    .tg-socialsignin .tg-socialicons {padding: 19px 15px 19px 0;}
    .tg-socialsignin .tg-socialicons li {padding: 0 0 0 10px;}
    .tg-homeslider .item figcaption {padding: 200px 0;}
    .tg-homeslidervtwo .item figcaption {padding: 250px 0;}
    .tg-homesliderthumbnails .item figcaption{padding:70px 0;}
    .tg-homebanner .item figcaption {padding: 300px 0;}
    .tg-homebannervtwo .item figcaption {padding: 250px 0 0;}
    .tg-destinations li {padding: 0 38px 30px 0;}
    .tg-newcontent .tg-description p,
    .tg-footercolumn .tg-widgetcontent .tg-newcontent h4 a{
        width:100%;
        display:block;
        overflow:hidden;
        white-space:nowrap;
        text-overflow:ellipsis;
    }
    .tg-navtbs li a {padding: 0 35px;}
    .tg-post.tg-verticaltop{width:33.33%;}
    .tg-pkgplantitle h2 {
        font-size: 22px;
        line-height: 22px;
    }
    .tg-pkgplanfoot .tg-btn {padding: 0 25px;}
    .tg-pkgplanprice {
        margin: 15px 0;
        font-size:30px;
        line-height:30px;
    }
    .tg-ediprofile .tg-dashboardcontent .form-group{width:100%;}
    .tg-priceavailability .tg-pricearea {padding: 70px 0 40px;}
    .tg-populartourvtwo .tg-populartourcontent {padding: 0 200px 0 0;}
    .tg-populartourvtwo .tg-populartourtitle {padding: 0 0 18px;}
    .tg-priceavailability {
        width: 190px;
        padding: 0 30px;
    }
    .tg-availhead {padding: 0 10px;}
    .tg-availhead time {font-size: 12px;}
    .tg-populartourvtwo .tg-populartourcontent .tg-description p {margin: 0 0 10px;}
    .tg-listingvone .tg-populartourcontent .tg-durationrating {width: 51%;}
    .tg-likeshare > li {padding: 0 5px;}
    .tg-likeshare > li:first-child{padding-left:0;}
    .tg-listingvsix .tg-priceavailability .tg-pricearea {padding: 70px 0 43px;}
    .tg-widgetlatesttour .tg-widgetcontent ul li figure{
        width: 80px;
        height:auto;
    }
    .tg-widgetlatesttour .tg-widgetcontent .tg-newcontent > h4{margin:0 0 5px;}
    .tg-widgetlatesttour .tg-widgetcontent h4 a{
        width:100%;
        display:block;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .tg-widgetlatesttour .tg-widgetcontent .tg-pricearea{
        float:left;
        clear:both;
    }
    .tg-formsubscribe {padding: 0 40px 132px;}
    .tg-widgetpersonprice ul li .tg-perperson em{
        float:left;
        clear:both;
        padding:10px 0 0;
    }
    .tg-durationrating {width: 55%;}
    .tg-formbookingdetail fieldset {padding: 0 150px;}
    .tg-refundinfo .tg-description p {font-size:14px;}
    .tg-bookingdetailstyle .tg-box h3 {min-width: 140px;}
    .table-responsive tbody:first-child tr{display:none;}
    .tg-cartproductdetail .table-responsive tbody tr td:first-child,
    .tg-cartproductdetail .table-responsive tbody tr td,
    .table-responsive tbody tr td{
        width:100%;
        float:left;
        position:relative;
        padding:20px 0 20px 150px;
    }
    .table-responsive tbody tr td:before{
        left:0;
        top:0;
        width:50%;
        content:attr(data-title);
        position:absolute;
        font-size:15px;
        line-height:15px;
        font-weight:bold;
        color:#000;
        text-transform:capitalize;
        text-align:left;
        padding:20px 0;
    }
}

/* md-размер (<=991px) */
@media (max-width:991px) {

    .tg-slidercontent h1 {
        color: #fff;
        margin: 0 0 20px;
        font-size: 35px;
        font-weight: 700;
        line-height: 55px;
        text-align: center;
    }

    .navbar-header {
        float: right;
        border-radius: 5px;
        margin: 13px 20px 13px 0;
    }

    .navbar-toggle {
        margin: 0;
        border: 0;
        padding: 10px;
        display: block;
        border-radius: 0;
    }

    .navbar-toggle .icon-bar {
        background: #000;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .collapse.in {
        display: block !important;
    }

    .tg-navigation {
        left: 0;
        top: 100%;
        width: 100%;
        z-index: 99;
        background: #fff;
        position: absolute;
    }

    .tg-headervtwo .navbar-header {
        margin: 0;
    }

    .tg-homeslider .item figcaption {
        padding: 150px 0;
    }

    .tg-homesliderthumbnails .item figcaption {
        padding: 70px 0;
    }

    .tg-homebanner .item figcaption {
        padding: 250px 0;
    }

    .tg-homebannervtwo .item figcaption {
        padding: 180px 0 0;
    }

    .tg-slidercontent h2 {
        font-size: 35px;
        line-height: 30px;
    }

    .tg-findtour .tg-formtrip fieldset {
        margin: -5px;
    }

    .tg-formtrip fieldset {
        padding: 0;
        width: auto;
        float: none;
        clear: both;
        margin: -5px -5px 0 -5px;
        /*		overflow:hidden; */
    }

    .tg-formtrip .form-group,
    .tg-formtrip .form-group:nth-child(3),
    .tg-formtrip .form-group:nth-child(4) {
        width: 50%;
        padding: 5px;
    }

    .tg-formtrip .form-group:last-child {
        width: 100%;
        text-align: center;
        margin-top: 25px;
    }


    .tg-formtrip .form-group:first-child {
        padding-left: 5px;
    }

    .tg-formtrip .tg-btn {
        position: relative;
    }

    .tg-tourdestinationbigbox .tg-adventuretitle h2 {
        font-size: 35px;
        line-height: 30px;
    }

    .tg-ourdestination figure {
        margin: 0 0 50px;
    }

    .tg-adventuretitle h2 {
        font-size: 25px;
        line-height: 24px;
    }

    .tg-post {
        padding: 15px 0;
    }

    .tg-fourcolumns {
        padding: 90px 0;
    }

    .tg-footercolumn {
        padding: 30px 0;
        min-height: 260px;
    }

    .tg-tabcontent {
        padding: 50px 50px 0;
    }

    .tg-featuretitle h2 {
        font-size: 18px;
        line-height: 15px;
    }

    .tg-pkgplans {
        margin: -15px 0;
    }

    .tg-pkgplan {
        margin: 15px 0;
    }

    .tg-textbox .tg-sectiontitle h2 {
        font-size: 25px;
        line-height: 25px;
    }

    .tg-contactinfo li h2 {
        font-size: 16px;
        line-height: 17px;
    }

    .tg-yourorder .tg-perperson em {
        float: left;
        padding: 10px 0 0;
    }

    .tg-dashboardcontent .tg-content {
        width: 100%;
        float: left;
    }

    .tg-dashboard .tg-profile figure {
        margin: 0 0 30px;
    }

    .tg-imgholder {
        padding: 0 0 30px;
    }

    .tg-fulltourdetail .tg-box h3 {
        padding: 10px 0 30px;
    }

    .tg-populartourvtwo .tg-populartourcontent {
        width: 100%;
        float: left;
    }

    .tg-populartourvtwo figure {
        width: 100%;
        margin: 0 0 35px;
    }

    .tg-priceavailability .tg-pricearea {
        padding: 70px 0 40px;
    }

    .tg-priceavailability .tg-btn {
        height: 40px;
        line-height: 40px;
    }

    .tg-priceavailability .tg-btn:after {
        bottom: 10px;
    }

    .tg-priceavailability .tg-btn:hover:after {
        bottom: 0;
    }

    .tg-comingsooncontent h2 {
        margin: 0 0 70px;
    }

    .tg-counterholder span {
        font-size: 55px;
        line-height: 40px;
    }

    .tg-counterholder span:last-child {
        font-size: 25px;
        line-height: 25px;
    }

    .tg-formsubscribe {
        padding: 0 40px 80px;
    }

    .tg-cart {
        margin: 0 0 30px;
    }

    .tg-head .tg-select {
        float: left;
    }

    .tg-bookinginfo h2 {
        font-size: 25px;
        line-height: 25px;
    }

    .tg-formbookingdetail fieldset {
        padding: 0 60px;
    }

    .tg-tripinfo li {
        padding: 0 10px;
    }

    .tg-refundshare .tg-likeshare {
        float: left;
        padding: 20px 0 0;
    }

    .tg-tourpaymentdetail {
        padding: 0 0 30px;
    }

    .tg-loginsingup .tg-navtbs li a {
        padding: 0 20px;
    }

    .tg-contentarea {
        width: 100%;
        background: -moz-linear-gradient(top,
        rgba(255, 255, 255, 0.5) 0%,
        rgba(255, 255, 255, 0.9) 100%);
        background: -webkit-linear-gradient(top,
        rgba(255, 255, 255, 0.5) 0%,
        rgba(255, 255, 255, 0.9) 100%);
        background: linear-gradient(to bottom,
        rgba(255, 255, 255, 0.5) 0%,
        rgba(255, 255, 255, 0.9) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#80ffffff', GradientType=0);
    }
}

/* sm-размер (<=768px) */
@media (max-width:767px){
    .tg-destinationsslider{padding:0 15px;}
    .tg-slidercontent h1 {
        font-size: 35px;
        line-height: 35px;
    }
    .tg-slidercontent h2 {
        margin:0 0 40px;
        font-size: 25px;
        line-height: 25px;
    }
    .tg-calltoaction h2 {
        font-size: 25px;
        line-height: 22px;
    }
    .tg-themetabnav{display:block;}
    .tg-themetabnav li{
        float:left;
        width:33.33%;
        display:block;
        padding:10px;
    }
    .tg-homeslidervtwo .tg-slidercontent h1 {line-height: 40px;}
    .tg-homeslidervtwo .item figcaption {padding: 250px 0 170px;}
    .tg-homebanner .tg-slidercontent h1 {
        font-size: 35px;
        line-height: 30px;
    }
    .tg-homebanner .tg-slidercontent h2 {
        font-size: 26px;
        line-height: 26px;
    }
    .tg-innerbannervtwo .tg-sectionspace {padding: 300px 0 100px;}
    .tg-aboutus figure,
    .tg-aboutus .tg-textbox{min-height:355px;}
    .tg-productinfo{padding:30px 0 0;}
    .tg-box.tg-profile{margin:30px 0 0;}
    .tg-dashboardcontent .form-group{width:100%;}
    .tg-404errorcontent h1 {
        font-size: 100px;
        line-height: 75px;
    }
    .tg-404errorcontent h2 {
        font-size: 30px;
        line-height: 30px;
    }
    .tg-footercolumn {min-height: 290px;}
    .tg-listingvsix .tg-priceavailability .tg-pricearea {padding: 63px 0 47px;}
    .tg-bookinginfo h2 {
        font-size: 20px;
        line-height: 20px;
    }
    .tg-comingsooncontent {padding: 150px 0 0;}
    .tg-formbookingdetail .form-group{
        width:100%;
        padding:10px 0;
    }
    .tg-formbookingdetail .form-group:last-child{
        width:50%;
        float:right;
    }
    .tg-bookingtabs .tg-themetabnav li{width:20%;}
    .tg-bookingdetailstyle .tg-box h3{
        width:100%;
        margin:0 0 15px;
    }
    .tg-bookingdetailstyle .tg-content{
        width:100%;
        float:left;
    }
    .tg-bookingdetailstyle .tg-box {margin: 0;}
    .tg-reviewformarea .form-group{width:100%;}
    .table-responsive{border:0;}
    .tg-listingvsix{padding:0 0 50px;}
}

/* xs-размер (<=575px) */
@media (max-width:568px){

.more-icon-preocess.process-model li span {
        font-size: 23px;
        height: 50px;
        line-height: 46px;
        width: 50px;
    }
.more-icon-preocess.process-model li::after {
        top: 24px;
    }

    .mobile-menu {
        display: flex;
    }

    .tg-nohome {
        padding-top: 120px!important;
    }


    .tg-userdropdown {
        display: inline;
        line-height: 32px;
    }

    .tg-btndropdown span, .tg-btndropdown i {
        line-height: 34px;
        color:#5d5d5d;
    }

    .tg-topbar {
        display: none;
    }

    .tg-logo{
        display: none;
    }

    .mobile_logo {
        display: block;
        margin-top:0;
        align-content: end;

    }


    .button-mobile-search {
        margin-top:25px;
    }

    .tg-nav{
        padding: 0;
        float: left;
        width: auto;
        position: static;
    }

    .mobile-form-search {
        margin-top: -90px;
    }

    .tg-main-account {
        background-image: none;

    }

    .tg-sectionspace:first-child {
        padding-top: 20px;
        padding-bottom: 40px;
    }

    .ext_search {
        display:none;
    }


    .tg-sectionspace:not(:first-child) {
        margin-top:20px;
        padding: 15px;
    }

    .tg-featuretitle h2 span {
        padding: 0 8px 0 0;
        font-size: 28px;
    }

    .tg-featuretitle {
        padding: 0 0 10px;
    }

    .tg-feature {
        line-height: 15px;
        margin-bottom:40px;
    }

    .mobile-autopark {
        margin-top:30px;
    }

    .tg-parallax .tg-sectiontitleleft .tg-btnvtwo {
        margin: 30px 0 20px 0;
    }

    .tg-description {
        width: 100%;
        float: left;
        font-size: 16px;
        padding: 0 0 35px;
    }

    .tg-calltoaction .tg-btn {
        margin-bottom:60px;
    }

    .mobile-partners {
        padding-top: 80px;

    }

    .tg-destination figure figcaption .tg-description p {
        margin: 0;
        line-height: 20px;
    }

    .tg-pattern {
        width: 100%;
        float: left;
        padding: 60px 0 15px;
    }

    .tg-userbox .tg-btn {
        color: #000;
        display: block;
        padding: 0 25px;
        line-height: 32px;
        height: 32px;
    }

    .tg-socialsignin .tg-btn:after {
        background: none;
    }

    .tg-navigation-mobile {
        display: block;
        color: #fff;
        width: 100%;
        float: left;
        padding: 0 0 0 0;
    }

    .tg-homevone .tg-header {
        background: #000000ab;
    }

    .tg-navigation-mobile .tg-addnavcartsearch .tg-addnav {
        font-size:12px;
    }

    .tg-addnavcartsearch nav {
        float: left;
        text-align: center;
        text-transform: uppercase;
        font: 300 10px / 40px Montserrat, Arial, Helvetica, sans-serif;
        align-content: center;

    }

    .tg-infonav {
        flex-basis: 35%;
        padding-left: 1em;

    }

    .tg-contentarea {
        padding-top: 60px;
        padding-bottom: 30px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .tg-contentarea .close {
        top:40px;
    }


    .tg-panel h4:after {
        display:none;
    }

    .tg-panel h4:before{
        display:none;
    }

    body.tg-login .tg-nav{padding:0;}
    .tg-navigationarea
    {   padding:0;
        background-color: #fee133;
    }
    .navbar-header {margin: 0 0 0 0;}
    .tg-socialsignin .tg-socialicons {padding: 19px 10px 19px 0;}
    .tg-btndropdown {
        padding: 0 6px;
        height: 32px;
    }
    .tg-homeslider .item figcaption {padding: 100px 0;}
    .tg-homeslidervtwo .item figcaption {padding: 250px 0 170px;}
    .tg-homesliderthumbnails .item figcaption {padding: 70px 0;}
    .tg-homebanner .item figcaption {padding: 200px 0;}
    .tg-homebannervtwo .item figcaption {padding: 180px 0 0;}
    .tg-homesliderfull .tg-slidercontent h1 {
        font-size: 35px;
        line-height: 25px;
    }
    .tg-homesliderfull .tg-slidercontent h2 {
        font-size: 22px;
        line-height: 16px;
    }
    .tg-homebanner .tg-slidercontent h1 {
        font-size: 25px;
        line-height: 25px;
    }

    .tg-tourdestination,
    .tg-tourdestination + .tg-tourdestination{width:100%;}
    .tg-partners li {
        width: 33.33%;
        padding: 20px 15px;
    }

    .tg-dropdownusermenu {
        margin: 0;
        width: 100%;
        font-size: 14px;
        line-height: 30px;
        list-style: none;
        border-radius: 0;
        transform: translate(0px, 34px)!important;
        background: #757575a3;
        border: 1px solid rgba(255, 255, 255, .3);
    }

    .tg-formtrip {
        margin-top: 330px;
    }

    .tg-margintopbot {
        margin-top: 0;
        margin-bottom: 40px;
    }

    .tg-parallax {
        display: none;
    }

    .tg-formtrip .form-group,
    .tg-formtrip .form-group:nth-child(3),
    .tg-formtrip .form-group:nth-child(4){width:100%;}
    .tg-bannerholder{height:970px;}
    .tg-bannerholder .tg-homeslider .item,
    .tg-bannerholder .tg-slidercontent{padding:0;}

    .tg-slidercontent h3 {
        font-size: 16px;
    }

    .tg-bannerholder .tg-slidercontent h1 {
        font-size: 22px;
        line-height: 22px;
        margin:0 0 10px;
    }
    .tg-bannerholder .tg-slidercontent h2 {
        margin: 0 0 20px;
        font-size: 18px;
        line-height: 18px;
    }
    .tg-formtrip .tg-btn{
        padding:0;
        width:100%;
    }
    .tg-latestproducts .row > [class^="col-"],
    .tg-latestproducts .row [class*="col-"],
    .tg-listingvfour > [class^="col-"],
    .tg-listingvfour > [class*="col-"],
    .tg-listing .row > [class^="col-"],
    .tg-listing .row [class*="col-"],
    .tg-posts > [class^="col-"],
    .tg-posts [class*="col-"],
    .tg-trendingtrips > [class^="col-"],
    .tg-trendingtrips [class*="col-"],
    .tg-fourcolumns > div > div > [class^="col-"],
    .tg-fourcolumns > div > div > [class*="col-"]{width:100%;}
    .tg-footercolumn {min-height: auto;}
    .tg-themetabnav li {
        width: 50%;
        min-width: 200px;
    }
    .tg-post.tg-verticaltop{width:100%;}
    .tg-commenthead .tg-author time {
        clear: both;
        margin: 8px 0 0;
    }
    .tg-innerbannervtwo.tg-innerbanner h1 {
        font-size: 25px;
        line-height: 30px;
    }
    .tg-panel h4 {
        font-size: 14px;
        font-weight: 500;
        line-height: 17px;
        padding:0 40px 0 0;
    }
    .tg-headervtwo .tg-infonav{width:100%;}
    .tg-headervtwo .tg-infonav ul li:nth-child(1),
    .tg-headervtwo .tg-infonav ul li:nth-child(2) {float: left;}
    .tg-headervtwo .tg-infonav ul li:nth-child(3),
    .tg-headervtwo .tg-infonav ul li:nth-child(4) {float: right;}
    .tg-populartourvtwo .tg-populartourcontent{padding:0;}
    .tg-listingvthree .tg-sectiontitle{padding:0 0 30px;}
    .tg-populartourvtwo .tg-populartourfoot{padding:20px 0 0;}
    .tg-priceavailability{
        width:100%;
        float:left;
        margin:30px 0 0;
        position:relative;
    }
    .tg-priceavailability .tg-pricearea {padding:80px 0 50px;}
    .tg-priceavailability .tg-btn {
        height: 60px;
        line-height: 60px;
    }
    .tg-priceavailability .tg-btn:after{bottom:20px;}
    .tg-priceavailability .tg-btn:hover:after{bottom:0;}
    .tg-listing .tg-trendingtrip{padding:40px 0 0;}
    .tg-counterholder {
        width:50%;
        padding: 20px;
    }
    .tg-formsubscribe{padding: 0 0 80px;}
    .tg-formsubscribe .form-group{padding:0;}
    .tg-formsubscribe .form-group .form-control{margin:0 0 30px;}
    .tg-formsubscribe .form-group .tg-btn{position:relative;}
    .tg-formbookingdetail .form-group:last-child{width:100%;}
    .tg-bookingtabs .tg-themetabnav li{width:100%;}
    .tg-itinerary .tg-bookingdetail + .tg-bookingdetail{padding:0;}
    .tg-review .tg-author{margin:0 0 30px;}
    .tg-reviewcontent{
        width:100%;
        float:left;
    }
    .tg-filterby .tg-durationrating{width:100%;}
    .tg-filterby .tg-select{float:left;}
    .tg-filterby .tg-select select {padding: 10px 90px 10px 20px;}
    .tg-tourname .tg-populartourtitle h3{
        font-size:14px;
        line-height:17px;
    }
    .tg-signupwith .tg-sharesocialicon li a {padding: 0 15px;}
}

@media screen and (max-width: 380px) {
    .process-model.more-icon-preocess li {
        width: 16%;
    }
    .more-icon-preocess.process-model li span {
        font-size: 16px;
        height: 35px;
        line-height: 32px;
        width: 35px;
    }
    .more-icon-preocess.process-model li p {
        font-size: 8px;
    }
    .more-icon-preocess.process-model li::after {
        top: 18px;
    }
    .process-model.more-icon-preocess {
        text-align: center;
    }
}

.navbar-toggler {
    background-color: #fee133;
    height: 32px;
    display: block;
    width: 32px;
    padding: 0px;
    border: none;
    border-radius: 0;
}

.navbar-toggler-icon {
    height: 1.5em;
}

.mobile-menu {
    position: fixed;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    top: 0;
    background-color: #fee133;
    left: 0;
    right: 0;
    height: 32px;
    z-index: 9999999;
}
.mobile-menu__btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 30px;
    cursor: pointer;
    transition: 0.4s;
    margin-bottom: 0;
}
.mobile-menu__icon {
    display: block;
    position: relative;
    background: #5d5d5d;
    width: 90%;
    height: 4px;
    transition: 0.4s;
}
.mobile-menu__icon::after, .mobile-menu__icon::before {
    content: "";
    display: block;
    position: absolute;
    background: #5d5d5d;
    width: 100%;
    height: 4px;
    transition: 0.4s;
}
.mobile-menu__icon::after {
    top: 8px;
}
.mobile-menu__icon::before {
    top: -8px;
}
.mobile-menu__container {
    position: fixed;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 32px;
    left: 0;
    right: 0;
    z-index: 999;
    height: 0;
    opacity: 1;
    transition: 0.5s;
    transition-delay: 0.2s;
    overflow: hidden;
    background-color: #878787d6;
}
.mobile-menu__list {
    transition: 0.5s;
    transition-delay: 0.5s;
    list-style: none;
    padding-left: 0;
    margin-top: -50px;
}
.mobile-menu__item {
    font-size: 26px;
    padding-bottom: 15px;
}
.mobile-menu__link {
    text-decoration: none;
    color: #fff;
}
.mobile-menu__checkbox {
    display: none;
}
.mobile-menu__checkbox:checked ~ .mobile-menu__nav {
    opacity: 1;
    transition-delay: 0s;
}
.mobile-menu__checkbox:checked ~ .mobile-menu__container {
    height: 100%;
    transition-delay: 0s;
}
.mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon {
    background: transparent;
}
.mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon::before, .mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon::after {
    top: 0;
}
.mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon::after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.mobile-menu__checkbox:checked ~ .mobile-menu__btn .mobile-menu__icon::before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}