/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
 @font-face {
    font-family: "Graphik";
    font-style: normal;
    font-display: swap;
    font-weight: normal;
    src: url("../fonts/graphik/Graphik-Regular.eot");
    src: url("../fonts/graphik/Graphik-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/graphik/Graphik-Regular.woff") format("woff"), url("../fonts/graphik/Graphik-Regular.ttf") format("truetype"),
        url("../fonts/graphik/Graphik-Regular.svg#Graphik-Regular") format("svg");
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: "Graphik";
    font-style: normal;
    font-display: swap;
    font-weight: 300;
    src: url("../fonts/graphik/Graphik-Light.eot");
    src: url("../fonts/graphik/Graphik-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/graphik/Graphik-Light.woff") format("woff"), Modern Browsers url("../fonts/graphik/Graphik-Light.ttf") format("truetype"),
        url("../fonts/graphik/Graphik-Light.svg#Graphik-Light") format("svg");
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: "Graphik";
    font-style: normal;
    font-display: swap;
    font-weight: bold;
    src: url("../fonts/graphik/Graphik-Medium.eot");
    src: url("../fonts/graphik/Graphik-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/graphik/Graphik-Medium.woff") format("woff"), url("../fonts/graphik/Graphik-Medium.ttf") format("truetype"),
        url("../fonts/graphik/Graphik-Medium.svg#Graphik-Medium") format("svg");
    text-rendering: optimizeLegibility;
}

body {
    font-family: "Montserrat", sans-serif !important;
}

h1, h2, h3, span, p, strong {
    font-family: "Montserrat", sans-serif !important;
}


.product-icons .elementor-container {margin-right: 0;margin-left: 0;}
.menu-horizontal .current-menu-item > a,
.menu-horizontal .item-level-0 > a:hover {background-color:#ffffff!important;color:#00474D!important;border-radius:20px!important;}
h2, h3, h4, h5, h6, p {margin-bottom:10px!important; }
.page-title .h1 {font-size:25px!important;}

.dyt-img img { border-top-left-radius: 50% 50%;
    border-top-right-radius: 50% 50%;
    border-bottom-right-radius: 50% 50%;
    border-bottom-left-radius: 50% 50%;
    object-fit: cover;
    width: 250px;
    height: 140px;
}

.menu_sub {
	padding: 20px!important;
}

.menu_sub a {padding:0!important; 
	font-size:14px!important; 
	font-weight: 400!important;
}

.menu_sub a:before {
    content: "\f105";
    font-family: FontAwesome;
    float: left;
    margin-right: 5px;
}

@media (max-width: 939px) {
   .elementor-newsletter input,
   .elementor-newsletter button {
        border-radius:0!important;
	}
}

#nrtsizechart-guide > table {
	width: 100% !important;
	font-size: 15px;
	border-spacing: 0px;
	border: none;
}

#nrtsizechart-guide > table > tbody > tr:first-child {
	width: 100% !important;
	font-size: 15px;
	font-weight: 700;
	background: #14a9af; 
	color: #ffffff;
}

#nrtsizechart-guide > table > tbody tr:nth-child(2n+2) {
  background-color: #ffffff;
}

#nrtsizechart-guide > table > tbody tr:nth-child(2n+3) {
  background-color: #d1ebec;
}

#nrtsizechart-guide > table > tbody td {
  padding: 5px;
}


/* Core styles/functionality */
.tab {
  position: relative;
}
.tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.tab__content {
  max-height: 0;
  overflow: hidden;
  transition: all 0.35s;
}

.tab__content > ul { 
	margin-bottom: 0;
}

.tab__content > ul > li { 
	font-size: 15px;
  	color: #000000;
  	padding: 5px;
  	font-weight: 700;
}

.tab__content > ul > li:nth-child(odd) {
  background-color: #ffffff;
}

.tab__content > ul > li:nth-child(even) {
  background-color: #d1ebec;
}

.tab input:checked ~ .tab__content {
  max-height: 100%;
}

