/* ios slider details */
.fluidHeight {
	position: relative;
	width: 100%;
	height: 400px;
}

.sliderContainer {
	height: 100%;
	max-height: 400px;
	padding: 5px 0 0 0;
	width: 560px;
	float:left;
}

.iosSlider {
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 400px;
}

.iosSlider .slider { 
	width: 100%; 
	height: 100%; 
}

.iosSlider .slider .item { 
	width: 100%; 
	height: 100%;
}

.iosSlider .slider .item .inner {
	position: relative;
	float:left;
	top: 0;
	left: 0;
	width: 550px;
	margin: 0 auto;
	height: 100%;
	background-position: 50% 0;
	background-repeat: no-repeat;
}

.iosSlider .slider .item .inner .text1 {
  background: none repeat scroll 0 0 #000;
  opacity: 0;
  width: 420px;
  filter: alpha(opacity=0);
  position: absolute;
  right: 0px !important;
  top: 200px;
  padding: 9px 0 13px 53px ;
}

.iosSlider .slider .item .inner .text1 span { 
	color: #fff; 
	font-size: 16px;
	line-height: 36px;
}


.iosSlider .slider .item .inner .text2 span { 
	color: #fff; 
}

.iosSlider .slider .item1 .inner { background-image: url('../images/slide.jpg'); }

.iosSlider .slider .item2 .inner { background-image: url('../images/slide1.jpg'); }

.iosSlider .slider .item3 .inner { background-image: url('../images/slide2.jpg'); }

.sliderContainer .slideSelectors {
	position: absolute;
	bottom: 0px;
	left: 178px;
	z-index: 1;
	width: auto !important;
	height: 11px;
}

.sliderContainer .slideSelectors .item {
	float: left;
	width: 9px;
	height: 9px;
	border: 1px solid #4b4b4b;
	background: #787878;
}
#nav {
  background-color: white;
  opacity: .6;
  filter: alpha(opacity=60);
  min-width: 30px;
  height: 23px;
  padding: 0 5px 0 10px;
  position: absolute;
  top: 240px;
  right: 405px;
  z-index: 50;
}
#nav1 {
  background-color: white;
  opacity: .6;
  filter: alpha(opacity=60);
  min-width: 30px;
  height: 23px;
  padding: 0 5px 0 10px;
  position: absolute;
  top: 270px;
  right: 350px;
  z-index: 50;
}
#navar {
  background-color: white;
  opacity: .6;
  filter: alpha(opacity=60);
  min-width: 30px;
  height: 23px;
  padding: 0 5px 0 10px;
  position: absolute;
  bottom: 390px;
  left: 710px;
  z-index: 50;
}
a.service0 {font-size: 2.5em; line-height: 0.75em; color:black; text-decoration:none; padding-right: 5px;}

a.service0:hover {color: green;}

a.service0.activeSlide {color: grey;}


a.service1 {font-size: 2.5em; line-height: 0.75em; color:black; text-decoration:none; padding-right: 5px;}

a.service1:hover {color: green;}

