/*
blue
#002e6e
----------
yellow
#ffb52f
----------
red
#f04124
----------
gray
#949599
----------
*/
html {
    font-size: 14px;
}

body {
    background-color: #ffffff;
    color           : #808080;

}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #d2d2d2;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #d2d2d2;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #d2d2d2;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #d2d2d2;
}

button:focus,
.btn:focus,
input:focus {
    outline: none;
}

.form-control::-webkit-input-placeholder {
    color  : #d2d2d2;
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    color  : #d2d2d2;
    opacity: 1;
}

.form-control::placeholder {
    color  : #d2d2d2;
    opacity: 1;
}

.form-control {
    border-radius: 0;
}

.tooltip {
    font-family: inherit;
}

.tooltip .tooltip-inner {
    background-color: #002e6e;
}

.tooltip .arrow::before {
    border-top-color: #002e6e;
}

.title {
    color: #ffb52f;
}

.main-slider-section .header-wrapper {
    position: absolute;
    z-index : 1000;
    width   : 100%;
}

.navbar-brand {
    margin: 0 10px 0 30px;
}

.background-nav-main {
    background-color: #ffffff;
    padding-top     : 4px;
    padding-bottom  : 4px;
}

.main-slider-section .background-nav-main {
    background-color: #ffffffb3;
}


.main-menu li {
    padding  : 0 5px;
    min-width: 100px;
    position : relative;

}

.main-menu li>a {
    border    : 2px solid #002e6e;
    padding   : 5px 7px;
    color     : #002e6e;
    text-align: center;
}

.main-menu li>a:after,
.main-menu li>a.active:after {
    content         : "";
    position        : absolute;
    width           : 0;
    height          : 2px;
    bottom          : -7px;
    left            : 0;
    right           : 0;
    background-color: #ffb52f;
    transition      : 0.5s;
    text-align      : center;
    margin          : auto;

}

.main-menu li:hover>a:after,
.main-menu li>a.active:after {
    width: 100%;
}

.main-menu li .ico {
    font-size  : 15px;
    text-shadow: none;
    font-weight: bold;
}

.menu2 li>a {
    font-size: 0.9rem;
}

.top-nav .menu li a {
    font-size  : 13px;
    line-height: 15px;
}

.bg-1 {
    background-image: url("../images/template/bg/4.jpg");
    background-size : cover;
}

