body, button, input, select, textarea, .search-box .form input { font-family: 'Cairo', sans-serif; }
#newsletter .title {
    font-size:28px;
    line-height:44px;
}
@media screen and (min-width: 1024px) {
    .navbar > .container .navbar-menu, .container > .navbar .navbar-menu {
        margin-left: -1rem;
    }
    .navbar-end { 
        margin-right: auto;
    }
     
    .navbar-dropdown { right:0; left:auto; }
}

.button .icon:first-child:not(:last-child) {
    margin-right: calc(-0.375em - 1px);
    margin-left: 0.1875em;
}

.navbar-dropdown .navbar-item i {
    float: left;
}
.title { padding:15px 0px; }
.field.is-grouped > .control:not(:last-child) { 
    margin-left: 0.75rem;
}

.search-box .close { right:auto; left:0; }
.search-box .form input {
    background: url(../images/generic/search.png) right center no-repeat; }
.search-box .results .image.is-48x48 { 
    float: right;
    margin-left: 10px;
}
.footer .nav-social {
    float: right;
}
.navbar-burger { margin-right:auto; margin-left:0; }
.contents-synopsis ul.social { right:auto; left:0; }
.contents-synopsis p.rating, .contents-synopsis p.reviews { text-align:right; }
ul.subnav li a span { float:left; }
ul.subnav li a i { float:right; }
.rating-container ul li span:after { margin-right:-25px; margin-left:auto; }
.contents-synopsis .practicing ul li figure { float: right; margin-left: 5px; }
.biodata ol li, .biodata ul li { margin: 0px 25px; }
.section-slider .card { direction:rtl; }
.media-left { margin-left: 1rem;}
.media-content, ul.comments li { text-align:right; }
.section-slider .card-content .peel { background: url(../images/generic/peel_ar.png) no-repeat left top; text-align: left; }

.toggle-menu {
    display: block;
    position: relative;  
    z-index: 999999; 
    -webkit-user-select: none;
    user-select: none;
    margin-top:5px;
}
.toggle-menu input {
  display: block;
  width: 40px;
  height: 32px;
  position: absolute;
  top: -7px;
  right: -5px; 
  cursor: pointer; 
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */ 
  -webkit-touch-callout: none;
}
.toggle-menu span {
    display: block;
    width: 33px;
    height: 4px;
    margin-bottom: 5px;
    position: relative; 
    background: #00d1b2;
    border-radius: 3px; 
    z-index: 1; 
    transform-origin: 4px 0px; 
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}
.toggle-menu span:first-child { 
    transform-origin: 0% 0%;
}


/*.toggle-menu span:nth-last-child(2) {
  transform-origin: 0% 100%;
}
.toggle-menu  input:checked ~ span {
  opacity: 1;
  transform: rotate(45deg) translate(0px, 0px);
  background: #00d1b2;
}*/

.toggle-menu input:checked ~ span:nth-last-child(3),
.menu-active span:nth-last-child(3) {
  transform: rotate(45deg) translate(4px, -2px);
}
.toggle-menu input:checked ~ span:nth-last-child(2),
.menu-active span:nth-last-child(2) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}
.toggle-menu input:checked ~ span:nth-last-child(1),
.menu-active span:nth-last-child(1) {
  transform: rotate(-45deg) translate(0px, 2px);
}
/*
.toggle-menu .menu-data {
    position: absolute;
  width: 300px;
  height:100%;
  margin: 0px 0 0 -50px;
  padding: 50px;
  padding-top: 125px; 
  background: #eeeeee;
  list-style-type: none;
  -webkit-font-smoothing: antialiased; 
  transform-origin: 0% 0%;
  transform: translate(-100%, 0);
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}*/
 
.desktop-nav {
    position:relative;
    
}
.mobile-nav {
    display:none;
}
.main-nav {
    clear:both; 
    z-index:999;
    position:relative;
}
.main-nav .top-nav { 
    background:#0099cc;
    border-bottom:solid 2px #00d1b2;
    padding:5px 10px;
    box-sizing:border-box;
    color:#00d1b2;
    font-size:10px;
}
.main-nav .top-nav a {
    color:#ffffff;
    font-size:14px;
    padding:0px 5px;
}
.main-nav .top-nav a.active {
    font-weight:bold;
    color:#00d1b2;
}
.main-nav .top-nav a:hover {
    color:#00d1b2;
}
.main-nav .top-nav .lang {
    text-align:left;
}
.main-nav .bottom-nav {
    clear:both;
    padding:10px; 
    background:#eeeeee;
    z-index:99999;
}
.main-nav .bottom-nav .logo {
    float:right;
    padding:5px 0px 0px;
}

