/* =Media Queries for Nav
===============================*/


.mob_phone_icon {display: none;}
.mob_zapis_icon {display: none;}

/* Landscape Tablet to Desktop
===============================*/
@media (min-width: 991px) {}
@media (max-width: 991px) {



  /*-----------------Header Elements-----------------*/


  .header.nav-solid .phone a {color: #4989c7;}


  .mob_phone_icon {display: inline-block;}
  .mob_phone_icon i { margin-top: 7px; font-size: 34px;}
  .mob_phone_icon span {display: none;}

  .mob_zapis_icon {display: inline-block;  margin-right: 20px;}
  .mob_zapis_icon i { margin-top: 7px; font-size: 34px;}

  /*Navigation*/
  nav#nav-mobile ul {
    margin-left: -40px;
    margin-right: -40px;
    padding-left: 20px;
    padding-right: 20px;
  }



}

/* Mobile to Tablet Portrait
===============================*/
@media  (max-width: 767px) {




  #maintext [class*="col-"]{
    padding: 0px 20px;
  }

  .maintext_block {padding: 40px 0px; margin: 0 0px;}

  .maintext_block .col-4 {width: 100%}

  .maintext_block--bg {
    position: absolute;
    left:-110px;
    top: -50px;
    width: 500px;
    height:500px;

  }

  .maintext_block h1 {font-size: 24px;}
  .maintex_2col { margin-top: 10px;
    -webkit-columns:  1;
    -moz-columns:  1;
    columns: 1;
    -webkit-column-gap: 0px;
    -moz-column-gap: 0px;
    column-gap: 0px;
  }
  .maintex_2col p {margin: 0;}
  .maintex_2col, .maintex_2col p {font-size: 14px; line-height: 28px;}

  .maintext_ul {padding-left: 0px;}
  .maintext_block h4 {margin-top: 20px;}
  .maintext_block ul {margin-top: 6px;}


  #contact .col-3 {width: 100%;}


  #landing-footer [class*="col-"]{
    padding: 5px 20px;
  }
  #landing-footer .col-3 {text-align: center !important; width: 100%;}

}





/* Landscape mobile & down
===============================*/
@media all and (max-width: 480px) {





  /*-----------------Sections-----------------*/

  .fancybox-content {padding: 20px !important; }
  .price_modal h2 {font-size: 28px;}
  .price_modal_desc {font-size: 13px; line-height: 21px; max-width: 680px;}
  .price_modal table {font-size: 13px; line-height: 21px; }
  .price_modal table th{font-size: 20px; padding: 30px 0 10px 0;}
  .price_modal table tr{}
  .price_modal table td {padding: 10px 0; }
  .price_modal table td:last-child {padding-left: 20px; text-align: right; white-space:nowrap;}




}





/*----------------------------------
Menu full and mobile
------------------------------------*/
.mobile-menu__humb{
    position: relative;
    width: 50px;
    height: 40px;
    z-index: 100;
/*    mix-blend-mode: difference;*/
    background: transparent;
    top: 0px;
    cursor: pointer;
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
    transition: background 1s;
    display: inline-block;
 margin-left: 10px;
    margin-right: -10px;
 padding: 0 10px;


}

.mobile-menu__humb span {
    position: absolute;
    width: 30px;
    height: 2px;
    border-radius: 4px;
    background-color: var(--primary-dark);

    -webkit-transition: all .35s ease;
    transition: all .35s ease;
}
.top {top:10px}
.middle {top: 20px;}
.bottom {top: 30px;}

.mobile-menu__humb.active .top {
    -webkit-transform: translateY(10px) translateX(0) rotate(45deg);
    transform: translateY(10px) translateX(0) rotate(45deg);

}

.mobile-menu__humb.active .middle {opacity: 0;}
.mobile-menu__humb.active .bottom {
    -webkit-transform: translateY(-10px) translateX(0) rotate(-45deg);
    transform: translateY(-10px) translateX(0) rotate(-45deg);

}



.mobile-menu__humb {
    display: none;
}

@media only screen and (max-width: 991px) {

    .mobile-menu__humb,
    .nav_overlay {
        display: block;
    }

}



.mobile-menu {
    display: none;
}

.mobile-menu ul {
/*    margin: 0;*/
    list-style: none;

}

.mobile-menu .slicknav_btn {
    left: 0;
}

.mobile-menu__overlay {
    display: none;
    position: fixed;
    top: 60px;
    z-index: 130;
    overflow-x: auto;
    right: 0;
    left: 0;
    margin-top: -1px;
    /* height: calc(var(--vh, 1vh) * 100);*/
    width: 100vw;
    height: 100vh;
    background: var(--white);
/* background: -webkit-linear-gradient(90deg, var(--primary-light)  47%, var(--primary)  47%);
    background: linear-gradient(90deg, var(--primary-light)  47%, var(--primary)  47%);*/


}

.active + .mobile-menu__overlay {
    display: flex;

    flex-direction: column;
}

.mobile-menu__overlay:before {
    content: "";
    width: 80vh;
    height: 80vh;
    border-radius: 100%;
    background: var(--gray);
    display: block;
    position: absolute;
    left: -50vh;
    top: -17vh;
}

.mobile-menu__items {
    padding: 0;
    list-style: none;
/* background: var(--light-dark);*/
    position: relative;
    margin-top: 1rem;
}

.mobile-menu__items>li {
    position: relative;
/*    border-bottom: 1px solid var(--gray);*/
    padding: 0;
    opacity: 0;
    -webkit-animation: 2s cubic-bezier(.05,.74,.39,1) .2s 1 both fadeInLeft;
    -moz-animation: .2s cubic-bezier(.05,.74,.39,1) .2s 1 both fadeInLeft;
    animation: .2s cubic-bezier(.05,.74,.39,1) .2s 1 both fadeInLeft;
}



