@font-face {
    font-family:"Lato";
    src: url("latolatin-regular-webfont.woff2");
}
@font-face {
    font-family:"Latoh";
    src: url("latolatin-bold-webfont.woff2");
}
@font-face {
    font-family:"Latoi";
    src: url("LatoLatin-LightItalic.woff");
}

body {
	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-size:16px;
	color:#777;
	font-variant-ligatures: no-common-ligatures;
}
.h3, h3 {
    font-size: 21px;
}
.link>a {
    color: #fff;
    text-decoration: none;
}
.link>a:hover {
    text-decoration: underline;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .container-fluid {
	padding: 0px;
}

.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    border: 0px solid #fff;
}
.nav>li>a {
    padding: 8px;
    color: #0e71b8 !important;
	background: none !important;
    font-size: 16px;
    font-family: "Latoh", Helvetica, Arial, sans-serif;
}
.italik{
	font-family: "Latoi", Helvetica, Arial, sans-serif;
}
.mavisayi{
	color: #0e71b8 !important;
}
#kurulum{
	background-color: #f6f5f5;
}
.malzeme{
	background-color: #2daae1;
}
.malzeme h1{
	color: #fff !important;
}
.malzeme a{
	color: #fff !important;
	font-size: 30px;
	font-family: "Latoh", Helvetica, Arial, sans-serif;
}
#galeri{
	background-color: #f6f5f5;
	padding-bottom: 70px;
}
#galeri img{
	padding: 1px;
}
h2{
	color: #0096af !important;
	font-size: 30px;
	font-family: "Latoh", Helvetica, Arial, sans-serif;
}
.oval{
    background-color: #e5e5e5;
    font-size: 20px;
    color: #000;
    padding: 15px;
    border-radius: 8px;
	border: 1px solid #fff;
}


.navbar-default {
    background: none;
    border: none;
	padding-top: 24px;
}
.navbar-nav {
    padding-left: 40px;
}
.banner{
    z-index: 9999;
    background-color: white;
}
.logo{
    padding-top: 0px;
}
.dil{
    float: right;
}
.dropdown-menu>li>a, .bootstrap-select .btn:focus {
	outline: none !important;
}
.navbar-collapse {
	border:none;
    background-color: white;
	padding-top: 23px;
}	
.cycle-pager span {
    font-family: arial;
    font-size: 60px;
    width: 16px;
    height: 16px;
    display: inline-block;
    color: #b8b8b8;
    cursor: pointer;
}
.cycle-pager{
    margin-top: -59px;
    z-index: 999;
    text-align: center;
    position: relative;
}
.cycle-pager span.cycle-pager-active {
    color: #fff;
}	
h1{
    color: #0096af;
    font-size: 50px;
    font-family: "Latoh", Helvetica, Arial, sans-serif;
	text-align: center;
	margin: 70px 0px 20px 0px;
}	
h3{
    color: #3b4453;
    font-size: 20px;
	line-height: 27px;
    font-family: "Lato", Helvetica, Arial, sans-serif;
}		
.yollar{
	font-size: 24px;
    font-family: "Latoh", Helvetica, Arial, sans-serif;
	color: #0096af;

}
.avantajlar{
    font-size: 16px;
    font-family: "Lato", Helvetica, Arial, sans-serif;
    color: #2f2f2f;
	padding: 0;
}
.avantaj{
	padding: 40px 1px;
}
.avantaj-yazi{	
    position: absolute;
    top: 317px;
    left: 23px;
    right: 23px;
    line-height: 24px;
	text-align: left;
	width: 250px;
    margin: auto;
}
.avantaj-baslik{
    font-size: 24px;
    font-family: "Latoh", Helvetica, Arial, sans-serif;
    color: #f94a22;
	line-height: 46px;
}	
.kontrol{
	text-align: center;
    background-image: url('resimler/ikonlar.png');	
	}	
.ara {
    width: 80%;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
	font-size: 18px;
    font-family: "Lato", Helvetica, Arial, sans-serif;
    background-color: white;
    background-image: url('resimler/searchicon.png');
    background-position: 10px 10px; 
    background-repeat: no-repeat;
    padding: 12px 20px 12px 40px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}


