html, body { height : 100%; margin: 0; padding: 0; }
body { color : #424449; font-family : arial; padding-top : 0; }
#wrapper { min-height : 100%; position : relative; }
#content { padding-bottom : 0; }
#languages-bar { background : #444444; background : linear-gradient(to bottom, #444444 0%,#333333 100%); background : -moz-linear-gradient(top, #444444 0%, #333333 100%); background : -webkit-linear-gradient(top, #444444 0%,#333333 100%); filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#333333',GradientType=0 ); margin-bottom : 15px; padding : 8px 0; }
#languages-bar .phone { color : #f1f1f1; font-weight : bold; }
#languages-bar .phone span { margin-right : 5px; }
#languages-bar ul { margin : 0; margin-left : -10px; padding : 0; }
#languages-bar ul li { border-right : 1px solid #efefef; display : inline; margin-left : 10px; padding-right : 10px; text-transform : capitalize; }
#languages-bar ul li a { color : #efefef; font-size : 13px; }
#languages-bar ul li img { height : 11px; margin-right : 2px; margin-top : -2px; width : 16px; }
#languages-bar ul li.last-item { border-right : none; }
#top-part { margin-bottom : 10px; padding : 10px 0; }
#top-part #adv-search .dropdown.dropdown-lg .dropdown-menu { margin-top: -1px; padding: 14px 20px; width: 515px; background: #ffffff;background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%);background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );}
#top-part #adv-search .input-group-btn .btn-group { display : flex !important; }
#top-part #adv-search .btn-group .btn { border-radius : 0; }
#top-part #adv-search .btn-group .form-horizontal .btn[type="submit"] { border-bottom-left-radius : 4px; border-top-left-radius : 4px; }
#top-part #adv-search .form-horizontal .form-group { margin-left : 0; margin-right : 0; }
#top-part #adv-search .form-group .form-control:last-child { border-bottom-left-radius : 4px; border-top-left-radius : 4px; }
#top-part ul.shop-dropdown { list-style : none; margin : 0; padding : 0; }
#top-part .site-logo { max-height : 65px; max-width:100%; }
#top-part ul.dropdown-cart { height : auto; max-height : 250px; overflow-x : hidden; width : 265px; }
#top-part ul.shop-dropdown a.dropdown-toggle { color : #333; font-size : 13px; }
#top-part ul.shop-dropdown a.dropdown-toggle:hover { text-decoration : none; }
#top-part ul.dropdown-cart li .item { display : block; margin : 3px 0; padding : 3px 10px; }
#top-part ul.dropdown-cart li .item:hover { background-color : #f3f3f3; }
#top-part ul.dropdown-cart li .item:after { clear : both; content : " "; display : block; font-size : 0; height : 0; visibility : hidden; }
#top-part ul.dropdown-cart li .item-in { float : left; }
#top-part ul.dropdown-cart li .item-in img { height : 50px; width : 50px; }
#top-part ul.dropdown-cart li .item-in a.item-info span { display : block; font-size : 12px; }
#top-part ul.dropdown-cart .go-checkout { display: inline-block; margin-bottom: 7px; background: #ffffff;background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%);background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); }
#top-part ul.dropdown-cart .item-x-absolute { position : absolute; right : 10px; }
#top-part ul.dropdown-cart li .item-in .left-side { float : left; width : 50px; }
#top-part ul.dropdown-cart li .item-in .right-side { border-bottom : 1px solid #f1f1f1; float : left; margin-left : 2px; width : 170px; }
#top-part ul.dropdown-cart .item-info .prices span { color : #fe3a3a; display : inline !important; }
#top-part ul.dropdown-cart .item-info .prices, #top-part ul.dropdown-cart .item-info .currency { color : #fe3a3a; display : inline !important; }
.dropdown-cart .shop-item {background: #ffffff;background: -moz-linear-gradient(top,  #ffffff 0%, #f6f6f6 47%, #ededed 100%);background: -webkit-linear-gradient(top,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);background: linear-gradient(to bottom,  #ffffff 0%,#f6f6f6 47%,#ededed 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );}
.navbar-brand { color : #fff; font-size : 16px; margin-left : 0 !important; margin-right : 15px; margin-top : 8px; padding : 0; height: auto; }
.navbar-brand:hover { color : #f1f1f1; }
.navbar {  border-radius : 0;  line-height : 100%; margin : 0px 0px 0px 0px; margin-bottom : 30px; moz-box-shadow : 2px 2px 3px #661313; padding : 6px 6px 4px 6px; webkit-box-shadow : 2px 2px 3px #661313; }
.navbar li { float : left; list-style : none; padding : 0px 6px 0px 6px; position : relative; }
.navbar li a { border-radius : 10px; color : #E7E5E5; display : block; font-family : arial; font-size : 13px; font-style : normal; font-weight : bold; margin : 0; moz-border-radius : 10px; padding : 6px 20px 6px 20px; padding : 8px 12px; text-decoration : none; text-shadow : 2px 2px 3px #000000; webkit-border-radius : 10px; }
.navbar .active a, .navbar li:hover a { background : #0399D4; background : linear-gradient(top, #EBEBEB, #A1A1A1); background : -moz-linear-gradient(top, #EBEBEB, #A1A1A1); background : -ms-linear-gradient(top, #EBEBEB, #A1A1A1); background : -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#A1A1A1)); box-shadow : 0 1px 1px rgba(0, 0, 0, .2); color : #3B3944; moz-box-shadow : 0 1px 1px rgba(0, 0, 0, .2); text-shadow : 2px 2px 3px #FFFFFF; webkit-box-shadow : 0 1px 1px rgba(0, 0, 0, .2); }
#adv-search { background-color : #f1f0ee; border-bottom-left-radius : 3px; border-top-left-radius : 3px; box-shadow : 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2); moz-border-radius : 10px; moz-box-shadow : 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2); padding : 10px; webkit-border-radius : 10px; webkit-box-shadow : 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2); }
#search_in_title { background-color : #fff; border : 0 none; border-radius : 3px 0 0 3px; font : bold 15px "lucida sans","trebuchet MS","Tahoma"; height : 40px; padding : 10px 5px; }
.button-more, .btn-go-search { border : 0 none; border-radius : 0; color : #fff; cursor : pointer; float : right; font : bold 15px/40px "lucida sans","trebuchet MS","Tahoma"; height : 40px; overflow : visible; position : relative; text-shadow : 0 -1px 0 rgba(0, 0, 0, 0.3); text-transform : uppercase; width : 100%; }
.button-more::before { border-style : solid solid solid none; border-width : 8px 8px 8px 0; content : ""; left : -6px; position : absolute; top : 12px; }
.btn-go-search { border-bottom-right-radius : 3px; border-top-right-radius : 3px; }
.basket-box { border : 1px solid #e7e7e7; border-bottom-right-radius : 3px; border-top-right-radius : 3px; height : 60px; margin-left : -32px; padding : 8px; }
.green-basket { height : 50px; margin-top : -5px; }
.basket-box .green-basket { margin-right : 20px; }
.basket-box h4 { margin : 0; }
.basket-box .center { text-align : center; }
.basket-box .center a { color : #333; font-size : 11px; }
.basket-box table { width : 100%; }
.cleaner {padding-top: 5px; padding-right: 5px;}
.btn-blue-round { display:inline-block !important; color:#fff !important; background: #3498db linear-gradient(to bottom, #3498db, #2980b9) repeat scroll 0 0; border-radius: 28px; color: #ffffff; display: inline-block;  font-family: Arial; font-size: 14px; padding: 4px 20px;text-decoration: none;}
.btn-blue-round a:hover {background: #3cb0fd; background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db); background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);background-image: -o-linear-gradient(top, #3cb0fd, #3498db);background-image: linear-gradient(to bottom, #3cb0fd, #3498db); text-decoration: none;}
#home-slider { height : 370px; margin-bottom : 40px; }
#home-slider .right-side { padding-top : 60px; }
#home-slider .left-side img { max-height : 370px; }
#home-slider .description { color : #666; margin-bottom : 15px; }
#home-slider .price { font-size : 40px; margin-bottom : 15px; }
#home-slider .carousel-control { background-color : none; }
#home-slider .carousel-control.left, #home-slider .carousel-control.right { background-image : url('imgs/carousel-sprite.png'); }
#home-slider .carousel-control.left { background-position : 0 center; width : 100px; }
#home-slider .carousel-control.right { background-position : -100px center; width : 100px; }
#home-slider a.option { background : #fff none repeat scroll 0 0; border : 1px solid #ddd; color : #000; cursor : pointer; float : right; font-size : 0.85em; outline : medium none; padding : 10px 30px; text-transform : uppercase; transition : all 0.3s ease 0s; }
#home-slider a.option.right-5 { margin-right : 5px; }
#home-slider a.option:hover { text-decoration : none; }
#home-slider a.option img {width:20px; margin-right: 5px;}
#home-slider .carousel-indicators li { border : 1px solid #333; }
#home-slider .carousel-indicators .active { background-color : #333; }
.oaerror { background-color : #FFFFFF; border : 1px solid #eee; border-left-width : 5px; border-radius : 3px; font-family : 'Open Sans', sans-serif; font-size : 16px; margin : 0 auto; padding : 20px; width : 100%; }
.oaerror.info { background-color : rgba(91, 192, 222, 0.1); border-left-color : #5bc0de; }
.oaerror.info strong { color : #5bc0de; }
.table-products img.product-image { width : 80px; }
.final-step-form { margin-top : 50px; text-align : center; }
.final-step-form input, .final-step-form a { margin-bottom : 5px !important; }
.blog-col, .left-col-archive { margin-bottom : 15px; }
#search-input-blog { margin:0; margin-top: 10px; margin-bottom: 20px; padding: 0;}
#search-input-blog .search-query { padding-right: 30px;    padding-left: 3px; margin-bottom: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#search-input-blog button {border: 0;  background: none;  padding: 2px 5px;      margin-top: 2px;      position: absolute; top:5px;    left: -28px;   margin-bottom: 0;   -webkit-border-radius: 3px;   -moz-border-radius: 3px;    border-radius: 3px;  color:#D9230F;}
#search-input-blog .search-query:focus + button { z-index: 3;}
div.filter-sidebar { margin-bottom : 30px; }
div.filter-sidebar .title, .title.alone { font-size : 18px; line-height : 1; margin : 0 0 10px; padding : 0; }
div.filter-sidebar .title span, .title.alone span { border-bottom : 3px solid #8c0707; color : #666; display : inline-block; margin-bottom : -3px; padding-bottom : 10px; }
div.filter-sidebar ul { list-style : none; padding : 0; }
div.filter-sidebar ul li, div.filter-sidebar ul li a { margin-bottom : 4px; }
div.filter-sidebar ul li a { color : #6d6d6d; display : inline-block; font-size : 13px; }
div.filter-sidebar ul li a.selected, div.filter-sidebar ul li a:hover { color : #1e88e5; }
div.filter-sidebar ul.children { padding-left : 13px; }
div.filter-sidebar ul.parent i, div.filter-sidebar ul.children i { font-size : 10px; }
div.filter-sidebar .title a.clear-filter, div.filter-sidebar .title i { color : #666; float : right; }
/* Product Cards - Modern Design */
div.product-list { 
    cursor: pointer; 
    margin-bottom: 30px; 
    padding: 0;
    background: #ffffff;
    border-radius: 15px;
    border: 2px solid #f0f0f0;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    display: flex;
    flex-direction: column;
    height: 100%;
}

#products-side div.product-list:hover { 
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 15px 35px rgba(2, 54, 110, 0.2);
    border-color: #ffbc14ff;
}

div.product-list div.inner {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
}

div.product-list div.inner div.img-container { 
    margin-bottom: 0; 
    overflow: hidden;
    position: relative;
    height: 180px;
    background: #f8f9fa;
    flex-shrink: 0;
}

div.product-list div.inner div.img-container a { 
    height: 180px; 
    display: block; 
    background-position: center; 
    background-size: cover; 
    background-repeat: no-repeat;
    width: 100%;  
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

div.product-list:hover div.inner div.img-container a {
    transform: scale(1.15);
}

div.product-list div.inner div.img-container::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, transparent 0%, rgba(2, 54, 110, 0.4) 100%);
    opacity: 0;
    transition: opacity 0.4s ease;
}

div.product-list:hover div.inner div.img-container::after {
    opacity: 1;
}

/* Product Content Wrapper */
div.product-list .product-content {
    padding: 12px 12px 8px 12px;
    text-align: center;
    background: #ffffff;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

/* Product Title */
div.product-list h2 { 
    height: 48px;
    min-height: 48px;
    max-height: 48px;
    overflow: hidden; 
    line-height: 1.3; 
    margin: 0 0 8px 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

div.product-list h2 a { 
    color: #02366eff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none;
    transition: color 0.3s ease;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

div.product-list h2 a:hover { 
    color: #ffbc14ff !important;
    text-decoration: none;
}

/* Product Description */
div.product-list .product-description {
    color: #666;
    font-size: 12px;
    line-height: 1.5;
    margin: 0 0 8px 0;
    text-align: center;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 36px;
    min-height: 36px;
    max-height: 36px;
}

/* Remove extra space when no description */
div.product-list .product-content:not(:has(.product-description)) {
    padding-bottom: 5px;
}

div.product-list h2:last-child {
    margin-bottom: 0;
}

.info-btn { 
    color: #02366eff !important;
    background: linear-gradient(135deg, #ffbc14ff 0%, #ffa500 100%);
    margin-bottom: 8px;
    display: block;
    font-size: 13px;
    font-weight: 600;
    padding: 10px 20px;
    text-decoration: none;
    text-shadow: none;
    vertical-align: middle; 
    border-radius: 25px;
    border: 2px solid #ffbc14ff;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.info-btn:hover {
    color: #ffffff !important;
    background: linear-gradient(135deg, #02366eff 0%, #0d1b47 100%);
    border-color: #02366eff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(2, 54, 110, 0.3);
    text-decoration: none;
}
div.product-list div.price span.underline { text-decoration : underline; }
div.product-list div.price span, div.product-list div.quantity span { font-weight : bold; }
div.product-list div.price-discount { text-decoration : line-through; }
div.product-list div.price span.price-down { background-color : #f44336; color : #fff; font-weight : normal; text-decoration : none; }
div.product-list div.quantity { 
    height: 28px; 
    min-height: 28px; 
    margin-bottom: 6px; 
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}
div.product-sort {display : inline-block; margin-bottom : 20px; moz-box-shadow : 2px 2px 3px #661313; padding : 10px 20px; webkit-box-shadow : 2px 2px 3px #661313; width : 100%; }
div.product-sort .form-group { margin-bottom : 0; }
.btn-blog {background: #33bdef linear-gradient(to bottom, #33bdef 5%, #0781ad 100%) repeat scroll 0 0;border: 1px solid #057fd0; border-radius: 6px; box-shadow: 0 1px 0 0 #f0f7fa; color: #ffffff; cursor: pointer; display: inline-block; font-family: Arial; font-size: 15px; font-weight: bold; padding: 6px 24px; text-decoration: none;text-shadow: 0 -1px 0 #5b6178;}
.btn-blog:hover {color:#fff;}
.quantity-num { border : 1px solid #333; margin-right : 4px; padding-bottom : 2px; padding-left : 4px; padding-top : 1px; }
.paypal-image { margin : 20px 0; }
#checkout-page form .btm-10 { margin-bottom : 10px; }
#checkout-page .paypal-form { background : linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); background : -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); background : -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); background : -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); background : rgba(255,255,255,1); background : -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1))); background : -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 ); padding-top : 10px; }
.payment-type-box { border : 1px solid #ccc; margin : 20px 0; padding : 12px; position : relative; }
.payment-type-box .top-header { background-color : #fff; font-size : 14px; left : 50%; margin-left : -75px; padding-left : 5px; padding-right : 5px; position : absolute; top : -12px; width : 149px; }
#checkout-page .form-control { border-radius : 0; box-shadow : none; color : #666; font-size : 13px; }
#checkout-page .form-group label { color : #666; font-size : 13px; }
#checkout-page .left-side { margin-bottom : 30px; }
#checkout-page .discount {margin-bottom: 20px;}
#small_carousel.carousel { padding-bottom : 60px; }
#home-slider .carousel-inner .right-side h3 a {color:#424449;}
#small_carousel.carousel .carousel-inner .item { ms-transition-property : opacity; opacity : 0; text-align : center; transition-property : opacity; }
#small_carousel.carousel .carousel-inner .active { ms-transition-property : opacity; opacity : 1; transition-property : opacity; webkit-transition-property : opacity; }
#small_carousel.carousel .carousel-indicators { bottom : 10px; }
#small_carousel.carousel .carousel-indicators > li { background-color : #1e88e5; border : none; }
#small_carousel blockquote { border : none; text-align : center; }
#small_carousel .profile-circle { border-radius : 100px; height : 100px; margin : 0 auto; width : 100px; }
#small_carousel .profile-circle img { width : 100%; }
#small_carousel .carousel-indicators .active { height : 15px; width : 15px; }
#small_carousel .add-to-cart {padding-left: 10px; padding-right: 10px;}
#small_carousel .info-btn {margin-left:10px; margin-right: 10px;}
#small_carousel a.left.carousel-control, #small_carousel a.right.carousel-control {display: none;}
#view-product h1 { font-size : 20px; margin-bottom : 40px; margin-top : 0; }
#view-product .the-image { border : 1px solid #ddd; box-shadow : 0 6px 12px rgba(0, 0, 0, 0.176); padding : 5px; }
#view-product .orders-from-category { padding-top : 80px; }
#view-product .row-info { padding : 10px 0 0; }
#view-product .border-bottom { border-bottom : 1px solid #d7d7d7; margin-left : 10px; margin-right : 10px; margin-top : 10px; }
#view-product .manage-buttons a { display: block; margin-bottom: 5px;}
#contacts .jumbotron { background : #358CCE; border-radius : 0px; color : #FFF; }
#contacts .jumbotron-sm { padding-bottom : 24px; padding-top : 24px; }
#contacts .jumbotron small { color : #FFF; }
#contacts .h1 small { font-size : 24px; }
.blog-list .caption { color : #666; }
.blog-list small span { margin-right : 7px; }
.blog-list small, .blog-list small a, .blog-preview-time { color : silver; }
.blog-list .caption h5 { font-size : 16px; }
.blog-list img { width : 100%; }
#blog .thumbnail { border-radius : 0; }
.blog-preview-time { display : inline-block; margin-bottom : 10px; }
.blog-description { color : #666; font-size : 13px; }
.blog-artchive { list-style : none; margin-bottom : 20px; padding-left : 0; }
.blog-artchive .item { background : transparent none repeat scroll 0 0; border-color : -moz-use-text-color -moz-use-text-color #ccc; border-image : none; border-style : none none dotted; border-width : 0 0 1px; moz-border-bottom-colors : none; moz-border-left-colors : none; moz-border-right-colors : none; moz-border-top-colors : none; padding : 10px 0px; padding-left : 10px; }
.blog-artchive .item a { color : #666; }
.blog-home-left-categ { margin-bottom : 20px; }
.blog-list .description {height: 125px;overflow: hidden;}
.blog-list h5 {height: 40px; overflow: hidden;}
.blog-list .img-container {height: 400px; overflow: hidden;}
.btn-blue { background-color : #4285f4; box-shadow : 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); color : #fff; }
/* Price Styling - HIDDEN */
.product-list .price { 
    display: none !important;
}

.product-list .price span.underline {
    color: #02366eff;
    font-size: 18px;
    font-weight: 800;
    text-decoration: none;
}

.product-list .price span.underline span {
    color: #ffbc14ff;
}

.product-list .price-discount { 
    display: none !important;
}

/* View Product Button */
.product-list .view-product-btn {
    margin-bottom: 0;
    padding: 0 12px 12px 12px;
}

.product-list .btn-view-product {
    background: linear-gradient(135deg, #02366eff 0%, #0d1b47 100%);
    border: 2px solid #02366eff;
    color: #ffffff !important;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 25px;
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: block;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(2, 54, 110, 0.3);
}

.product-list .btn-view-product:hover {
    background: linear-gradient(135deg, #ffbc14ff 0%, #ffa500 100%);
    border-color: #ffbc14ff;
    color: #02366eff !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(255, 188, 20, 0.4);
    text-decoration: none;
}

/* Add to Cart Buttons */
.product-list .add-to-cart { 
    margin-bottom: 8px;
    padding: 0 15px;
}

.add-to-cart.btn-add { 
    background: linear-gradient(135deg, #ffbc14ff 0%, #ffa500 100%);
    border: 2px solid #ffbc14ff;
    color: #02366eff !important;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 25px;
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    display: block;
    text-align: center;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(255, 188, 20, 0.3);
}

.add-to-cart.btn-add.more-blue {
    background: linear-gradient(135deg, #02366eff 0%, #0d1b47 100%);
    border-color: #02366eff;
    color: #ffffff !important;
}

.add-to-cart.btn-add:hover { 
    background: linear-gradient(135deg, #02366eff 0%, #0d1b47 100%);
    border-color: #02366eff;
    color: #ffffff !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(2, 54, 110, 0.4);
}

.add-to-cart.btn-add.more-blue:hover {
    background: linear-gradient(135deg, #ffbc14ff 0%, #ffa500 100%);
    border-color: #ffbc14ff;
    color: #02366eff !important;
}

.add-to-cart.btn-add:active {
    transform: translateY(0);
}
.btn-inner-search { color: #f1f1f1; }
.add-to-cart a .loader { display: none; left: 50%;margin-left: -12px; position: absolute; width: 25px; }
#notificator { display : none; left : 50%; margin-left : -100px; padding : 15px 25px; position : fixed; text-align : center; top : 20px; width : 200px; z-index : 5000; }
#clear-form { margin-left : -4px; }
#myImg { border-radius : 5px; cursor : pointer; transition : 0.3s; }
#myImg:hover { opacity : 0.7; }
/*image preveiw*/
#modalImagePreview { background-color : rgb(0,0,0); background-color : rgba(0,0,0,0.9); display : none; height : 100%; left : 0; overflow : auto; padding-top : 100px; position : fixed; top : 0; width : 100%; z-index : 100; }
#modalImagePreview .modal-content { text-align: center; display : block; margin : auto; max-width : 700px; width : 80%; }
#modalImagePreview #caption { color : #ccc; display : block; height : 150px; margin : auto; max-width : 700px; padding : 10px 0; text-align : center; width : 80%; }
#modalImagePreview .modal-content, #modalImagePreview #caption { animation-duration : 0.6s; animation-name : zoom; webkit-animation-duration : 0.6s; webkit-animation-name : zoom; }
#modalImagePreview .close { opacity: 1; color : #f1f1f1; font-size : 40px; font-weight : bold; position : absolute; right : -10px; top : -40px; transition : 0.3s; }
#modalImagePreview .close:hover,#modalImagePreview .close:focus { color : #bbb; cursor : pointer; text-decoration : none; }
#modalImagePreview img {max-width: 100%;}
.inner-next, .inner-prev {position:absolute; top:50%; margin-top:-120px; background-image: url('imgs/arrows-2x.png');height: 120px; width: 80px;}
.inner-prev {left:10px;}
.inner-next {right:10px;  background-position:-110px center;}
.other-images-container .active img {border:3px solid #b1b1b1;}
.img-series {    bottom: -17px;    color: #fff;    font-size: 14px;    position: absolute;    right: 0;}
.img-sl { cursor: pointer;}
/*image preveiw finish*/
.steps { margin-bottom: 30px; padding-left:15px; padding-right: 15px;}
.steps .step { text-align: center; padding-top: 7px; padding-bottom: 7px; border-left: 2px solid #fff;}
.step-bg-ok {background: #7db9e8; background: -moz-linear-gradient(top,  #7db9e8 0%, #337ab7 100%); background: -webkit-linear-gradient(top,  #7db9e8 0%,#337ab7 100%); background: linear-gradient(to bottom,  #7db9e8 0%,#337ab7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#337ab7',GradientType=0 ); color:#fff;}
.step-bg-not-ok {background: #d9edf7; background: -moz-linear-gradient(top,  #d9edf7 0%, #a6dbf4 100%); background: -webkit-linear-gradient(top,  #d9edf7 0%,#a6dbf4 100%); background: linear-gradient(to bottom,  #d9edf7 0%,#a6dbf4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9edf7', endColorstr='#a6dbf4',GradientType=0 ); color:#424449;}
#dynPage .top-bg {background-color: #e7e7e7; height:180px;}
#dynPage .text-content {margin-top: -100px; background-color: #fff; border-radius: 2px; padding: 80px 56px;box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2); color:#424242;}
@-webkit-keyframes zoom { from { webkit-transform : scale(0); }
                          to { webkit-transform : scale(1); }
}
@keyframes zoom { from { transform : scale(0); }
                  to { transform : scale(1); }
}
@media only screen and (max-width: 700px) { #modalImagePreview .modal-content { width : 100%; }
}
.other-img-preview { cursor : pointer; height : 100px; margin-bottom : 10px; width : 100px; }
.relative { position : relative; }
.remove-product { left : 0; position : absolute; top : 0; }
footer { position : relative; width : 100%; }
footer .footer-icon li { display : block; height : 40px; width : 100%; }
.full { width : 100%; }
.gap { clear : both; display : block; height : 30px; width : 100%; }
.footer { background : #EDEFF1; border-bottom : 1px solid #CCCCCC; border-top : 1px solid #DDDDDD; height : auto; padding-bottom : 30px; position : relative; width : 100%; }
.footer p { margin : 0; }
.footer img { max-width : 100%; }
.footer h3 { border-bottom : 1px solid #BAC1C8; color : #54697E; font-size : 18px; font-weight : 600; line-height : 27px; padding : 40px 0 10px; text-transform : uppercase; }
.footer ul { color : #7F8C8D; list-style-type : none; margin-left : 0; margin-top : 15px; padding-left : 0; }
.footer ul li a { display : block; padding : 0 0 5px 0; }
.footer a, .footer p { color : #78828D; }
.footer p , .footer ul { font-size : 13px; }
.supportLi h4 { font-size : 20px; font-weight : lighter; line-height : normal; margin-bottom : 0 !important; padding-bottom : 0; }
.newsletter-box input#appendedInputButton { background : #FFFFFF; clear : both; display : inline-block; float : left; height : 30px; width : 100%; }
.newsletter-box .btn { border : medium none; border-radius : 7px; color : #333; display : inline-block; height : 40px; moz-border-radius : 7px; ms-border-radius : 7px; o-border-radius : 7px; padding : 0; webkit-border-radius : 7px; width : 100%; }
.newsletter-box { overflow : hidden; }
.bg-gray { background-image : -moz-linear-gradient(center bottom, #BBBBBB 0%, #F0F0F0 100%); box-shadow : 0 1px 0 #B4B3B3; }
.social li { background : none repeat scroll 0 0 #B5B5B5; border : 2px solid #B5B5B5; border-radius : 50%; float : left; height : 36px; line-height : 36px; margin : 0 8px 0 0; moz-border-radius : 50%; moz-transition : all 0.5s ease 0s; ms-border-radius : 50%; ms-transition : all 0.5s ease 0s; o-border-radius : 50%; o-transition : all 0.5s ease 0s; padding : 0; text-align : center; transition : all 0.5s ease 0s; webkit-border-radius : 50%; webkit-transition : all 0.5s ease 0s; width : 36px; }
.social li:hover { moz-transform : scale(1.1) rotate(360deg); ms-transform : scale(1.1) rotate(360deg); o-transform : scale(1.1) rotate(360deg); transform : scale(1.15) rotate(360deg); webkit-transform : scale(1.1) rotate(360deg); }
.social li a { color : #EDEFF1; }
.social li:hover { background : #2c3e50; border : 2px solid #2c3e50; }
.social li a i { color : #EDEFF1 !important; font-size : 16px; margin : 0 0 0 5px; }
.footer-bottom { background : #E3E3E3; border-top : 1px solid #DDDDDD; padding-bottom : 10px; padding-top : 10px; }
.footer-bottom p.pull-left { padding-top : 6px; }
.payments { font-size : 1.5em; }
.footer .footer-icon span i { border : 1px solid #a3a3a3; border-radius : 100%; height : 30px; line-height : 25px; margin-bottom : 5px; margin-right : 5px; text-align : center; width : 30px; }
.f-cont-info { width : 70%; word-break : break-all; }
#show-xs-nav, #show-brands-nav, #show-store-nav { 
    border: 2px solid #02366eff; 
    color: #02366eff; 
    font-size: 15px; 
    padding: 8px 15px; 
    text-align: center; 
    text-decoration: none; 
    border-radius: 25px;
    background: #ffffff;
    transition: all 0.3s ease;
    display: block;
    margin-bottom: 15px;
    font-weight: 600;
}
#show-xs-nav:hover, #show-brands-nav:hover, #show-store-nav:hover {
    background: linear-gradient(135deg, #ffbc14ff 0%, #ffa500 100%);
    border-color: #ffbc14ff;
    color: #02366eff;
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(255, 188, 20, 0.3);
}
#show-xs-nav span i, #show-brands-nav span i, #show-store-nav span i { margin-left : 5px; }
#shopping-cart .go-shop, #checkout-page .go-shop {float:left;}
#shopping-cart .go-checkout, #checkout-page .go-order {float:right;}
#footer .f-col {height:250px;}
#top-user-panel { font-size:12px; padding: 5px 0;background: #ffffff; background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );}
#top-user-panel form {float: right;}
#top-user-panel form .form-control {border:1px solid #e1e1e1; border-radius: 3px; height: 32px; max-width: 150px;}
#vendor-page .vendor-title { margin: 0; margin-bottom: 20px;}

@media (min-width: 992px) and (max-width: 1199px) { 
    #top-part #adv-search .dropdown.dropdown-lg .dropdown-menu { width : 415px; }
    #home-slider { height : 360px; }
    #home-slider .right-side h3 { font-size : 16px; }
    #home-slider .price { font-size : 28px; }
    #home-slider .left-side img { max-height : 360px; }
    .other-img-preview { height : 75px; width : 75px; }
}

@media (min-width: 768px) and (max-width: 991px) { 
    #content {padding-bottom: 0;}
    #top-part ul.shop-dropdown a.dropdown-toggle { font-size : 12px; }
    #top-part #adv-search .dropdown.dropdown-lg .dropdown-menu { width : 305px; }
    #home-slider { height : 280px; }
    #home-slider .right-side h3 { font-size : 16px; }
    #home-slider .price { font-size : 20px; }
    #home-slider .right-side { padding-top : 10px; }
    #home-slider .left-side img { max-height : 280px; }
    #top-part .site-logo { margin-bottom : 10px; }
    #languages-bar { margin-bottom : 10px; }
    #nav-categories, #nav-brands, #nav-store, #show-xs-nav .hidde-sp, #show-brands-nav .hidde-sp, #show-store-nav .hidde-sp { display : none; }
}

@media (min-width: 991px) {
    #nav-categories, #nav-brands, #nav-store { display : block !important; }
}

@media screen and (max-width: 767px) {
    #content {padding-bottom: 0;}
    #products-side { padding-left : 15px; padding-right : 15px; }
    #top-part { height : auto; }
    #top-part ul.shop-dropdown {  width : auto; }
    div.product-list { text-align : center; }
    #view-article .the-image { margin-bottom : 40px; }
    #top-part #adv-search .dropdown.dropdown-lg .dropdown-menu { width : auto; }
    .navbar-toggle { border-color : #f1f1f1; margin-top : 2px; }
    .navbar-toggle .icon-bar { background-color : #f1f1f1; }
    #home-slider { height : auto; padding-bottom : 60px; }
    #home-slider .right-side .text-right { text-align : center; }
    #home-slider .right-side a.option { margin-bottom: 5px; float: none; display: inline-block; }
    #home-slider .right-side a.option.right-5 { margin-left : 5px; }
    #home-slider .right-side .xs-center { text-align : center; }
    #home-slider .item .left-side a {display:block; text-align: center;}
    #home-slider .left-side img {display: inline;}
    .ord { margin-bottom : 7px; }
    #view-article .filter-sidebar { padding-left : 10px; padding-right : 10px; }
    #view-article a.btn:first-child { margin-bottom : 5px; }
    #view-article div.product-list { margin-left : 10px; margin-right : 10px; }
    #view-product .the-image { margin-bottom : 30px; }
    .other-img-preview { height : 75px; margin-bottom : 50px; width : 75px; }
    #nav-categories, #nav-brands, #nav-store, #show-xs-nav .hidde-sp, #show-brands-nav .hidde-sp, #show-store-nav .hidde-sp { display : none; }
    .final-left-col { margin-bottom : 30px; }
    #top-part .site-logo { margin-bottom : 10px; }
    #languages-bar { margin-bottom : 10px; }
    #adv-search { margin-bottom : 10px; }
    .basket-box { height : auto; margin-left : 0; }
    .navbar { z-index: 1; }
    .navbar li { float : none; position : static; z-index : 1232; }
    .steps .step {margin-bottom: 2px;}
    #dynPage .text-content {padding:20px 20px;}
    .footer p, .footer ul {font-size: 12px;}
    #footer .f-col {height:220px;}
    #top-user-panel form {width: 100%; margin-top: 5px;}
    #top-user-panel form .form-control {max-width: 100%; width: 100%;}
    .social-media-product-share {margin-bottom: 20px;}
}

@media (max-width: 480px) { 
    #home-slider .carousel-control.right { background-position : -140px center; width : 50px; }
    #home-slider .carousel-control.left { background-position : 0 center; width : 50px; }
    #checkout-page a.pull-right { float : left !important; margin-top : 10px; }
    #top-part #adv-search .dropdown.dropdown-lg .dropdown-menu {width:210px;}
    #shopping-cart .go-shop, #shopping-cart .go-checkout, #checkout-page .go-order, #checkout-page .go-shop {float:none; margin-bottom: 7px;}
}

/* Enhanced Mobile Responsive Styles */
@media (max-width: 767px) {
    /* General Mobile Optimizations */
    body { font-size: 14px; }
    h1 { font-size: 24px; }
    h2 { font-size: 20px; }
    h3 { font-size: 18px; }
    h4 { font-size: 16px; }
    
    /* Container Padding */
    .container { padding-left: 10px; padding-right: 10px; }
    
    /* Product Grid */
    div.product-list { margin-bottom: 15px; }
    div.product-list div.inner div.img-container { height: 160px; }
    div.product-list div.inner div.img-container a { height: 160px; }
    div.product-list h2 { height: 44px; min-height: 44px; max-height: 44px; font-size: 13px !important; }
    div.product-list .product-description { height: 34px; min-height: 34px; max-height: 34px; -webkit-line-clamp: 2; font-size: 11px; }
    div.product-list div.quantity { height: 26px; min-height: 26px; font-size: 11px; }
    div.product-list .btn-view-product { font-size: 12px; padding: 8px 16px; }
    
    /* Buttons */
    .btn, .add-to-cart, .info-btn { font-size: 12px; padding: 8px 12px; width: 100%; margin-bottom: 5px; }
    .btn-view-product { width: 100%; }
    
    /* Forms */
    .form-control { font-size: 14px; height: 40px; }
    
    /* Tables */
    .table-responsive { border: none; }
    table { font-size: 12px; }
    
    /* Product View */
    #view-product h1 { font-size: 18px; margin-bottom: 20px; }
    #view-product .the-image { margin-bottom: 20px; width: 100%; }
    #view-product .manage-buttons a { font-size: 12px; padding: 8px; }
    
    /* Shopping Cart */
    #shopping-cart .table td { padding: 8px 4px; font-size: 12px; }
    #shopping-cart .table img { max-width: 60px; }
    
    /* Checkout */
    #checkout-page .left-side, #checkout-page .right-side { padding: 10px; }
    
    /* Blog */
    .blog-list .img-container { height: 200px; }
    .blog-list h5 { height: auto; font-size: 14px; }
    .blog-list .description { height: auto; }
    
    /* Footer */
    .footer { padding: 20px 0; }
    .footer h3 { font-size: 16px; padding: 20px 0 10px; }
    .footer ul { font-size: 12px; }
    #footer .f-col { height: auto; margin-bottom: 20px; }
    
    /* Sidebar */
    div.filter-sidebar { margin-bottom: 20px; padding: 10px; }
    div.filter-sidebar .title { font-size: 16px; }
    
    /* Carousel */
    #small_carousel { padding-bottom: 40px; }
    #small_carousel .add-to-cart, #small_carousel .info-btn { margin: 5px; font-size: 11px; padding: 6px 10px; }
    
    /* Modals */
    .modal-dialog { margin: 10px; }
    .modal-content { border-radius: 5px; }
    
    /* Pagination */
    .pagination > li > a, .pagination > li > span { padding: 6px 10px; font-size: 12px; }
    
    /* Breadcrumbs */
    .breadcrumb { font-size: 11px; padding: 8px 10px; }
    
    /* Alerts */
    .alert { font-size: 13px; padding: 10px; }
    
    /* Product Sort */
    div.product-sort { padding: 10px; }
    div.product-sort select { font-size: 12px; }
}

@media (max-width: 480px) {
    /* Extra Small Devices */
    body { font-size: 13px; }
    h1 { font-size: 20px; }
    h2 { font-size: 18px; }
    h3 { font-size: 16px; }
    
    /* Product Grid */
    div.product-list div.inner div.img-container { height: 140px; }
    div.product-list div.inner div.img-container a { height: 140px; }
    div.product-list h2 { font-size: 12px !important; height: 40px; min-height: 40px; max-height: 40px; }
    div.product-list .product-description { height: 32px; min-height: 32px; max-height: 32px; -webkit-line-clamp: 2; font-size: 11px; }
    div.product-list div.quantity { height: 24px; min-height: 24px; font-size: 10px; }
    div.product-list .btn-view-product { font-size: 11px; padding: 7px 14px; }
    
    /* Buttons */
    .btn, .add-to-cart, .info-btn { font-size: 11px; padding: 6px 10px; }
    .btn-view-product { width: 100%; }
    
    /* Forms */
    .form-control { font-size: 13px; height: 36px; }
    
    /* Tables */
    table { font-size: 11px; }
    
    /* Shopping Cart */
    #shopping-cart .table img { max-width: 50px; }
    
    /* Footer */
    .footer h3 { font-size: 14px; }
    .footer ul, .footer p { font-size: 11px; }
    
    /* Social Icons */
    .social li { width: 32px; height: 32px; line-height: 32px; }
    .social li a i { font-size: 14px; }
}

/* Landscape Orientation */
@media (max-width: 767px) and (orientation: landscape) {
    #home-slider { height: auto; }
    #home-slider .left-side img { max-height: 250px; }
}

/* Touch Device Optimizations */
@media (hover: none) and (pointer: coarse) {
    /* Increase touch targets */
    a, button, .btn, input[type="submit"] { min-height: 44px; min-width: 44px; }
    
    /* Remove hover effects on touch devices */
    .navbar li a:hover { background: none; }
    div.product-list:hover { box-shadow: none; outline: none; }
}

/* Blog Archive Heading Override */
#blog .blog-home-left-categ h3,
#blog .blog-home-left-categ .title,
.blog-home-left-categ h3,
.blog-home-left-categ h3.title {
    font-size: 16px !important;
}

#blog .blog-home-left-categ h3 span,
#blog .blog-home-left-categ .title span,
.blog-home-left-categ h3 span {
    border-bottom: 3px solid #8c0707 !important;
}

/* Blog Archive Icon Override - Hide Icon */
#blog .blog-home-left-categ h3 i,
#blog .blog-home-left-categ .title i,
.blog-home-left-categ h3 i {
    display: none !important;
}