/*--------------------------------------------------------- GENERAL ---------------------------------------------------------*/
*{ outline: none !important; }

html, body{
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
  height: 100%;
  cursor: default;
}

/* HIDE SCROLLBAR */
body {
  overflow: scroll;
}
::-webkit-scrollbar {
  display: none;
}

img{
  border: none;
  max-width: 100%;
}

a[href^="mailto:"]{ white-space: nowrap !important; }

.padding-xs, .padding-s, .padding-m, .padding-l, .padding-xl{ width: 100%; }
.padding-xs{ height: 15px; }
.padding-s{ height: 25px; }
.padding-m{ height: 50px; }
.padding-l{ height: 75px; }
.padding-xl{ height: 150px; }

.no-margin{ margin: 0 !important; }
.no-margin-top{ margin-top: 0 !important; }
.no-margin-bottom{ margin-bottom: 0 !important; }
.no-margin-left{ margin-left: 0 !important; }
.no-margin-right{ margin-right: 0 !important; }
.no-padding{ padding: 0 !important; }
.no-padding-left{ padding-left: 0 !important; }
.no-padding-right{ padding-right: 0 !important; }
.no-padding-top{ padding-top: 0 !important; }
.no-padding-bottom{ padding-bottom: 0 !important; }

ul, ul li{
  margin: 0;
  padding: 0;
  list-style: none;
}
.text ul li{
  position: relative;
  padding-left: 30px;
}
.text ul li:not(:last-child){ padding-bottom: 1.4em; }
.text ul li:before{
  content: "\00b7";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

video, header, aside, nav, main, section, footer{ display: block; }

.z-index-up{
  position: relative;
  z-index: 100;
}

.content-wrapper,
section{
  position: relative;
  z-index: 1;
}

section{ width: 100%; }

.anchor-parent{
  position: relative;
  display: block;
}
.anchor{
  position: absolute;
  left: 0;
  top: 0;
  height: 0;
  width: 100%;
}

.full-width, .full-height{
  position: relative;
  display: block;
}
.full-width{ width: 100%; }
.full-height{ height: 100%; }

.bg-section-wrapper,
.bg-section,
.bg-link{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
}
.bg-link{
  border: none;
  display: block;
  cursor: pointer;
  z-index: 200;
}

.center-vertical, .center-horizontal{ position: absolute !important; }
.center-vertical{
  top: 50% !important;
  left: 0 !important;
  transform: translateY(-50%) translate3d(0,0,0);
  -webkit-transform: translateY(-50%) translate3d(0,0,0);
  -moz-transform: translateY(-50%) translate3d(0,0,0);
  -ms-transform: translateY(-50%) translate3d(0,0,0);
  -o-transform: translateX(0) translateY(-50%);
}
.center-horizontal{
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) translate3d(0,0,0);
  -webkit-transform: translateX(-50%) translate3d(0,0,0);
  -moz-transform: translateX(-50%) translate3d(0,0,0);
  -ms-transform: translateX(-50%) translate3d(0,0,0);
  -o-transform: translateX(-50%) translateY(0);
}
.center-vertical.center-horizontal{
  top: 50% !important;
  left: 50% !important;
  transform: translateX(-50%) translateY(-50%) translate3d(0,0,0);
  -webkit-transform: translateX(-50%) translateY(-50%) translate3d(0,0,0);
  -moz-transform: translateX(-50%) translateY(-50%) translate3d(0,0,0);
  -ms-transform: translateX(-50%) translateY(-50%) translate3d(0,0,0);
  -o-transform: translateX(-50%) translateY(-50%);
}

.btn-corpo{
  border: none;
  display: inline-block;
  position: relative;
  padding: 0 0 10px;
  cursor: pointer;
}