footer {
    background-color: #eeeeee;
    background      : #eeeeee;
    background      : -moz-linear-gradient(top, #eeeeee 0%, #969696 100%);
    background      : -webkit-linear-gradient(top, #eeeeee 0%, #969696 100%);
    background      : linear-gradient(to bottom, #eeeeee 0%, #969696 100%);
    filter          : progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#969696', GradientType=0);
}

footer,
a,
footer .btn-yellow {
    color: #002e6e;
}

footer .counter {
    font-size  : 36px;
    font-weight: bold;
}

footer hr {
    border    : 0;
    border-top: 1px solid #002e6e;
    box-shadow: 0 2px 4px #002e6ecc;
}

.footer-bottom-bar {
    background-color: #ffb52f;
    padding         : 5px 0;
    margin          : 0;
}

.copyright {
    font-size: 0.9rem !important;
}

.footer-bottom-bar ul {
    margin: 0;
}

footer .socialmediaicons .list-item {
    padding: 0px 10px;
}

.socialmediaicons .list-item {
    position: relative;
}

.socialmediaicons a .fa {
    padding        : 10px;
    font-size      : 20px;
    width          : 40px;
    text-decoration: none;
    margin         : 5px 2px;
    border         : 1px solid #002e6e;
    color          : #002e6e;
}

.socialmediaicons .list-item {
    -moz-transition: all 250ms ease-in-out;
    -o-transition  : all 250ms ease-in-out;
    transition     : all 250ms ease-in-out;
    position       : relative;
    display        : block;
}

.socialmediaicons .list-item i {
    font-size  : 18px;
    font-weight: 700;
    text-align : center;
    display    : block;
    height     : 40px;
    line-height: 40px;
    color      : #2f2f2f;
    transition : .25s;
}

.socialmediaicons .list-item:hover .custom-tooltip {
    opacity          : 1;
    left             : 50px;
    -webkit-transform: scale(1);
    -moz-transform   : scale(1);
    -ms-transform    : scale(1);
    transform        : scale(1);
}

.socialmediaicons .list-item .custom-tooltip::before {
    display      : block;
    content      : " ";
    left         : -15px;
    top          : 0;
    position     : absolute;
    border-top   : 15px solid transparent;
    border-right : 15px solid #ffffffb3;
    border-bottom: 15px solid transparent;
}

.socialmediaicons .custom-tooltip {
    opacity              : 0;
    /* visibility        : hidden; */
    -webkit-transform    : scale(.7);
    -moz-transform       : scale(.7);
    -ms-transform        : scale(.7);
    transform            : scale(.7);
    position             : absolute;
    background-color     : #ffffffb3;
    color                : #002e6e;
    font-size            : 12px;
    margin               : 0;
    padding              : 9px 20px 9px 10px;
    font-family          : inherit;
    font-weight          : 900;
    width                : auto;
    font-weight          : 900;
    display              : block;
    letter-spacing       : .1px;
    left                 : 10px;
    top                  : 0px;
    white-space          : nowrap;

    -o-transition: all 200ms ease-in-out;
    transition   : all 200ms ease-in-out;
}

.text-color-dark-blue {
    color: #002e6e;
}

.bg-dark-blue {
    background-color: #002e6e !important;
    color           : #FFFFFF;
}

.bg-dark-red {
    background-color: #F04124 !important;
    color           : #FFFFFF;
}

.bg-yellow {
    background-color: #ffb52f;
}

.bg-transparent {
    background-color: transparent;
}

.bg-gray {
    background-color: #f5f5f5;
}

.btn {
    border-radius: 0;
}

.input-group .btn,
.input-group input {
    border-radius: 0 !important;
    border       : 0;
}

.btn-yellow {
    color           : #fff;
    background-color: #ffb52f;
    border-color    : #ffb52f;
}

.btn-yellow:hover {
    color           : #fff;
    background-color: #f8aa00;
    border-color    : #f8aa00;
}

.btn-blue {
    color           : #fff;
    background-color: #002e6e;
    border-color    : #002e6e;
}

.btn-blue:hover {
    color           : #fff;
    background-color: #00265c;
    border-color    : #00265c;
}

.btn-danger {
    background-color: #f04124;
    border-color    : #f04124;
}

.btn-danger:hover {
    background-color: #da2100;
    border-color    : #da2100;
}

.btn-white {
    color           : #002e6e;
    background-color: #FFFFFF;
    border-color    : #FFFFFF;
}

.btn-white:hover {
    color           : #fff;
    background-color: rgb(228, 228, 228);
    border-color    : rgb(228, 228, 228);
}

.btn-round {

    border-radius: 2rem !important;
    text-align   : center;
}

.input-custom {
    max-width       : 100%;
    background-color: #FFF;
}

.searchsubmit {

    background-color: #FFFFFF;
}

.why-ceramit .ico {
    font-size: 80px;
    color    : #ffb52f;
}

.why-ceramit .why-item-title {
    margin-top: 1rem;
}

.feature-box-icon .ico {
    font-size: 80px;
    color    : #ffb52f;
}

.feature-box-icon {
    display            : block;
    margin             : 1em auto;
    width              : 160px;
    height             : 160px;
    background-size    : cover;
    background-repeat  : no-repeat;
    background-position: center center;
    background-image   : url("../images/bg-feature-box.jpg");
}

.feature-box-title {
    color     : #002e6e;
    text-align: center;
}

.main-slider-section {
    position: relative;
}


#main-slider .owl-dots,
.main-slider-section .socialmediaicons {
    position  : absolute;
    right     : 5%;
    top       : 50%;
    transform : translateY(-50%);
    margin-top: 0;
    direction : rtl;

}

.main-slider-section .bottom {
    position : absolute;
    left     : 50%;
    bottom   : 2%;
    transform: translateX(-50%);
    z-index  : 1000;
}

.main-slider-section .socialmediaicons {
    left   : 5%;
    right  : auto;
    z-index: 1000;
}

#main-slider.owl-carousel .owl-item img {
    height: 100vh;
}

.socialmediaicons .list-item .ico {
    font-size: 30px;
    color    : #002e6e;
}


.owl-theme .owl-dots .owl-dot span {
    border-radius: 0;
}

.owl-theme .owl-dots .owl-dot.active span {
    background: #ffb52f;
}

.socialmediaicons .list-item {
    margin     : 10px 0;
    color      : #ffb52f;
    line-height: 1;
}


.socialmediaicons span {
    color: #ffffff;

}

.socialmediaicons .list-item a:hover span {
    background-color: #ffb52f;
}

#main-slider .owl-dots .owl-dot {
    display  : block;
    direction: rtl;
}

#main-slider .owl-dots .owl-dot span {
    display         : block;
    width           : 15px;
    background-color: transparent;
    height          : 15px;
    border-radius   : 0;
    transition      : 0.3s;
    border          : 1px solid #002e6e;

}

