.banner-container {
  padding-left: 0;
  padding-right: 0;
  }

.banner{
  width:100%;
  height:auto;
  position:relative;
  overflow:hidden;
  }

/*
@media only screen and (min-width: 768px) and (max-width: 959px) {
      .banner, .bannercontainer { width:760px; height:395px;}
}


@media only screen and (min-width: 480px) and (max-width: 767px) {
      .banner, .bannercontainer { width:480px; height:250px; }
}

@media only screen and (min-width: 0px) and (max-width: 479px) {
      .banner, .bannercontainer { width:320px;height:166px; }
}*/


img.pop-up-effect {
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.25,0.1,0.25,1.5);
    transition-timing-function: cubic-bezier(0.25,0.1,0.25,1.5);
    max-width: 100%;
    margin-bottom: 20px;
  }

#pop-up-1{
    transition-delay: 0.5s;
}

#pop-up-2{
    transition-delay: 1s;
}

#pop-up-3{
    transition-delay: 1.5s;
}

.pop-now img.pop-up-effect{
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}


.dpc-body{
  background-color: #F6F2E8;
}

.dpc-navbar{
  background-color: #5EDCFF;
  border-top: 6px solid #4FBBD9;
  border-bottom: none;
  color: #333;
}

.dpc-navbar .navbar-nav>li>a{
  color: #333;
  text-transform: uppercase;
  font-size: 12pt;
  font-weight: 500;
}

.dpc-navbar .navbar-nav>.poster-submit>a{
  color: #fff;
}

.dpc-navbar .navbar-nav>.language-sel>a,
.dpc-navbar .navbar-nav>.language-sel>a:hover
{
  background-color: #F0F0F0;
  color: #747474;
}

.dpc-navbar .navbar-nav>.language-sel ul li{
  text-transform: uppercase;
}

.dpc-navbar .navbar-nav>.active>a,
.dpc-navbar .navbar-nav>.active>a:hover,
.dpc-navbar .navbar-nav>.active>a:focus{
  background-color: inherit;
  color: inherit;
  text-decoration: underline;
}

.dpc-navbar .container{
  /*padding-left: 130px;*/
}

.dpc-navbar li.social>div{
  display: inline-block;
  vertical-align: center;
}

/*HAMBURGER*/
.navbar-inverse .navbar-toggle{
  border: 2px solid #449BB3;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{
  background-color: #449BB3;
}

.navbar-inverse .navbar-collapse{
  border-color: #439BB3;
}

i.fa{
  font-size: 20pt;
  color: white;
  padding-left: 5px;
  padding-top: 10px;
}

i.fa:hover{
  color: #436B96;
}


.dpc-site-logo{
  position: absolute;
  top: 50px;
  left: 13px;
  padding: 0;
  text-align: left;
  z-index: 30;
}


.dpc-site-logo img{
    height: 180px;
}


#front-page .dpc-site-logo{
  left: 45px;
}

#front-page .dpc-site-logo img{
  height: 100%;

}


.dpc-unoda-logo{
  position: absolute;
  top: 50px;
  left: 0px;
  padding: 0;
  text-align: left;
  z-index: 100;
  display: none;
}

#front-page .dpc-unoda-logo{
  display: block;
}

.dpc-area-1{
  padding-top: 50px;
  padding-bottom: 150px;
  background-color: #F6F2E8;
}

.dpc-area-1 img{
  width: 100%;
}

.dpc-area-2{
  background-color: #fff;
}

.dpc-area-2 .dpc-intro-text{
  background-color: #FFF7E3;
  padding: 60px;
  /*margin-top: -100px;*/
  padding-bottom: 100px;
  font-family: 'Carme', sans-serif;
  font-size: 16pt;
  color: #202020;
}

.dpc-area-2 .dpc-tile-wrapper{
  margin-top: -50px;
  padding-bottom: 50px;
  text-align: center;
}

