.main-wrapper section.mosaique-wrapper div.mosaique .image-grid .dreams {
  display: table;
  padding: 20px; }
  .main-wrapper section.mosaique-wrapper div.mosaique .image-grid .dreams a {
    color: #fff;
    font-family: 'Philosopher', sans-serif;
    font-size: 30px; }
    .main-wrapper section.mosaique-wrapper div.mosaique .image-grid .dreams a .title-blur {
      text-shadow: -7px 2px 4px white;
      -webkit-filter: blur(2px);
      /* Chrome, Safari, Opera */
      filter: blur(2px);
      opacity: 0.5;
      margin-bottom: 30px;
      white-space: nowrap;
      line-height: 30px;
      transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease; }
    .main-wrapper section.mosaique-wrapper div.mosaique .image-grid .dreams a .title-opacity {
      opacity: 0.2;
      margin-bottom: 30px;
      white-space: nowrap;
      transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease; }
    .main-wrapper section.mosaique-wrapper div.mosaique .image-grid .dreams a .legend-container {
      opacity: 0;
      transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease; }
      .main-wrapper section.mosaique-wrapper div.mosaique .image-grid .dreams a .legend-container .text {
        font-size: 16px;
        margin-bottom: 10px; }
        .main-wrapper section.mosaique-wrapper div.mosaique .image-grid .dreams a .legend-container .text p {
          margin: 0; }
      .main-wrapper section.mosaique-wrapper div.mosaique .image-grid .dreams a .legend-container .more {
        text-transform: uppercase;
        letter-spacing: 3px;
        font-size: 12px;
        font-family: 'proxima_nova_ltlight'; }
        .main-wrapper section.mosaique-wrapper div.mosaique .image-grid .dreams a .legend-container .more .line {
          width: 0;
          height: 3px;
          background-color: #fff;
          transition: all 0.3s ease;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          opacity: 1;
          float: left;
          margin-top: 8px;
          margin-right: 5px; }
        .main-wrapper section.mosaique-wrapper div.mosaique .image-grid .dreams a .legend-container .more .mtext {
          float: left; }
  .main-wrapper section.mosaique-wrapper div.mosaique .image-grid .dreams:hover a .legend-container .more .line {
    width: 70px; }
  .main-wrapper section.mosaique-wrapper div.mosaique .image-grid .dreams .line-top {
    width: 93px;
    height: 3px;
    background-color: #fff;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    opacity: 0;
    margin-bottom: 10px; }
  .main-wrapper section.mosaique-wrapper div.mosaique .image-grid .dreams.showme a .title-blur {
    opacity: 1;
    -webkit-filter: blur(0px);
    filter: blur(0px);
    text-shadow: none;
    box-shadow: 0 0 0 transparent;
    /*
				animation-name: hoverTitle;
				animation-duration: 1s;
				animation-iteration-count: 1;
				*/ }
  .main-wrapper section.mosaique-wrapper div.mosaique .image-grid .dreams.showme a .title-opacity {
    opacity: 1; }
  .main-wrapper section.mosaique-wrapper div.mosaique .image-grid .dreams.showme a .legend-container {
    opacity: 1; }
  .main-wrapper section.mosaique-wrapper div.mosaique .image-grid .dreams.showme .line-top {
    opacity: 1; }