#main-slider .owl-dots .owl-dot.active span,
#main-slider .owl-dots .owl-dot.hover span {
    background-color: #ffb52f;
}


.brands-section {
    border: 1px solid #eaeaea;
}


#carousel-brand.owl-carousel .owl-item img {
    filter: grayscale(100%);
}

#carousel-brand.owl-carousel .owl-item:hover img {
    filter: grayscale(0%);
}


#carousel-brand.owl-carousel .owl-item {
    padding: 20px;
}


.nav-center.owl-carousel .owl-nav {
    position      : absolute;
    left          : 0;
    right         : 0;
    font-size     : 30px;
    margin-top    : 0px;
    top           : 50%;
    transform     : translateY(-50%);
    pointer-events: none;


}


.nav-center.owl-carousel .owl-nav button i {
    color    : #adadad;
    font-size: 60px;
}

.nav-center.owl-carousel .owl-nav button.owl-next {
    float       : right;
    margin-right: 16px;
}

.nav-center.owl-carousel .owl-nav button.owl-prev {
    float      : left;
    margin-left: 16px;

}

.nav-center .owl-nav [class*=owl-] {
    opacity       : 0;
    transition    : 0.5s;
    pointer-events: initial;
}

.nav-center .owl-nav .owl-next {
    transform: translateX(100%);
}

.nav-center .owl-nav .owl-prev {
    transform: translateX(-100%);
}

.nav-center.owl-carousel:hover .owl-nav [class*=owl-] {
    background     : inherit;
    color          : inherit;
    text-decoration: none;
    opacity        : 1;
    transform      : translateX(0);
}

hr.yellow {
    border-top: 1px solid #ffb52f;
}

hr.section-shadow {
    box-shadow        : 0px 2px 3px rgba(0, 0, 0, .7), 0px 8px 10px rgba(0, 0, 0, .6), 0px 12px 10px rgba(0, 0, 0, .6);
    -moz-box-shadow   : 0px 2px 3px rgba(0, 0, 0, .7), 0px 8px 10px rgba(0, 0, 0, .6), 0px 12px 10px rgba(0, 0, 0, .6);
    -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, .7), 0px 8px 10px rgba(0, 0, 0, .6), 0px 12px 10px rgba(0, 0, 0, .6);
    -o-box-shadow     : 0px 2px 3px rgba(0, 0, 0, .7), 0px 8px 10px rgba(0, 0, 0, .6), 0px 12px 10px rgba(0, 0, 0, .6);

}

.top-box {
    box-shadow: inset 0 7px 9px -7px rgba(0, 0, 0, 0.7);
}