/* Visual styles */
.accordion {
  max-width: 80%;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
  overflow: hidden;
  margin-top: 20px;
  margin-bottom: 20px;
}
.tab__label,
.tab__close {
  display: flex;
  color: white;
  background: var(--theme);
  cursor: pointer;
  align-items: center;
}
.tab__label {
  justify-content: space-between;
  padding: 1rem;
  color: #000000;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 0;
  background:rgba(0, 0, 0, 0.04);
}
.tab__label::after {
  content: "\276F";
  width: 1em;
  height: 1em;
  text-align: center;
  transform: rotate(90deg);
  transition: all 0.35s;
}

.tab__label > span > i { 
	margin-right: 15px;
}

.tab input:checked + .tab__label::after {
  transform: rotate(270deg);
}
.tab__content p {
  margin: 0;
  padding: 1rem;
}
.tab__close {
  justify-content: flex-end;
  padding: 0.5rem 1rem;
  font-size: 0.75rem;
}

/* Arrow animation */
.tab input:not(:checked) + .tab__label:hover::after {
  animation: bounce .5s infinite;
}
@keyframes bounce {
  25% {
    transform: rotate(90deg) translate(.25rem);
  }
  75% {
    transform: rotate(90deg) translate(-.25rem);
  }
}

@media (max-width: 939px) {
   .accordion {
        max-width: 100%;
	}
}

.form-group {
	margin-bottom: 10px!important;
}

.form-control {
background:#fff!important;
    border-radius: 20px!important; 
	border: 1px solid #ebebeb!important;
}

.group-file-style .form-control {
	border-radius: 20px 0 0 20px !important;
}

.group-file-style .btn {
	border-radius: 0 20px 20px 0!important;
	background: #000000;
	color: #ffffff!important;
}

.form-control:focus {
    border-color: #66afe9!important;
}

body#index #header, body#index  #main-content {
    margin-bottom: 0!important;
}

body#index  #wrapper {
    padding-bottom: 0!important;
}

#notifications {
    padding: 0!important;
}

.main-menu .elementor-element-populated {
	text-align:center;
}

#module-hiblog-blog .hiblog-pagination { 
    list-style: none !important; 
}

.type-pack {
  	display:none !important;
}


@media (max-width: 768px) {
   .gr-list-gird { display: none;}
   .page-title .h1 {font-size:20px!important;}
   #mobile-menu-button .elementor-widget-container .btn-canvas {flex-direction: column;}
}

#mobile-checkout-button {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #f8f9fa;
    text-align: center;
    z-index: 999;
}

#mobile-checkout-button .bottom-bar-button {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
}

#checkout #go-to-checkout {
    display:none!important;
}

.d-none {
    display: none!important;
}

@media only screen and (max-width:768px){
    .d-sm-block {
        display: block!important;
    }
}

.g-recaptcha {
    transform: scale(.8);
    transform-origin: 0 0;
}

#calculation-list .wrapper-items {
    padding: 50px 0!important;
}

#calculation-list .swiper-slide .item-inner {
    background: #ffffff;
    border-radius: 20px;
    padding: 40px;
    margin: 0 20px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease-in-out;
    transform: perspective(500px) translateZ(0);
}

#calculation-list .swiper-slide .item-inner:hover {
  	transform: perspective(500px) translateZ(20px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

#calculation-list .swiper-slide .item-inner .widget-image-caption {
    max-width: 210px;
    justify-self: center;
}

.calculation-list .calculation-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 8px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-align: center;
    -ms-flex-align: center;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    align-content: flex-start;
    justify-content: space-between;
  	transition: all 0.3s ease;
}

