/*
Theme Name: Shopkeeper - The Child Theme
Theme URI: https://1.envato.market/wp-dashboard-to-shopkeeper
Description: This is the Child Theme for Shopkeeper - a Hassle-free Worpress Theme with great design and extensive functionality.
Author: Get Bowtied
Author URI: https://www.getbowtied.com/
Template: shopkeeper
Version: 2.0
*/

/*@import url("../shopkeeper/style.css");*/
@import url("flags.min.css");
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

body{font-size: 18px; font-family: "Manrope", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;}
h1, h2, h3, h4, h5, h6{font-family: "urbane-rounded", sans-serif !important; font-weight: 600;}
body, p, .site-navigation-top-bar, .site-title, .widget_product_search #searchsubmit, .widget_search #searchsubmit, .widget_product_search .search-submit, .widget_search .search-submit, #site-menu, .copyright_text, blockquote cite, table thead th, .recently_viewed_in_single h2, .woocommerce .cart-collaterals .cart_totals table th, .woocommerce-page .cart-collaterals .cart_totals table th, .woocommerce .cart-collaterals .shipping_calculator h2, .woocommerce-page .cart-collaterals .shipping_calculator h2, .woocommerce table.woocommerce-checkout-review-order-table tfoot th, .woocommerce-page table.woocommerce-checkout-review-order-table tfoot th, .qty, .shortcode_banner_simple_inside h4, .shortcode_banner_simple_height h4, .fr-caption, .post_meta_archive, .post_meta, .yith-wcwl-wishlistaddedbrowse .feedback, .yith-wcwl-wishlistexistsbrowse .feedback, .product-name span, .widget_calendar table tbody a, .fr-touch-caption-wrapper, .woocommerce .checkout_login p.form-row label[for="rememberme"], .wpb_widgetised_column aside ul li span.count, .woocommerce td.product-name dl.variation dt, .woocommerce td.product-name dl.variation dd, .woocommerce td.product-name dl.variation dt p, .woocommerce td.product-name dl.variation dd p, .woocommerce-page td.product-name dl.variation dt, .woocommerce-page td.product-name dl.variation dd p, .woocommerce-page td.product-name dl.variation dt p, .woocommerce .select2-container, .check_label, .woocommerce-page #payment .terms label, ul.order_details li strong, .widget_recent_comments li, .widget_shopping_cart p.total, .widget_shopping_cart p.total .amount, .mobile-navigation li ul li a, .woocommerce #payment div.payment_box p, .woocommerce-page #payment div.payment_box p, .woocommerce table.cart .cart_item td:before, .woocommerce #content table.cart .cart_item td:before, .woocommerce-page table.cart .cart_item td:before, .woocommerce-page #content table.cart .cart_item td:before, .language-and-currency #top_bar_language_list > ul > li > ul > li > a, .language-and-currency .wcml_currency_switcher > ul > li.wcml-cs-active-currency > ul.wcml-cs-submenu li a, .language-and-currency #top_bar_language_list > ul > li.menu-item-first > ul.sub-menu li.sub-menu-item span.icl_lang_sel_current, .language-and-currency-offcanvas #top_bar_language_list > ul > li > ul > li > a, .language-and-currency-offcanvas .wcml_currency_switcher > ul > li.wcml-cs-active-currency > ul.wcml-cs-submenu li a, .language-and-currency-offcanvas #top_bar_language_list > ul > li.menu-item-first > ul.sub-menu li.sub-menu-item span.icl_lang_sel_current, .woocommerce-order-pay .woocommerce .woocommerce-info, .select2-results__option, body.gbt_classic_notif .woocommerce-error, body.gbt_classic_notif .woocommerce-info, body.gbt_classic_notif .woocommerce-message, body.gbt_classic_notif .woocommerce-notice, .gbt_18_sk_editor_banner_subtitle, .gbt_18_sk_editor_slide_description_input, .woocommerce td.product-name .wc-item-meta li, .woocommerce ul.products li.product .woocommerce-loop-product__title, .product_content_wrapper .product_infos span.belowtext, .wc-block-grid__product-title, .wp-block-woocommerce-attribute-filter ul.wc-block-checkbox-list li label, .wp-block-woocommerce-active-filters ul.wc-block-active-filters-list li .wc-block-active-filters-list-item__name{font-family: "Manrope", sans-serif; font-optical-sizing: auto; font-style: normal;}
.elementor-widget-text-editor a{color: #EC7A5C; position: relative;
    -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;}