.box-shadow2 {
    box-shadow      : 0px 6px 12px #bdbdbd;
    background-color: #fff;
}

.box-ceramit {
    background-color: #fff;
    border          : 1px solid #f1f1f1;
}

.box-ceramit .header {
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 1rem;
}

.box-ceramit .header .title {
    color        : #002e6e;
    border-bottom: 1px solid #ffb52f;
    margin       : 0;
    padding      : 0 1rem .5rem 3rem;
    display      : inline-block;
}

.detail-box {
    background-color: #f8f9fa;
    border          : 1px solid #f1f1f1;
}




.product-item-slide {
    position: relative;

}

.product-item-slide .product-title {
    color    : #002e6e;
    font-size: 22px;

}

.product-item-slide .box-shadow2 {
    box-shadow      : 0 2px 8px 0.5px rgba(0, 0, 0, 0.22);
    background-color: #f6f6f6;
}

.product-item-slide a {
    color: rgb(26, 26, 26);
}

.product-footer,
.product-header {
    background-color: #fff;
    background      : #ffffff;
    background      : -moz-linear-gradient(top, #ffffff 0%, #dbdbdb 100%);
    background      : -webkit-linear-gradient(top, #ffffff 0%, #dbdbdb 100%);
    background      : linear-gradient(to bottom, #ffffff 0%, #dbdbdb 100%);
    filter          : progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dbdbdb', GradientType=0);

}

.product-item-slide .product-price {
    line-height: 32px
}

.carousel-amazing-section {
    padding: 1.5rem 0;
    margin : 0 -30px;
}

.product-item-dec ul {
    margin: 0;
}

.product-item-dec li {
    display : inline-block;
    color   : #9b9b9b;
    margin  : 0 5px;
    position: relative;
}

.product-item-dec li::before {
    background-color: #b3b3b3;
    content         : "";
    height          : 2px;
    position        : absolute;
    right           : -10px;
    top             : 9px;
    transition      : all 0.4s ease 0s;
    width           : 6px;
}

.product-item-dec li:last-child::before {
    display: none;
}

.product-slide-section.owl-carousel .owl-item {
    padding: 0 15px;
}



/* .product-slide-section .owl-stage-outer {
    padding: 20px;
}


.owl-stage-outer {
    overflow: visible;
}

.owl-item {
    opacity   : 0;
    transition: opacity 500ms;
}

.owl-item.active {
    opacity: 1;
} */

.factory-filter,
.size-filter {
    overflow  : auto;
    height    : 100%;
    max-height: 50vh;
    direction : ltr;
    text-align: right;

}

.size-filter {
    direction: rtl;
}

.factory-filter .btn {
    min-width: 150px;
    color    : #FFF !important;
    margin   : 0.2rem;

}

.size-filter .btn {
    min-width: 100px;
    color    : #FFF !important;
    margin   : 0.2rem;

}

.discount-percent {
    position   : absolute;
    color      : #FFFFFF;
    display    : inline-block;
    width      : 35px;
    height     : 35px;
    line-height: 35px;
    left       : 10px;
    bottom     : 10px;



}

.discount-percent::before {
    content         : " ";
    position        : absolute;
    left            : 0;
    top             : 0;
    right           : 0;
    bottom          : 0;
    background-color: #F04124;
    transform       : rotate(45deg);

}

.discount-percent span {
    position: absolute;
    left    : 0;
    top     : 0;
    right   : 0;
    bottom  : 0;
}

.grid-item .usage {

    position  : absolute;
    bottom    : 20px;
    padding   : 5px 10px;
    text-align: center;
    left      : 0;
    right     : 0;
}

.grid-item .usage span {
    background-color: #002e6e;
    color           : #ffb52f;
    padding         : 5px 10px;
}



.grid {
    display              : grid;
    grid-template-columns: repeat(auto-fit, 1fr);
    grid-gap             : 10px;

}

.grid>img {

    width: 100%;
}

.grid div:nth-child(2) {
    grid-column: 2 / 4;
}



.grid div:nth-child(3) {
    grid-column: 4 / 4;
    grid-row   : 1 / 3;
}

.grid div:nth-child(4) {
    grid-column: 1 / 3;
}

.grid div:nth-child(5) {
    grid-column: 3 / 4;
}




.grid2 .grid-item {
    position: relative;
    overflow: hidden;

}

.grid2 .grid-item img {
    transition: transform 800ms ease-in-out;

}

.grid2 .grid-item:hover img {
    transform: scale(1.2);
}

.grid2 .grid-item:hover .usage {
    /* animation: 700ms ease-in-out 0s normal none 1 running usage; */
}


.row-flex {
    display      : -webkit-box;
    display      : -ms-flexbox;
    display      : flex;
    -ms-flex-wrap: wrap;
    flex-wrap    : wrap;
}

@media (min-width: 0px) {
    .search-side {
        flex     : 0 0 100%;
        max-width: 100%;
    }

}

@media (min-width: 576px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
    #main-slider .owl-dots .owl-dot span {
        width : 30px;
        height: 30px;
    }

    .search-side {
        flex     : 0 0 20%;
        max-width: 20%;
    }



}

@media (min-width: 1200px) {}


@media(min-width:768px) {
    /* Modify this based on column def */

    .gutter-10>[class*='col-'] {
        padding-right: 5px;
        padding-left : 5px;
    }

    .gutter-10>[class*="col-"]:first-child {
        padding-left: 15px;
    }

    .gutter-10>[class*="col-"]:last-child {
        padding-right: 15px;
    }

    html[dir="rtl"] .gutter-10>[class*='col-'] {
        padding-right: 5px;
        padding-left : 5px;
    }

    html[dir="rtl"] .gutter-10>[class*="col-"]:first-child {
        padding-right: 15px;
    }

    html[dir="rtl"] .gutter-10>[class*="col-"]:last-child {
        padding-left: 15px;
    }



}


[class*="col-"] {
    /* border: 1px solid #036CDB !important; */
}

.small-gutter {
    margin-left : -5px;
    margin-right: -5px;
}

.small-gutter [class^="col-"],
.small-gutter>[class^=" col-"] {
    padding-left : 5px;
    padding-right: 5px;
}



.aos-all {
    width    : 1000px;
    max-width: 98%;
    margin   : 10vh auto 0 auto;
}

.aos-item {
    display   : inline-block;
    float     : left;
    width     : 33.3333%;
    height    : 300px;
    padding   : 20px;
    background: #1da4e2;
    margin    : 10px 0;
}

.aos-item__inner {
    position   : relative;
    width      : 100%;
    height     : 100%;
    float      : left;
    background : #1da4e2;
    line-height: 260px;
    text-align : center;
    color      : #fff;
}

@media screen and (max-width: 800px) {
    .aos-item {
        width: 50%;
    }
}

del {
    color: #9b9b9b;
}

.section-title {
    text-align: center;
}

.section-title .title {
    font-size    : 2rem;
    display      : inline-block;
    padding-left : 3rem;
    padding-right: 3rem;
    position     : relative;
}

.section-title-before,
.section-title-after {
    text-align      : center;
    display         : inline-block;
    width           : 1.8rem;
    height          : 1.8rem;
    background-color: #ffb52f;
    position        : absolute;
    left            : 0;
    top             : 0.1rem;

}

.section-title-after {
    right: 0;
}

.section-title-before:before,
.section-title-after:before {
    content         : ' ';
    text-align      : center;
    display         : inline-block;
    width           : 1.5rem;
    height          : 1.5rem;
    background-color: #ffb52f;
    position        : absolute;
    top             : 0.18rem;
    left            : -2rem;

}

.section-title-after:before {
    left : auto;
    right: -2rem;
}

.section-title-before:after,
.section-title-after:after {
    content         : ' ';
    text-align      : center;
    display         : inline-block;
    width           : 1rem;
    height          : 1rem;
    background-color: #ffb52f;
    position        : absolute;
    top             : 0.4rem;
    left            : -3.4rem;

}

.section-title-after:after {
    left : auto;
    right: -3.4rem;
}

@-webkit-keyframes usage {
    from {
        opacity          : 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform        : scale3d(.3, .3, .3);
    }

    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform        : scale3d(1.1, 1.1, 1.1);
    }

    100% {}
}

@keyframes usage {
    from {
        opacity          : 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform        : scale3d(.3, .3, .3);
    }

    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform        : scale3d(1.1, 1.1, 1.1);
    }

    100% {}
}