.calculation-list .calculation-item:hover {
  	transform: scale(1.02);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.calculation-list > .calculation-item > svg {
    margin-right: 10px;
}

.calculation-list > .calculation-item > .content {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.calculation-list > .calculation-item > .content > .content-item {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 339px;
}

.calculation-list > .calculation-item > .content > .content-item > .content-item-text {
	font-size: 20px;
    line-height: 30px;
    color: #171a1d;
    text-align: left;
  	font-weight: 700;
    text-transform: uppercase;
}

.calculation-list > .calculation-item > .content > a > i { 
	font-size:30px;
}

.form-calculation .form-group {
	margin-bottom: 3rem!important;
}

.form-calculation .form-radio {
	display: flex;
    align-items: flex-end;
}

.form-calculation label {
	font-size: 20px!important;
}

.form-calculation .form-group .form-control {
	border-radius: 5px!important;
 	height: 50px!important;
  	box-shadow: none!important;
    border: 1px solid #999999 !important;
  	font-size: 18px!important;
}

.form-calculation .form-group .form-check  {
  	align-content: center;
	border-radius: 5px!important;
 	height: 50px!important;
  	box-shadow: none!important;
    border: 1px solid #999999 !important;
  	width: 50%!important;
}

.form-calculation .form-group .form-check input[type="radio"] {
  	-ms-transform: scale(1.5); /* IE 9 */
  	-webkit-transform: scale(1.5); /* Chrome, Safari, Opera */
  	transform: scale(1.5);
}

.form-calculation button {
  	background-color: #ec635c!important;
	width: 35%!important;
  	font-size: 25px!important;
  	height: 50px!important;
  	border-radius: 5px!important;
  	border: none!important;
}
	
#result-progress-bar {
 	position: relative;
	background: linear-gradient(to right, #54bce8, #68c99f 22%, #f5e664 41%, #ffc366 63%, #f37b50 84%, #d25b64);
    margin: 25px 0;
  	height: 20px;
    width: 100%;
    border-radius: 20px;
    border: 1px solid #931414;
  	transition: width 1s ease-in-out;
}

#result-progress-bar .bubble {
	position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    color: white;
    padding: 5px 10px;
    border-radius: 10px;
    white-space: nowrap;
    transition: left 1s ease-in-out;
}

#result-progress-bar .bubble .text {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
    line-height: 100%;
    text-align: center;
    display: inline-block;
    background: #414A50;
    color: white;
}

#result-progress-bar .bubble .text:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -8px;
    display: block;
    content: '';
    width: 0;
    height: 0;
    top: 37px;
    border-style: solid;
    border-width: 15px 11px 0px 10px;
    border-color: #414A50 transparent transparent transparent;
}

.form-calculation-result .card {
  	background-color: #ec635c;
	width: 100%;
  	height: auto;
    border-radius: 5px;
  	text-align: center;
}

.form-calculation-result .card .card-body {
	display: flex;
    flex-direction: column;
  	padding: 20px 0;
}

.form-calculation-result .card > .card-body > .card-title {
  	margin: 0;
  	color: #ffffff;
  	font-size: 25px;
  	text-transform: uppercase;
}

.form-calculation-result .card > .card-body > .card-text > span {
  	color: #ffffff;
  	font-size: 60px;
  	line-height: 70px;
}

.form-calculation-result .card > .card-body > .card-link {
  	margin-top: 50px;
}

.form-calculation-result .card > .card-body > .card-link > a {
    text-decoration: underline;
    font-size: 22px;
    color: #ffffff;
    font-weight: 600;
}

.form-calculation-result .card > .card-body > .card-link > a > i {
    font-size: 30px;
    margin-right: 5px;
    vertical-align: middle;
}

.form-calculation-result .card-bottom > a {
  	font-size: 20px !important;
    height: 40px !important;
    border-radius: 5px !important;
}

#blog_desc_container .blog-desc-image-block {
    padding: 0 150px;
}

.images-cover-slider .product-images-cover .item-image .fmm_title_text_sticker span {
	width: 100%;
    padding: 10px 0;
    font-weight: 700;
    font-size: 20px;
}

.acs-products-grid .fmm_title_text_sticker span,
.product-type-7 .item-inner .element-top .fmm_title_text_sticker span {
	width: 100%;
  	font-weight: 700;
  	border-radius: 4px;
  	padding: 3px 5px!important;
  	font-size: 10px !important;
}

