/*==============================================================================
//	Проект "Брандс Аутлет / Sunglasses"
// Home URL : https://sunglasses.bg/
// Created By : Gate.BG
// Contact Email : support@gate.bg
//==============================================================================
// Описание : Style CSS
// Последна промяна на файла на : 08.08.2025г. / 22:21ч.
// Последна промяна на файла от : Асен Сотиров
//============================================================================*/
/*--| CSS цветове |-----------------------------------------------------------*/
.dc{color: #008de7 !important;}
.dc2{color: #ff8000 !important;}
.dc_bg{background-color: #008de7 !important;}
.dc2_bg{background-color: #ff8000 !important;}
.itbg{background-color:#f6f6f6;}
/*--| CSS correction |--------------------------------------------------------*/
.svg-icon img{width:30px;}
.social-icon{color: #fff !important;}
.rating{text-align:left;float:left;margin-right:20px;}
.rating>span{color:#008de7;}
.toTop{bottom:120px;background-color:rgb(0, 141, 231, 0.3);color:#fff;padding: 5px 10px !important;}
.toTop:hover{background-color:rgb(255, 128, 0, 0.3);color:#fff;}
/*.SF_breadcrumbs{border-top: 3px solid #008de7;}*/
.pagination{font-weight:bold;color:#008de7;}
.Pager li{padding:2px;}
.Pager > li > a{padding:5px 5px;}
.Pager > li > a:hover{color:#ff8000;}
.Pager > .active{color:#ff8000;}


.SF_APublish{font-size:12px;}
.form-control{font-weight:normal;letter-spacing:0.5px;border-radius:3px;margin-bottom:10px;background-color:#F5F7F2;}
/*--| Main CSS Style |--------------------------------------------------------*/
html, body{background-color:#f6f6f6;}
a:link, a:visited{text-decoration: none;color: inherit;}
img{width:100%;}
ul{margin:0px;padding:0px;}
ul li{list-style:none;}
/*--| Header Style |----------------------------------------------------------*/
header{letter-spacing:1px;}
header ul li{display:inline-block;}
header h1{color:inherit;font-size:2.6rem;margin:0px;}
h1, h2, h3, h4, h5{color:#008de7;}
h1{font-size:2.1rem;}
.topbar{font-size: 40px;}
.topbar li{margin-left:20px;}
.topbar2{margin-top:70px;background-color:#fff;}
.HeadLogo{position:absolute;margin:auto;left:0;right:0;width:50%;}
.HeadMenu{margin: 20px 0px;}
.HeadMenu li{margin:5px;border-bottom:2px solid #ff8000;}
.HeadMenu li:hover{border-bottom:2px solid #008de7;}
/*--| Body Style |------------------------------------------------------------*/
.hp_buttons{color:#fff;font-size:36px;padding:20px 15px;text-transform:uppercase;}
.nav_buttons{color:#fff;font-size:36px;padding:5px;}
.title{text-align:center;position:relative;margin-bottom:30px;text-transform:uppercase;}
.title:after{background:#ff8000;width:100px;height:3px;content:'';position:absolute;bottom:-5px;left:50%;margin-left:-50px;}
.button{color:#fff;padding:5px 10px;border:none;}
.btn-B{background-color:#008de7;}
.btn-O{background-color:#ff8000;}
.error404{background-color:#008de7;color:#fff;padding:20px;}
.error404 h2, .error404 h3{color:#fff;font-weight:bold;}
.poweredby img {width: 100%;max-width: 170px;}
/*--| Home Page Intro CSS Style |---------------------------------------------*/
#animation_container{background-image:url(../images/videofhd.webp);aspect-ratio: 384/173;}

.intro{text-align:center;position:relative;}
.intro-text{position:absolute;text-align:center;top:35%;left:5%;width:90%;}
.intro-title{color:#fff;font-weight:bold;font-size:24px;background-color: #00000094;display: inline-block;padding: 20px 50px;border: 1px solid #666666;line-height: 30px;letter-spacing: 2px;}
.subtitle{font-size:14px;line-height:20px;font-weight:normal;display:none;}
.intro-title:hover{margin-top:-30px;transition: all .25s linear;-webkit-transition: all .3s linear;}
.intro-title:hover > .subtitle{display:block;}
@media only screen and (max-width: 1199px) {
	.intro-title{font-size:26px;}
}
@media only screen and (min-width:767px) and (max-width: 991px){
	.intro-title{font-size:20px;padding: 10px 20px;}
}
@media only screen and (max-width: 560px){
	.intro-title{font-size:20px;padding: 10px 20px;}
}
@media only screen and (max-width: 450px){
	.intro-title{font-size:18px;padding: 5px 10px;}
}
/*--| Items Carosel Style |---------------------------------------------------*/
.itemsSlider{margin-top:30px;padding-top:20px;padding: 0px;padding-bottom:40px;width:100%;overflow:hidden;}
.carousel-indicators{margin-bottom:-25px;}
.carousel-indicators > button{border-radius: 50%;width: 15px;height: 15px;background-color:#999;margin:0px 7px;border:none;}
.carousel-indicators > .active{background-color:#008de7;}
.carousel-control-next, .carousel-control-prev{width:unset;color:#000;}
.carousel-control-prev-icon, .carousel-control-next-icon{background-color:#008de7;}
.carousel-container {position: relative;}
.carousel-track {display: flex;transition: transform 0.5s ease;}
.carousel-item-custom {flex: 0 0 auto;}
.carousel-controls{position: absolute;top: 50%;width: 100%;display: flex;justify-content: space-between;transform: translateY(-50%);pointer-events: none;}
.carousel-controls button{pointer-events: all;}
/* Responsive widths */
@media (min-width: 1200px) {
	.carousel-item-custom {width: 16.6667%;}
}
@media (min-width: 768px) and (max-width: 1199.98px) {
	.carousel-item-custom {width: 25%;}
}
@media (max-width: 767.98px) {
	.carousel-item-custom {width: 50%;}
}
/*--| Blog Post Style |-------------------------------------------------------*/
.about-text{font-size:18px;}


/*--| Category Page Style |---------------------------------------------------*/
.category_title{color: #fff;margin: 10px 0;}
.category_image{width:unset;max-height:150px;float:left;margin-right:20px;}
.category_description{overflow:hidden;height:150px;line-height: 30px;}
.category_readmore{font-size:14px;color:#008de7;}
.category_block_url h3{color:#002933;text-align:center;}
.item-wrap{position:relative;background-color:#fff;border:1px solid #c7c7c7;margin:5px;}
.item-image{overflow: hidden;position: relative;aspect-ratio: 1/1;}
.item-image img{width:100%;aspect-ratio: auto 500 / 300; height:auto;overflow:hidden;position: relative;text-align:center;display:flex;align-items:center;justify-content:center;}
.item-image img:hover{transform: scale(1.5);transition: transform 1.4s;}
.item-rrp{background-color:red;width: 50px;height: 50px;border-radius: 50px;text-align:center;font-weight: 700;color: #fff;position: absolute;top: 10px;left: 10px;transform: rotate3d(0, 0, 1, 340deg);font-size:20px;line-height:10px;padding-top:15px;}
.item-rrp span{font-size:8px;line-height:8px;}
.item-sale{background-color: #008de7;width: 50px;height: 50px;border-radius: 50px;line-height: 50px;text-align: center;font-weight: 700;color: #fff;position: absolute;top: 10px;right: 10px;}
.item-body{text-align:center;min-height:150px;padding:5px;}
.item-title{font-weight:bold;font-size:14px;text-align:left;}
.item-alias{font-size:12px;text-align:right;}
.item-info-left{position:absolute;bottom:10px;left:5px;text-align:left;line-height:1rem;}
.item_prices{text-align:right;}
.item-price{font-weight:bold;color:#008de7;position:absolute;bottom:10px;right:5px;text-align:right;line-height:1.2rem;}
.item-price span{color:#000;font-weight:normal;text-decoration:line-through;font-size:0.9rem;}
/*--| Product Gallery CSS Style |---------------------------------------------*/


/*--| Item Page Style |-------------------------------------------------------*/
.item{background-color:#fff;}
.item h1, .item h2{font-size:1.8rem;color:#fff;margin:10px 0;}
.item_image{width:100%;max-width:800px;float:right;overflow:hidden;aspect-ratio: auto 1 / 1;display: flex;justify-content: center;align-items: center;}
.item_thumbs{}
.item_thumb{width:16%;display:inline-block;cursor:pointer;opacity:0.4;overflow:hidden;position:relative;aspect-ratio:auto 1 / 1;}
.item_thumb:hover{opacity:1;}
.item_thumb img{position: absolute;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);max-width: 100%;}
.item_stats{margin: 20px 0;}
.item_stats i{vertical-align:middle;}
.item_desc{font-size: 14px;color:#888888;}
.item_catlist{margin-bottom: 10px;font-size:14px;}
.item_catlist b{color:#008de7;}
.item_catlist .rrp{text-align:right;color:#008de7;font-size:16px;}
.item_tags a{display: inline-block;height: 24px;line-height: 24px;position: relative;margin: 0 16px 8px 0;padding: 0 10px 0 12px;background: #008de7; -webkit-border-bottom-right-radius: 3px;border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px;border-top-right-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);box-shadow: 0 1px 2px rgba(0,0,0,0.2);color: #fff;font-size: 12px;text-decoration: none;text-shadow: 0 1px 2px rgba(0,0,0,0.2);font-weight: bold;}
.item_tags a:before{content: "";position: absolute;top:0;left: -12px;width: 0;height: 0;border-color:transparent #008de7 transparent transparent;border-style: solid;border-width: 12px 12px 12px 0;}
.item_tags a:after{content: "";position: absolute;top: 10px;left: 1px;float: left;width: 5px;height: 5px; -webkit-border-radius: 50%;border-radius: 50%;background: #fff; -webkit-box-shadow: -1px -1px 2px rgba(0,0,0,0.4);box-shadow: -1px -1px 2px rgba(0,0,0,0.4);}
.item-sizes .size{display:inline-block;}
.item-sizes label{margin:0px;cursor:pointer;}
.item-sizes span{font-weight:700;padding: 5px;margin:5px;border:1px solid #000;font-size:14px;min-width:55px;float:left;text-align:center;}
.item-sizes [data-stock="out-stock"]{text-decoration: line-through;color:#999;border-color:#999;}
.hidden-size{opacity: 0;position: absolute;pointer-events: none;}
input[type="radio"]:checked+label span{background-color: #ff8000;color:#fff;text-decoration:none;}
.price{font-size: 28px;color: #008de7;font-weight: 700;margin-bottom: 20px;text-align: right;text-transform:none;}
/*--| FAQ Page Style |--------------------------------------------------------*/


/*--| Contact Page Style |----------------------------------------------------*/


/*--| Footer Style |----------------------------------------------------------*/
footer{margin-top:50px;font-size:28px;color:#fff;}
footer ul li, .footer ul li{display:inline;margin:0px 5px;}
footer ul li span{display:none;}
.FootLogo{position:absolute;margin:auto;left:0;right:0;bottom:0;width:50%;}
.footer-copyright{background-color:#f6f6f6;color:#008de7;font-size:14px;padding: 10px 0px;}
/*--| Responsive Style |------------------------------------------------------*/
@media (min-width:1400px){
	.item-title{font-size: 16px;}
	.item-alias{font-size: 14px;}
	.item-price{font-size: 20px;}
	.item_image{width:84%;}
}
@media (min-width:1200px) and (max-width: 1399px){
	.HeadLogo{width:60%;}
	.about-text{font-size:14px;}
}
@media (min-width:992px) and (max-width: 1199px){
	.HeadLogo{width:80%;}
	header h1{font-size:2rem;}
	.about-text{font-size:14px;}
}
@media (min-width:768px) and (max-width: 991px){
	.topbar{font-size:32px;}
	.HeadLogo{width:90%;}
	header h1{font-size:1.7rem;}
	.topbar2{margin-top:60px;}
	.about-text{font-size:12px;}
	.item h1, .item h2{font-size:1.3rem;}
	.item_thumb{width:24%;}
}
@media(max-width: 767px){
	#animation_container{aspect-ratio: 1/1;}
	.topbar{font-size:28px;}
	.HeadLogo{width:100%;}
	.FootLogo{width:100%;}
	header h1{font-size:1.2rem;line-height:28px;margin-bottom:0px;}
	.topbar2{margin-top:55px;}
	.HeadMenu li{display:block;text-align-last: center;margin-bottom: 5px;}
	.hp_buttons{font-size:24px;padding:10px 15px;}
	.nav_buttons{font-size:24px;padding:15px 15px;}
	.about-text{font-size:14px;}
	.item h1, .item h2{font-size:1rem;}
}
@media (min-width:576px) and (max-width: 767px){
	.topbar li{margin-left:15px;}
	.item_thumb{width:15.5%;}
}
@media(max-width: 575px){
	header h1{font-size:0.95rem;}
	.topbar{font-size:20px;margin-bottom:2px;}
	.topbar li{margin-left:7px;}
	.topbar2{margin-top:45px;}
	.item_thumb{width:24%;}
	.item-sale{}
	.item-info-left span{font-size:10px;}
	footer{font-size:20px;}
	footer ul li{margin: 0px 5px;}
	.footer-copyright{font-size:10px;}
}
@media(max-width: 480px){
	header h1{font-size:0.85rem;}
	#animation_container{background-image:url(../images/videomobile.webp);}
	.nav_buttons{font-size:20px;line-height:22px;}
	
	.category_image{width:100%;max-height:unset;}
	.category_description{height:240px;}
}
@media(max-width: 435px){
	.sunTitle{font-size:18px;padding-top:2px;padding-bottom:1px;}
	header h1{font-size:0.75rem;}
	.item_price_info{font-size:0.9rem}
	.price{font-size:24px;}
}
@media(max-width: 395px){
	header h1{font-size:0.70rem;}
	.topbar li {margin-left: 5px;}
	.item_price_info{font-size:0.8rem}
	.item_price{font-size:0.9rem;}
	.price{font-size:20px;}
	
	
	.category_description{height:210px;}
}
@media(max-width: 370px){
	header h1{font-size:0.50rem;}
	.topbar li {margin-left: 0px;font-size:16px;}
	.item_thumb{width:23.5%;}
	.item_price_info{font-size:0.7rem}
	.item_price{font-size:0.8rem;}
	.price{font-size:18px;}
}
/*--| End of Style |----------------------------------------------------------*/