.os-host-rtl>.os-scrollbar-vertical {
    right: auto;
    left : auto;
}

.os-theme-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
    background: #ffb52f;
}

.os-theme-dark>.os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle {
    background: #e09900;
}

.os-theme-dark>.os-scrollbar:active>.os-scrollbar-track>.os-scrollbar-handle {
    background: #e09900;
}

.factory-filter .os-host-rtl>.os-scrollbar-vertical {
    right: 0;
    left : auto;
}

.factory-filter .os-scrollbar-vertical {
    left: 0;
}

[class^='select2'] {
    border-radius: 0px !important;
}

code,
kbd,
pre,
.img-rounded,
.img-thumbnail,
.img-circle,
.form-control,
.btn,
.btn-link,
.dropdown-menu,
.list-group-item,
.input-group-addon,
.input-group-btn,
.nav-tabs a,
.nav-pills a,
.navbar,
.navbar-toggle,
.icon-bar,
.breadcrumb,
.pagination,
.pager *,
.label,
.badge,
.jumbotron,
.thumbnail,
.alert,
.progress,
.panel,
.well,
.modal-content,
.tooltip-inner,
.popover,
.popover-title,
.carousel-indicators li {
    border-radius: 0 !important;
}

/* * {
    border-radius: 0 !important;
  } */

