body{
    font-family: 'Nunito Sans', sans-serif;
    color: #666;
    font-size: 16px;
    /*line-height: 26px;*/
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
    transition: 400ms;
}
svg:not(:root) {
    overflow: hidden;
}
input,select,textarea{
    outline: none;
    border: none;
}
a,a:hover,a:active,a:after{
    color: #666;
    text-decoration: none;
}
ul,ol{
    padding: 0;
    list-style-type: none;
    margin: 0;
}
p{
    margin: 0;
}
img{
    max-width: 100%;
}
*::-webkit-scrollbar {
    width: 7px;
}

/* Track */
*::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
*::-webkit-scrollbar-thumb {
    background: #B7042C;
}

/* Handle on hover */
*::-webkit-scrollbar-thumb:hover {
    background: #44da2d;
}
body{
    overflow-x: hidden;
    width: 100vw;
}
.swal2-popup {
    width: 40em !important;
}
.popupLink{
    cursor: pointer;
}
.popupBox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #cccccc69;
    z-index: 9;
}
.popupBox.active{
    display: block;
}
.borderColor-1{
    border-color: #00a54f !important;
}
.borderColor-2{
    border-color: #639a00 !important;
}
.borderColor-3{
    border-color: #9b8800 !important;
}
.borderColor-4{
    border-color: #d06600 !important;
}
.borderColor-5{
    border-color: #ff0000 !important;
}

.popupBox .popupContent {
    margin: 20vh auto;
    width: 600px;
    max-width: 100%;
    min-height: 60vh;
    max-height: 100%;
    background: #fff;
    border-radius: 1em;
    position: relative;
    padding: 1em;
}
.popupBox .popupContent .popupClose {
    position: absolute;
    right: -0.5em;
    top: -0.5em;
    width: 2em;
    height: 2em;
    text-align: center;
    border-radius: 100%;
    background: #B7042C;
    font-weight: 800;
    color: #fff;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.popupBox .popupContent .popupHtml{
    position: absolute;
    top: 0;
    left: 0;
    width: 94%;
    height: 94%;
    margin: 1em;
    overflow-y: auto;
}
.popupBox .popupContent .popupHtml .row {
    margin: 0;
}
.popupBox .popupContent .popupHtml img {
    width: 100%;
}
.popupBox .popupContent .popupAddressContent{
    max-width: 97%;
}

.popupBox.kocailemPopup .popupContent {
    margin: 35vh auto;
    min-height: 20vh;
}
.popupBox.kocailemPopup .popupContent .popupHtml {
    overflow: hidden;
}
.popupBox.kocailemPopup .popupContent .popupHtml h4 {
    text-align: center;
    font-size: 1.2em;
    margin-bottom: 2em;
}
header > .container-fluid:nth-child(1){
    padding: 10px 0;
}
header .logo {
    display: inline-block;
}
header .logo img {
    height: 70px;
}
header .mainMenu {
    padding: 0;
    display: flex;
    float: right;
    z-index: 10;
}
header .mainMenu li{
    padding: 0 11px;
    display: inline-block;
    text-align: center;
    margin: 0;
    position: relative;
}
header .mainMenu > li:hover{
    background: #B7042C;
}
header .mainMenu li a {
    font-weight: 600;
    display: block;
    padding: 20px 0;
    text-transform: uppercase;
}
header .mainMenu > li:hover a{
    color: #fff;
}
header .mainMenu li a i{
    margin-right: 7px;
    margin-left: 7px;
}
header .mainMenu > li:hover a i{
    color: #fff;
}
header .mainMenu li ul {
    position: absolute;
    width: 80vh;
    max-width: 100vh;
    padding: 10px;
    left: -30vh;
    border-top: 1px solid #ccc;
    display: none;
    z-index: 3;
    background: #fff;
}
header .mainMenu li:hover ul{
    display: block;
}
header .mainMenu li ul li {
    width: 33.3%;
    float: left;
    margin-bottom: 10px;
    height: 11em;
}
header .mainMenu li ul li .subMenuBox {
    position: relative;
    overflow: hidden;
}
header .mainMenu li ul li .subMenuBox img {
    margin-top: -2.5em;
    margin-bottom: -1em;
    height: 14em;
    width: auto;
    object-fit: cover;
}
header .mainMenu li ul li .subMenuBox a{
    color: #fff;
    background: linear-gradient(to bottom, rgba(60,60,60,1) 0%, rgba(183,4,44,0) 50%);
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
}

.categorySlider {
    overflow: hidden;
    margin-bottom: 3em;
}
.categorySlider .swiper-slide {
    background-size: 100%;
    background-repeat: no-repeat;
}
.categorySlider .swiper-slide img{
    width: 100%;
}

