@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap&subset=latin-ext');
body{
	margin:0px;
	padding:0px;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:#333;
	background-color:#f2f2f2;
}
.header{
	background-color: #f2f2f2;
	padding:0px;
    transition: all 0.3s ease;
    top:0; left:0;
    position: relative;
}

.header.fixed {
    position: fixed;
    top:0; left:0;
    width: 100%; 
    z-index:999;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
}
.header>.header-top{
	background-color:#e30613;
	padding:3px 0px;
}
.header-top>.container>ul{
	float:right;
	margin:0px;
	padding:3px 0px;
	list-style: none;
	border-left:1px solid white;
	border-right:1px solid white;
	display:inline-block;
	text-align: right;
}
.header-top>.container>ul>li{
	display:inline-block;
	float:none;
	border-right:1px solid white;
}
.header-top>.container>ul>li:last-child{
	display:inline-block;
	float:none;
	border:none;
}
.header-top>.container>ul>li>a{
	display:inline-block;
	width:30px;
	color:white;
	font-size:16px;
	text-align: center;
	padding-right:2px;
}
.header-top>.container>ul>li:first-child>a{
	padding:0px;
}
.header-top>.container>ul>li>a>img{
	width:70%;
	border:1px solid white;
	border-radius: 50%;
}
.navbar{
	margin-bottom:0px;
}
#header>.header-menu>.navbar-default>.container-fluid>.navbar-header>.navbar-brand{
	height:65px;
	width:auto;
	padding:5px 0px;
	transition: all 0.3s ease;
	margin-top: 0px;
}
#header.sticky>.header-menu>.navbar-default>.container-fluid>.navbar-header>.navbar-brand{
	height:55px;
	width:auto;
	padding:5px 0px;
	transition: all 0.3s ease;
	margin-top: 4px;
}
#header>.header-menu>.navbar-default>.container-fluid>.navbar-header>.navbar-brand>img{
	height:55px;
	width:auto;
	transition: all 0.3s ease;
}
#header.sticky>.header-menu>.navbar-default>.container-fluid>.navbar-header>.navbar-brand>img{
	height:40px;
	width:auto;
	transition: all 0.3s ease;
}
.navbar-default {
    background:none;
    border: none;
}
#header>.header-menu>.navbar-default>.container-fluid>.navbar-collapse>.navbar-nav>li>a{
	font-size:13px;
	font-weight: 600;
	color:#333;
	padding: 23px 10px 22px 10px;
	transition: all 0.3s ease;
	background-color: #f2f2f2;
}
#header.sticky>.header-menu>.navbar-default>.container-fluid>.navbar-collapse>.navbar-nav>li>a{
	font-size:13px;
	font-weight: 600;
	color:#333;
	padding:20px 10px 19px 10px;
	transition: all 0.3s ease;
	background-color: #f2f2f2;
	transition: all 0.3s ease;
}
#header.sticky>.header-menu>.navbar-default>.container-fluid>.navbar-collapse>.navbar-nav>li>a:hover, #header.sticky>.header-menu>.navbar-default>.container-fluid>.navbar-collapse>.navbar-nav>li>a:focus{
	font-size:13px;
	font-weight: 600;
	color:white;
	padding:20px 10px 19px 10px;
	transition: all 0.3s ease;
	background-color: #0099d9;
	transition: all 0.3s ease;
}
#header>.header-menu>.navbar-default>.container-fluid>.navbar-collapse>.navbar-nav>li>a:hover, #header>.header-menu>.navbar-default>.container-fluid>.navbar-collapse>.navbar-nav>li>a:focus{
	font-size:13px;
	font-weight: 600;
	color:white;
	padding:23px 10px 22px 10px;
	transition: all 0.3s ease;
	background-color: #0099d9;

	transition: all 0.3s ease;
}
.navbar-default .navbar-nav>li>a.active{
	color:#0099d9!important;
}

.navbar-default .navbar-nav>li>a.active:hover, .navbar-default .navbar-nav>li>a.active:focus{
	color:white!important;
}
.navbar-right{
	margin-top:0px;
}
.main{
	padding:0px;
	min-height:70vh;
}
.slider{
	padding:0px 20px;
}
img.slide{
	width:100%;
}
.fluxslider{
	width:100%;
}
.home-about{
	margin-top:30px;
}
.home-about>h1{
	font-size:24px;
	font-weight: 600;
	color:#333;
}
.home-about>p{
	font-size:16px;
	color:#333;
	font-weight: 400;
	line-height: 28px;
	text-align: center;
	display: inline-block;
	margin-top:11%;
}

