/*-------------------------------------------------------------------
                            SOCIAL LINK
--------------------------------------------------------------------*/

#social-link-div {
  position: absolute;
  width: 10%;
  right: 1%;
  text-align: right;
  z-index: 180;
  /*background-color:blue;*/
}

.social-link {
  opacity: 0.5;
  margin-right: 5%;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

.social-link:hover {
  opacity: 1.0;
  filter: alpha(opacity=100);
}

.social-link:visited {
  text-decoration: none;
}

.social-img {

}

.container-gallery {
  height: auto;
  width: auto;
  padding-top: 10%;
  padding-bottom: 10%;
  margin-right: auto;
  margin-left: auto;
  background-color: black;
  margin: 0 auto;
}

.sg_nav-link {
  font-size: 16px;
    -webkit-transition: color 0.5s ease-in-out;
  -moz-transition: color 0.5s ease-in-out;
  -ms-transition: color 0.5s ease-in-out;
  -o-transition: color 0.5s ease-in-out;
  transition: color 0.5s ease-in-out;
}

#sg_nav-link {
  font-size: 16px;
    -webkit-transition: color 0.5s ease-in-out;
  -moz-transition: color 0.5s ease-in-out;
  -ms-transition: color 0.5s ease-in-out;
  -o-transition: color 0.5s ease-in-out;
  transition: color 0.5s ease-in-out;
}

.sg_nav-link-drop {
  font-size: 16px;
}

/*-------------------------------------------------------------------
                            SLIDESHOW
--------------------------------------------------------------------*/

.slideshow_container {          /* Div Slideshow*/
  position: relative;
  top: 0px;
  width: 100%;
  /*height: 90%;*/
  margin: 0px;/*80px;*/
  padding-top: 0%;
  /*padding-bottom: 10%;*/
  text-align: center;
  z-index: 20;
  background-color: black;
  /*display: none;*/
  /*border: 1px solid white;*/
  align-content: center;
}

.i6_slideshow {
  margin: 0 auto;
  padding: 0 auto;
  width: 100%;
  background-color: black;
}

.i6-slideshow-caption {
  position:absolute;
  background-color: rgba(0,0,0,0.2);
  /*padding-left: 2%;*/
  padding-bottom: 1%;
  padding-top: 1%;
  width: 100%;
  /*height: 10%;*/
  text-align: center;
  color: white;
  bottom: 0;
  text-shadow: 1px 1px #000000;
}

.i6-slideshow-caption-title {
  position: relative;
  font-weight: bold;
  font-size: 20px;
}

.i6-slideshow-caption-txt {
  position: relative;
  font-size: 16px;
}

#i6-slideshow-caption-black {
  color: black;
}

.img_fadeinout {
  position: relative;
  width: 100%;
  display:none;
}

/*-------------------------------------------------------------------
                            DEMOREEL
--------------------------------------------------------------------*/

.demoreel_container {           /* Div video Demoreel*/
  position: absolute;
  top: 0px;
  width: 100%;
  /*height: 100%;*/
  margin-top: 80px;
  padding-top: 2%;
  padding-bottom: 2%;
  text-align: center;
  z-index: 20;
  background-color: black;
  display: none;
  /*border: 1px solid white;*/
}

/*-------------------------------------------------------------------
                            GALLERY
--------------------------------------------------------------------*/

.gallery_container {          /* Div video Demoreel*/
  position: absolute;
  top: 0px;
  width: 100%;
  height: 90%;
  margin-top: 80px;
  /*padding-top: 1%;*/
  /*padding-bottom: 10%;*/
  text-align: center;
  z-index: 20;
  background-color: black;
  display: none;
  /*border: 1px solid white;*/
  align-content: center;
}

.gallery_container_jssor {          /* Div video Demoreel*/
  position: absolute;
  top: 0px;
  width: 100%;
  height: 80%;
  margin-top: 80px;
  padding-top: 1%;
  /*padding-bottom: 10%;*/
  text-align: center;
  z-index: 20;
  background-color: black;
  display: none;
  /*border: 1px solid white;*/
  align-content: center;
}