.btn-corpo + .btn-corpo{
  margin-right: 30px;
}
.text-right .btn-corpo + .btn-corpo{
  margin-left: 30px;
  margin-right: auto;
}
.btn-corpo:before,
.btn-corpo:after{
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
}
.btn-corpo:after{
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: right;
  transform-origin: right;
}
html.no-touchevents .btn-corpo:hover:after,
html.no-touchevents .project-excerpt:hover .btn-corpo:after,
html.no-touchevents .next-project:hover .btn-corpo:after{
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: left;
  transform-origin: left;
}
.btn-block{
  display: block;
  width: 100% !important;
  text-align: center !important;
}

.border-radius{
  border-radius: 2000px !important;
  -webkit-border-radius: 2000px !important;
  -moz-border-radius: 2000px !important;
}

input, textarea, select, button{
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
}

/*--------------------------------------------------------- COLORS & BACKGROUNDS ---------------------------------------------------------*/
.bg-white,
.btn-corpo:after,
#main-menu li a,
#mobile-menu .mobile-menu-list .link-wrapper:after{ background-color: #FFFFFF !important; }
.bg-dark,
.btn-corpo:before{ background-color: #404040 !important; }
.bg-black,
html, body,
html#page-order-1 body:not(.ajax-loading-step1) #main-menu li:nth-child(1) a,
html#page-order-2 body:not(.ajax-loading-step1) #main-menu li:nth-child(2) a,
html#page-order-3 body:not(.ajax-loading-step1) #main-menu li:nth-child(3) a, html#page-order-3-single body:not(.ajax-loading-step1) #main-menu li:nth-child(3) a,
html#page-order-4 body:not(.ajax-loading-step1) #main-menu li:nth-child(4) a,
.fancybox-bg,
.fancybox-button{ background-color: #000000 !important; }

.project-excerpt .bg-section-overlay,
section.projects-list .bg-section-overlay{
  background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 100%);
  background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%);
  background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=1 );
}

.row-form input, .row-form select, .row-form textarea{ background-color: transparent !important; }

