/*********fonts*******************/
@font-face {
  font-family: 'GothamNarrow-Book';
  src: url('fonts/GothamNarrow-Book.eot?#iefix') format('embedded-opentype'),  url('fonts/GothamNarrow-Book.otf')  format('opentype'),
	     url('fonts/GothamNarrow-Book.woff') format('woff'), url('fonts/GothamNarrow-Book.ttf')  format('truetype'), url('fonts/GothamNarrow-Book.svg#GothamNarrow-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'GothamNarrow-Bold';
  src: url('fonts/GothamNarrow-Bold.eot?#iefix') format('embedded-opentype'),  url('fonts/GothamNarrow-Bold.otf')  format('opentype'),
	     url('fonts/GothamNarrow-Bold.woff') format('woff'), url('fonts/GothamNarrow-Bold.ttf')  format('truetype'), url('fonts/GothamNarrow-Bold.svg#GothamNarrow-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GothamNarrow-Black';
  src: url('fonts/GothamNarrow-Black.eot?#iefix') format('embedded-opentype'),  url('fonts/GothamNarrow-Black.otf')  format('opentype'),
	     url('fonts/GothamNarrow-Black.woff') format('woff'), url('fonts/GothamNarrow-Black.ttf')  format('truetype'), url('fonts/GothamNarrow-Black.svg#GothamNarrow-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}

/********************************/
body,html
{
	margin:0px;
	width:100%;
	height:100%;
}
#anakapsayici
{
	width:100%;
/*	position:relative;*/
}
.hersayfa
{
	position:relative;
	/*position: absolute;*/
	/*background-color: #F00;*/	
	/*overflow:hidden;*/

}
#catwalkonozellik
{
	background-image: url(../images/catwalkonozellikbg.jpg);
	background-repeat: no-repeat;
	backgound-size: cover;
	background-position: center center;
	background-color:#9d015f;
}
.element .catwalkonozellikbaslik
{
	font-family: 'GothamNarrow-Black';
  font-size:30px;
  color:#481623;
  font-weight: normal;
  font-style: normal;
  text-align:center;
  width:100%;
	
}

.catwalkonozellikdiv
{
	width:476px;display:table;position:absolute;

}
.catwalkonozellikdiv span
{
  font-family: 'GothamNarrow-Book';
  text-align:left;
  color:#fff;
  font-size:15px;
  display:table-cell;
  vertical-align:middle;
width:100%;

  
}
.catwalkonozellikdiv img
{
width:59px;height:56px;float:left;margin-right:15px;
display:table-cell;
 vertical-align:middle;
}


.element
{
	position:absolute;
}
#catwalkmanken
{
	background-image: url(../images/catwalkmankenbg.png);
	background-repeat: no-repeat;
	backgound-size: cover;
	background-position: center center;
	background-color:#856589;
}

.element .catwalkmankenbaslik
{
	font-family: 'GothamNarrow-Black';
  font-size:26px;
  color:#5d3160;
  font-weight: normal;
  font-style: normal;
  text-align:center;
  width:100%;
	
}
.element .catwalkmankenyazi
{
	font-family: 'GothamNarrow-Book';
  

  color:#fff;
  font-size:15px;
display:table-cell;
 vertical-align:middle;

  
}
#catwalkstand
{
	background-image: url(../images/catwalkstand_bg.jpg);
	background-repeat: no-repeat;
	backgound-size: cover;
	background-position: center center;
	background-color:#cbcc9e;
}

.element .catwalkstandbaslik
{
	font-family: 'GothamNarrow-Black';
  font-size:26px;
  color:#e8434c;
  font-weight: normal;
  font-style: normal;
  text-align:center;
  width:100%;
	
}
.element .catwalkstandyazi
{
	font-family: 'GothamNarrow-Book';
  

  color:#000;
  font-size:15px;
display:table-cell;
 vertical-align:middle;

  
}
#catwalkstandimg
{
	background-image: url(../images/catwalkstand_res.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	width:100%;
	height:566px;
}

#catwalkteknik
{
	background-image: url(../images/catwalkteknik_bg.png);
	background-repeat: no-repeat;
	backgound-size: cover;
	background-position: center center;
	background-color:#e3e3e3;
}
#catwalkteknikres
{
	background-image: url(../images/catwalkteknikres.png);
	background-repeat: no-repeat;
	backgound-size: cover;
	background-position: center center;
	width:488px;
	height:563px;
}
#catwalkteknikdetay
{
	
	width:450px;
	height:380px;
	/*background-color:#F00*/
}
.teknik_colon
{
	width:110px;
}
.teknik_colon2
{
	width:140px;
}
.catwalk_teknik_baslik
{
	font-family: 'GothamNarrow-Bold';
  font-size:26px;
  color:#000;
  font-weight: normal;
  font-style: normal;
  height:40px;
 
}
.catwalk_teknik_yazi
{
	font-family: 'GothamNarrow-Book';
  font-size:14px;
  color:#000;
  font-weight: normal;
  font-style: normal;
}
.catwalk_teknik_baslik2
{
	font-family: 'GothamNarrow-Bold';
  font-size:16px;
  color:#000;
  font-weight: normal;
  font-style: normal;
  height:40px;
 
}
.catwalk_teknik_yazi2
{
	font-family: 'GothamNarrow-Book';
  font-size:12px;
  color:#000;
  font-weight: normal;
  font-style: normal;
  
}
a.catwalklarlink
{
	font-family: 'GothamNarrow-Book';
  font-size:20px;
  color:#000;
  font-weight: normal;
  font-style: normal;
  text-decoration:underline;
}
.catwalklarlink hover
{
	font-family: 'GothamNarrow-Book';
  font-size:20px;
  color:#000;
  font-weight: normal;
  font-style: normal;
  text-decoration:underline;
}
#catwalkslide
{
	background-image: url(../images/catwalkslide_bg.png);
	background-repeat: no-repeat;
	backgound-size: cover;
	background-position: center center;
	background-color:#d29f8a;
}

.element .catwalkstandbaslik
{
	font-family: 'GothamNarrow-Black';
  font-size:26px;
  color:#e8434c;
  font-weight: normal;
  font-style: normal;
  text-align:center;
  width:100%;
	
}
.element .catwalkstandyazi
{
	font-family: 'GothamNarrow-Book';
  

  color:#000;
  font-size:15px;
display:table-cell;
 vertical-align:middle;

  
}
#catwalkstandimg
{
	background-image: url(../images/catwalkstand_res.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	width:100%;
	height:566px;
}
#catwalkslideani img.active
{
	display:block;
}
#catwalkslideani img
{
	display:none;
	position:absolute;
	bottom:0px;
	left:0px;
}

#manken1ani img.active
{
	display:block;
}
#manken1ani img
{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
}

#catwalkanasayfacatwalk360 img.active
{
	display:block;
}
#catwalkanasayfacatwalk360 img
{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
}



#catwalkslideurunismi
{
	font-family: 'GothamNarrow-Bold';
  font-size:200px;
  color:#a9674c;
  font-weight: normal;
  font-style: normal;
  
  width: 720px;
height: 200px;
left: 50%;
margin-left: -360px;
position: absolute;
letter-spacing: -10px;
text-align: center;
}
.element .catwalkslideyazi
{
	font-family: 'GothamNarrow-Book';
  

  color:#fff;
  font-size:16px;


  
}

.element .catwalkslidebaslik
{
	font-family: 'GothamNarrow-Bold';
  

  color:#000;
  font-size:30px;


  
}
#catwalkslidegolge
{
	background-image: url(../images/catwalk/golge.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 130px;
	width: 327px;	
}
#catwalkanasayfa
{
	background-image: url(../images/anasayfa_bg.jpg);
	background-repeat: no-repeat;
	backgound-size: cover;
	background-position: center center;
	background-color:#dadada;
}

#button-yukari
{
	width:88px;
	height:88px;
	position:fixed;
	margin-left:-44px;
	left:50%;
	top:0px;
	background-image:url('../images/yukari.png');
	background-repeat:no-repeat;

}

#button-asagi
{
	width:88px;
	height:88px;
	position:fixed;
	margin-left:-44px;
	left:50%;
	bottom:0px;
	z-index:99;
	background-image:url('../images/asagi.png');
	background-repeat:no-repeat;
}

#button-yukari a
{
	width:88px;
	height:88px;
	display:block;

}

#button-asagi a
{
	width:88px;
	height:88px;
	display:block;
}


#slogan
{
	font-family: 'GothamNarrow-Book';
	font-size:23px;
	color:#000;
	position:absolute;
}
#anasayfalogo
{
	position:absolute;
	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	
	filter: alpha(opacity=0);
	
	-moz-opacity:0;
	
	-khtml-opacity: 0;
    
	opacity: 0;
}
#platform
{
	background-image: url(../images/sayfa_1_Bg.jpg);
	background-repeat: no-repeat;
	backgound-size: cover;
	background-position: center center;
	background-color:#86b3b8;
}
#sayfa4
{
	background-image:url('../images/sayfa_4_Bg.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;

}
#sayfa4_baslik
{
	font-family: 'GothamNarrow-Bold';
	font-size:26px;
	font-weight:bold;
	color:#000;
	position:absolute;
	width:800px;
	text-align:center;
}
#sayfa4_yazi
{
	font-family: 'GothamNarrow-Book';
	font-size:15px;
	font-weight:normal;
	color:#000;
	position:absolute;
	width:800px;
	text-align:center;
	
}
#sayfa3
{
	background-image:url('../images/sayfa_3_Bg.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;

}
#sayfa3_baslik
{
	font-family: 'GothamNarrow-Bold';
	font-size:26px;
	font-weight:bold;
	color:#2e3937;
	position:absolute;
}
#sayfa3_yazi
{
	font-family: 'GothamNarrow-Book';
	font-size:16px;
	font-weight:normal;
	color:#fff;
	position:absolute;
	width:432px;
	line-height:125%;
	
}
#sayfa2
{
	background-image: url(../images/sayfa2bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	
}
#sayfa2icbg
{
	background-image: url(../images/sayfa_2_Bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	
}
#sayfa2_baslik
{
	font-family: 'GothamNarrow-Bold';
	font-size:26px;
	font-weight:bold;
	color:#d50311;
	position:absolute;
}
#sayfa2_yazi
{
	font-family: 'GothamNarrow-Book';
	font-size:18px;
	font-weight:normal;
	color:#015474;
	position:absolute;
	width:450px
	
}
#sayfa1_baslik
{
	font-family: 'GothamNarrow-Bold';
	font-size:26px;
	font-weight:bold;
	color:#223334;
	position:absolute;
}
#sayfa1_yazi
{
	font-family: 'GothamNarrow-Book';
	font-size:15px;
	font-weight:normal;
	color:#000;
	position:absolute;
	width:800px;
	text-align:center;
}
/*slider css*/
#awesome2 {
    margin-bottom: 3em;
	
}

#awesome2 .ui-slider-handle {
    border-radius: 15px/10px;
    background: #4F5861;
    border-color: #4F5861;
}

#awesome2 .ui-slider-handle:after {
    content: " ";
    width: 0; 
    height: 0;
    border: 7px solid transparent;
    border-top-color: #4F5861;
    position: absolute;
    bottom: -12px; 
    left: 50%; 
    margin-left: -7px; 
}

#awesome2 .ui-slider-tip,
#awesome2 .ui-slider-tip:before,
#awesome2 .ui-slider-tip:after {
    background: transparent;
    border: none;
    font-size: 1.2em;
}

#awesome2 .ui-slider-pip {
    width: 1%;
    margin-left: -0.5%;
}

#awesome2 .ui-slider-pip > .ui-slider-label {
    display: none;
    height: 4px;
}

#awesome2 .ui-slider-pip > .ui-slider-line {
    background: #aaa;
}

#awesome2 .ui-slider-pip:nth-of-type(5n+1) > .ui-slider-line {
    height: 6px;
    background: #777;
}

#awesome2 .ui-slider-pip:nth-of-type(5n+1) > .ui-slider-label {
    display: block;
    top: 8px;
    color: #ccc;
    font-size: 0.8em;
}

#awesome2 .ui-slider-pip:nth-of-type(10n+1) > .ui-slider-line {
    height: 10px;
    background: #222;
}

#awesome2 .ui-slider-pip:nth-of-type(10n+1) > .ui-slider-label {
    display: block;
    top: 12px;
    color: #333;
    font-size: 1em;
}