.mainSlider {
    box-shadow: 0 3px 5px rgb(0 0 0 / 20%);
    background: #eaeaea;
    overflow: hidden;
    width: 100vw;
}
.mainSlider .swiper-pagination{
    display: none;
}
.mainSlider .col-12 {
    padding: 0;
}
.mainSlider .swiper-slide {
    background-size: 100%;
    background-repeat: no-repeat;
}
.mainSlider .swiper-slide img{
    width: 100%;
}
.mainSlider .swiper-button-prev {
    background: #000;
    left: 0;
    padding: .6em;
    border-radius: 0 3px 3px 0;
    width: 30px;
    height: 30px;
}
.mainSlider .swiper-button-next{
    background: #000;
    right: 0;
    padding: .6em;
    border-radius: 3px 0 0 3px;
    width: 30px;
    height: 30px;
}
.mainSlider .swiper-button-prev i,.mainSlider .swiper-button-next i{
    color: #fff;
}
.mainSlider .swiper-button-prev:after{
    display: none;
}
.mainSlider .swiper-button-next:after{
    display: none;
}
.mainSlider .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
}
.mainSlider .swiper-pagination-bullet{
    opacity: 1;
}
.mainSlider .swiper-pagination-bullet-active {
    opacity: 1;
    background: #e5de67;
}
.swiper-container-horizontal>.swiper-pagination-bullets {

}
.storeLinks{
    text-align: center;
    margin-top: 1em;
}
.storeLinks li{
    display: inline-block;
}
.storeLinks li:nth-child(1){
    margin-right: 20px;
}
.storeLinks li a{

}
.storeLinks li a img{
    height: 30px;
}
.servisImage{
    text-align: center;
    margin-top: 2em;
}
.companyBanners{
    margin-top: 4em;
}
.companyBannerList{
    text-align: center;
}
.companyBannerList li{
    display: inline-block;
    margin-right: 5em;
    vertical-align: top;
}
.companyBannerList li:nth-last-child(1){
    margin-right: 0;
}
.companyBannerList li div{
    display: block;
}
.companyBannerList li div img{
    height: 130px;
}
.companyBannerList li div p{
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
}
footer {
    background: #191919;
    color: #fff;
    margin-top: 4em;
}
footer .title {
    color: #fff;
    font-size: 20px;
    margin-bottom: 1em;
    position: relative;
    text-transform: uppercase;
}
footer .title:after{
    content: " ";
    background: #B7042C;
    position: absolute;
    bottom: -7px;
    left: 0;
    width: 70px;
    height: 3px;
}
footer a{
    color: #fff;
}
footer p{
    color: #fff;
}
footer span{
    color: #fff;
}
footer .footerTop {
    padding: 5em 0;
}
.footerLogo{
    margin-bottom: 2em;
}
.footerLogo img{
    width: 100px;
}
footer .companyInfo .description p{
    font-size: 12px;
    margin-bottom: 1em;
}
footer .companyInfo .title:after{
    display: none;
}
footer .socialMenu{
    text-align: left;
}
footer .socialMenu li{
    display: inline-block;
    margin: 0 5px 0 0;
}
footer .socialMenu li a{
    text-decoration: none;
    font-size: 20px;
    display: block;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #191919;
    transition: all .2s;
    -webkit-transition: all .2s;
    position: relative;
    border-bottom: 2px solid #B7042C;
}
footer .socialMenu li a:hover{
    border-radius: 50%;
    -webkit-border-radius: 50%;
}
footer .socialMenu li a i{
    color: #fff;
}
footer .footerMenu{

}
footer .footerMenu li{
    margin-bottom: 10px;
    width: 100%;
    display: inline-block;
}
footer .footerMenu li a{
    display: block;
    width: 100%;
    float: left;
}
footer .footerMenu.calismaSaatleri li a span{
    float: left;
}
footer .footerMenu.calismaSaatleri li a span + span{
    float: right;
}
footer .keywords li a {
    font-size: 12px;
    color: #fff;
    padding-left: 15px;
    position: relative;
}
footer .keywords li a:before{
    content: "#";
    color: #B7042C;
    position: absolute;
    left: -5px;
}
footer .footerAddressBox{

}
footer .footerAddressBox p{
    padding: 1em 0 1.5em 0;
    border-bottom: 1px solid rgba(255,255,255,.3);
}
footer .footerAddressBox p:nth-last-child(1){
    border-bottom: 0;
}
footer .footerAddressBox .salesContract{
    position: relative;
}
footer .footerAddressBox .salesContract img {
    position: absolute;
    width: 1.7em;
    left: 0;
}
footer .footerBottom{
    background: #121212;
    padding: 1em 0;
}
footer .footerBottom .bottomLeft{
    float: left;
}
footer .footerBottom .bottomLeft span{
    color: #B7042C;
}
footer .footerBottom .bottomRight{
    float: right;
}
footer .footerBottom .bottomRight img{
    margin-left: 8px;
}
.foodSliders{
    padding: 5em 0;
    width: 100vw;
    overflow: hidden;
}
.foodSliders img{
    -webkit-filter: drop-shadow(10px 15px 20px #222222);
    filter: drop-shadow(10px 15px 20px #222222);
}
.mainProductsList {
    margin-top: 2em;
    margin-bottom: 1em;
}
.mainProductsList h3{
    background: #B7042C;
    color: #fff;
    letter-spacing: 1px;
    font-size: 20px;
    font-weight: bold;
    padding: 15px 30px;
}
.mainProductsList .productItem{
    border: solid 1px #fff;
    padding: 30px;
}
.mainProductsList .productItem:hover{
    border-radius: 0;
    background-color: #f5f5f5;
    border: solid 1px #787878;
}
.mainProductsList .productItem .image {
    margin-bottom: 2em;
}
.mainProductsList .productItem .image img{

}
.mainProductsList .productItem .title{
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
    padding: 0;
}
.mainProductsList .productItem .description {
    height: 70px;
    text-align: center;
    letter-spacing: normal;
    font-size: 13px;
    overflow: hidden;
    line-height: 17px;
}
.mainProductsList .productItem .baskLink{
    text-align: center;
}
.mainProductsList .productItem .baskLink a{
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.mobilMenuIcon{
    display: none;
}
.langsMenu{
    display: none;
}
.mobilUserBar{
    display: none;
}
.mobilMenuBox{
    display: none;
}
.productImages{
    padding-top: 4em;
    padding-bottom: 4em;
    width: 100%;
    overflow-x: hidden;
}
.product_title {
    height: 24em;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 1em;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    background-size: 100%;
    background-position: center center;
}
.product_title h1{
    font-size: 40px;
    font-weight: bold;
    color: #fff;
    text-shadow: 0px 0px 10px rgb(0 0 0 / 90%);
    letter-spacing: 16px;
}
.ProductCategories_show section.product_content {
    padding: 2em;
    font-size: 1.1em;
    line-height: 1.4em;
}
.ProductCategories_show section.product_content p{
    margin-bottom: 1em;
}
.ProductCategories_show .productList {
    margin: 3em auto;
}
.productList label{
    display: block;
}
.prd_item {
    margin-bottom: 2em;
    border: 1px solid rgba(164, 162, 162, 0.28);
    padding: 0;
    border-radius: 1em;
    transition: all 100ms;
    cursor: pointer;
    overflow: hidden;
    height: 21em;
}
.prd_item.active{
    transition: all 100ms;
    border: 1px solid #b7042c30;
    box-shadow: 0 0 8px 0px #ccc;
}
.prd_item.active:hover{
    transition: all 100ms;
    border: 1px solid #b7042c30;
    box-shadow: 0 0 8px 0px #ccc;
}
.prd_item:hover {
    border: 1px solid #b7042c30;
    box-shadow: 0 0 8px 0px #ccc;
}
.prd_item .prd_image {
    text-align: center;
    height: 15.5em;
    background-size: auto 98%;
    background-position: center;
    background-repeat: no-repeat;
    background-position-y: 7px;
}
.prd_item.active .prd_image,
.prd_item:hover .prd_image{
    background-image: url("../images/fitchef-box-select.png") !important;
}
.prd_item.active .prd_image{

}
.prd_item .prd_image img{
    max-height: 100%;
}
.prd_item .prd_title {
    text-align: center;
    font-size: 19px;
    margin: 12px 0 0;
    color: #000;
    font-weight: 700;
}
.prd_item .prd_subTitle {
    text-align: center;
    height: 2em;
    overflow: hidden;
    font-weight: 500;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.prd_item .priceBox {
    display: block;
    text-align: center;
    margin-top: 1em;
}
.prd_item .priceBox .title {
    text-align: center;
    font-size: 17px;
    line-height: normal;
    font-weight: 500;
    color: #a7a7a7;
}
.prd_item .priceBox .currency{
    color: #545454;
    font-weight: 600;
    font-size: 17px;
}
.prd_item .priceBox .price {
    color: #545454;
    font-weight: 600;
    font-size: 20px;
}
.prd_item .priceBox.totalPriceBox .price {
    color: #545454;
    font-weight: 600;
    font-size: 25px;
}
.prd_item .prd_itemInput {
    position: fixed;
    opacity: 0;
    left: 0;
    top: 10vh;
    z-index: -999999;
}
.productVariationsList {
    text-align: center;
}
.productVariationsList .variationItem{
    display: none;
    width: 24.7%;
    max-width: 100%;
    padding: 0 .5em;
    margin-bottom: .5em;
    cursor: pointer;
    transition: all 300ms;
}
.productVariationsList .variationItem.break{
    display: block;
    height: 0;
    padding: 0;
    background: transparent;
}
.productVariationsList .variationItem.active{
    display: inline-block;
}
.productVariationsList .variationItem.selected{
    display: inline-block;
}
.productVariationsList .variationItem:hover{

}
.productVariationsList .variationItem label{
    cursor: pointer;
    display: block;

}
.productVariationsList .variationItem label .pvi_itemInput{
    position: absolute;
    opacity: 0;
    z-index: -9999;
}
.productVariationsList .variationItem label .itemName {
    display: flex;
    background: #fff;
    border: 1px solid #545454;
    color: #545454;
    border-radius: 1em 1em 0 0;
    font-size: 1.3em;
    height: 2em;
    padding: 0.2em;
    font-weight: 600;
    align-items: center;
    justify-content: center;
}
.productVariationsList .variationItem label .itemPrice {
    border-radius: 0 0 1em 1em;
    border: 1px solid #545454;
    display: block;
    font-weight: 600;
    color: #545454;
    font-size: 1.6em;
    height: 2.7em;
    padding: 0.7em;
}
.productVariationsList .variationItem:hover > label > .itemName{
    background: #B7042C;
    border: 1px solid #b7042c30;
}
.productVariationsList .variationItem:hover > label > .itemPrice{
    border: 1px solid #b7042c30;
}
.productVariationsList .variationItem:hover > label > .itemName{
    color: #fff;
}
.productVariationsList .variationItem.selected > label > .itemName{
    background: #B7042C;
    border: 1px solid #b7042c30;
    color: #fff;
}
.productVariationsList .variationItem.selected > label > .itemPrice{
    border: 1px solid #b7042c30;
}
.productVariationsList > .variationItem{
    border-right: 1px solid #cccccc40;
}
.secondProductVariationsList {
    margin-top: 1em;
    padding: 0;
}
.secondProductVariationsList .variationItem {
    width: 48%;
    margin-right: .8%;
    padding: 0;
}
.secondProductVariationsList .variationItem:nth-last-child(1){
    margin-right: 0;
}
.secondProductVariationsList .variationItem label{

}
.secondProductVariationsList .variationItem label .itemName {
    font-size: 1em;
}
.secondProductVariationsList .variationItem label .itemPrice {
    font-size: 1em;
}
.pageTitle {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100%;
    margin-bottom: 2em;
}
.pageTitle .title{
    text-align: center;
    color: #fff;
    height: 350px;
    font-size: 40px;
    font-weight: bold;
    display: flex;
    text-shadow: 0px 0px 10px rgb(0 0 0 / 90%);
    justify-content: center;
    align-items: center;
    align-content: center;
}
.pageContent .card,
.sssContent .card{
    margin-bottom: .5em;
    border-color: #B7042C;
}
.pageContent .card-header ,
.sssContent .card-header {
    background-color: #B7042C;
    cursor: pointer;
    padding: 0;
}
.pageContent .card-header h3,
.sssContent .card-header h3{
    padding: 0.5em 0.7em;
    font-size: .8em;
    margin: 0;
    text-align: left;
}
.pageContent .card-header h3 a,
.sssContent .card-header h3 a{
    color: #fff;
}
.pageContent .card-block,
.sssContent .card-block{
    font-size: 1em;
    padding: 1em;
}
.pageContent .card-block p,
.sssContent .card-block p {
    color: #474747;
    font-size: .8em;
    margin-bottom: 0.2em;
    text-align: left;
}
.swal2-content {
    padding: 0 !important;
}
.pageContent .card:nth-last-child(1), .sssContent .card:nth-last-child(1) {
    margin-bottom: 0;
}
.sssGeneral{
    display: none;
}
.productCalories {
    margin: 3em 0 2em;
}
.productCalories .calItem {
    text-align: center;
    border-radius: 1em;
    height: 4em;
    padding: 1em;
    cursor: pointer;
    background: #fff;
    border: solid 1px #000;
}
.productCalories .calItem:hover,
.productCalories .calItem.active {
    border-color: #B7042C;
    background: #B7042C;
}
.productCalories .calItem.active > span:first-child{
    display: none;
}
.productCalories .calItem span.calculate {
    font-weight: 600;
    color: #000;
}
.productCalories .calItem.active span.calculate,
.productCalories .calItem:hover span.calculate {
    color: #fff;
}
.productCalories .calItem span {
    font-size: 20px;
    display: block;
}
.productCalories .calItem span:nth-child(2){
    display: none;
}
.productCalories .calItem.active span:nth-child(2){
    display: block;
}
.productCalories .calItem span.calculate_value {
    /*margin-top: 0.5em;*/
    font-weight: 400;
    color: #000;
    font-size: 1.2em;
}
.productCalories .calItem.active span.calculate_value,
.productCalories .calItem:hover span.calculate_value{
    color: #fff;
}
.productCalories .calItem.chooseDietitian span.calculate_value {
    font-size: .8em;
    line-height: 1.4em;
    min-height: 1.4em;
}
.chooseSelectForm,.calculateForm{
    position: absolute;
    left: -99999px;
    top: -99999px;
    display: none;
    opacity: 1;
}
.chooseSelectForm.active,
.calculateForm.active{
    position: fixed;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #cccccc69;
    z-index: 999999;
}

.chooseSelectForm .content,
.calculateForm .content {
    margin: 20vh auto;
    width: 600px;
    max-width: 100%;
    min-height: 60vh;
    max-height: 100%;
    background: #fff;
    border-radius: 1em;
    position: relative;
    padding: 1em;
}
.chooseSelectForm .content .calcClose,
.calculateForm .content .calcClose {
    position: absolute;
    right: -0.5em;
    top: -0.5em;
    width: 2em;
    height: 2em;
    text-align: center;
    border-radius: 100%;
    background: #B7042C;
    font-weight: 800;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.calculateSporValues h3 {
    text-align: center;
    color: #B7042C;
    font-weight: bold;
}
.chooseSelectForm th{
    color: #000;
}
.chooseSelectForm .caloryPrdName{
    text-align: center;
    background: #B7042C;
    color: #fff;
}
.caloryPrdDescription{
    text-align: center;
    color: #B7042C;
    font-size: .8em;
    padding-bottom: 1.5em;
}
.chooseSelectForm .cal_item td {
    color: #000;
    font-weight: 500;
}
.chooseSelectForm .cal_item:hover,
.chooseSelectForm .cal_item.selected{
    background: #B7042C;
}
.chooseSelectForm .cal_item:hover td,
.chooseSelectForm .cal_item.selected td{
    color: #fff;
}
.chooseSelectForm .calculateSporValues h3 {
    font-size: 1.3em;
    padding: 0 1em;
}
.calculateSporValues .item{
    margin-top: 1em;
}
.calculateSporValues .item input,
.calculateSporValues .item select {
    padding: 0.6em 1.4em;
    font-size: 1.2em;
    height: 3em;
}
.calculateButton,
.checkButton{
    width: 100%;
    background: #B7042C !important;
    border-radius: .2em;
    padding: 0.6em;
    font-size: 1.2em;
    border-color: #B7042C !important;
}
.calculateButton i,
.checkButton i{
    color:#fff;
}
.calculateResult {
    display: block;
    width: 100%;
    height: 3em;
    padding: 0.6em 1em;
    text-align: center;
    font-size: 1.2em;
    border: 1px solid #ccc;
    border-radius: 0.2em;
}
#toast-container>div {
    padding: 5px 5px 5px 40px;
    background-position: 8px center;
    width: 250px;
    z-index: 9999999999999;
    opacity: 1;
}
.toast-message {
    color: #fff;
}
.chooseSelectForm .cal_item{
    cursor: pointer;
    display: none;
}
.chooseSelectForm .cal_item.active {
    display: table-row;
}
.deliveryOptions{
    margin-top: 2em;
}
.extraOptions {
    margin-top: 3em;
}
.orderAddressInformation {
    margin-top: 3em;
}
.orderCreateForm {
    margin-top: 3em;
}
.orderSummary {
    margin-top: 3em;
}
.extraOptions h3, .customQuestions h3, .deliveryOptions h3, .orderSummary h3, .orderAddressInformation h3 {
    font-weight: 600;
    background: #2B2B2C;
    color: #fff;
    padding: 0.8em;
    border-radius: 0.5em;
    font-size: 1.2em;
    border: 1px solid #2B2B2C;
}
.orderAddressInformation .deliveryPersonalInformation{

}
.orderAddressInformation .deliveryCorporateInformation{

}
.orderAddressInformation .formContent,
.customQuestions .formContent{
    background: #f1f1f1;
    border: solid 1px #cccccc;
    padding: 20px 15px 15px;
    margin-top: 12px;
    letter-spacing: 0;
}
.orderAddressInformation .formItem{

}
.orderAddressInformation .formItem label,
.customQuestions .formItem label {
    width: 100%;
    display: block;
}
.orderAddressInformation .formItem .inputTitle,
.customQuestions .formItem .inputTitle{
    font-size: 14px;
    color: #333;
    margin-top: 0;
    display: block;
    margin-bottom: .5em;
}
.orderAddressInformation .formItem input[type="text"],
.customQuestions .formItem input[type="text"]{
    font-size: 14px;
    line-height: 40px;
    border: 1px solid #eeeeee;
    margin-bottom: 15px;
    text-indent: 15px;
}
.orderAddressInformation .formItem textarea{
    padding: 15px;
    border: 1px solid #eeeeee;
    margin-bottom: 15px;
    font-size: 14px;
    height: 9em;
    width: 100%;
    resize: none;
}
.orderAddressInformation .formItem select,
.customQuestions .formItem select{
    margin-bottom: 15px;
}
.orderAddressInformation .formItem input:focus,
.orderAddressInformation .formItem textarea:focus,
.orderAddressInformation .formItem select:focus,
.customQuestions .formItem input:focus,
.customQuestions .formItem textarea:focus,
.customQuestions .formItem select:focus{
    outline: unset;
}
.customQuestions .checkboxItem{

}
.customQuestions .checkboxItem:nth-child(2n+1){
    margin-right: 0;
}
.customQuestions .checkboxItem input{

}
.customQuestions .checkboxItem .inputTitle {
    display: inline-block;
}
.deliveryOptions .dldItems{

}
.deliveryOptions .dldItems label,
.extraOptions .brvItems label,
.extraOptions .pcpItems label {
    display: block;
    text-align: center;
    border-radius: 1em;
    padding: 1.5em 0.4em;
    cursor: pointer;
    background: transparent;
    border: solid 1px #000;
    height: 90%;
}

.deliveryOptions .dldItems label input,
.deliveryOptions .dlhItems label input,
.extraOptions .brvItems label input,
.extraOptions .pcpItems label input{
    position: absolute;
    z-index: -9999;
    opacity: 0;
}
.deliveryOptions .dldItems label .dld_name,
.extraOptions .brvItems label .brv_name,
.extraOptions .pcpItems label .brv_name,
.pcpItems .item label .pcp_name,
.pcpItems .item label .pcp_price{
    color: #000;
}

.deliveryOptions .dldItems label.selected,
.extraOptions .brvItems label.selected,
.extraOptions .pcpItems label.selected{
    background: #B7042C;
    color: #fff;
}
.deliveryOptions .dldItems label.selected .dld_name,
.extraOptions .brvItems label.selected .brv_name,
.extraOptions .pcpItems label.selected .pcp_name,
.pcpItems .item label.selected .pcp_price{
    color: #fff;
}
h4.itemSubTitle {
    background: #ccc;
    color: #000;
    padding: .5em;
    margin-bottom: 0;
}
.ord_aggrement{
    cursor: pointer;
}
.ord_aggrement input {
    display: inline-block;
    width: 2em;
    line-height: 1em;
}
.ord_aggrement .inputTitle{
    width: 92%;
    display: block;
    float: right;
    font-size: .9em;
    font-weight: 500;
    line-height: 1.4em;
    padding-top: 0.4em;
}
.ord_balancePrice{
    cursor: pointer;
    width: 100%;
    display: block;
    text-align: center;
    border-radius: 0.5em;
    padding: 0.5em;
    border: 3px solid #ffffff;
    transition: all 300ms;
}
.ord_balancePrice input:focus,
.ord_balancePrice input:hover,
.ord_balancePrice input:visited,
.ord_balancePrice input:active{
    outline: none;
}
.ord_balancePrice.selected,
.ord_balancePrice:hover{
    transition: all 300ms;
    border: 3px solid #b7042c;
}
.ord_balancePrice input {
    z-index: -1;
    visibility: hidden;
    position: absolute;
    width: 0px;
    height: 0px;
}
.salesAggrement{
    margin-top: 1em;
    margin-bottom: 1em;
}
.salesAggrement a{
    font-weight: 500;
    font-size: .9em;
}
.salesAggrement a img{
    width: 2.2em;
    margin-right: 0.5em;
}
.deliveryOptions .dlhItems label {
    display: block;
    background: #ffffff;
    border-radius: 1em;
    cursor: pointer;
    border: 1px solid #000;
}
.deliveryOptions .dlhItems label .dlh_title {
    display: block;
    padding: .5em;
    background: #fff;
    color: #000;
    border-bottom: 1px solid #000;
    border-radius: 1em 1em 0 0;
}
.deliveryOptions .dlhItems label.selected .dlh_title,
.deliveryOptions .dlhItems label:hover .dlh_title{
    color: #fff;
    border-bottom: 1px solid #fff;
}
.deliveryOptions .dlhItems label .dlh_title i{
    color: #000;
}
.deliveryOptions .dlhItems label:hover .dlh_title,
.deliveryOptions .dlhItems label.selected .dlh_title {
    background: #B7042C;
    color: #fff;
}
.deliveryOptions .dlhItems label:hover .dlh_title i,
.deliveryOptions .dlhItems label.selected .dlh_title i{
    color: #fff;
}
.deliveryOptions .dlhItems label .dlh_name{
    display: block;
    color: #000;
    padding: 0.4em;
}

.deliveryOptions .dlhAddressesContent{
    border-bottom: 1px solid #00000030;
    margin-bottom: 2em;
}
.deliveryOptions .dlhAddressesContent .dlhDescription {
    padding: 1em 0;
    font-size: .8em;
    line-height: 1.4em;
    color: #000;
}
.deliveryOptions .dlhAddressesContent label {
    border-radius: 0;
    border: 0;
    margin-bottom: 1em;
    display: inline-block;
    width: 100%;
}
.deliveryOptions .dlhAddressesContent label span.inputTitle {
    width: 28%;
    display: inline-block;
    text-align: left;
    float: left;
}
.deliveryOptions .dlhAddressesContent label select{
    width: 70%;
    margin-left: 2%;
    display: inline-block;
    float: left;
}
.startDays{

}
.startDays .item{
    padding-left: 10px;
    padding-right: 10px;
}
.startDays .item label {
    background: transparent;
    display: block;
    cursor: pointer;
    border-radius: 1em;
    border: 1px solid #000;
}
.startDays .item label:hover,
.startDays .item label.selected{
    background: #B7042C;
    color: #fff;
}
.startDays .item label .startDateInput{
    position: absolute;
    opacity: 0;
    z-index: -99999;
}
.startDays .item label .dateName {
    color: #000;
    font-weight: 500;
    line-height: 1.4em;
    font-size: .8em;
    display: block;
    padding: 1em 0.5em;
}

.startDays .item label:hover .dateName,
.startDays .item label.selected .dateName{
    color: #fff;
}
.swalP {
    font-size: 1.2em;
    font-weight: 500;
    line-height: 1.4em;
    margin-bottom: 0.5em;
}
.swalPhone {
    color: #337ab7;
    font-size: 1.5em;
    font-weight: 500;
}
.swalPhone:hover{
    color:#B7042C;
}
.swalPhoneButton{
    font-size: 1.3em;
    margin-top: 0.5em;
    padding: 0.5em 0.9em;
    background: #337ab7;
    border-color: #2e6da4;
    border-radius: 0.3em;
}
.swalPhoneButton i{
    color: #fff;
}
.swalWhatsappButton{
    font-size: 1.3em;
    margin-top: 0.5em;
    padding: 0.5em 0.9em;
    background-color: #5cb85c;
    border-color: #4cae4c;
    border-radius: 0.3em;
}
.swalWhatsappButton i{
    color: #fff;
}
.useDeliveryInfo{
    color: #fff;
    background-color: #b7042c;
    border-color: #b7042c;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0;
    cursor: pointer;
    margin-bottom: 1em;
    display: inline-block;
}
.categorySampleMenus {
    margin: 2.5em 0;
}
.categorySampleMenus .sampleButton{
    background: #B7042C !important;
    color: #fff;
    cursor:pointer;
    border-color: #B7042C !important;
}
.categorySampleMenus .sampleButton i{
    color: #fff;
}
.categorySampleMenus .tableContent {
    width: 100%;
    display: none;
    overflow-x: auto;
    position: relative;
    transition: all 300ms;
}
.categorySampleMenus .tableContent.active{
    display: block;
    transition: all 300ms;
}
.categorySampleMenus table {
    width: 100%;
    margin-top: 2em;
}
.categorySampleMenus table thead th {
    text-align: center;
    font-size: 10px;
}
.categorySampleMenus table tbody th{

    font-size: 10px;
}
.categorySampleMenus table tbody td {
    padding: 0 0.3em;
    text-align: center;
    line-height: 19px;
}
.categorySampleMenus table tbody td span{
    font-size: 10px;
    display: block;
}
.orderSummary{

}
.orderSummary .referenceEmail {
    background: #b7042c;
    display: block;
    padding: 1em;
}
.orderSummary .referenceEmail span{
    font-size: 14px;
    color: #fff;
    margin-top: 0;
    display: block;
    margin-bottom: 0.5em;
}
.orderSummary .referenceEmail input{
    font-size: 14px;
    line-height: 40px;
    border: 1px solid #eeeeee;
    margin-bottom: 15px;
    text-indent: 15px;
}
.orderSummary .orderContent{
    background: #f1f1f1;
    border: solid 1px #cccccc;
    padding: 20px 15px 15px;
    margin-top: 12px;
    letter-spacing: 0;
}
.orderSummary .item{
    display: block;
    background: #fff;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}
.orderSummary .item .title {
    letter-spacing: 0;
    background-color: #B7042C;
    border-color: #ddd;
    text-align: center;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0.5em;
}
.orderSummary .item .content{
    letter-spacing: 0;
    font-size: 1em;
    line-height: normal;
    padding: 10px;
    text-align: center;
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    font-weight: 700;
}
.orderSummary .addressInfo p.title {
    text-align: center;
    font-weight: 700;
    padding: 0.4em;
    margin-bottom: 1em;
}
.orderSummary .addressInfo .item {
    background: transparent;
    margin-bottom: 1em;
    display: none;
}
.orderSummary .addressInfo .item.active{
    display: block;
}
.orderSummary .addressInfo .item label {
    display: block;
}
.orderSummary .addressInfo .item label input{

}
.orderSummary .addressInfo .item label span {
    font-size: .8em;
    display: block;
    line-height: 1em;
}
.orderSummary .addressInfo .item label span + span {
    min-height: unset;
    padding: 1em 0;
    text-align: left;
}
.orderSummary .ord_totalPrice {
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 1.5em;
}
.orderSummary .ord_totalPrice .title{
    text-align: center;
    color: #B7042C;
    padding: 1em;
    font-size: .8em;
    font-weight: bold;
    text-transform: uppercase;
}
.orderSummary .ord_totalPrice .content{
    font-size: 2.5em;
    color: #494949;
    text-align: center;
    font-weight: 600;
}
.orderSummary .paymentTypeItem{
    margin-top: 2em;
}
.orderSummary .paymentTypeItem label{
    cursor: pointer;
    display: block;
}
.orderSummary .paymentTypeItem label input {
    position: absolute;
    z-index: -1;
}
.orderSummary .paymentTypeItem label .radioIcon {
    height: 1.5em;
    width: 1.5em;
    background: #fff;
    display: inline-block;
    border-radius: 100%;
    position: absolute;
    margin-top: 0.4em;
    border: 4px solid #000;
}
.orderSummary .paymentTypeItem label .radioIcon.selected{
    border: 7px solid #B7042C;
}
.orderSummary .paymentTypeItem label .paymentTitle {
    display: block;
    height: 2.5em;
    line-height: 2.5em;
    padding-left: 2em;
}
.orderSummary .paymentTypeItem label .paymentContent {
    display: block;
    font-size: .8em;
    line-height: 1.5em;
    font-weight: 400;
    margin-top: 0.4em;
}
.orderSummary .paymentTypeItem label .paymentContent img{

}
.orderSummary .ordCreateButton {
    margin-top: 1em;
}
.orderSummary .ordCreateButton input {
    padding: 0.5em 2em;
    font-size: 1.5em;
}
.orderSummary .endNote {
    margin-top: 3em;
    text-align: center;
}
.orderSummary .endNote h4 {
    font-size: 1.4em;
    margin-bottom: 1.7em;
}
.orderSummary .endNote img{
    max-width: 12em;
}
.loginPage{

}
.loginPage .pageTitle {
    font-weight: normal;
    font-size: 1.2em;
    line-height: 2em;
    border-bottom: 1px solid #b7042c30;
    margin-top: 2em;
    color: #3c3c3c;
    padding-bottom: 1em;
    text-align: center;
}

.leftContent{
    padding: 30px 30px 50px 150px;
}
.rightContent{
    padding: 50px 150px 50px 20px ;
}
.rightContent .title{
    font-size: 1.2em;
    text-align: center;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    text-transform: uppercase;
}
.rightContent .brandItem{
    margin-bottom: 3em;
}
.rightContent .brandItem.kocAilem{
    border: solid 3px #2cb7ce;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 20px;
    height: 150px;
}
.rightContent .brandItem.kocAilem img {
    margin-top: 1em;
    width: 90%;
}
.rightContent .brandItem.kocAilem p{
    font-weight: normal;
    font-size: .95em;
    letter-spacing: 0;
    line-height: normal;
    margin-bottom: 5px;
}
.rightContent .brandItem.kocAilem input{
    width: 70%;
    height: 42px;
    float: left;
}
.rightContent .brandItem.kocAilem .kocAilemRegister{
    color: #fff;
    height: 42px;
    background-color: #5bc0de;
    border-color: #46b8da;
    float: right;
    width: 29%;
    margin-left: 1%;
    line-height: 28px;
}
.rightContent .brandItem.macGold{
    margin-top: 15px;
    margin-bottom: 30px;
    text-align: center;
    background-color: #221f20;
    padding: 10px;
    border-radius: 5px;
}
.rightContent .brandItem.macGold img{
    height: auto;
    margin-bottom: 15px;
}
.rightContent .brandItem.macGold input{

}
.rightContent .brandItem.macGold input+input{

}
.loginForm{

}
.loginForm .item{
    display: block;
    margin-bottom: .8em;
    position: relative;
}
.loginForm .item i{
    font-size: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    position: absolute;
    border-radius: 25px;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-left: 35px;
    pointer-events: none;
    color: #000;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
}
.loginForm .item input,
.loginForm .item select{
    font-size: 15px;
    line-height: 1.5;
    color: #000;
    display: block;
    width: 100%;
    background: #e6e6e6;
    height: 50px;
    border-radius: 25px;
    padding: 0 30px 0 68px;
}
.loginForm .item select {
    padding-right: 1em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.loginForm .loginButton,
.loginForm .registerButton{
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 1.5;
    color: #fff;
    text-transform: uppercase;
    width: 100%;
    height: 50px;
    border-radius: 25px;
    background: #B7042C;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 25px;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
}

.loginForm .g-recaptcha-outer{
    text-align: center;
    border-radius: 50px;
    background: #B7042C;
    border-style: solid;
    border-color: #B7042C;
    border-width: 1px;
    border-bottom-width: 2px;
}
.loginForm .g-recaptcha-inner{
    width: 100%;
    height: 85px;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 50px;
}
.forgotPasswordLink{
    display: block;
    text-align: center;
}
#recaptcha>div{
    margin: 0 auto;
}
.forgotPasswordLink:hover{
    text-decoration: none;
    color: #B7042C;
}
.loginForm .g-recaptcha{
    position:relative;
    left: 50%;
    margin-left:-150px;
    top:5px;
}
#loading {
    text-align: center;
    opacity: 0.8;
    background-color: #fff;
    position: fixed;
    margin-top: 0px;
    top: 0px;
    left: 0px;
    bottom: 0px;
    overflow: hidden;
    right: 0px;
    z-index: 999999;
    display: none;
    justify-content: center;
    align-items: center;
    align-content: center;
    width: 100%;
    height: 100%;
}
#loading.active{
    display: block;
}
#logo-images {
    position: absolute;
    left: 50%;
    top: 55%;
    z-index: 5;
    width: 110px;
    height: auto;
    margin-top: -55px;
    margin-left: -55px;
}
#gif-images {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -240px;
    margin-left: -390px;
    max-width: unset;
}
.kocailemContent b {
    font-size: .78em;
}
.registerSuccess .title {
    padding: 1em 0;
    background: #B7042C;
    color: #fff;
    text-align: center;
    font-size: 1.2em;
    text-transform: unset;
}
.registerSuccess .message {
    margin-top: 2em;
    font-size: 1.1em;
}
.registerSuccess .message2 {
    color: #E81C1C;
    font-size: 1.1em;
}
.registerSuccess .message2 strong{
    color: #E81C1C;
}
.registerSuccess hr {
    width: 100%;
    margin: 3em 0;
}
.myAccounts .pageTitle,
.PostCategories_show .pageTitle,
.Posts_show .pageTitle {
    height: 11em;
    background-repeat: no-repeat;
    background-size: cover;
}
.myAccounts .pageTitle h1,
.PostCategories_show .pageTitle h1,
.Posts_show .pageTitle h1 {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    height: 3.8em;
}
.blogItem{
    border: 1px solid #c7c7c717;
    border-radius: 1em;
    overflow: hidden;
    margin-bottom: 2em;
}
.blogItem .image {
    text-align: center;
    padding: 1em;
    border-bottom: 1px solid #c7c7c717;
}
.blogItem:hover{
    border-color: #B7042C17;
}
.blogItem:hover .image{
    border-color: #B7042C17;
}
.blogItem .image img{

}
.blogItem .title{

}
.blogItem .title h3 {
    padding: 0.2em;
    margin: 0;
}
.blogItem .title h3 a {
    display: block;
    font-size: 16px;
    overflow: hidden;
    color: #B7042C;
    font-weight: 600;
    height: 2.4em;
}
.blogItem .description{
    padding: 0.5em 0.4em;
    height: 7em;
    overflow: hidden;
}
.blogItem .more{

}
.blogItem .more a{
    text-align: center;
    display: block;
    background: #ddd;
    padding: 0.6em;
}
.myAccounts .userName {
    font-weight: 500;
    font-size: 2em;
    display: block;
    line-height: 1em;
}
.myAccounts .userEmail {
    text-align: center;
    border-bottom: solid 2px #b2062c;
    padding-bottom: 1em;
}
.myAccounts .accountMenuItem:hover{
    cursor: pointer;
    transform: translateY(5%);
    opacity: 0.6;
    transition: .2s;
}
.myAccounts .accountMenuItem .image{

}
.myAccounts .accountMenuItem img {
    width: 40px;
    height: auto;
    margin-bottom: 5px;
    border-bottom: solid 1px #a6a6a6;
    padding-bottom: 0.5em;
}
.myAccounts .accountMenuItem .title{
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0;
    font-weight: bold;
    text-transform: uppercase;
}
.myAccounts .myAccountsBackButton {
    color: #b2062c;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    font-size: 1.4em;
    text-transform: uppercase;
    letter-spacing: 0;
    display: block;
    line-height: 1.2em;
}
.myAccounts .myAccountsBackButton i{
    color: #B7042C;
    margin-right: 0.8em;
}
.myAccounts h2.title {
    margin: 0;
    padding: 15px;
    font-size: 15px;
    letter-spacing: 0;
    text-align: center;
    background: #B7042C;
    color: #fff;
    text-transform: uppercase;
}
.myAccounts .userInfoContent {
    border: solid 1px #B7042C;
    padding: 2em;
    margin-top: 0;
    letter-spacing: 0;
}
.myAccounts .userInfoContent .formItem{
    display: block;
}
.myAccounts .userInfoContent .formItem .inputTitle {
    font-weight: bold;
    color: #333;
    margin-top: 0;
    margin-bottom: .5em;
    display: block;
    font-size: 1.2em;
}
.myAccounts .userInfoContent .formItem input{
    line-height: 50px;
    border: 1px solid #eee;
    margin-bottom: 15px;
    text-indent: 20px;
    display: block;
    width: 100%;
}
.myAccounts .userInfoContent input[name="update"]{
    padding: 1em;
}
.myAccounts .userInfoContent input[name="update"]:hover{
    color: #fff;
}
.btn-template{
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}
.myAccounts .addNewContent{
    display: none;
}
.myAccounts .addNewContent.active{
    display: block;
}
.myAccounts .userInfoContent .contentTitle {
    font-size: 1.2em;
    font-weight: 500;
    color: #333;
    margin-top: 0;
    display: inline-block;
}
.myAccounts .userInfoContent .addNewAddresses {
    float: right;
}
.myAccounts .userInfoContent .addNewAddresses:hover {
    color:#fff;
}
.myAccounts .userInfoContent .addNewAddresses i{
    color: #fff;
}
.newAddressContent{
    display: none;
    padding: 1em 0;
    border-top: 1px solid #ccccccc4;
    margin-top: 1em;
    border-bottom: 1px solid #ccccccc4;
    transition: all 300ms;
}
.newAddressContent.active{
    display: block;
    transition: all 300ms;
}
.newAddressContent label{

}
.newAddressContent .dlhContent{
    text-align: left;
    font-weight: 600;
}
label.radioItem {
    display: inline-flex;
    padding: 0 1.5em;
}
label.radioItem input {
    margin-right: 0.7em;
}
label.radioItem span{
    font-weight: 600;
}
label.selectItem {
    display: block;
    text-align: left;
}
label.selectItem select{
    border-radius: .2em;
}
label.selectItem span {
    display: block;
    font-weight: 600;
    margin-bottom: 0.3em;
}
label.inputItem {
    text-align: left;
    display: block;
}
label.inputItem input{
    display: block;
}
label.inputItem span{
    display: block;
    font-weight: 600;
    margin-bottom: 0.3em;
}
label.texareaItem{
    text-align: left;
    display: block;
}
label.texareaItem textarea {
    height: 6em;
    max-height: 6em;
    resize: none;
}
label.texareaItem span{
    display: block;
    font-weight: 600;
    margin-bottom: 0.3em;
}
.dlhContent .item{

}
.dlhContent .item label{
    /*display: block;*/
    /*text-align: center;*/
    /*background: #cccccc6b;*/
    /*border-radius: 0.4em;*/
    /*padding: 1em 0;*/
    /*cursor: pointer;*/
    /*transition: all 300ms;*/
}

.newAddressContent .item label {
    display: block;
    text-align: center;
    background: #cccccc6b;
    border-radius: 0.4em;
    padding: 1em 0;
    cursor: pointer;
    transition: all 300ms;
}
.dlhContent .item label.active, .dlhContent .item label:hover {
    transition: all 300ms;
    background: #B7042C;
}
.dlhContent .item label.active span, .dlhContent .item label:hover span{
    color: #fff;
}
.dlhContent .item label.selected{
    background: #000;
}
.deliveryOptions .dlhItems label.selected .dlh_name{
    color: #fff;
}
.dlhContent .item label input{
    opacity: 0;
    position: absolute;
}
.dlhContent .item label .dlh_title{
    display: block;
}
.dlhContent .item label .dlh_title i{

}
.dlhContent .item label .dlh_name{
    display: block;
}
.dlhContent .item label:hover .dlh_title,
.dlhContent .item label:hover .dlh_title i,
.dlhContent .item label.active .dlh_title,
.dlhContent .item label.active .dlh_title i,
.dlhContent .item label.active .dlh_name{
    color: #fff;
}
.newAddressContent .dlhContent .item label.active .dlh_title,
.newAddressContent .dlhContent .item label.active .dlh_name,
.newAddressContent .dlhContent .item label.active .dlh_title i{
    color: #fff;
}
.myAddressesList{
    table-layout: auto;
    width: 100%;
    margin-top: 2em;
}
.myAddressesList thead{

}
.myAddressesList tr{

}
.myAddressesList th{

}
.myAddressesList td{

}
.myAddressesList td a i{
    color: #fff;
}
.myAddressesList .defaultAddress{
    color: gray;
    cursor: pointer;
}
.myAddressesList .defaultAddressActive{
    color: green;
}
.closeAddressContent {
    position: absolute;
    cursor: pointer;
    right: 1em;
    top: -0.5em;
    z-index: 9;
}
.myPendingPaymentsList{
    table-layout: auto;
    width: 100%;
    margin-top: 2em;
}
.myPendingPaymentsList thead{

}
.myPendingPaymentsList tr{

}
.myPendingPaymentsList th {
    font-size: .9em;
}
.myPendingPaymentsList td{
    font-size: .9em;
}
.myPendingPaymentsList td a{
    text-align: center;
    display: block;
}
.myPendingPaymentsList td a i{
    color: #337ab7;
}
.myPendingPaymentsList td a:hover i{
    color: #B7042C;
}
.orderPaymentDescription {
    margin-top: 3em;
    margin-bottom: 3em;
    text-align: center;
    border: solid 5px #B7042C;
    border-radius: 1em;
    padding: 0.6em;
}
.orderPaymentDescription .prc_name{
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    border-radius: 8px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background: #B7042C;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 10px;
}
.orderPaymentDescription .prd_name {
    text-transform: uppercase;
    font-weight: bold;
}
.orderPaymentDescription .ord_description{

}
.orderPaymentDescription hr{

}
.orderPaymentDescription .ord_messages{

}
#iyzipay-checkout-form .css-1cnlt0f-Button-Button span {
    color: #fff !important;
}
.ordersList {
    margin: 0;
}
.ordersList .orderItem{
    border: solid 5px #000;
    margin-bottom: 2em;
}
.ordersList .orderItem > .title {
    font-size: 1.4em;
    font-weight: bold;
    background: #000;
    padding: 10px;
    text-align: center;
    color: #fff;
    display: block;
    line-height: 1.3em;
}
.ordersList .orderItem .title .ord_code{
    display: block;
    color: #fff;
    font-size: 1.4em;
    line-height: normal;
}
.orderItem .remainingBox {
    margin: 0 auto;
    width: 13em;
    height: 13em;
    border-radius: 100%;
    border: 4px solid;
    margin-top: 2em;
    text-align: center;
}
.orderItem .remainingBox .val {
    font-size: 7em;
    padding-top: 23px;
    line-height: 1em;
    color: #000;
}
.orderItem .remainingBox .desc {
    font-size: 1.5em;
    color: #000;
}
/*background-image: linear-gradient(to right top, #00a54f, #639a00, #9b8800, #d06600, #ff0000);*/
.ordersList .orderItem .content {
    padding: 1em;
}
.ordersList .orderItem .content .userName {
    text-align: center;
    color: #000;
}
.ordersList .orderItem .content .prdName{
    text-align: center;
    margin-top: 0.5em;
    margin-bottom: 1em;
    color: #000;
}
.ordersList .orderItem .content .remainingDay{
    text-align: center;
    margin-top: 0.5em;
    font-size: 1.4em;
    font-weight: 500;
}
.ordersList .orderItem .content .remainingDay span{
    display: block;
    font-size: 1.5em;
}
.ordersList .orderItem .content .dates{
    padding: 2%;
    margin-top: 0.2em;
}
.ordersList .orderItem .content .dates .dateItem{
    width: 100%;
    display: block;
    padding: 0.7em;
    border-radius: 2em;
    margin-bottom: 0.5em;
}
.ordersList .orderItem .content .dates .dateItem .icon {
    color: #fff;
    margin-right: 5px;
}
.ordersList .orderItem .content .dates .dateItem .date {
    text-align: center;
    color: #fff;
    width: 100%;
    display: block;
}
.ordersList .orderItem .content .dates .dateItem.beginDate{
    background: #006341;
}
.ordersList .orderItem .content .dates .dateItem.endDate{
    background: #b7042c;
}
.ordersList .orderItem .content .dates .dateItem .title {
    width: 40%;
    text-align: left;
    position: relative;
    float: left;
    color: #fff;
}
.ordersList .orderItem .content .dates .dateItem .title .icon {
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
}
.ordersList .orderItem .actions{
    padding: 1em;
}
.ordersList .orderItem .actions .list{
    text-align: left;
}
.ordersList .orderItem .actions .list li{
    display: inline-block;
    width: 100px;
    margin-right: 2.5%;
    height: 100px;
    border-radius: 100%;
    border: 3px solid #fff;
    /*border: 3px solid #ffd43b;*/
    padding: 0.5em;
    margin-bottom: 0.7em;
    justify-content: center;
    align-items: center;
    position: relative;
    transition: all 300ms;
}
.ordersList .orderItem .actions .list li:hover{
    border-color: #b7042c;
    transition: all 300ms;
}
.ordersList .orderItem .actions .list li.passive:hover {
    border-color: #ccc;
}
.ordersList .orderItem .actions .list li.passive:hover a .box .icon,
.ordersList .orderItem .actions .list li.passive:hover a .box span{
    color: #ccc;
}
.ordersList .orderItem .actions .list li:nth-child(3n){
    margin-right: 0;
}
.ordersList .orderItem .actions .list li a {
    display: block;
    text-align: center;
}
.ordersList .orderItem .actions .list li a .box{

}
.ordersList .orderItem .actions .list li a .box img{
    width: 4em;
}
.ordersList .orderItem .actions .list li a .box span{
    display: block;
    font-size: .8em;
    font-weight: 600;
    color: #000;
}
.ordersList .orderItem .actions .list li a .box .icon {
    font-size: 2.4em;
    color: #000;
    margin-bottom: 0.2em;
    height: 1em;
}
.ordersList .orderItem .actions .list li:hover a .box .icon{
    color: #b7042c;
}
.ordersList .freezeContent {
    border-left: 2px solid #b2062c2b;
}
.ordersList .freezeContent .titles{

}
.ordersList .freezeContent .titles h3{
    text-align: center;
    font-size: 14px;
}
.ordersList .orderItem .dailyTotalRate{
    text-align: center;
    margin: 0.8em 0 0;
}
.ordersList .orderItem .dailyTotalRate .star{
    font-size: 2.5em;
    margin-right: .3em;
}
.ordersList .orderItem .dailyTotalRate .star:nth-last-child(1){
    margin-right: 0;
}
.ordersList .orderItem .dailyTotalRate .star.active{
    color: #ffd43b;
}
.ordersList .orderItem .dailyTotalRate .desc{
    font-size: .7em;
    margin-top: .5em;
}
.ordersList .daysList {
    margin-top: 1em;
    padding-top: 1em;
    border-top: 1px solid #d5d5d5;
}
.ordersList .daysList .dayItem {
    padding: 0 5px;
    text-align: center;
    width: 16.5%;
    float: left;
    height: 6.8em;
    margin-bottom: 1em;
    cursor: pointer;
    overflow: hidden;
}
.ordersList .daysList .dayItem .box{
    background: #fff;
    border: solid 3px #B7042C;
}
.ordersList .daysList .dayItem.delivered .box{
    border-color: #15c7a8;
}
.ordersList .daysList .dayItem.today .box{
    border-color: #2a59e2;
}
.ordersList .daysList .dayItem.tomorrow .box{
    border-color: #2359a4;
}
.ordersList .daysList .dayItem.freeze .box{
    border-color: #aeaeae;
}
.ordersList .daysList .dayItem .box .icon {
    border-radius: 0;
    padding: 0;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    background: #B7042C;
    border: solid #B7042C;
    color: #fff;
    text-align: left;
    position: relative;
    height: 32px;
    line-height: 25px;
}
.ordersList .daysList .dayItem .box .icon img {
    width: 28px;
    position: absolute;
    right: -1px;
    top: -2px;
}
.ordersList .daysList .dayItem.delivered .box .icon{
    background: #15c7a8;
    border: solid #15c7a8;
}
.ordersList .daysList .dayItem.today .box .icon{
    background: #2a59e2;
    border: solid #2a59e2;
}
.ordersList .daysList .dayItem.tomorrow .box .icon{
    background: #2359a4;
    border: solid #2359a4;
}
.ordersList .daysList .dayItem.freeze .box .icon{
    background: #aeaeae;
    border: solid #aeaeae;
}
.ordersList .daysList .dayItem .box .date {
    color: #000;
    text-transform: uppercase;
    font-size: 14px;
    height: 4em;
    padding: 5px 10px;
}
.ordersList .orderItem .packageViewContent{
    display: none;
}
.ordersList .orderItem .packageViewContent.active{
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.orderViewBox {
    margin: 1em 0;
}
.orderViewBox > .row {
    margin: 0;
}
.orderViewBox .userInfo {
    font-size: 1.3em;
}
.orderViewBox .userInfo p{

}
.orderViewBox .userInfo hr{

}
.orderViewBox .packageInfo{

}
.orderViewBox .box{
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    overflow: hidden;
    margin-top: 2em;
}
.orderViewBox .box .title{
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
    padding: 0.5em;
    font-weight: 600;
    font-size: 1.3em;
}
.orderViewBox .box .content{
    font-size: 1.1em;
    padding: 1em;
}
.myAccounts .popupBox .popupContent{
    min-height: 83vh;
    margin: 8vh auto;
}
.tabsTitle {
    width: 100%;
    text-align: left;
    background: #c5c5c5;
    margin-top: 0.4em;
}
.tabsTitle .titleItem {
    display: inline-block;
    padding: 0.8em 1.8em;
    color: #000;
    cursor: pointer;
    transition: all 300ms;
    background: #fff;
}
.tabsTitle .titleItem.active {
    color: #fff;
    background: #B7042C;
}
.tabsContent {
    padding: 1em;
    border: 1px solid #c5c5c5;
}

.tabsContent .contentItem {
    display: none;
    transition: all 300ms;
}
.tabsContent .contentItem.active{
    display: block;
    transition: all 300ms;
}
#panelPassive .orderItem > .title{
    background: #c5c5c5;
}
#panelPassive .orderItem{
    border-color: #c5c5c5;
}
.orderMenuViewBox .tabsContent {
    border: 0;
}
.orderMenuViewBox .logo {
    text-align: center;
    padding: 2em 0;
}
.orderMenuViewBox .logo img{
    width: 9em !important;
}
.orderMenuViewBox h4 {
    text-align: center;
    font-size: 1.5em;
    font-weight: 700;
}
.orderMenuViewBox h5 {
    text-align: center;
    font-size: 1em;
    font-weight: 500;
}
.rateTodayPopup .puantitlelezzet,
.rateTodayPopup .puantitleteslimat,
.rateTodayPopup .puantitleservis{
    position: absolute;
    z-index: 999;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    left: 0;
    margin-top: 3.8em;
    font-size: 1.3em;
}
.rateTodayPopup .yildiz,
.rateTodayPopup .a-yildiz,
.rateTodayPopup .b-yildiz{
    display: flex;
    width: 48%;
    justify-content: center;
    overflow: hidden;
    flex-direction: row-reverse;
    height: 10.3em;
    position: relative;
    margin: 0 auto;
}
.rateTodayPopup .yildiz > input,
.rateTodayPopup .a-yildiz > input,
.rateTodayPopup .b-yildiz > input{
    display: none;
}
.rateTodayPopup .yildiz > label,
.rateTodayPopup .a-yildiz > label,
.rateTodayPopup .b-yildiz > label{
    cursor: pointer;
    width: 2.5em;
    height: 3em;
    margin-top: auto;
    background-image: url(../images/icons/star.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 76%;
    transition: .3s;
}
.yildiz > input:not(:checked) ~ label:hover,
.yildiz > input:not(:checked) ~ label:hover ~ label,
.a-yildiz > input:not(:checked) ~ label:hover,
.a-yildiz > input:not(:checked) ~ label:hover ~ label,
.b-yildiz > input:not(:checked) ~ label:hover,
.b-yildiz > input:not(:checked) ~ label:hover ~ label {
    background-image: url(../images/icons/star-soft.png);
}
.yildiz > input:checked ~ label,
.yildiz > input:checked ~ label ~ label,
.a-yildiz > input:checked ~ label,
.a-yildiz > input:checked ~ label ~ label,
.b-yildiz > input:checked ~ label,
.b-yildiz > input:checked ~ label ~ label {
    background-image: url(../images/icons/star-on.png);
}
.rateTodayPopup .emoji-wrapper {
    width: 100%;
    text-align: center;
    height: 7em;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
.rateTodayPopup .emoji-wrapper:before {
    top: 0;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(255,255,255,0) 100%);
}
.rateTodayPopup .emoji {
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: .3s;
}
.rateTodayPopup .emoji > svg {
    margin: 1em 0;
    width: 3.5em;
    height: 3.5em;
    flex-shrink: 0;
}
.rateTodayPopup .emoji-wrapper:after {
    bottom: 0;
    background: linear-gradient(to top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 35%,rgba(255,255,255,0) 100%);
}
.rateTodayPopup .emoji-wrapper:before,
.rateTodayPopup .emoji-wrapper:after {
    content: "";
    height: 15px;
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 1;
}
.rateTodayPopup .urt_comment{
    border-top: 1px solid #ccc;
    padding-top: 1em;
    text-align: center;
}
.rateTodayPopup .urt_comment textarea{
    height: 7em;
    resize: unset;
    width: 50%;
    display: inline-block;
}
.rateTodayPopup .yildiz-0,
.rateTodayPopup .a-yildiz-0,
.rateTodayPopup .b-yildiz-0 {
    filter: grayscale(100%);
}
#yildiz-1:checked ~ .emoji-wrapper > .emoji,
#a-yildiz-1:checked ~ .emoji-wrapper > .emoji,
#b-yildiz-1:checked ~ .emoji-wrapper > .emoji {
    transform: translateY(-84px);
}
#yildiz-2:checked ~ .emoji-wrapper > .emoji,
#a-yildiz-2:checked ~ .emoji-wrapper > .emoji,
#b-yildiz-2:checked ~ .emoji-wrapper > .emoji {
    transform: translateY(-173px);
}
#yildiz-3:checked ~ .emoji-wrapper > .emoji,
#a-yildiz-3:checked ~ .emoji-wrapper > .emoji,
#b-yildiz-3:checked ~ .emoji-wrapper > .emoji {
    transform: translateY(-262px);
}
#yildiz-4:checked ~ .emoji-wrapper > .emoji,
#a-yildiz-4:checked ~ .emoji-wrapper > .emoji,
#b-yildiz-4:checked ~ .emoji-wrapper > .emoji {
    transform: translateY(-349px);
}
#yildiz-5:checked ~ .emoji-wrapper > .emoji,
#a-yildiz-5:checked ~ .emoji-wrapper > .emoji,
#b-yildiz-5:checked ~ .emoji-wrapper > .emoji {
    transform: translateY(-438px);
}
.rateTodayPopup .popupContent {
    margin: 15vh auto;
    min-height: 67vh;
}
.commentPopup{

}
.commentPopup .popupContent{
    margin: 30vh auto;
    width: 450px;
    max-width: 100%;
    min-height: 40vh;
    max-height: 100%;
    background: #fff;
    border-radius: 1em;
    position: relative;
    padding: 1em;
}
.commentPopup h4{
    position: relative;
    max-width: 100%;
    margin: 0 0 1em;
    padding: 0;
    color: #595959;
    font-size: 1.875em;
    font-weight: 600;
    text-align: center;
    text-transform: none;
    word-wrap: break-word;
    margin-top: 1em;
}
.commentPopup textarea{
    resize: unset;
    box-sizing: border-box;
    width: 100%;
    transition: border-color .3s,box-shadow .3s;
    border: 1px solid #d9d9d9;
    border-radius: 0.1875em;
    background: inherit;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 6%);
    color: inherit;
    font-size: 1.125em;
    height: 11em;
    padding: 0.75em;
}
.entriyCoupon{
    margin-bottom: 1em;
}
.entriyCoupon .ord_coupon{
    padding: 0.6em;
    height: 3em;
    text-align: center;
}
.entriyCoupon .approvalDiscount{
    display: block;
    margin-top: 0.2em;
    width: 100%;
    padding: 0.7em;
    cursor:pointer;
}
.orderSummary .ord_totalPrice .content .lineThrough {
    display: block;
    font-size: .8em;
    line-height: 1em;
    text-decoration: line-through;
    color: #494949;
}
.orderSummary .ord_totalPrice .content .totalPrice{
    display: block;
    font-size: 1em;
    line-height: 1em;
    color: #494949;
}
.packItems{
    margin: 4em 0;
}
.packItems .packItem {
    margin-bottom: 2em;
    height: 250px;
    padding: 10px 30px;
    border: solid 1px #fff;
}
.packItems .packItem:hover{
    background-color: #f5f5f5;
    border: solid 1px #787878;
}
.packItems .packItem a {
    display: block;
}
.packItems .packItem a .image{
    height: 100px;
    margin-bottom: 20px;
    border-radius: 15px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.packItems .packItem a .image span{
    position: absolute;
    right: 10px;
    top: 25px;
    font-weight: bold;
    background: #B7042C;
    border-color: #1e2327;
    color: #fff;
    border-radius: 13px;
    padding: 10px 12px;
    border: 1px solid #1e2327;
}
.packItems .packItem a .title {
    font-size: 17px;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
    margin-bottom: .5em;
}
.packItems .packItem a .description{
    text-align: center;
    letter-spacing: normal;
    font-size: 13px;
    line-height: 1.5em;
    height: 60px;
    overflow: hidden;
    padding: 0 0.5em;
}
.productPriceBox {
    margin: 3em 0;
    border-top: 1px solid #b81d291f;
    padding: 1em 0;
    border-bottom: 1px solid #b81d291f;
    background: #2B2B2C;
}
.productPriceBox .pricePerDay {
    text-align: center;
    padding-left: 5em;
}
.productPriceBox .pricePerDay .currency,
.productPriceBox .pricePerTotal .currency{
    color: #ffffff;
    font-weight: 600;
    font-size: 1.5em;
}
.productPriceBox .pricePerDay .title{
    text-align: center;
    font-size: 1.5em;
    line-height: normal;
    font-weight: 600;
    color: #ffffff;
    margin-right: 1em;
}
.productPriceBox .pricePerDay .content{
    color: #ffffff;
    font-weight: 600;
    font-size: 1.5em;
}
.productPriceBox .pricePerTotal{
    text-align: center;
    padding-right: 5em;
}
.productPriceBox .pricePerTotal .title{
    text-align: center;
    font-size: 1.5em;
    line-height: normal;
    font-weight: 600;
    color: #ffffff;
    margin-right: 1em;
}
.productPriceBox .pricePerTotal .content{
    color: #ffffff;
    font-weight: 600;
    font-size: 1.5em;
}

.addressDate {
    font-size: 17px;
    color: blue;
    float: left;
    line-height: 2em;
}
.addressButton{
    font-size: 15px;
    margin-left: 10%;
    float: right;
}
.uadList{
    text-align: left;
}
.uadList li{
    display: block;
    width: 100%;
}
.uadList li label {
    font-size: 17px;
    font-weight: 700;
    cursor: pointer;
}
.uadList li label input {
    width: 5%;
    float: left;
    height: 17px;
    margin-top: 0.4em;
    cursor: pointer;
}
.uadList li label span{
    float: right;
    width: 94%;
    padding-left: 1em;
    cursor: pointer;
}
.swal2-title{
    width: 100%;
}
.uadListDefault{
    position: absolute;
    left: -99999px;
    top: -99999px;
}
.myAccounts .popupBox .popupHtml .tabsTitle .titleItem {
    padding: 0.8em 1.3em;
}
.mainpageContentPost > .container > .row > div {
    padding: 1.5em;
    border-radius: 1em;
}
.mainpageContentPost {
    margin: 3em 0;
    border-top: 1px solid #b7042c30;
    padding-top: 3em;
}
.mainpageContentPost h2 {
    margin-bottom: 1.5em;
    position: relative;
}
.mainpageContentPost p {
    margin-bottom: 0.5em;
    /*text-transform: uppercase;*/
    font-weight: 500;
    line-height: 1.4em;
}
.mainpageProductCategories {
    margin: 3em 0;
    border-top: 1px solid #b7042c30;
}
.ModuleGroups_show .mainpageProductCategories {
    border-top: 0;
}
.mainpageProductCategories .modTitle,.modulUserRateToday .modTitle {
    margin: 0;
    text-align: center;
    padding: 2em;
}
.mainpageProductCategories .prcItem {
    border-radius: 2em;
    overflow: hidden;
    border: 2px solid transparent;
    box-shadow: 3px 4px 8px -4px #000;
    margin-bottom: 2em;
    transition: all 300ms;
}
.mainpageProductCategories .prcItem:hover{
    border: 2px solid #b7042c;
    transition: all 300ms;
}
.mainpageProductCategories .prcItem .img {
    background: #fff;
    background-position: center center;
    background-size: 80%;
    background-repeat: no-repeat;
    height: 14.5em;
    max-height: 14.5em;
    overflow: hidden;
    text-align: center;
    justify-content: center;
    align-items: center;
    display: flex;
}
.mainpageProductCategories .prcItem .img img{
    object-fit: cover;
    max-height: 100%;
    max-width: 100%;
}
.mainpageProductCategories .prcItem .nameBox{
    text-align: center;
}
.mainpageProductCategories .prcItem .nameBox .name{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    font-size: 20px;
    padding: 0 5px;
    font-weight: 600;
    line-height: 24px;
    overflow: hidden;
}
.mainpageProductCategories .prcItem .nameBox .description{
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    margin-bottom: 1em;
    overflow: hidden;
    padding: 0 0.5em;
}
.mainpageHtmlBanner {
    /*font-family: 'Source Serif Pro', serif;*/
    overflow: hidden;
    text-align: center;
    padding: 2em 0 0;
    margin-bottom: 0em;
    position: relative;
}
.mainpageHtmlBanner::before{
    content: '';
    background: linear-gradient(to right, #fff 0%, transparent 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40%;
    height: 14em;
    z-index: 9;
    display: none;
}
.mainpageHtmlBanner::after {
    content: '';
    background: linear-gradient(to left, #fff 0%, transparent 100%);
    position: absolute;
    bottom: 0;
    right: 0;
    width: 40%;
    height: 14em;
    z-index: 9;
    display: none;
}
.mainpageHtmlBanner .bngName {
    font-size: 2.6em;
}
.mainpageHtmlBanner .swiper-wrapper{
    background: linear-gradient(to right,
    white 0%,
    white 25%,
    transparent 25%,
    transparent 75%,
    white 75%,
    white 100%
    );
}
.mainpageHtmlBanner .swiper-slide {
    /*background: #b7042c;*/
    color: #000;
    font-size: 1.6em;
}
.mainpageHtmlBanner .swiper-slide a{

}
.mainpageHtmlBanner .swiper-slide .text{
    font-size: 26px;
    letter-spacing: 10px;
    font-size: 26px;
    letter-spacing: 10px;
    padding: .3em 0;
    display: block;
}
.Mainpage_index .mainpageSlider,
.Mainpage_index .mainpageSliderMobil{
    padding: 0;
}
.Mainpage_index .mainpageSlider > .row{
    margin: 0;
}
.Mainpage_index .mainpageSliderMobil > .row{
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
}
.Mainpage_index .mainpageSliderMobil > .row >.col-12{
    padding: 0;
}
.Mainpage_index .mainpageSlider > .row >.col-12{
    padding: 0;
}
.Mainpage_index .mainpageSlider .swiperTitle{
    position: absolute;
    z-index: 1;
    background: #000000;
    bottom: 4%;
    left: 4%;
    font-size: 26px;
    padding: 0.4em 1em;
    color: #fff;
    max-width: 100%;
    width: 40%;
    display: inline-block;
}
.pcpItems{

}
.pcpItems .item{

}
.pcpItems .item label{

}
.pcpItems .item label .pcp_itemInput{

}
.pcpItems .item label .pcp_name{

}
.orderSummary .item .content.contentPcp {
    display: block;
}
.orderSummary .item .content.contentPcp span {
    width: 100%;
    margin-bottom: 0.3em;
    display: block;
}
.myAccounts .myAccountSidebar {
    border-right: 2px solid #B7042C24;
    padding: 1em 0;
    position: relative;
}
.myAccounts .myAccountSidebar .myAccountSidebarMenuIcon {
    display: none;
    font-size: 1.5em;
    margin: 1em 0;
    padding: 0.4em;
    border-radius: 0.5em;
    cursor: pointer;
    background: #B7042C;
    color: #000;
}
.myAccounts .myAccountSidebar .myAccountSidebarMenuIcon::before{
    margin-right: .4em;
}
.myAccounts .myAccountSidebar .name {
    font-size: 1.4em;
}
.myAccounts .myAccountSidebar .name b {
    font-size: 1em;
    display: block;
    color: #404031;
}
.myAccounts .myAccountSidebar .name span {
    color: #B7042C;
    font-weight: 600;
    font-size: 1.7em;
}
.myAccounts .myAccountSidebar .email {
    font-size: .8em;
}
.myAccounts .myAccountSidebar .myAccountSidebarMenu{
    margin-top: 2em;
}
.myAccounts .myAccountSidebar .myAccountSidebarMenu li{

}
.myAccounts .myAccountSidebar .myAccountSidebarMenu li a {
    display: block;
    transition: 400ms;
    padding: .5em;
}
.myAccounts .myAccountSidebar .myAccountSidebarMenu li a span {
    font-size: .7em;
}
.myAccounts .myAccountSidebar .myAccountSidebarMenu li:hover a{
    transition: 400ms;
    padding-left: 1em;
}
.myAccounts .myAccountSidebarMenu .buyNewPackage {
    border: 2px solid #B7042C;
    border-radius: 5px;
}
.chooseMaterials{

}
.chooseMaterials .description{
    padding: 1em;
    text-align: center;
    margin-bottom: 1em;
    font-size: 1.2em;
    color: #B7042C;
}
.chooseMaterials .nav {
    border-bottom: 4px solid #B7042C;
}
.chooseMaterials .nav li {
    letter-spacing: 0;
    text-align: center;
    background: #999999;
    cursor: pointer;
    margin-right: 8px;
}
.chooseMaterials .nav li.active {
    background: #B7042C;
}
.chooseMaterials .nav li a{
    color: #fff;
    padding: 15px;
    display: inline-block;
}
.chooseMaterials .tab-content {
    margin-top: 1em;
}
.chooseMaterials .tab-content .tab-pane{

}
.chooseMaterials .tab-content .tab-pane.active{

}
.chooseMaterials .tab-content .tab-pane .mtr_items{
    display: block;
}
.chooseMaterials .tab-content .tab-pane .mtr_items li{
    width: 18.5%;
    position: relative;
    float: left;
    margin-right: 1.2%;
}
.chooseMaterials .tab-content .tab-pane .mtr_items li label{
    padding: 1em;
    display: block;
    cursor: pointer;
}
.chooseMaterials .tab-content .tab-pane .mtr_items li input {
    width: 1em;
    height: 1em;
    position: relative;
    margin-right: 0.2em;
}
.chooseMaterials .tab-content .tab-pane .mtr_items li span{

}
.content.contentMtr {
    display: block !important;
    min-height: 150px !important;
    justify-content: unset !important;
    align-items: unset !important;
    align-content: unset !important;
}
.content.contentMtr span {
    display: block;
    border: 1px solid #ccc;
    padding: 0.3em;
    float: left;
    margin: 0.2em;
    font-size: .8em;
}
.sectionTitle{
    background: #2B2B2C;
    margin-bottom: 1.5em;
}
.sectionTitle h3 {
    border: 0;
    margin: 0;
    text-align: center;
    padding: .4em;
}
.slideTitle{
    text-align: center;
}
.companyReferences {
    overflow: hidden;
}
.companyReferences .swiper-slide{
    padding: 2em;
}
.companyReferences .swiper-pagination{
    display: none;
}
.whatsappLink{
    background: #25D366;
    position: fixed;
    z-index: 1;
    bottom: 3em;
    left: 2em;
    width: 1.8em;
    height: 1.8em;
    color: #fff;
    border-radius: 100%;
    padding: 0.4em;
    text-align: center;
    font-size: 1.5em;
    line-height: 1em;
    box-shadow: 0 19px 38px 0 rgb(34 36 43 / 30%);
}
.sssLink{
    background: #d3bf25;
    position: fixed;
    z-index: 1;
    bottom: 5.5em;
    left: 2em;
    width: 1.8em;
    height: 1.8em;
    color: #fff;
    border-radius: 100%;
    padding: 0.4em;
    text-align: center;
    font-size: 1.5em;
    line-height: 1em;
    box-shadow: 0 19px 38px 0 rgb(34 36 43 / 30%);
}
.packagePrice{

}
.packagePrice .categoryItems{

}
.packagePrice .categoryItems .categoryItem {
    border: 3px solid #b7042c;
    margin-bottom: 2em;
}
.packagePrice .categoryItems .categoryItem > .row{
    padding: 0;
}
.packagePrice .categoryItems .categoryItem .categoryTitle {
    background: #b7042c;
    color: #fff;
    padding: 0.4em;
    font-size: 1.5em;
    margin-bottom: 0.8em;
}
.packagePrice .categoryItems .categoryItem .productItems {
    position: relative;
    text-align: left;
    padding: 0 1.5%;
}
.packagePrice .categoryItems .categoryItem .productItems .productItem {
    width: 31.7%;
    display: inline-block;
    border: 1px solid #292f42;
    margin-right: 2%;
    margin-bottom: 1.2em;
}
.packagePrice .categoryItems .categoryItem .productItems .productItem:nth-child(3n){
    margin-right: 0;
}
.packagePrice .categoryItems .categoryItem .productItems .productItem .productTitle {
    font-size: 1.2em;
    padding: 0.4em;
    background: #292f42;
    color: #fff;
    margin-bottom: 0;
}
.packagePrice .categoryItems .categoryItem .productItems .productItem .variationItems{
    text-align: left;
}
.packagePrice .categoryItems .categoryItem .productItems .productItem .variationItems .variationItem{
    display: inline-block;
    width: 48.5%;
    margin-left: .7%;
    border: 1px solid #ccc;
    margin-top: .2em;
}
.packagePrice .categoryItems .categoryItem .productItems .productItem .variationItems .variationItem:nth-child(2n){
    margin-right: 0;
}
.packagePrice .categoryItems .categoryItem .productItems .productItem .variationItems .variationItem .variationTitle{
    background: #ccc;
    color: #000;
    padding: 0.3em;
    font-size: 1.2em;
    margin-bottom: 0;
}
.packagePrice .categoryItems .categoryItem .productItems .productItem .variationItems .variationItem .variationPrice {
    padding: 0.2em 0.5em;
    font-weight: 500;
    display: inline-block;
    width: 100%;
}
.packagePrice .categoryItems .categoryItem .productItems .productItem .variationItems .variationItem .variationTotalPrice{
    padding: 0.2em 0.5em;
    font-weight: 500;
    display: inline-block;
    width: 100%;
}
.packagePrice .categoryItems .categoryItem .productItems .productItem .variationItems .variationItem .variationPrice span:nth-child(1),
.packagePrice .categoryItems .categoryItem .productItems .productItem .variationItems .variationItem .variationTotalPrice span:nth-child(1){
    float: left;
    max-width: 50%;
    font-size: .9em;
}
.packagePrice .categoryItems .categoryItem .productItems .productItem .variationItems .variationItem .variationPrice span:nth-child(2),
.packagePrice .categoryItems .categoryItem .productItems .productItem .variationItems .variationItem .variationTotalPrice span:nth-child(2){
    float: right;
    font-size: .9em;
    max-width: 50%;
}
.packagePrice .categoryItems .categoryItem .productItems .productItem .variationItems .subVariationItems{

}
.packagePrice .categoryItems .categoryItem .productItems .productItem .variationItems .subVariationItems li{
    display: inline-block;
    width: 48.5%;
    margin-left: .7%;
    border: 1px solid #ccc;
}
.packagePrice .categoryItems .categoryItem .productItems .productItem .variationItems .variationItem.hasChild {
    width: 98.9%;
}
.createOrderPage{
    background: #b7042c;
    position: fixed;
    bottom: 2em;
    left: 50%;
    transform: translate(-50%, 0%);
    color: #fff;
    border-radius: 0.4em;
    padding: 0.6em;
    text-align: center;
    font-size: 1.4em;
    line-height: 1em;
    box-shadow: 0 19px 38px 0 rgb(255 255 255 / 0%);
    z-index: 9;
    border: 2px solid #292f42;
}

.mainSliderMobil{
    position: absolute;
    opacity: 0;
    left: -9999px;
    top: -9999px;
    box-shadow: 0 3px 5px rgb(0 0 0 / 20%);
    background: #eaeaea;
    overflow: hidden;
    width: 100vw;
}
.returnToTransfer{
    text-align: center;
    font-size: .9em;
    margin-bottom: 2em;
    margin-top: -1.5em;
    cursor: pointer;
}
.returnToTransfer span {
    color: #B7042C;
    font-weight: 600;
}
.dietitianHours{
    display: none;
    text-align: center;
    margin-top: .4em;
}
.chooseDietitian.active .dietitianHours{
    display: block;
}
.dietitianHours li {
    display: inline-block;
    margin-right: 0.5em;
}
.dietitianHours li:hover span{
    cursor: pointer;
}
.dietitianHours li label{

}
.dietitianHours li label input{
    position: absolute;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
}
.dietitianHours li label span {
    font-size: .8em !important;
    padding: 0.4em;
    border-radius: 1em;
    position: relative;
    transition: all 300ms;
    color: #fff;
    border: 1px solid transparent;
}
.dietitianHours li.selected label span,
.dietitianHours li:hover label span{
    background: #000;
    color: #fff;
    transition: all 300ms;
}
.product_info h1 {
    font-weight: bold;
    margin-bottom: 0.6em;
}
.product_info .productContent p{
    margin-bottom: .7em;
}
@media screen and (max-width: 1199px) {
    header .mainMenu li {
        padding: 0 5px;
    }
}
@media screen and (max-width: 991px){
    .mainpageSlider{
        display: none;
    }
    .mainSliderMobil{
        position: relative;
        opacity: 1;
        left: 0;
        top: 0;
    }
    .mainSliderMobil .swiper-slide{
        background-size: 100% auto;
        background-position: top left;
        background: none !important;
    }
    .mainSliderMobil .swiper-slide img {
        width: 100%;
    }
    .Mainpage_index .mainpageSlider .swiperTitle {
        font-size: 1.5em;
        width: 92%;
        text-align: center;
    }
    .packagePrice .categoryItems .categoryItem .productItems .productItem {
        width: 100%;
        margin-right: 0;
    }
    .companyReferences .swiper-slide{
        padding: 0;
    }
    .myAccounts .myAccountSidebar .myAccountSidebarMenuIcon{
        display: block;
    }
    .myAccounts .myAccountSidebar .myAccountSidebarMenu{
        display: none;
        margin-top: 0;
    }
    .orderSummary .endNote {
        margin-bottom: 3em;
    }
    .orderAddressInformation .deliveryCorporateInformation {
        margin-top: 1.2em;
    }
    .orderCreateForm {
        margin-top: 2em;
    }
    .orderSummary {
        margin-top: 2.5em;
    }
    .orderCreateForm {
        margin-bottom: 4em;
    }
    .deliveryOptions .dldItems {
        margin: 2em 0 3em;
    }
    .startDays {
        margin-bottom: 0;
    }
    .product_title {
        height: 14em;
        background-size: 90%;
        background-position: bottom left;
    }
    .product_title h1 {
        /*margin-top: 2em;*/
    }
    .mainProductsList h3 {
        font-size: 16px;
        padding: 15px;
        text-align: center;
    }
    header .logo {
        display: inline-block;
        /*text-align: center;*/
    }
    header{
        background: #000;
    }
    .mobilMenuIcon{
        display: block;
    }
    .mobilMenuIcon {
        display: block;
        position: absolute;
        right: 1em;
        top: .7em;
        font-size: 1.5em;
        cursor: pointer;
    }
    .mobilMenuIcon i{
        color: #fff;
    }
    .langsMenu {
        display: block;
        position: absolute;
        right: 3.5em;
        top: 1.3em;
        text-align: right;
    }
    .langsMenu li {
        display: inline-block;
        margin-right: .5em;
    }
    .langsMenu li a{

    }
    .langsMenu li a img{
        width: 20px;
    }
    header .logo img {
        width: auto;
        max-height: 4em;
        max-width: 160px;
    }
    header .mainMenu {
        display: none;
        width: 100%;
        border-top: 2px solid #727272;
        margin-top: 1em;
    }
    header .mainMenu.active{
        display: block;
        padding-top: 1em;
    }
    header .mainMenu li.langMenuItem{
        display: none;
    }
    header .mainMenu li{
        display: block;
        text-align: left;
    }
    header .mainMenu li a {
        padding: 5px 0;
        color: #cfcfcf;
    }
    header .mainMenu li.userMenuItem{

    }
    header .mainMenu li a i{
        margin-left: 0;
    }
    header .mainMenu > li:hover {
        background: transparent;
    }
    header .mainMenu li ul{
        position: relative;
    }
    header .mainMenu li:hover ul {
        position: relative;
        padding: 0;
        border: 0;
        float: left;
        left: unset;
        background: transparent;
    }
    header .mainMenu li ul li {
        width: 100%;
        padding: 0;
        height: auto;
    }
    header .mainMenu li ul li .subMenuBox {
        position: relative;
        float: left;
        width: 100%;
    }
    header .mainMenu li ul li img{
        display: none;
    }
    header .mainMenu li ul li a{
        float: left;
        width: 100%;
        background: transparent;
        position: relative;
        display: block;
        padding: 5px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #bfbfbf;
        white-space: nowrap;
        transition: all .5s;
    }
    .mobilMenuBox{
        display: block;
        background: #3a3a3a;
    }
    .mobilMenuList{
        text-align: center;
    }
    .mobilMenuList li{
        display: inline-block;
        width: 33%;
    }
    .mobilMenuList li a {
        padding: 0.5em 0;
        display: block;
    }
    .mobilMenuList li a i{
        display: block;
        color: #fff;
    }
    .mobilMenuList li a span{
        color: #fff;
        display: block;
        text-align: center;
    }
    .mobilMenuList li:hover a i,
    .mobilMenuList li:hover a span{
        color: #B7042C;
    }
    .mainSlider, .mainSlider .swiperMainSlider, .mainSlider .swiperMainSlider .swiper-wrapper, .mainSlider .swiperMainSlider .swiper-slide{
        height: 70vh;
        overflow: hidden;
    }
    .mainSlider .swiper-slide {
        position: relative;
        width: 100%;
        background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: center center;
    }
    .mainSlider .swiper-slide img {
        display: none;
    }
    header .mainMenu li ul li .subMenuBox a {
        position: relative;
        background: transparent;
    }
    footer .footerAddressBox p {
        padding: 1em 0;
    }
    .rightContent {
        padding: 0 1em;
    }
    footer{
        margin-top: 0;
    }
    .productVariationsList .variationItem {
        width: 49%;
    }
    .chooseSelectForm .content, .calculateForm .content {
        margin: 7vh auto;
        max-width: 95%;
    }
    .calculateSporValues .item input, .calculateSporValues .item select {
        padding: 0.4em 1.4em;
        font-size: 1.2em;
        height: 2.2em;
    }
    .createOrderPage{
        bottom: 1.4em;
        font-size: 1em;
    }
    .myAccounts .myAccountSidebar .myAccountSidebarMenuIcon {
        color: #fff;
        font-size: 1.3em;
    }

    .mainpageProductCategories .prcItem .nameBox .description {
        display: block;
    }
}
@media screen and (max-width: 767px) {
    .mainpageContentPost {
        margin: 0;
        padding: 2em 0;
    }
    .mainpageContentPost h2 {
        margin-bottom: .5em;
    }
    .mainpageProductCategories {
        margin: 0;
        padding: 2em 0;
    }
    .mainpageProductCategories .modTitle, .modulUserRateToday .modTitle {
        padding: .7em .4em 1.5em;
    }
    .mainpageProductCategories .prcItem {
        transition: all 100ms;
        border: 1px solid #b7042c30;
        box-shadow: 0 0 8px 0px #ccc;
        padding: 0;
        border-radius: 1em;
    }
    .mainpageProductCategories .prcItem .img{
        height: 17em;
        text-align: center;
    }
    .mainpageProductCategories .prcItem .img img{
        height: 100%;
    }
    .mainpageProductCategories .prcItem .nameBox {
        padding: 0 1em;
    }
    .mainpageProductCategories .prcItem .nameBox .name {
        height: 40px;
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;
        text-align: center;
        padding: 0;
    }
    .mainpageProductCategories .prcItem .nameBox .description {
        height: auto;
        font-size: 12px;
        margin-bottom: 2em;
    }
    .chooseMaterials .tab-content .tab-pane .mtr_items li {
        width: 32%;
    }
    .chooseMaterials .tab-content .tab-pane .mtr_items li label {
        padding: 0.5em;
        text-align: center;
    }
    .chooseMaterials .tab-content .tab-pane .mtr_items li span {
        display: block;
        height: 30px;
    }
    .sssLink {
        left: 0.7em;
        bottom: 3.5em;
    }
    .whatsappLink {
        bottom: 0.7em;
        left: 0.7em;
    }
    .prd_item .prd_image {
        background-position: center center;
    }
    .prd_item .priceBox{
        display: none;
    }
    .prd_item {
        margin-bottom: 1em;
        height: auto;
    }
    .prd_item .prd_image {
        text-align: center;
        display: none;
    }
    .productPriceBox .pricePerDay {
        padding-left: 0;
    }
    .productPriceBox .pricePerTotal{
        padding-right: 0;
    }
    .orderAddressInformation {
        margin-top: 0;
    }
    .dlhContent .item {
        margin-top: 0 !important;
        margin-bottom: 0.8em;
    }
    .deliveryOptions .dldItems .item {
        margin-top: 0 !important;
        margin-bottom: 0.8em;
    }
    .deliveryOptions {
        margin-top: 1em;
    }
    .deliveryOptions .dldItems {
        margin: 0;
    }
    .extraOptions .brvItems .item,
    .pcpItems .item{
        margin-top: 0 !important;
        margin-bottom: 0.7em;
    }
    .extraOptions {
        margin-top: 2em;
    }
    .productCalories {
        margin: 2em 0;
    }
    .productCalories .calItem {
        margin-bottom: 1em;
        padding: .7em;
        height: 7em;
    }
    .productPriceBox .pricePerTotal {
        margin-top: .5em;
    }
    .productVariationsList .variationItem {
        /*width: 100%;*/
    }
    .mainProductsList .productItem .title {
        height: 40px;
        overflow: hidden;
    }
    .mobilMenuList li {
        width: 32%;
    }
    .companyBannerList li {
        width: 32%;
        margin-right: 1%;
    }
    .companyBannerList li div p {
        font-size: .9em;
        line-height: 1.4em;
    }
    .mainProductsList h3 {
        font-size: 14px;
        padding: 15px 0;
    }
    footer .footerBottom .bottomLeft,footer .footerBottom .bottomRight {
        width: 100%;
        text-align: center;
        margin-bottom: 0.5em;
    }
    footer .footerBottom .bottomRight span {
        display: block;
        margin-bottom: 0.5em;
    }
    .mainpageProductCategories .prcItem .nameBox .description {
        align-items: center;
    }
    .productPriceBox {
        margin: 1em 0;
        border-top: 1px solid #b81d291f;
        padding: .5em 0;
        border-bottom: 1px solid #b81d291f;
        background: #2B2B2C;
    }
    .productPriceBox .pricePerDay .title{
        font-size: 1em;
    }
    .productPriceBox .pricePerDay .currency, .productPriceBox .pricePerTotal .currency{
        font-size: 1em;
    }
    .productPriceBox .pricePerDay .content{
        font-size: 1em;
    }
    .productPriceBox .pricePerTotal .title{
        font-size: 1em;
    }
    .productPriceBox .pricePerTotal .content{
        font-size: 1em;
    }
    .productCalories .calItem {
        height: auto;
    }
    .deliveryOptions .dldItems label, .extraOptions .brvItems label, .extraOptions .pcpItems label {
        padding: .5em;
        border: 1px solid #B7042C;
        font-size: .9em;
        justify-content: center;
        align-items: center;
        display: flex;
    }
    .startDays .item label {
        border: 1px solid #B7042C;
    }
    .startDays .item label .dateName {
        padding: .8em;
    }
    .productVariationsList .variationItem label .itemName {
        font-size: 1.1em;
    }
    .productVariationsList .variationItem label .itemPrice{
        font-size: 1.1em;
    }
    .productList label {
        display: block;
        margin-bottom: 0;
    }
    .prd_item {
        margin-bottom: .3em;
        height: auto;
        box-shadow: none !important;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        padding:.8em;
    }
    .prd_item.active {
        background: #b7042c;
    }
    .prd_item .prd_title {
        font-size: 17px;
        display: inline-block;
        margin: 0;
        margin-right: .4em;
    }
    .prd_item.active .prd_title{
        color: #fff;
    }
    .prd_item .prd_subTitle {
        height: auto;
        display: inline-block !important;
        width: auto;
        font-size: 17px;
    }
    .prd_item.active{
        color: #fff;
    }
    .ProductCategories_show .productList {
        margin: 1em auto;
    }
    .productVariationsList .variationItem {
        border-right: 0;
        padding: 0;
        margin-bottom: 0;
    }
    .mobileCustomTitle h2{
        font-weight: bold;
        text-align: center;
        font-size: 18px;
        letter-spacing: 0;
        margin: 5px;
        margin-bottom: .5em;
        text-transform: uppercase;
        padding: 20px;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
    }
    .product_info h1 {
        font-size: 2em;
        text-align: center;
    }
    .secondProductVariationsList .variationItem {
        width: 48%;
    }
    .secondProductVariationsList .variationItem .itemPrice {
        font-size: .8em !important;
    }
}
@media (hover: hover) and (pointer: fine) {
    .deliveryOptions .dldItems label:hover .dld_name,
    .extraOptions .brvItems label:hover .brv_name,
    .extraOptions .pcpItems label:hover .pcp_name,
    .pcpItems .item label.selected .pcp_price{
        color: #fff;
    }
    .deliveryOptions .dldItems label:hover .dld_name,
    .extraOptions .brvItems label:hover .brv_name,
    .extraOptions .pcpItems label:hover .pcp_name,
    .pcpItems .item label:hover .pcp_price{
        color: #fff;
    }
    .deliveryOptions .dldItems label:hover,
    .extraOptions .brvItems label:hover,
    .extraOptions .pcpItems label:hover{
        background: #B7042C;
        color: #fff;
    }
}