.mobile-menu__items li>a,
.mobile-menu__items li>span,
.mobile-menu__items li.active{
    display: block;
    border-bottom: none;
    padding: 12px 20px;
    cursor: pointer;
    color: var(--main);
    font-size: 18px;
    font-weight: 700;
}
.mobile-menu__items li.active {color: var(--main-light);}

.mobile-menu__items>li>span:after {
    vertical-align: middle;
    content: '';
    padding-left: 10px;
    display: inline-block;
    margin-left: 5px;
    opacity: 0.3;
    width: 11px !important;
    height: 15px !important;
    background: url(../images/svg/mob-arrow.svg) center no-repeat;
    background-size: contain;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.mobile-menu__items li.open>span:after {
    width: 12px;
    height: 8px;
    opacity: 0.3;
    background: url(../images/svg/mob-arrow.svg) center no-repeat;
    background-size: contain;
    -webkit-transform: rotate(.5turn);
    transform: rotate(.5turn);
}



.mobile-menu__children {
    display: none;
    padding: 0 15px 15px 44px;
}

.mobile-menu__children li>a {
    height: auto;
    padding: 7px 0;
    line-height: 20px;
    font-size: 16px;
}

.mobile-menu__children li.act
{
    height: auto;
    padding: 7px 0;
    line-height: 20px;
    font-size: 16px;
    cursor: pointer;
    color: var(--main);
    font-weight: 700;
  opacity: .8;
}

.mobile-menu__children li.act2 {  opacity: .8;}


.mobile-menu__sub-items {
    padding: 20px 15px;
    list-style: none;
}

.mobile-menu__sub-items li>a,
.mobile-menu__sub-items li>span {
    display: block;
    position: relative;
    min-height: 30px;
    border-bottom: none;
    cursor: pointer;
    line-height: 30px;
    color: var(--light);
    font-size: 1rem;
}

.mobile-menu__sub-items li>span:after {
    display: inline-block;
    opacity: 0.3;
    margin-left: 0.5rem;
    width: 9px;
    height: 8px;
    height: 18px;
    background: url(../images/svg/mob-arrow.svg) center no-repeat;
    background-size: contain;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    vertical-align: middle;
    content: '';
    content: '';
}

.mobile-menu__sub-items li.open>span:after {
    background: url(../images/svg/mob-arrow.svg) center no-repeat;
    background-size: contain;
    -webkit-transform: rotate(.5turn);
    transform: rotate(.5turn);
}

.mobile-menu__sub-children {
    display: none;
    padding: 3px 0 8px 15px;
}


/*******************
Mobile menu update ********/

.mobile-menu__children-two li>a {
    font-weight: 400;
}

.mobile-menu__children li>ul {
    display: none;
    padding: 5px 0 5px 0px;
}

.mobile-menu__children li>ul>li>a {
    text-transform: none;
}

.mobile-menu__children li.is-parent>a {
    position: relative;
}

.mobile-menu__children li.is-parent>a:after {
    position: absolute;
    top: 10px;
/*    right: 10px;*/
    opacity: 0.3;
    width: 9px;
    height: 18px;
    background: url(../images/svg/mob-arrow.svg) center no-repeat;
    background-size: contain;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    content: '';
    display: inline-block;;
    margin-left: 10px;
}

.mobile-menu__children li.is-parent.open>a:after {
    -webkit-transform: rotate(.5turn);
    transform: rotate(.5turn);
}



@media (max-width: 991px) {
    .mobile-menu__link {
        border-bottom: none;
    }




    .main-menu-link,
    .main-menu-link-wrapper,
    .mobile-main-menu {
        display: none;
    }

    .mobile-menu {
        display: block;
    }

    .mobile-menu__link {
        text-decoration: none;
        color: #646464;
        font-size: 14px;
    }

    /*  .mobile-menu__link:hover, .mobile-menu__overlay li.open > .mobile-menu__link {
    color: #3db488
  }*/

    .mobile-menu__sub-items
     {
        display: none;
    }


    .mobile-menu__overlay {
        -webkit-box-shadow: 0 10px 12px -2px rgba(0, 0, 0, .2);
        box-shadow: 0 10px 12px -2px rgba(0, 0, 0, .2);
    }
}

@media (max-width: 767px) {

    .mobile-menu__sub-items {
        display: block;
    }
}

@media (max-width: 991px) {

    .mobile-menu__sub-items{
        display: block;
    }

}

.mobile {
    display: none;
}


.mobile-menu__link span {
    position: absolute;
    top: 15px;
    right: 25px;
    color: #ee6b3f;
}
















@media (max-width: 991px) {

    .contacts-block__content--mobile {
        /*border-top: 2px solid var(--primary-light);*/
        padding: 40px 20px 200px 20px;
        margin-top: auto;
        font-size:var(--font-m);
        position: relative;
        opacity: 0;
        -webkit-animation: 2s cubic-bezier(.05,.74,.39,1) .2s 1 both fadeInLeft;
        -moz-animation: .2s cubic-bezier(.05,.74,.39,1) .2s 1 both fadeInLeft;
        animation: .2s cubic-bezier(.05,.74,.39,1) .2s 1 both fadeInLeft;
    }

    .contacts-block__content--mobile p {margin-bottom: 10px;}
    .contacts-block__content--mobile a { font-size: var(--header4); font-weight: 700;}
    .contacts-block__content--mobile .btn {display: block; margin-top: 20px; font-size: var(--font-l)}

}


@media (max-width: 767px) {
    .contacts-block__content--mobile {
        padding: 40px 20px 120px 20px;

    }
}