.dpc-area-2 .dpc-tile-wrapper .dpc-tile{
  height: 200px;
  background-color: #FB6262;
  margin-bottom: 30px;
  opacity: 0;
  transition: opacity 0.6s;
  transition-timing-function: cubic-bezier(0.25,0.1,0.25,1.5);
}

.dpc-area-2 .dpc-tile-wrapper .dpc-tile-loaded{
  opacity: 1;
}


.dpc-area-2 .dpc-tile-wrapper #about-tile{
  background: url('../img/about-tile.jpg') no-repeat center;
  transition-delay: 0.5s;
}

.dpc-area-2 .dpc-tile-wrapper #rules-tile{
  background: url('../img/rules-tile.jpg') no-repeat center;

}

.dpc-area-2 .dpc-tile-wrapper #submit-tile{
  background: url('../img/submit-tile.jpg') no-repeat center;
  transition-delay: 0.3s;
}

.dpc-deadline-wrapper{
  padding: 80px 0px;
  font-family: 'Carme', sans-serif;
  font-size: 16pt;
  text-transform: uppercase;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

.dpc-deadline-wrapper .dpc-deadline{
  display: inline-block;
  text-align: center;
  padding: 10px 120px;
  background-color: #278CA8;
  color: white;
}

.dpc-deadline-wrapper .dpc-deadline .dl{
  font-size: 26pt;
}

.dpc-area-2 .poster-wrapper{
  background-color: #F6F2E8;
  padding-bottom: 30px;
  padding-top: 6r0px;
}



.dpc-area-2 .dpc-old-posters{
  background-color: white;
  margin-top: 30px;
  margin-bottom: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.dpc-area-2 .dpc-old-posters img{
  height: 300px;
  margin: 0px 10px;
  cursor: pointer;
}


.footer{
  background-color: #ADBEC2;
  color: white;
  padding: 80px 0px;
}

.footer .footer-list{
  list-style: none;
}

.footer .footer-list li{
  display: inline-block;
  width: 15%;
  text-align: center;
}

.footer .footer-list li>a{
  color: white;
}


.page-container{
  padding: 150px 80px 250px;
  background-color: white;
}

.page-container .row{
  margin-top: 50px;
  margin-bottom: 50px;
}

.prize-icon{
  width: 77px;
  height: 77px;
  display: inline-block;
}

.prize-amount{
  font-size: 24pt;
}

#prize-1{
  background-image: url(../img/prize-1.png);
}

#prize-2{
  background-image: url(../img/prize-2.png);
}

#prize-3{
  background-image: url(../img/prize-3.png);
}

.dpc-form{
  padding: 70px;
  background-color: #F9F5EA;
}



/* responsivenes */

@media (max-width: 1300px) {
  #front-page .dpc-site-logo img {
    height: 180px;
  }
}

@media (max-width: 800px) {
  #dpc-banner{
    margin-top: 40px;
  }

  .dpc-site-logo{
    top: -15px;
  }
  #front-page .dpc-site-logo{
   display: none;
  }

  .dpc-area-2 .dpc-intro-text{
    padding: 50px 20px 30px;
    margin-left: -15px;
    margin-right: -15px;
  }

  .dpc-area-2 .dpc-tile-wrapper{
    margin-top: 30px;
  }

  .footer .footer-list li{
    width: 100%;
  }

  .page-container{
    padding-left: 20px;
    padding-right: 20px;
  }

  .poster-wrapper{
    margin-left: -15px;
    margin-right: -15px;
  }
}


.modal .modal-dialog {
  width: 90%;
}


.modal img.big-poster{
  max-width: 100%;
}

a.home-button, a.home-button i{
  font-size: 14pt;
  color: #aaa;
  font-weight: 400;
}

a.home-button span{
  font-size: 12pt;
}

a.home-button:hover, a.home-button i:hover{
  color: #333;
  text-decoration: none;
}