/************/

#platformonozellik
{
	background-image: url(../images/sayfa_5_Bg.jpg);
	background-repeat: no-repeat;
	backgound-size: cover;
	background-position: center center;
	background-color:#9d015f;
}
.element .platformonozellikbaslik
{
	font-family: 'GothamNarrow-Black';
  font-size:30px;
  color:#481623;
  font-weight: normal;
  font-style: normal;
  text-align:center;
  width:100%;
	
}

.platformonozellikdiv
{
	width:476px;display:table;position:absolute;

}
.platformonozellikdiv span
{
	font-family: 'GothamNarrow-Book';
  
text-align:left;
  color:#fff;
  font-size:15px;
display:table-cell;
 vertical-align:middle;
 width:100%;

  
}
.platformonozellikdiv img
{
width:59px;height:56px;float:left;margin-right:15px;
display:table-cell;
 vertical-align:middle;
}

#asagiok
{
	width:239px;
	height:151px;
	position:absolute;
	background-image:url(../images/asagi_ok.png);
	background-repeat:no-repeat;
	left:50%;
	margin-left:-500px;
	top:500px;
}
#yukariok
{
	width:197px;
	height:114px;
	position:absolute;
	background-image:url(../images/yukari_ok.png);
	background-repeat:no-repeat;
	left:50%;
	margin-left:300px;
	top:500px;
}
/* Menu */