.slider_form {
    display:none;
}
.instagram_picture {
    float: left;
    padding: 8px;
    width:20%;
}

.instagram_picture img { 
    border-radius:10px;
        box-shadow: 0 3px 10px rgb(0 0 0 / 58%);
}
.form-group {
    /*margin-bottom: 1rem !important;*/
}
.cart-item-product a { border:0px !important }

.cart-item-product a img {
    border-radius:10px;
}
#popup-cart .cart-item-product a.product-thumbnail:hover:before {
    border-radius:10px;
}

#content > div > div > form > section > div:nth-child(15) {
    display:none;
}
/*#delivery-address > div > section > div:nth-child(14) {
    display:none;
}*/

.form-control-comment {
    display:none;
}

.payment-option {
    padding: 30px;
    border: 1px solid #c2c2c2;
    border-radius: 5px;
    cursor:pointer;
}
.payment-option:hover{
        box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
}
.dietician-option {
    padding: 30px;
    border: 1px solid #c2c2c2;
    border-radius: 5px;
    cursor:pointer;
}
.dietician-option:hover{
        box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
}
#customer-form > section > div:nth-child(8) {
    display:none;
}

.btn-add-to-cart {
    background: #fff !important;
}
#_desktop_search .icon-search-mobile:hover:after, .staticbanner1 a:hover, .smart-blog-home .news_module_image_holder:hover .content_blogpost, #_desktop_search.fieldsearch .button-search:hover:after, #sticky_top #_desktop_cart .click-cart i:hover:after, #product .js-qv-mask.mask img:hover, #product .images-container .owlSdm-nav button:hover span, .smartblogcomments #submitComment:hover, #product_comments_block_tab .footer_links a:hover, #product-modal .modal-content .modal-body .product-images img:hover, .search-widget form input[type="text"]:focus, .div-slide-button a:hover, .field-product-item .product-list-gallery .thumb-item:hover, .horizontal_mode .button-action-bottom .tab_button .btn-add-to-cart:hover, .horizontal_mode .button-action-bottom .tab_button .button_view_product:hover, #box-product-list .item-product-list .button-action .tab_button .btn-add-to-cart:hover, #box-product-list .item-product-list .button-action .tab_button .button_view_product:hover, #box-product-list .item-product-list .button-action .tab_button .wishlist:hover, #box-product-list .item-product-list .button-action .tab_button .compare:hover, #box-product-list .item-product-list .button-action .button_quickview:hover, .product-actions .wishlist:hover, .product-actions .compare:hover, .field-deal-products.horizontal_mode, .banner-icon-bottom .col-banner-icon>div:hover, .banner-bottom-content .field-banner .banner-box-content .banner-button:hover, .banner-icon-home4.banner-icon-bottom .btn-banner-icon .elementor-button-wrapper a:hover, .product-cate-banner .field-tab-products-carousel-wrapper .tab_cates li.nav-item .title_tabcate:hover, .product-cate-banner .field-tab-products-carousel-wrapper .tab_cates li.nav-item .title_tabcate.active, .banner-icon-home4.banner-icon-bottom .box-banner .elementor-icon-box-icon .elementor-icon:hover, #quick-view-images .owlSdm-nav button:hover, .deal-product-day, .newsletter-home5 .block_newsletter form .btn-submit:hover, .banner-bottom-home5 .banner-cennter .field-banner .banner-button:hover, .banner-icon-bottom.banner-icon-home4 .box-banner:hover, .tparrows.ares:hover, .banner-icon-home4 .banner-icon-content:hover, .banner-icon-home4 .banner-icon-content:hover {
    border-color: #fff !important;
}
#notifications {
    padding:15px;
    font-weight:bold;
}
@media only screen and (max-width: 991px) {
    .portion{text-align:center;}
    .dieticien-icon {width: 120px;}
    .dieticien-text {position: relative;text-align: center;font-size: 12px;}
}