.border-white,
.current-language:after{ border-color: #FFFFFF !important; }
.border-dark{ border-color: #404040 !important; }
.border-black{ border-color: #000000 !important; }

.color-white,
html, body
a,
.btn-corpo,
html#page-order-1 body:not(.ajax-loading-step1) #main-menu li:nth-child(1) a,
html#page-order-2 body:not(.ajax-loading-step1) #main-menu li:nth-child(2) a,
html#page-order-3 body:not(.ajax-loading-step1) #main-menu li:nth-child(3) a, html#page-order-3-single body:not(.ajax-loading-step1) #main-menu li:nth-child(3) a,
html#page-order-4 body:not(.ajax-loading-step1) #main-menu li:nth-child(4) a,
.projects-menu .current-cat a,
html.no-touchevents .projects-menu li a:hover{ color: #FFFFFF !important; }
.color-grey,
#main-menu li a{ color: #B2B2B2 !important; }
.color-dark,
.projects-menu li a{ color: #404040 !important; }
.color-black{ color: #000000 !important; }

.no-box-shadow{
  box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;
  -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;
  -moz-box-shadow: 0 0 0 0 rgba(0,0,0,0) !important;
}

body,
.bg-section-wrapper,
.bg-section{
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

/*--------------------------------------------------------- FONTS ---------------------------------------------------------*/
body,
p,
textarea,
input,
.regular,
.btn-corpo,
h5, .style-h5, h5 p, .style-h5 p,
h6, .style-h6, h6 p, .style-h6 p{
  font-family: Helvetica, Arial, sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.bold,
h1, .style-h1, h1 p, .style-h1 p,
h2, .style-h2, h2 p, .style-h2 p,
h3, .style-h3, h3 p, .style-h3 p,
h4, .style-h4, h4 p, .style-h4 p{
  font-family: "Euclid Semibold", Helvetica, Arial, sans-serif !important;
  font-style: normal;
  font-weight: 100;
}

h1, .style-h1{
  font-size: 50px;
  letter-spacing: 0.01em;
  line-height: 1.2em;
}
h2, .style-h2,
h3, .style-h3{
  font-size: 35px;
  letter-spacing: 0.01em;
  line-height: 1.2em;
}
h4, .style-h4{
  font-size: 24px;
  letter-spacing: 0.01em;
  line-height: 1.2em;
}
body,
h5, .style-h5,
h6, .style-h6,
.btn-corpo,
.row-form input, .row-form select, .row-form textarea,
.mention *{
  font-size: 18px;
  letter-spacing: 0.02em;
  line-height: 1.4em;
}
small, .small,
#main-menu{
  font-size: 14px;
  letter-spacing: 0.02em;
  line-height: 1.4em;
}
sup{ font-size: 50%; }

.italic{ font-style: italic !important; }

.btn-corpo{ line-height: 1em; }

.text-center{ text-align: center !important; }
.text-left{ text-align: left !important; }
.text-right,
.section-name{ text-align: right !important; }

.text-decoration-none, .text-decoration-none a,
a,
.btn-corpo{ text-decoration: none !important; }
.uppercase{ text-transform: uppercase !important; }

p,
#intro-title p,
#footer-contact p,
h1, .style-h1,
h2, .style-h2,
h3, .style-h3,
h4, .style-h4,
h5, .style-h5,
h6, .style-h6{
  margin-top: 0;
  margin-bottom: 0;
}
p:not(:first-child){ margin-top: 1em; }
#intro-title p:not(:last-child),
#footer-contact p:not(:last-child),
h1:not(:last-child), .style-h1:not(:last-child),
h2:not(:last-child), .style-h2:not(:last-child),
h3:not(:last-child), .style-h3:not(:last-child),
h4:not(:last-child), .style-h4:not(:last-child){ margin-bottom: 0.5em; }
p:not(:last-child),
h5:not(:last-child), .style-h5:not(:last-child),
h6:not(:last-child), .style-h6:not(:last-child){ margin-bottom: 1.4em; }

/*--------------------------------------------------------- COMMON ---------------------------------------------------------*/
.content-wrapper{
  width: 80%;
  max-width: 1600px;
  margin: 0 auto;
}

html#page-order-3-single main,
#scroll-to-top{
  left: 50%;
}
html#page-order-3-single main{
  position: absolute;
  top: 0;
  margin-left: -800px;
}
#scroll-to-top{ margin-left: -820px; }

#mobile-menu .header-logo{ margin-left: 50px; }
section.projects-list{ margin-top: 150px; }
section#intro + section{ margin-top: 75px; }
.project-excerpt:not(:last-child){ margin-bottom: 100px; }
section.projects-list{ margin-bottom: 75px; }

#mobile-menu ul.mobile-menu-list a{ padding-left: 50px; }
#mobile-menu ul.mobile-menu-list a{ padding-right: 50px; }
#header,
html#page-order-3-single section#intro,
html#page-order-3-single section#intro + section,
.project-excerpt{ padding-top: 100px; }
section:not(#intro),
#footer{ padding-top: 75px; }
#mobile-menu ul.mobile-menu-list,
#mobile-menu ul.mobile-menu-list a{ padding-top: 25px; }
body:not(.single-project) section#intro + section,
section.projects,
section.single-content,
section.team-members + section.team-members{ padding-top: 0 !important; }
html#page-order-3-single section#intro,
#footer{ padding-bottom: 100px; }
section{ padding-bottom: 75px; }
.text-repeater:not(:last-child),
.project-item:not(:last-child) .project-title{ padding-bottom: 50px; }
#mobile-menu ul.mobile-menu-list,
#mobile-menu ul.mobile-menu-list a{ padding-bottom: 25px; }

section.projects-list > .bg-section-wrapper{ top: -75px; }

.section-name-wrapper{
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}
#main-menu .link-wrapper,
#mobile-menu-label-wrapper{
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

input, textarea, select{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#mobile-menu-scroll{
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/*--------------------------------------------------------- HEADER ---------------------------------------------------------*/
#header{ z-index: 1000; }

.header-logo, .header-logo img{ display: block; }
.header-logo{
  position: relative;
  max-width: 240px;
}
.header-logo .logo-text{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
}

.language-menu{
  white-space: nowrap;
  cursor: pointer;
}
.current-language{
  display: inline-block;
  position: relative;
  padding-right: 20px;
}
.current-language:after{
  content: "";
  display: block;
  border: 1px solid;
  border-left: none;
  border-top: none;
  position: absolute;
  right: 0;
  top: 6px;
  width: 8px;
  height: 8px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.opened .current-language:after{
  top: 10px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.language-menu ul{
  display: none;
  width: 100%;
  position: absolute;
  left: 0;
  top: 100%;
}
.language-menu a{
  display: block;
  padding: 8px 0;
}

#mobile-menu .language-menu{
  position: absolute;
  right: 100px;
  bottom: 1050px;
  z-index: 100;
}

/*--------------------------------------------------------- MAIN MENU ---------------------------------------------------------*/
#main-menu,
#main-menu ul,
#mobile-menu-wrapper{
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
#main-menu,
#mobile-menu-wrapper{ position: fixed; }
#main-menu ul{ position: absolute; }
#main-menu li,
#mobile-menu-btn, #mobile-menu-close{
  display: block;
  position: absolute;
  left: 0;
  top: -1000px;
  bottom: -1000px;
  width: 70px;
  height: auto;
  -webkit-transform: translateX(100vw) translate3d(0,0,0);
  -moz-transform: translateX(100vw) translate3d(0,0,0);
  -ms-transform: translateX(100vw) translate3d(0,0,0);
  -o-transform: translateX(100vw) translateY(0);
  transform: translateX(100vw) translate3d(0,0,0);
}
#main-menu li:nth-child(1){ margin-left: -283px; }
#main-menu li:nth-child(2){ margin-left: -212px; }
#main-menu li:nth-child(3){ margin-left: -141px; }
#main-menu li:nth-child(4){ margin-left: -70px; }
html:not(#page-order-1) #main-menu li:nth-child(1),
html#page-order-3 #main-menu li:nth-child(2), html#page-order-3-single #main-menu li:nth-child(2),
html#page-order-4 #main-menu li:nth-child(2),
html#page-order-4 #main-menu li:nth-child(3){
  -webkit-transform: translateX(283px) translate3d(0,0,0);
  -moz-transform: translateX(283px) translate3d(0,0,0);
  -ms-transform: translateX(283px) translate3d(0,0,0);
  -o-transform: translateX(283px) translateY(0);
  transform: translateX(283px) translate3d(0,0,0);
}
#main-menu li a{
  display: block;
  width: 100%;
  height: 100%;
  white-space: nowrap;
}
#main-menu .link-wrapper,
#mobile-menu-label-wrapper{
  display: block;
  position: absolute;
  left: 50%;
  top: 1090px;
  -webkit-transform: rotate(-90deg) translateX(-100%) translate3d(0,0,0);
  -moz-transform: rotate(-90deg) translateX(-100%) translate3d(0,0,0);
  -ms-transform: rotate(-90deg) translateX(-100%) translate3d(0,0,0);
  -o-transform: rotate(-90deg) translateX(-100%) translateY(0) translate3d(0,0,0);
  transform: rotate(-90deg) translateX(-100%) translate3d(0,0,0);
}

html#page-order-1 header,
html#page-order-1 main,
html#page-order-1 #scroll-to-top{ transform: translateX(-111px); }
html#page-order-2 header,
html#page-order-2 main,
html#page-order-2 #scroll-to-top{ transform: translateX(-35px); }
html#page-order-3 header,
html#page-order-3 main,
html#page-order-3-single header,
html#page-order-3-single main,
html#page-order-3 #scroll-to-top,
html#page-order-3-single #scroll-to-top{ transform: translateX(35px); }
html#page-order-4 header,
html#page-order-4 main,
html#page-order-4 #scroll-to-top{ transform: translateX(104px); }

/* -------------------------------------- MOBILE MENU -------------------------------------- */
#mobile-menu-btn, #mobile-menu-close{
  cursor: pointer;
  width: 100px;
  margin-left: -50px;
}
#mobile-menu-btn{ z-index: 10; }
#mobile-menu-close{
  display: none;
  z-index: 100;
}
#mobile-menu-label-wrapper{
  left: 25px;
  height: 25px;
  overflow: hidden;
}
#mobile-menu{
  position: absolute;
  left: 0;
  top: -1000px;
  bottom: -1000px;
  padding-top: 1000px;
  padding-bottom: 1000px;
  width: 100%;
  height: auto;
  -webkit-transform: translateX(100%) translate3d(0,0,0);
  -moz-transform: translateX(100%) translate3d(0,0,0);
  -ms-transform: translateX(100%) translate3d(0,0,0);
  -o-transform: translateX(100%) translateY(0);
  transform: translateX(100%) translate3d(0,0,0);
  z-index: 200;
}
body.mobile-menu-opened-step3 #mobile-menu-close,
#mobile-menu a{ display: block; }

#mobile-menu .mobile-menu-list .link-wrapper{
  display: inline-block;
  position: relative;
}
#mobile-menu .mobile-menu-list .link-wrapper:after{
  content: "";
  display: none;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: -4px;
}
html#page-order-1 #mobile-menu .mobile-menu-list li:nth-child(1) .link-wrapper:after,
html#page-order-2 #mobile-menu .mobile-menu-list li:nth-child(2) .link-wrapper:after,
html#page-order-3 #mobile-menu .mobile-menu-list li:nth-child(3) .link-wrapper:after,
html#page-order-4 #mobile-menu .mobile-menu-list li:nth-child(4) .link-wrapper:after{ display: block; }

