.sm_menu_outer.accordion li {
    display: block
}

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(66px);
        transform: translateY(66px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideUp {
    0% {
        -webkit-transform: translateY(66px);
        -ms-transform: translateY(66px);
        transform: translateY(66px)
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@media(max-width:500px) {
    div#powerTip {
        position: fixed;
        top: 20% !important;
        left: 10% !important;
        width: 100%;
        height: auto !important;
        overflow-x: hidden;
        overflow-y: auto
    }
}

@media(min-width:500px) and (max-width:990px) {
    .package_tit {
        padding: 10px !important
    }
}

.mmactive .at_top_bar {
    display: none !important
}

.smcx-embed {
    margin: 0 auto !important
}

@media(max-width: 989px) {
    header .container {
        flex-direction: column;
        align-items: center
    }
}

@media(max-width: 989px) {
    header .container .menu-section .main-menu .menu-main-menu-container {
        display: none
    }
}

.sm_menu_outer .slide .active #sm_menu_ham span {
    background: white !important;
}

#sm_menu_hambody.mmactive {
    overflow: hidden
}

.mobile_menu {
    display: none;
    position: relative
}

.mobile_menu .social {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 55px;
    margin-top: 100px
}

@media only screen and (max-width:989px) {
    .mobile_menu {

        background-color: var(--main-color);

    }
}

.mobile_menu .social a {
    background-image: url(../../images/social-icons.png);
    background-repeat: no-repeat;
    background-size: 160px;
    font-size: 0;
    padding: 9px 15px !important
}

.mobile_menu .social a.in {
    background-position: 0 -4px
}

.mobile_menu .social a.fb {
    background-position: -41px -4px
}

.mobile_menu .social a.yt {
    background-position: -131px -4px
}

.mobile_menu .social a.tw {
    background-position: -84px -4px
}

.sm_menu_outer.active .mobile_menu {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    align-content: center;
    justify-content: center;
    flex-wrap: nowrap;
}

.sm_menu_outer {
    height: calc(100vh - 125px);
    overflow-y: scroll;
    overflow-x: hidden;
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: -9;
    width: 100%;
    opacity: 0;
    background-color: var(--main-color);
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    transition: opacity .2s;
    display: none
}

@media only screen and (max-width:989px) {
    .sm_menu_outer {
        height: 100%
    }
}

.sm_menu_outer.slide .mobile_menu li.hasChild .sub-menu-mobile li a {
    font-size: 14px;
    text-transform: capitalize
}

.sm_menu_outer.active {
    opacity: 1;
    z-index: 999;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.sm_menu_outer .mobile_menu li.back a::before 
        {
              background: url(https://demo.betateahouse.com.tr/assets/svg/next.png) no-repeat scroll 95% center/5% auto;
            background-size: 15px;
            content: "";
            position: absolute;
            top: 0;
            transform: rotate(180deg);
            left: 12px;
            padding: 20px;
            background-repeat: no-repeat;
            background-size: 15px;
            -webkit-transform: rotate(180deg);
            -moz-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            
        }

.sm_menu_outer .mobile_menu a {
    color: #fff;
    display: block;
    letter-spacing: 1px;
    padding: 20px 15px;
    text-transform: uppercase;
    text-decoration: none
}

.sm_menu_outer.slide .mobile_menu .sub-menu-mobile {
    background-color: var(--main-color);
    height: 100%;
    position: absolute;
    right: -100%;
    top: 0;
    transition: all .5s ease 0s;
    width: 100%;
    z-index: 999
}

.sm_menu_outer.slide .mobile_menu li.active>.sub-menu-mobile {
    right: 0
}

.sm_menu_outer .mobile_menu li {
    text-align: center;
    list-style-type: none;
    border-bottom: .5px solid transparent;
    color: #fff
}

.sm_menu_outer.slide .mobile_menu li.hasChild>a {}

#sm_menu_ham {
    cursor: pointer;
    float: right;
    height: 25px;
    position: fixed;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
    width: 30px;
    top: 45px;
    left: 15px;
    z-index: 4444
}

#sm_menu_ham::after {
    content: 'MENU';
    position: relative;
    left: 33px;
    top: -6px;
    font: 500 14px futura-pt, sans-serif;
    color: var(--main-color)
}

#sm_menu_ham.open::after {

    position: relative;
    left: 35px;
    top: -7px;
    color: #fff;
    font: 500 14px futura-pt, sans-serif
}

#sm_menu_ham span {
    background-color: #000;
    border-radius: 5px;
    display: block;
    height: 2px;
    left: 0;
    opacity: 1;
    position: absolute;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all .25s ease-in-out 0s;
    -moz-transition: all .25s ease-in-out 0s;
    -o-transition: all .25s ease-in-out 0s;
    transition: all .25s ease-in-out 0s;
    width: 30px
}

