@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@800&display=swap");


@media screen and (min-device-width: 249px) and (max-device-width: 300px) {
    .center {
        width:100% !important;
        margin-top: -25% !important;
    }
    
    .bg-app{
        height: 15rem !important;
        min-height: 15rem !important;
    }
    
    .carousel-wrapper {
      margin: 10px !important;
      width: 90% !important;
      max-width: 90% !important;
    }
}

@media screen and (min-device-width: 300px) and (max-device-width: 400px) {
    .center {
        width:100% !important;
        margin-top: -16% !important;
    }
    
    .bg-app{
        height: 18rem !important;
        min-height: 18rem !important;
    }
    
    .carousel-wrapper {
      margin: 10px !important;
      width: 90% !important;
      max-width: 90% !important;
    }
    
    .nav-dot[for="slide1"]{
        right: 38% !important;
    }
    
    .nav-dot[for="slide2"]{
        right: 43% !important;
    }
    
    .nav-dot[for="slide3"]{
        right: 48% !important;
    }
    
    .nav-dot[for="slide4"]{
        right: 53% !important;
    }
    
    .nav-dot[for="slide5"]{
        right: 58% !important;
    }
    
    
    .boxTour{
        margin-top:-6% !important;
        width: 85%;
        max-width: 85%;
    }
    
    .boxMainTour{
        height:50px !important;    
    }
    
    .main-homepage-class{
        /*height:200px !important;*/
    }
     
    .main-homepage-class__tabs{
        height: 50px !important;
        width:100% !important;
    }
    
    body.home #app.citynet_homepage .main-homepage-class .main-homepage-class__tabs .v-tabs-bar__content .v-tab{
        padding: 6px 12px !important;    
    }
    
    .external,.internal{
        width: 40% !important;
        max-width: 40% !important;
    }
    .fontBoxTour{
        font-size: 0.7rem !important;
    }
    
    .v-slide-group__wrapper , .v-tabs--icons-and-text > .v-tabs-bar{
        height:50px !important;
    }

    .svgLoadin{
        width:20% !important;
    }
}

@media screen and (min-device-width: 400px) and (max-device-width: 500px) {
    .center {
        width:100% !important;
        margin-top: -16% !important;
    }
    
    .bg-app{
        height: 23rem !important;
        min-height: 23rem !important;
    }
    
    .carousel-wrapper {
      margin: 10px !important;
      width: 90% !important;
      max-width: 90% !important;
    }
    
    .nav-dot[for="slide1"]{
        right: 38% !important;
    }
    
    .nav-dot[for="slide2"]{
        right: 43% !important;
    }
    
    .nav-dot[for="slide3"]{
        right: 48% !important;
    }
    
    .nav-dot[for="slide4"]{
        right: 53% !important;
    }
    
    .nav-dot[for="slide5"]{
        right: 58% !important;
    }
    
    
    .boxTour{
        margin-top:-8% !important;
        width: 85%;
        max-width: 85%;
    }
    
    .boxMainTour{
        height:50px !important;    
    }
    
    .main-homepage-class{
        /*height:200px !important;*/
    }
     
    .main-homepage-class__tabs{
        height: 50px !important;
        width:85% !important;
    }
    
    .fontBoxTour{
        font-size: 0.6rem !important;
    }
    
    .v-slide-group__wrapper , .v-tabs--icons-and-text > .v-tabs-bar{
        height:50px !important;
    }

    .svgLoadin{
        width:20% !important;
    }
}

@media screen and (min-device-width: 500px) and (max-device-width: 600px) {
    .center {
        width:100% !important;
        margin-top: -15% !important;
    }
    
    .bg-app{
        height: 25rem !important;
        min-height: 25rem !important;
    }
    
    .carousel-wrapper {
      margin: 10px !important;
      width: 90% !important;
      max-width: 90% !important;
    }
    
    .nav-dot[for="slide1"]{
        right: 38% !important;
    }
    
    .nav-dot[for="slide2"]{
        right: 43% !important;
    }
    
    .nav-dot[for="slide3"]{
        right: 48% !important;
    }
    
    .nav-dot[for="slide4"]{
        right: 53% !important;
    }
    
    .nav-dot[for="slide5"]{
        right: 58% !important;
    }
    
    .boxTour{
        margin-top:-8% !important;
    }
 
    .boxTour{
        width: 85%;
        max-width: 85%;
        margin-top: -7% !important;
    }
    
    .boxMainTour{
        height:50px !important;    
    }
    
    .main-homepage-class{
        /*height:200px !important;*/
    }
     
    .main-homepage-class__tabs{
        height: 50px !important;
        width:70% !important;
    }
    
    .fontBoxTour{
        font-size: 0.7rem !important;
    }
    
    .v-slide-group__wrapper , .v-tabs--icons-and-text > .v-tabs-bar{
        height:50px !important;
    }

    .svgLoadin{
        width:20% !important;
    }
}

