:root {
  --main-color: #123047;
  --button: #006ce4;
  --hover: #003b95;
  --summer-sea: #0096c7;
  --summer-sky: #caf0f8;
  --summer-sand: #fff7df;
  --summer-sun: #f6b800;
  --summer-coral: #ef6f4e;
  --summer-mint: #2bb3a3;
  --summer-ink: #102a43;
  --summer-line: #d8eef4;
  --summer-shadow: 0 12px 28px rgba(0, 75, 141, .12);
}

html,
body {
  background:
    linear-gradient(180deg, #f6fcff 0, #ffffff 360px),
    #ffffff;
  color: var(--summer-ink);
}

a {
  color: var(--summer-ink);
}

a:hover,
#hdbt .menu > ul > li > a:hover,
header .menu_mob ul li.active_sub > a {
  color: var(--summer-sea);
}

.btn-primary,
.cart-modal .cart-modal-buttons .checkout-btn,
#content .single-button button,
#search-info #filter-open,
#category-info #filter-open,
.glbprdr button,
#product .info .adtcrt,
#hmft10 .row .proteinomeno_right > a,
#hmft10 .row .prosfora_right > a {
  background: var(--button);
  border-color: var(--button);
  box-shadow: 0 8px 18px rgba(0, 119, 182, .16);
}

.btn-primary:hover,
.cart-modal .cart-modal-buttons .checkout-btn:hover,
#content .single-button button:hover,
#search-info #filter-open:hover,
#category-info #filter-open:hover,
.glbprdr button:hover,
#product .info .adtcrt:hover,
#hmft10 .row .proteinomeno_right > a:hover,
#hmft10 .row .prosfora_right > a:hover {
  background: var(--hover);
  border-color: var(--hover);
  color: #fff;
}

header {
  box-shadow: 0 12px 28px rgba(0, 75, 141, .12);
}

#hdtp {
  background: #fff7df;
  border-bottom: 1px solid rgba(246, 184, 0, .28);
}

#hdtp .box1 strong,
#hdtp .box2 a {
  color: var(--hover);
}

#hdtp .box2 a::after {
  background: var(--summer-sun);
}

#hdmd {
  background: linear-gradient(135deg, #004b8d 0%, #0077b6 58%, #00a6c8 100%);
}

#hdmd::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 5px;
  background: linear-gradient(90deg, var(--summer-sun), #fff, var(--summer-mint), #fff, var(--summer-coral));
}

#hdmd .srch_input input,
#hdmd .srch_input.active input {
  border: 1px solid rgba(0, 119, 182, .18);
  border-radius: 4px;
  box-shadow: 0 8px 18px rgba(0, 75, 141, .08);
}

#hdcrt {
  border-color: rgba(255, 255, 255, .58);
  background: rgba(255, 255, 255, .09);
}

#hdbt {
  background: rgba(255, 255, 255, .94);
  border-bottom: 1px solid var(--summer-line);
}

#hdbt .menu > ul > li {
  padding: 18px 0;
}

#hdbt .menu > ul > li > a {
  letter-spacing: 0;
}

header .dropdown,
header .menu_mob {
  border: 1px solid var(--summer-line);
  box-shadow: var(--summer-shadow);
}

.brdcrmb {
  margin: 24px auto 48px auto;
}

.brdcrmb .row a {
  color: #5c7182;
}

.brdcrmb .row a:last-of-type {
  color: var(--hover);
  font-weight: 600;
}

#sldr {
  position: relative;
  margin-bottom: 44px;
  overflow: hidden;
}

#sldr img,
#ban-1 img {
  display: block;
  border-radius: 0;
}

#sldr .swiper-button-next,
#sldr .swiper-button-prev {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .88) !important;
  box-shadow: var(--summer-shadow);
}

#hmft10,
#ban-1,
#hmft1,
#hmft2,
#hmft3,
#hmft6,
#company,
#extra_prod,
#product,
.page {
  position: relative;
}

#hmft10 .row .proteinomeno,
#hmft10 .row .prosfora {
  background: #fff;
  border: 1px solid var(--summer-line);
  box-shadow: 0 10px 24px rgba(0, 75, 141, .06);
}

#hmft10 .row .proteinomeno {
  border-right: 1px solid var(--summer-line);
}

#hmft10 .row .proteinomeno_right > span,
#hmft10 .row .prosfora_right > span {
  background: var(--summer-sea);
}

#hmft10 .row .prosfora_left .discount,
#hmft10 .row .prosfora_right .prc strong {
  background: var(--summer-coral);
  color: #fff;
}

#hmft10 .row .proteinomeno_right .prc strong,
#hmft3 .ttl_left h2,
#company .company_right h2,
#category-info #found h1,
#search-info #found h1,
#products-list #category-info h1,
#product .info h1,
#extra_info h4,
#extra_prod .ttl h2,
#hmft1 .ttl h2,
#hmft2 .ttl h2,
#hmft6 .ttl h2 {
  color: var(--summer-ink);
}

.info1 {
  background:
    linear-gradient(90deg, rgba(0, 119, 182, .92), rgba(0, 150, 199, .78)),
    url(/image/assets/icons/Group\ 101.svg);
  background-position: center;
  background-size: cover;
}