#menu-container
{
	width: 100%;
	position: fixed;
	z-index: 9999;
	bottom: 0px;
	left: 0px;
	height:40px;
}

#menu
{
	width: 100%;
	font: 14px/1.3 "BentonSans Regular", 'Helvetica Neue', Helvetica, Arial, sans-serif;
	/*margin-bottom: -100px;*/
	border-top: 1px solid #333;
	background-color: black;
	height:50px;
}

#menu ul
{
	text-align: center;
	margin-top:5px;
}

#menu li
{
	display: inline-block;
	margin: 0px 10px;
}

#menu li a
{
	display: block;
	color: #999;
	padding: 5px 0;
	outline: none;
	border-bottom: 2px solid black;
	text-decoration:none;
}

#menu li a:hover
{
	color: white;
}

#menu li.active a
{
	color: white;
	border-bottom-color: #ef4231;
}
#asagiok a
{
	display:block;
	width:239px;
	height:151px;
}
#yukariok a
{
	display:block;
	width:197px;
	height:114px;}

#menu li#nav_anasayfa
{
	float: left;
}

#menu li#nav_anasayfa a
{
	min-height: 9px;
	text-indent: -9999px;
	padding: 9px 0px;
	border-bottom-color: black !important;
	background: url(../images/icon-arrow_up.png) no-repeat center center;
	width:209px;
}