@media screen and (min-device-width: 600px) and (max-device-width: 700px) {
    .center {
        width:100% !important;
        margin-top: -14% !important;
    }
    
    .bg-app{
        height: 30rem !important;
        min-height: 30rem !important;
    }
    
    .carousel-wrapper {
      margin: 10px !important;
      width: 90% !important;
      max-width: 90% !important;
    }
    
    .nav-dot[for="slide1"]{
        right: 38% !important;
    }
    
    .nav-dot[for="slide2"]{
        right: 43% !important;
    }
    
    .nav-dot[for="slide3"]{
        right: 48% !important;
    }
    
    .nav-dot[for="slide4"]{
        right: 53% !important;
    }
    
    .nav-dot[for="slide5"]{
        right: 58% !important;
    }
    
    .boxTour{
        margin-top:-8% !important;
    }
 
    .boxTour{
        width: 80%;
        max-width: 80%;
        margin-top: -7% !important;
    }
    
    .boxMainTour{
        height:50px !important;    
    }
    
    .main-homepage-class{
        /*height:200px !important;*/
    }
     
    .main-homepage-class__tabs{
        height: 50px !important;
        width:60% !important;
    }
    
    .fontBoxTour{
        font-size: 0.9rem !important;
    }
    
    .v-slide-group__wrapper , .v-tabs--icons-and-text > .v-tabs-bar{
        height:50px !important;
    }

    .svgLoadin{
        width:20% !important;
    }
}

@media screen and (min-device-width: 700px) and (max-device-width: 799px) {
    .center {
        width:100% !important;
        margin-top: -10% !important;
    }
    
    .bg-app{
        height: 32rem !important;
        min-height: 32rem !important;
    }
    
    .carousel-wrapper {
      margin: 10px !important;
      width: 90% !important;
      max-width: 90% !important;
    }
    
    .nav-dot[for="slide1"]{
        right: 43% !important;
    }
    
    .nav-dot[for="slide2"]{
        right: 46% !important;
    }
    
    .nav-dot[for="slide3"]{
        right: 49% !important;
    }
    
    .nav-dot[for="slide4"]{
        right: 52% !important;
    }
    
    .nav-dot[for="slide5"]{
        right: 55% !important;
    }
    
    .boxTour{
        margin-top:-8% !important;
    }
 
    .boxTour{
        width: 80%;
        max-width: 80%;
        margin-top: -7% !important;
    }
    
    .boxMainTour{
        height:50px !important;    
    }
    
    .main-homepage-class{
        /*height:200px !important;*/
    }
     
    .main-homepage-class__tabs{
        height: 50px !important;
        width:60% !important;
    }
    
    .fontBoxTour{
        font-size: 0.9rem !important;
    }
    
    .v-slide-group__wrapper , .v-tabs--icons-and-text > .v-tabs-bar{
        height:50px !important;
    }

    .svgLoadin{
        width:20% !important;
    }
}