@media (max-width: 767px) {
    .idealweight .idealweight__informationresult form .row.align-items-center .col-4.col-sm-6.col-md-5{display:none}

    .idealweight .idealweight__informationresult form .row.align-items-center { flex-direction: column !important; align-items: center !important; }
    .idealweight .idealweight__informationresult form .row.align-items-center .col-form-label { text-align: center !important; }
    .dietician-option label {
        float:none !important
    }
    .payment-options  label {
        float:none !important
    }
    .dietician-option {
    padding: 15px !important;
    }
    .payment-option  {
    padding: 15px !important;
    }
    #elementor-element-r248q5d > div > div > div.elementor-column.elementor-element.elementor-element-h0zfclx.elementor-col-66.elementor-top-column > div > div > div > div > div > img {
        max-width:65%;
    }
        .idealweight .idealweight__informationinitial h2 {font-size: 19px;}
}

#customer-form > section > div:nth-child(7) {
    display:none;
}
.fieldmegamenu .menu-items li .title:before {
    float: left;
    margin-right: 10px;
    margin-top: -5px;
}


/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owlSdm-carousel,
.owlSdm-carousel .owlSdm-item {
    -webkit-tap-highlight-color: transparent;
    position: relative;
}
.owlSdm-carousel {
    display: none;
    width: 100%;
    z-index: 1;
}
.owlSdm-carousel .owlSdm-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
}
.owlSdm-carousel .owlSdm-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.owlSdm-carousel .owlSdm-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}
.owlSdm-carousel .owlSdm-item,
.owlSdm-carousel .owlSdm-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}
.owlSdm-carousel .owlSdm-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
}
.owlSdm-carousel .owlSdm-item img {
    display: block; /*width:100%*/
}
.owlSdm-carousel .owlSdm-dots.disabled,
.owlSdm-carousel .owlSdm-nav.disabled {
    display: none;
}
.no-js .owlSdm-carousel,
.owlSdm-carousel.owlSdm-loaded {
    display: block;
}
.owlSdm-carousel .owlSdm-dot,
.owlSdm-carousel .owlSdm-nav .owlSdm-next,
.owlSdm-carousel .owlSdm-nav .owlSdm-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owlSdm-carousel .owlSdm-nav button.owlSdm-next,
.owlSdm-carousel .owlSdm-nav button.owlSdm-prev,
.owlSdm-carousel button.owlSdm-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
}
.owlSdm-carousel.owlSdm-loading {
    opacity: 0;
    display: block;
}
.owlSdm-carousel.owlSdm-hidden {
    opacity: 0;
}
.owlSdm-carousel.owlSdm-refresh .owlSdm-item {
    visibility: hidden;
}
.owlSdm-carousel.owlSdm-drag .owlSdm-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owlSdm-carousel.owlSdm-grab {
    cursor: move;
    cursor: grab;
}
.owlSdm-carousel.owlSdm-rtl {
    direction: rtl;
}
.owlSdm-carousel.owlSdm-rtl .owlSdm-item {
    float: right;
}
.owlSdm-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.owlSdm-carousel .owlSdm-animated-in {
    z-index: 0;
}
.owlSdm-carousel .owlSdm-animated-out {
    z-index: 1;
}
.owlSdm-carousel .fadeOut {
    animation-name: fadeOut;
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.owlSdm-height {
    transition: height 0.5s ease-in-out;
}
.owlSdm-carousel .owlSdm-item .owlSdm-lazy {
    opacity: 0;
    transition: opacity 0.4s ease;
}
.owlSdm-carousel .owlSdm-item .owlSdm-lazy:not([src]),
.owlSdm-carousel .owlSdm-item .owlSdm-lazy[src^=""] {
    max-height: 0;
}
.owlSdm-carousel .owlSdm-item img.owlSdm-lazy {
    transform-style: preserve-3d;
}
.owlSdm-carousel .owlSdm-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}
.owlSdm-carousel .owlSdm-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 0.1s ease;
}
.owlSdm-carousel .owlSdm-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}
.owlSdm-carousel .owlSdm-video-playing .owlSdm-video-play-icon,
.owlSdm-carousel .owlSdm-video-playing .owlSdm-video-tn {
    display: none;
}
.owlSdm-carousel .owlSdm-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 0.4s ease;
}
.owlSdm-carousel .owlSdm-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}
.owlSdm-theme .owlSdm-dots,
.owlSdm-theme .owlSdm-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}
.owlSdm-theme .owlSdm-nav {
    margin-top: 10px;
}
.owlSdm-theme .owlSdm-nav [class*="owl-"] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}
.owlSdm-theme .owlSdm-nav [class*="owl-"]:hover {
    background: #869791;
    color: #fff;
    text-decoration: none;
}
.owlSdm-theme .owlSdm-nav .disabled {
    opacity: 0.5;
    cursor: default;
}
.owlSdm-theme .owlSdm-nav.disabled + .owlSdm-dots {
    margin-top: 10px;
}
.owlSdm-theme .owlSdm-dots .owlSdm-dot {
    display: inline-block;
    zoom: 1;
}
.owlSdm-theme .owlSdm-dots .owlSdm-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 0.2s ease;
    border-radius: 30px;
}
.owlSdm-theme .owlSdm-dots .owlSdm-dot.active span,
.owlSdm-theme .owlSdm-dots .owlSdm-dot:hover span {
    background: #869791;
}
#submitForm {
    background : #ec635c !important;
    border-radius:30px !important;
    width:250px !important;
}
.block_newsletter form .btn-submit {
        background : #ec635c !important;
}