a.service1.activeSlide {color: #ee1c25;}


a.service2 {font-size: 2.5em; line-height: 0.75em; color:black; text-decoration:none; padding-right: 5px;}

a.service2:hover {color: green;}

a.service2.activeSlide {color: #ee1c25;}


a.service3 {font-size: 2.5em; line-height: 0.75em; color:black; text-decoration:none; padding-right: 5px;}

a.service3:hover {color: green;}

a.service3.activeSlide {color: #ee1c25;}


a.service4 {font-size: 2.5em; line-height: 0.75em; color:black; text-decoration:none; padding-right: 5px;}

a.service4:hover {color: green;}

a.service4.activeSlide {color: #ee1c25;}
a.service5 {font-size: 2.5em; line-height: 0.75em; color:black; text-decoration:none; padding-right: 5px;}

a.service5:hover {color: green;}

a.service5.activeSlide {color: #ee1c25;}
a.service6 {font-size: 2.5em; line-height: 0.75em; color:black; text-decoration:none; padding-right: 5px;}

a.service6:hover {color: green;}

a.service6.activeSlide {color: #ee1c25;}
a.service7 {font-size: 2.5em; line-height: 0.75em; color:black; text-decoration:none; padding-right: 5px;}

a.service7:hover {color: green;}

a.service7.activeSlide {color: #ee1c25;}
a.service8 {font-size: 2.5em; line-height: 0.75em; color:black; text-decoration:none; padding-right: 5px;}

a.service8:hover {color: green;}

a.service8.activeSlide {color: #ee1c25;}
a.service9 {font-size: 2.5em; line-height: 0.75em; color:black; text-decoration:none; padding-right: 5px;}

a.service9:hover {color: green;}

a.service9.activeSlide {color: #ee1c25;}
a.service10 {font-size: 2.5em; line-height: 0.75em; color:black; text-decoration:none; padding-right: 5px;}

a.service10:hover {color: green;}

a.service10.activeSlide {color: #ee1c25;}
a.service11 {font-size: 2.5em; line-height: 0.75em; color:black; text-decoration:none; padding-right: 5px;}

a.service11:hover {color: green;}

a.service11.activeSlide {color: #ee1c25;}
a.service12 {font-size: 2.5em; line-height: 0.75em; color:black; text-decoration:none; padding-right: 5px;}

a.service12:hover {color: green;}

a.service12.activeSlide {color: #ee1c25;}
a.service13 {font-size: 2.5em; line-height: 0.75em; color:black; text-decoration:none; padding-right: 5px;}

a.service13:hover {color: green;}

a.service13.activeSlide {color: #ee1c25;}
a.service14 {font-size: 2.5em; line-height: 0.75em; color:black; text-decoration:none; padding-right: 5px;}

a.service14:hover {color: green;}

a.service14.activeSlide {color: #ee1c25;}
a.service15 {font-size: 2.5em; line-height: 0.75em; color:black; text-decoration:none; padding-right: 5px;}

a.service15:hover {color: green;}

a.service15.activeSlide {color: #ee1c25;}
a.service16 {font-size: 2.5em; line-height: 0.75em; color:black; text-decoration:none; padding-right: 5px;}

a.service16:hover {color: green;}

a.service16.activeSlide {color: #ee1c25;}
a.service17 {font-size: 2.5em; line-height: 0.75em; color:black; text-decoration:none; padding-right: 5px;}

a.service17:hover {color: green;}

a.service17.activeSlide {color: #ee1c25;}
a.service18 {font-size: 2.5em; line-height: 0.75em; color:black; text-decoration:none; padding-right: 5px;}

a.service18:hover {color: green;}

a.service18.activeSlide {color: #ee1c25;}
a.service20 {font-size: 2.5em; line-height: 0.75em; color:black; text-decoration:none; padding-right: 5px;}

a.service20:hover {color: green;}

a.service20.activeSlide {color: #ee1c25;}

#registraion
{
  display: block;
  width: 275px;
  height: 160px;
  background: url("../images/ulkeler.png") no-repeat 0 0;

}
#SESRICVideo
{
  display: block;
  width: 389px;
  height: 160px;
  background: url("../images/OIC-CountriesFigures.png") no-repeat 0 0;

}
/*#SESRICVideo:hover
{ 
  background-position: 0 -200px;
}*/
#registraion:hover
{ 
  background-position: 0 -160px;
}

.sliderContainer .slideSelectors .item+.item {
	margin-left: 3px;
}

.sliderContainer .slideSelectors .selected {
	background: #000;
	border-color: #000;
}


@media screen and (max-width: 1105px) {
	.iosSlider .slider .item .inner { width: 92%;	margin: 0 4%; background-position: 80% 0; }
	
	.sliderContainer .slideSelectors {	width: 92%;	margin: 0 4%; }
	
}

@media screen and (max-width: 768px) {
	.iosSlider .slider .item .inner .text1 span { font: 40px/50px Norican; }
	
	.iosSlider .slider .item .inner .text2 { top: 85px; }
	
	.iosSlider .slider .item .inner .text2 span { font: 12px/18px "Helvetica Neue",Helvetica,Arial,sans-serif; }
}
#rightArrow
{
  padding-top:2px;
  display: block;
  width: 88px;
  height: 12px;
  background: url("../images/right-arrow.png") no-repeat 0 0;

}
#rightArrow:hover
{ 
  background-position: 0 -12px;
}
#rightArrowFr
{
  padding-top:2px;
  display: block;
  width: 88px;
  height: 16px;
  background: url("../images/right-arrow-FR.png") no-repeat 0 0;

}
#rightArrowFr:hover
{ 
  background-position: 0 -16px;
}
#downloadArrow
{
  display: block;
  width: 98px;
  height: 20px;
  background: url("../images/download.png") no-repeat 0 0;

}
#downloadArrow:hover
{ 
  background-position: 0 -20px;
}