@media screen and (min-device-width: 800px) and (max-device-width: 900px) {
    .center {
        width:100% !important;
        margin-top: -6% !important;
    }
    
    .bg-app{
        height: 34rem !important;
        min-height: 34rem !important;
    }
    
    .carousel-wrapper {
      margin: 10px !important;
      width: 90% !important;
      max-width: 90% !important;
    }
    
    .nav-dot[for="slide1"]{
        right: 43% !important;
    }
    
    .nav-dot[for="slide2"]{
        right: 46% !important;
    }
    
    .nav-dot[for="slide3"]{
        right: 49% !important;
    }
    
    .nav-dot[for="slide4"]{
        right: 52% !important;
    }
    
    .nav-dot[for="slide5"]{
        right: 55% !important;
    }
    
    .boxTour{
        margin-top:-8% !important;
    }

    .boxTour{
        width:65%;
        max-width:65%;
        margin-top: -4% !important;
    }
    
    .boxMainTour{
        height:50px !important;    
    }
    
    .main-homepage-class{
        /*height:200px !important;*/
    }
     
    .main-homepage-class__tabs{
        height: 50px !important;
        width:60% !important;
    }
    
    .fontBoxTour{
        font-size: 0.9rem !important;
    }
    
    .v-slide-group__wrapper , .v-tabs--icons-and-text > .v-tabs-bar{
        height:50px !important;
    }

    .svgLoadin{
        width:20% !important;
    }
}

@media screen and (min-device-width: 900px) and (max-device-width: 1000px) {
    .center {
        width:100% !important;
        margin-top: -8% !important;
    }
    
    .bg-app{
        height: 35rem !important;
        min-height: 35rem !important;
    }
    
    .carousel-wrapper {
      margin: 10px !important;
      width: 90% !important;
      max-width: 90% !important;
    }
    
    .nav-dot[for="slide1"]{
        right: 43% !important;
    }
    
    .nav-dot[for="slide2"]{
        right: 46% !important;
    }
    
    .nav-dot[for="slide3"]{
        right: 49% !important;
    }
    
    .nav-dot[for="slide4"]{
        right: 52% !important;
    }
    
    .nav-dot[for="slide5"]{
        right: 55% !important;
    }
    
    .boxTour{
        margin-top:-3% !important;
    }

    .boxTour{
        width:65%;
        max-width:65%;
        margin-top: -4% !important;
    }
    
    .boxMainTour{
        height:50px !important;    
    }
    
    .main-homepage-class{
        /*height:200px !important;*/
    }
     
    .main-homepage-class__tabs{
        height: 50px !important;
        width:60% !important;
    }
    
    .fontBoxTour{
        font-size: 0.9rem !important;
    }
    
    .v-slide-group__wrapper , .v-tabs--icons-and-text > .v-tabs-bar{
        height:50px !important;
    }

    .svgLoadin{
        width:20% !important;
    }
    
}
/*@media screen and (max-width: 1111px) {*/
/*    .center {*/
/*        margin-top:-1rem;*/
/*    }*/
/*}*/

@media (min-width: 992px) {
    #masthead #site-navigation.desktop #main-menu > li > a {
        font-size:12px;
    }
}

@media screen and (min-device-width: 1001px) and (max-device-width: 1099px) {
    .center {
        margin-top: -6%;
    }

    .bg-app{
        height: 32rem !important;
        min-height: 32rem !important;
    }
    
    .carousel-wrapper {
      margin: 10px !important;
      width: 90% !important;
      max-width: 90% !important;
    }

    #masthead #site-navigation.desktop #main-menu > li > a {
        font-size:0.65rem;
        border-left: 1px solid rgba(0, 0, 0, 0.29) !important;
        padding: 0 5px !important;
    }
    
    .menuCustom{
        width: 650px !important;
        max-width: 650px !important;
    }
    
    .boxTour{
        margin-top:-3% !important;
    }

    #masthead #site-navigation.desktop #main-menu .sub-menu a{
        font-size:0.65rem !important;    
    }
    
    #masthead .main-content .logo .site-title a{
        height:50px !important;    
    }
    
    .boxTour{
        width:65%;
        max-width:65%;
    }
    
    .boxMainTour{
        height:50px !important;    
    }
    
    .main-homepage-class{
        /*height:200px !important;*/
    }
     
    .main-homepage-class__tabs{
        height: 50px !important;
        width:60% !important;
    }
    
    .fontBoxTour{
        font-size: 0.9rem !important;
    }
    
    .v-slide-group__wrapper , .v-tabs--icons-and-text > .v-tabs-bar{
        height:50px !important;
    }

    .nav-dot{
        margin-bottom:1.3% !important;
        width:10px !important;
        height:10px !important;
    }
    
    .svgLoadin{
        width:20% !important;
    }
}

