@charset "UTF-8";
/* Jaws Design Studio CSS */

body {background-color: black;overflow-x:hidden !important;}
.padding-none{padding:0 !important;}
.margin-none{margin:0;}

.header-container{height:150px;background-color:white;}
.logo{margin-top:50px;margin-left:120px;cursor:pointer;}
.menu-icon{float:right;position:relative;right:120px;margin-top:63px; cursor:pointer;}

#back-to-top {width:40px; height:41px; background:url('../img/back-to-top.png'); position:fixed; right:5px; bottom:5px; z-index:100; cursor:pointer; display:none}
.video{ width:640px; height:360px;}

<!-- ara başlıklar -->
.ara-baslik{margin-top:3%;}	
.ara-baslik h2{font-family: 'Cormorant Infant', serif;color:#808080;font-weight:500;font-size: 20px;}	
.ara-baslik hr.hr-one{ border-top:1px solid #15e2e9; width: 80%; float:left; margin-top:2%;}
.ara-baslik hr.hr-two{ border-top:1px solid #15e2e9; width: 60%; float:left; margin-top:2%;}
.ara-baslik hr.hr-three{ border-top:1px solid #15e2e9; width: 70%; float:left; margin-top:2%;}
.ara-baslik hr.hr-four{ border-top:1px solid #15e2e9; width: 100%; float:left; margin-top:1%;}

.slider-mobil{display:none;}

<!-- home -->
.slider-height{height:700px;background-color:#1a1a1a;}
.carousel-caption h1 {font-family: 'Cormorant Infant', serif;font-weight:700;font-size: 46px;color: black;}
.carousel-caption p {font-family: 'Athiti', sans-serif;font-weight:200;font-size: 20px;color: black;background-color:rgba(255,255,255,0.6);margin-left:20%;margin-right:20%;}

.home-content {height:auto;background-color:white;}
.homebox-container { height:auto; margin-top:3%;margin-bottom:2%;}
.homebox { height:auto;}
.homebox p{ font-family: 'Cormorant Infant', serif;font-weight:300;font-size: 18px;line-height:1.2;color: #777; margin-top:4%; margin-bottom:3% }
.home-img1 img{ width:auto; height:100px; }
.home-img2 img{ width:auto; height:100px; }
.home-img3 img{ width:auto; height:100px; }

.homeline-container { height:auto;}
.homeline-sec1{ background-color:#15e2e9; height:1px;}
.homeline-sec2{ background-color:#e6e6e6;height:1px;}
.homeline-sec3{ margin-top:1%;}

.home-slogan-container { height:auto; margin-top:12%; margin-bottom:3%;}
.home-mesaj{font-family: 'Cormorant Infant', serif;font-weight:100;font-size: 36px;line-height:1.2; margin-bottom:3%;}
.homeline-sec4{ background-color:#15e2e9; height:1px;}

.home-button {font-family: 'Athiti', sans-serif;font-weight:500;font-size:19px;cursor: pointer;transition: all .2s ease-in-out;}
.home-button a {color: black;text-decoration:none;border-bottom: none;}
.home-button a:hover {border-bottom: 2px dotted #15e2e9;}


<!-- footer -->
.footer-container{ height:auto;background-color:black;}
.footer-margin{ margin-top:2%; margin-bottom:10%;}
.logo-footer{ position:relative; left:-130px;}
.footer-info{font-family: 'Athiti', sans-serif;font-weight:100;font-size: 20px;line-height:1.2;color:white;}
.footer-info span{font-size: 12px;}
.footer-info a.one{font-family: 'Athiti', sans-serif;font-weight:100;line-height:1.2;color:white;text-decoration:none;border-bottom:1px solid #15e2e9;}
.footer-info a.one:hover{color:#15e2e9;border-bottom:1px solid #15e2e9;}
.footer-info a.two{text-decoration:none;}
.social{ position:relative; top:20px;}
.social img{margin-right:25px;height:16px;width:auto;}


/* overlay menu open */
.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 4000;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow-x: hidden;
    transition: 0.5s;
}

.overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.overlay a {
    font-family: 'Cormorant Infant', serif;
	font-weight:700;
	padding: 8px;
    text-decoration: none;
    font-size: 56px;
    color: white;
    display: block;
    transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
    color: #15e2e9;
}

.overlay-aktif {
    color: #15e2e9;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 90px;
}
.overlay img {
    position: absolute;
    top: 80px;
    left: 120px;
}


/* hakkinda */
.hakkinda-mesaj-height{height:auto;background-color:white;}
.hakkinda-gorsel-height{height:auto;background-color:white;}
.hakkinda-mesaj p{font-family: 'Cormorant Infant', serif;font-weight:100;font-size: 22px;line-height:1.2;color:black;margin-bottom:3%;}

.hakkinda-content{height:auto;background-color:white;}
.ref-baslik{font-family: 'Cormorant Infant', serif;font-weight:300;font-size: 20px;text-align:center;color:#999;}	

.big-text{font-family: 'Athiti', sans-serif;font-weight:500;line-height:1.2;font-size: 30px;color: black;margin-bottom:3%;}	
.hakkinda-gorsel{height:auto;margin-bottom:2%;}

.aboutbox-container { height:auto; margin-top:1%; margin-bottom:3%; }
.aboutbox { height:auto;}
.aboutbox p{ font-family: 'Cormorant Infant', serif;font-weight:300;font-size: 18px;line-height:1.2;color: #777; margin-top:4%; margin-bottom:3% }
.hbimg1 img{ width:auto; height:100px; }
.hbimg2 img{ width:auto; height:100px; }
.hbimg3 img{ width:auto; height:100px; }

.referanslar{background-color:#f2f2f2;height:auto;}
.referanslar img{margin:auto;}
.referanslar-container{height:auto; margin-top:2%; margin-bottom:2%;}


/* işler */
.isler-container{
	height:auto;
	background-color:#1a1a1a;
}

/* işler detay */
.portfolio-top-height{height:400px;background-color:white;background-image:url(../img/portfolio-top-img.jpg);}
.firma-bilgi{background-color: rgba(48, 46, 41, 0.3);height:400px;}
.portfolio-content{height:auto;background-color:white;}
.portfolio-slogan{font-family: 'Athiti', sans-serif;font-weight:500;line-height:1.2;font-size: 30px;color: black;margin-top:1%;}
.portfolio-slogan hr {border: 0;border-top: 2px solid #15e2e9;border-bottom: 1px solid #fff;}
.portfolio-aciklama{font-family: 'Athiti', sans-serif;font-weight:300;line-height:1.2;font-size: 18px;color: #555;}
.portfolio-aciklama2{font-family: 'Athiti', sans-serif;font-weight:100;line-height:1.2;font-size: 18px;color:#555;margin-top:2%;}
.portfolio-gorsel{margin-top:4%;}
.portfolio-gorsel h2{font-family: 'Athiti', sans-serif;font-weight:500;font-style:italic;line-height:1.2;font-size: 30px;color: black;}
.portfolio-gorsel hr{color: #e6e6e6; background-color:#e6e6e6; height:1px;}
.diger-isler h2{font-family: 'Cormorant Infant', serif;font-weight:300;line-height:1.2;font-size: 20px;color: #999;}
.portfolio-menu{height:auto;background-color: white;}
.portfolio-menu-margin{margin-top:7%;}
.portfolio-buton{margin-top:1%;}
.portfolio-buton a {font-family: 'Athiti', sans-serif;font-weight:100;font-size:16px;cursor: pointer;color: #555;text-decoration:none;background-color:#e6e6e6;padding:10px 15px;border-radius:5px;}
.portfolio-buton a:hover {background-color:#15e2e9;color: white;}
.portfloio-tum-isler2{display:none;}


/* iletişim */

.iletisim-container{height:auto;background-color:white;}
.big-text-address{font-family: 'Athiti', sans-serif;font-weight:400;line-height:1.2;font-size: 30px;color: black;margin-bottom:3%;}
.big-text-address a {color: #15e2e9;text-decoration:none;border-bottom: none;}
.big-text-address a:hover {border-bottom: 2px dotted #15e2e9;}
.big-text-address a.map-link {font-family: 'Athiti', sans-serif;font-weight:300;line-height:1.2;font-size: 15px;color: black;margin-bottom:3%;}
.map-container{height:auto;background-color:black;}
.map-area{height:600px;}


@media only screen and (max-width : 1440px) {
	.header-container{height:140px;background-color:white;}
	.logo{margin-top:47px;cursor:pointer;margin-left:80px;}
	.menu-icon{float:right;position:relative;right:80px;margin-top:60px;cursor:pointer;}
	
	.homebox-container { margin-top:5%;margin-bottom:3%;}
	.home-img1 img{ width:auto; height:90px; }
	.home-img2 img{ width:auto; height:90px; }
	.home-img3 img{ width:auto; height:90px; }
		
	.logo-footer{ position:relative; left:0px;}
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1280px) {
	.header-container{height:140px;background-color:white;}
	.logo{margin-top:47px;cursor:pointer;margin-left:50px;}
	.menu-icon{float:right;position:relative;right:50px;margin-top:60px;cursor:pointer;}
	
	.hakkinda-mesaj{ margin-left:10%; }
	.left-padding-text{ margin-left:10%; }
	
	.big-text-address{ font-size:28px;}
	.ilt-left-padding{ margin-left:10%; }
	
}

@media only screen and (max-width : 1024px) {
	.header-container{height:120px;background-color:white;}
	.logo{margin-top:42px;cursor:pointer;margin-left:30px;}
	.menu-icon{float:right;position:relative;right:30px;margin-top:55px;cursor:pointer;}
	
	.homebox-container { margin-top:5%;margin-bottom:3%;}
	.home-img1 img{ width:auto; height:90px; }
	.home-img2 img{ width:auto; height:90px; }
	.home-img3 img{ width:auto; height:90px; }
	
	.footer-info{font-size: 18px;}
	
	.hakkinda-mesaj p{ font-size:20px; }
	.hakkinda-mesaj{ margin-left:0; }
	.left-padding-text{ margin-left:0; }
	.hbimg1 img{ width:auto; height:90px; }
	.hbimg2 img{ width:auto; height:90px; }
	.hbimg3 img{ width:auto; height:90px; }
	.big-text{font-size: 24px;}	
	.ara-baslik hr.hr-one{ width: 100%; text-align:center;}
	.ara-baslik hr.hr-two{ width: 100%; text-align:center;}
	.ara-baslik hr.hr-three{ width: 100%; text-align:center;}
	
	.big-text-address{ font-size:26px;}
	.ilt-left-padding{ margin-left:5%; }
	.map-area{height:400px;pointer-events: none;}
	
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
				
	.hakkinda-mesaj p{text-align:center;}
	.big-text{text-align:center;}
	.big-text-address{ text-align:center;}
	.ara-baslik{text-align:center;}	
		
	.portfolio-slogan{ text-align:center;}
	.portfolio-aciklama{ text-align:center;}
	.portfolio-aciklama2{ text-align:center;}
	.portfolio-gorsel h2{text-align:center;}
	.portfolio-buton{text-align:center;}
	
	.ilt-left-padding{ margin-left:0; }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.homebox img{ margin:auto; }
	.homebox p{ text-align:center; }
	.homeline-container{ text-align:center; }
	.home-slogan-container{ text-align:center; }
	
	.home-content-footer-padding{ margin-bottom:5%;}
	
	.footer-margin{ margin-top:5%; margin-bottom:10%;}
	.footer-info{text-align:center;}
	.logo-footer{ margin-bottom:5%; text-align:center;}
	.logo-footer img{margin:auto;}
	.fi-sec2{ margin-bottom:5%;}
	.social{text-align:center;margin:auto;margin-left:20px;}
			
	.left-padding-text{ margin-bottom:5%; }
	.aboutbox img{ margin:auto; }
	.aboutbox p{ text-align:center; }
	
	.portfolio-gorsel h2{font-size: 24px;}
	.portfolio-aciklama{ font-size:16px;}
	.portfolio-aciklama2{ font-size:16px;}
	
	.referanslar img{ height:100px; width:auto;}
	
}

@media only screen and (max-width : 667px) {
	
	.overlay a {font-size: 20px}
  	.overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.header-container{height:120px;background-color:white;}
	.logo{margin-top:42px;cursor:pointer;margin-left:20px;}
	.menu-icon{float:right;position:relative;right:20px;margin-top:55px;cursor:pointer;}
	
	.slider{display:none;}
	.slider-mobil{display: inline-block;}
	
	.homebox p{ margin-bottom:8%; }
	.home-img1 img{ width:auto; height:70px; }
	.home-img2 img{ width:auto; height:70px; }
	.home-img3 img{ width:auto; height:70px; }
	.home-mesaj {font-size:26px;}
	
	.footer-margin{ margin-top:10%; margin-bottom:10%;}
		
	.overlay a {font-size: 24px}
  	.overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;}
	
	.hakkinda-mesaj p{font-size:18px;}
	.big-text{font-size:24px;}
	.aboutbox p{ margin-bottom:8%; }
	.hbimg1 img{ width:auto; height:70px; }
	.hbimg2 img{ width:auto; height:70px; }
	.hbimg3 img{ width:auto; height:70px; }
	
	.portfolio-slogan{ font-size:24px;}
	.portfolio-buton{margin-bottom:5%;}
	.portfolio-buton a{ padding:5px;}
	
	.big-text-address{ font-size:20px;}
	.video{ width:460px; height:259px;}
	
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 375px) {
	.header-container{height:120px;background-color:white;}
	.logo{margin-top:42px;cursor:pointer;margin-left:10px;}
	.menu-icon{float:right;position:relative;right:10px;margin-top:55px;cursor:pointer;}
	
	.home-mesaj {font-size:24px;}
	
	.home-content-footer-padding{ margin-bottom:10%;}
	
	.overlay a {font-size: 24px}
  	.overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;}
	
	.ref-baslik{ font-size:16px;}

	.portfloio-tum-isler1{display:none;}
	.portfloio-tum-isler2{display:inherit;}
	
	.portfolio-gorsel h2{font-size: 20px;}
	.video{ width:350px; height:197px;}
}