@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=Roboto:wght@400;500;700;900&display=swap');

@font-face {
  font-family: "Heebo", sans-serif;
  font-weight: normal;
  font-style: normal;
}

:root {
  --roboto: "Roboto", sans-serif;
  --cinzel: "Cinzel", serif;
  --body14: normal 400 14px/22px var(--roboto);
  --body14Bold: normal 700 14px/22px var(--roboto);
  --body: normal 400 16px/24px var(--roboto);
  --bodyBold: normal 700 16px/24px var(--roboto);
  --body18: normal 400 18px/26px var(--roboto);
  --body18Bold: normal 700 18px/26px var(--roboto);
  --h1: normal 700 42px/42px var(--roboto);
  --h2: normal 700 32px/36px var(--roboto);
  --h3: normal 700 24px/32px var(--roboto);
  --h4: normal 600 16px/20px var(--roboto);
  --blue: #003E83;
  --darkBlue: #001F41;
  --black: #444444;
  --gold: #D1B54E;
}

/* show asterisk for required fields */
.form-group label[class~="required"]:after { content:"*"; color:#ff0000; }
/* change select field background from grey to white */
.form-control-select { background-color:#fff; }
/* change form field text colour to darker grey */
.form-control { color:#333; }
/* fix inconsistent btn size */
.btn-primary { border-width:2px; }
.input-group-btn>.btn { font-size:.75rem; }
/* improve myaccount layout in responsive */
.myacount_dashbord_list { margin-left:-5px; margin-right:-5px; }
.myacount_dashbord_list .list-group-item { margin:0; padding:5px; width:33.3333%; border:none; }
.myacount_dashbord_list .list-group-item a { display:block; padding:12px 0; border:1px solid #d9d9d9; }
@media (max-width: 767px) {
	.myacount_dashbord_list .list-group-item { width:50%; }
}
@media (max-width: 479px) {
	.myacount_dashbord_list .list-group-item { width:100%; }
}
/* default slider arrows */
.swiper-button-lr.swiper-navigation-rectangle .swiper-button { border-radius:0; }
.products_slider .swiper-button-lr.swiper-navigation-rectangle .swiper-button { background:rgba(0, 0, 0, 0.5); }
.products_slider .swiper-button-lr.swiper-navigation-rectangle .swiper-button:hover { background:rgba(0, 0, 0, 0.75); }
.swiper-button-lr .swiper-button i { width:40px; height:40px; line-height:40px; font-size:14px; }
.swiper-button-lr.swiper-navigation-rectangle .swiper-button-next i, .swiper-button-lr.swiper-navigation-rectangle .swiper-button-prev i { width:40px; height:40px; line-height:40px; }
/* prevent sticker from scaling with product image on hover */
.pro_img_hover_scale:hover { -webkit-transform:none; -ms-transform:none; transform:none; }
.pro_img_hover_scale:hover img { -webkit-transform:scale(1.1); transform:scale(1.1); -webkit-transition:all .6s; transition:all .6s; }

h1, h2, h3 {
  font-family: var(--roboto);
  color: var(--blue);
}

h1 {
    font: var(--h1);
}

h2 {
    font: var(--h2);
}

h3 {
    font: var(--h3);
}

h4 {
    font: var(--h4);
}

.btn {
  font: var(--body18Bold);
  padding-block: 3.5px;
  padding-inline: 20px;
  border-color: var(--blue);
  background: transparent;
  color: var(--blue);
}

.btn:hover {
    border-color: var(--blue);
}

.btn span {
  font: var(--body18Bold);
}

.swiper_images_slider .st_image_layered_description.flex_right {
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 35.37%, rgba(255, 255, 255, 0.9) 50.65%);
}

.st_image_layered_description h1,
.st_image_layered_description .st_image_layered_heading,
.st_image_layered_description .st_image_layered_sub_heading {
  font: var(--h1);
  color: var(--blue);
}

.st_image_layered_description {
  font: var(--body18);
  color: var(--black);
}

.st_image_layered_description .elementor-button {
    margin-top: 10px;
}

#steasy_column_1174 .easy_icon_with_text_1_1 .easy_icon {
  box-shadow: 0 0 0 3px var(--blue) inset;
}

#steasy_column_1174 .easy_icon_with_text_1_1 .easy_header {
  font: var(--h4);
}

#steasy_column_1174 .easy_icon_with_text_1_1 .easy_text {
  font: var(--body);
}

.products_slider .title_block .title_block_inner {
  font: var(--h2);
  color: var(--blue);
}

.title_block {
    margin-bottom: 10px;
}

.title_block .title_block_inner {
  font: var(--h2);
  color: var(--blue);
  padding: 0;
}

