/***********************************************************************
* FONTLAR
***********************************************************************/

@font-face {
	font-family: 'DINProLight';
	src: url('../fonts/DINProLight/DINProLight.eot');
	src: url('../fonts/DINProLight/DINProLight.woff') format('woff'),
	 	 url('../fonts/DINProLight/DINProLight.ttf') format('truetype');
}

@font-face {
	font-family: 'DIMLig';
	src: url('../fonts/DIMLig/dimlig-webfont.woff') format('woff'),
	 	 url('../fonts/DIMLig/dimlig-webfont.ttf') format('truetype');
	 	
}

@font-face {
	font-family: 'DIMMed';
	src: url('../fonts/DIMMed/dimmed-webfont.woff') format('woff'),
	 	 url('../fonts/DIMMed/dimmed-webfont.ttf') format('truetype');
	 	
}



/***********************************************************************
* FONTLAR
***********************************************************************/


html,body {
	
	width:100%;
}
body#pageanimation{background-color:#3c3c3c;}
body#pagecontact{background-color:#fff;}



/***********************************************************************
* SLIDER
***********************************************************************/





/***********************************************************************
*  SLIDER
***********************************************************************/

/***********************************************************************
*  MENU
***********************************************************************/
.nav > li > a {

	color:#ffffff !important;
	font-family: 'DINProLight';
}
.nav > li > a:hover {

	color:#3c3c3c !important;
}
.logoyuksek{
	padding: 10px 5px 10px 5px;
}

.menuyuksek{
	padding: 10px 5px 10px 5px;
}

.navbar {
	border: none;
	border-radius: 0;
	background-color: rgba(0,0,0,0.5);
}

.dikey-cizgi{
	width: 2px;
	background-color: #fff;
	height: 100%;
	float: left;
	margin: 12px 0 10px 20px;
}

.logoyanyazi {
	color: #fff;
	margin: 12px 0 10px 20px;
	font-family: 'DINProLight';
}


/***********************************************************************
*  MENU
***********************************************************************/

/***********************************************************************
*  ANIMATION
***********************************************************************/
.ustbosluk{
	margin-top: 100px;
	color: #fff;
	font-family: 'DINProLight';
}

.divustalt {
	margin:15px 0 0 0;
}
/***********************************************************************
*  ANIMATION
***********************************************************************/


/***********************************************************************
*  FOOTER
***********************************************************************/
.footer {
	margin:75px 0 0 0;
   width: 100%;
   background-color: #1e1e1e;
   color: white;
   text-align: center;
   height: 50px;
    bottom: 0;
}

.footer > p{
	font-family: 'DIMLig';
	padding: 15px 0 0 0;
}

#reklam{
	color: #f0f6fa;
	text-decoration: none;
	font-weight: bold;
}


/***********************************************************************
*  FOOTER
***********************************************************************/


/***********************************************************************
*  CONTACT
***********************************************************************/

.ustboslukcontact {
	margin-top: 175px;
	margin-bottom: 160px;
}

.ustboslukcontacticon {
	margin-top: 75px;
}

.btn-iletisim { 
  color: #ffffff; 
  background-color: #1E1E1E; 
  border-color: #1E1E1E;
  font-family: 'DIMLig';
} 
 
.btn-iletisim:hover, 
.btn-iletisim:focus, 
.btn-iletisim:active, 
.btn-iletisim.active, 
.open .dropdown-toggle.btn-iletisim { 
  color: #ffffff; 
  background-color: #3B3A3A; 
  border-color: #1E1E1E; 
} 
 
.btn-iletisim:active, 
.btn-iletisim.active, 
.open .dropdown-toggle.btn-iletisim { 
  background-image: none; 
} 
 
.btn-iletisim.disabled, 
.btn-iletisim[disabled], 
fieldset[disabled] .btn-iletisim, 
.btn-iletisim.disabled:hover, 
.btn-iletisim[disabled]:hover, 
fieldset[disabled] .btn-iletisim:hover, 
.btn-iletisim.disabled:focus, 
.btn-iletisim[disabled]:focus, 
fieldset[disabled] .btn-iletisim:focus, 
.btn-iletisim.disabled:active, 
.btn-iletisim[disabled]:active, 
fieldset[disabled] .btn-iletisim:active, 
.btn-iletisim.disabled.active, 
.btn-iletisim[disabled].active, 
fieldset[disabled] .btn-iletisim.active { 
  background-color: #1E1E1E; 
  border-color: #1E1E1E; 
} 
 
.btn-iletisim .badge { 
  color: #1E1E1E; 
  background-color: #ffffff; 
}

.dikey-cizgiletisim{
	width: 2px;
	background-color: #eaeef1;
	height: 320px;
	float: left;
	margin-left: 50px;
}

.iletisimbilgi{
	color: #4cb475;
	font-weight: bold;
	font-family: 'DIMMed';
}

.iletisimyazi{
margin-top: -10px;
text-decoration:none;
font-family: 'DIMLig';
}

.yazialan {
	margin-bottom: 10px;
}

.formyazi {
	font-family: 'DIMLig';
}

.formbaslik {
	font-family: 'DIMMed';
}

.instagramicon {
	color: #000;
}
.instagramicon:hover {
	color: #eb5247;
}

.facebookicon {
	color:#000;
}
.facebookicon:hover {
	color:#5370aa;
}
/***********************************************************************
*  CONTACT
***********************************************************************/


/***********************************************************************
*  VR
***********************************************************************/
.ustboslukvr{
	margin-top: 70px;
	color: #fff;
	font-family: 'DINProLight';
}

.divustboslukvr {
	margin-top: 40px;
}


.resimvr {
	width:100%;
	height:100%;
}
/***********************************************************************
*  VR
***********************************************************************/

/***********************************************************************
*  WORK
***********************************************************************/
.ustboslukwork {
	margin-top: 150px;
}


.demo {
  margin-bottom: 24px;
  border-radius: 4px;
  overflow: hidden;
  background-color: #fff;
}


.demo-image {
  width: 100%;
  display: block;
  height: auto;
}

.yazih4 {
font-family: 'DINProLight';
}

/***********************************************************************
*  WORK
***********************************************************************/

/***********************************************************************
*  PRELOADER
***********************************************************************/
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(http://studiocaferakdeniz.com/images/bg/icon.gif) center no-repeat #262626;
}
/***********************************************************************
*  PRELOADER
***********************************************************************/