* { outline:none !important; }
.centered .fp-tableCell { display:table-cell; vertical-align:middle; }

@font-face{
    font-family:'gesta';
    src:url('../fonts/rui_abreu_-_gesta-regular-webfont.eot');
    src:url('../fonts/rui_abreu_-_gesta-regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/rui_abreu_-_gesta-regular-webfont.woff') format('woff'),url('../fonts/rui_abreu_-_gesta-regular-webfont.ttf') format('truetype');
    font-weight:normal;
    font-style:normal
}

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

@font-face{
    font-family:'campton-medium';
    src:url('../fonts/Campton-Medium.eot');
    src:url('../fonts/Campton-Medium.eot?#iefix') format('embedded-opentype'),url('../fonts/Campton-Medium.woff') format('woff'),url('../fonts/Campton-Medium.ttf') format('truetype');
    font-weight:normal;
    font-style:normal
}

@font-face{
    font-family:'campton-light';
    src:url('../fonts/Campton-Light.eot');
    src:url('../fonts/Campton-Light.eot?#iefix') format('embedded-opentype'),url('../fonts/Campton-Light.woff') format('woff'),url('../fonts/Campton-Light.ttf') format('truetype');
    font-weight:normal;
    font-style:normal
}

@font-face{
    font-family:'myriad-regular';
    src:url('../fonts/MyriadPro-Regular.eot');
    src:url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/MyriadPro-Regular.woff') format('woff'),url('../fonts/MyriadPro-Regular.ttf') format('truetype');
    font-weight:normal;
    font-style:normal
}

#menu a { font-family:'campton-bold' }
.medium { font-family:'campton-medium' }
.bold { font-family:'campton-bold' }
.light { font-family:'campton-light'; font-weight:normal !important; }
.campton-medium { font-family:'campton-medium' }
.campton-light { font-family:'campton-light' }

