/* CSS Document */


/*@media only screen and (max-width:1024px) {
    .menu-mobile-toggle { display: block !important; }
    .menu-mobile-toggle .burger { display: block !important; }
}*/

@media only screen and ( max-width: 768px) {
    .cal_leftpart { width: 10%; }
}

@media only screen and (max-width: 640px) {
    .logo.logo_head_section { right: -100px; }
}

@media only screen and (max-width: 480px) {
    .box .nav ul {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 0px 75px;
    }
    .box .nav ul li {
        width: 100%;
        padding: 10px;
    }
    .logo img.header_logo {
        position: relative;
        left: -26px;
        top: 47px;
        float: right;
        height: 56px;
        width: 141px;
    }
    .mobile-nav-toggle {
        z-index: 99999;
        right: 27px;
        /*display: none !important;*/
    }
    .logo.logo_head_section {
        position: fixed;
        right: 39px;
        bottom: 54px;
    }
    .burger {
        display: inline-block;
        background: transparent;
        width: 54px;
        height: 54px;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        margin: -27px 0 0 16px;
        overflow: hidden;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        -webkit-backface-visibility: hidden;
        z-index: 999;
        left: 0;
    }
    .burger:hover {
        cursor: pointer;
        opacity: 0.8;
    }
    .burger > * {
        display: block;
        width: 34px;
        height: 3px;
        background: #252020;
        margin-left: 10px;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        position: absolute;
        -webkit-backface-visibility: hidden;
    }
    .burger-top {
        margin-top: 17px;
    }
    .burger-middle {
        margin-top: 26px;
    }
    .burger-bottom {
        margin-top: 35px;
    }
    .burger:hover .burger-top {
        width: 22px;
    }
    .burger:hover .burger-middle {
        width: 28px;
    }
    .burger.isOpen:hover, .burger.isOpen {
        /*background: red;*/
    }
    .burger.isOpen:hover .burger-top, .burger.isOpen .burger-top {
        -webkit-transform: rotate(220deg) translate(0px, -20px);
        transform: rotate(220deg) translate(0px, -20px);
        width: 18px;
        left: 12px;
    }
    .burger.isOpen:hover .burger-middle, .burger.isOpen .burger-middle {
        width: 32px;
    }
    .burger.isOpen:hover .burger-bottom, .burger.isOpen .burger-bottom {
        -webkit-transform: rotate(-220deg) translate(0px, 20px);
        transform: rotate(-220deg) translate(0px, 20px);
        width: 18px;
        left: 12px;
    }
    .menu {
        /*  width: 100%;
  background: #4CA5FC;
  height: 100%;
  top: 82px;
  bottom: 0;
  position: absolute;
  left: -100%;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  box-sizing: border-box;
  padding: 24px 16px;
  overflow-x: hidden;
  overflow-y: scroll;
  color: white;
  -webkit-backface-visibility: hidden;*/
    }
    .menu:after {
        content: "";
        display: table;
        clear: both;
    }
    .slideMenuOpen .menu {
        left: 0;
    }
    @-webkit-keyframes splash {
        100% {
            -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            border-radius: 50%;
            -webkit-transform: scale(1);
            transform: scale(1);
        }
    }
    @keyframes splash {
        100% {
            -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            border-radius: 50%;
            -webkit-transform: scale(1);
            transform: scale(1);
        }
    }
    .burger:before {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        z-index: 99999;
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.3);
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transition: -webkit-transform 0.3s ease;
        transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
        transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    }
    .burger.isOpen:before {
        -webkit-animation: splash ease-in-out 0.4s 1;
        animation: splash ease-in-out 0.4s 1;
    }
    .box.slideMenuOpen {
        top: -200px;
        position: absolute;
        background-color: #CCC;
        height: auto;
        bottom: 0;
        padding-bottom: 100px;
    }
    .box.slideMenuOpen .nav {
        bottom: 100px;
    }
    .box {
        bottom: -142px;
    }
    .box.slideMenuOpen .nav ul li {
        padding: 14px;
    }


  .menu-mobile-toggle{
    background-color: transparent;
    width: 82px;
    height: 54px;
    position: absolute;
    top: 50%;
    margin: -27px 0 0 16px;
    overflow: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-backface-visibility: hidden;
    left: 0;
    z-index: 999;
}

.header .logo a {
    font-size: 24px;
    float: right;
    position: absolute;
    top: 0px;
    width: auto;
    left: 20%;
}
.header .logo { right: 0px; width: 100%; z-index: 9999; bottom: 0; }
.logo img.header_logo { width: auto; top: 0; left: 0; height: auto; }
.box.slideMenuOpen .nav ul li { padding: 10px 14px; left: 0;}
.box.slideMenuOpen { top: -130px; }
.menu-mobile-toggle { z-index: 99999; display: none !important; }
.cal_leftpart { width: 15%; }
.cal_leftpart span { font-size: 32px !important; }
.menu-mobile-toggle .burger { display: block !important; }
.box {
    bottom: -180px;
    height: 180px;
}
.box .nav ul { bottom: 70px; }

}

@media only screen and (max-width: 375px) {
    .header .logo a { left: 10%; }
    .box.slideMenuOpen { top: -100px; }
    .box.slideMenuOpen .nav ul li { padding: 0 14px; }
    .box .nav ul { padding: 0 5px; }
}