body.mobile-menu-opened-step2 #mobile-menu-label-open{ margin-top: -25px; }
body.mobile-menu-opened-step1 #mobile-menu-wrapper{ z-index: 10000; }
body.mobile-menu-opened-step2 #mobile-menu-btn, body.mobile-menu-opened-step2 #mobile-menu-close,
body.mobile-menu-opened-step2 #mobile-menu{
  -webkit-transform: translateX(50px) translate3d(0,0,0);
  -moz-transform: translateX(50px) translate3d(0,0,0);
  -ms-transform: translateX(50px) translate3d(0,0,0);
  -o-transform: translateX(50px) translateY(0);
  transform: translateX(50px) translate3d(0,0,0);
}
body.mobile-menu-opened-step4{ overflow: hidden; }

/* -------------------------------------- SECTION NAME -------------------------------------- */
.section-name-wrapper{
  display: block;
  position: absolute;
  left: 7.5px;
  top: 7px;
  width: 190px;
  -webkit-transform: rotate(-90deg) translateX(-100%) translate3d(0,0,0);
  -moz-transform: rotate(-90deg) translateX(-100%) translate3d(0,0,0);
  -ms-transform: rotate(-90deg) translateX(-100%) translate3d(0,0,0);
  -o-transform: rotate(-90deg) translateX(-100%) translateY(0);
  transform: rotate(-90deg) translateX(-100%) translate3d(0,0,0);
  overflow: hidden;
}
.section-name{
  -webkit-transform: translateY(-100%) translate3d(0,0,0);
  -moz-transform: translateY(-100%) translate3d(0,0,0);
  -ms-transform: translateY(-100%) translate3d(0,0,0);
  -o-transform: translateX(0) translateY(-100%);
  transform: translateY(-100%) translate3d(0,0,0);
}