@media screen and (min-device-width: 1100px) and (max-device-width: 1204px) {
    #masthead #site-navigation.desktop #main-menu > li > a {
        font-size:0.65rem;
        border-left: 1px solid rgba(0, 0, 0, 0.29) !important;
        padding: 0 10px !important;
    }
    
    .center {
        margin-top: -7%;
    }

    .bg-app{
        height: 35rem !important;
        min-height: 35rem !important;
    }
    
    .carousel-wrapper {
      margin: 10px !important;
      width: 90% !important;
      max-width: 90% !important;
    }
    
    .menuCustom{
        width: 700px !important;
        max-width: 700px !important;
    }
    
    .boxTour{
        margin-top:-4% !important;
    }

    #masthead #site-navigation.desktop #main-menu .sub-menu a{
        font-size:0.65rem !important;    
    }
    
    #masthead .main-content .logo .site-title a{
        height:50px !important;    
    }
    
    .boxTour{
        width:60%;
        max-width:60%;
    }
    
    .boxMainTour{
        height:60px !important;    
    }
    
    .main-homepage-class{
        /*height:250px !important;*/
    }
     
    .main-homepage-class__tabs{
        height: 60px !important;
        width:50% !important;
    }
    
    .fontBoxTour{
        font-size: 0.8rem !important;
    }
    
    .v-slide-group__wrapper , .v-tabs--icons-and-text > .v-tabs-bar{
        height:60px !important;
    }

    .svgLoadin{
        width:20% !important;
    }
}

@media screen and (min-device-width: 1205px) and (max-device-width: 1267px) {
    #masthead #site-navigation.desktop #main-menu > li > a {
        font-size:0.65rem;
        border-left: 1px solid rgba(0, 0, 0, 0.29) !important;
        padding: 0 10px !important;
    }
    .center {
        margin-top: -6%;
    }

    .bg-app{
        height: 37rem !important;
        min-height: 37rem !important;
    }
    
    .carousel-wrapper {
      margin: 10px !important;
      width: 90% !important;
      max-width: 90% !important;
    }
    
    .menuCustom{
        width: 750px !important;
        max-width: 750px !important;
    }
    
    .boxTour{
        margin-top:-3% !important;
    }

    #masthead #site-navigation.desktop #main-menu .sub-menu a{
        font-size:0.65rem !important;    
    }
    
    #masthead .main-content .logo .site-title a{
        height:50px !important;    
    }
    
    .boxTour{
        width:60%;
        max-width:60%;
    }
    
    .boxMainTour{
        height:60px !important;    
    }
    
    .main-homepage-class{
        /*height:200px !important;*/
    }
     
    .main-homepage-class__tabs{
        height: 60px !important;
        width:50% !important;
    }
    
    .fontBoxTour{
        font-size: 0.9rem !important;
    }
    
    .v-slide-group__wrapper , .v-tabs--icons-and-text > .v-tabs-bar{
        height:60px !important;
    }

    .svgLoadin{
        width:20% !important;
    }
}

@media screen and (min-device-width: 1268px) and (max-device-width: 1362px) {
    #masthead #site-navigation.desktop #main-menu > li > a {
        font-size:0.65rem;
        border-left: 1px solid rgba(0, 0, 0, 0.29) !important;
        padding: 0 10px !important;
    }
    
    .center { 
        margin-top: -7%;
    }
    
    .bg-app{
        height: 40rem !important;
        min-height: 40rem !important;
    }
    
    .carousel-wrapper {
      margin: 10px !important;
      width: 90% !important;
      max-width: 90% !important;
    }
    
    .menuCustom{
        width: 700px !important;
        max-width: 700px !important;
    }

    #masthead #site-navigation.desktop #main-menu .sub-menu a{
        font-size:0.65rem !important;    
    }
    
    .boxTour{
        margin-top:-4% !important;
    }
    
    #masthead .main-content .logo .site-title a{
        height:40px !important;    
    }
    
    .boxTour{
        width:60%;
        max-width:60%;
    }
    
    .boxMainTour{
        height:60px !important;    
    }
    
    .main-homepage-class{
        /*height:200px !important;*/
    }
     
    .main-homepage-class__tabs{
        height: 60px !important;
        width:50% !important;
    }
    
    .fontBoxTour{
        font-size: 0.7rem !important;
    }
    
    .v-slide-group__wrapper , .v-tabs--icons-and-text > .v-tabs-bar{
        height:60px !important;
    }

    .svgLoadin{
        width:20% !important;
    }
}