.main-wrapper .dreams-wrapper {
  position: relative;
  display: table;
  width: 100%;
  height: 100%;
  background-color: #f8f5e7;
  padding-top: 150px;
  transition: all 2s ease;
  -webkit-transition: all 2s ease;
  -moz-transition: all 2s ease;
  -ms-transition: all 2s ease;
  -o-transition: all 2s ease; }
  .main-wrapper .dreams-wrapper.bg2 {
    background-color: #fff; }
  .main-wrapper .dreams-wrapper .dream-container {
    margin-bottom: 300px;
    display: table;
    position: relative;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    /*
	    &:hover
	    {
		background-color: #fff;
	    }
	    */ }
    .main-wrapper .dreams-wrapper .dream-container .dot {
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      transition: opacity 0.3s ease;
      -webkit-transition: opacity 0.3s ease;
      -moz-transition: opacity 0.3s ease;
      -ms-transition: opacity 0.3s ease;
      -o-transition: opacity 0.3s ease;
      /*
		img
		{
		    display: block;
		    width: 100%;
		}
		*/ }
    .main-wrapper .dreams-wrapper .dream-container:hover .dot {
      opacity: 0.6; }
    .main-wrapper .dreams-wrapper .dream-container .container {
      width: 504px;
      min-height: 564px;
      position: relative;
      z-index: 2; }
      .main-wrapper .dreams-wrapper .dream-container .container .text {
        width: 560px;
        font-size: 16px;
        font-family: 'proxima_nova_ltlight';
        line-height: 30px;
        margin-top: -60px;
        margin-left: 70px; }
        .main-wrapper .dreams-wrapper .dream-container .container .text p {
          margin-bottom: 10px; }
    .main-wrapper .dreams-wrapper .dream-container .box {
      background-size: cover !important;
      width: 504px;
      min-height: 664px;
      position: absolute;
      top: 0;
      z-index: 1;
      opacity: 0;
      transition: all 1.3s ease;
      -webkit-transition: all 1.3s ease;
      -moz-transition: all 1.3s ease;
      -ms-transition: all 1.3s ease;
      -o-transition: all 1.3s ease; }
      .main-wrapper .dreams-wrapper .dream-container .box.box-0 {
        background: transparent url("../images/dreams/box-gold.jpg") 0 0 no-repeat; }
      .main-wrapper .dreams-wrapper .dream-container .box.box-1 {
        background: transparent url("../images/dreams/box-blue.jpg") 0 0 no-repeat; }
      .main-wrapper .dreams-wrapper .dream-container .box.box-2 {
        background: transparent url("../images/dreams/box-Vincent-chove01.jpg") 0 0 no-repeat; }
      .main-wrapper .dreams-wrapper .dream-container .box.box-3 {
        background: transparent url("../images/dreams/box-Vincent-chove02.jpg") 0 0 no-repeat; }
      .main-wrapper .dreams-wrapper .dream-container .box.box-4 {
        background: transparent url("../images/dreams/box-Vincent-chove03.jpg") 0 0 no-repeat; }
      .main-wrapper .dreams-wrapper .dream-container .box.box-5 {
        background: transparent url("../images/dreams/box-Vincent-chove04.jpg") 0 0 no-repeat; }
      .main-wrapper .dreams-wrapper .dream-container .box.box-6 {
        background: transparent url("../images/dreams/box-Vincent-chove05.jpg") 0 0 no-repeat; }
      .main-wrapper .dreams-wrapper .dream-container .box.box-7 {
        background: transparent url("../images/dreams/box-Vincent-chove06.jpg") 0 0 no-repeat; }
      .main-wrapper .dreams-wrapper .dream-container .box.box-8 {
        background: transparent url("../images/dreams/box-Vincent-chove07.jpg") 0 0 no-repeat; }
      .main-wrapper .dreams-wrapper .dream-container .box.box-9 {
        background: transparent url("../images/dreams/box-Vincent-chove08.jpg") 0 0 no-repeat; }
      .main-wrapper .dreams-wrapper .dream-container .box.box-10 {
        background: transparent url("../images/dreams/box-Vincent-chove09.jpg") 0 0 no-repeat; }
      .main-wrapper .dreams-wrapper .dream-container .box.box-11 {
        background: transparent url("../images/dreams/box-Vincent-chove10.jpg") 0 0 no-repeat; }
    .main-wrapper .dreams-wrapper .dream-container .info {
      width: 460px;
      margin-left: 200px;
      margin-top: 100px;
      position: relative; }
      .main-wrapper .dreams-wrapper .dream-container .info .line {
        height: 4px;
        width: 93px;
        background-color: #000;
        margin-bottom: 10px; }
      .main-wrapper .dreams-wrapper .dream-container .info .title {
        font-size: 36px;
        line-height: 36px;
        font-family: 'Philosopher', sans-serif;
        letter-spacing: 1px;
        margin-left: 50px;
        margin-bottom: 10px; }
      .main-wrapper .dreams-wrapper .dream-container .info .line-dotted {
        width: 90%;
        margin-left: 10px;
        height: 1px;
        border-bottom: 1px dotted #000;
        margin-bottom: 10px; }
      .main-wrapper .dreams-wrapper .dream-container .info .subtitle {
        font-family: 'Philosopher', sans-serif;
        font-size: 21px;
        line-height: 22px;
        letter-spacing: 1px;
        margin-left: 50px;
        margin-bottom: 10px; }
      .main-wrapper .dreams-wrapper .dream-container .info .date {
        font-family: 'proxima_nova_rgregular';
        letter-spacing: 1px;
        font-size: 14px;
        margin-left: 50px; }
      .main-wrapper .dreams-wrapper .dream-container .info .dreams {
        font-family: 'proxima_nova_rgbold';
        letter-spacing: 1px;
        font-size: 14px;
        margin-left: 50px; }
    .main-wrapper .dreams-wrapper .dream-container.even {
      float: left; }
      .main-wrapper .dreams-wrapper .dream-container.even .container {
        float: left;
        margin-left: 160px; }
      .main-wrapper .dreams-wrapper .dream-container.even .box {
        left: 240px; }
      .main-wrapper .dreams-wrapper .dream-container.even .info {
        float: right; }
    .main-wrapper .dreams-wrapper .dream-container.odd {
      float: right; }
      .main-wrapper .dreams-wrapper .dream-container.odd .container {
        float: right;
        margin-right: 324px; }
      .main-wrapper .dreams-wrapper .dream-container.odd .box {
        right: 324px; }
      .main-wrapper .dreams-wrapper .dream-container.odd .info {
        float: left; }
    .main-wrapper .dreams-wrapper .dream-container.over {
      /*
		.dot
		{
		    opacity: 0!important;
		}
		
	    
		.box
		{
		    opacity: 1;
		}
		*/ }
  .main-wrapper .dreams-wrapper .dream-attached-project {
    width: 100%;
    text-align: center;
    position: relative;
    margin-bottom: 200px; }
    .main-wrapper .dreams-wrapper .dream-attached-project .line {
      margin: 0 auto;
      height: 4px;
      width: 93px;
      background-color: #000;
      margin-bottom: 30px; }
    .main-wrapper .dreams-wrapper .dream-attached-project .title {
      font-size: 36px;
      font-family: 'Philosopher', sans-serif;
      letter-spacing: 1px;
      margin-top: 10px; }
      .main-wrapper .dreams-wrapper .dream-attached-project .title a {
        text-decoration: none;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease; }
        .main-wrapper .dreams-wrapper .dream-attached-project .title a:hover {
          color: #888; }
    .main-wrapper .dreams-wrapper .dream-attached-project .text {
      font-family: 'Philosopher', sans-serif;
      font-size: 16px; }
    .main-wrapper .dreams-wrapper .dream-attached-project .more-bottom {
      margin: 0 auto;
      display: table;
      text-align: center;
      border-bottom: 1px dotted #000;
      padding: 10px 100px;
      font-size: 12px;
      letter-spacing: 2px;
      text-transform: uppercase; }
    .main-wrapper .dreams-wrapper .dream-attached-project .more {
      margin: 0 auto;
      display: table;
      text-align: center;
      line-height: 12px;
      letter-spacing: 2px; }
      .main-wrapper .dreams-wrapper .dream-attached-project .more a {
        color: #000;
        display: inline-block;
        font-size: 12px;
        line-height: 12px;
        padding: 5px 10px;
        border: 1px solid #000;
        text-transform: uppercase;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease; }
        .main-wrapper .dreams-wrapper .dream-attached-project .more a:hover {
          background: #000;
          color: #fff; }

/*

@keyframes hoverTitle
{
    0%   {
	
	-webkit-filter: blur(5px);
	filter: blur(5px);

	
    }

    55%  {
	
	-webkit-filter: blur(10px);
	filter: blur(10px);
	opacity: 0.6;
	
    }
    
    100% {
    

	opacity: 1;
	-webkit-filter: blur(0px);
	filter: blur(0px);
	text-shadow: none;
	box-shadow: 0 0 0 transparent;
    }
}
*/
@media screen and (max-width: 1600px) {
  .main-wrapper .dreams-wrapper .dream-container.odd,
  .main-wrapper .dreams-wrapper .dream-container.even {
    float: none;
    margin: 0 auto;
    margin-bottom: 100px; }
  .main-wrapper .dreams-wrapper .dream-container.even .info,
  .main-wrapper .dreams-wrapper .dream-container.odd .info {
    float: none;
    clear: both;
    display: table;
    margin: 0 auto;
    margin-bottom: 100px; }
  .main-wrapper .dreams-wrapper .dream-container.even .container,
  .main-wrapper .dreams-wrapper .dream-container.odd .container {
    float: none;
    display: table;
    margin: 0 auto; } }

@media screen and (max-width: 800px) {
  .main-wrapper .dreams-wrapper .dream-container .container {
    width: 80%; }
  .main-wrapper .dreams-wrapper .dream-container .container .text {
    width: 100%;
    margin-left: 0; } }

@media screen and (max-width: 600px) {
  .main-wrapper .dreams-wrapper .dream-container .info {
    width: 80%; } }

/*# sourceMappingURL=dreams.css.map */