body > div.container-fluid {
    min-height: 400px;
}

.site-float-left {
    float: left;
}

a {
    text-decoration: none !important;
}

/*#region div.top-header */
div.top-header {
    width: 100%;
    background-color: #000;
    color: #fff;
    overflow: hidden;
    padding: 10px 0;
}

div.top-header > div {
    padding: 0;
}

div.top-header > div > div {
    float: left;
    margin-right: 20px;
}

div.top-header > div > div:nth-child(n+3) {
    float: right;
}

div.top-header > div > div:last-child {
    color: #2196f3;
}

div.top-header ul {
    display: inline-block;
    margin: 0;
    padding: 0;
}

div.top-header ul > li {
    display: inline-block;
}

div.top-header ul > li > a {
    transition: all ease-in .3s .1s;
    display: block;
    cursor: pointer;
}

div.top-header ul > li:hover > a {
    color: #2196f3 !important;
}
/*#endregion */

/*#region div.top-toolbar */
div.top-toolbar {

}

div.top-toolbar * {
   color: #7851A9 !important;

}

div.top-toolbar > div.container{
    height: 100px;
        display: grid;
    grid-template-columns:  min-content min-content min-content auto 300px;
}

div.top-toolbar > div.container > div
{
    display: block;
    padding: 30px 5px;
}

div.top-toolbar div.dropdown > button {
    background: transparent;
    border: none;
}

div.top-toolbar div.dropdown > button > i{
   font-size: 24px;
}

/*#endregion */

/*#region div.basket */

div.basket {
}

div.basket > button {
    display: grid;
    grid-template-columns: auto 75px ;
    grid-template-rows: 14px auto;   
}

div.basket > button > i {
    grid-column: 1;
    grid-row:  1 / span 2;
    padding: 0 5px;
   font-size: 32px !important;
}

div.basket > button > b {
    grid-column: 2;
    grid-row: 1;
    text-align: right;
    font-size: 11px;
}

div.basket > button > span {
    grid-column: 2;
    grid-row: 2;
    text-align: right;
    font-size: 9px;
}

/*#endregion */

/*#region div.user */
div.user {
}

 div.user .dropdown-menu  {
     padding: 0;
}

div.user div.items a {
    overflow: hidden;
    border-bottom: solid 1px #ccc;
}
 
/*#endregion */

/*#region div.currency */
div.currency {
}

 div.currency .dropdown-menu  {
     padding: 0;
}

div.currency div.items a {
    overflow: hidden;
    border-bottom: solid 1px #ccc;
}
 
/*#endregion */

/*#region form.search */

form.search {
    margin: 30px 0;
    position: relative;
}

form.search > input {
    border:1px solid #e5e5e5;
    width: 100%;
    padding : 7px;
}

form.search > input:focus {
    outline: 0;
}

form.search > button {
    border-width: 0px;
    background: transparent;
    font-size: 18px;
    position: absolute;
    left: 3px;
    top: 7px;
    color:#000;
}

/*#endregion */

/*#region div.logo */
div.top-toolbar div.logo 
{
    padding: 0 !important;
}


div.top-toolbar div.logo a
{
    display: block;
}

div.top-toolbar div.logo img
{
    display: block;
    height: 100px;
    margin: 0 auto;
}

/*#endregion */

/*#region div.top-navigation */
div.top-navigation {
    border-bottom: solid 1px #ccc;
}

div.top-navigation * {
    color: #7851A9 !important;
}

div.top-navigation .navbar-brand > img {
    width: 50px;
}

div.top-navigation > nav {
    width: 100%;
}

div.top-navigation > nav li {
    position: relative;
}

div.top-navigation > nav li > a{
    padding: 0 15px !important;
}


div.top-navigation ul.navbar-nav {
  text-align: center !important;;
    margin: 0 auto
}

div.top-navigation a.navbar-brand {
 display: none;
}

/*#endregion */

/*#region div.under-menu */

div.under-menu {
background-color: #da101a;
color: #FFFFFF;
}

div.under-menu ul {
    list-style-type: none;
    padding: 0;
    text-align: center;
    display: grid;
    grid-template-columns: auto auto auto;
}

div.under-menu ul > li {
margin:10px 0;
}


div.under-menu ul > li > a{
    color: inherit;
font-weight: 500;
border-left: 1px solid #e14a51;
box-sizing: border-box;
    display: block;
    text-align: center;
}

div.under-menu ul > li:last-child  {
    border-left: none;
}
/*#endregion */
/*#region div.site-footer */
body > footer {
    background: #000;
    color: #888;
}

body > footer > p {
    padding: 10px;
    text-align: center;
    direction: ltr;
}

div.site-footer {
    background: #181818;
    padding: 10px 30px;
    margin: 0;
}

div.site-footer a {
    color: #f1594b;
    transition: all ease-in .3s .1s;
}

div.site-footer a:hover {
    color: #fff;
}

div.site-footer > div {
    padding-left: 30px;
    width: 25%;
}

div.site-footer > div > h2 {
    font-size: 18px;
    margin: 10px 0;
    padding: 0;
    color: #fff;
}

div.site-footer ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

div.site-footer .contact ul li {
    overflow: hidden;
}

div.site-footer .contact ul label {
    float: left;
}

div.site-footer .contact ul label::after {
    content: " : ";
}

div.site-footer .socials ul > li {
    display: inline-block;
    margin: 5px;
}

