section.project{
  display: block;
  background-color: #fff;
  width: 100%;
  position: relative;
  padding: 50px 0;
}section.project::before{
  content: '';
  display: block;
  background-color: #FFF;
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -moz-transform: skewY(-2.5deg);
  -ms-transform: skewY(-2.5deg);
  -webkit-transform: skewY(-2.5deg);
  transform: skewY(-2.5deg);
}section.project::after{
  content: '';
  display: block;
  background-color: #FFF;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: -20px;
  z-index: 4;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -moz-transform: skewY(2.5deg);
  -ms-transform: skewY(2.5deg);
  -webkit-transform: skewY(2.5deg);
  transform: skewY(2.5deg);
}section.project div.project-content{
    z-index: 5;
    position: relative;
    overflow: hidden;
    text-align: center;
    margin: 10px 0;
}section.project div.project-content h2.project-content-title{
  font-size: 65px;
  text-transform: uppercase;
}section.project div.project-content span.project-content-subtitle{
  font-size: 41px;
  text-transform: uppercase;
  color: #33444b;
}section.project div.project-content p.project-content-paragraph{
  display: block;
  width: 100%;
  font-size: 35px;
  color: #749db1;
}

section.skills{
  display: block;
  width: 100%;
  color: #d6e2e8;
  position: relative;
}section.skills div.skills-background{
  background-color: #292c35;
  position: absolute;
  color: #a5b2c0;
  font-size: 30px;
  padding: 250px 5% 5% 5%;
  width: 100%;
}section.skills div.skills-background div.filter{
  background-color: #0f1619;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.95;
}section.skills div.skills-background .color-white{
  color: #a5b2c0;
}section.skills div.skills-background .color-green{
  color: #99c571;
}section.skills div.skills-background .color-orange{
  color: #c3975e;
}section.skills div.skills-background .color-purple{
  color: #c073e2;
}section.skills div.skills-background .color-red{
  color: #d25644;
}section.skills div.skills-background .color-blue{
  color: #6db6c3;
}section.skills div.skills-background .color-navy{
  color: #68a8f4;
}section.skills div.skills-background .tab-1{
  margin-left: 35px;
}section.skills div.skills-background .tab-2{
  margin-left: 70px;
}section.skills div.skills-background .tab-3{
  margin-left: 105px;
}section.skills div.skills-background .tab-4{
  margin-left: 140px;
}section.skills div.skills-foreground{
  position: absolute;
  font-size: 30px;
  z-index: 5;
}section.skills div.skills-foreground h3.skills-title{
  z-index: 5;
  margin-top: 150px;
  text-align: center;
  font-size: 55px;
  text-transform: uppercase;
  color: #d6e2e8;
}section.skills div.skills-foreground div.row{
  z-index: 5;
  margin-top: 100px;
}section.skills div.skills-foreground div.row{
  text-align: center;
  font-size: 32px;
}section.skills div.skills-foreground div.row div.skills-skill{
  margin: 25px 0;
}section.skills div.skills-foreground div.row div.skills-skill span.skills-skill-title{
  display: block;
  margin: 10px 0 30px 0;
  color: #749db1;
}section.skills div.skills-foreground div.row div.skills-more{
  margin: 60px 0;
}section.skills div.skills-foreground div.row div.skills-more a{
  color: #749db1!important;
}section.skills div.skills-foreground div.row div.skills-skills{
  text-align: center;
  text-transform: uppercase;
}

section.products{
  display: block;
  background-color: #fff;
  width: 100%;
  position: relative;
  padding: 50px 0;
}section.products::after{
  content: '';
  display: block;
  background-color: #FFF;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: -20px;
  z-index: 4;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -moz-transform: skewY(2.5deg);
  -ms-transform: skewY(2.5deg);
  -webkit-transform: skewY(2.5deg);
  transform: skewY(2.5deg);
}section.products h4.products-title{
  z-index: 5;
  position: relative;
  text-align: center;
  font-size: 65px;
  text-transform: uppercase;
  margin-bottom: 50px;
}section.products div.products-products{
  text-align: center;
  margin: 75px 0;
  z-index: 5;
  position: relative;
}section.products div.products-products div.products-product{
  margin: 25px 0;
}section.products div.products-products div.products-product div.atvImg{
  height: 150px;
  width: 250px;
  margin: 0 auto;
  cursor: pointer;
}section.products div.products-ovh{
  z-index: 5;
  position: relative;
  text-align: center;
  margin: 0 0 150px 0;
}section.products div.products-ovh span.products-subtitle{
  display: block;
  font-size: 41px;
  text-transform: uppercase;
  color: #33444b;
  margin: 40px 0 70px 0;
}

section.work{
  background-color: #161c20;
  margin: -30px 0 0 0;
  padding: 0 0 50px 0;
}section.work div.work-rectangle{
  position: relative;
  display: block;
  height: 150px;
  width: 40%;
  margin: 10px auto;
  background-color: #33444b;
  color: #0e1518;
  font-size: 41px;
  line-height: 150px;
  text-align: center;
  z-index: 6;
}

section.letme{
  text-align: center;
}section.letme h5.letme-title{
  font-size: 65px;
  text-transform: uppercase;
  margin: 30px 0 75px 0;
}section.letme p.letme-paragraph{
  font-size: 24px;
  text-transform: uppercase;
}section.letme p.letme-paragraph button,div.modal-footer button.btn-danger{
  background-color: #749db1;
  color: #fff;
  font-size: 20px;
}section.letme p.letme-paragraph button:active,div.modal-footer button.btn-danger:active{
  background-color: #33444b;
  background-image: -webkit-radial-gradient(circle, #749db1 10%, #33444b 11%);
  background-image: -o-radial-gradient(circle, #749db1 10%, #33444b 11%);
  background-image: radial-gradient(circle, #749db1 10%, #33444b 11%);
}