.ara:focus {
	content:"asdasd";
    width: 100%;
	font-size: 20px;
    font-family: "Latoh", Helvetica, Arial, sans-serif;

}
.kapca {
    width: 304px;
	padding: 0px;
}	
.g-recaptcha, .gonder {
    height: 80px;
	margin-top: 27px;
    text-align: center;
}
.g-recaptcha>div {
    width: auto !important;
}
.btn-primary{
	font-size: 17px;
    font-family: "Latoh", Helvetica, Arial, sans-serif;
	margin-top: 27px;
    padding: 10px 30px;
}
.sonuc{
    height: 250px;
}	
.sonuc>div{
	font-size: 40px;
    font-family: "Latoh", Helvetica, Arial, sans-serif;
    height: 250px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.yesil{
	color:#43ac6a;
}
.kirmizi{
	color:#ff4949;
}
	
.iletisim{
    background: url(resimler/footer-bg.jpg) repeat-x top center;
    font-size: 18px;
    color: #3b4453;
    font-family: "Lato", Helvetica, Arial, sans-serif;
    display: flex;
    flex-wrap: wrap;
}
.iletisim-baslik {
    font-size: 27px;
    color: #3b4453;
    font-family: "Latoh", Helvetica, Arial, sans-serif;
    letter-spacing: 1px;
}
.iletisim-yazi {
    font-family: "Latoh", Helvetica, Arial, sans-serif;
}
.input-group{
	padding: 7px 0px;
}
.input-group>input{
	font-size: 16px;
    font-family: "Lato", Helvetica, Arial, sans-serif;
    height: 45px;
}
.input-group>span{
	font-size: 18px;
    font-family: "Lato", Helvetica, Arial, sans-serif;
    height: 45px;
}
textarea.form-control {
    
}
.formbosluk {
    padding-left:27px;
    padding-bottom: 50px;
}
button.btn.btn-success {
    margin-top: 20px;
}
.alt {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: -22px;
    line-height: 10px;
    font-size: 12px;
    letter-spacing: 1px;
}
img.img-responsive.cycle-slide.cycle-slide-active, img.img-responsive.cycle-slide{
    width: 100%;
    max-height: 730px;
}
.GolgeGaleri {
    font-family: 'Roboto Condensed', sans serif;
    font-style: normal;
    font-size: 13px;
    color: #000;
    font-weight: 300;
    padding: 0px 0px 0px 0px;
    vertical-align: top;
    margin-top: 5px;
    width: 12%;
    height: 230px;
    display: inline-table;
    text-decoration: none;
    -webkit-box-shadow: 0px 0px 7px 3px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0px 0px 7px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 7px 3px rgb(0 0 0 / 20%);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
div#message {
	text-align: center;
    font-size: 20px;
    line-height: 30px;
    padding: 137px 0px;
    color: #e83a3a;
    background-color: #fff;
    margin-bottom: 148px;
    border-radius: 10px;
    border: 1px solid #ccc;
}
.oval2{
	background-color: #5ab55a;
    border: none;
    cursor: pointer;
    margin-top: 7px;
    padding: 5px;
    border-radius: 5px;
    color: #fff;
    padding-top: 8px;
}
.adres {
    padding-top: 20px;
}






/*------ 1199px*/
@media  (max-width: 1199px){
	.Banner{
    
	}

		 

}





/*--- 992 ---*/
@media  (max-width: 992px) {
	.nav>li>a {
		padding: 8px 7px;
		font-size: 14px;
	}
	.formbosluk {
		padding-left:0px;
	}



		
}	








/*--- TELEFON ---*/

@media  (max-width: 767px) {
	.navbar-default {
	
		padding-top: 16px;
	}
	.logo {
		
	}
	.dil {
		float: none;
	}
	.navbar-collapse {
		height: 285px;
	}
	.formbosluk {
		padding-left:0px;
	}   
	.g-recaptcha, .gonder {
		 margin-left: -15px;
	}
.sonuc>div {
    font-size: 35px;
}
.ara {
    width: 100%;
    font-size: 14px;
}
.ara:focus {
content: 'Some';
	font-size: 14px;
    font-family: "Latoh", Helvetica, Arial, sans-serif;
}
.container-fluid.cycle-slideshow {
    margin-top: 133px !important;
}
.iletisim {
    background-size: auto 100%;
}
.alt {
    display: block;
    text-align: center;
}
table.GolgeGaleri {
    padding: 0px !important;
	width: 25% !important;
}
#imageContainer, #outerImageContainer, #lightboxImage, #imageDataContainer {

    width: 98% !important;
    height: auto !important;
}
#nextLink, #prevLink{
    height: 95% !important;
}
#imageContainer {
    padding: 3px !important;
}
}