/* Custom Stylesheet */

.fill-height {
  height: 100% !important;
}
.section h5 {
  padding-left: 70px;
  text-transform: uppercase;
}
#projects.section h5,
#contact.section h5 {
  padding-left: 0;
}
#projects section {
  /*max-width: 400px;*/
  /*min-width: 300px;*/
}
.collection h2 {
  font-size: 18px;
  margin: 0 0 10px 0;
}
.collection h3 {
  font-size: 16px;
  margin: 0 0 10px 0;
}
.relative {
  position: relative;
}

.padding-right-5 {
  padding-right: 5px !important;
}
.padding-top-10 {
  padding-top: 10px !important;
}
.padding-right-10 {
  padding-right: 10px !important;
}
.padding-left-10 {
  padding-left: 10px !important;
}
.padding-bottom-10 {
  padding-bottom: 10px !important;
}
.padding-top-20 {
  padding-top: 20px !important;
}
.padding-left-20 {
  padding-left: 20px !important;
}
.padding-right-20 {
  padding-right: 20px !important;
}
.padding-bottom-20 {
  padding-bottom: 20px !important;
}
.padding-left-70 {
  padding-left: 70px !important;
}
hr.section-divider {
  border: 0;
  height: 1px;
  margin: 0 -130px;
  background-image: -webkit-linear-gradient(left, #37474f, #707f87, #37474f);
  background-image: -moz-linear-gradient(left, #37474f, #707f87, #37474f);
  background-image: -ms-linear-gradient(left, #37474f, #707f87, #37474f);
}
.image-yuri {
  background-image: url("../images/iouri-savenkov.jpg");
  background-size: 602px 602px;
  background-position: -244px -28px;
  background-repeat: no-repeat;
  overflow: hidden;
  width: 125px;
  height: 125px;
  transition: all 1s ease-in-out;
}
.image-yuri:hover {
  background-size: 125px 125px;
  background-position: -5px -5px;
  transition:all 0.5s ;
  -webkit-transition:all 0.5s ;
  -o-transition:all 0.5s ;
  -moz-transition:all 0.5s ;
}

.image-nelia {
  background-image: url("../images/nelia.jpg");
  background-size: 353px 353px;
  background-position: -123px -16px;
  background-repeat: no-repeat;
  overflow: hidden;
  width: 125px;
  height: 125px;
  transition: all 1s ease-in-out;
}
.parallax img {
  width: 100vw;
}
.collection {
   border: none;
}
.collection .collection-item {
   background-color: transparent;
   border-bottom: none;
}
.item-location {
  width: 30%;
}
.item-description {
  width: 70%;
  padding-left: 53px;
}
.button-collapse {
  color: #26a69a;
}
.parallax-container {
  min-height: 380px;
  line-height: 0;
  height: auto;
  color: rgba(255,255,255,.9);
}
  .parallax-container .section {
    width: 100%;
  }
.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
  font-size: inherit;
}
footer.page-footer {
  margin: 0;
}
.border-white-5 {
  border: 5px solid white;
}
.modal {
  width: 90%;
  max-width: 1000px;
  min-height: 90%;
  max-height: 90%;
  top: 5% !important;
}


/* Effects */
.rotateY {
  -ms-transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
.hovereffect {
  width: 100%;
  /*height: 260px;*/
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  background: #002d4e;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  padding: 50px 20px;
}

.hovereffect img {
  display: block;
  position: relative;
  max-width: none;
  width: calc(100% + 20px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-10px,0,0);
  transform: translate3d(-10px,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.hovereffect:hover img {
  opacity: 0.2;
  filter: alpha(opacity=20);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  overflow: hidden;
  padding: 0.5em 0;
  background-color: transparent;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0);
}
.hovereffect h2:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #fff;
  content: '';
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(-100%,0,0);
  transform: translate3d(-100%,0,0);
}

.hovereffect:hover h2,
.hovereffect:hover h2:after {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect a, .hovereffect p {
  color: #FFF;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(100%,0,0);
  transform: translate3d(100%,0,0);
}

.hovereffect:hover a, .hovereffect:hover p {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hover-icon {
  background: #3b72a3;
  position: absolute;
  top: 0;
  right: 10px;
  width: 48px;
  height: 48px;
  z-index: 1
}
.hover-icon a {
  opacity: 0.8;
}
.hover-icon i {
  margin: 7px 10px;
  font-size: 32px;
}
.hover-icon:hover i {
  color: yellow !important;
}
.collection-logo {
  width: 42px;
  height: 42px;
}
.nivo-lightbox-theme-default .nivo-lightbox-close {
  width: 24px;
  height: 24px;
}
footer a {
  color: #b0bec5;
}
footer a:hover {
  color: #ebebeb;
}
footer.page-footer .footer-copyright {
  color: rgba(255,255,255,0.8);
  background-color: #1c262c;
}

@media only screen and (max-width : 992px) {
  .parallax-container .section {
    position: absolute;
  }
  #index-banner .section {
    top: 10%;
  }
  .item-location {
    width: auto;
  }
  .item-description {
    width: auto;
  }
  hr.section-divider {
    margin: 0 -20px;
  }
}

@media only screen and (max-width : 740px) {
  #projects section {
    font-size: 80%;
  }
  .hovereffect .overlay {
    padding: 15px 8px;
  }
  .hovereffect h2 {
    font-size: 14px;
    padding: 0.2em 0;
  }
  .hover-icon {
    right: 11px;
    width: 35px;
    height: 35px;
  }
  .hover-icon i {
    margin: 6px 9px;
    font-size: 20px;
  }
  
}
@media only screen and (max-width : 600px) {
  #index-banner .section {
    top: 0;
  }
  #projects section {
    font-size: 120%;
  }
  .hovereffect .overlay {
    padding: 65px 8px;
  }
  .hovereffect h2 {
    font-size: 20px;
    font-weight: normal;
    padding: 0.5em 0;
  }
  .hover-icon {
    right: 10px;
    width: 48px;
    height: 48px;
  }
  .hover-icon i {
    margin: 7px 10px;
    font-size: 32px;
  }
}