.product_list.grid .pro_second_box, .products_sldier_swiper .pro_second_box {
    padding-inline: 0;
}

.st_banner_block .st_image_layered_description.flex_middle.flex_right .st_image_layered_description_inner {
    margin-right: 0;
}

/*product miniature*/

.ajax_block_product .s_title_block a, .pro_column_right .s_title_block a{
  font: var(--body);
  color: var(--black);
}

.s_quantity_wanted input.form-control {
    height: 37px;
    line-height: normal;
}

.bootstrap-touchspin .btn-touchspin {
    border-width: 2px;
}

.bootstrap-touchspin .btn-touchspin, .bootstrap-touchspin .form-control {
  border-width: 2px;
}

.input-group-btn:not(:last-child)>.btn, .input-group-btn:not(:last-child)>.btn-group {
    margin-right: -2px;
}

.input-group-btn:not(:first-child)>.btn, .input-group-btn:not(:first-child)>.btn-group {
  margin-left: -2px;
}

.qty_wrap.qty_wrap_big .btn {
    height: 40px;
    line-height: 34px;
}

/*product*/
.product_name_wrap .product_name {
    color: var(--blue);
    font: var(--h3);
}

.st_sticker .st_sticker_text {
  text-transform: uppercase;
}

.product-prices .current-price .price {
    font-weight: 700;
    color: var(--blue);
}

label.attribute_label {
    font-weight: 600;
    color: var(--black);
}

/*footer*/

.st_news_letter_5 {
    padding-block: 30px;
}

.st_news_letter_content h3 {
    font: var(--h3);
}

#st_news_letter_5 .st_news_letter_input {
    font-family: "Roboto";
    padding-inline: 10px;
}

.st_news_letter_submit {
    padding-inline: 12px;
    padding-block: 0;
    height: 34px;
}

.st_news_letter_submit i {
    font: var(--body18);
    margin: 0;
    color: var(--blue);
}

#footer-bottom.footer_bottom_center #footer_bottom_right {
    margin-top: 0px;
}

#footer-primary .title_block {
    padding-bottom: 10px;
}

/*instagram*/

#footer .title_block .title_block_inner {
  font: var(--h2);
  text-transform: none;
}

#instagram_block_container_1 .instagram_list img {
    width: 160px;
    height: 160px;
    object-fit: cover;
}

.tab-pane-body p.page_heading {
    display: none;
}

body#contact .title_block .title_block_inner {
    font: var(--h3);
    padding: 0;
    text-transform: capitalize;
}

.login_form_column .page_heading, .login_form_column .heading_font {
    font: var(--h3);
    text-transform: capitalize;
    color: var(--blue);
}

body#authentication #login-form {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

body#cart .card-header {
    font: var(--h3);
    color: var(--blue);
}

.checkout_header {
    padding: 16px 0 16px;
}

#st_header .checkout_header .shop_logo {
    display: block;
    width: 120px;
}

#order-confirmation .page-order-confirmation .page_heading,
#order-confirmation #content-hook_order_confirmation .page_heading {
    font: var(--h3);
    text-transform: capitalize;
    color: var(--blue);
}

a#order-slips-link i.material-icons {
    font-size: 16px;
    vertical-align: middle;
}

.psgdprinfo17 .btn {
    float: none;
    text-transform: capitalize;
}

.autocomplete-no-suggestion {
    padding: 20px;
}

#st_notification_1 .style_content .notification_buttons .btn {
    font: var(--body14Bold);
    padding-block: 3.5px;
    padding-inline: 15px;
    height: 32px;
}

#left_column .title_block_inner {
    font: var(--h3);
}

#left_column .block_content {
    padding: 0;
}

ul.svelte-ptkcvu .dp_btn.dp_thumb_btn {
    outline: 0!important;
    border: 3px solid transparent;
}

ul.svelte-ptkcvu .dp_selected .dp_btn.dp_thumb_btn {
    outline: 0;
    border: 3px solid var(--blue);
}

ul.svelte-ptkcvu .dp_selected .dp_btn.option_label {
    font-weight: 700;
    color: var(--blue);
}

#blog_primary_block .page_heading {
    font: var(--h1);
    color: var(--blue);
}

.mobile_bar_item .fto-shop {
    font-size: 0;
    mask-image: url("shopicon.svg");
    -webkit-mask-image: url("shopicon.svg");
    mask-size: contain;
    -webkit-mask-size: contain;
    width: 24px;
    height: 20px;
    background: #ffffff;
    display: inline-block;
}

.pro_more_info .mobile_tab .st_open .mobile_tab_name {
    color: var(--gold);
}