.main-nav .bottom-nav nav {
    text-align:center;
}
.main-nav .bottom-nav nav ul {
    clear:both;
    display:inline-block;
    margin:0px auto;
}
.main-nav .bottom-nav nav ul li {
    display:inline-block;
    float:right;
}
.main-nav .bottom-nav nav ul li a {
    display:block;
    padding:0px 10px; 
    color:#0099cc;
    font-weight:bold;
}
.main-nav .bottom-nav nav ul li a b {
    color:#00d1b2;
    
}
.main-nav .bottom-nav nav ul li a:hover {
    color:#00d1b2;
}
.main-nav .bottom-nav nav ul li ul {
    display:none;
    position:absolute;
    right:0;
    width:100%;
    background:#eeeeee;
    padding:20px 10px;
}
.main-nav .bottom-nav nav ul li ul li {
    width:33%;
    display:block;
    float:right;
    text-align:right;
    position:relative;
}
.main-nav .bottom-nav nav ul li ul li a {
    font-weight:normal;
} 

.main-nav .bottom-nav nav ul li:hover ul {
    display:block;
    width:100%;
}
.main-nav .bottom-nav nav ul li:hover ul li ul {
    display:block;
    margin:0px;
    padding:10px 0px;
    overflow:hidden;
    position:relative;
}
.main-nav .bottom-nav nav ul li:hover ul li ul li {
    display:block;
    clear:both;
    width:100%;
}
.main-nav .bottom-nav nav ul li:hover ul li ul li a {
}
.search-tab { 
}
.search-tab a {
    float:right;
    font-size:22px;
    display:block;
    padding:0px 10px;
    color:#0099cc;
}
.search-tab a:hover {
    color:#00d1b2;
}
.search-tab a span { position: absolute; left: 0; top: 10px; font-size: 16px; display: none; padding: 5px 5px; background: #0099cc; color: #ffff; border-radius:5px; -webkit-transition: all 2s; transition: all 2s; }
.search-tab a.search-map span { left:30px; }
.search-tab a:hover span { display:block; }

.mobile-menu-data { 
    position:fixed;
    top:80px;
    right:0;
    bottom:0;
    width:100%; 
    z-index:9999;
    background:#eeeeee;
    overflow:scroll;
    transform-origin: 0% 0%;
    transform: translate(100%, 0); 
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
}
.mobile-menu-data nav {
    padding:0px;
}

.mobile-menu-data nav ul {
    margin:0px;
    
}
.mobile-menu-data nav ul li {
    background:#0099cc;
    color:#ffffff;
}
.mobile-menu-data nav ul li i {
    float:left;
}
.mobile-menu-data nav ul li a {
    font-weight:bold;
    color:#ffffff;
    font-size:16px;
    padding:10px;
    display:block;
}
.mobile-menu-data nav ul li ul li { 
    background:#00d1b2;
    color:#ffffff;
}
.mobile-menu-data nav ul li ul li ul li { 
    background:#ffffff;
    color:#00d1b2;
}
.mobile-menu-data nav ul li ul li ul li a { 
    color:#00d1b2;
}
.d5_popup_close {
    right: auto;
    left: 10px;
}
@media screen and (max-width: 728px) {
    .main-nav {
        position:fixed;
        width:100%;
        top:0px;
    }
    .main-nav .top-nav a {
        font-size:10px;
    }
    body.menu-active {
        overflow:hidden !important;
    }
    body.menu-active .mobile-menu-data {
        transform:none; 
    }
    .desktop-nav {
        display:none;
    }
    .mobile-nav {
        display:block;
    }
    .main-nav .bottom-nav {
        text-align:center;
    }
    .main-nav .bottom-nav .logo {
        float:none;
        margin:0px auto;
    }
    .search-tab a {
        float:left;
        padding:0px 6px;
    }
}

.d5_cart_summary .d5_add_edit_fn {
    left:10px;
    right:auto;
}