@media screen and (min-device-width: 1363px) and (max-device-width: 1458px) {
    #masthead #site-navigation.desktop #main-menu > li > a {
        font-size:0.75rem;
        border-left: 1px solid rgba(0, 0, 0, 0.29) !important;
        padding: 0 10px !important;
    }
    
    .center {
        margin-top: -7% !important;
    }
    
    .bg-app{
        height: 42rem !important;
        min-height: 42rem !important;
    }
    
    .carousel-wrapper {
      margin: 10px !important;
      width: 90% !important;
      max-width: 90% !important;
    }

    .menuCustom{
        width: 800px !important;
        max-width: 800px !important;
    }
    
    .boxTour{
        margin-top:-4% !important;
    }

    #masthead #site-navigation.desktop #main-menu .sub-menu a{
        font-size:0.75rem !important;    
    }
    
    #masthead .main-content .logo .site-title a{
        height:50px !important;    
    }
    
    .boxTour{
        width:60%;
        max-width:60%;
    }
    
    .boxMainTour{
        height:60px !important;    
    }
    
    .main-homepage-class{
        /*height:200px !important;*/
    }
     
    .main-homepage-class__tabs{
        height: 60px !important;
        width:50% !important;
    }
    
    .fontBoxTour{
        font-size: 0.9rem !important;
    }
    
    .v-slide-group__wrapper , .v-tabs--icons-and-text > .v-tabs-bar{
        height:60px !important;
    }

    .svgLoadin{
        width:20% !important;
    }
}

@media screen and (min-device-width: 1458px) and (max-device-width: 1584px) {
    #masthead #site-navigation.desktop #main-menu > li > a {
        font-size:0.68rem;
    }
    .center {
        margin-top: -6%;
    }
    
    .bg-app{
        height: 45rem !important;
        min-height: 45rem !important;
    }
    
    .carousel-wrapper {
      margin: 10px !important;
      width: 90% !important;
      max-width: 90% !important;
    }
    
    .menuCustom{
        width: 900px !important;
        max-width: 900px !important;
    }

    #masthead #site-navigation.desktop #main-menu .sub-menu a{
        font-size:0.68rem !important;    
    }
    
    .boxTour{
        margin-top:-4% !important;
    }
    
    #masthead .main-content .logo .site-title a{
        height:50px !important;    
    }
    
    .boxTour{
        width:60%;
        max-width:60%;
    }
    
    .boxMainTour{
        height:60px !important;    
    }
    
    .main-homepage-class{
        /*height:200px !important;*/
    }
     
    .main-homepage-class__tabs{
        height: 60px !important;
        width:50% !important;
    }
    
    .fontBoxTour{
        font-size: 1rem !important;
    }
    
    .v-slide-group__wrapper , .v-tabs--icons-and-text > .v-tabs-bar{
        height:60px !important;
    }

    .svgLoadin{
        width:20% !important;
    }
}

@media screen and (min-device-width: 1585px) and (max-device-width: 1739px) {
    #masthead #site-navigation.desktop #main-menu > li > a {
        font-size:0.75rem;
    }
    
    .center {
        margin-top: -5%;
    }
    
    .bg-app{
        height: 48rem !important;
        min-height: 48rem !important;
    }
    
    .carousel-wrapper {
      margin: 10px !important;
      width: 90% !important;
      max-width: 90% !important;
    }

    #masthead #site-navigation.desktop #main-menu .sub-menu a{
        font-size:0.75rem !important;    
    }
    
    .menuCustom{
        width: 950px !important;
        max-width: 950px !important;
    }
    
    .boxTour{
        width:60% !important;
        max-width:60% !important;
        margin-top:-4% !important;
    }

    .boxTour{
        margin-top:-3% !important;
    }
    
    #masthead .main-content .logo .site-title a{
        height:50px !important;    
    }

    .boxMainTour{
        height:60px !important;    
    }
    
    .main-homepage-class{
        /*height:200px !important;*/
    }
     
    .main-homepage-class__tabs{
        height: 60px !important;
        width:50% !important;
    }
    
    .fontBoxTour{
        font-size: 1.2rem !important;
    }
    
    .v-slide-group__wrapper , .v-tabs--icons-and-text > .v-tabs-bar{
        height:60px !important;
    }

    .svgLoadin{
        width:20% !important;
    }
}

