
body{ font-size: 12px; font-family: 'Open Sans', sans-serif; }
a{ color:black; }
li{ list-style:none; }
ul{ padding: 0px; }
a:hover{ text-decoration:none; }
header a:hover{ color:black; }

.toplinks,.leftmenu li:hover,.leftmenu li.active,.bg1{ background: #f2f2f2; }
.toplinks a{ color:#6b6b6b; margin-left: 15px; }
.content-title{ background: #ececec; }
.topbar .input-group .form-control{ background: transparent; border: 0px; font-size: 12px; }
.topbar .input-group .form-control:focus{ border: 0px; box-shadow:none;outline: 0; }
.topbar .input-group{ border-bottom: 2px solid #f2f2f2; }
.topbar .fa-search{ font-size: 20px; color:silver; margin-top: 3px; }
.topbar .btn-search{ font-size: inherit; line-height: normal; height: 25px; padding: 3px 12px; }

.topmenu li{ float:left; }
.topmenu ul{ margin: 0px; padding: 0px; display: inline-block; }
.topmenu{ background: #242021; position: relative; }
.topmenu a{ color:white; padding: 5px 16px 5px 16px; width:100%; display: inline-block; }
.topmenu .menu-yonetim a{ padding: 5px 10px 5px 10px; }
.topmenu ul>li:hover > a{ color: white; font-weight:bold; }
.topmenu ul>li.active > a{ background: white; color: black; }
.topmenu .submenu{ position: absolute; z-index: 111; margin-top: 3px; height: 0px;
    overflow: hidden; transition-duration: 0.5s; transition-property: height;  }
.topmenu .submenu .container{ background: #000; opacity: 0.9; color:white; padding: 15px; margin-top: 5px; }
.topmenu .submenu li{ padding: 5px 35px 5px 10px; width:211px; min-height: 330px; }
.topmenu .submenu li{ border-right: 1px solid silver; min-height:370px; __background: linear-gradient(to left,#f0f0f0 0,#fbfbfb 5px,#fff 15px); }
.topmenu .submenu li:hover a{ padding: 0px; background:transparent; }
.topmenu .submenu2{ width: 100%; }
.topmenu .submenu2 li{ float:none; border-right:0px; background: none; width:auto; min-height:auto; }
.topmenu .submenu2 li:hover{ background: #333; }
.topmenu .submenu a{ padding: 0px; font-size: 15px; font-weight:normal; }
.topmenu .submenu .sublink{ color: #f6cb00; }
.topmenu .submenu2 a{ font-size: 12px; margin-left: 3px; }
.topmenu ul>li:hover .submenu{ min-height: 370px; height: auto; border-bottom: 2px solid #333333; }
.topmenu .submenu li:last-child{ border:0px; }
.topmenu .menu-level1{ border-bottom: 3px solid transparent; border-right: 1px solid gray; }
.top-right-buttons .btn,.dropdown-user-menu{ font-size:12px; }

.btn1{ background: #4b4b4b; color:white; }
.btn1:hover{ background: gray; color:white; }
.btn2{ background: #000000; color:white; }
.btn3{ border-radius:50px 50px 50px 50px; border: 1px solid black; font-size:12px; }
.btn3:hover{ background: black; color:white; }
.btn4{ background: gray; color:white; }
.btn4:hover{ background: #4b4b4b; color:white; }

footer{ background: #474747; color:white; font-size: 150%; line-height: 45px; }
.social-box{ background: #1f1f1f; }
.ebulten-mail{ height: 36px; margin-top: 7px; }
.slides{ margin-bottom: 20px; }
.slides h2{ font-size: 350%; }
.slides h4{ font-size: 250%; }
.slides .slide-text{ font-size: 130%; }
.group1,.group2,.group3,.group4,.group5{ margin: 15px 0px; }
.group1 .box{ background: #f2f2f2; }
.group3{ background: black; color:#8e8e8e; }
.group3 a{ color:white;text-decoration:none; }
.group3 a:hover{ color:#8e8e8e; }
.group4 a{ color:gray; text-decoration:none; }
.group4 a:hover{ color:black; }
.group4 .slogan{ font-size: 15px; }

.firsat-box .box{ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.firsat-box img,.img-effect{
    -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.firsat-box:hover img{
	opacity: 0.95;
	-webkit-opacity: 0.95;
	-o-opacity: 0.95;
	-ms-opacity: 0.95;
	transform: scale(0.95);
}
.img-effect:hover{
	opacity: 0.95;
	-webkit-opacity: 0.95;
	-o-opacity: 0.95;
	-ms-opacity: 0.95;
	transform: scale(0.90);
}
.firsat-box:hover .row:after,
.firsat-box:hover .row:before{
	border:1px solid black;
}
.firsat-box .box:before{ border-top: 2px solid #f5f5f5; border-bottom: 2px solid #f5f5f5; -webkit-transform: scale(0,1); transform: scale(0,1); }
.firsat-box .box:after{ border-top: 2px solid #f5f5f5; border-bottom: 2px solid #f5f5f5; -webkit-transform: scale(0,1); transform: scale(1,0); }
.___firsat-box:hover .btn3{ background:#000 !important; color:white !important; }
.leftmenu li a{ display: block; padding: 7px 5px 7px 40px; text-decoration: none; }
.leftmenu li{ border-bottom: 1px solid #c0c0c0; }
header{ position: fixed; width: 100%; top: 0px; z-index: 50; background: #fff; }
.content{ margin-top: 144px; }
.content .badge{ line-height: normal; }
footer div{ line-height: 25px; font-size: 16px; }
footer p{ margin-bottom:0px; }
footer img{ max-width: 100%; }
.accordion-title{ border-bottom: 1px solid #dedfe0; background-color: #f7f8fa; padding: 10px 20px; font-size:15px; cursor:pointer; }
.accordion-body{ padding-left: 20px; }
.firsat-box .box{ background: transparent; }
.firsat-box .box-inside{ border: 2px solid transparent; }
.firsat-box:hover .box-inside{ border: 1px solid #f2f2f2; }
.slider-arrow{ position:absolute; top: 50%; font-size: 30px; z-index: 1; opacity:0; transition:opacity 0.75s linear; }
.horizontal-slider:hover .slider-arrow{ opacity:1; }

.chk_parent{ padding: 5px; width: 40px; border: 1px solid silver; position:relative; text-align: center; }
.campo_chk:checked + .campo_chked{ /*border: 2px solid #005ebf;position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;*/
	outline: 1px solid #000;
    outline-offset: 2px;
    border-radius: 0;
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
 }
.ozellikler .chk_parent{ width: 30px; height: 30px; }

.req-secin{
	display: none;
	background: #599bd7;
    color: white;
    border-radius: 5px;
    padding: 3px 10px 3px 0px;
    position: absolute;
    margin: -37px 0px 0px 121px;
}
.req-secin:before{
	content: "";
    width: 14px;
    height: 17px;
    position: relative;
    top: 12px;
    display: inline-block;
    background: #599bd7;
    transform: rotate(-45deg);
    left: 10px;
    z-index: -1;
}
.label-zoom:hover{ transform: scale(1.75); z-index: 10; }
.label-zoom:hover .campo_chked{ outline: 0; }

/*mobile*/
@media (max-width: 450px){
	.top-login{ float:none !important;text-align:center !important; background: #f2f2f2; margin-bottom: 5px; }
	.top-right-menu{ text-align:center !important; font-size:10px; }
	.top-right-buttons{ text-align:center !important; margin-bottom: 20px; }
	header{ position: static; }
	.content{ margin-top: 0px; }
	.container{ padding-right: 0px;padding-left: 0px; }
	.container-fluid{ padding-right: 5px;padding-left: 5px; }
	.p-5{ padding: 1rem!important; }
	.topmenu li{ float:none; }
	.topmenu .menu-level1{ border-right: none; border-bottom: 1px solid #9E9E9E; }
	.topmenu ul{ width:100%; }
	.horizontal-slider .border{ width: calc(100vw / 2.3); }
	.btn-topmenu{ display:inline-block !important; }
	.topmenu{ display:none; width: 90%; top: -15px; }
	.rev_slider .tp-bgimg{ background-size: contain !important; }
	.rev_slider .tp-resizeme{ font-size: 100% !important; margin-top: -110px !important; }
	.rev_slider .tp-subcaption{ width: 175px; white-space: normal !important; text-align: center !important; line-height:inherit !important; }
	.rev_slider_wrapper,.rev_slider{height:160px !important;}
	.btn-slider-container .tp-parallax-wrap{ top:205px !important; }
	.btn-slider-left{ top:20px; left: -10px; }
	.btn-slider-right{ top:20px; left: 10px; }

	.topmenu .submenu{ height:0px !important; border-bottom:0px !important; }
	.topmenu .submenu.opened{ height: 300px !important; border-bottom: 5px solid #dcdcdc !important; overflow: auto; transition: all .5s ease-in-out; }
	.topmenu .submenu li{ float:left; width: 50%; }
	.topmenu .menu-level1 .sub-toggle{ display:inline !important; }
	.topmenu .submenu2 li{ width: 100% !important; }
	.topmenu .submenu a{ font-weight: bold; font-size: 100% !important; }
	.topmenu .submenu2 a{ font-weight: normal; }
	.group1,.group2,.group3,.group4,.group5{ margin: 15px; }
	.firsat-box{ border-bottom: 20px solid white; }
	.group4 .slogan-icon{ height: 40px; }
	.main-image-container { zoom: 0.65; }
}

@media (min-width: 450px){
	.group4 .slogan{
		justify-content: space-around !important;
		flex-wrap: wrap !important;
		display: flex !important;
	}
}

@media (max-width: 768px){
	.firsat-box h4{ font-size:15px; }
	.top-right-buttons { padding: 0px; }
	.top-right-buttons .btn{ font-size:11px; margin-right:1px !important; }
	.mainlogo{ max-width:100%; }
	.container-logo{ text-align:center; }

	.table-responsive thead {
		display: none;
	}
	.table-responsive tbody tr {
		display: block;
		margin-bottom: 15px;
		border: 1px solid #ddd;
		padding: 10px;
		border-radius: 5px;
	}
	.table-responsive tbody td,.table-responsive tfoot td {
		display: flex;
		justify-content: space-between;
		padding: 8px;
		border-bottom: 1px solid #ddd;
	}
	.table-responsive tbody td:last-child, .table-responsive tfoot td:last-child {
		border-bottom: none;
	}
	.table-responsive tbody td::before {
		content: attr(data-label);
		font-weight: bold;
	}
	.table-responsive tbody tr.no-record td {
		display: table-cell;
		text-align: center;
		font-weight: bold;
		padding: 15px;
	}
	.table-responsive tbody tr.no-record {
		display: table-row;
	}
	.table-responsive tbody td span {
		display: contents;
	}
	.table-responsive tbody .table-grid {
		display: grid
	}
	.row-footer-price{
		display: flex;
	}
	.row-footer-price td:last-child{
		border: 1px solid #dee2e6;
	}
	.row-footer-price td.empty{
		display: none;
	}
	.row-footer-price td{
		white-space: nowrap;
	}
	.row-footer-price td:nth-child(2){
		width: 100%;
	}
	.text-mobil-mini{
		font-size: 13px !important;
	}
}

.btn-slider:hover{ border:1px solid black !important; }
.tparrows{ background:none !important; }
.tparrows:before{ color:gray !important; font-size:20px !important; }
.urun-isim{ font-size:16px; font-weight:normal; }
div.wSelect,div.wSelect-options-holder{ width:150px !important; }
.wSelect-options{ height: auto !important; max-height:156px !important; }
.mainlogo{ width: 285px; margin: 10px 0px; }

.ozellik_style1{ float:left; padding:2px 8px; width:50%; }
.ozellik_style2{ float:right;min-width:auto;max-width:auto;max-height:auto;overflow:auto; width:210px; }
.ozellik_style2 .wspace{ white-space:normal !important; }

@media (min-width: 992px) {
 .ozellik_style3{ flex: auto; max-width: none; }
 .ozellik_style1{ width:215px; }
 .ozellik_style1_with_storke{ width:140px; }
}

@media (max-width: 768px) {
	.ozellik_style1,.ozellik_style2{ width:100%; padding-top: 6px; }
}

@media (min-width: 1400px) {
	.ozellik_style1{ width:295px; }
	.ozellik_style1_with_storke{ width:220px; }
}

.x-box::before,
.x-box::after {
  content: "";
  position: absolute;
  top: 9px;
  left: -3px;
  width: 25px;
  height: 1px;
  background-color: red;
  transform-origin: center;
}

.x-box::before {
  transform: rotate(45deg);
}

.x-box::after {
  transform: rotate(-45deg);
}