.water .elementor-icon i{
    font-size: 0;
    mask-image: url("water.svg");
    -webkit-mask-image: url("water.svg");
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-position: center;
    -webkit-mask-position: center;
    width: 50px;
    height: 50px;
    background: #ffffff;
    display: inline-block;
    vertical-align: bottom;
}

.water .elementor-icon:hover i {
    background: var(--darkBlue);
}

.design .elementor-icon i{
    font-size: 0;
    mask-image: url("design.svg");
    -webkit-mask-image: url("design.svg");
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-position: center;
    -webkit-mask-position: center;
    width: 50px;
    height: 50px;
    background: #ffffff;
    display: inline-block;
    vertical-align: bottom;
}

.design .elementor-icon:hover i {
    background: var(--darkBlue);
}

.space .elementor-icon i{
    font-size: 0;
    mask-image: url("space.svg");
    -webkit-mask-image: url("space.svg");
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-position: center;
    -webkit-mask-position: center;
    width: 50px;
    height: 50px;
    background: #ffffff;
    display: inline-block;
    vertical-align: bottom;
}

.space .elementor-icon:hover i {
    background: var(--darkBlue);
}

@media (max-width: 1200px) {
    :root {
      --body14: normal 400 13px/22px var(--roboto);
      --body: normal 400 15px/24px var(--roboto);
      --bodyBold: normal 700 15px/24px var(--roboto);
      --body18: normal 400 17px/26px var(--roboto);
      --body18Bold: normal 700 17px/26px var(--roboto);
      --h1: normal 700 32px/32px var(--roboto);
      --h2: normal 700 28px/30px var(--roboto);
      --h3: normal 700 20px/28px var(--roboto);
      --h4: normal 600 14px/18px var(--roboto);
    }
}

@media (max-width: 991px) {
    :root {
      --body14: normal 400 12px/22px var(--roboto);
      --body: normal 400 14px/24px var(--roboto);
      --bodyBold: normal 700 14px/24px var(--roboto);
      --body18: normal 400 16px/26px var(--roboto);
      --body18Bold: normal 700 16px/26px var(--roboto);
      --h1: normal 700 30px/32px var(--roboto);
      --h2: normal 700 26px/28px var(--roboto);
      --h3: normal 700 18px/26px var(--roboto);
      --h4: normal 600 14px/18px var(--roboto);
    }

    #instagram_block_container_1 .instagram_list img {
        width: 180px!important;
        height: 180px;
    }

    #footer-primary .footer_block_content.instagram_block_footer_box  {
        display: block;
    }

    .instagram_block_footer .title_block {
        padding-right: 0 !important;
    }
    .instagram_block_footer .opener {
        display: none;
    }
    .instagram_block_footer i {
        font-size: 0;
    }

    #st_news_letter_5 .footer_block_content {
        padding-top: 10px;
        padding-bottom: 25px !important;
    }

    #footer-primary {
        padding-bottom: 5px;
    }

    #footer-bottom.footer_bottom_center #footer_bottom_right {
        margin-bottom: 3px !important;
    }
}

@media (max-width: 767px) {
    .instagram_block_footer_box {
        padding-bottom: 30px !important;
        margin-bottom: 20px;
    }
    #instagram_block_container_1 .instagram_list img {
        width: 147px!important;
        height: 147px;
    }
    #st_swiper_1 {
        height: 443px!important;
        min-height: 443px!important;
    }
    .swiper_images_slider .st_image_layered_description.flex_right {
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0.37%, rgba(255, 255, 255, 0.9) 31.65%);
    }
    .right_more_info_block {
        margin-top: 0px;
    }

    .mobile_tab .mobile_tab_title {
        padding: 12px 0px;
    }
}

@media (max-width: 479px) {
    :root {
      --body14: normal 400 12px/22px var(--roboto);
      --body: normal 400 14px/24px var(--roboto);
      --bodyBold: normal 700 14px/24px var(--roboto);
      --body18: normal 400 16px/26px var(--roboto);
      --body18Bold: normal 700 16px/26px var(--roboto);
      --h1: normal 700 30px/28px var(--roboto);
      --h2: normal 700 26px/26px var(--roboto);
      --h3: normal 700 18px/24px var(--roboto);
      --h4: normal 600 14px/16px var(--roboto);
    }
    #instagram_block_container_1 .instagram_list img {
        width: 120px!important;
        height: 120px;
    }

    #st_swiper_1 {
        height: 343px!important;
        min-height: 343px!important;
    }

    .swiper_images_slider .st_image_layered_description_inner {
        width: 100%;
    }
}

@media (max-width: 400px) {
    #instagram_block_container_1 .instagram_list img {
        width: 106px !important;
        height: 106px;
    }
}