.home-about-text{
	margin-top:30px;
}
.home-about-text>h1{
	font-size:24px;
	font-weight: 600;
	color:#333;
	margin-top:0px;
}
.home-about-text>p{
	font-size:14px;
	color:#333;
	font-weight: 400;
	line-height: 24px;
	text-align: justify;
}
 .google-mapps {
    position: relative;
    padding-bottom: 65.8%; // This is the aspect ratio
    height: 0;
    overflow: hidden;
}
.google-mapps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
.about-slide{
	margin-top:30px;
	margin-bottom:30px;
}
.neler-yapiyoruz{
	padding:30px 0px;
	background-color:#fbfbfb;
}
.neler-yapiyoruz>.container>h3{
	font-size:20px;
	color:#333;
	font-weight: 600;
	border-bottom:1px solid #333;
	padding-bottom:2px;
}
.neler-img{
	padding:0px;
	margin-bottom:10px;
}
.neler-img>img{
	width:100%;
}
.neler-text>p{
	font-size:14px;
	color:#333;
	font-weight: 300;
	line-height: 20px;
}
.icon{
	float:left;
	width:65px;
	height:65px;
	border:1px dashed #e30613;
	margin-right:10px;
}
.icon>img{
	width:100%;
}
.icon-list>ul{
	padding:0px;
	margin:0px;
	list-style: none;
}
.icon-list>ul>li{
	margin-bottom:10px;
}
.icon-text{
	float:left;
	width:75%;
}
.icon-text>h5{
	font-size:16px;
	font-weight: 600;
	color:#333;
	margin-bottom:5px;
	margin-top:0px;
}
.icon-text>p{
	font-weight: 400;
	font-size:13px;
}
.jarallax {
    min-height: 300px;
    text-align: center;
    padding:30px 0px;
}
.jarallaxx {
    min-height: 250px;
    text-align: center;
    padding:30px 0px;
}
.ayrim{
	padding:0px 20px;
}
/* hero block */
.demo-table {
    display: inline-block;
    background-color: rgba(250, 250, 250, 0.3);
    color: #fff;
    padding:15px;
    float:none;
}
.demo-table-cell {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.testimo-img{
	padding:10px;
}
.testimo-img>img{
	width:100%;
}
.testimo-text{
	padding:10px;
}
.testimo-text>h3{
	font-size:18px;
	font-weight: 600;
	color:white;
	border-bottom:1px solid white;
	padding-bottom:2px;
	margin-top:0px;
	text-align: left;
}
.testimo-text>p{
	font-size:14px;
	color:white;
	text-align: justify;
	margin-top:10px;
	line-height: 22px;
}
.neden-biz{
	background-color: #f2f2f2;
	padding:30px 0px;
}
.neden-biz>.container>h3{
	font-size:20px;
	color:#333;
	border-bottom:1px solid #333;
	font-weight: 600;
	margin-top:0px;
	margin-bottom:20px;
}
.neden-biz>.container>ul{
	padding:0px;
	margin:0px;
	list-style: none;
}
.neden-biz>.container>ul>li{
	margin-bottom:10px;
}
.neden-biz>.container>ul>li::before{
	font-family: "Font Awesome 5 Free"; 
   font-weight: 900; 
   content: "\f101";
   margin-right:5px;
   font-size:14px;
   color:#0099d9;
}
#read{
  width: 100%;
  margin: auto;
  max-height: 390px;
  position: relative;
}
.read-button{
	border-top:1px solid rgba(51,51,51,0.4);
	text-align: center;
}
button.button{
	background:none;
	border:none;
	display:inline-block;
    line-height: 16px;
    outline: none;
}
.referanslar{
	padding:30px 0px;
}
.referanslar>h3{
	font-size: 20px;
    color: #333;
    border-bottom: 1px solid #333;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 20px;
}
.referans-area{
	padding:0px;
	margin-top:20px;
	position: relative;
}
.carousel-control.right, .carousel-control.left{
	background:none;
}
.customNavigation{
	position: absolute;
    width: 100%;
    top: 45%;
}
.item{
	padding:8px;
}
.item>img{
	width:100%;
}
a.btn.prev{
	position: absolute;
	left:-30px;
	font-size:30px;
	color:#333;
}
a.btn.next{
	position: absolute;
	right:-30px;
	font-size:30px;
	color:#333;
}
a.btn.prev:active ,a.btn.next:active{
	border:none;
	box-shadow: none;
	padding: 7px 13px;
}
.footer{
	background-color: #eeeeee;
	padding:20px 0px 0px 0px;
	border-top:2px solid #0091cb;
}
.foot-logo{
	padding:0px;
	margin-bottom:10px;
}
.foot-logo>a>img{
	width:100%;
}
.foot-about{
	padding:0px;
}
.foot-about>p{
	font-size:13px;
	color:#333;
	font-weight: 300;
}
.foot-menu{
	padding:0px;
}
.foot-menu>ul{
	list-style: none;
	width:100%;
	display: inline-block;
	text-align: right;
    padding-right: 19px;
}
.foot-menu>ul>li{
	display:inline-block;
}
.foot-menu>ul>li>a{
	font-size:12px;
	color:#333;
	font-weight: 400;
	padding:5px 7px;
}
.google-maps {
    position: relative;
    padding-bottom: 23%; // This is the aspect ratio
    height: 0;
    overflow: hidden;
    float:right;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.google-mappss {
    position: relative;
    padding-bottom: 27%; // This is the aspect ratio
    height: 0;
    overflow: hidden;
    float:right;
    width:100%;
}
.google-mappss iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.gooogle-maps {
    position: relative;
    padding-bottom: 60%; // This is the aspect ratio
    height: 0;
    overflow: hidden;
    float:right;
    width:100%;
}
.gooogle-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
.foot-contact{
	float:right;
	margin-right:10px;
	padding:0px;
	text-align: right;
}
.foot-adres{
	padding:0px 15px;
	text-align: left;
	font-size:13px;
	color:#333;
	font-weight: 300;
    width: 48%;
	display: inline-block;
	margin-top:5px;
}
.foot-adres>i{
	font-size:20px;
}
.foot-adres>span{
	display: inline-block;
	width:91%;
	float:right;
}

.foot-tel{
	padding:0px 15px;
	text-align: left;
	font-size:13px;
	color:#333;
	font-weight: 300;
	margin-top: 5px;
	width: 20%;
	display: inline-block;
}
.foot-tel>i{
	font-size:16px;
}
.foot-tel>span{
	display: inline-block;
	width:75%;
	float:right;
}
.foot-mail{
	padding:0px 0px 0px 15px;
	text-align: left;
	font-size:13px;
	color:#333;
	font-weight: 300;
	margin-top: 5px;
	width: 26%;
	display: inline-block;
}
.foot-mail>i{
	font-size:16px;
}
.foot-mail>span{
	display: inline-block;
	width:91%;
	float:right;
}
.foot-social{
	padding:0px 0px 0px 15px;
	width: auto;
	display: inline-block;
}
.foot-social>ul{
	list-style: none;
	margin:0px;
	padding:0px;
	text-align: right;
}
.foot-social>ul>li{
	display: inline-block;
}
.foot-social>ul>li>a{
	display: inline-block;
	width: 30px;
	height:30px;
	text-align: center;
	font-size: 16px;
	color:#333;
	padding-top:5px;
	border-radius: 50%;
	background-color: white;
}
.footer>.container{
	padding:0px  0px 10px 0px;
}
.copyright{
	padding:0px;
	background-color: #e30613;
}
.copyright>.container{
	padding:5px 0px;
}
.copy{
	font-size:11px;
	color:white;
	font-weight: 300;
}
.design{
	font-size:11px;
	color:white;
	font-weight: 300;
	text-align: right;
}
.design>a{
	font-size:11px;
	color:white;
	font-weight: 400;
}
.page-top{
	padding:0px;
}
.main{
	padding:0px;
	min-height: 65vh;
}
.main>.container>h2{
	font-size:20px;
	font-weight: 600;
	color:#333;
	border-bottom:1px solid #333;
	padding-bottom:2px;
}
.post-text>a>h5{
	font-size: 14px;
    color: #333;
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 5px;
}
.adimlar{
	padding:0px;
	margin-top:10px;
	margin-bottom:10px;
}
.adimlar>.adimlar-text>h4{
	font-size:18px;
	font-weight: 600;
	color:#333;
	border-bottom:1px solid #333;	
	padding-bottom:2px;
}
.adimlar-text{
	padding:5px;
}
.adimlar-img{
	padding:5px;
}
.adimlar-img>img{
	width:100%;
}
.about-inside>h1{
	border-bottom:1px solid #333;
	padding-bottom:2px;
}
.ref{
	padding:15px;
	text-align: center;
}
.ref>a{
	display: inline-block;
	width:100%;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.2);
	transition: all 0.3s ease;
	background-color: white;
}
.ref>a:hover{
	box-shadow: 0px 0px 8px rgba(0,0,0,0.7);
	transition: all 0.3s ease;
	background-color: white;
}
.ref>a>img{
	width:50%;
}
.ref-mekt>a>img, .ref-mekt>img{
	width:100%;
}
.ref-gal{
	padding:0px;
	margin-top:20px;
}
.ref-img{
	padding:8px;
}
.ref-img>a>img{
	width:100%;
}
.ref-text{
	padding:0px;
	margin-top:10px;
}
.post-img{
	width:100%;
}
.post-img>a{
	display:inline-block;
	width:100%;
}
.post-img>a>img{
	width:100%;
}
.blog>img{
	width:100%;
}
.blog-inside>h2{
	font-size:20px;
	font-weight: 600;
	color:#333;
	border-bottom:1px solid #333;
	padding-bottom:2px;
}
.blog-img{
	padding:0px;
}
.blog-img>img{
	width:100%;
}
.blog-text{
	padding:0px;
	margin-top:10px;
	margin-bottom:20px;
}
.blog-text>strong{
	margin-bottom:15px;
	display: inline-block;
	color:#333;
}
.iletisim>h3{
	font-size:18px;
	font-weight: 600;
	color:#333;
	border-bottom:1px solid #333;
}
.form-str{
	padding:5px;
}
.form-str>textarea{
	height:100px;
	resize:none;
}
.iletisim-adres{
	padding:0px;
	text-align: left;
	font-size:13px;
	color:#333;
	font-weight: 300;
	margin-top:20px;
}
.iletisim-adres>i{
	font-size:20px;
}
.iletisim-adres>span{
	display: inline-block;
	width:91%;
	vertical-align: top;
}

