@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Style+Script&family=Varela+Round&display=swap'); /* MAGNOLIA SKIN #87cfc2 #ef8e9f #ffd181*/ body{font-family: 'Montserrat', sans-serif;} .container-h,.container-h.full{max-width:1170px;} .bnn-group-left{margin:0 auto;max-width:1170px;} .btn {font-size:12px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;} .btn.btn-cmd {background: #ef8e9f;border:1px solid #ef8e9f;} .bg-main {background: #87cfc2!important;} .text-main {color: #87cfc2!important;} .account-section .fidelity li:first-of-type{color: #87cfc2;} .breadcrumbs-default ol li a.active {color: #87cfc2;} .main-menu ul > li:hover > a,.menu-dd a:hover {color: #87cfc2 !important;} .option-group .rating i.on,.fullRate,.rating-s > input:checked ~ label, .rating-s:not(:checked) > label:hover, .rating-s:not(:checked) > label:hover ~ label, .rating-s > input:checked + label:hover, .rating-s > input:checked ~ label:hover, .rating-s > label:hover ~ input:checked ~ label, .rating-s > input:checked ~ label:hover ~ label {color: #ffd181!important;} /*HEADER*/ .fa{font-weight:300;} .acount-section>ul>li>a>i {font-size: 17px;} .search-form-box input[type="text"]{padding-left:15px;height: 38px;-webkit-border-radius: 38px;-moz-border-radius: 38px;border-radius: 38px;} .search-button {width: 38px;height: 38px;border-radius: 38px;color: #fff;background: #87cfc2;} .search-toggle .search-button i {color: #fff;} .acount-section ul li a{border:none;} .cart-header-btn .q-cart, .cart-m .q-cart{color: #fff;background: #ef8e9f;} .cart-dd{top:100%!important;} .main-menu {background: #fff;} .main-menu ul li a{font-size:13px;} .main-header .nav-menu-hh{padding:0;z-index:99;} .main-header .main-menu {max-width: 1170px;border-top: 1px solid #e1e1e1;border-bottom: 2px solid #000;padding: 0;} .main-menu ul > li > a {font-weight: 600;font-size: 16px;color: #000;text-transform:none;} .main-header .menu-dd,.cart-dd{border:none;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.24);} .main-header .menu-dd{overflow:hidden;top: 52px;} .main-header .menu-dd.open{top: 100%;} .main-header #navigation.sticky .nav-menu-hh {border:none;padding:0;} .main-header #navigation.sticky .menu-dd {display:block!important;width:255px!important;} .menu-dd li .title a {font-size: 14px!important;} .menu-dd .cat-img img{margin:0 auto;} .main-header #navigation.sticky .menu-dd.open {top: 51px!important;} .main-header .menu-dd.sticky{width:270px!important;} .main-menu.fixed{padding:0;box-shadow: 0 6px 15px -9px #696969;} .menu-dd.sticky li{margin-bottom:10px;} .menu-dd.sticky > li > a{font-size:14px;} .menu-trg span,.menu-trg span:after, .menu-trg span:before{height: 2px;background: #000;} .mobile-icon li a {font-size: 18px!important;color: #000 !important;} /* header sticky */ .main-header.fix-nav{position:relative;top:0;left:0;right:0;margin:0 auto;width:100%;z-index:999;} .main-header.fix-nav #navigation{top: 100%;left: 0;right: 0;margin: 0 auto;width: 100%;transition:all .15s ease-out;-webkit-transform: translateY(0);transform: translateY(0);} .main-header.fix-nav .top-head-bg{position:relative;background:#fff;z-index:9999;} .main-header.fix-nav .top-head{transition:all .12s ease-out;} .main-header.fix-nav.fade-menu {position:absolute;-webkit-transition: .12s!important;transition: .12s!important;-webkit-transform: translateY(-100%);transform: translateY(-100%);box-shadow: 0 4px 12px -6px rgba(0,0,0, .3);} .main-header.fix-nav.fade-menu.animate-menu {position:fixed;-webkit-transform: translateY(0);transform: translateY(0);} .main-header.fix-nav.fade-menu #logo img {max-height: 40px;} .main-header.fix-nav.fade-menu .top-head{padding-top: 10px;padding-bottom: 10px;} .main-header.fix-nav.fade-menu #navigation{position: absolute;-webkit-transform: translateY(-100%);transform: translateY(-100%);} .main-header.fix-nav.fade-menu.active-menu #navigation{-webkit-transform: translateY(0);transform: translateY(0);} @media screen and ( max-width:1090px ) { .main-header.fix-nav #navigation {position:relative;transition: none;-webkit-transform: none!important;transform: none!important;z-index:999;} .main-header.fix-nav.fade-menu .top-head-bg{display:none;} .main-header.fix-nav.fade-menu #navigation {position:relative;} } .main-header .menu-dd{pointer-events: none;} .main-header .menu-dd.open{pointer-events: auto!important;} /*menu update*/ .main-header .menu-dd.column2 ul{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;} .main-header .menu-dd.column3 ul{-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;} .main-header .menu-dd.column4 ul{-webkit-column-count: 4;-moz-column-count: 4;column-count: 4;} .main-header .menu-dd.column3.banner ul{-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;} .main-header .menu-dd.column4.banner ul{-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;} .main-header .menu-dd ul li{width:100%!important;max-width:100%;-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;} @-moz-document url-prefix() { .main-header .menu-dd ul li{float:none!important;} } .main-header .menu-dd ul li{float:none!important9} @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .main-header .menu-dd ul li{float:none!important;} } @supports (-ms-ime-align:auto) { .main-header .menu-dd ul li{float:none!important;} } .main-header .main-menu{position:relative;} .main-header .nav-menu > li.initial-h{position:static;} .main-header .menu-dd.column1{width:300px!important;} .main-header .menu-dd.column1.banner{width:600px!important;} .main-header .menu-dd.column2{width:550px!important;} .main-header .menu-dd.column3{width:700px!important;} .main-header .menu-dd.column4{width:100%!important;} .main-header .menu-dd.column-sld{min-width:400px;} .main-header .menu-dd.column-sld .carousel-slide .holder{padding: 0 15px!important;} .menu-drop.sticky > a{display:block;position: relative;width: 30px;height: 20px;} #navigation.sticky .menu-drop {padding: 16px 10px!important;border-left: none;border-right: none;} #navigation.sticky .fa-bars{font-size: 0;line-height: 0;color: transparent;width: 30px;height: 2px;padding:0;background: #000;position: relative;top: 8px;} #navigation.sticky .fa-bars:after, #navigation.sticky .fa-bars:before {content: " ";position: absolute;left: 0;width: 30px;height: 2px;background: #000;} #navigation.sticky .fa-bars:before {bottom: 8px;} #navigation.sticky .fa-bars:after {bottom: -8px;} .search-form-box.stickySearch {margin-top: 6px;} /* CAROUSEL */ .bnn-group-left {margin-top:30px;} .owl-next .fa, .owl-prev .fa{font-weight: 400!important;} #main-bnn .owl-theme .owl-controls .owl-buttons div, .carousel-slide .owl-theme .owl-controls .owl-buttons div{font-size: 25px;color:#fff;width: 45px;height: 45px;text-align: center;background: #ef8e9f60;text-shadow: 0 0 10px rgba(0,0,0,.3); -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;box-shadow: 0 2px 7px -2px rgb(0 0 0 / 30%);transition: all .2s ease-in;} #main-bnn .owl-theme .owl-controls .owl-buttons div:hover, .carousel-slide .owl-theme .owl-controls .owl-buttons div:hover{background: #ef8e9f;} #main-bnn .owl-theme .owl-controls .owl-buttons div{width:55px;height:55px;} #main-bnn .owl-next, #main-bnn .owl-prev{top: calc(50% - 55px);} .carousel-slide .owl-prev {left: -10px;} .carousel-slide .owl-next {right: -10px;} #main-bnn .owl-next:hover, .carousel-slide .owl-next:hover{transform: translateX(-5px);} #main-bnn .owl-prev:hover, .carousel-slide .owl-prev:hover{transform: translateX(5px);} .bnn-group-big .owl-pagination{display:none!important;} .icon-group .col .icon-label {text-align: left;text-transform: uppercase;} .icon-group .col .icon-label span{text-transform: none;} .title-carousel .title{font-weight:600;font-size:22px;text-transform:none;} .title-carousel hr,.title.secound hr{width: 100%;max-width: 560px;margin:0 auto;border: none;height: 4px;} .title.secound hr{left:0;right:0;} .carousel-slide{padding-bottom: 0;} .carousel-slide .title-carousel hr{display:none;} .carousel-slide .title-carousel .title{background:none;} .carousel-slide .holder, .default-slider .holder{position:relative;background:url('https://gomagcdn.ro/themes/fashion/gfx/skins/magnolia/carousel-bg.jpg');padding-bottom: 30px;margin-bottom: 10px;} /*PRODUCT-BOX*/ .product-box{overflow: initial;} .product-box .box-holder{background:#fff;padding: 20px 15px;border: 1px solid #ddd;} .product-icon-box{top:10px;} .product-icon-box .icon, .product-box .icon{font-size: 13px;} .icon.new{background:#ef8e9f;} .title.secound .title{font-weight: 600;font-size: 20px;} /*FOOTER*/ .bottom-section {background:none;border-top: none;border-bottom: none;margin-top:20px;} .bottom-section .holder{background:#87cfc242;/*background: url(../gfx/footer-bg.jpg) center bottom no-repeat;background-size: cover;*/} .bottom-section .title,.bottom-section .title span,.support-contact {color: #000;} .bottom-section .col .custom-chk {font-size: 11px;} .bottom-section .col.social ul li a{font-size: 23px;color: #75d0bf;background:none;} .main-footer .col .title{font-size:16px;} .newsletter-form input[type="text"]{border: none;border-radius: 27px;margin-bottom: 5px;box-shadow: 0 0 11px -6px #000;} .newsletter-form input[type="submit"]{background: #ef8e9f;width:110px;text-transform: none;-webkit-border-radius: 27px;-moz-border-radius: 27px;border-radius: 27px;} .bottom-section .col .custom-chk,.bottom-section .col .custom-chk a{color:#000;} .support-contact{font-size:13px;} /*LIST*/ .breadcrumbs-box ol li a,.breadcrumbs-default ol li a {font-size: 12px;} .breadcrumbs-box ol li.active,.breadcrumbs-default ol li.active {color: #87cfc2;text-decoration:none;} .catTitle {font-weight: 600;} .filter.box{padding: 12px;margin-bottom:20px;background: #87cfc21f;} .filter.box .title{text-transform:none;background: #f0f9f8;} .filter.box .title-h.line:after{border:none;} .product-listing .product-box {margin-top: 20px;} .product-listing .row.product{margin-left:-10px;margin-right:-10px;} /*DETAIL*/ .detail-title{padding-top:20px;} .detail-title .title {font-weight: 600;} .detail-title,.detail-prod-attr{text-align:center;} .qty-regulator .minus{border-radius: 32px 0 0 32px;} .qty-regulator .plus{border-radius: 0 32px 32px 0;} #product-page .stock-status {max-width: 100%;} #product-page .stock-status {display: inline-block;} .add-section .qty-regulator {float: none;display: inline-block;margin: 0 10px 5px 0;} .qty-regulator .minus, .qty-regulator .plus {background: #fff;} .add-section .add2cart {display: inline-block;float: none;vertical-align: top;} .icon-group.detail {margin-top: 15px;background:#f0f9f8!important;} .icon-group.detail .col p{text-align:left;} .detail-tabs, .detail-recomended{width:100%;} .detail-tabs .resp-tabs-list li {font-size: 16px;margin:0;padding:13px 15px!important;border: none!important;margin-bottom: 0!important;} .detail-tabs .resp-tabs-list li.resp-tab-active {color:#87cfc2;padding:13px 15px!important;} .prod-attr-h{text-align:center;} .prod-attr-h .available-ms{max-width:100%!important;} .prod-attr-h .__optionSelector{float:none;} .detail-product-atributes select.hint-aside{display:inline-block;} /*CART*/ .icon-group.cart {background: #f0f9f8!important;} /*CONTACT*/ .title-box.line-r .title {font-weight: 600;font-size: 22px;text-transform: none;} .title-box.line-r hr {width: 100%;border: none;height: 4px;} .contact-information .info-list li{clear:both;} .-g-blog-page .search-form .input-s{border-radius: 38px;} /* .wordpress-articles-h .owl-theme .owl-controls .owl-buttons .owl-next, .wordpress-articles-h .owl-theme .owl-controls .owl-buttons .owl-prev{margin-top: -60px;} .wordpress-articles-h .owl-theme .owl-controls .owl-buttons .owl-next{right: -40px;} .wordpress-articles-h .owl-theme .owl-controls .owl-buttons .owl-prev{left: -40px;} */ @media only screen and (max-width: 480px){ /* .wordpress-articles-h .owl-theme .owl-controls .owl-buttons .owl-next{right: 5px;} .wordpress-articles-h .owl-theme .owl-controls .owl-buttons .owl-prev{left: 5px;} */ .wordpress-articles-h .owl-wrapper-outer .-g-post-slide{padding: 0px 25px;} } @media screen and ( min-width: 1090px ) { .main-header .nav-menu > li {padding-top: 15px;padding-bottom: 15px;} } @media screen and ( max-width: 1200px ) { .bnn-group-left {margin-top: 0px;} .carousel-slide, .bottom-section{padding:0;} .carousel-slide .owl-next{right: 0;} .carousel-slide .owl-prev{left: 0;} } @media screen and ( max-width: 1170px ) { .newsletter-form input[type="submit"] {display: inline-block;margin-top: 0;margin: 0;} } @media screen and ( max-width: 1090px ) { .menu-trg {margin-left: 10px;} .main-menu ul > li > a {font-size: 14px;} } @media screen and ( max-width: 991px ) { .icon-group .col .icon-label {text-align: center;} } @media screen and (max-width: 860px){ .pinGrid .pin.large{width:100%!important;} } @media screen and (max-width: 800px){ .newsletter-form {max-width: 350px;} } @media screen and (min-width: 768px){ .carousel-slide .holder, .default-slider .holder {overflow: hidden;padding: 40px 60px 30px;} .carousel-slide .title-carousel {position: absolute;top: 100%;left: 0;transform: rotate(-90deg); transform-origin: left top;z-index: 9;} .carousel-slide .title-carousel .title{padding-left: 40px;} .detail-title, .detail-prod-attr{width:41.66666667%;} .detail-slider-holder{width:58.33333333%;} } @media screen and (max-width: 767px){ .detail-title {padding: 5px 0;} .icon-group.detail .col p {text-align: center;} } @media screen and (min-width: 680px){ .product-listing .product-box.list-type {border-bottom: none;} } @media screen and (max-width: 480px){ .product-box .box-holder {padding: 0 5px;} } @media screen and (max-height: 725px){ .main-header .menu-dd {overflow-y:auto;max-height:550px;} .main-header .menu-dd::-webkit-scrollbar {width: 6px;} .main-header .menu-dd::-webkit-scrollbar-track {background:rgba(0,0,0,0.2);-webkit-border-radius: 10px;border-radius: 10px;} .main-header .menu-dd::-webkit-scrollbar-thumb {-webkit-border-radius: 10px;border-radius: 10px;background: rgba(68, 68, 68, .6);} .main-header .menu-dd::-webkit-scrollbar-thumb:window-inactive {background: rgba(68, 68, 68, .4);} } .container-h{max-width:1200px !important;} .btn{font-size: 15px!important;line-height:1.4!important;padding: 9px 17px!important;} .btn{font-weight:normal !important;font-style: normal !important;text-decoration: none !important;text-transform: none !important;font-weight:bold !important;} .btn.btn-cmd,.cart-header-btn .q-cart, .cart-m .q-cart, .wishlist-header .-g-wishlist-product-count, .wishlist-header-m .-g-wishlist-product-count{color:#3a3a3a !important;} .btn.btn-cmd,.cart-header-btn .q-cart, .cart-m .q-cart, .wishlist-header .-g-wishlist-product-count, .wishlist-header-m .-g-wishlist-product-count{background:#e9b412 !important;border: 1px solid #e9b412;} .-g-one-time-offers .-g-one-time-cart-label {background: #e9b41220;} .btn.btn-cmd{font-weight:normal !important;font-style: normal !important;text-decoration: none !important;text-transform: none !important;font-weight:bold !important;} .top-head, .main-header .cart {padding-top: 25px!important;padding-bottom: 25px!important;} .top-head-bg,.main-header .cart-header.container-bg{background:#3a3a3a !important;} .acount-section > ul > li > a, .cart-menu ul li a, .cart-help .contact-cart, .cart-help a, .international-header .flag-select{color:#ffffff!important;} .acount-section > ul > .contact-header > a{color:#ffffff !important} .main-header .nav-menu > li{padding-top:10px !important;padding-bottom:10px !important;}.main-header .main-menu ul.nav-menu>li>a{font-size:14px !important;}.main-header .all-product-button .menu-dd{top: 41px!important;} .main-header .main-menu,#mm-main-menu .mm-navbar,#mm-nav-filter .mm-navbar{background:#3a3a3a;} .main-header .main-menu{border:none!important;box-shadow:none!important;} .main-header .main-menu ul.nav-menu>li>a, .mobile-icon li a, #mm-main-menu .mm-navbar, #mm-nav-filter .mm-navbar {color: #ffffff !important;} .menu-trg span, .menu-trg span::after, .menu-trg span::before{background:#ffffff !important;} #mm-main-menu .mm-btn:before {border-color: #ffffff;} #mm-nav-filter .mm-navbar #close-filters{fill: #ffffff;} .icon.new{background: #f2c901 !important; } .icon.discount{background: #83bf4f !important; } .main-header .main-menu ul.nav-menu>li:hover >a, .mobile-icon li:hover a, .menu-dd li a:hover {color: #ffd80b!important;} body{font-family: 'Open Sans', sans-serif;} .search-button{background:#83bf4f;} .search-button{color:#ffffff;} /* cosuri-cadou.ro CSS file (09 NOI 2022) */ /* MAGNOLIA SKIN #36D0BA #ef8e9f #ffd181*/ body { font-family: 'Montserrat', sans-serif; } .container-h, .container-h.full { max-width: min(1170px, 100vw); } .bnn-group-left { margin: 0 auto; max-width: min(1170px, 100vw); } .btn { font-size: 12px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 100px; } .option-group .rating i.on, .fullRate, .rating-s>input:checked~label, .rating-s:not(:checked)>label:hover, .rating-s:not(:checked)>label:hover~label, .rating-s>input:checked+label:hover, .rating-s>input:checked~label:hover, .rating-s>label:hover~input:checked~label, .rating-s>input:checked~label:hover~label { color: #ffd181 !important; } /*HEADER*/ .fa { font-weight: 300; } .acount-section>ul>li>a>i { font-size: 17px; } .search-form-box input[type='text'] { padding-left: 15px; height: 38px; -webkit-border-radius: 38px; -moz-border-radius: 38px; border-radius: 38px; } .search-button { width: 38px; height: 38px; border-radius: 38px; color: #fff; background: #36D0BA; } .search-toggle .search-button i { color: #fff; } .acount-section ul li a { border: none; } .cart-dd { top: 100% !important; } .main-header .menu-dd, .cart-dd { border: none; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.24); } .main-header .menu-dd { overflow: hidden; top: 52px; } .main-header .menu-dd.open { top: 100%; } .main-header #navigation.sticky .nav-menu-hh { border: none; padding: 0; } .main-header #navigation.sticky .menu-dd { display: block !important; width: 255px !important; } .menu-dd li .title a { font-size: 14px !important; } .menu-dd .cat-img img { margin: 0 auto; } .main-header #navigation.sticky .menu-dd.open { top: 51px !important; } .main-header .menu-dd.sticky { width: 270px !important; } .main-menu.fixed { padding: 0; box-shadow: 0 6px 15px -9px #696969; } .menu-dd.sticky li { margin-bottom: 10px; } .menu-dd.sticky>li>a { font-size: 14px; } .menu-trg span, .menu-trg span:after, .menu-trg span:before { height: 2px; background: #000; } .mobile-icon li a { font-size: 18px !important; color: #000 !important; } /* header sticky */ .main-header.fix-nav { position: relative; top: 0; left: 0; right: 0; margin: 0 auto; width: 100%; z-index: 999; } .main-header.fix-nav #navigation { top: 100%; left: 0; right: 0; margin: 0 auto; width: 100%; transition: all .15s ease-out; -webkit-transform: translateY(0); transform: translateY(0); margin-top: -1px; } .main-header.fix-nav .top-head { transition: all .12s ease-out; } .main-header.fix-nav.fade-menu { position: absolute; -webkit-transition: .12s !important; transition: .12s !important; -webkit-transform: translateY(-100%); transform: translateY(-100%); box-shadow: 0 4px 12px -6px rgba(0, 0, 0, .3); } .main-header.fix-nav.fade-menu.animate-menu { position: fixed; -webkit-transform: translateY(0); transform: translateY(0); } .main-header.fix-nav.fade-menu #logo img { max-height: 40px; } .main-header.fix-nav.fade-menu .top-head { padding-top: 10px; padding-bottom: 10px; } .main-header.fix-nav.fade-menu #navigation { position: absolute; -webkit-transform: translateY(-100%); transform: translateY(-100%); } .main-header.fix-nav.fade-menu.active-menu #navigation { -webkit-transform: translateY(0); transform: translateY(0); } @media screen and (max-width:1090px) { .main-header.fix-nav #navigation { position: relative; transition: none; -webkit-transform: none !important; transform: none !important; z-index: 999; } .main-header.fix-nav.fade-menu .top-head-bg { display: none; } .main-header.fix-nav.fade-menu #navigation { position: relative; } } .main-header .menu-dd { pointer-events: none; } .main-header .menu-dd.open { pointer-events: auto !important; } /*menu update*/ .main-header .main-menu .base-menu { float: none; clear: both; } .main-header .main-menu .base-menu:before, .main-header .main-menu .base-menu:after { content: ''; float: none; clear: both; display: block; } .main-header .menu-dd.column2 ul { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .main-header .menu-dd.column3 ul { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } .main-header .menu-dd.column4 ul { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; } .main-header .menu-dd.column3.banner ul { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .main-header .menu-dd.column4.banner ul { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } .main-header .menu-dd ul li { width: auto; max-width: initial; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; float: none; clear: both; display: block; } .main-header .main-menu { position: relative; } .main-header .nav-menu>li.initial-h { position: static; } .main-header .menu-dd.column1 { width: 300px !important; } .main-header .menu-dd.column1.banner { width: 600px !important; } .main-header .menu-dd.column2 { width: 550px !important; } .main-header .menu-dd.column3 { width: 700px !important; } .main-header .menu-dd.column4 { width: 100% !important; } .main-header .menu-dd.column-sld { min-width: 400px; } .main-header .menu-dd.column-sld .carousel-slide .owl-next { right: -30px; } .main-header .menu-dd.column-sld .carousel-slide .owl-prev { left: -30px; } .main-header .menu-dd.column-sld .carousel-slide .holder { padding: 0 15px !important; } .menu-drop.sticky>a { display: block; position: relative; width: 30px; height: 20px; } #navigation.sticky .menu-drop { padding: 16px 10px !important; border-left: none; border-right: none; } #navigation.sticky .fa-bars { font-size: 0; line-height: 0; color: transparent; width: 30px; height: 2px; padding: 0; background: #000; position: relative; top: 8px; } #navigation.sticky .fa-bars:after, #navigation.sticky .fa-bars:before { content: ' '; position: absolute; left: 0; width: 30px; height: 2px; background: #000; } #navigation.sticky .fa-bars:before { bottom: 8px; } #navigation.sticky .fa-bars:after { bottom: -8px; } .search-form-box.stickySearch { margin-top: 6px; } /*HOME*/ .bnn-group-left { margin-top: 30px; } #main-bnn .owl-theme .owl-controls .owl-buttons div { color: #FFF; zoom: 1; font-size: 12px; text-indent: -9999px; width: 55px; height: 55px; position: absolute; visibility: hidden; text-indent: 0; transition: all .2s ease-in; } #main-bnn .owl-next:before, #main-bnn .owl-prev:before { display: block; font: normal normal normal 14px/1 FontAwesome; font-family: 'Font Awesome 6 Pro'; font-weight: 400; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; font-size: 26px; visibility: visible; line-height: 55px; text-align: center; background: rgba(239, 142, 159, .6); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-shadow: 0 0 10px rgba(0, 0, 0, .3); transition: background .2s ease-in; } #main-bnn .owl-prev, #main-bnn .owl-next { display: block; } #main-bnn .owl-next:hover:before, #main-bnn .owl-prev:hover:before { text-shadow: 0 0 10px rgba(0, 0, 0, .7); } #main-bnn .owl-next:hover { transform: translateX(5px); } #main-bnn .owl-prev:hover { transform: translateX(-5px); } #main-bnn .owl-next:before { content: 'f105'; } #main-bnn .owl-prev:before { content: 'f104'; } .bnn-group-big .owl-pagination { display: none !important; } .icon-group .col .icon-label { text-align: left; text-transform: uppercase; } .icon-group .col .icon-label span { text-transform: none; } .title-carousel .title { font-weight: 600; font-size: 22px; text-transform: none; } .title-carousel hr, .title.secound hr { width: 100%; max-width: 560px; margin: 0 auto; border: none; height: 4px; } .title.secound hr { left: 0; right: 0; } .carousel-slide { padding-bottom: 0; } .carousel-slide .title-carousel hr { display: none; } .carousel-slide .title-carousel .title { background: none; } .carousel-slide .holder { position: relative; background: url('https://gomagcdn.ro/themes/fashion/gfx/skins/magnolia/carousel-bg.jpg'); padding-bottom: 30px; margin-bottom: 10px; } .carousel-slide .owl-theme .owl-controls .owl-buttons div { color: #FFF; zoom: 1; font-size: 12px; text-indent: -9999px; width: 45px; height: 45px; position: absolute; visibility: hidden; opacity: 1; text-indent: 0; transition: all .2s ease-in; } .carousel-slide .owl-next:before, .carousel-slide .owl-prev:before { display: block; font: normal normal normal 14px/1 FontAwesome; font-family: 'Font Awesome 6 Pro'; font-weight: 400; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #fff; font-size: 26px; visibility: visible; line-height: 45px; text-align: center; background: rgba(239, 142, 159, .6); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; text-shadow: 0 0 10px rgba(0, 0, 0, .3); transition: background .2s ease-in; } .carousel-slide .owl-prev, .carousel-slide .owl-next { display: block; font-family: 'Open Sans', sans-serif; font-size: 30px; } .carousel-slide .owl-next:hover:before, .carousel-slide .owl-prev:hover:before { text-shadow: 0 0 10px rgba(0, 0, 0, .7); background: rgba(239, 142, 159, .9); } .carousel-slide .owl-next:hover { transform: translateX(5px); } .carousel-slide .owl-prev:hover { transform: translateX(-5px); } .carousel-slide .owl-next:before { content: '>'; padding-left: 2px; } .carousel-slide .owl-prev:before { content: '<'; padding-right: 2px; } .title.secound .title { font-weight: 600; font-size: 20px; } /*FOOTER*/ .bottom-section { background: none; border-top: none; border-bottom: none; margin-top: 20px; } .bottom-section .holder { background: #36D0BA42; /*background: url(../gfx/footer-bg.jpg) center bottom no-repeat;background-size: cover;*/ } .bottom-section .title, .bottom-section .title span, .support-contact { color: #000; } .bottom-section .col .custom-chk { font-size: 11px; } .bottom-section .col.social ul li a { font-size: 23px; color: #75d0bf; background: none; } .main-footer .col .title { font-size: 16px; } .newsletter-form input[type='text'] { border: none; border-radius: 27px; margin-bottom: 5px; box-shadow: 0 0 11px -6px #000; } .newsletter-form input[type='submit'] { background: #ef8e9f; width: 110px; text-transform: none; -webkit-border-radius: 27px; -moz-border-radius: 27px; border-radius: 27px; } .bottom-section .col .custom-chk, .bottom-section .col .custom-chk a { color: #000; } .support-contact { font-size: 13px; } /*LIST*/ .breadcrumbs-box ol li a, .breadcrumbs-default ol li a { font-size: 12px; } .breadcrumbs-box ol li.active, .breadcrumbs-default ol li.active { color: #ffaa00; text-decoration: none; } .catTitle { font-weight: 600; } .filter.box { padding: 12px; margin-bottom: 20px; background: #36D0BA1f; } .filter.box .title { text-transform: none; background: #f0f9f8; } .filter.box .title-h.line:after { border: none; } .product-listing .product-box { margin-top: 20px; } .product-listing .row.product { margin-left: -10px; margin-right: -10px; } /*DETAIL*/ .detail-title { padding-top: 20px; } .detail-title .title { font-weight: 600; } .detail-title, .detail-prod-attr { text-align: center; } .qty-regulator .minus { border-radius: 32px 0 0 32px; } .qty-regulator .plus { border-radius: 0 32px 32px 0; } #product-page .stock-status { max-width: 100%; } #product-page .stock-status { display: inline-block; } .add-section .qty-regulator { float: none; display: inline-block; margin: 0 10px 5px 0; } .qty-regulator .minus, .qty-regulator .plus { background: #fff; } .add-section .add2cart { display: inline-block; float: none; vertical-align: top; } .icon-group.detail { margin-top: 15px; background: #f0f9f8 !important; } .icon-group.detail .col p { text-align: left; } .detail-tabs, .detail-recomended { width: 100%; } .detail-tabs .resp-tabs-list li { font-size: 16px; margin: 0; padding: 13px 15px !important; border: none !important; margin-bottom: 0 !important; } .detail-tabs .resp-tabs-list li.resp-tab-active { color: #36D0BA; padding: 13px 15px !important; } .prod-attr-h { text-align: center; } .prod-attr-h .available-ms { max-width: 100% !important; } .prod-attr-h .__optionSelector { float: none; } .detail-product-atributes select.hint-aside { display: inline-block; } /*CART*/ .icon-group.cart { background: #f0f9f8 !important; } /*CONTACT*/ .title-box.line-r .title { font-weight: 600; font-size: 22px; text-transform: none; } .title-box.line-r hr { width: 100%; border: none; height: 4px; } .contact-information .info-list li { clear: both; } .wordpress-articles-h .owl-theme .owl-controls .owl-buttons .owl-next, .wordpress-articles-h .owl-theme .owl-controls .owl-buttons .owl-prev { margin-top: -60px; } .wordpress-articles-h .owl-theme .owl-controls .owl-buttons .owl-next { right: -40px; } .wordpress-articles-h .owl-theme .owl-controls .owl-buttons .owl-prev { left: -40px; } @media only screen and (max-width: 480px) { .wordpress-articles-h .owl-theme .owl-controls .owl-buttons .owl-next { right: 5px; } .wordpress-articles-h .owl-theme .owl-controls .owl-buttons .owl-prev { left: 5px; } .wordpress-articles-h .owl-wrapper-outer .-g-post-slide { padding: 0px 60px; } } @media screen and (min-width: 1090px) { .main-header .nav-menu>li { padding-top: 15px; padding-bottom: 15px; } } @media screen and (max-width: 1200px) { .bnn-group-left { margin-top: 0px; } .carousel-slide, .bottom-section { padding: 0; } } @media screen and (max-width: 1170px) { .newsletter-form input[type='submit'] { display: inline-block; margin-top: 0; margin: 0; } } @media screen and (max-width: 1090px) { .menu-trg { margin-left: 10px; } .main-menu ul>li>a { font-size: 14px; } } @media screen and (max-width: 991px) { .icon-group .col .icon-label { text-align: center; } } @media screen and (max-width: 860px) { .pinGrid .pin.large { width: 100% !important; } } @media screen and (max-width: 800px) { .newsletter-form { max-width: 350px; } } @media screen and (min-width: 768px) { .carousel-slide .holder { overflow: hidden; padding: 40px 60px 30px; } .carousel-slide .title-carousel { position: absolute; top: 100%; left: 0; transform: rotate(-90deg); transform-origin: left top; z-index: 9; } .carousel-slide .title-carousel .title { padding-left: 40px; } .carousel-slide .owl-next { right: -15px; } .carousel-slide .owl-prev { left: -15px; } .detail-title, .detail-prod-attr { width: 41.66666667%; } .detail-slider-holder { width: 58.33333333%; } } @media screen and (max-width: 767px) { .detail-title { padding: 5px 0; } .icon-group.detail .col p { text-align: center; } } @media screen and (min-width: 680px) { .product-listing .product-box.list-type { border-bottom: none; } } @media screen and (max-width: 480px) { .product-box .box-holder { padding: 0 5px; } .product-box .title { height: 38px; text-overflow: initial; white-space: initial; } } @media screen and (max-height: 725px) { .main-header .menu-dd { overflow-y: auto; max-height: 550px; } .main-header .menu-dd::-webkit-scrollbar { width: 6px; } .main-header .menu-dd::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.2); -webkit-border-radius: 10px; border-radius: 10px; } .main-header .menu-dd::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: rgba(68, 68, 68, .6); } .main-header .menu-dd::-webkit-scrollbar-thumb:window-inactive { background: rgba(68, 68, 68, .4); } } .container-h { max-width: min(1200px, 100vw) !important; } .top-head, .main-header .cart { padding-top: 15px !important; padding-bottom: 15px !important; } .acount-section>ul>li>a, .cart-menu ul li a, .cart-help a { color: #ffffff !important; } .contact-header a { color: #ffffff !important; } .main-header .nav-menu>li { padding-top: 10px !important; padding-bottom: 10px !important; } .main-header .main-menu ul.nav-menu>li>a { font-size: 14px !important; } .main-header .all-product-button .menu-dd { top: 41px !important; } .main-header .main-menu { border: none !important; box-shadow: none !important; } .main-header .main-menu ul.nav-menu>li>a, .mobile-icon li a, #mm-main-menu .mm-navbar, #mm-nav-filter .mm-navbar { color: #ffffff !important; } .menu-trg span, .menu-trg span::after, .menu-trg span::before { background: #ffffff !important; } #mm-main-menu .mm-btn:before { border-color: #ffffff; } #mm-nav-filter .mm-navbar #close-filters { fill: #ffffff; } body { font-family: 'Open Sans', sans-serif; } .search-button { background: #83bf4f; } .search-button { color: #ffffff; } /** * Scrie aici codul tau CSS... */ .discount-tape { font-weight: 600; font-size: 17px; } #main-bnn { background-color: #3a3a3a !important; } #_autocompleteSearchMainHeader { background-color: #0e0a03 !important; color: #ffffff; } .container-h.container-bg.gomagComponent:first-of-type { background-color: #3a3a3a !important; } .pinGrid>.pin.banner_toate { background-color: #3a3a3a !important; } .pinGrid>.pin.banner_toate::hover { transform: scale(1.2); } #-g-footer-general { padding: 0; } .bottom-section .holder { background: #83bf4f; } .bottom-section.container-h.full { padding-left: 0; padding-right: 0; } .pinGrid { margin: 0 -15px; background: #3a3a3a; } .animate-menu .top-head { padding-top: 10px !important; padding-bottom: 0px !important; } /* This is the new css */ .pin:hover a:before, .pin:hover a:after { width: 80%; height: 90%; border-radius: 0px; } .pin a:before { width: 0%; height: 90%; border-radius: 0px; border-top: 1px solid #FFD80B; border-bottom: 1px solid #FFD80B; } .pin a:after { width: 80%; height: 0%; border-radius: 0px; border-left: 1px solid #FFD80B; border-right: 1px solid #FFD80B; } /* Banners for offers */ .figcaption { width: 100%; display: flex; justify-content: center; } .-g-component-banner-group .pin-home .figcaption .title { font-family: 'Open Sans', sans-serif; font-style: normal; /* background: -webkit-linear-gradient(0deg, #E18300 0.03%, #FFF400 49.78%, #DB8000 97.68%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; */ line-height: 130% !important; /* font-weight: 200 !important; */ user-select: none; /* font-size: 34px !important; */ /* font-size: clam(30px, ) !important; */ /* margin-top: -25% !important; */ bottom: 115px; position: relative; width: fit-content; background: linear-gradient(90deg, #FFAA00 0.03%, #FFD80B 100%) !important; font-weight: 900 !important; border: none; color: #0E0A03 !important; opacity: 1; bottom: 105px; font-size: 15px; padding: 12px 52px; border-radius: 38px; pointer-events: none; } .-g-component-banner-group .pin-home .pin:hover .figcaption .title { background: #36D0BA !important; color: white !important; } @media (max-width: 1000px) { .-g-component-banner-group .pin-home .pin .figcaption .title { bottom: 75px; font-size: 14px !important; } } @media (max-width: 860px) { .-g-component-banner-group .pin-home .pin .figcaption .title { bottom: 75px; font-size: 14px !important; } } @media (max-width: 550px) { .-g-component-banner-group .pin-home .pin .figcaption .title { bottom: 105px; font-size: 14px !important; } } @media (min-width: 860px) { .figcaption h3 { font-size: 36px !important; font-size: clam(30px, ) !important; margin-top: -20% !important; } } @media (max-width: 860px) { .figcaption h3 { font-size: 33px !important; margin-top: -25% !important; } } @media (max-width: 550px) { .figcaption h3 { font-size: 30px !important; margin-top: -25% !important; } } .pin a:before, .pin a:after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; transition: all .25s ease-in-out, border-radius 0.35s linear; } /* Container */ .container-h, .container-h.full { max-width: min(1300px, 100vw) !important; } .bnn-group-left { margin: 0 auto; max-width: 1300px; } /* Action button */ .btn { /* background: #efb307; */ background: linear-gradient(90deg, #FFAA00 0.03%, #FFD80B 100%) !important; font-weight: 900 !important; border: none; color: #0E0A03 !important; opacity: 1; } .cart-dd .cart-button button.btn .fl_orderSend { padding: 13px 15px !important; font-size: 13px !important; border-radius: 100px; line-height: 34px !important; } .btn.btn-cmd, .cart-header-btn .q-cart, .cart-m .q-cart { background: linear-gradient(90deg, #FFAA00 0.03%, #FFD80B 100%) !important; border: none !important; } a.btn:hover { border: none; background: #36D0BA !important; color: white !important } .btn.full.-g-order-continue-shopping-button { background: transparent !important; border: 2px solid #FFAA00 !important; color: #FFAA00 !important } .btn.full.-g-order-continue-shopping-button:hover { border: none; background: transparent !important; border: 2px solid #36D0BA !important; color: #36D0BA !important } a.details-btn.addNewAddress { color: #0E0A03 !important; background: linear-gradient(90deg, #FFAA00 0.03%, #FFD80B 100%) !important; border: none !important; padding: 10px; } a.details-btn.addNewAddress:hover { border: none; background: #36D0BA !important; color: white !important } .btn.btn-outline { background: transparent !important; border: 2px solid #FFAA00 !important; color: #FFAA00 !important } .btn.btn-outline:hover { background: transparent !important; border: 2px solid #36D0BA !important; color: #36D0BA !important } #cta-phone { background: transparent !important; border: 2px solid #FFAA00 !important; color: #FFAA00 !important } #cta-phone:hover { background: transparent !important; border: 2px solid #36D0BA !important; color: #36D0BA !important } .custom-hero-banner-sm a.btn.std { padding: 12px 84px !important; } /* Header */ #logo img { max-height: 60px; } nav#main-menu { max-width: 100vw !important; } .top-head-bg, .main-header .cart.container-bg { background: transparent !important; } .main-header .main-menu, #mm-main-menu .mm-navbar, #mm-nav-filter .mm-navbar { background: #0E0A03; } .main-header .nav-menu-hh { padding: 0; z-index: 99; } .mm-mobile-menu .base-menu>li { border-bottom: 1px solid #333; } .main-header .main-menu { max-width: 1170px; border-top: 1px solid #333; border-bottom: 2px solid #000; } @media (min-width: 850px) { .main-header .top-head-bg { background: #0E0A03 !important; position: relative !important; } } @media (max-width: 850px) { .main-header .top-head-bg { position: absolute !important; left: 15%; } } @media (max-width: 420px) { .main-header .top-head-bg { display: none !important; } } .mm-mobile-menu.main-menu ul li a { color: white !important; } .mm-mobile-menu .base-menu li .mm-btn-next:before { color: white; } #navigation { background-color: #0e0a03 !important; padding: 10px; } /* Footer */ footer.container-h { max-width: 100vw !important; background: #3a3a3a !important; } footer .container-bg { background: #3a3a3a !important; } .main-header.container-bg.fix-nav { background-color: #0e0a03 !important; } .cart-header-btn .q-cart, .cart-m .q-cart { background: #e9b412; } .cart-dd .cart-button .btn.fl._orderSend { border: 1px solid #e9b412 !important; background: transparent !important; color: #e9b412 !important } .cart-dd .cart-button .btn.fl._orderSend:hover { border: 1px solid transparent !important; background: #36D0BA !important; color: white !important } .acount-section { padding-bottom: 10px; padding-top: 10px; } .-g-wishlist-product-count { background: #e9b412 !important; color: #3a3a3a; } /* Search box */ .search-button { background: #e9b412; } @media screen and (max-width: 767px) { .search-form-box.search-toggle { padding: 40px 5px; } } .search-form-box.search-toggle { background: #0E0A03 !important; } .search-form-box input[type=text] { border: 2px solid #e9b412; background: #0E0A03 !important; } .search-form-box:hover input[type=text] { border: 2px solid #36D0BA !important; } .search-form-box input[type=text].-g-input-loading { background-position: right 50px center !important; } .search-form-box:hover .search-button { background: #36D0BA !important; } /* .search-form-box input[type=text]:focus, .search-form-box input[type=text]:focus-visible, .search-form-box input[type=text]:focus-within, .search-form-box input[type=text]:target { border: 1px solid #36D0BA; } */ /* Menu */ .main-header .main-menu ul.nav-menu>li>a:hover { color: #36D0BA !important; } /* Slider */ #main-bnn img { height: auto !important; } @media (min-width: 1301px) { .custom-hero-banner-sm { display: none; } .custom-hero-banner-md { display: none; } .custom-hero-banner-xl { display: block; } .custom-hero-banner-xl .btn.std { /* bottom: 35%; */ bottom: 80px; right: 10%; } .custom-hero-banner-xl .btn.std.btn-outline { /* bottom: 20%; */ bottom: 0px; } .-g-banner-fixed-holder .title { text-align: left; top: -80px; /*top: max(-20%, -100px);*/ /*top: -20%;*/ left: 0%; position: absolute; } @media (min-width: 1800px) { .-g-banner-fixed-holder .title { top: -20%; } } } @media (max-width: 1300px) { .custom-hero-banner-sm { display: none; } .custom-hero-banner-md { display: block; } .custom-hero-banner-md .btn.std { top: 10%; right: 35%; transform: translate(50%, 50%); } .custom-hero-banner-md .btn.std.btn-outline { display: block; right: 65%; } .-g-banner-fixed-holder .title { left: 50%; top: 0% !important; position: absolute; transform: translate(-50%, -50%); } .custom-hero-banner-xl { display: none; } } @media (max-width: 1000px) { .custom-hero-banner-sm { display: block; } .custom-hero-banner-sm .btn.std { top: 25%; right: 50%; transform: translate(50%, 50%); } .-g-banner-fixed-holder .title { left: 50%; top: 20% !important; position: absolute; transform: translate(-50%, -50%); } .custom-hero-banner-md { display: none; } .custom-hero-banner-xl { display: none; } } .-g-banner-fixed-holder .title { font-family: 'Varela Round', sans-serif; font-family: 'Style Script', cursive; background: -webkit-linear-gradient(0deg, #E18300 0.03%, #FFF400 49.78%, #DB8000 97.68%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; line-height: 130% !important; font-weight: 400 !important; font-size: clamp(42px, 4.5vw, 84px) !important; user-select: none; } .custom-hero-banner { height: calc(100vh - 128px) !important; /* width: calc(100vw + 2px); */ /* margin-left: -1px; */ width: 100vw; margin-top: -2px; position: relative; /* background-position: bottom !important; */ } .custom-hero-banner::before { content: '' !important; position: absolute !important; width: 100% !important; height: 80px !important; top: 0% !important; background: linear-gradient(180deg, #0E0A03 0%, rgba(14, 10, 3, 0) 100%) !important; backdrop-filter: none !important; z-index: 1; } .custom-hero-banner::after { content: ''; position: absolute; left: 0; margin-top: 1px; width: 100%; height: 0; bottom: 0; border-style: solid; border-width: 0 0 3.6vw calc(100vw - 2px); border-color: transparent transparent #3a3a3a transparent; z-index: 1; } .custom-hero-banner .btn.std { position: absolute; font-weight: 900; padding: 18px 84px !important; border: none; white-space: nowrap; } .custom-hero-banner .btn.std:hover { opacity: 1; color: #ffffff !important; background: #36D0BA !important; border: none; } .custom-hero-banner.-g-banner-fixed { margin-bottom: 0px; padding-bottom: 30px; } .custom-hero-banner .container-h { height: 100%; } .custom-hero-banner .-g-banner-fixed-holder { height: 100%; } .-g-component-id-hero-banner.bnn-group-left.gomagComponent.container-bg.-g-homepage-main-slider { max-width: 100vw; margin-top: 0; background-color: #3a3a3a !important; /* padding-top: 30px; */ /* padding-left: max(calc((100vw - 1700px)/2), 5%); */ /* padding-right: max(calc((100vw - 1700px)/2), 5%); */ } /* Slider buttons */ .owl-prev::before, .owl-next::before { background: rgba(233, 179, 18, 0.8) !important; } .owl-prev:hover::before, .owl-next:hover::before { background: #36D0BA !important; } /* Offers */ .-g-component-id-home-banner-small.gomagComponent.-g-component-banner-group.container-h.container-bg { max-width: 100vw !important; padding-left: max(calc((100vw - 1300px)/2), 5%); padding-right: max(calc((100vw - 1300px)/2), 5%); background: #3a3a3a !important; padding-top: 30px; margin-top: -1px; padding-bottom: 50px; position: relative; } /* Offers diagonal slash */ .-g-component-id-home-banner-small.gomagComponent.-g-component-banner-group.container-h.container-bg::after { content: ''; position: absolute; left: 0; margin-top: -1px; width: 100%; height: 0; top: 100%; border-style: solid; border-width: 3.6vw calc(100vw - 2px) 0 0; border-color: #3a3a3a transparent transparent transparent; } /* Fix for the diagonal slash */ @media screen and (max-width: 1200px) { .carousel-slide, .bottom-section { margin-top: 3.6vw; } } /* Body */ body.-g-pagetype-homepage { background: white !important; } /* Wrapper */ #wrapper { max-width: 100vw; /* overflow-y: hidden; */ } /* Footer text */ .main-footer .col ul li a { color: #fff; } .main-footer .col .title a { color: #fff; } .main-footer .col .title { color: #fff; } /* Top footer */ .container-h.full { max-width: 100vw !important; } .bottom-section .holder { background: #e9b412; } .bottom-section { overflow: visible; clip-path: inset(-50px 0px -50px 0px); } .bottom-section { background: #e9b412 !important; max-width: 100vw !important; position: relative; /* padding-bottom: clamp(40px, 5vw, 80px); */ margin-top: 3.6vw; text-align: center; } /* Top footer diagonal slash */ .bottom-section::before { /* content: ''; position: absolute; left: 0; width: 100%; top: 1px; margin-top: -3.6vw; z-index: 1; height: 0; border-style: solid; border-width: 0 0 3.6vw calc(100vw - 2px); border-color: transparent transparent #e9b412 transparent; */ content: ''; position: absolute; left: 0; width: 100%; top: calc(-3vw + 9px); z-index: 1; height: calc(3vw - 8px); background: #e9b412; clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 0% 100%); } /* Bottom footer diagonal slash */ .bottom-section::after { content: ''; position: absolute; left: 0; width: 100%; bottom: -1px; z-index: 1; height: 0; border-style: solid; border-width: 0 0 3.6vw calc(100vw - 2px); border-color: transparent transparent #3a3a3a transparent; } /* Bottom footer diagonal slash fix */ .col.support { padding-top: 10px; padding-bottom: 3.6vw; } /* Bottom background */ #-g-footer-general .container-bg { background: transparent !important; /* background: #36D0BA !important; */ /* background: linear-gradient(-45deg, #3D506D 0%, #36D0BA 100%) !important; */ color: white !important; } footer#-g-footer-general { /* background: linear-gradient(-45deg, #3D506D 0%, #36D0BA 100%) !important; */ background: #3a3a3a !important; max-width: 100vw !important; } /* ToDo: Chat button is an iframe */ .u-userLauncherColor:not([disabled]) { background-color: #efb307 !important; color: #333 !important; fill: #333 !important; } /* Product list */ .carousel-slide .holder { background: transparent !important; overflow: hidden !important; } /* Product card */ .product-box { overflow: initial; } .product-icon-box { top: 10px; } .product-icon-box .icon, .product-box .icon { font-size: 13px; } .product-box .title { height: auto; text-overflow: ellipsis; white-space: nowrap; } .product-box .box-holder { background: transparent !important; padding: 20px 15px 30px 15px; border: none; border-radius: 16px; } #-g-homepage-productsDiscounts { margin-top: 50px !important; } .product-box { cursor: pointer; overflow: hidden; max-width: 300px !important; } .product-box:hover a { color: #333 !important; } @media (min-width: 1000px) { .product-box .box-holder::before { content: 'Vezi produs'; text-align: right; position: absolute; right: 0; margin-top: 1px; width: 100%; height: 0px; bottom: 0; opacity: 0; z-index: 1; font-weight: 900; padding-top: 23px; padding-right: 8px; overflow: hidden; transition: height 0.4s ease-in-out, opacity 0.4s ease-in-out; } .product-box .box-holder::after { content: ''; position: absolute; left: 0; width: calc(100%); height: 0; bottom: 0; border-style: solid; border-width: 0 0 0px 300px; border-color: transparent transparent #f0c033 transparent; transition: border-width 0.4s ease-in-out; } .product-box:hover .box-holder::before { opacity: 1; height: 50px; } .product-box:hover .box-holder::after { border-width: 0 0 50px 300px; } } .owl-carousel .owl-wrapper-outer { overflow: visible; } .product-box:hover::before, .product-box:hover::after { width: 100%; height: 100%; border-radius: 0px; } .product-box::before { width: 0%; height: 100%; border-radius: 0px; border-top: 1px solid #efb307; border-bottom: 1px solid #efb307; /* For border is either efb307 or 36D0BA */ } .product-box::after { width: 100%; height: 0%; border-radius: 0px; border-left: 1px solid #efb307; border-right: 1px solid #efb307; } .product-box::before, .product-box::after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; transition: all .25s ease-in-out, border-radius 0.35s linear; } .icon.new { background: #36D0BA !important; font-weight: bold; color: #ffffff; } .icon.discount { background: linear-gradient(270deg, #FFAA00 0.03%, #FFD80B 100%) !important; font-weight: bold; color: #333; } /* Blue highlights */ a:hover { color: #36D0BA !important; } a[href='javascript:void(0)'] { color: inherit !important; } a[href='https://www.gomag.ro/'] { font-weight: bolder; color: white; } a[href='tel:0720134652'] { font-weight: bold; } a[href='mailto:office@cosuri-cadou.ro'] { font-weight: bold; } .text-main { color: #efb307 !important; font-weight: bold; } .carousel.owl-carousel>.owl-wrapper-outer>.owl-wrapper>.owl-item .product-box:hover .text-main { color: #36D0BA !important; } /* Text selection */ ::-moz-selection { /* Code for Firefox */ color: white; background: #36D0BA; } ::selection { color: white; background: #36D0BA; } /* Side menu */ .bg-main { background: #36D0BA !important; } .text-main { color: #36D0BA !important; } .account-section .fidelity li:first-of-type { color: #36D0BA; } .breadcrumbs-default ol li a.active { color: #ffaa00; } .main-menu ul>li:hover>a, .menu-dd a:hover { color: #36D0BA !important; } .main-menu { background: #0E0A03 !important; } .mm-menu-footer { background: #0E0A03 !important; } .mm-menu-head { background: linear-gradient(270deg, #FFAA00 0.03%, #FFD80B 100%) !important; font-weight: 900; } .mm-menu-head .-g-user-icon a { color: #0E0A03; } .main-menu ul li a { font-size: 13px; } /* Quantity pill / regulator */ .qty-regulator { width: fit-content !important; display: flex; align-items: center; background: linear-gradient(270deg, #FFAA00 0.03%, #FFD80B 100%); border-radius: 100px; padding: 0px !important; border: none !important; } .qty-regulator .minus, .qty-regulator .plus { background: transparent; /* border: 1px solid #0E0A03; */ border: none !important; height: 40px !important; width: 40px !important; line-height: 40px !important; font-weight: 400 !important; } .qty-regulator .minus:hover, .qty-regulator .plus:hover { background: #36D0BA !important; color: white !important; border: none !important; } .qty-regulator input.qty-val.qty { background: transparent; /* border: 1px solid #0E0A03; */ border: none !important; font-weight: 400; width: 40px; height: 40px; line-height: 40px; } /* Inputs */ .input-s { box-sizing: border-box; color: #0E0A03; border: 2px solid #0E0A03; background: white; border-radius: 6px; padding: 1em; font-size: 1em; font-weight: 600; line-height: 100%; transition: all ease-out .4s; outline: 0 !important; } .input-s:-webkit-autofill, .input-s:-webkit-autofill:hover, .input-s:-webkit-autofill:focus { -webkit-text-fill-color: #0E0A03; -webkit-box-shadow: 0 0 0px 1000px white inset; transition: background-color 5000s ease-in-out 0s; } .input-s-error { border: 2px solid rgba(255, 94, 0, 0.7) !important; color: #FF5C00 !important; } .input-s:hover { box-shadow: 0px 0px 9px 3px rgba(54, 208, 186, 0.12); border: 2px solid rgb(54, 208, 186); } .input-s:active, .input-s:focus, .input-s:focus-visible, .input-s:focus-within { box-shadow: 0px 0px 9px 3px rgba(255, 170, 0, 0.12); border: 2px solid rgb(255, 170, 0); } /* Checkbox */ /* Customize the label (the container) */ .-g-product-configurations-holder label { display: flex; justify-content: center; align-items: center; } .-g-product-configurations-holder label .new-checkbox { position: relative !important; margin-right: 12px; left: 0; transform: none; } label.custom-chk, label.free-account { display: flex; justify-content: flex-start; align-items: center; } label.custom-chk>.new-checkbox, label.free-account>.new-checkbox { position: relative !important; margin-right: 12px; left: 0; transform: none; } label.-g-agreement-PersonalInformation, label .label-s, label { display: block; position: relative; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } label.-g-agreement-PersonalInformation { padding-left: 35px; } .form-h { position: relative; display: block; padding-left: 35px; margin-bottom: 12px; } /* Hide the browser's default checkbox */ label .new-checkbox input[type='checkbox'], label~.new-checkbox input[type='checkbox'] { position: absolute; opacity: 0; left: 0; cursor: pointer; height: 100%; width: 100%; } /* Create a custom checkbox */ .new-checkbox { position: absolute; top: 50%; transform: translate(0%, -50%); left: 0; min-height: 28px !important; min-width: 29px !important; height: 28px !important; width: 29px !important; border-radius: 6px; background-color: rgba(255, 170, 0, 0.2); cursor: pointer; } /* On mouse-over, add a grey background color */ label:hover .new-checkbox, label:hover~.new-checkbox, label~.new-checkbox:hover { background-color: rgba(54, 208, 186, 0.5); } /* When the checkbox is checked, add a blue background */ label .checked, label~.checked { background-color: rgb(54, 208, 186); } /* Create the new-checkbox/indicator (hidden when not checked) */ label .new-checkbox:after, label~.new-checkbox:after { content: ''; position: absolute; display: none; } /* Show the new-checkbox when checked */ label .checked:after, label~.checked:after { display: block; } /* Style the new-checkbox/indicator */ label .checked:after, label~.checked:after { left: 11px; top: 5px; width: 8px; height: 14px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .form-h label.label-s~.new-checkbox.fl~label.label-s { padding-left: 5px; width: fit-content; margin-bottom: 0px; } .option-group li label { padding-left: 35px !important; margin-top: 10px !important; margin-bottom: 10px !important; } /* Other special labels */ .shippingOptions .label-s { text-align: left !important; } /* Product tabs */ .resp-tabs-list.tab-grup li:first-child { border-top-left-radius: 10px !important; } .resp-tabs-list.tab-grup li:last-child { border-top-right-radius: 10px !important; } .detail-tabs .resp-tabs-list li { background-color: rgb(245, 245, 245) !important; color: #FFAA00 !important; } .detail-tabs .resp-tabs-list li.resp-tab-active { background-color: #FFAA00 !important; color: white !important; } .detail-tabs .resp-tabs-list li:hover { background-color: #36D0BA !important; color: white !important; } /* Other misc stuff */ .container-h.container-bg.gomagComponent:first-of-type { background-color: transparent !important; } /* Settings */ .account-box.add .btn { height: 40px !important; } /* Paginatiom */ .pagination li a { color: #0E0A03 !important; } .pagination li a.active { background-color: #ffaa00 !important; } .pagination li a:hover { background-color: #36D0BA !important; color: white; } /* Ordering */ label.order-type { display: flex; align-items: center; } .order-type select { height: auto; line-height: normal; padding: 7px 0px; } .slider_recomend_h { max-width: 100vw !important; overflow: scroll; } .detail-price s { display: block; } .detail-price s+.price-tva { display: none; } .mm-mobile-menu .menu-dd, .mm-mobile-menu .menu-dd.__ignoreSubmenu { background: #0e0a03 !important; } /* 2022.12.23*/ .icon-group.loaded { visibility: visible; max-width: 100vw !important; /*padding-left: max(calc((100vw - 1300px)/2), 5%); padding-right: max(calc((100vw - 1300px)/2), 5%); */ background: #3a3a3a !important; padding-top: 30px; margin-top: -1px; padding-bottom: 50px; position: relative; text-color: ffffff; } .-g-post-slide .-g-post-slide-content { /* visibility: hidden; */ display: none; } .icon-group.detail .col p { color: white; } .icon-group .col .icon-label { color: white; } .btncategori { background: #FFAE01; background-image: -webkit-linear-gradient(top, #FFAE01, #FFD40A); background-image: -moz-linear-gradient(top, #FFAE01, #FFD40A); background-image: -ms-linear-gradient(top, #FFAE01, #FFD40A); background-image: -o-linear-gradient(top, #FFAE01, #FFD40A); background-image: linear-gradient(to bottom, #FFAE01, #FFD40A); -webkit-border-radius: 31; -moz-border-radius: 31; border-radius: 31px; font-family: Arial; color: #000000; font-size: 20px; padding: 7px 40px 7px 40px; border: solid #ffffff 0px; text-decoration: none; } .btncategori:hover { background: #72DECF; background-image: -webkit-linear-gradient(top, #72DECF, #72DECF); background-image: -moz-linear-gradient(top, #72DECF, #72DECF); background-image: -ms-linear-gradient(top, #72DECF, #72DECF); background-image: -o-linear-gradient(top, #72DECF, #72DECF); background-image: linear-gradient(to bottom, #72DECF, #72DECF); text-decoration: none; }