div.site-footer .socials ul > li > a {
    font-size: 29px;
    border: solid 1px #464646;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    display: block;
    text-align: center;
    line-height: 180%;
    color: #fff;
    background: #464646;
}

div.site-footer .socials ul > li > a:hover {
    border: solid 1px #fff;
    background: #fff;
    color: #000;
}

div.site-footer .newsletter {
}

div.site-footer .newsletter > p {
    color: #FFF
}

div.site-footer .newsletter > div {
    margin: 5px 0;
    position: relative;
}

div.site-footer .newsletter > div > i {
    float: left;
    padding: 5px;
    font-size: 18px;
    color: #fff;
    position: absolute;
}

div.site-footer .newsletter > div > input {
    border: solid 1px rgb(136,136,136);
    background: transparent;
    padding: 6px 0px 6px 30px;
    width: 100%;
    height: 100%;
    color: #fff;
}

div.site-footer .newsletter > div > input::placeholder {
    color: #464646;
}

div.site-footer .newsletter > button {
    width: 100%;
    padding: 10px;
    background: #f1594b;
    color: #fff;
    border: solid 1px #000;
    transition: all ease-in .3s .1s;
}



div.site-footer .newsletter > button:hover {
    background: #000;
}

/*#endregion */


/*#region div.cart */
div.cart {
    width: 320px;
    padding: 5px
}

div.cart > h2 {
    font-size: 21px;
    text-align: center;
    background: #000;
    color: #fff;
    padding: 10px;
}

div.cart > h4 {
    font-size: 14px;
    color: #888;
    border-bottom: solid 1px #888;
    padding: 5px;
}

div.cart h3 > span {
    font-size: 18px;
    color: #f1594b;
}

div.cart h3 > b {
    font-size: 20px;
}

div.cart a.btn {
    margin: 5px 0;
    width: 100%;
}

div.cart > ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}


div.cart > ul > li {
    border-bottom: solid 1px #ccc;
    overflow: hidden;
    height: 150px;
    position: relative;
}

div.cart > ul > li > img {
    float: left;
    width: 40%;
    margin: 5px;
}

div.cart > ul > li > span {
    width: 100%;
    position: absolute;
    bottom: 5px;
    white-space: nowrap;
    display: block;
    font-size: 12px
}

div.cart > ul > li > b {
    float: left;
    width: 50%;
    margin: 5px 0;
}

div.cart > ul > li > input {
    float: left;
    width: 50px;
    height: 50px;
    text-align: center;
}

div.cart > ul > li > button {
    float: left;
    width: 50px;
    height: 50px;
}


/*#endregion */

/*#region div.adding-cart-item */

div.adding-cart-item {
    position: fixed !important;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100% !important;
    background: rgba(0, 0, 0, 0.50);
    z-index: 99;
}

div.adding-cart-item > i {
    position: absolute;
    top: 40%;
    left: 50%;
    background: #FFF;
    transform: scale(8);
    background: transparent;
    color: #fff;
}

div.adding-cart-item > i::before {
    font-size: 40px;
}
/*#endregion */

p.basket-message {
    position: fixed;
    top: 0;
    width: 100%;
}

/*#region rtl */
html[dir='rtl'] div.top-navigation > div > ul > li {
    border-right: none;
    border-left: solid 1px #ccc;
}

html[dir='rtl'] div.top-navigation > div > ul > li > ul {
    left: auto;
    right: 0px;
}

html[dir='rtl'] div.site-footer .contact ul label {
    float: right;
}

html[dir='rtl'] div.site-footer .newsletter > div > input {
    padding: 6px 30px 6px 0px;
}

html[dir='rtl'] div.cart > ul > li > img {
    float: right;
}


html[dir='rtl'] div.cart > ul > li > input {
    float: right;
}

html[dir='rtl'] div.cart > ul > li > button {
    float: right;
}
/*#endregion */

/*#region responsive */

/* Monitor */
@media (min-width: 768px) and (max-width: 992px) {
    .container {
        max-width: 100%;
    }

    div.site-footer > div {
        padding-left: 0;
        padding-bottom: 30px;
        width: 50%;
    }
}

/* Tablet */
@media (min-width: 576px) and (max-width: 768px) {
    .row {
        padding: 0;
        margin: 0;
    }

    .container {
        max-width: 100%;
    }

    div.site-footer > div {
        padding-left: 0;
        padding-bottom: 30px;
        width: 50%;
    }

    div.top-navigation ul.navbar-nav > li {
        border-bottom: solid 1px #888;
    }
}

/* Phone */
@media (max-width: 576px) {
    .row {
        padding: 0;
        margin: 0;
    }

    div.top-navigation > div > ul > li > a {
        padding: 10px;
    }

    div.top-navigation > div > ul > li > a:hover {
        padding: 10px;
    }

    div.top-toolbar > div {
        height: 155px;
        border: solid 1px #ccc;
        padding: 0;
        position: relative;
        margin-top: 3px;
    }

    div.site-footer > div {
        padding-left: 0;
        padding-bottom: 20px;
        width: 100%;
    }

    div.cart {
        width: 100vw;
        padding: 5px
    }

    div.top-header > div > div {
        float: left;
        margin-right: 0;
        width: 50%
    }

    div.top-navigation ul.navbar-nav > li {
        border-bottom: solid 1px #ccc;
    }
}

/*#endregion */