.form-control-select {
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAPklEQVR4Ae3TwREAEBQD0V/6do4SXPZg7EsBhsQ8IEmSMOsiuEfg3gL3oXC7wK0bd1G4o8X9F4yIkyQfSrIByQBjp7QuND8AAAAASUVORK5CYII=) no-repeat scroll right 0.5rem center/1.25rem 1.25rem !important;
}

.field-oncate-products-grid {
  display: flex;
  flex-wrap: wrap;
}
.elementor-widget-FieldElementorWidget-OneCateProducts > div > div > .row {
  display: flex;
  flex-wrap: wrap;
}
.pagination .page-list li {
    border-radius: 5px;
    padding: 0 10px 0 10px;
}
.pagination .page-list li:hover{
    background:#ec635c;
    color:#FFFFFF;
}

.pagination .page-list li a:hover {
    color:#FFFFFF;
}
#gformbuilderpro_9 {
    text-align:center;
}

.formajaxresult .success_box {
    background: transparent !important;
    border: 0px !important;
}


.hide-element {
    display:none;
}

.dyt-img img {
    border-top-left-radius: 50% 50%; border-top-right-radius: 50% 50%; border-bottom-right-radius: 50% 50%; border-bottom-left-radius: 50% 50%;
    object-fit: cover;
    width: 250px;
    height: 140px;
    
}

@media only screen and (max-width:768px){
    .dyt-img img {
        width: 250px;
        height: 220px;
        
    }
}

.circular--landscape { display: inline-block; position: relative; width: 200px; height: 200px; overflow: hidden; border-radius: 50%; } .circular--landscape img { width: auto; height: 100%; margin-left: -50px; }

.elementor-slides-wrapper {
    box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);
    -moz-box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);
    -webkit-box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);
    margin-bottom: 28px;
}

@media only screen and (max-width:768px){
.elementor-slides-wrapper {
    box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);
    -moz-box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);
    -webkit-box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);
    margin-bottom: 15px;
}

    .elementor-1 .elementor-element.elementor-element-0b5ce09 > .elementor-element-populated {
        padding: 0px 0px 0px 0px !important;
    }
    
}

@media only screen and (min-width:1024px){
    
}


@media (min-width: 768px) and (max-width: 1024px) { 

}

.mobile-slide .swiper-slide {
    height:auto!important;
}

.desktop-slide .elementor-element-populated {
    padding:0!important;
}