@media screen and (min-device-width: 1740px) and (max-device-width: 1899px) {
    .center {
        margin-top: -5%;
    }
    
    .bg-app{
        height: 50rem !important;
        min-height: 50rem !important;
    }
    
    .carousel-wrapper {
      margin: 10px !important;
      width: 90% !important;
      max-width: 90% !important;
    }
    
    .menuCustom{
        width: 1050px !important;
        max-width: 1050px !important;
    }
}

@media screen and (min-device-width: 1900px) and (max-device-width: 2099px) {
    #masthead #site-navigation.desktop #main-menu > li > a {
        font-size:1rem;
    }
    
    .center {
        margin-top: -5%;
    }
    
    .bg-app{
        height: 55rem !important;
        min-height: 55rem !important;
    }

    #masthead #site-navigation.desktop #main-menu .sub-menu a{
        font-size:1rem !important;    
    }
    
    .carousel-wrapper {
      margin: 10px !important;
      width: 90% !important;
      max-width: 90% !important;
    }
    
    .menuCustom{
        width: 1150px !important;
        max-width: 1150px !important;
    }
    
    .fontBoxTour{
        font-size: 1.3rem !important;
    }
}

@media screen and (min-device-width: 2100px) and (max-device-width: 2299px) {
    #masthead #site-navigation.desktop #main-menu > li > a {
        font-size:1.1rem;
    }

    .center {
        margin-top: -5%;
    }
    
    .bg-app{
        height: 63rem !important;
        min-height: 63rem !important;
    }
    
    .carousel-wrapper {
      margin: 10px !important;
      width: 90% !important;
      max-width: 90% !important;
    }
    
    #masthead #site-navigation.desktop #main-menu .sub-menu a{
        font-size:1.1rem !important;    
    }
    
    #masthead .main-content .logo .site-title a{
        height:75px !important;    
    }
    
    .menuCustom{
        width: 1200px !important;
        max-width: 1200px !important;
    }
    
    .boxTour{
        width:60%;
        max-width:60%;
    }
    
    .boxMainTour{
        height:85px !important;    
    }
    
    .main-homepage-class{
        /*height:200px !important;*/
    }
    
    .main-homepage-class__tabs{
        height: 85px !important;
        width:50% !important;
    }
    
    .fontBoxTour{
        font-size: 1.5rem !important;
    }
    
    .v-slide-group__wrapper , .v-tabs--icons-and-text > .v-tabs-bar{
        height:85px !important;
    }
    
    .nav-dot{
        width:20px !important;
        height:20px !important;
    }
    
    .svgLoadin{
        width:20% !important;
    }
}

@media screen and (min-device-width: 2300px) and (max-device-width: 2700px) {
    #masthead #site-navigation.desktop #main-menu > li > a {
        font-size:1.2rem;
    }
    
    .center {
        margin-top: -5%;
    }
    
    .bg-app{
        height: 70rem !important;
        min-height: 70rem !important;
    }
    
    .carousel-wrapper {
      margin: 10px !important;
      width: 90% !important;
      max-width: 90% !important;
    }
    
    #masthead #site-navigation.desktop #main-menu .sub-menu a{
        font-size:1.2rem !important;    
    }
    
    #masthead .main-content .logo .site-title a{
        height:75px !important;    
    }
    
    .menuCustom{
        width: 1300px !important;
        max-width: 1300px !important;
    }
    
    .boxTour{
        width:60%;
        max-width:60%;
    }
    
    .boxMainTour{
        height:100px !important;    
    }
    
    .main-homepage-class{
        /*height:250px !important;*/
    }
    
    .main-homepage-class__tabs{
        height: 100px !important;
        width:50% !important;
    }
    
    .fontBoxTour{
        font-size: 2rem !important;
    }
    
    .v-slide-group__wrapper , .v-tabs--icons-and-text > .v-tabs-bar{
        height:100px !important;
    }
    
    .nav-dot{
        width:25px !important;
        height:25px !important;
    }
    
    .svgLoadin{
        width:25% !important;
    }
}