.filter-side .form-control {
    background-color: #fbfbfb;
}

.filter-panel {
    border          : 1px solid #eceaea;
    background-color: #FFF;
    margin-bottom   : 1rem;
}

.filter-panel .header {
    border-bottom: 1px solid #eceaea;
    position     : relative;
    display      : flex
}

.filter-panel .header .collapse-icon {
    display      : flex;
    flex-wrap    : wrap;
    align-content: center;
    padding      : 0 1rem;
}

.filter-panel .header .collapse-icon:before {
    content: "";
}

.filter-panel.collapsed .header .collapse-icon:before {
    content: "";
}

.filter-panel .header h5 {
    font-size  : 1rem;
    padding    : 0.6rem;
    margin     : 0;
    color      : #808080;
    font-weight: 300;
    flex-grow  : 1;
}

.filter-panel .body {
    padding: 1rem;
}

.kashis .item {
    background-color: #fff;
}

.kashis .item .title {
    color        : #ffb52f;
    font-size    : 1.3rem;
    margin       : 0;
    padding      : .7rem;
    border-bottom: 2px solid #ffb52f;
}

.kashis .item .image-section {
    position     : relative;
    border-bottom: 2px solid #ffb52f;
}

.kashis .item .details {
    padding  : .5rem;
    color    : #002e6e;
    font-size: 0.87rem;
}

.kashis .item .ico {
    /* font-size: 1.2rem; */
}

.kashis .item .details .usages {
    font-size: 0.9rem;
    margin   : 0.6rem 0;
}

.kashis .item .layout {
    position     : absolute;
    bottom       : 10px;
    right        : 10px;
    border-radius: 5px;
    padding      : 0px 3px;

}

.kashis .item .layout .ico {
    color: #fff;
}

.filter-warpper .filter-items {
    max-height: 100px;
    overflow  : auto;
}

.filter-warpper .form-group {
    margin-bottom: .8rem;
}

form .section {
    background-color: #f1f1f1;
    padding         : .7rem;
    margin          : .7rem 0;

}

form .section .form-group {
    margin-bottom: 0;
    align-items  : center !important;
    min-height   : 2.5rem;
}

