/* variable definitions */
:root {
	--h_font: 'Poppins', sans-serif;
	--font_manrope: 'Manrope', sans-serif;
	--body_text_size: 15px;
	--body_text_color_1: #2D2D37;
	--body_text_color_2: #FD5444;
	--body_text_color_3: #6F6F6F;
	--body_text_color_4: #F49F0B;
	--body_text_color_5: #121212;
	--border_color_1: #EEEEEE;
	--tescom_mavi: #2171CE;
	--transition: .5s;
	--whiteColor: #FFFFFF;
	
}
/* variable definitions */

* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: var(--font_manrope);
}

html,
body{
	scroll-behavior: smooth;
	margin:0px;
	padding:0px;
	font-family: var(--font_manrope);
	font-size: var(--body_text_size);
	font-weight: 500;
	color: var(--body_text_color_1);
	-webkit-transition:all var(--transition) ease-in-out;
	-moz-transition:all var(--transition) ease-in-out;
	-ms-transition:all var(--transition) ease-in-out;
	-o-transition:all var(--transition) ease-in-out;
	transition:all var(--transition) ease-in-out;
}

a {
	text-decoration: none;
	outline: 0 !important;
	-webkit-transition:all var(--transition) ease-in-out;
	-moz-transition:all var(--transition) ease-in-out;
	-ms-transition:all var(--transition) ease-in-out;
	-o-transition:all var(--transition) ease-in-out;
	transition:all var(--transition) ease-in-out;
}

a:hover,
.breadcrumb-item.active,
.breadcrumb-item.active a,
.card .card-title a:hover {
	color: var(--body_text_color_2) !important;
	text-decoration: none;
	-webkit-transition:all var(--transition) ease-in-out;
	-moz-transition:all var(--transition) ease-in-out;
	-ms-transition:all var(--transition) ease-in-out;
	-o-transition:all var(--transition) ease-in-out;
	transition:all var(--transition) ease-in-out;
}

:focus {
	outline: 0 !important;
}

#header{
	background: url('../../images/header_bg.png') right top no-repeat;
	background-size: cover;
	border-bottom: 1px solid var(--border_color_1);
}

#header .header_bg{
	background-color: rgba(249, 250, 255, 0.6);
}

#header .header_bg.is-sticky{
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	position: fixed;
	background-color: var(--whiteColor) !important;
	-webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
	box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
	-webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
	animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}

#header .line_colored{
	background: url('../../images/line_colored.png') center center;
	height: 6px;
}


h1{
	font-family: var(--h_font);
	font-size: 26px;
	font-weight: 700;
}
h2{
	font-family: var(--h_font);
	font-size: 20px;
	font-weight: 600;
}
h3{
	font-family: var(--h_font);
	font-size: 18px;
	font-weight: 600;
}





.sub_title {
	font-family: var(--h_font);
	font-size: 26px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 1rem;
	position: relative;
	z-index: 1;
}
.sub_title span {
	display: inline-block;
	background-color: var(--whiteColor);
	padding-left: 20px;
	padding-right: 20px;
}
.sub_title::before {
	left: 0;
	right: 0;
	top: 50%;
	z-index: -1;
	height: 1px;
	content: '';
	margin-top: 1px;
	position: absolute;
	background-color: #eeeeee;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.breadcrumb-item{
	font-size: 16px;
	color: var(--body_text_color_1);
	font-weight: 600;
}
.breadcrumb-item a{
	text-decoration: none;
	color: var(--body_text_color_1);
}


.nav-link,
.list-group-item{
	font-weight: 700;
	font-size: 15px;
	color: var(--body_text_color_1) !important;
}
.list-group-item.active{
	background-color: var(--body_text_color_2);
	border-color: var(--body_text_color_2);
	color: var(--whiteColor) !important;
}

.btn{
	font-size: 15px;
	font-weight: 700;
	line-height: 27px;
	color: var(--whiteColor) !important;
}
.btn_primary_tescom{
	background-color: var(--tescom_mavi);
}
.btn_primary_tescom:hover,
.btn_danger_tescom:hover,
.btn_success_tescom:hover{
	color: var(--whiteColor) !important;
}
.btn_dark_tescom{
	background-color: var(--body_text_color_5);
	line-height: 32px;
}
.btn_danger_tescom{
	background-color: var(--body_text_color_2);
	border-color: var(--body_text_color_2);
}

.btn_mobil{
	color: var(--body_text_color_1) !important;
}
.btn_mobil.show{
	color: var(--body_text_color_2) !important;
}



.main{
	padding: 50px 0px;
}