#sm_menu_ham span:nth-child(1) {
    top: 0
}

#sm_menu_ham span:nth-child(2),
#sm_menu_ham span:nth-child(3) {
    top: 10px
}

#sm_menu_ham span:nth-child(4) {
    top: 20px
}

#sm_menu_ham.open span:nth-child(1) {
    left: 50%;
    top: 18px;
    width: 0
}

#sm_menu_ham.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg)
}

#sm_menu_ham.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#sm_menu_ham.open span:nth-child(4) {
    left: 50%;
    top: 18px;
    width: 0
}

#sm_menu_ham.open span {
    background-color: #fff
}

.sm_menu_outer.accordion .mobile_menu .sub-menu-mobile,
.sm_menu_outer.accordion .mobile_menu li.hasChild ul.sub-menu-mobile {
    display: none
}

.sm_menu_outer.accordion .mobile_menu .hasChild>.sub-menu-mobile li {
    padding-left: 20px
}

.sm_menu_outer.accordion .mobile_menu li.active>.sub-menu-mobile {
    right: auto
}

.sm_menu_outer.accordion .mobile_menu li.hasChild>a {
    position: relative
}

.sm_menu_outer.accordion .mobile_menu li.hasChild>a::before {
    position: absolute;
    content: '';

    right: 0;
    top: 20px;
    width: 40px;
    height: 25px;
    transition: all .19s ease
}

.sm_menu_outer.accordion .mobile_menu li.hasChild.active>a::before {
    transform: rotate(89deg);
    transition: all .19s ease
}

@media(min-width:989px) {

    #sm_menu_ham,
    .sm_menu_outer {
        display: none
    }
}

.sm_menu_outer.accordion li {
    display: block
}

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(66px);
        transform: translateY(66px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideUp {
    0% {
        -webkit-transform: translateY(66px);
        -ms-transform: translateY(66px);
        transform: translateY(66px)
    }

    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@media(max-width:500px) {
    div#powerTip {
        position: fixed;
        top: 20% !important;
        left: 10% !important;
        width: 100%;
        height: auto !important;
        overflow-x: hidden;
        overflow-y: auto
    }
}

@media(min-width:500px) and (max-width:990px) {
    .package_tit {
        padding: 10px !important
    }
}

.mmactive .at_top_bar {
    display: none !important
}

.smcx-embed {
    margin: 0 auto !important;
}

.menuicon__bar, .menuicon__circle {
    fill: none;
    stroke: currentColor;
    stroke-width: 3;
    stroke-linecap: round;
}

.menuicon__bar {
    transform: rotate(0deg);
    transform-origin: 50% 50%;
    transition: transform 0.25s ease-in-out;
    color: #fff;
}

.menuicon__circle {
    transition: stroke-dashoffset 0.3s linear 0.1s;
    stroke-dashoffset: 144.513262038;
    stroke-dasharray: 144.513262038;
}

.splash {
    position: absolute;
    top: 40px;
    right: 40px;
    width: 1px;
    height: 1px;
}

.splash::after {
    content: "";
    display: block;
    position: absolute;
    border-radius: 50%;
    background-color: var(--splash-bg-color);
    width: 284vmax;
    height: 284vmax;
    top: -142vmax;
    left: -142vmax;
    transform: scale(0);
    transform-origin: 50% 50%;
    transition: transform 0.2s cubic-bezier(1, -0.05, 0, 1.06);
    will-change: transform;
}

.nav:target>.splash::after,
.nav--open>.splash::after {
    transform: scale(1);
}

.nav:target .menuicon,
.nav--open .menuicon {
    color: wheat;
    transform: rotate(180deg);
}

.nav--open {}

.nav:target .menuicon__circle,
.nav--open .menuicon__circle {
    stroke-dashoffset: 0;
    color: #fff;
}

.nav:target .menuicon__bar:nth-child(1), .nav:target .menuicon__bar:nth-child(4),
.nav--open .menuicon__bar:nth-child(1),
.nav--open .menuicon__bar:nth-child(4) {
    opacity: 0;
}

.nav:target .menuicon__bar:nth-child(2),
.nav--open .menuicon__bar:nth-child(2) {
    transform: rotate(45deg);
}

.nav:target .menuicon__bar:nth-child(3),
.nav--open .menuicon__bar:nth-child(3) {
    transform: rotate(-45deg);
}

.nav:target .nav__menu,
.nav--open .nav__menu {
    visibility: visible;
}

.nav:target .nav__item,
.nav--open .nav__item {
    opacity: 1;
    transform: translateY(68px);
}


.viewport {
    width: var(--screen-width);
    height: var(--screen-height);
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    background-color: white;
}

.header {
    height: 5rem;
    background-color: var(--white);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
}