@media screen and (min-device-width: 2700px) and (max-device-width: 3100px) {
    #masthead #site-navigation.desktop #main-menu > li > a {
        font-size:1.3rem;
    }
    
    .center {
        margin-top: -5%;
    }
    
    .bg-app{
        height: 80rem !important;
        min-height: 80rem !important;
    }
    
    .carousel-wrapper {
      margin: 10px !important;
      width: 90% !important;
      max-width: 90% !important;
    }
    
    
    #masthead #site-navigation.desktop #main-menu .sub-menu a{
        font-size:1.3rem !important;    
    }
    
    #masthead .main-content .logo .site-title a{
        height:85px !important;    
    }
    
    .menuCustom{
        width: 1500px !important;
        max-width: 1500px !important;
    }
    
    .boxTour{
        width:60%;
        max-width:60%;
    }
    
    .boxMainTour{
        height:110px !important;    
    }
    
    .main-homepage-class{
        /*height:300px !important;*/
    }
    
    .main-homepage-class__tabs{
        height: 110px !important;
        width:50% !important;
    }
    
    .fontBoxTour{
        font-size: 2rem !important;
    }
    
    .v-slide-group__wrapper , .v-tabs--icons-and-text > .v-tabs-bar{
        height:110px !important;
    }
    
    .nav-dot{
        width:25px !important;
        height:25px !important;
    }
    
    .svgLoadin{
        width:25% !important;
    }
}

@media screen and (min-device-width: 3101px) and (max-device-width: 3800px) {
    #masthead #site-navigation.desktop #main-menu > li > a {
        font-size:1.5rem;
    }
    
    .center {
        margin-top: -5%;
    }
    
    .bg-app{
        height: 90rem !important;
        min-height: 90rem !important;
    }
    
    .carousel-wrapper {
      margin: 10px !important;
      width: 90% !important;
      max-width: 90% !important;
    }
    
    #masthead #site-navigation.desktop #main-menu .sub-menu a{
        font-size:1.5rem !important;    
    }
    
    #masthead .main-content .logo .site-title a{
        height:95px !important;    
    }
    
    .menuCustom{
        width: 1600px !important;
        max-width: 1600px !important;
    }
    
    .boxTour{
        width:60%;
        max-width:60%;
    }
    
    .boxMainTour{
        height:135px !important;    
    }
    
    .main-homepage-class{
        /*height:350px !important;*/
    }
    
    .main-homepage-class__tabs{
        height: 140px !important;
        width:60% !important;
    }
    
    .fontBoxTour{
        font-size: 2.5rem !important;
    }
    
    .v-slide-group__wrapper{
        height:135px !important;
    }
    
    .nav-dot{
        width:35px !important;
        height:35px !important;
    }
    
    .svgLoadin{
        width:30% !important;
    }
    
}

@media screen and (min-device-width: 3801px) and (max-device-width: 4700px) {
    #masthead #site-navigation.desktop #main-menu > li > a {
        font-size:1.7rem;
    }
    
    #masthead .main-content .logo .site-title a{
        height:95px !important;    
    }
    
    .menuCustom{
        width: 2000px !important;
        max-width: 2000px !important;
    }
    
    .main-content {
        padding:20px !important;    
    }
    
    .center {
        margin-top: -5%;
    }
    
    .menuBox{
        width:1700px !important;
    }
    
    .bg-app{
        height: 110rem !important;
        min-height: 110rem !important;
    }
    
    .carousel-wrapper {
      margin: 10px !important;
      width: 90% !important;
      max-width: 90% !important;
    }
    
    .boxTour{
        width:60%;
        max-width:60%;
    }
    
    .boxMainTour{
        height:135px !important;    
    }
    
    .main-homepage-class{
        /*height:350px !important;*/
    }
    
    .main-homepage-class__tabs{
        height: 140px !important;
        width:60% !important;
    }
    
    .fontBoxTour{
        font-size: 2.5rem !important;
    }
    
    .v-slide-group__wrapper{
        height:135px !important;
    }
    
    .nav-dot{
        width:35px !important;
        height:35px !important;
    }
    
    .svgLoadin{
        width:30% !important;
    }
}

