/*  AUTHOR : NOUSSAIR LAZRAK 
	FRAMWORK : WAVE JS

*/
 
 .overlay {
         background: linear-gradient(45deg,rgb(16, 158, 31) 0,rgba(2, 0, 104, 0.52) 100%)!important;
         height: 100%;
         }
        
        
         .noussair_background{
         position: relative!important;
         background: url(img/works/noussair_background.jpg)!important;
         min-height: 100vh!important;
         height: auto!important;
         background-attachment: fixed!important;
         background-size: contain!important;
         background-position: 81% center!important;
         }
         @media (max-width:800px) {
         .noussair_background {
         background-size: cover!important;
         background-position: 30% center !important;
         }
         }
         @media only screen and (max-width: 768px){
         .column {
         float: left !important;
         margin-right: 0px!important;
         width: 100%!important;
         margin-top: 50px;
         display: block;
         }
         }
         @keyframes spin {
         from {
         transform: rotate( 0deg );
         }
         to {
         transform: rotate( 360deg );
         }
         }
         /* Global */
         .space {
         position: absolute;
         width: 400vw;
         height: 400vh;
         top: 50%;
         left: 50%;
         margin-top: -200vh;
         margin-left: -200vw;
         animation: spin 240s linear infinite;
         background-size: 240px;
         backface-visibility: visible;
         /* Had to base64 SVG background for FF compatibility */
         background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8yIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI0MCAyNDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDI0MCAyNDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxyZWN0IHg9IjEwNiIgeT0iOTAiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiLz48cmVjdCB4PSI3NCIgeT0iNjMiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIyMyIgeT0iNjYiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSI1MCIgeT0iMTEwIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iNjMiIHk9IjEyOCIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjQ1IiB5PSIxNDkiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSI5MiIgeT0iMTUxIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iNTgiIHk9IjgiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxNDciIHk9IjMzIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMiIgaGVpZ2h0PSIyIi8+PHJlY3QgeD0iOTEiIHk9IjQzIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTY5IiB5PSIyOSIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjE4MiIgeT0iMTkiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxNjEiIHk9IjU5IiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTM4IiB5PSI5NSIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjE5OSIgeT0iNzEiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIzIiBoZWlnaHQ9IjMiLz48cmVjdCB4PSIyMTMiIHk9IjE1MyIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjIiIGhlaWdodD0iMiIvPjxyZWN0IHg9IjEyOCIgeT0iMTYzIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMjA1IiB5PSIxNzQiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxNTIiIHk9IjIwMCIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjUyIiB5PSIyMTEiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIyIiBoZWlnaHQ9IjIiLz48cmVjdCB5PSIxOTEiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxMTAiIHk9IjE4NCIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjwvc3ZnPg==);
         }
         canvas {z-index:10; position:relative;}
         a#mute-video-0 {
         bottom: 12vh !important;
         }
         a#playpause-video-0 {
         bottom: 12vh !important;
         }
		 .WaveContentContainer {
			position: fixed;
			z-index: 150;
			top: 0;
			background: #00000040;
			width: 100%;
			padding: 4%;
			height: 100vh;
		}



		.WaveContentContainer .fullwidth-content.wrapper {
			background: white !important;
			height: 79vh !important;
			overflow: auto;
		}
		
		.noussair_animations{
			animation-duration: 1s;
			animation-timing-function: cubic-bezier(0.05, 0.97, 0.57, 1);
			//animation-iteration-count: infinite;	
			}
			.zoom_out {
			animation-name: noussair_zooming_out;
			}
			
			.zoom_in {
			animation-name: noussair_zooming_in;
			}

			@keyframes noussair_zooming_out {
				0%   {transform: scale(1.1);}
				100%   {transform: scale(5);opacity: 0;}
			}
			

			@keyframes noussair_zooming_in {
				0%   {transform: translateY(-100px);opacity:0;}
				100%   {transform: translateY(0);opacity: 1;}

			}
			.WorkBackground {
				width: 100%;
				height: 200vh;
				background-size: 69% !important;
				background-position: 32% center !important;
				background-attachment: fixed !important;
			}

			.WaveInsideContent  #hero-and-body {
				margin: 0 !important;
			}
			
			@media only screen and (max-width: 600px) {
			  
				.fullwidth-content.wrapper.WaveInsideContent {
						top: 8%;
					    right: 4%;
					}


					.WaveInsideContent 
					 section#hero {
						display: none;
					}
			}
			a.WaveCloseModal img {
				width: 36px;
			}

			a.WaveCloseModal {
				position :absolute; 
				width:100%;
				margin:0 95%;
				margin-top: 4%;
				z-index:12;
			}
			.WaveInsideContent a.thumb-hover.scale {
				width: 100%;
			}
			.LoadMore {
				background: black;
				padding: 20px;
				color: white
			;}

			.LoadMoreContainer {
				width: 100%;
				text-align: center;
				padding: 5% 0 5% 0;
			}
			p.content__authors a {
				margin-right:12
			}
			.overlay_black {
				width: 100%;
				background: #000000ad;
				z-index: 0;
			}
			#mouse_body {
			  border-style: solid;
			  border-width: 2px;
			  border-color: #fff;
			  border-radius: 32px;
			  /* size of the mouse body */
			  height: 43px;
			  width: 23px;
			   /* to center in browser */
			  margin: 0 auto;
			}

			#mouse_wheel {
			  border-style: solid;
			  border-width: 2px;
			  border-color: #fff;
			  border-radius: 8px;
			  background-color: #fff;
			  /* position property required to play animation  */
			  position: relative; 
			  height: 3px;
			  width: 3px;
			  /* to center wheel in mouse body */
			  margin: 0 auto; 
			  animation: wheel_animation 1.5s linear infinite;
			}

			/* include use -moz-, -webkit-, or -o- for respective browser type*/
			@keyframes wheel_animation { 
			  0% {
				opacity: 0;
				top: 2px;
			  }
			  50% {
				opacity: 1;
				top: 50%;
			  }
			  100% {
				opacity: 0;
				top: 33px;
			  }
			}
			
			.WaveMenu a {
				font-size: 26px;
				font-weight: 100 !important;
				padding-left: 6%;
				opacity: 0.8;
			}

			.WaveMenu {
				text-align: center;
			}
			
				.image {
    background-size: cover;
    background-position: center center;
	}
	
	div#menu-inner {
    overflow: hidden !important;
	}
	.main_menu_noussair{
		padding-top: 26vh;
	}
	div#logo img {
    width: 126px;
    height: initial;
	}
	.mozique_islamic{
		background:url(https://previews.123rf.com/images/azat1976/azat19761306/azat1976130600006/20252564-Traditional-Arabic-Design-Stock-Vector-pattern-moroccan-islamic.jpg)
	}

	span.caption-sub.portfolio-category {
		text-transform: lowercase;
	}

	.overlay_2 {
		position: absolute;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.73);
	}

	p.noussair_got_address a {
		padding: 23px;
		font-size: 13px;
		border: none !important;
		color: grey;
		font-weight: 500;
	}

	span.contact_chi_style {
		margin: 13px;
		font-weight: 600;
	}
		.image {
    background-size: cover;
    background-position: center center;
	}
	
	div#menu-inner {
    overflow: hidden !important;
	}
	.main_menu_noussair{
		padding-top: 26vh;
	}
	div#logo img {
    width: 126px;
    height: initial;
	}
	.mozique_islamic{
		background:url(https://previews.123rf.com/images/azat1976/azat19761306/azat1976130600006/20252564-Traditional-Arabic-Design-Stock-Vector-pattern-moroccan-islamic.jpg)
	}

	span.caption-sub.portfolio-category {
		text-transform: lowercase;
	}

	.overlay_2 {
		position: absolute;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.73);
	}

	p.noussair_got_address a {
		padding: 23px;
		font-size: 13px;
		border: none !important;
		color: grey;
		font-weight: 500;
	}

	span.contact_chi_style {
		margin: 13px;
		font-weight: 600;
	}