.scroll-anim-active .section-name{
  -webkit-transform: translateY(0) translate3d(0,0,0);
  -moz-transform: translateY(0) translate3d(0,0,0);
  -ms-transform: translateY(0) translate3d(0,0,0);
  -o-transform: translateX(0) translateY(0);
  transform: translateY(0) translate3d(0,0,0);
}

/* -------------------------------------- CATEGORIES -------------------------------------- */
.cat-name{ display: inline; }
.cat-name:not(:last-child):after{
  content: ", ";
  display: inline;
}

/* -------------------------------------- PROJECTS MENU -------------------------------------- */
.projects-menu{
  position: absolute;
  left: -15px;
  top: -35px;
  width: 16.6666666%;
  z-index: 200;
}
body > .projects-menu{
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  -webkit-transform: translateY(-100%) translate3d(0,0,0) !important;
  -moz-transform: translateY(-100%) translate3d(0,0,0) !important;
  -ms-transform: translateY(-100%) translate3d(0,0,0) !important;
  -o-transform: translateX(0) translateY(0) !important;
  transform: translateY(-100%) translate3d(0,0,0) !important;
}
html#page-order-3 body > .projects-menu{ display: block; }
.projects-menu ul{ padding: 25px 15px; }
.projects-menu li a{
  display: block;
  padding: 8px 0;
}

