#top { background-color: transparent; }

#content-2, #content-5, #content-7, #content-9 { background-color: #EEE; }
#content-1 ul { list-style: none; padding: 0px; margin: 30px 0px!important;}
#content-1 li { list-style: none; padding: 0px; margin: 5px 0px!important;}
#carousel-wrapper { background-color: #172c49; }
#carousel-section { background-color: #1d9add; padding: 20px!important; color: #FFF; margin-top: auto; }
#carousel-section a { color: #FFF!important; background-color: #172c49; border-radius: 20px; padding: 5px 10px; transition: .5s all; }
#carousel-section a:hover { color: #172c49!important; background-color: #FFF; text-decoration: none; }
.content-mid h2 { text-align: center; }
#parallax-wrapper { text-shadow: 0px 0px 20px rgba(0,0,64,0.4); }
#parallax-wrapper a { color: #FFF!important; text-shadow: 0px 0px 20px rgba(0,0,64,0.4); }

.our_works_link { margin: 10px 2%; }
.our_works_link:hover .image img { transform: scale(1.1); border-color: #5acfde!important; }
.our_works_link .title h2 { font-size: 16px!important; text-align: center; color: #1d9add; line-height: 16px!important; height: 32px; }
.our_works_link .text { display: none; }
.our_works_link .description { display: none; }
.our_works_link .image { text-align: center; margin: 0px 0px 10px 0px; }
.our_works_link .image img { transition: .3s ease-out; width: 70%; height: auto; -webkit-border-radius: 200px; -moz-border-radius: 200px; border-radius: 200px; border: 7px solid #CCC; }

.product { display: inline-block; }
.product .picture { text-align: center; }
.product .title {  display: none; }
.product .picture img { width: 90%; height: auto; }

#parallax-wrapper>div { background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }
#parallax-wrapper>div>div { position: relative; }
#parallax-wrapper>div>div>span { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); color: #FFF; font-size: 22px; }

.wmuu>div { margin: 30px 0px; }

@media only screen and (max-width: 991px) {
  #menu-opener-div #mobile-menu-opener { color: #FFFFFF!important; }
}

@media only screen and (min-width: 768px) {
  .product-picture-right .picture img { float: left; }
  .product-picture-left .picture img { float: right; }
}

@media only screen and (min-width: 992px) {
  #carousel-section { height: calc((50vw - 8px) * 1440 / 2560); position: relative; }
  #carousel-section>div { position: absolute; top: 50%; transform: translateY(-50%); width: 75%; }
  .our_works_link { width: 16%; float: left; }
  .cssmenu > ul > li > a, .cssmenu > ul > li > span {
    color: #FFF!important;
  }
}

@media only screen and (max-width: 767px) {
  .our_works_link { width: 46%; float: left; }
  .product {  width: 48%; margin: 0 .5%;  margin-bottom: 30px; }
  .product .title { font-size: 18px; }
  #parallax-wrapper>div { height: 100vw; }
  #parallax-wrapper>div>div { height: 100vw; }
  #parallax-wrapper>div>div>span { width: 100%; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .our_works_link { width: 29%; float: left; }
  .product { width: 31%; margin: 0 .5%;  margin-bottom: 30px; }
  .product .title { font-size: 18px; }
  #parallax-wrapper>div { height: 100vw; }
  #parallax-wrapper>div>div { height: 100vw; }
  #parallax-wrapper>div>div>span { width: 100%; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  #carousel-section { padding: 0px 10% 0px 5%!important; }
  #carousel-section>div { width: 85%; }
  .product { width: 11%; margin: 0 .5%; }
  .product .title { font-size: 18px; }
  #parallax-wrapper>div { height: 40vh; }
  #parallax-wrapper>div>div { height: 40vh; }
  #parallax-wrapper>div>div>span { width: 960px; }
}

@media only screen and (min-width: 1200px) {
  #carousel-section { padding: 0px 20% 0px 5%!important; }
  #carousel-section>div { width: 75%; }
  .product { width: 11%; margin: 0 .5%; }
  .product .title { font-size: 18px; }
  #parallax-wrapper>div { height: 40vh; }
  #parallax-wrapper>div>div { height: 40vh; }
  #parallax-wrapper>div>div>span { width: 1170px; }
}