.i6_gallery_text {
  color: #a6a6a6;
  margin-bottom: 1%;
  margin-top: 1%;
  font-size: 15px;
}

.i6_jssor_container {
  background-color: green;
  width: 80%;
}

.i6_gallery_thumbs:hover {
  /*border: 2px solid white;*/
  /*box-shadow:  0px 0px 0px 2px white; /* 10px box-shadow */
  -moz-transition: box-shadow 1000 easing-function;
}
/*
.i6_gallery_thumbs {
    box-shadow:  0px 0px 0px 0px white;
    -webkit-transition: box-shadow .6s ease-in;
    -moz-transition: box-shadow .6s ease-in;
    -o-transition: box-shadow .6s ease-in;
    transition: box-shadow .6s ease-in;
}
.i6_gallery_thumbs:hover{
    box-shadow:  0px 0px 0px 2px white;
}*/

.i6_inside_gallery {
  margin: 0 auto;
  width: 100%;
  background-color: black;
  /*border: 1px solid white; */
}

.links_container {
  /*margin: 0 auto;*/
}

.i6_gallery_link {
  margin: 0px;
  padding: 0px;
  border: none;
}

.i6_gallery_thumbs {
    opacity:  0.7;
    -webkit-transition: opacity .2s ease-in;
    -moz-transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
    display: inline-block;
    float: left;
    /*
    box-shadow:  0px 0px 0px 2px rgba(0,0,0,0.5);
    -webkit-transition: box-shadow .4s ease-in;
    -moz-transition: box-shadow .4s ease-in;
    -o-transition: box-shadow .4s ease-in;
    transition: box-shadow .4s ease-in;
    */
}
.i6_gallery_thumbs:hover{
    opacity: 1.0;
    /*
    box-shadow:  0px 0px 0px 2px rgba(255,255,255,0.5);
    */
}

.i6-gallery-caption {
  position:absolute;
  background-color: rgba(0,0,0,0.05);
  padding-left: 2%;
  padding-bottom: 10px;
  width: 100%;
  text-align: left;
  color: white;
  bottom: 0;
  text-shadow: 1px 1px #000000;
}

.i6-gallery-caption-title {
  position: relative;
  font-weight:bold;
  font-size: 18px;
}

.i6-gallery-caption-txt {
  position: relative;
}

/*
#gallery-illustrations-div {
  background-color: blue;
}*/

#gallery-3dvfx-div {
  background-color: black;
}
/*
#gallery-3dvfx-div {
  background-color: yellow;
}

#gallery-3dvfx-div {
  background-color: red;
}
*/
.demoreel-video {              /* Lecteur video Demoreel*/
  width: 70%;
  border: 1px solid #535353;
  /*z-index: 21;*/
}

.demoreel-video-onlay {
  background: black;
  z-index: 22;
}

.demoreel_video_modal {
  width: 100%;
  border: 1px solid #535353;
}

.navbar-brand {
  float: left;
  height: 90px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}

.carousel-custom {
  position: absolute;
  width: 100%;
  margin: 0px;
  top: 90px;
}

/*-------------------------------------------------------------------
                            CONTACT
--------------------------------------------------------------------*/

.i6_contact_text {
  color: #a6a6a6;
  margin-bottom: 1%;
  margin-top: 1%;
  font-size: 16px;
  text-align: left;
}

.contact-text {
  font-size: 16px;
}

.contact-email {
  font-size: 18px;
  /*font-weight: bold;*/
  /*font-style: italic;*/
  -webkit-transition: color 0.5s ease-in-out;
  -moz-transition: color 0.5s ease-in-out;
  -ms-transition: color 0.5s ease-in-out;
  -o-transition: color 0.5s ease-in-out;
  transition: color 0.5s ease-in-out;
}

.contact-social-link {
  opacity: 0.5;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

.contact-social-link:hover {
  opacity: 1.0;
}

/*-------------------------------------------------------------------
                            OTHERS
--------------------------------------------------------------------*/

/* PGW SlideShow */

.i6_inside_gallery ul {
  list-style: inside none disc;
  margin: 0;
  padding: 0;
  width: 100%;
}

.i6_inside_gallery li {
  display: inline;
}