.iletisim-tel{
	padding:0px;
	text-align: left;
	font-size:13px;
	color:#333;
	font-weight: 300;
	margin-top:10px;
}
.iletisim-tel>i{
	font-size:16px;
}
.iletisim-tel>span{
	display: inline-block;
	width:91%;
}
.iletisim-mail{
	padding:0px;
	text-align: left;
	font-size:13px;
	color:#333;
	font-weight: 300;
	margin-top:10px;
}
.iletisim-mail>i{
	font-size:16px;
}
.iletisim-mail>span{
	display: inline-block;
	width:91%;
}
.ofis{
	padding:5px 15px;
}
.foot-about>h4{
	font-weight: 600;
    font-style: italic;
    margin-top:5px;
    font-size: 23px;
}
.owl-item>.item>a{
	display: inline-block;
	width: 100%;
}
.owl-item>.item>a>img{
	width:100%;
}
.form-str>label{
	width: 100%;
	text-align: left;
}
.page-top{
	padding:0px 20px;
}
.page-top>img{
	width:100%;
}
.onay{
	text-align: left;
}
.onay>label{
	display: inline-block;
	width:90%;
	margin-left:5px;
}
.onay>input{
	vertical-align: top;
}
.navbar-default>.container-fluid{
	padding:0px;
}
label>a{
	color:#e30613;
}
.form-str>button.btn.btn-primary{
	padding:10px 45px;
}
.navbar-default .navbar-nav>li>a.active:hover, .navbar-default .navbar-nav>li>a.active:focus{
	color:white;
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index:9999;
}
.sticky + .main {
  padding-top: 65px;
}
.about-slide>img{
	width:100%;
}