body.project-menu-fixed > .projects-menu{
  -webkit-transform: translateY(0) translate3d(0,0,0) !important;
  -moz-transform: translateY(0) translate3d(0,0,0) !important;
  -ms-transform: translateY(0) translate3d(0,0,0) !important;
  -o-transform: translateX(0) translateY(0) !important;
  transform: translateY(0) translate3d(0,0,0) !important;
}

/* -------------------------------------- ACTUALITES -------------------------------------- */
.embed-container{
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.embed-container iframe{
  position: absolute;
  left: 0;
  top: 0;
  width: 100% !important;
  height: 100% !important;
}

/* -------------------------------------- PROJECT LIST -------------------------------------- */
.projects-loader{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 87.5px;
  height: 6px;
  margin-left: -25px;
  margin-top: -3px;
  z-index: 0;
}
.projects .projects-loader{ top: 100px; }

.project-item{
  display: block;
  position: relative;
}

section.projects-list > .bg-section-wrapper{
  height: auto;
  bottom: 0;
}

section.projects-list .project-title{
  position: relative;
  cursor: pointer;
}

/* -------------------------------------- PROJECT EXCERPT -------------------------------------- */
.project-excerpt{
  position: relative;
  z-index: 1;
}

/* -------------------------------------- TEAM MEMBERS -------------------------------------- */
.team-wrapper{
  margin-top: -30px;
  margin-bottom: -30px;
}
.team-item-wrapper{
  padding-top: 30px;
  padding-bottom: 30px;
}
.team-item{
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
.team-item.no-portrait{
  height: auto;
  padding-bottom: 0;
}
.team-item:not(.no-portrait) .team-item-infos{
  position: absolute;
  left: 50px;
  right: 50px;
  bottom: 50px;
  width: auto;
}

/* .team-name:not(.team-name-big){ padding-top: 1.2em; } */

/* -------------------------------------- GALLERY IMAGE -------------------------------------- */
.widget-gallery{
  margin-top: -15px;
  margin-bottom: -15px;
}
.gallery-image{
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  overflow: hidden;
  margin-top: 15px;
  margin-bottom: 15px;
}

html.no-touchevents .gallery-image:not(:hover) .bg-section-wrapper,
html.touchevents .gallery-image .bg-section-wrapper{
  -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(100%);
  filter: gray;
}

/* -------------------------------------- PREV/NEXT PROJECT -------------------------------------- */
.next-project{ position: relative; }

/* -------------------------------------- SCROLL TO TOP -------------------------------------- */
#scroll-to-top{
  display: block;
  background: url('../images/arrow-top.png') no-repeat center center;
  background-size: 40% auto;
  position: fixed;
  bottom: -100px;
  width: 70px;
  height: 70px;
  cursor: pointer;
  z-index: 2000;
}

body.page-scrolled:not(.ajax-loading-step1) #scroll-to-top{ bottom: 100px; }

/*--------------------------------------------------------- SCROLL ANIM ---------------------------------------------------------*/
.scroll-anim{
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}
.scroll-anim-bottom{
  -webkit-transform: translateY(100px) translate3d(0,0,0);
  -moz-transform: translateY(100px) translate3d(0,0,0);
  -ms-transform: translateY(100px) translate3d(0,0,0);
  -o-transform: translateX(0) translateY(100px);
  transform: translateY(100px) translate3d(0,0,0);
}

.scroll-anim-bottom.scroll-anim-active{
  -webkit-transform: translateY(0) translate3d(0,0,0);
  -moz-transform: translateY(0) translate3d(0,0,0);
  -ms-transform: translateY(0) translate3d(0,0,0);
  -o-transform: translateX(0) translateY(0);
  transform: translateY(0) translate3d(0,0,0);
}

/*--------------------------------------------------------- OPACITY ---------------------------------------------------------*/
/*.opacity-0,
html.no-touchevents .project-excerpt:hover .project-info,
html.no-touchevents .project-excerpt:hover .cat-wrapper,
.scroll-anim-opacity{
  opacity: 0.0;
  filter:alpha(opacity=0);
  -ms-filter:"prodig:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -moz-opacity: 0.0;
  -khtml-opacity: 0.0;
}
.opacity-30,
#intro .bg-section-wrapper,
.project-excerpt .bg-section-wrapper,
section.projects-list .bg-section-wrapper{
  opacity: 0.5;
  filter:alpha(opacity=50);
  -ms-filter:"prodig:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
}
html.no-touchevents .project-excerpt:hover .bg-section-wrapper,
html.no-touchevents .project-item:hover .bg-section-wrapper,
html.touchevents section.projects-list .bg-section-wrapper{
  opacity: 0.8;
  filter:alpha(opacity=80);
  -ms-filter:"prodig:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
}*/

.opacity-100,
body.mobile-menu-opened-step2 #mobile-menu .opacity-0,
.fancybox-is-open .fancybox-bg,
body:not(.ajax-loading-step1) .scroll-anim-opacity.scroll-anim-active,
body.ajax-loading-step1 > .projects-loader.opacity-0,
body.projects-loading .projects .projects-loader.opacity-0,
body.page-scrolled:not(.ajax-loading-step1) #scroll-to-top.opacity-0{
  opacity: 1.0 !important;
  filter:alpha(opacity=100) !important;
  -ms-filter:"prodig:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
  -moz-opacity: 1.0 !important;
  -khtml-opacity: 1.0 !important;
}










.opacity-0,
html.no-touchevents .project-excerpt:hover .project-info,
html.no-touchevents .project-excerpt:hover .cat-wrapper,
.scroll-anim-opacity{
  opacity: 0;
  filter:alpha(opacity=80);
  -ms-filter:"prodig:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -moz-opacity: 0;
  -khtml-opacity: 0;
}
.opacity-30,
#intro .bg-section-wrapper,
.project-excerpt .bg-section-wrapper,
section.projects-list .bg-section-wrapper{
  opacity: 1;
  filter:alpha(opacity=100);
  -ms-filter:"prodig:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -moz-opacity: 1;
  -khtml-opacity: 1;
}
html.no-touchevents .project-excerpt:hover .bg-section-wrapper,
html.no-touchevents .project-item:hover .bg-section-wrapper,
html.touchevents section.projects-list .bg-section-wrapper{
  opacity: 0.5;
  filter:alpha(opacity=50);
  -ms-filter:"prodig:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
}


/*.project-excerpt .bg-section-overlay,
section.projects-list .bg-section-overlay{
  background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.5) 100%);
  background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%);
  background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=1 );
}*/