@CHARSET "UTF-8";
/* =====  Main Page  ===== */

.slider{position:relative; height:520px; width:100%; background:#333; left:0; z-index:1; overflow:hidden; box-shadow: 0 0 10px 0 #999;}

.slider ul{position:relative; overflow:hidden; width:100%; left:0; text-align:left; z-index:2;}
.slider li{position:relative; width:100%; height:520px; float:left; }
.slider .slidecontent{position:relative; width:990px; left:50%; margin:30px 0 0 -495px; height:470px;}
.slider li .title{display:inline-block; float:left; font-size:32px; color:#fff; line-height:42px;}
.slider li .title span{display:block; margin-left:60px;}
.slider li .desc{display:inline-block; width:425px; font-size:14px; margin-top:20px; color:#fff;}
.slider li .image{display:inline-block; float:left; margin-right:50px; }

.slider .slide1{background:#c12f7a;}
.slider .slide1 .image{width:495px; height:465px; background:url(images/layout/social-hand.png) no-repeat 0 0;}
.slider .slide1 .title{margin-top:110px;}
.slider .slide2{background:#019597;}
.slider .slide2 .image{width:422px; margin-top:15px; height:480px; background:url(images/layout/social-tree.png) no-repeat 0 0;}
.slider .slide2 .title{margin-top:110px;}
.slider .slide3{background:#3b5998;}
.slider .slide3 .image{width:422px; margin-top:15px; height:480px; background:url(images/layout/facebook-big-icon.png) no-repeat 45px 60px;}
.slider .slide3 .title{margin-top:110px;}

.slider .btwrapper{position: absolute; width:990px; top:450px; left:50%; margin-left:-495px; height:40px; z-index:5;}
.slider .dbuttons{background-color:#cd4487; width:40px; height:42px; margin-left:1px; float:right; margin-top:5px;}
.slider .dbuttons.leftbt{background-position:8px -159px;}
.slider .dbuttons.rightbt{background-position:11px -199px;}
.slider .dbuttons:hover{background-color:#018184;}

.mainpageThepress{display:inline-block; float:left; width:440px; height:275px;}
.mainpageJobs{display:inline-block; width:550px; height:275px;}
.mainpageVideos{display:inline-block; width:990px; height:300px;}

.mainpageThepress ul{display:inline-block; width:400px; height:195px; overflow:hidden; margin-top:13px;}
.mainpageThepress li{display:inline-block; cursor:pointer; position: relative; width:390px; margin-bottom:5px; overflow:hidden; height:50px; padding:5px;}
.mainpageThepress .date{display:inline-block; position:absolute; top:1px; right:5px; font-weight:bold; color:#727272; }
.mainpageThepress img{display:inline-block; width:45px; height:45px;}
.mainpageThepress .image{display:inline-block; float:left; overflow:hidden; border:1px solid #961855; width:45px; margin:2px 8px 0 2px; border-radius:5px;}
.mainpageThepress .title{display:inline-block; float:left; font-weight:bold; color:#727272; overflow:hidden; width:332px; margin:-4px 0 0 0;}
.mainpageThepress .desc{display:inline-block; line-height:17px; overflow:hidden; width:332px; color:#727272; height:45px; }
.mainpageThepress li:hover{background:#cd4487; border-radius:7px;}
.mainpageThepress li:hover *{color:#fff;}

.thepresspager{width:395px; margin-top:3px; text-align: right;}
.thepresspager .dbuttons{width:15px; height:15px; background-position: -3px -333px; margin-left:2px;}
.thepresspager .dbuttons.active{background-position: -3px -374px;}
.thepresspager .dbuttons:hover{background-position: -3px -373px;}

.mainpageJobs ul.fivejobs{position:relative;}
.mainpageJobs ul.fivejobs li{display:inline-block; cursor:pointer; width:527px; padding:3px 0 3px 23px; background-position:0 -47px;}
.mainpageJobs ul.fivejobs a{color:#afafaf; font-weight:bold;}
.mainpageJobs ul.fivejobs span{color:#b7256c; float:right; font-weight:bold; margin-right:7px;}
.mainpageJobs ul.fivejobs li:hover{background-color:#cd4487; border-radius:3px;}
.mainpageJobs ul.fivejobs li:hover *{color:#fff;}
.mainpageJobs .all-jobs{display:inline-block; font-weight: bold; color:#727272; float:right; margin:12px 7px 0 0;}
.mainpageJobs .all-jobs:hover{text-decoration: underline;}

.mainpageVideos .videos{display:inline-block; width:990px; height:190px; overflow:hidden; background-color:#961855;}
.mainpageVideos li{display:inline-block; cursor: pointer; float:left; height:170px; position: relative; width:234px; padding:10px 0; margin:0 0 0 11px;}
.mainpageVideos li .hover{display:none; z-index:4; position:absolute; width: 234px; height:142px; background: url(images/layout/vid-hover.png) no-repeat 75px 32px;}
.mainpageVideos .image{display:inline-block;background:#fff;  overflow:hidden; width:234px; height:142px;}
.mainpageVideos img{position:relative; top:0; z-index:3; display:inline-block; width: 100%; min-height:142px; opacity: 0.9; filter: alpha(opacity:90); /*opacity:0; filter: gray;*/}

.mainpageVideos .title{display:inline-block; font-weight:bold; color:#fff; width:233px; padding-top:5px;}
.mainpageVideos li:hover .hover{display:inline-block;}
.mainpageVideos li:hover img{opacity:1; filter: alpha(opacity:100); /*filter:none;*/}

.mainpageVideos .dbuttons{background-color:#bcbcbc; width:32px; height:36px; margin-left:1px; float:right; margin-top:5px;}
.mainpageVideos .dbuttons.leftbt{background-position:6px -81px;}
.mainpageVideos .dbuttons.rightbt{background-position:6px -121px;}
.mainpageVideos .dbuttons:hover{background-color:#961855;}

.partners{position:relative; display:inline-block; height:10px;}
.partners img{display:inline-block; width:100%;}
.partners .partner-cocuk-bakicisi{position:absolute; left:4px; bottom: -22px; display:inline-block; width:55px; }
.partners .partner-elit{position:absolute; left:73px; bottom: -24px; display:inline-block; width:80px; }
.partners .partner-jooble{position:absolute; left:160px; bottom: -22px; display:inline-block; width:58px; }



.index-mintext{display:inline-block; margin-bottom:25px; }
.index-mintext h1{color: #c2317c; text-transform: capitalize;}
.index-mintext p{font-size:11px; color:#555; margin-top:5px;}


@media (max-width: 990px) {
    
    .slider{height:250px; width:100%; background:#333;}

    .slider ul{position:relative; overflow:hidden; width:100%; left:0; text-align:left; z-index:2;}
    .slider li{position:relative; width:100%; height:520px; float:left; }
    .slider .slidecontent{position:relative; overflow: hidden; width:100%; margin:15px 0 0 0; left:0; height:235px; }
    
    .slider li .title{position: absolute; width: 100%; float:none; left:50%; font-size:18px; line-height:28px; }
    .slider li .title span{display:block; margin-left:5%;}
    
    .slider li .desc{position: absolute; width: 45%; float:none; left:55%; font-size:10px; top:50px; line-height: 13px; color:#fff;}
    .slider li .image{display:inline-block; position:absolute; margin:0; float:none; }

    .slider .slide1 .image{width:100%; height:65%; left:2%; bottom:55px; background-size: auto 100%;  }
    .slider .slide1 .title{margin-top:5px;}
    
    .slider .slide2 .image{width:100%; height:95%; left:1%; bottom:0; background-size: auto 100%; }
    .slider .slide2 .title{margin-top:5px;}
    
    .slider .btwrapper{position: absolute; width:82px; top:195px; left:50%; margin-left:-41px; height:40px; z-index:15;}
    
    .mainpageThepress{display:none;}
    .mainpageJobs{display:inline-block; width:100%; margin-top:10px; height:325px;}
    .mainpageVideos{display:inline-block; width:100%; height:300px; position: relative; }
    
    .fuchsiaTitle{width:100%; margin-left:10px;}
    .titledesc{margin-left:10px;}
    
    .content,.content *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
    
    .mainpageJobs .ikbuttons{width:100%;}
    .mainpageJobs .ikbuttons .ikbtn{width:48%; margin: 0 1%; padding-top:5px;}
    .mainpageJobs .ikbuttons .ikbtn a{ font-size:12px; padding-left:44px; padding-top:10px;}
    .mainpageJobs .ikbuttons .ikbtn span{display:none;}
    .mainpageJobs ul.fivejobs li{display:inline-block; cursor:pointer; width:100%; padding:3px 0 3px 23px; background-position:0 -47px;}
    .mainpageJobs ul.fivejobs a{color:#afafaf; font-weight:normal;}
    .mainpageJobs ul.fivejobs span{color:#b7256c; font-weight:normal; margin-left:5px; width: 100%; line-height: 10px;}
    .mainpageJobs .all-jobs{display:none;}

    .mainpageVideos .videos{display:inline-block; width:100%; height:180px; overflow:hidden; background-color:#961855;}
    .mainpageVideos li{display:inline-block; cursor: pointer; float:left; height:180px; position: relative; width:50%; padding:10px 4px; margin:0 0 0 0;}
    .mainpageVideos li a{font-weight: normal; font-size:10px; width:95%; overflow: hidden;}
    .mainpageVideos li .hover{display:none; z-index:4; position:absolute; width: 100%; height:100%; background: url(images/layout/vid-hover.png) no-repeat 50% 50%;}
    .mainpageVideos .image{display:inline-block;background:#fff; overflow:hidden; width:100%; height:142px;}
    .mainpageVideos img{position:relative; top:0; z-index:3; display:inline-block; min-height:142px; opacity: 0.9; filter: alpha(opacity:90);}

    .mainpageVideos .title{display:inline-block; font-weight:bold; color:#fff; width:233px; padding-top:5px;}
    .mainpageVideos li:hover .hover{display:inline-block;}
    .mainpageVideos li:hover img{opacity:1; filter: alpha(opacity:100);}

    .mainpageVideos .dbuttons{position:absolute; left:50%; bottom:15px;}
    .mainpageVideos .dbuttons.leftbt{margin-left:-35px;}
    .mainpageVideos .dbuttons.rightbt{margin-right:35px;}
    
    .index-mintext{ display:none; padding:15px; font-size:10px;}
    .index-mintext h1{font-weight:normal;}
    .partners{display:none;}
    

}