.widget-area .widget {
	margin-bottom: 35px;
}
.widget-area .widget .widget-title {
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 12px;
	margin-bottom: 30px;
	position: relative;
	font-size: 20px;
	font-family: var(--h_font);
	font-weight: 600;
}
.widget-area .widget .widget-title::before {
	left: 0;
	width: 70px;
	height: 1px;
	content: '';
	bottom: -1px;
	position: absolute;
	background-color: var(--body_text_color_1);
}
.widget-area .widget:last-child {
	margin-bottom: 0;
}
.widget-area .widget_categories ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none;
}
.widget-area .widget_categories ul li {
	margin-bottom: 12px;
	position: relative;
	padding-left: 15px;
}
.widget-area .widget_categories ul li::before {
	left: 0;
	top: 50%;
	width: 8px;
	height: 8px;
	content: '';
	position: absolute;
	border-radius: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: var(--body_text_color_3);
}
.nice-select.wide .list li,
.widget-area .widget_categories ul li a {
	font-weight: 600;
	/*display: inline-block;*/
	color: var(--body_text_color_3);
	text-decoration: none;
}
.widget-area .widget_categories ul li a:hover,
.widget-area .widget_categories ul li a.active {
	color: var(--body_text_color_2);
}

.widget-area .widget_categories ul li:last-child {
	margin-bottom: 0;
}

.nice-select{
	margin-bottom: 30px;
}
.nice-select span.current{
	position: absolute;
	top: 0px;
}
.nice-select.wide .list li{
	padding-left: 30px;
	margin-bottom: 0px;
}
.nice-select.wide .list li::before{
	left: 10px;
}
.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus{
	color: var(--body_text_color_2);
}




.card{
	border-color: var(--border_color_1);
	margin-bottom: 25px;
}
.card .card-title,
.card .card-title a{
	font-family: var(--h_font);
	font-weight: 600;
	font-size: 20px;
	color: var(--body_text_color_1) !important;
}
.card:hover img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-transition: var(--transition);
	transition: var(--transition);       
}


footer{
	background-color: #FAF7F2;
	text-align: center;
	font-size: 12px;
	padding: 10px 0;
}

/*================================================
scrollup
=================================================*/
.scrollup {
	display: none;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 20px;
	text-align: center;
	color: var(--whiteColor);
	position: fixed;
	bottom: 20px;
	right: 20px;
	background-color: var(--body_text_color_2);
	border-radius: 10px;
	z-index: 99999;
	-webkit-transition: var(--transition);
	transition: var(--transition);
	background-color: var(--body_text_color_2);
	-webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
}
.scrollup:hover {
	color: var(--whiteColor);
	background-color: var(--body_text_color_1) !important;
}
/*scrollup*/


.pro_code{
	font-size: 17px;
	font-weight: 600;
}
.pro_code span{
	color: var(--body_text_color_4);
}

.pro_features{
	color: var(--body_text_color_3);
}

.pro_quantities .col-form-label{
	font-size: 17px;
	font-weight: 600;
}
.pro_quantities button,
.pro_quantities .form-control{
	border-color: var(--body_text_color_3);
	color: var(--body_text_color_3) !important;
	text-align: center;
}
.pro_quantities .form-control:disabled{
	background-color: transparent !important;
}
.pro_quantities .btn_danger_tescom,
.pro_quantities .btn:hover{
	color: var(--whiteColor) !important;
}



/*================================================
Cart Area CSS
=================================================*/
.cart-table-desc table {
	/*margin-bottom: 0;*/
	width: auto !important;
	
}
.cart-table-desc table thead tr th {
  /*border: none;*/
  /*padding: 13px 20px;*/
  vertical-align: middle;
  color: var(--whiteColor);
  background-color: var(--body_text_color_5);
  font-family: var(--h_font);
  font-size: 15px;
  font-weight: 600;
}
.cart-table-desc table tbody tr td {
  color: var(--body_text_color_3);
  vertical-align: middle;
  font-size: 15px;
  font-weight: 600;
  /*padding-left: 20px;
  padding-right: 0;
  padding-top: 15px;
  padding-bottom: 15px;*/
  border-left: none;
  border-right: none;
  border-color: var(--border_color_1);
}
.cart-table-desc table tbody tr td.product-thumbnail a {
  display: inline-block;
}
.cart-table-desc table tbody tr td.product-thumbnail a img {
  width: 80px;
}
.cart-table-desc table tbody tr td.product-name a {
  display: inline-block;
  color: var(--body_text_color_1);
  font-weight: 700;
  font-size: 15px;
}
.cart-table-desc table tbody tr td.product-quantity .input-group {
  min-width:280px !important;
}

.maps-container {
	height: 306.25px; 
	width: 100%;
	border: 1px solid #e2e2e2;
	-webkit-border-radius: 0px 0;
	-moz-border-radius: 0px 0;
	border-radius: 0px 0;
	-webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.05);
	box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.05);
	overflow: hidden;
}


/*SEARCH*/
#modal_search .modal-content{
	background-color: #f5f6f7 !important;
}
.btn_search_modal{
	color: var(--body_text_color_1) !important;
	text-align: center;
}
#frm_search{
	width: 100%;
}
#frm_search .txt_search{
	color: red;
	font-weight: 600;
	font-size: 17px;
}
#frm_search .form-floating>label{
	font-weight: 800;
}

#frm_search_result_container{

}
#frm_search_result_container .list-group-item{
	font-weight: normal !important;
}
#frm_search_result_container .list-group-item img{
	width: 50px;
	margin-right: 3px;
}
#frm_search_result_container .list-group-item:first-child{
	font-weight: 800 !important;
}