form .section label {
    margin-bottom: 0;
}

.list {
    padding: 0 1rem;
}

.list .list-header {
    background-color: #f1f1f1;
    padding         : .6rem;
    font-weight     : bold;
    color           : #002e6e;
    border          : 1px solid #002e6e;
}

.list .list-header {
    background-color: #f1f1f1;
    padding         : .6rem;
    font-weight     : bold;
    color           : #002e6e;
    border          : 1px solid #002e6e;
}

.list .list-discount-label {
    position        : relative;
    background-color: #f04124;
    color           : #fff;
    display         : inline-block;
    padding         : .3rem;
    min-width       : 2rem;
}

.list .list-body [class*="col"] {
    border-left: 1px solid #0000001a;
}

.list .list-body [class*="col"]:last-child {
    border-left: none;
}

.list .list-body hr {
    margin-top   : .5rem;
    margin-bottom: .5rem;
}

.bootstrap-touchspin {
    border          : 1px solid #f3f3f3;
    background-color: #f3f3f3;
    max-width       : 160px;
    margin          : auto;
}

.bootstrap-touchspin input {
    text-align: center;
}

.nav-tabs .nav-link,
.nav-tabs .nav-item .nav-link {
    font-size       : 1.3rem;
    color           : #002e6e;
    background-color: initial;
    border          : none;
    min-width       : 120px;
    text-align      : center;
    border-bottom   : 2px solid #0000001a;
}

.nav-tabs .nav-item+.nav-item {
    margin-right: 0.4rem;
}

.nav-tabs .nav-item .nav-link.active {
    border-bottom: 2px solid #ffb52f;
    border-left  : 2px solid #ffb52f;
}

.cart-tabs .badge {
    padding         : 0;
    font-size       : 1rem;
    line-height     : 2rem;
    background-color: #f04124;
    position        : relative;
    margin-right    : 5px;
    border          : 1px solid #002e6e29;
    width           : 2rem;
    height          : 2rem;

}

.cart-tabs .badge::before {
    position        : absolute;
    content         : '';
    top             : -5px;
    right           : -5px;
    background-color: #f04124;
    border          : 1px solid #002e6e29;
    width           : 100%;
    height          : 100%;
    z-index         : -1;



}

.attribute-box {
    display: inline-block;
    padding: .2rem 0;
}

.attribute-box .ico {
    font-size: 1.5rem;
}

.ico.size-md {
    font-size: 1.8rem;
}

.alert-danger {
    color           : #d82100;
    background-color: #ffe4df;
    border-color    : #fbd5cf;
}

.weight-progress {

    background-color: #ffb52f;
    border          : 1px solid #002e6e;
}

.weight-progress .fill {

    background-color: #002e6e;
}

.info-box {
    margin: 1rem;
}

.info-box .title {
    color : #002e6e;
    margin: 1rem;
}

.info-box .value {
    font-weight: bold;
}

.badge-yellow {
    color           : #FFF;
    background-color: #ffb52f;
}

.header-row [class*="col"] {
    font-size  : 1.1rem;
    color      : #002e6e;
    font-weight: bold;
}

.parallax {
    /* The image used */
    background-image: url("../images/neww.jpg");

    /* Set a specific height */
    min-height: 500px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position  : center;
    background-repeat    : no-repeat;
    background-size      : cover;
}


.jumbotron {

    padding-left    : 20px;
    padding-right   : 20px;
    direction       : rtl;
    text-align      : justify;
    background-color: #f5f5f5;
}

.allceramit {
    background-color: #f5f5f5;
}

.ceramit-contant {
    line-height     : 2.5;
    background-color: white;
    /* padding-right: 41px; */
    padding-left    : 20px;
    text-align      : justify;

}


.ceramitimg {
    text-align: center;
}

p.ceramit-contant {
    background-color: white;
    padding         : 20px;
    text-align      : justify;
}

.ceramit-emza {
    text-align: left;
}