#menu li#nav_facebook
{
	float: right;
	margin: 4px 20px 0 0;
}
#menu li#nav_kurumsal
{
	float: right;
	margin: 0px 20px 0 0;
}
#menu li#nav_ekatalog
{
	float: right;
	margin: 0px 20px 0 0;
}
#menu li#nav_iletisim
{
	float: right;
	margin: 0px 20px 0 0;
}

#menu2 li#nav_facebook2
{
	float: right;
	margin: 4px 20px 0 0;
	opacity:0;
}
#menu2 li#nav_ekatalog2
{
	float: right;
	margin: 0px 20px 0 0;
}
#menu2 li#nav_kurumsal2
{
	float: right;
	margin: 0px 20px 0 0;
		opacity:1;
}
#menu2 li#nav_iletisim2
{
	float: right;
	margin: 0px 20px 0 0;
		opacity:1;
}
/*****/

/* Menu */

#menu-container2
{
	width: 100%;
	position: fixed;
	z-index: 9999;
	top: 0px;
	left: 0px;
	height:40px;
}

#menu2
{
	width: 100%;
	font: 14px/1.3 "BentonSans Regular", 'Helvetica Neue', Helvetica, Arial, sans-serif;
	/*margin-bottom: -100px;*/
	border-top: 1px solid #fff;
	background-color: #fff;
	height:40px;
}