.info1 .detail strong,
.info1 .detail span {
  color: #fff;
}

#hmft1 .ttl::before,
#hmft2 .ttl::before,
#extra_prod .ttl::before {
  background: linear-gradient(90deg, var(--summer-line), rgba(246, 184, 0, .45));
}

#hmft6 {
  background: linear-gradient(135deg, #004b8d, #0077b6 65%, #2bb3a3);
}

#hmft3,
#company,
#extra_info .row {
  background: #f6fcff;
}

#hmft3 .ttl_left a,
#company .company_right a {
  border-color: var(--hover);
  color: var(--hover);
}

#hmft3 .ttl_left a:hover,
#company .company_right a:hover {
  background: var(--hover);
  border-color: var(--hover);
  color: #fff;
}

.glbprdr {
  border: 1px solid var(--summer-line);
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 6px 18px rgba(0, 75, 141, .055);
}

.glbprdr:hover {
  transform: translateY(-3px);
  box-shadow: var(--summer-shadow);
}

.glbprdr .cvr {
  background: #fff !important;
  border-radius: 4px;
}

.glbprdr .wish {
  background: #fff;
  border: 1px solid var(--summer-line);
  box-shadow: 0 8px 18px rgba(0, 75, 141, .12);
}

.glbprdr .cvr .offer,
#product .imgs .main .offer {
  background: var(--summer-coral);
}

.glbprdr .cvr .offer::after,
#product .imgs .main .offer::after {
  background: var(--summer-coral);
}

.glbprdr .prcs strong,
#product .info .prices strong {
  color: #5685d8;
}

.glbprdr .prcs strong.only,
#product .info .prices strong.only {
  color: var(--hover);
}

.glbprdr .prod_desc h2 a:hover {
  color: var(--summer-sea);
}

#category-info,
#search-info,
#products-list #category-info {
  background: #fff;
  border: 1px solid var(--summer-line);
  border-radius: 6px;
  padding: 18px 20px;
  box-shadow: 0 8px 18px rgba(0, 75, 141, .055);
}

#category-info .orderby .orderby_cont,
#search-info .orderby .orderby_cont,
#products-list .orderby .sorderby select,
#sidebar,
#filter-form .list-group .lbl-checkbox-input:checked + .lbl-checkbox-label {
  border-color: var(--summer-line);
}

#filter-form .list-group h4 {
  border-bottom-color: var(--summer-line);
  color: var(--hover);
}

#filter-form .list-group .lbl-checkbox-input:checked + .lbl-checkbox-label {
  background: var(--hover);
}

.noUi-connect,
.noUi-touch-area {
  background: var(--summer-sea) !important;
}

.noUi-connects {
  background: var(--summer-line) !important;
}

#category_page_list {
  border-color: var(--summer-line);
  background: #fff;
  border-radius: 6px;
}

#category_page_list a {
  color: var(--hover);
}

#pagination {
  border-color: var(--summer-line);
}

#pagination .pagination .active {
  background: var(--hover);
}

#product .imgs .main {
  background: #fff;
  border: 1px solid var(--summer-line);
  border-radius: 6px;
  padding: 24px;
  box-shadow: 0 8px 18px rgba(0, 75, 141, .055);
}

#product .imgs .thmb a,
#product .info .crt .qty input,
#product .info button.wishlist,
#product .info .rate,
#product .info .char,
#product .info .avail {
  border-color: var(--summer-line);
}

#product .info_con {
  max-width: 460px;
}

#product .info .product-meta,
#product .info .avail {
  color: #5c7182;
}

#product .info .avail span,
#product .info .rate .review-link:hover {
  color: var(--summer-sea);
}

#extra_info {
  border-top-color: var(--summer-line);
}

.product-tabs,
.upsell-products,
.product-review-list table {
  border-color: var(--summer-line);
}

#news {
  background:
    linear-gradient(135deg, rgba(255, 247, 223, .88), rgba(246, 252, 255, .98));
  border-top: 1px solid rgba(246, 184, 0, .26);
  border-bottom: 1px solid var(--summer-line);
}

#news .news_right form input {
  background: #fff;
  border-color: var(--summer-line);
}

#news .news_right form button {
  background: var(--hover);
}

#news .news_right form button:hover {
  background: var(--summer-sea);
}

.top_footer,
.bot_footer,
footer .dev_row {
  background: #09314f;
}

.top_footer .row {
  border-bottom-color: rgba(202, 240, 248, .24);
}

.bot_footer .informations ul li a:hover,
.bot_footer .foot_prods ul li a:hover,
.top_footer .con_foot a:hover {
  color: var(--summer-sun);
}

@media only screen and (max-width: 1000px) {
  #category-info,
  #search-info,
  #products-list #category-info {
    padding: 14px 12px;
  }
}

@media only screen and (max-width: 650px) {
  #sldr {
    margin-bottom: 32px;
  }

  #product .imgs .main {
    padding: 14px;
  }
}

@media only screen and (max-width: 480px) {
  #category-info,
  #search-info {
    gap: 12px;
  }

  .glbprdr {
    border-radius: 4px;
  }
}