.canvas-menu-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 18px;
    background: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(232, 238, 240);
}

.canvas-menu-title {
    font-size: 17px;
    font-weight: 600;
    color: rgb(26, 26, 26);
    letter-spacing: 0.3px;
}

.canvas-close-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    color: rgb(85, 85, 85);
    cursor: pointer;
    background: rgb(245, 247, 248);
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    border-radius: 50%;
    transition: 0.2s;
}

.canvas-close-btn:hover {
    color: rgb(255, 255, 255);
    background: rgb(0, 71, 80);
}

.mobile-quick-links {
    display: grid;
    grid-template-columns: repeat(2, 1fr) !important;
    padding: 8px 12px 0px;
    gap: 10px;
}

.mobile-quick-links:first-of-type {
    padding-top: 12px;
}

.mobile-quick-links:last-of-type {
    padding-bottom: 12px;
}

.mobile-quick-links-double .mobile-quick-link {
    padding: 12px;
}

.mobile-quick-link {
    align-items: center;
    display: flex !important;
    flex: 1 1 0%;
    gap: 12px;
    padding: 14px 16px;
    background: rgb(245, 249, 249);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(229, 238, 240);
    border-image: initial;
    border-radius: 12px;
    text-decoration: none;
    transition: 0.2s;
}

.mobile-quick-link:hover {
    background: rgb(237, 244, 245);
    border-color: rgb(208, 224, 226);
}

.quick-link-icon {
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    min-width: 40px;
    color: rgb(255, 255, 255);
    display: flex !important;
    border-radius: 10px;
}

.quick-link-icon.icon-orders {
    background: rgb(104, 171, 173);
}

.quick-link-icon.icon-tracking {
    background: rgb(236, 99, 92);
}

.quick-link-icon.icon-shopping {
    background: rgb(0, 71, 80);
}

.quick-link-icon.icon-protein {
    background: rgb(0, 71, 80);
}

.mobile-quick-link .arrow-icon {
    margin-left: auto;
}

.mobile-quick-links-double .mobile-quick-link span {
    font-size: 13px;
}

.mobile-quick-link span {
    font-size: 15px;
    font-weight: 600;
    color: rgb(0, 71, 80);
    flex: 1 1 0%;
}

.cms-id-55 h1.h1 {
    text-transform: uppercase;
}

.protein-menu .menu_sub {
    width: 220px !important;
}

@media (max-width: 768px) {

  /* Modal genişlik */
  .modal-dialog {
    width: 95% !important;
    margin: 10px auto;
  }

  /* Modal iç boşluk */
  .modal-body {
    padding: 15px !important;
  }

  /* Başlık küçült */
  .modal-title {
    font-size: 16px;
    text-align: center;
  }

  /* Tabloyu scroll yap */
  .modal-body table {
    display: block;
    width: 100%;
    overflow-x: auto;
    font-size: 12px;
  }

  /* Tablo hücre padding küçült */
  .modal-body th,
  .modal-body td {
    padding: 6px !important;
    white-space: nowrap;
  }

  /* SVG küçült */
  .modal-body svg {
    width: 60px;
    height: auto;
  }

  /* Şehir yazıları küçült */
  #kargoCikisSehir,
  #kargoTeslimSehir,
  #kargoCikisIlce,
  #kargoTeslimIlce {
    font-size: 12px;
  }

  /* Kargo durumu yazısı */
  .modal-body p {
    font-size: 13px;
  }

  /* Üstteki görsel */
  .modal-body img {
    width: 70px !important;
    height: auto !important;
  }

}

.order-buttons {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.btn-order {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 10px!important;
  font-size: 13px!important;
  color: #fff!important;
  text-decoration: none;
  border-radius: 6px;
  gap: 6px;
}

.btn-detail {
  background: #007bff;
}

.btn-track {
  background: #004750;
}

/* Mobil ekstra güvenlik */
@media (max-width: 768px) {
  .btn-order {
    font-size: 12px;
    padding: 10px;
  }
}