.main-board{
 position: relative;
 display: block;
 height: 700px;
}

.main-board > ol{
 position: absolute;
 display: block;
 width: 100%;
 bottom: 10px;
 list-style: none;
 margin: 0;
 padding: 0;
 text-align: center;
 font-size: 0;
}
.main-board > ol > li{
 display: inline-block;
 width: 30px;
 height: 30px;
}
.main-board > ol > li > i{
 display: block;
 margin: 7px 0 0 7px;
 width: 15px;
 height: 15px;
 border: 1px #fff solid;
 border-radius: 50%;
 box-shadow: 0 0 4px -1px rgba(0, 0, 0, 0.2)
}
.main-board > ol > li > i:hover{
 opacity: 1;
}
.main-board > ol > li.selected > i{
 background: #fff;
}

.main-board > div{
 position: absolute;
 display: block;
 width: 100%;
 height: 700px;
 overflow: hidden;
 background: #ddd;
}
.main-board > div > div{
 position: relative;
 display: block;
 height: 700px;
 font-size: 0;
 white-space: nowrap;
}
.main-board > div > div > a{
 position: absolute;
 top: 0;
 left: 0;
 display: inline-block;
 vertical-align: top;
 width: 100%;
 height: 700px;
 font: 10pt tahoma;
 background-size: cover;
 text-decoration: none;
}

.main-board > div > div > a *{
 display: block;
 font-family: 'Nassim';
 font-style: normal;
 font-weight: 100;
}
.main-board > div > div > a > span{
 padding: 40px;
}
.main-board > div > div > a > span > i{
 font-size: 24pt;
}
.main-board > div > div > a > span > b{
 font-size: 15pt;
}


.main-board > div > div > a > span.title-type-1{
 color: #000;
}
.main-board > div > div > a > span.title-type-1 > *{
 text-shadow: 0 0 5px rgba(255, 255, 255, .9);
}

.main-board > div > div > a > span.title-type-2{
 color: #fff;
}
.main-board > div > div > a > span.title-type-2 > *{
 text-shadow: 0 0 5px rgba(0, 0, 0, .9);
}


.overview{
 padding-bottom: 20px;
}
.overview > h1{
 display: block;
 margin: 0;
 padding: 40px 0;
 font: 24pt 'Nassim','Tahoma';
 text-align: center;
}
.overview > h2{
 display: block;
 margin: 0 auto;
 padding: 0 40px;
 max-width: 800px;
 font: 15pt 'Nassim','Tahoma';
 text-align: center;
}


.services{
 font-size: 0;
 padding: 20px;
}
.services > div{
 display: inline-block;
 width: 33.3%;
}
.services > div > div{
 padding: 20px;
 font: 10pt tahoma;
 text-align: center;
}
.services > div > div > i{
 display: block;
 width: 100px;
 height: 100px;
 margin: 0 auto;
 background: url(/statics/img/ftrs.png) -114px 0;
}
.services > div > div > span{
 display: block;
 font: 15pt 'Nassim';
}



/*
  languages compatibility
  right to left
*/
.content-rtl .overview > *{
 direction: rtl;
}

.content-rtl .main-board > div > div > a *{
 direction: rtl;
}

/*
  languages compatibility
  left to right
*/
.content-ltr .overview > *{
 direction: ltr;
}

.content-ltr .main-board > div > div > a *{
 direction: ltr;
}