.elementor-widget-text-editor a:hover{color: #000 !important;}

.elementor-widget-text-editor a:after{background-color: #270089; content: ""; height: 2px; left: 0; opacity: 1; pointer-events: none; position: absolute; top: 105%;    -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition: 0.15s all cubic-bezier(0.39, 0.575, 0.565, 1); transition: 0.15s all cubic-bezier(0.39, 0.575, 0.565, 1); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, transform; width: 100%;}
.elementor-widget-text-editor a:hover:after {opacity: 1; -webkit-transform: scaleX(0); transform:  scaleX(0);}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select, .chosen-container-single .chosen-single, .country_select.select2-container, #billing_country_field .select2-container, #billing_state_field .select2-container, #calc_shipping_country_field .select2-container, #calc_shipping_state_field .select2-container, .woocommerce-widget-layered-nav-dropdown .select2-container .select2-selection--single, .woocommerce-widget-layered-nav-dropdown .select2-container .select2-selection--multiple, #shipping_country_field .select2-container, #shipping_state_field .select2-container, .woocommerce-address-fields .select2-container--default .select2-selection--single, .woocommerce-shipping-calculator .select2-container--default .select2-selection--single, .select2-container--default .select2-search--dropdown .select2-search__field, .woocommerce form .form-row.woocommerce-validated .select2-container .select2-selection, .woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select, .woocommerce form .form-row.woocommerce-invalid .select2-container, .woocommerce form .form-row.woocommerce-invalid input.input-text, .woocommerce form .form-row.woocommerce-invalid select, .country_select.select2-container, .state_select.select2-container, #coupon_code {border-color: rgba(142,142,142,0.4) !important;}
.field-wrap>div input[type=checkbox], .field-wrap button, .field-wrap input[type=button], .field-wrap input[type=submit] {width: auto;  font-size: 18px;   letter-spacing: normal;  padding: 10px !important;}

.shop_header.with_featured_img {padding-top: 175px; padding-bottom: 175px;}
.shop_header.with_featured_img .shop_header_overlay {background: rgba(0, 0, 0, 0);}
.select2-drop ul > li:nth-child(2), .select2-drop ul > li:nth-child(4), .select2-drop ul > li:nth-child(5){display: none;}
.shop_header.with_featured_img{padding-top: 0; padding-bottom: 0;}


.ninja-forms-req-symbol, .nf-form-fields-required{color: #e80000;}
#development-page-bg{background-position: top right !important;}

.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-background-color-white.vc_icon_element-background {border: 1px solid;}
/*.full-width-page .boxed-row {padding-left: 25px; padding-right: 25px;}*/
.compact-box{max-width: 900px; margin: 0 auto;}
.compact{max-width: 650px; margin: 0 auto;}
.full-width-image .vc_figure, .full-width-image .vc_single_image-wrapper, .full-width-image img{width: 100%;}
.site-tools ul li:hover {opacity: 1; -o-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-transition: opacity 0.3s;}
.main-navigation > ul {display: block; text-align: center;}

.main-navigation ul li a{font-weight: 400; text-transform: capitalize; font-size: 16px; color: #aaa; font-family: "urbane-rounded", sans-serif !important;}
.main-navigation ul ul {padding: 20px 20px;}
.main-navigation .menu-contact-menu li.menu-item-has-children {margin: 0;}
.main-navigation > ul > li.menu-item-has-children {
    margin-right: 5px;  padding: 10px 10px 10px 0px;}
.main-navigation > ul > li.menu-item-has-children:after{padding: 10px 0;}
.main-navigation ul li.active a, .main-navigation ul li.active:after{color: #777 !important;}
.main-navigation ul li a:hover{color: #270089 !important;}
.main-navigation .current-menu-parent>a, .main-navigation .current-menu-parent .current-menu-item>a, .main-navigation .current-menu-parent:after {color: #270089 !important;}
.main-navigation ul ul{width: 250px; font-size: 95%;}
.main-navigation ul ul li{padding: 5px 0;  border-bottom: 1px solid #f1f1f1;}
.main-navigation ul ul li a, #site-top-bar .main-navigation ul ul li a{background-image: linear-gradient(transparent calc(100% - 2px), #270089 2px); font-size: 95%; padding: 8px 0;}

.search-button, .offcanvas-menu-button{padding: 15px 5px;}
.offcanvas-menu-button.main-navigation{padding: 0;}

.header-masthead{min-height: 200px;}

.footer_socials_wrapper {margin-bottom: 10px;}
#site-footer .copyright_text {margin-bottom: 10px;}
.change-country{text-align: center; margin-bottom: 10px;}
.change-country .country-div{max-width: 200px; margin: 0 auto 20px auto; border: 1px solid #bbb;}
.change-country .country-div .tools_button {margin-top: 0;  color: #999 !important;}
.change-country .country-div .tools_button span{padding: 8px 10px; display: inline-block; text-align: left; border-right: 1px solid;}
.change-country .country-div .tools_button .spk-icon{padding: 8px 10px; color: #000;}

.site-search .woocommerce-product-search:after, .site-search .widget_search .search-form:after {top: -10px; font-size: 30px;right: 1rem;}
.site-search .widget_product_search .search-field, .site-search .widget_search .search-field, .site-search .search-form .search-field {    font-size: 27px;}
ul.sk_social_icons_list li.sk_social_icon{margin: 10px 15px 10px 15px;}

#site-footer{background: #f1f1f1 !important; padding: 30px 0 0 0;}
.site-footer-widget-area {margin-bottom: 0;}
.site-footer-widget-area > .row {border-bottom: none; padding: 50px 0 30px;}
#blog_subscription-3, #blog_subscription-2{max-width: 800px; margin: 0 auto;}
#site-footer .widget-title {text-transform: none; font-weight: 400 !important; font-size: 18px !important; text-align: center; margin-bottom: 5px;}
.widget form > div {padding-top: 0; text-align: center;}
#subscribe-email{display: inline-block; min-width: 85%;}
#subscribe-submit{display: inline-block; min-width: 10%;}
#subscribe-email input {width: 98%; border: none; border-bottom: 1px solid #aaa !important;}
#subscribe-submit input[type="submit"]{color: #aaa; border-bottom: 1px solid; padding: 10px !important; cursor: pointer; background: transparent !important;}
.recall-container{display: block; margin-top: 10px;}
#site-footer .recall_button{text-transform: uppercase; color: #727272;}
#site-footer .recall_button:hover{color: #270089;}

.newsletter-form{max-width: 800px;  margin: 0 auto; padding:  0 20px;}
.nf-form-cont .four-sixths{width: 75.81196581196582% !important;}
.nf-form-cont .two-sixths {width: 21.623931623931625% !important;}
.newsletter-form .nf-form-title{text-align: center;}
.newsletter-form .nf-form-fields-required{display: none;}
.newsletter-form .newsletter-box{text-align: center;}
.email-wrap input {width: 98%; border: none;  border-bottom: 1px solid #aaa !important; border-color: rgba(142,142,142,0.4) !important;}
.email-wrap .nf-field-element{border-bottom: 1px solid #aaa !important;}
.newsletter-form .field-wrap input[type=button]{padding: 4px 0 !important; min-width: 100%;  color: #aaa;  font-size: 16px;  background: transparent !important;  border-bottom: 1px solid #aaa;}
.newsletter-form .list-radio-wrap .nf-field-element li {vertical-align: top !important;  display: inline-block !important;  min-width: 70px !important;  margin: 0 !important;}
.newsletter-form .list-radio-wrap .nf-field-element li input { margin-top: 0 !important;  margin-right: 7px !important;}
.newsletter-form .list-radio-wrap .nf-field-element li label {line-height: 1em;  margin-top: 0;}
.newsletter-form .html-wrap{line-height:  1.3em;}
.newsletter-form .html-wrap p{line-height:  1.3em; margin: 0 !important;}
.newsletter-form .nf-field-label label {text-transform: none;}

.popup {position: fixed;  top: 0;  right: 0;  bottom: 0;  left: 0;  width: 100%; height: 100%;  overflow: auto;  z-index: 8888;    padding: 20px;    box-sizing: border-box;    background-color: rgb(0,0,0);    background-color: rgba(0,0,0,0.75);    text-align: center;    display: none;}
/* Inner */
.popup-inner {vertical-align: middle;  position: absolute;  z-index: 9999;  max-width: 700px;  box-sizing: border-box;  width: 90%; background: #fff;  padding: 20px 30px;  -webkit-border-radius: 5px;  -moz-border-radius: 5px;    -o-border-radius: 5px;    -ms-border-radius: 5px;    border-radius: 5px;    -webkit-box-shadow: 0 0 10px #000;    -moz-box-shadow: 0 0 10px #000;    -o-box-shadow: 0 0 10px #000;    -ms-box-shadow: 0 0 10px #000;    box-shadow: 0 0 10px #000;    text-align: left;    top:50%;    left:50%;    -webkit-transform:translate(-50%, -50%);    transform:translate(-50%, -50%);}
.popup-clos{ position: absolute;  height: 100%;  display: block;  vertical-align: top;  overflow: hidden;  top: 0;   width: 100%;  z-index: 1;}

/* Close Button */
.popup-close {width:30px;  height:30px;  padding-top:4px;  display:inline-block;  position:absolute;   top:0;  right:0;   transition: all 0.25s;   -webkit-transform:translate(50%, -50%);    transform:translate(50%, -50%);    border-radius:1000px;    background:rgba(0,0,0,0.8);   font-family: 'VAGRounded', sans-serif; font-weight: 400;    font-size:20px;    text-align:center;    line-height:100%;    color:#fff;}
.popup-close:hover {-webkit-transform:translate(50%, -50%) rotate(180deg);    transform:translate(50%, -50%) rotate(180deg);   background:rgba(0,0,0,1);    text-decoration:none;}

.woocommerce-ordering .orderby option[value="popularity"], .woocommerce-ordering .orderby option[value="rating"], .woocommerce-ordering .orderby option[value="price"], .woocommerce-ordering .orderby option[value="price-desc"]{display: none;}

.woocommerce .products ul h2, .woocommerce ul.products h2, .woocommerce ul.products h3, .woocommerce ul.products li.product h2, .woocommerce-page .products ul h2, .woocommerce-page ul.products h2, .woocommerce ul.products li.product .woocommerce-loop-product__title, .wp-block-getbowtied-carousel ul.products li.product h2{display: block; text-align: center;}

/*************** Product PAGE ***************/
.tax-desc{padding: 4em 0;}

@media screen and (max-width: 47.9375em){
    .content-area{padding: 85px 0 0 0;}
    .tax-desc {padding: 2em;}
    
}

.woocommerce #content div.product .product_title, .woocommerce div.product .product_title, .woocommerce-page #content div.product .product_title, .woocommerce-page div.product .product_title{font-size: 2.2em; color: #270089; padding-right: 100px; line-height: 1.2em; margin-bottom: 15px;}

.product_layout_classic .product_meta > span{
    display: block;
    text-transform: capitalize;
    color: #999;
    font-weight: 400;
    font-size: 12px;
    margin-bottom: 20px;
}
.product_age{
    position: absolute;
    right: 0;
    top: 0;
}
.product_layout_classic .description_product p{font-size: 16px;}
.product_layout_classic .woocommerce-tabs {
    padding-top: 5px;
}
.product_layout_classic .woocommerce-tabs ul.tabs {
    padding-left: 0 !important;
    margin-bottom: 15px !important;
    text-align: left !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
    border: 0px solid #cfc8d8 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.features_tab{
    padding-right: 20px !important;
    border-right: 3px solid #270089 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.benefits_tab{margin: 0 !important;}
.product_layout_classic .woocommerce-tabs ul.tabs li a {
    line-height: 1.5;
    padding: 0 !important;
    border-bottom: none;
    text-transform: capitalize;
    font-size: 1.5em;
    font-weight: 600 !important;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a:hover, .woocommerce div.product .woocommerce-tabs ul.tabs li.active a:hover, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active a:hover, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a:hover{color: #270089 !important;}

.woocommerce-product-details__short-description ul{
    margin: 0.875em 0 0.875em 1.6em;
    font-size: 14px;
    line-height: 1.3em;
}
.woocommerce-product-details__short-description ul li{
    margin-bottom: 6px;
}
.product_age-title{padding: 15px 0 0 0;}
.product_page_age_title_image{display: inline-block; padding: 5px; max-width: 105px;}

.product_layout_2 .product_content_wrapper .woocommerce-tabs { padding-top: 10px;}
.product_layout_2 .product_content_wrapper .woocommerce-tabs ul.tabs {margin-bottom: 20px !important;}

.product_layout_2 .product_content_wrapper .woocommerce-tabs ul.tabs li:first-child {margin-left: 0 !important; padding-right: 20px !important; border-right: 1px solid #000 !important; border-top: 0 solid !important;}
.product_layout_2 .product_content_wrapper .woocommerce-tabs ul.tabs li.active {background: none !important; border-top: 0 solid !important;}
.product_layout_2 div.product .woocommerce-tabs ul.tabs li a {line-height: 1.2; padding: 5px 0 5px; font-size: 17px; border-bottom: none;}
.features_tab{margin: 0 !important;}

@media screen and (max-width: 47.9375em){
    .default-layout .product-images-wrapper{margin: 0;}
    .woocommerce #content div.product .product_title, .woocommerce div.product .product_title, .woocommerce-page #content div.product .product_title, .woocommerce-page div.product .product_title{font-size: 1.8em;}
    .product_age{width: 80px;}
    .product_layout_classic .product_meta{padding: 10px 0 00 0;}
    .woocommerce div.product .woocommerce-tabs ul.tabs li{display: inline-block !important;}
    .product_layout_classic .woocommerce-tabs ul.tabs {
        padding-left: 0 !important;
        margin-bottom: 15px !important;
        text-align: left !important;
    }
}

.product_benefit-title .product_page_benefit_title_image{display: inline-block; padding: 8px; text-align: center; width: 92px; vertical-align: top;   line-height: 1.4em; font-size: 13px;}
.product_benefit-title .product_page_benefit_title_image a{color: #727272;}
.shop_enquiry{padding: 20px 0;}
.shop_enquiry a{padding: 10px 40px; margin: 0 15px 0 0; border: 1px solid #270089; color: #fff; font-weight: 600; border-radius: 50px; background: #270089;}
.shop_enquiry a:hover{border: 1px solid #000; color: #fff; background: #000;}
.shop_enquiry_link-text{position: relative;}
.shop_enquiry_link-text:after {background-color: #666666;  content: "";  height: 2px;  left: 0;  opacity: 0;   pointer-events: none;  position: absolute;  top: 100%;  -webkit-transform: scaleX(0);    transform: scaleX(0);    -webkit-transition: 0.15s all cubic-bezier(0.39, 0.575, 0.565, 1);   transition: 0.15s all cubic-bezier(0.39, 0.575, 0.565, 1);    -webkit-transition-property: opacity, -webkit-transform;   transition-property: opacity, transform;    width: 100%;}
a:hover .shop_enquiry_link-text:after {opacity: 1;-webkit-transform: scaleX(1); transform: scaleX(1);}
a:active .shop_enquiry_link-text:after {opacity: 0.2; -webkit-transform: translateY(0px); transform: translateX(0px);}
.product_layout_2 .product_content_wrapper .woocommerce-tabs ul.tabs li.active a .shop_enquiry_link-text:after{opacity: 1; -webkit-transform: translateY(0px) translateZ(0); transform: translateY(0px) translateZ(0);}

.shop-now-img{ display: inline-block;    padding: 0 10px;    width: 32%;    vertical-align: middle;    text-align: center; margin-bottom: 15px;}
.inquire_prd h2{font-size: 30px !important;}
.inquire_prd p{font-size: 14px;     margin-bottom: 10px;}
.inquire_prd hr {margin: 10px auto !important;}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {font-weight: 900 !important;  margin: 0 !important;}
.nf-form-fields-required{margin-bottom: 15px !important; font-size: 14px;}
.nf-after-field .nf-error-msg {margin-right: 10px; font-size: 16px;}
.inquire_prd .label-left .nf-field-label {text-align: left !important;}
.inquire_prd .label-left .nf-field-element {width: 100% !important;}
.inquire_prd .nf-field-label label {font-weight: 400 !important;}
.inquire_prd .nf-field-element textarea {height: 60px !important;}
.inquire_prd .label-above .nf-field-label {margin-bottom: 0;}
#ninja_forms_required_items, .nf-field-container {margin-bottom: 10px !important;}
.nf-field-element textarea {height: 120px !important;}
.inquire_prd .submit-container{text-align: center !important;}
.inquire_prd  .checkbox-wrap label{text-transform: inherit;}
.inquire_prd  .html-wrap p{font-size: 14px;  line-height: 1.3em; margin-bottom:  0;}

#gdpr {height: 0; overflow: hidden;  transition: height 1s;
    -moz-transition: height 1s; /* Firefox 4 */
    -webkit-transition: height 1s; /* Safari and Chrome */
    -o-transition: height 1s; /* Opera */
}

a.showLink, a.hideLink { text-decoration: none; background: transparent url('../png/icon-arrow-close.png') no-repeat left; padding-left: 24px; background-size: contain;}
a.hideLink {background: transparent url('../png/icon-arrow-down.png') no-repeat left; background-size: contain; display: none;}
#product-6962 .product_content_wrapper, #product-6962 .tabs{
    display: none;
}

#product-6962 .entry-content .columns{
    width: 100%;
    max-width: 1200px;
}

.steam-container, .steam-table-container{max-width: 500px;}
.steam-container table{margin: 0;}
.steam-table-container{padding: 0 8px;}
.steam-container table tr td, .steam-table-container table tr td{border: 1px solid #fff;}
.steam-table-container table tr td{background-color: #eeefef; padding: 10px; border-top: 0px !important;   border-bottom: 5px solid #fff !important;}
.steam-table-container table tr td h2{font-size: 0.9em; margin: 0;}
.steam-table-container table tr td img{width: 100%;}
.steam-container table tr td:first-child{width: 215px;}
.steam-table-container table tr td{width: 50px;}
.steam-table-container table tr td:first-child{width: 210px;}
.steam-table-container table tr td:last-child{border-right: 0px;}

/* Change Country POP UP */
.change-country .popup-inner{background: #f4f7f9 !important; padding: 50px; max-width: 700px;}
.country-img{text-align: center; margin: 0; padding: 0;}
.change-country .popup-inner h2{ font-size: 24px; text-align: center; margin-top: 10px; color: #6d6d6d;}
.change-country .country-sel-box{position: relative; padding: 25px;}
.international-flag{text-align: center; font-size: 15px !important;}
.international-flag a{color:  #3176c4;}
.international-flag img{margin-right: 8px;}
.change-country .country-sel-box .asia-zone{width: 30%; margin-right: 1%; display: inline-block; vertical-align: top;}
.change-country .country-sel-box .europe-zone{width: 66%;}
.change-country .country-sel-box h4{font-size: 18px; color: #494949; letter-spacing: .02em; margin-bottom: 15px; font-weight: 300 !important;}
.change-country .country-sel-box ul{margin: 0 0 20px 0; padding: 0; list-style-type: none;}
.change-country .country-sel-box ul li{margin-bottom: 5px;}
.change-country .country-sel-box .flag {width: 18px; height: 12px; margin-right: 8px;}
.change-country .country-sel-box a{font-size: 14px; color: #707c90; letter-spacing: .02em;}
.change-country .country-sel-box a:hover{color: #270089;}

.development-banner .banner-link a{color: #727272; font-size: 16px; text-transform: uppercase;}
.link-txt{position: relative;}
.link-txt:after {background-color: #666666; content: ""; height: 2px; left: 0; opacity: 1; pointer-events: none; position: absolute; top: 100%;    -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition: 0.15s all cubic-bezier(0.39, 0.575, 0.565, 1); transition: 0.15s all cubic-bezier(0.39, 0.575, 0.565, 1); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, transform; width: 100%;}
a:hover .link-txt:after {opacity: 1; -webkit-transform: scaleX(0); transform:  scaleX(0);}

.banner-link-white a{color: #fff; font-size: 16px; text-transform: uppercase;}
.banner-link-white a:hover{color: #eee;}
.link-txt-white{position: relative;}
.link-txt-white:after {background-color: #fff; content: ""; height: 2px; left: 0; opacity: 1; pointer-events: none; position: absolute; top: 100%;  -webkit-transform: scaleX(1); transform: scaleX(1);  -webkit-transition: 0.15s all cubic-bezier(0.39, 0.575, 0.565, 1);  transition: 0.15s all cubic-bezier(0.39, 0.575, 0.565, 1); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, transform; width: 100%;}
a:hover .link-txt-white:after {opacity: 1; -webkit-transform: scaleX(0); transform:  scaleX(0);}

/* Homepage Styles */
.playgro-flipbox .elementor-flip-box .elementor-flip-box__back{
    background-size: cover;
}
.playgro-slider .bdt-ep-static-carousel-item{
    display: flex;
    align-items: center;
}
.playgro-slider .bdt-image-mask{
    width: 50%;
    flex: none;
}

/****************************************************************/
/*************** Animated Facebook Page ***************/
/****************************************************************/
#facebook-area{display: none;}

.facebook-container{text-align: center; }
.facebook-map{margin-top: 250px; display: inline-block; position: relative;}
.map-marker{background: url('../png/map-sign.png') no-repeat; background-size: cover; position: absolute;   -webkit-animation: scale infinite 1s; animation: scale infinite 1s; transition: -webkit-transform 1s ease-in-out;    transition: all 1s ease-in-out; width: 30px; height: 35px; -webkit-filter: grayscale(100%);    filter: grayscale(100%);}
.map-marker:hover{animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; -moz-animation: bounce 2s infinite; -o-animation: bounce 2s infinite; -webkit-filter: grayscale(0%);    filter: grayscale(0%);}
.marker-link{width: 30px; height: 35px; display: block;}
.map-canada{left: 16.5%; top: 26%;}
/*.map-canada::before{content: "CANADA";  color: blue;}*/
.map-usa{left: 23.7%;top: 38%;}
.map-argentina{left: 29%;bottom: 19.8%;}
.map-uk{left: 44.6%;top: 24.5%;}
.map-spain{left: 44.7%;top: 35%;}
.map-france{left: 46.5%;top: 31%;}
.map-greece{left: 51.7%;top: 36%; z-index: 1;}
.map-malta{left: 49.5%;top: 35.5%; z-index: 1;}
.map-benelux{left: 47.9%;top: 27.2%;}
.map-bulgaria{left: 52.3%;top: 31%;}
.map-turkey{left: 55.7%;top: 34.5%;}
.map-middle-east{left: 56.9%;top: 42.5%;}
.map-south-africa{left: 52.2%;bottom: 24.5%;}
.map-malaysia{right: 22.6%;bottom: 39.8%;}
.map-indonesia{right: 19.8%;bottom: 33.7%;}
.map-australia{right: 14%;bottom: 25%;}

.facebook-cloud{width: 100%; overflow: hidden;}
.static-cloud{background: url("../png/sky-1.png") no-repeat;  z-index: 99;  width: 155px; height: 92px; background-size: cover; position: absolute;}
.cloud-1{right: 35%; top:10%; transform: scale(0.8); animation: float 9s ease-in-out infinite;}
.cloud-2{left: 35%; top: 13%; animation: float 12s ease-in-out infinite;}
.cloud-3{left: 30%; top: 10%;  animation: float 9s ease-in-out infinite;  width: 110px;  height: 60px;}
.cloud{background: url("../png/sky-1.png") no-repeat;  width: 155px; height: 92px; background-size: cover; position: absolute; right: 0;     margin-right: -160px; z-index: 99; animation-name: cloud;  animation-timing-function: linear;   animation-iteration-count: infinite; animation-duration: 40s;}
.cloud.middle{transform: scale(0.8);  animation-delay: 10s; animation-duration: 80s; top: 70px;}
.cloud.small{transform: scale(0.6);  animation-delay: 5s; animation-duration: 60s; top: 40px;}
.facebook-ballon{display: inline-block; width: 283px; height: 383px; position: absolute; top: 2%; left: 50%; margin-left: -140px; z-index: 999; transform: translatey(0px); animation: float 6s ease-in-out infinite;}

.bounce {animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; -moz-animation: bounce 2s infinite; -o-animation: bounce 2s infinite;}

@media screen and (min-width: 90em){
    .no-mould .xxlarge-up-4 > .column{width: 24.6%;}
}

/*----------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------Animation---------------*/
/*---------------------------------------------*/

/*----------Scale Animation-------------*/
@keyframes scale {
    0% {transform: scale(1);}
    50% {transform: scale(.95);}
    100% {transform: scale(1);}
}

@keyframes cloud-fly {
    0% {transform: translateY(-2vh) translateX(-10vw);}
    20% {transform: translateY(0vh) translateX(10vw);}
    40% {transform: translateY(-4vh) translateX(30vw);}
    60% {transform: translateY(1vh) translateX(50vw) ;}
    80% {transform: translateY(-2.5vh) translateX(70vw);}
    90% {transform: translateY(0vh) translateX(80vw);}
    100% {transform: translateY(0vh) translateX(100vw);}
}

@-webkit-keyframes cloud {
    0% {right: 0;}
    100% {right: 105%;}
}

@-moz-keyframes cloud {
    0% {right: 0;}
    100% {right: 105%;}
}

@-o-keyframes cloud {
    0% {right: 0;}
    100% {right: 105%;}
}

@keyframes cloud {
    0% {right: 0;}
    100% {right: 105%;}
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
    40% {-webkit-transform: translateY(-20px);}
    60% {-webkit-transform: translateY(-10px);}
}
@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
    40% {-moz-transform: translateY(-20px);}
    60% {-moz-transform: translateY(-10px);}
}
@-o-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
    40% {-o-transform: translateY(-20px);}
    60% {-o-transform: translateY(-10px);}
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-20px);}
    60% {transform: translateY(-10px);}
}

@keyframes float{
    0% { transform: translatey(0px);}
    50% {transform: translatey(-20px);}
    100% {transform: translatey(0px);}
}

/****************************************************************/
/****************************************************************/
/****************************************************************/

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 768px) {
    /****************************************************************/
    /*************** Facebook PAGE ***************/
    /****************************************************************/
    .facebook-ballon{width: 200px; height: auto; margin-left: -100px; }
    .facebook-ballon img{width: 100%;}
    .facebook-map {margin-top: 200px;}
    .map-marker{width: 28px;  height: 35px;}
    .cloud{width: 105px;  height: 50px;    margin-right: -80px;}
    .map-marker{-webkit-filter: grayscale(0%);    filter: grayscale(0%);}
}

/* Small devices (tablets, 1023px and down) */
@media only screen and (min-width: 640px) and (max-width: 1023px){
    /****************************************************************/
    /*************** Facebook PAGE ***************/
    /****************************************************************/
    .facebook-ballon{width: 250px; height: auto; margin-left: -125px; }
    .facebook-ballon img{width: 100%;}
    .facebook-map {margin-top: 250px;}
    .map-marker{transform: scale(0.7) !important;  animation: inherit;}
    .cloud{width: 105px;  height: 50px;    margin-right: -80px;}
    .map-marker{-webkit-filter: grayscale(0%);    filter: grayscale(0%);}
}