.line, .carousel li img, .carousel li, .carousel {
  width: 100%;
}

.flex, .carousel-wrapper, .center, .carousel ul {
  display: flex;
}

.svgLoadin{
    margin: 0 auto;
    shape-rendering: auto;
    display: block;
    background: transparent;
    width:20%;
}

.center {
    width:80%;
}

.center, .carousel ul {
  align-items: center;
  justify-content: center;
}

.carousel-wrapper {
    position: relative;
    margin: 50px;
    width: 80%;
    max-width: 80%;
}
.carousel-wrapper input {
  display: none;
}

.carousel {
  overflow: hidden;
  border-radius: 15px;
}
.carousel ul {
  position: relative;
  list-style: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 500%;
  transition: right 0.8s cubic-bezier(0.77, 0, 0.175, 1);
}
.carousel li img {
  /*border-radius: 15px;*/
}

.nav-dot {
  position: absolute;
  cursor: pointer;
  margin-left: -7.5px;
  bottom: -15px;
  width: 15px;
  height: 15px;
  opacity: 0.5;
  background-color: white;
  border-radius: 50%;
  transition: 0.4s;
  z-index:1000;
}
.nav-dot:hover {
  opacity: 0.8;
  transform: scale(1.2);
}
.nav-dot:active {
  transform: scale(0.9);
}

.nav-dot[for=slide1] {
  right: 45%;
}

#slide1:checked ~ .carousel ul {
  right: 0%;
}
#slide1:checked ~ .nav-dot[for=slide1] {
  opacity: 1;
}

.nav-dot[for=slide2] {
  right: 47%;
}

#slide2:checked ~ .carousel ul {
  right: -100%;
}
#slide2:checked ~ .nav-dot[for=slide2] {
  opacity: 1;
}

.nav-dot[for=slide3] {
  right: 49%;
}

#slide3:checked ~ .carousel ul {
  right: -200%;
}
#slide3:checked ~ .nav-dot[for=slide3] {
  opacity: 1;
}

.nav-dot[for=slide4] {
  right: 51%;
}

#slide4:checked ~ .carousel ul {
  right: -300%;
}
#slide4:checked ~ .nav-dot[for=slide4] {
  opacity: 1;
}

.nav-dot[for=slide5] {
  right: 53%;
}

#slide5:checked ~ .carousel ul {
  right: -400%;
}
#slide5:checked ~ .nav-dot[for=slide5] {
  opacity: 1;
}

.right-arrow, .left-arrow {
  display: none;
  position: absolute;
  cursor: pointer;
  font-weight: bolder;
  text-shadow: 0 0 7.5px rgba(0, 0, 0, 0.7);
  top: 50%;
  z-index: 1;
  opacity: 0.7;
  margin-top: -25px;
  height: 50px;
  font-size: 50px;
  transition: 0.2s;
}
.right-arrow:hover, .left-arrow:hover {
  opacity: 1;
  transform: scale(1.2);
}
.right-arrow:active, .left-arrow:active {
  transform: scale(0.9);
}

.left-arrow {
  left: 15px;
}

.right-arrow {
  right: 15px;
}

#slide1:checked ~ .left-arrow[for=slide5], #slide1:checked ~ .right-arrow[for=slide2] {
  display: block;
}

#slide2:checked ~ .left-arrow[for=slide1], #slide2:checked ~ .right-arrow[for=slide3] {
  display: block;
}

#slide3:checked ~ .left-arrow[for=slide2], #slide3:checked ~ .right-arrow[for=slide4] {
  display: block;
}

#slide4:checked ~ .left-arrow[for=slide3], #slide4:checked ~ .right-arrow[for=slide5] {
  display: block;
}

#slide5:checked ~ .left-arrow[for=slide4], #slide5:checked ~ .right-arrow[for=slide1] {
  display: block;
}

.signature {
  margin-top: 100px;
  bottom: 0;
  font-family: "Quicksand";
  color: #9696aa;
  text-shadow: 0 2.5px rgba(0, 0, 0, 0.25);
}
.signature .name {
  color: white;
}
.signature .dot {
  margin: 0 5px;
}
.signature a {
  color: white;
  text-decoration: underline;
}