html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

strong,b{font-weight:bold;}

a{text-decoration:none; transition: all 0.2s;}

/* site */
body,html{font-family: 'Roboto', sans-serif !important;}
h2{font-size:42px; color:#000; font-weight:700; }
/* ustAlan */
.ustAlan{height:190px;}
.logo{float:left; margin-top:20px;}

.ustBilgi{float:right; margin-top:35px;}
.ustBilgi ul li{float:left; margin-right:20px; font-size:18px; color:#323131; font-weight:500; line-height:59px;}
.ustBilgi ul li p{float:left; line-height:24px; margin-top:6px;}
.ustBilgi i{background: url(../img/damla.png); width:70px; height:59px; float:left; margin-right:10px; text-indent:19px; line-height:59px; color:#fff; font-size:24px;}
.ustTepe{height:130px;}
.anaMenu{background: #f07c00; height:60px;}
.anaMenu ul{margin-left:-20px;}
.anaMenu ul li{float:left; position: relative; height:60px;}
.anaMenu ul li a{color:#fff; font-size:16px; font-weight:500; display:block; line-height:60px; padding:0 20px;}
.anaMenu ul li a:hover{background:#fff; color:#f07c00; text-decoration: none;}
.anaMenu ul.social{float:right; margin-left:0; margin-right:-20px;}
.anaMenu ul.social li a{width:60px; height:60px; padding:0; text-align: center;}
.anaMenu ul li ul{position: absolute; z-index:99; background:#fff; transition: all .3s;  box-shadow: 0px 0px 9.5px 0.5px rgba(0, 0, 0, 0.1); width:250px; border:2px solid #f07c00; border-top:none; top:60px; left:18px;display:none;}
.anaMenu ul li ul li{height:40px; }
.anaMenu ul li ul li a{color:#333; height:40px; line-height:40px; }
.anaMenu ul li:hover > ul{display: block;}
.responsive-menu{display: none;}
#myNav{opacity: 0; height:0; overflow: hidden;}
/* icerikAlani */
.icerikAlani{margin-top:10px;}
.main-slider{text-align:center;}
.main-slider img{max-width:100%;}
.hakkimizda{}
.hakkimizdaResim{}
.hakkimizdaYazi{font-size:16px; font-weight:300; border-left:5px solid #eee; padding:10px 0 10px 30px; margin-top:20px;}
.hakkimizda .site-btn{margin:40px; float:right;}
.siteBaslik{color:#f07c00; font-size:30px; margin-bottom:30px;}
.siteGenelBaslik{text-align:center;}
.siteGenelBaslik:after{content:''; display:block; width:100px; height:5px; background: #eee; margin:20px auto;}
a.site-btn{display:block; width:200px; height:40px; font-size:14px; background:#f07c00; color:#fff; line-height:40px; text-align:center;}
a.site-btn:hover{background:#fff; color:#f07c00; text-decoration: none; box-shadow:5px 8px 30.72px 1.28px rgba(0, 0, 0, 0.21); }
.bilgi-kutu{border:1px solid #f1f1f1; border-radius:3px; padding:0 30px 30px 30px; text-align:center; margin-top:85px;}
.bilgi-kutu i{display:block; width:80px; height:80px; background:#f07c00; border-radius:50px; margin:0 auto; color:#fff; font-size:36px; line-height:80px; margin-top:-40px;}
.bilgi-kutu h3{font-size:22px; color:#323131; margin-bottom:25px; margin-top:35px;}
.bilgi-kutu p{font-size:16px; color:#323131; font-weight:300;}
.referanslarimiz{background:#f8fafc; margin-top:100px; padding:75px;}
.referanslarimiz p{font-size:16px; color:rgba(0,0,0,.3); font-weight:500; margin-top:5px;}
.referanslarimiz a{width:190px; height:50px; display:block; border:2px solid #e6e6e6; color:#393939; font-size:16px; text-align:center; line-height:48px; float:right; position:relative; top:-50px; border-radius:30px;}
.referanslarimiz a:hover{background:#393939; color:#fff; text-decoration: none;}
.hizmetler{padding:35px 0px 75px 0px; text-align:center;}
.hizmetler img{width:100%;}
.hizmetler p{font-size:16px; color:rgba(0,0,0,.3); font-weight:500; margin-top:5px;}
.hizmet-kutu{ margin-top:45px; position: relative;}
.hizmet-baslik{width:100%; height:70px; background:rgba(0,0,0,.6); margin-top:-70px; position: relative; z-index:2; text-align:left; padding:17px;}
.hizmet-baslik a{font-size:18px; font-weight:500; color:#fff;}
.hizmet-baslik a:after{content:''; display:block; width:50px; height:3px; background: #f07c00; margin-top:7px;}
.videolar{padding:100px 0;text-align:center;}
.tanitim_videolar{margin:10px;}
.videolarYazi{font-size:24px; font-weight:500; color:#111;}
.page{padding:10px 0;}
.page h2{text-align:center;}
.page h2:after{content:''; display:block; width:50px; height:3px; background: #f07c00; margin:10px auto;}
.page-content{margin-top:30px; font-size:16px; line-height:28px; color:#333; font-weight:300;}
.video iframe{width:100% !important;}
.photo-wrap div{margin-bottom:30px;}
.urunResim{
	max-height: 400px;
	overflow: hidden;
	margin: 10px;
	border:3px solid #f9c217;   
}
.urunResim img{
	width: 100%;
}
.sayfaBilgiler{padding:50px; line-height:50px; font-size:18px; font-weight:300;}
.sayfaBilgiler i{margin-right:10px; width:40px; font-size:20px; color:#f07c00;}
.sayfaAdres{padding:50px; text-align:center; font-size:18px; font-weight:300;}
.sayfaAdres i{font-size:50px; display:block; color:#f07c00; margin-bottom:20px;}
/* altAlan */
.altAlan{}
.altTepe{height:80px; background: #f07c00; font-size:24px; color:#fff; line-height:80px;}
.altTepe p{float:left;}
.altTepe a{width:190px; height:50px; display:block; border:2px solid #fff; color:#fff; margin-top:16px; font-size:16px; text-align:center; line-height:48px; float:right;  border-radius:30px;}
.altTepe a:hover{background:#fff; color:#f07c00; text-decoration: none;}
.altOrta{background:#323131; height:200px;}
.footer-logo{margin-top:45px;}
.altMenu{float:right; margin-top:70px;}
.altMenu li{float:left; font-size:16px; font-weight:300; margin-left:40px;}
.altMenu li a{color:rgba(255,255,255,.7);}
.altOrta p{font-size:12px; font-weight:300; color:rgba(255,255,255,.3); text-align:right; font-style:italic; }
.altOrta p:before{content:''; display:block; clear:both; height:20px;}
.yazi p{font-size:16px; font-weight:300; border-left:5px solid #eee; padding:10px 0 10px 30px; margin-top:20px};
.site-title{
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
    float: left;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #CCC;
    margin-bottom: 50px;
}
.site-title h4{
    padding-right: 20px;
    padding-left: 20px;
    font-size: 26px;
    text-align: center;
    font-weight: bold;
    color: #666;
    width: 30%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: -15px;
    background-color: #FFF;
}

/* hizmetlerimiz */
.hizmetlerimiz{
	text-align: center;
	padding: 45px;
}
.hizmetlerimiz i{
	font-size: 56px;
	width: 100px;
	border: 1px solid #f07c00;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	color: #f07c00;
}
.hizmetlerimiz i:hover{
	background: #f07c00;
	color: #fff;
}
.hizmetlerimiz h3{
	font-size: 20px;
	margin-bottom: 8px;
	font-weight: 700;
	color: #f07c00;
}
.hizmetlerimiz p{
	font-size: 16px;
	color: #666;
}
#hemenara{
	display: none;
	position: fixed;
	left: 15px;
	width: 130px;
	text-decoration: none;
	height: 30px;
	line-height: 30px;
	font-size: 13px;
	font-weight: 600;
	color: #fff;
	background: red;
	bottom:35px;
	text-align: center;
	z-index: 9999;
	margin-bottom:70px;
	border-radius:3px;
}  

#hemenara2{
	display: none;
	position: fixed;
	left: 15px;
	width: 130px;
	text-decoration: none;
	height: 50px;
	line-height: 30px;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	background-color: #6da749;
	bottom:35px;
	text-align: center;
	z-index: 9999;



}

@media only screen and (max-width: 1140px) {
	.container{overflow-x:hidden;}
	.ustBilgi{display:none;}
	.responsive-menu{line-height:60px; font-size:20px; color:#fff; cursor:pointer; display: block;}
	.responsive-menu i{margin:0 10px 0 10px;}
	.overlay.opened{height:auto !important; margin-left:-15px; -moz-transform: scale(1);-o-transform: scale(1);	-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);visibility: visible;opacity: 1 !important;		z-index: 10;	overflow: auto;	}
	.overlay{position:fixed;width:100%;background:#f07c00;   background:-moz-linear-gradient(top,#f07c00 0,#f07c00 100%);background:-webkit-linear-gradient(top,#f07c00 0,#f07c00 100%);background:linear-gradient(to bottom,#f07c00 0,#f07c00 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f07c00', endColorstr='#f07c00', GradientType=0 );top:0;bottom:-100px;padding-bottom:100px;z-index:9999999!important;visibility:hidden;opacity:0;-moz-transform:scale(1.15);-o-transform:scale(1.15);-ms-transform:scale(1.15);-webkit-transform:scale(1.15);transform:scale(1.15);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;color:#fff}
	.overlay-content {  position: relative;  width: 100%;  }
	.overlay-content ul.mobile-user{border-bottom:1px solid rgba(255,255,255,.3); border-top:1px solid rgba(255,255,255,.3); padding:10px 0;}
	.overlay-content ul.mobile-user:after{clear:both; content:''; display: block;}
	.overlay-content ul.mobile-user li{float:left; width:calc(50% - 20px); margin-left:10px;}
	.overlay-content ul.mobile-user li a{color:#fff; padding:10px 20px; display:block; background:#222;border-radius: 3px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);transition: 250ms all;}
	.overlay-content ul.mobile-user li a:hover{background:#fff; color:#222;}
	.overlay-content ul.mobile-nav{display:block; border-top:1px solid rgba(255,255,255,.3);}
	.overlay-content ul.mobile-nav li{float:none; text-align: left; border-bottom:1px solid rgba(255,255,255,.3); text-indent:20px; }
	.overlay-content ul.mobile-nav li a{height:45px; line-height:45px; padding:0 10px; font-size:14px;}
	.overlay-content ul.mobile-nav li a:hover{}
	.overlay .closebtn {font-size: 40px;  height: 60px;width: 100%; line-height:60px;  display: block; padding: 0 20px;  text-align: right;  box-sizing: border-box;	color: #fff;}
	.overlay .closebtn:hover{text-decoration: none;}
	
	.logo{text-align:center; float:none; width:100%;}
	.anaMenu ul{display:none;}
	h2{font-size:30px !important; padding:0 !important;}
	.referanslarimiz{padding:30px 0; margin-top:30px;}
	.ref-head{text-align:center;}
	.referanslarimiz a{margin:20px auto; top:0; float:none; }
	.hizmetler{padding-top:30px;}
	.altTepe{font-size:14px;}
	.altTepe p{display:none;}
	.altTepe a{margin:0 auto; float:none;  margin-top:16px;}
	.footer-logo{text-align:center; }
	.footer-logo img{max-width:250px;}
	.altMenu{display:none;}
	.altOrta p{text-align: center;}
}
@media screen and (max-width: 767px) {
	#hemenara{
		display: block !important;
	}
	#hemenara2{
		display: block !important;
	}
}