@import url('https://fonts.googleapis.com/css2?family=Monda&family=Orbitron&display=swap');
body{ padding-top:68px;}
.br{border:1px solid red;}
.border{border-bottom:1px solid #adb5bd;}
a:link{text-decoration:none;}
.baslikyazi { color: #04a9fc; }
.ppp { width: 100%; height: 350px; left: 10;}
/*logo*/
.logo{width:180px;  z-index: -9999;}
@media only screen and (max-width: 767px) {
	.mobileul{width: 100%; height:220px;overflow-y: scroll;}
	.logo {width:160px;}
	}
/*off f37409 */
/*divider dikey cizgi on*/
@media (min-width:190px) and (max-width:800px){.navbar-nav>li.divider {display: none !important;}}
.navbar-nav>li.divider {border-left: 1px solid #c4c4c4; padding: 6px 2px; margin: 8px 0px;color: #999; font-weight: lighter;}
/*divider dikey cizgi off*/
#ustmenu{border-bottom:4px solid #3172b8;}
/*Navbar start*/
.navbar-customm { background-color: #fff; font-weight:600;}
.navbar-custom { background-color: #fff;  box-shadow: 0 14px 6px -6px #555; font-weight:600;}
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {color: #3172b8;}
.navbar-custom .navbar-nav .nav-link {color: #000000;font-size: 17px;}
.navbar-custom .nav-item.active .nav-link,
.beyaz { color: #fff;}
.navbar-custom .nav-item:hover .nav-link { color: #000000;}
/*dropdown menünün arkaplan rengi*/
.navbar-custom .dropdown-menu {font-family: 'Monda', sans-serif; background-color: #ffffff;border-bottom:3px solid #3172b8;}
/*dropdown açılan menünün ilk yazı rengi*/
.navbar-custom .dropdown-item {color: #000;}
/*dropdown açılan menünün açıldıktan sonra ki yazı rengi ve yazının arkaplan rengi*/
.navbar-custom .dropdown-item:hover, .navbar-custom .dropdown-item:focus {color: #fff; background-color:#009afe;}
/*Navbar end*/

/*slayt start*/
.carousel-item img{ width: 100%; max-height:750px;}
@media only screen and (max-width: 767px){.slayt {margin-top :20px;}}
.slaytyon{background-color: #000000; border-radius: 50%;}
.carousel-indicators {color: #04a9fc !important;}
@media (min-width:190px) and (max-width:800px){.carousel-indicators {display: none !important;}}
@-webkit-keyframes zoom {from { -webkit-transform: scale(1, 1);} to { -webkit-transform: scale(1.5, 1.5);}}
@keyframes zoom {from {transform: scale(1, 1);} to {transform: scale(1.5, 1.5);}}
.carousel-item > img { -webkit-animation: zoom 20s;animation: zoom 20s;}
.carousel-caption h3 {
background-color: rgba(0, 0, 0, 0); 
color: white;
text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 7px darkblue;
}
.carousel-caption h3:first-child {animation-delay: 1s;margin-top:-20%;}
.carousel-caption h3:nth-child(2) {animation-delay: 2s;margin-bottom:0%;}
.carousel-caption button {animation-delay: 2s;}
/*slayt end*/

.verticalscroll{height:200px;overflow-y: scroll;}
@media (min-width:190px) and (max-width:680px){.verticalscroll {height:auto;overflow-y: scroll;}}
.getred{color:#3172b8;}
.verticalscroll::-webkit-scrollbar {width: 5px; height: 5px;}
.verticalscroll::-webkit-scrollbar-thumb {
 background: linear-gradient(13deg, #3172b8 14%,#3172b8 64%);
 border-radius: 11px;
}
.verticalscroll::-webkit-scrollbar-thumb:hover{
 background: linear-gradient(13deg, #3172b8 14%,#3172b8 64%);
}
.verticalscroll::-webkit-scrollbar-track{
 background: #ffffff;
 border-radius: 10px;
 box-shadow: inset 7px 10px 12px #f0f0f0;
}
.vertical-menu {width: 100%; border: 1px solid #c4c4c4;}
.vertical-menu a {font-family: 'Monda', sans-serif; background-color: #fff; color: black; display: block; padding: 5px; text-decoration: none;}
.vertical-menu a:hover { color: #3172b8; font-family: 'Monda', sans-serif; font-weight:bold;font-size: 15px; line-height: 24px;}
/*detay star*/
.detayscroll{height:220px;overflow-y: scroll;}
.detayfoto{
display: inline-block; 
max-height:680px;
max-width:100%;
margin-top:0px;
}
/*detay off*/
/*yeniicerik*/
.product-top-bar{
	font-weight: 400;
	font-style: normal;
	font-size: 74px;
	color: #242424;
	hyphens: manual;
	margin-bottom: 10px;
	margin-right: 94px;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
}
.section-title-wrap{
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	color: #3172b8;
	hyphens: manual;
	display: inline-block;
	float: left;
	box-sizing: border-box;
}
.section-title{
	text-align: center;
	hyphens: manual;
	clear: both;
	line-height: 1.3;
	color: #3172b8;
	font-family: 'Monda', sans-serif;
	font-style: normal;

	position: relative;
	z-index: 99;
	display: inline-block;
	font-size: 22px;
	font-weight: 500;
	margin: 0;
	padding-right: 30px;
	box-sizing: border-box;
}
@media all and (max-width: 600px) {
	.section-title {font-size: 20px;}
	.mobkat{
		width: 100%;
		padding: 3px;
		border-radius: 13px;
		background-color: #acd7f9;
		display: flex;
		flex-direction: row;
		place-content: space-around;
	}
	.mobkat h3,i{color: #000000;}
}
.product-item{
	text-align: left;
	line-height: 1.5;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	color: #242424;
	hyphens: manual;
	-webkit-tap-highlight-color: transparent;
	user-select: none;
	box-sizing: border-box;
	background-color: #ffffff !important;
}
.product-wrapper{
	text-align: left;
	line-height: 1.5;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	color: #242424;
	hyphens: manual;
	-webkit-tap-highlight-color: transparent;
	user-select: none;
	position: relative;
	box-sizing: border-box;	
}
.product-img{
	text-align: left;
	line-height: 1.5;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	color: #242424;
	hyphens: manual;
	-webkit-tap-highlight-color: transparent;
	user-select: none;
	position: relative;
	box-sizing: border-box;
}

.product-price-wrapper{
	line-height: 1.5;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	color: #242424;
	hyphens: manual;
	-webkit-tap-highlight-color: transparent;
	user-select: none;
	text-align: center!important;
	display: block;
	box-sizing: border-box;
}
/*owlslider*/
.owl-nav{
	text-align: left;
	line-height: 1.5;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	color: #242424;
	hyphens: manual;
	-webkit-tap-highlight-color: transparent;
	box-sizing: border-box;
	position: absolute;
	right: 0;
	top: -42px;
}
.owl-prev{
	box-sizing: border-box;
	background-color: #efefef;
	border-radius: 5px;
	color: #242424;
	display: inline-block;
	font-size: 16px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	width: 35px;
	transition: all .3s ease 0s;
	cursor: pointer;
	user-select: none;
}
.owl-next{
	font-weight: 400;
	font-style: normal;
	hyphens: manual;
	-webkit-tap-highlight-color: transparent;
	box-sizing: border-box;
	background-color: #efefef;
	border-radius: 5px;
	color: #242424;
	display: inline-block;
	font-size: 16px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	width: 35px;
	transition: all .3s ease 0s;
	cursor: pointer;
	user-select: none;
	margin-left: 3px;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
	background-color: #3172b8 !important;
    border-radius: 5px !important;
    color: #ffffff !important;
	font-size: 16px !important;
	height: 32px !important;
	line-height: 30px !important;
	text-align: center !important;
	width: 32px !important;
	transition: all .3s ease 0s !important;
	margin-left: 10px;
}
@media all and (max-width: 600px) {
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
		height: 25px !important;
		width: 25px !important;
		margin-left: 5px;
		margin-top: 10px;
		line-height:16px !important;
	}
}
.owl-dots{display:none;}
.deals-btnn a{
	font-style: normal;
    hyphens: manual;
    -webkit-tap-highlight-color: transparent;    
    text-align: center!important; 
    transition: all 0.3s ease-out 0s;
    outline: medium none;
    box-sizing: border-box;
    border-radius: 3px;  
    line-height: 1;
    padding: 14px;
    text-transform: uppercase;
    display: inline-block;
    box-shadow: none;
    text-decoration: none;
    color: #3172b8;
}

.detayyildiz{color:#d9a300; font-size:10px;}
.mobilurunler{display:none !important;}
.desktopurunler{display:block !important;}
@media only screen and (max-width: 600px) {
.mobilurunler{display:block !important;}
.desktopurunler{display:none !important;}
}
#etiketler{display:none;}
.page-item .page-link{cursor:pointer}
.page-item .page-link:hover{background-color:#009dd6;color:white !important;}
.baslikrenk{color:#0059b3; font-weight:600;}
/*icerik*/

.box:hover {background-color:#c4e3f4; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
.resimleft{margin-left: 10px; border:1px solid #dddddd;}

/*off*/

/*parallax on*/
.block {color: #ffffff;height: 10px; overflow: hidden;padding-top: 225px;}
.block h2 {text-transform: uppercase;margin-bottom: 15px;}
.block p {color: #ffffff;margin-bottom: 45px;} 
.parallax { 
height: auto; 
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
/*parallax off*/
/*sly on*/
.service-slyy img {display: inline-block; max-height: 150px; max-width:100%;}/*tek resim boyutları*/
.scrolll-img {width:1300px; height: 80px; overflow: hidden; font-size: 0;}
.scrolll-img ul { width:700px;  margin-left:-10px; position: relative;}
.scrolll-img ul li {display: inline-block; margin: 0px 0px 0px 0px;}
#demo6.scrolll-img ul {width:1500px;}
.slyscrollborderkapat{overflow-x: hidden; border:1px solid #dddddd;}
/*sly off*/
/*footer efect on*/
.fotkategori{height:170px; max-height:auto; overflow-x:hidden;}
footer {font-size:14px;  text-decoration:none;}
h5.footer-title {
font-family: 'Monda', sans-serif;
margin-top: 15px;
padding-bottom: 2px;
position: relative;
font-weight: 100;
font-size: 21px;
}
/*footer efect off*/
/*wap on*/
.whatsapp-fixed{position: fixed; bottom: 0px; right: 0;padding:10px; font-size: 35px; z-index: 999998; }
.whatsapp-fixed i {color: white!important;}
.footerlinks{width:100%;margin-bottom: -3px}
.footera{width:100%;border-radius:0px !important;}
@media (max-width:780px){.whatsapp-fixed{position: fixed; bottom: 0px;font-size: 30px; z-index: 999998; }}
/* detay whatsapp */
@media (min-width: 480px) {.myfixd{display:none;}}
/*wap off*/
/*iletisim*/
.iletisim{color: #d2d200;}
.iletisim h4{color: #ffffff;}
.iletisimm a:link{text-decoration:none;color:#ffffff;}
.iletisimm a:visited{color:#ffffff;}
.iletisimm a:hover{color:#ffffff;}
/*offf*/
.ustaimg { padding: 20px 12px; position: relative; text-align: center;}
.ustaimg a { display:block;}
.ustaimg img {display: inline-block; max-height:280px; max-width:100%;}
@media (min-width:190px) and (max-width:1200px){.ustaimg img{max-height:280px; max-width:100%;}}
/**/
.mt2{margin-top:2px;}
.mt4{margin-top:4px;}
.mt6{margin-top:6px;}
.mt8{margin-top:8px;}
.mt10{margin-top:10px;}
.mt14{margin-top:14px;}
.mt16{margin-top:16px;}
.mt18{margin-top:18px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt36{margin-top:36px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt-10{margin-top:-10px;}
.mt-15{margin-top:-15px;}
.mt-20{margin-top:-20px;}
.mt-30{margin-top:-30px;}
.mt-40{margin-top:-40px;}
.mt-50{margin-top:-50px;}
.mt-60{margin-top:-60px;}
.mt-80{margin-top:-80px;}
.mt-100{margin-top:-100px;}
.mt-110{margin-top:-110px;}
.mb15{margin-bottom:15px;}
.font500{font-weight:500;}
.turuncu{color:#fff;text-shadow: 0px 1px 1px black;}
.kirmizi{color:#d90036;font-weight: 500;}

/*video*/
.videobaslik{ color:#ff0040;font-weight: 600; }
.videotext{ color: #000; font-size: 16px; }
.profile-card-44 .card-img-block{
    float:left;
    width:100%;
    height:180px;
    overflow:hidden;
}
.profile-card-44 .card-body{ position:relative;}
.profile-card-44 .profile {
    border-radius: 50%;
    position: absolute;
    top: -62px;
    left: 50%;
    width:100px;
    border: 3px solid rgba(255, 255, 255, 1);
    margin-left: -50px;
}
.profile-card-44 .card-img-block{position:relative;}
.profile-card-44 .card-img-block > .info-box{
    position:absolute;
    background-color:rgba(0, 0, 0, 0.8);
    width:100%;
    height:100%;
    color:#fff;
    padding:0px;
    text-align:center;
    font-size:14px;
   -webkit-transition: 1s ease;
    transition: 1s ease;
    opacity:0;
}
.profile-card-44 .card-img-block:hover > .info-box{opacity:1;  -webkit-transition: all 1s ease; transition: all 1s ease;}
.profile-card-44 i:hover { background-color:rgba(0, 0, 0, 0.8); color:#fff;}
/*video*/



/*Effect 5*/
.effect5{position: relative;}
.effect5:before, .effect5:after{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 25px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 35px 20px #777;
  -moz-box-shadow: 0 35px 20px #777;
  box-shadow: 0 35px 20px #777;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
.effect5:after
{
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
  right: 10px;
  left: auto;
}
.mobilurunler{display:none !important;}
.desktopurunler{display:block !important;}
@media only screen and (max-width: 600px) {
.mobilurunler{display:block !important;}
.desktopurunler{display:none !important;}
}



