@import url("../fonts/font-awesome.css");

	*,h1,h2,h3,h4,h5,h6,a {
		margin: 0; padding: 0; text-decoration: none; 
	}

	.owl-dots.disabled {
		display:none
	}
	.html_scroll {
		height:50%;  overflow-y:scroll;
		scrollbar-color: #39628d #4cc5fd ; 
		scrollbar-width: thin;  
	} 
	.shadow {
		box-shadow: 0 0.5rem 1rem rgba(189, 189, 189, 0.35) !important;
	} 	
	.shadow_2 {
		box-shadow: 0px 0px 50px rgba(5, 5, 5, 0.08);
	}
	
	.text_shadow {
		text-shadow: 2px 2px #444;
	} 
 
	
	a {
		  color:#444  
	}
	 
	a:hover { 
	  color:#a1a1a1;   text-decoration: none;   -o-transition:.5s;  -ms-transition:.5s;  -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;
	} 
	
  
	.grey {
		 filter: gray; -webkit-filter: grayscale(1);  filter: grayscale(1);   
		  -o-transition:.5s;  -ms-transition:.5s;  -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; 	 
	} 
	.grey:hover {
		-webkit-filter: grayscale(0); 
		filter: none; 
		-ms-transform: scale(1.2); /* IE 9 */
		-webkit-transform: scale(1.2); /* Safari 3-8 */
		transform: scale(1.2); 
	} 
	.animated {
		-webkit-animation-duration: 0.4s;
		animation-duration: 0.4s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}
 
	 @-webkit-keyframes fadeInDown {
		0% {
		   opacity: 0;
		   -webkit-transform: translateY(-20px);
		}
		100% {
		   opacity: 1;
		   -webkit-transform: translateY(0);
		}
	 }
	 
	 @keyframes fadeInDown {
		0% {
		   opacity: 0;
		   transform: translateY(-20px);
		}
		100% {
		   opacity: 1;
		   transform: translateY(0);
		}
	 }
 
	.fadeInDown {
		-webkit-animation-name: fadeInDown;
		animation-name: fadeInDown;
	}	
	 
	 
	.hover_effect {
		display: block; position: relative; overflow: hidden; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;  background:#000; 
	} 
		 
	.hover_effect.white {
		background:#fff; 
	} 
	
	.hover_effect:after { 
		/* content: "\f0c1";   font-family: "FontAwesome";  */
		color:#000;  position: absolute; font-size: 1.2em; text-align: center; line-height: 40px; width: 40px; height: 40px; left: 50%; top: 50%; 
		margin-left: -20px; margin-top: -20px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-transform: scale(0.1, 0.1); 
		transform: scale(0.1, 0.1); filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
		-moz-opacity: 0; -khtml-opacity: 0; opacity: 0;
	} 
	.hover_effect img {
		display: block; position: relative; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; 
		-webkit-backface-visibility: hidden; backface-visibility: hidden;
	} 
	.hover_effect:hover:after {
		-webkit-transform: scale(1, 1); transform: scale(1, 1); filter: alpha(opacity=60); -moz-opacity: .6; -khtml-opacity: .6; opacity: .6;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
	} 
	.hover_effect:hover img {
		-webkit-transform: scale(1.1); transform: scale(1.1); filter: alpha(opacity=40); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
		-moz-opacity: 0.4; -khtml-opacity: 0.4; opacity: 0.5;
	} 
	
	
	#yasal_uyari {
		height:540px; 
		overflow-y: scroll; 
		scrollbar-width: thin;
		padding: 5px 30px 60px 15px;
		scrollbar-color: #438b40 #d2d2d2;
	}
	
	#yasal_uyari p {
		font-size:15px;  
	}
	
	.yasal_uyari_link {
		text-decoration:underline
	}
 
	@media(min-width:1000px) {
		
		.modal-body p {
			/*  position: relative; */  /*  height:400px; */
		}
		.modal-body p iframe {
			/*  position: absolute;  top: 0;  left: 15%; right:15%;  */ 
			margin:0px auto; padding:0px; text-align:center; display:block; width: 70%; height: 360px;
		}
		.modal-body p img {
			margin:0px auto; padding:0px; text-align:center; display:block; width: 70%;
		}
	}	
	
	@media(max-width:1000px) {
		.modal-header h2 { 
			font-size: 14px; position: absolute; left: 10px; top: 10px; 
		}		
		.modal-body p { 
		 height:auto;  
		}
		.modal-body p iframe {
			 width: 98%; height: auto
		}
		.modal-body p img {
			 width: 98%; height: auto
		}
		
		.modal-body {
			/* padding: 20px 20px 150px 20px */
		} 
		
		.modal-content {
			width: 90%;
		}		
		
	}

	@-webkit-keyframes animatetop {
		from {top: -300px; opacity: 0} 
		to {top: 0; opacity: 1}
	}

	@keyframes animatetop {
		from {top: -300px; opacity: 0}
		to {top: 0; opacity: 1}
	}
	
	
	#SiziArayalim {
		position:fixed; right:10px; bottom:140px; z-index:99; width:400px; visibility: hidden;
	}
	#SiziArayalim.active {
		visibility: visible; opacity:1; z-index:1000
	}
	#SiziArayalimFormIframe .form-control{
		background:#fff; margin:10px 0px; border:1px solid #ddd; font-size:15px
	}
		
	.sizi-arayalim-header {
		display:block;  padding:10px 30px; border-radius:15px 15px 0px 0px; position:relative
	}
	
	#SiziArayalim .hide-sidebars {
		position:absolute; right:20px; top:22px; font-size:44px; color:#fff; cursor:pointer;  transition: 200ms ease all;
	}	
		
	#SiziArayalim .hide-sidebars:hover {
		opacity:0.7; transition: 400ms ease all;
	}	
		
			
	.sizi-arayalim-header h2 {
		display:block; padding:10px 0px; font-size:21px; color:#fff
	}			
	.sizi-arayalim-header p {
		display:block; padding:0px 0px; font-size:14px; color:#fff
	}
	
	.sizi-arayalim-content {
		display:block; background-color:#fff; padding:30px 30px;   box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.10);
	}
	
	.form_metin_small, .form_metin_big  {
		font-size:11px; font-family:arial
	}					
	.form_metin_small a {
		font-weight:bold; color: #438b40; font-family:arial
	}
	
	
	.call { 
		bottom: 0px; right: 10px; position: fixed; z-index: 22; 
	}	
	.call div {
		cursor:pointer;
		display:block;
		padding: 12px; 
		border-radius: 10px 10px 0px 0px;
	}
 
	.call div img { 
		float:left; width:30px; margin-right:10px; display:block
	} 
	.call div b { 
		font-size: 14px; color:#fff; padding-right:10px
	} 
	.call div span { 
		font-size: 17px; color:#fff; padding-right:10px; font-weight:bold; 
	} 
	.call.active div span { 
		transform: rotate(180deg);  
	} 
 
	
	.bize_ulasin_form_button {
		display:block; padding:10px 10px; border-radius:5px; text-align:center; font-size:17px; color:#fff;
		cursor:pointer; font-weight:bold
	}

 	
	/** 
		**************************************************
				CAROSEL SETTINGS
		**************************************************
	**/	 
	 
	
	.main-slider .owl-nav   {
		position: absolute; right: 6%; bottom: 40%; display: block; transition: all 300ms ease;
	} 	
	
	.main-slider .owl-nav div  {
		background:rgba(255, 255, 255, 456);  width:55px; height:55px;   display: inline-block;  text-align: center;   
		
	} 
	.main-slider .owl-nav div i  {
		font-size:31px; line-height:30px; color:#0134a1; padding-left:4px; padding-top:2px
	}  
  
	.main-slider .owl-nav div.owl-prev  {
		position: absolute; bottom:-2px;
		background:url(../images/right.svg) center center no-repeat;
		background-color: rgba(255, 255, 255, 0.7);
		transform:rotate(180deg);
		background-size:17px 17px;
		transition: all 300ms ease;
		
	} 
	
	 
	
	
	.main-slider .owl-nav div.owl-next  {
		position: absolute; bottom:60px;
		background:url(../images/right.svg) center center no-repeat;
		background-color: rgba(255, 255, 255, 0.7);
		background-size:17px 17px;
		transition: all 300ms ease;		
	} 
	   
	   
	    
	   
	.main-slider .owl-nav div.owl-next:hover  {  
		background-color: rgba(255, 255, 255, 0.4);
		background-size:17px 17px;
		transition: all 500ms ease;	
	} 
		    
	   
	.main-slider .owl-nav div.owl-prev:hover  {  
		background-color: rgba(255, 255, 255, 0.4);
		background-size:17px 17px;
		transition: all 500ms ease;	
	} 
	
  
	.main-slider:hover .owl-nav div.owl-prev  {
	 
	} 
	.main-slider:hover .owl-nav div.owl-next  {
		  
	}



	

	/**
	 * Owl Carousel v2.2.1
	 * Copyright 2013-2017 David Deutsch
	 * Licensed under  ()
	 */

	.owl-carousel, .owl-carousel .owl-item {
		-webkit-tap-highlight-color: transparent; position: relative
	} 
	.owl-carousel {
		display: none; width: 100%; z-index: 1
	} 
	.owl-carousel .owl-stage {
		position: relative; -ms-touch-action: pan-Y; -moz-backface-visibility: hidden
	} 
	.owl-carousel .owl-stage:after {
		content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0
	} 
	.owl-carousel .owl-stage-outer {
		position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0)
	} 
	.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
		-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0)
	} 
	.owl-carousel .owl-item {
		min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-touch-callout: none
	} 
	.owl-carousel .owl-item img {
		display: block; 
	} 
	.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
		display: none 
	} 
	.no-js .owl-carousel, .owl-carousel.owl-loaded {
		display: block
	} 
	.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
		cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none
	} 
	.owl-carousel.owl-loading {
		opacity: 0; display: block
	} 
	.owl-carousel.owl-hidden {
		opacity: 0
	} 
	.owl-carousel.owl-refresh .owl-item {
		visibility: hidden
	} 
	.owl-carousel.owl-drag .owl-item {
		-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none
	} 
	.owl-carousel.owl-grab {
		cursor: move; cursor: grab
	} 
	.owl-carousel.owl-rtl {
		direction: rtl
	} 
	.owl-carousel.owl-rtl .owl-item {
		float: right
	} 
	.owl-carousel .animated {
		animation-duration: 1s; animation-fill-mode: both
	} 
	.owl-carousel .owl-animated-in {
		z-index: 0
	} 
	.owl-carousel .owl-animated-out {
		z-index: 1
	} 
	.owl-carousel .fadeOut {
		animation-name: fadeOut
	}

	@keyframes fadeOut {
		0% {
			opacity: 1
		}
		100% {
			opacity: 0
		}
	}

	.owl-height {
		transition: height .5s ease-in-out
	} 
	.owl-carousel .owl-item .owl-lazy {
		opacity: 0; transition: opacity .4s ease
	} 
	.owl-carousel .owl-item img.owl-lazy {
		transform-style: preserve-3d
	} 
	.owl-carousel .owl-video-wrapper {
		position: relative; height: 100%; background: #000
	} 
	.owl-carousel .owl-video-play-icon {
		position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url(owl.video.play.png) no-repeat;
		cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: transform .1s ease
	} 
	.owl-carousel .owl-video-play-icon:hover {
		-ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3)
	} 
	.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
		display: none
	} 
	.owl-carousel .owl-video-tn {
		opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity .4s ease
	} 
	.owl-carousel .owl-video-frame {
		position: relative; z-index: 1; height: 100%; width: 100%
	}