.section { background-size: cover; }
span.req { color:#F00 }

.gallery img { max-width: 100%; max-height:178px; }

.text-white { color:#FFF; }
.text-gray { color:#595959; }

.fs21 { font-size:21px; }
.fs16 { font-size:16px; }
.fs12 { font-size:12px; }
.fs10 { font-size:10px; }

.p10 { padding:10px; }
.p20 { padding:15px; }
.pb30 { padding-bottom:30px; }
.pt50 { padding-top:50px; }
.pt60 { padding-top:60px; }
.pty { padding-top:4%; }
.pb20 { padding-bottom:20px; height:110px; }
.mw100 { max-width:100%; }
.mb0 { margin-bottom:0; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb40 { margin-bottom:40px; }
.ml10y { margin-left:10%; }

.lh12 { line-height: 1.5em;}
.checkbox, .radio { margin:3px 0 2px 0; }
.form-group { margin-bottom:5px; }
.form-container { padding:10px 20px !important; }
.nav > li > a { padding:20px 6px !important; }


.fp-controlArrow.fp-prev { border-color: transparent #e22a2e transparent transparent }
.fp-controlArrow.fp-next { border-color: transparent transparent transparent #e22a2e }
.navbar-default { background-color:#FFF; border:0; margin-bottom:0; }

.form-container { background-color:#FFF; border-radius:10px; padding:20px; }
.btn-red { background-color:#D61822; color:#FFF; /*font-weight:bold;*/ }
.no-radius { border-radius:0; }
.form-control { border-radius:0; background-color:#F1F1F1; border:1px solid #F1F1F1; box-shadow:none; height:30px !important; padding:3px 6px !important; }
.form-control:focus { border-color:#D61822; box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(241,241,241,.6) }
.btn-submit { margin-top:18px; }

.counter-container { width:100px; padding:16px 16px 8px 16px; border:2px solid #FFF; border-radius:10px; background-color:#75040A; color:#FFF; float:left; margin-right:10px; text-align:center; font-family:'campton-light' }
.counter-container span { display:block; font-weight:bold; font-size:42px; line-height:1em; font-family:'campton-medium'; margin-bottom:10px; }

.footer { /*position:absolute;*/ left:0; bottom:0; /*height:40px;*/ width:100%; background-color:#333; color:#FFF; box-sizing: border-box; padding:10px 0; font-family:'gesta' }
    .footer li { padding:0 25px; }
    .footer li a { font-size:12px; color:#999; }

.code-kobi { margin-bottom:5px; width:43%; }
.hemen-kayit-ol { margin-top:20px; padding:10px 20px; font-size:21px; }
.hemen-kayit-ol:hover { color:#FFF; }
.baslik { position:relative; margin-bottom:20px; }
.baslik:after { content:" "; position: absolute; left:0; bottom:-5px; width:60px; height:2px; background-color:#ee3124; }

.nelerbekliyordiv { height:100%; }
.neler-bekliyor1 { border-top:1px solid #DDD; border-right:1px solid #DDD; border-bottom:1px solid #DDD; padding:20px 0; }
.neler-bekliyor2 { border-top:1px solid #DDD; border-bottom:1px solid #DDD; padding:20px 0; margin-bottom:150px; }
.neler-bekliyor p { padding:0 40px; }
.nelerBekliyorLogolar img { width:130px; }
.nelerbekliyorheader { position:absolute; left:0; top:0; width:100%; background-color:#FFF; padding-bottom:20px; }

.juri { height:250px; }
.juri-linkedin { height:176px; position:absolute; left:19px; top:79px; display:none; }

.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ /*padding-top: 100px;*/ height: 0; overflow:hidden; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

hr.mini { width:50px; border:2px solid #ee3124; }

.list-group-item { margin-bottom:2px; }
.list-group-item:first-child { border-radius:0; }
#tabs.nav-pills > li.active > a, #tabs.nav-pills > li.active > a:focus, #tabs.nav li a:focus { color:#ea1b23; background-color:rgba(255,255,255,.7); width:70%; margin:0 auto; border-radius:0; border-bottom:1px solid #EA1B23; }
#tabs.nav-pills > li.active > a:hover, #tabs.nav li a:hover { color:#ea1b23; background-color:#FFF; border-bottom:1px solid #EA1B23; }
#tabs.nav-justified > li > a { color:#FFF; border-bottom:1px solid #FFF; border-radius:0; margin:0 auto; width:70%; }
.list-group-item { border:1px solid #FFF; }

.hemen-kayit-ol-baslik { margin-top:10px; font-size:21px; }

.sss p { margin-bottom:30px; }
.sss .col-md-10 { background-color:rgba(255,255,255,0.5); border-radius:20px; }
.sayac { padding-top:17%; margin-left:0.3%; width:41%; }

.katilimSartlari { font-family:'myriad-regular'; font-weight:normal; font-size:14px; margin-top:60px; padding:0 }

.top-video { width:560px; height:315px; }
.slideVideo { width:720px; height:406px; }

.pekYakinda { position:absolute; left:0; top:0; width:100%; height:100%; z-index: 101; background-color: rgba(0,0,0,0.97); }
.pekYakinda table { width:100%; height:100%; }
.pekYakinda table td { width:100%; height:100%; text-align:center; vertical-align:middle; font-family:'campton-bold'; color:#FFF; text-shadow:2px 2px 2px #000; font-size:66px; }
.modalContent { height:450px; overflow:auto; }

.keyvisual-logos { height:55px; margin:25px 50px 0 50px }
.keyvisual-logos.vodafone { height:85px; margin:0 50px; }

.border-white { border-color:#FFF !important; }
.odul img { max-width:80%; }

.juriContainer .col-md-1 { margin-top:30px; }
.juriContainer p { font-family:'campton-light'; margin-top:20px; line-height:1.1em; font-size:16px; }
.juriContainer b { font-size:12px; margin-top:10px; display:block; }
.moreinfo { height:30px; }

.nav-tabs > li, .nav-pills > li {
    float:none;
    display:inline-block;
    *display:inline; /* ie7 fix */
     zoom:1; /* hasLayout ie7 trigger */
}
.program > li { display:table-cell; }
.program > li > a { width:100% !important; }
.small { font-size:11px; }
.nav-tabs, .nav-pills {
    text-align:center;
}

#page4 .fp-tableCell { height:100% !important; }

h2.medium { font-size:24px; }
td[rowspan] { font-weight:bold; text-align: right; vertical-align: middle !important;}

.nav.nav-tabs a { color:#555 }
.juritabs > li > a { padding:0px 10px !important; }
@media (min-width:0px) and (max-width:321px) {
    .top-video { width:290px !important; height:163px !important; }
    .slideVideo { width:183px !important; height:102px !important; }
    .sliderVideoWrapper { padding-top:70px !important; }
    .slideVideo { width:183px !important; height:102px !important; }
    .juri { height:110px; }
}
@media (min-width:0px) and (max-width:481px) { /* smartphones, iPhone, portrait 480x320 phones */
    .fp-tableCell { height:100% !important; }
    .ml10y { margin-left:0; }
    .p10, .nelerbekliyordiv { padding:0px; }
    .hemen-kayit-ol { margin-top:0 !important }
    .code-kobi { margin-bottom:30px; width:60%; }
    .fs21 { font-size:14px; line-height:1.2em; }
    .fs16 { font-size:12px; line-height:1.2em; }
    .baslik { font-size:18px; }
    .hemen-kayit-ol { margin-top:30px; }
    .baslik:after { width:35px; }
    .videoWrapper { padding-top:100px; margin-bottom:10px; }
    .neler-bekliyor p { padding:0; }
    .neler-bekliyor2 { margin-bottom:0; }
    .sss p { margin-bottom:10px; }
    .counter-container { width:66px; padding: 10px 10px 4px 10px; font-size:10px; margin-right:6px }
    .counter-container span { font-size:31px; }
    h1 { font-size:21px; }
    h1 { font-size:20px; }
    h2 { font-size:19px; }
    h3 { font-size:18px }
    .sayac { padding-top:0; padding-bottom:20px; width:auto; }
    .sss .col-md-10 { padding:10px; }
    .top-video { width:100%; height:auto; }
    .slideVideo { width:100%; height:auto; }
    .sliderVideoWrapper { padding-top:0px; }
    .pb20 { height:50px; padding-bottom:10px; }
    #page5 { background-position:0 60px }
    #mCSB_1 { z-index:100; }
    .juriContainer p { font-size:12px; }
    .juriContainer b { font-size:10px; }
    .mCSB_container { margin-right:12px !important; }
    .pekYakinda table td { font-size:36px }

    .modalContent { height:250px; overflow:auto; }
    .keyvisual-logos { height:35px; margin:30px 10px; }
    .keyvisual-logos.vodafone { height:45px; margin:20px 10px; }
    .moreinfo { height:30px; }

    .odul img { max-width:50%; }
    .juriContainer { overflow:auto; max-height:300px;}
    .juriContainer .col-md-1 { margin-top:0px; height:200px; overflow:hidden; }

    .nelerBekliyorLogolar img { width:90px; }
    .nelerbekliyorheader { position:absolute; left:0; top:0; width:100%; background-color:#FFF; padding-bottom:10px; }
    .pt50 { padding-top:30px !important; }
}
@media (min-width:481px) { .top-video { width:500px; height:281px; }/* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media (min-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media (min-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }
@media (min-width:1367px) {
    .hemen-kayit-ol-baslik { margin-top:10%; font-size:21px; }
    .sayac { padding-top:23%; }
}


@media (min-width: 768px){
  .juriContainer .col-md-1,
  .juriContainer .col-sm-1,
  .juriContainer .col-lg-1  {
    width: 100%;
    *width: 100%;
  }
}

@media (min-width: 992px) {
  .juriContainer .col-md-1,
  .juriContainer .col-sm-1,
  .juriContainer .col-lg-1 {
    /*width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;*/
    width:20%;
    *width:20%;
  }
}

/**
 *  The following is not really needed in this case
 *  Only to demonstrate the usage of @media for large screens
 */
@media (min-width: 1200px) {
  .juriContainer .col-md-1,
  .juriContainer .col-sm-1,
  .juriContainer .col-lg-1 {
      /*width: 14.285714285714285714285714285714%;
      *width: 14.285714285714285714285714285714%;*/
      width:20%;
      *width:20%;
  }
}