#menu2 ul
{
	text-align: center;
	margin-top:5px;
}

#menu2 li
{
	display: inline-block;
	margin: 0px 10px;
}

#menu2 li a
{
	display: block;
	color: #999;
	padding: 5px 0;
	outline: none;
	border-bottom: 2px solid #fff;
	text-decoration:none;
}

#menu2 li a:hover
{
	color: #000;
}

#menu2 li.active a
{
	color: #000;
	border-bottom-color: #ef4231;
}


#menu2 li#nav_anasayfa2
{
	float: left;
}

#menu2 li#nav_anasayfa2 a
{
	min-height: 9px;
	text-indent: -9999px;
	padding: 9px 0px;
	
	background: url(../images/icon-arrow_up360.png) no-repeat center center;
	width:209px;
}


#loading
{

	width: 0%;
	height: 4px;
	position: absolute;
	z-index: 1000;
	bottom: 65%;
	left: 0;
	background-color: #c00;
}
.kurumsalyazi
{
	font-family: 'GothamNarrow-Book';
  

  color:#fff;
  font-size:15px;
text-align:justify;
line-height:125%;
  
}
.kurumsalbaslik
{
	padding-top:20px;
	padding-bottom:10px;
	font-family: 'GothamNarrow-Bold';
  height:30px;

  color:#fff;
  font-size:22px;
text-align:center;
  
}
.tableiletisim_tr
{
	width: 810px;
	height: 525px;
	border-width: 0px;
	background-image: url(../images/iletisimbg_tr.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.tableiletisim_en
{
	width: 810px;
	height: 525px;
	border-width: 0px;
	background-image: url(../images/iletisimbg_en.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.catwalk_textbox
{
	width:318px;
	padding:5px;
	border-bottom-style:none;
	border-width:0px;
}
.catwalk_textarea
{
	width:318px;
	height:87px;
	padding:5px;
	border-bottom-style:none;
	border-width:0px;
}
.catwalk_button
{
	width:100px;
	height:30px;
	cursor:pointer;
}
a.iletisim_mail
{
	font-family: 'GothamNarrow-Bold';
  

  color:#000;
  font-size:20px;
  text-decoration:none;

}
a.iletisim_mail:hover
{
	font-family: 'GothamNarrow-Bold';
    text-decoration:none;

  color:#fff;
  font-size:20px;
	
}
a.catwalk_facebook
{
	display: block;
	background-image: url(../images/facebookicon.png);
	background-repeat: no-repeat;
	background-position: left top;
	width:40px;
	height:40px;
		
}
a.catwalk_facebook:hover
{
	display: block;
	background-image: url(../images/facebookicon_hover.png);
	background-repeat: no-repeat;
	background-position: left top;
	width:40px;
	height:40px;
		
}
a.catwalk_twitter
{
	display: block;
	background-image: url(../images/twittericon.png);
	background-repeat: no-repeat;
	background-position: left top;
	width:40px;
	height:40px;
		
}
a.catwalk_twitter:hover
{
	display: block;
	background-image: url(../images/twittericon_hover.png);
	background-repeat: no-repeat;
	background-position: left top;
	width:40px;
	height:40px;
		
}
a.catwalk_youtube
{
	display: block;
	background-image: url(../images/youtubeicon.png);
	background-repeat: no-repeat;
	background-position: left top;
	width:40px;
	height:40px;
		
}
a.catwalk_youtube:hover
{
	display: block;
	background-image: url(../images/youtubeicon_hover.png);
	background-repeat: no-repeat;
	background-position: left top;
	width:40px;
	height:40px;
		
}