/* MOBILE STYLE SHEET FOR http://aurajewelrydesignsltd.com/aura_line_html/aura_line.html */
/* TEXT */
h3
{	
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
}
p
{
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
}
@media screen and (min-height: 1px)
{
	body
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100vw;
		height: 100vh;
		background: #cbd5db;
		overflow-y: hidden;
		overflow-x: hidden;
		margin: 0;
		padding: 0;
	}
/* SITE WRAPPER: wraps all the elements of the body */
	#siteWrap
	{
		display: -webkit-box;
		display: -ms-flexbox;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		display: flex;
		width: 100%;
		height: 100%;
		position: relative;
		background: #cbd5db;
	}
/* SITE CONTENT: this a wrapper for the site content, purpose to seperate the background image. MUST BE ABSOLUTE POSITION */
	#siteContent
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		height: 100%;
		position: absolute;
	}
/* HEADER: houses logo and menu button */
	header
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		height: 17%;
		position: fixed;
		top: 0;
		z-index: 1;
	}
	#headWrap
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		visibility: hidden;
		width: 100%;
		height: 100%;
		position: relative;
	}
/* HEADER BACKGROUND: */
	#headBackgrnd
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		height: 75%;
		background-image: -o-linear-gradient(#99a7b8, #cbd5db, #cbd5db);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#99a7b8), color-stop(#cbd5db), to(#cbd5db));
		background-image: linear-gradient(#99a7b8, #cbd5db, #cbd5db);
		-webkit-box-shadow: 2px 2px 12px #733ba0;
		box-shadow: 2px 2px 12px #733ba0;
		position: absolute;
		visibility: visible;
		z-index: 0;
	}
/* LOGO */
	#logoElmnt
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 65%;
		height: 100%;
		        -webkit-box-pack: end;
		            -ms-flex-pack: end;
		                justify-content: flex-end;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		position: absolute;
		background: transparent;
		z-index: 1;
		visibility: visible;
		margin: auto;
	}
	#logo
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 40%;
		height: 100%;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		border: 2px solid #6496a2;
		border-radius: 20%;
		overflow: hidden;
		-webkit-box-shadow: inset 0 0 7px;
		box-shadow: inset 0 0 7px #000;
		background-image: url('../media/logo/aura_logo.png');
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		opacity: 1;
		position: relative;
		top: 25%;
	}
	#logoElmnt:hover
	{
		-webkit-transform: scale(.9);
		    -ms-transform: scale(.9);
		        transform: scale(.9);
	}
	.title_wide
	{
		display: none;
		visibility: hidden;
	}
/* MENU BUTTON ELEMENT*/
	#menuBntElmnt
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 25%;
		height: 75%;
		position: absolute;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		z-index: 2;
		visibility: visible;
		left: 75%;
	}
	/* MENU BUTTON */
	#menuButton
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		height: 80%;
		width: 50%;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		background: transparent;
		border: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		position: relative;
	}
	#menuButton:hover
	{
		-webkit-transform: scale(.9);
		    -ms-transform: scale(.9);
		        transform: scale(.9);
	}
	#menuWord
	{
		color: #c6aedd;
		font-size: 12px;
		font-family: 'Montserrat', sans-serif;
		text-shadow: .5px .5px 2px #65258f;
	}
	#menuButton:hover > #menuWord
	{
		text-shadow: .5px .5px 1.5px #000;
		letter-spacing: 2px;
	}
	.menu_lines
	{	
		width: 100%;
		height: 5px;
		margin: 3px 0;
		background-color: #c6aedd;
		border-radius: 20%;
		-webkit-box-shadow: 1px 1px 2px #65258f;
		box-shadow: 1px 1px 2px #65258f;
	}
	#menuButton:hover > .menu_lines
	{
		-webkit-box-shadow: 1px 1px 2px #000;
		        box-shadow: 1px 1px 2px #000;
	}
/* MAIN */
	main
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		height: 75%;
		position: absolute;
		z-index: 0;
		top: 13%;
	}
	#mainWrap
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		height: 100%;
		position: relative;
		z-index: 1;
		margin: auto;
	}
/* VIEWER ELEMENT: houses the large photo, scroll/click message and photo thumbnails */
	#jewelryViewer
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		height: 91%;
		position: absolute;
		top: 8%;
		z-index: 2;
		visibility: visible;
		margin: auto;
	}
	.viewer_wrap
	{
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		width: 100%;
		height: 100%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	#wrapPendants, #wrapRings
	{
		display: none;
	}
/* PAGE TITLE */
	.title
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 98%;
		height: 10%;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: flex-start;
		visibility: visible;
		margin-top: 2%;
		padding-bottom: 5%;
	}
	.title > h1
	{	
		display: -webkit-box;	
		display: -ms-flexbox;	
		display: flex;
		font-family: 'Great Vibes';
		font-size: 20px;
		color: #733ba0;
		text-shadow: .5px .5px 1px #6496a2;
	}
/* WIDESCREEN TITLE */
	.title_wide
	{
		display: none;
	}
/* PHOTO VIEWER ELEMENT: houses large img, thmbs, and scroll/click */
	.photoViewer
	{	
		display: -webkit-box;	
		display: -ms-flexbox;	
		display: flex;
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		align-items: center;
		width: 95%;
		height: 50%;
		position: relative;
		margin: auto;
		padding-top: 2%;
	}
	.photoViewer img
	{
		width: 98%;
		max-height: 99%;
		border-radius: 1%;
		-webkit-box-shadow: 1px 1px 4px #000000;
		        box-shadow: 1px 1px 4px #000000;
		border: 2px solid #733ba0;
		position: relative;
	}
/* SCROLL AND CLICK */
	.scrollClick
	{	
		display: -webkit-box;	
		display: -ms-flexbox;	
		display: flex;
		height: 3%;
		width: 100%;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		position: relative;
	}
	.scolClck1
	{
		display: none;
	}
	.h4Elmt
	{	
		opacity: .6;
		font-size: 12px;
		line-height: 10px;
	  	color: #733ba0;
	  	-ms-flex-item-align: center;
	  	    -ms-grid-row-align: center;
	  	    align-self: center;
	}
	.h4Elmt 
	{
		-webkit-animation: fadeScrollTxt 3s ease-out;
		        animation: fadeScrollTxt 3s ease-out;
	    -webkit-animation-iteration-count: infinite;
	            animation-iteration-count: infinite; 
	    opacity: 1;
	}
	@-webkit-keyframes fadeScrollTxt
	{
		0%{opacity: .6;}
		50%{opacity: .2;}
		100%{opacity: .6;}
	}
	@keyframes fadeScrollTxt
	{
		0%{opacity: .6;}
		50%{opacity: .2;}
		100%{opacity: .6;}
	}
	.h4One
	{
		display: none;
	}
	.thumbNailWrap
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		height: 20%;
		position: relative;
	}
	.photo_thmb
	{	
		display: -webkit-box;	
		display: -ms-flexbox;	
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: 99%;
		height: 90%;
		overflow: scroll;
		overflow-y: hidden;
		z-index: 1;
		position: absolute;
		bottom: 3%;
	}
	.photo_thmb img
	{
		margin-right: 5px;
		margin-left: 5px;
		height: 90%;
		width: auto;
		border-radius: 5%;
		-webkit-box-shadow: 1px 1px 4px #000000;
		        box-shadow: 1px 1px 4px #000000;
		border: 2px solid #6496a2;
	}
	.photo_thmb img:hover
	{
		-webkit-transform: scale(.9);
		    -ms-transform: scale(.9);
		        transform: scale(.9);
		border: 2px solid #733ba0;
	}
	h5
	{
		padding-right: 2%;
		padding-left: 2%;
		color: rgba(115,59,160,1);
		line-height: 12px;
	}
	.opacityOverlay
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		height: 100%;
		position: absolute;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
		visibility: hidden;
		z-index: 2;
	}		
	.opacity_block
	{	
		display: -webkit-box;	
		display: -ms-flexbox;	
		display: flex;
		width: 100%;
		height: 1%;
		background-image: -o-linear-gradient(bottom, rgba(203,213,219,.5), rgba(203,213,219,1));
		background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(203,213,219,.5)), to(rgba(203,213,219,1)));
		background-image: linear-gradient(to top, rgba(203,213,219,.5), rgba(203,213,219,1));
		position: relative;
		visibility: visible;
	}
	.op_block_top
	{
		margin-top: 10px
	}
/* PHOTO COLLAGE AND RANDOM PHOTO DISPLAY: for home page mobile screens only */		/* PHOTO COLLAGE */
	#backGroundSmall
	{
		display: none;
		visibility: none;
	}
/* INFORMATIONAL POP-UP ELEMENTS */							/* INFORMATIONAL POP-UP ELEMENTS */	
	#infoParent
	{	
		display: -webkit-box;	
		display: -ms-flexbox;	
		display: flex;
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 1;
		background: transparent;
		overflow-y: scroll;
		overflow-x: hidden;
	}
	.op_menu_icons
	{
		display: none;
		visibility: hidden;
	}
	.menu_info
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: none;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 15%;
		margin: 0;
	}
	.info_wrapper
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 98%;
		height: auto;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		margin: auto;
		position: relative;
	}
	.info_title
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		height: 15%;
	}
	.info_title h1
	{
		font-family: 'Great Vibes';
		color: #733ba0;
		font-size: 28px;
		margin: 0;
		text-shadow: .5px .5px 1px #66aedd;
		line-height: 50px;
		margin-left: 5px;
	}
	.media
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 98%;
		height: 33.33vh;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
		margin: auto;
		margin-top: 5px;
		margin-bottom: 8px;
	}
	.info_wrapper a
	{
		padding-top: 10px;
		padding-bottom: 10px;
		-webkit-box-ordinal-group: 4;
		    -ms-flex-order: 3;
		        order: 3;
		color: #733ba0;
	}
	.info_txt
	{
		width: 95%;
		-webkit-box-ordinal-group: 5;
		    -ms-flex-order: 4;
		        order: 4;
	}
/* ABOUT US ELEMENT */
	#making1 
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 98%;
		max-height: 100%;
		margin: auto;
	}
	.about_photos
	{
		display: none;
	}
/* FROM GREECE ELEMENT */							/* FROM GREECE ELEMENT */
	.greek_txt i
	{
		color: #733ba0;
	}
	.media_greek img
	{	
		display: -webkit-box;	
		display: -ms-flexbox;	
		display: flex;
		width: 70%;
		max-height: 98%;
		position: absolute;
		border-radius: 5%;
		-webkit-box-shadow: 2px 2px 6px #000;
		box-shadow: 2px 2px 6px #000;
		opacity: 0;
	}
	.purple
	{
		border: 2px solid #733ba0;
	}
	.blue
	{
		border: 2px solid #6496a2;
	}
/* FROM GREECE PHOTO ANIMATION */
	.imgGreek
	{
		-webkit-animation-name: greekAnima;
		animation-name: greekAnima;
	 	-webkit-animation-duration: 7s;
	 	animation-duration: 7s;
	 	-webkit-animation-timing-function: ease-out;
	 	animation-timing-function: ease-out;
	 	opacity: 0;
	}	
	#greekImg02
	{	
		-webkit-animation-delay: 6.5s;	
		        animation-delay: 6.5s;
	}
	#greekImg03
	{
		-webkit-animation-delay: 13s;
		        animation-delay: 13s;
	}
	#greekImg04
	{
		-webkit-animation-delay: 19.5s;
		        animation-delay: 19.5s;
	}
	#greekImg05
	{
		-webkit-animation-delay: 26s;
		        animation-delay: 26s;
	}
	#greekImg06
	{
		-webkit-animation-delay: 32.5s;
		        animation-delay: 32.5s;
	}
	#greekImg07
	{
		-webkit-animation-delay: 39s;
		        animation-delay: 39s;
	}
	#greekImg08
	{
	 	-webkit-animation-delay: 45.5s;
	 	        animation-delay: 45.5s;
	}
	#greekImg09
	{	
		-webkit-animation-delay: 52s;	
		        animation-delay: 52s;
	}
	#greekImg10
	{	
		-webkit-animation-delay: 58.5s;	
		        animation-delay: 58.5s;
	}
	#greekImg11
	{	
		-webkit-animation-delay: 65s;	
		        animation-delay: 65s;
	}
	#greekImg12
	{	
		-webkit-animation-delay: 71.5s;	
		        animation-delay: 71.5s;
	}
	#greekImg13
	{	
		-webkit-animation-delay: 78s;	
		        animation-delay: 78s;
	}
	#greekImg14
	{	
		-webkit-animation-delay: 84.5s;	
		        animation-delay: 84.5s;
	}
	#greekImg15
	{	
		-webkit-animation-delay: 91s;	
		        animation-delay: 91s;
	}
	#greekImg16
	{	
		-webkit-animation-delay: 97.5s;	
		        animation-delay: 97.5s;
	}
	#greekImg17
	{	
		-webkit-animation-delay: 104s;	
		        animation-delay: 104s;
	}
	#greekImg18
	{	
		-webkit-animation-name: greekAnima_end;	
		animation-name: greekAnima_end;
	 	-webkit-animation-duration: 7s;
	 	animation-duration: 7s;
	 	-webkit-animation-timing-function: ease-out;
	 	animation-timing-function: ease-out;
	 	opacity: 0;
		-webkit-animation-delay: 110.5s;
		        animation-delay: 110.5s; /* 110.5s; */
		-webkit-animation-fill-mode: forwards;
		        animation-fill-mode: forwards;
	}
	@-webkit-keyframes greekAnima
	{
	 	0%
	 	{	
	 		-webkit-transform: translateX(60%);	
	 		        transform: translateX(60%);
	 		-webkit-transform: skew();
	 		        transform: skew();
	 		opacity: 0;
	 	}
	 	50%
	 	{	
	 		-webkit-transform: translateX(0%);	
	 		        transform: translateX(0%);
	 		opacity: 1;
	 	}
	 	75%
	 	{
	 		-webkit-transform: translateX(0%);
	 		        transform: translateX(0%);
	 		opacity: 1;
	 	}
	 	100%
	 	{	
	 		-webkit-transform: translateX(-70%);	
	 		        transform: translateX(-70%);
	 		opacity: 0;
	 	}
	}
	@-webkit-keyframes greekAnima_end
	{
		0%
	 	{	
	 	 	-webkit-transform: matrix(1,0,0,1,0,0);	
	 	 	        transform: matrix(1,0,0,1,0,0);
	 		opacity: 0;
	 	}
		100%
	 	{	
	 		-webkit-transform: matrix(1,0,0,1,0,0);	
	 		        transform: matrix(1,0,0,1,0,0);
	 		opacity: 1;
	 	}
	}
	@keyframes greekAnima_end
	{
		0%
	 	{	
	 	 	-webkit-transform: matrix(1,0,0,1,0,0);	
	 	 	        transform: matrix(1,0,0,1,0,0);
	 		opacity: 0;
	 	}
		100%
	 	{	
	 		-webkit-transform: matrix(1,0,0,1,0,0);	
	 		        transform: matrix(1,0,0,1,0,0);
	 		opacity: 1;
	 	}
	}
/* AURA LINE ELEMENT */									/* AURA LINE ELEMENT */
	#auraMediaWrap
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		height: 100%;
		position: relative;
		background: transparent;
		overflow: hidden;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
	#pic_blocker
	{
		visibility: hidden;
		display: none;
	}
	#imageContainer
	{
		width: 90%;
		height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		position: absolute;	
		z-index: 0;
		margin: auto;
	}
	#imageContainer img
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 80%;
		max-height: 90%;
		position: absolute;
		border-radius: 20px;
		border: 2px solid #733ba0;
	}
	#imageContainer img:nth-child(9)
	{
		-webkit-animation-name: animaLeft;
		        animation-name: animaLeft;
		-webkit-animation-duration: 7s;
		        animation-duration: 7s;
		-webkit-animation-fill-mode: forwards;
		        animation-fill-mode: forwards;
		-webkit-animation-timing-function: ease-in-out;
		        animation-timing-function: ease-in-out;
		-webkit-animation-delay: 2s;
		        animation-delay: 2s;
	}
	#imageContainer img:nth-child(8)
	{
		-webkit-animation-name: animaRight;
		        animation-name: animaRight;
		-webkit-animation-duration: 7s;
		        animation-duration: 7s;
		-webkit-animation-fill-mode: forwards;
		        animation-fill-mode: forwards;
		-webkit-animation-timing-function: ease-in-out;
		        animation-timing-function: ease-in-out;
		-webkit-animation-delay: 7s;
		        animation-delay: 7s;
	}
	#imageContainer img:nth-child(7)
	{
		-webkit-animation-name: animaLeft;
		        animation-name: animaLeft;
		-webkit-animation-duration: 7s;
		        animation-duration: 7s;
		-webkit-animation-fill-mode: forwards;
		        animation-fill-mode: forwards;
		-webkit-animation-timing-function: ease-in-out;
		        animation-timing-function: ease-in-out;
		-webkit-animation-delay: 14s;
		        animation-delay: 14s;
	}
	#imageContainer img:nth-child(6)
	{
		-webkit-animation-name: animaRight;
		        animation-name: animaRight;
		-webkit-animation-duration: 7s;
		        animation-duration: 7s;
		-webkit-animation-fill-mode: forwards;
		        animation-fill-mode: forwards;
		-webkit-animation-timing-function: ease-in-out;
		        animation-timing-function: ease-in-out;
		-webkit-animation-delay: 21s;
		        animation-delay: 21s;
	}
	#imageContainer img:nth-child(5)
	{
		-webkit-animation-name: animaLeft;
		        animation-name: animaLeft;
		-webkit-animation-duration: 7s;
		        animation-duration: 7s;
		-webkit-animation-fill-mode: forwards;
		        animation-fill-mode: forwards;
		-webkit-animation-timing-function: ease-in-out;
		        animation-timing-function: ease-in-out;
		-webkit-animation-delay: 28s;
		        animation-delay: 28s;
	}
	#imageContainer img:nth-child(4)
	{
		-webkit-animation-name: animaRight;
		        animation-name: animaRight;
		-webkit-animation-duration: 7s;
		        animation-duration: 7s;
		-webkit-animation-fill-mode: forwards;
		        animation-fill-mode: forwards;
		-webkit-animation-timing-function: ease-in-out;
		        animation-timing-function: ease-in-out;
		-webkit-animation-delay: 35s;
		        animation-delay: 35s;
	}
	#imageContainer img:nth-child(3)
	{
		-webkit-animation-name: animaLeft;
		        animation-name: animaLeft;
		-webkit-animation-duration: 7s;
		        animation-duration: 7s;
		-webkit-animation-fill-mode: forwards;
		        animation-fill-mode: forwards;
		-webkit-animation-timing-function: ease-in-out;
		        animation-timing-function: ease-in-out;
		-webkit-animation-delay: 42s;
		        animation-delay: 42s;
	}
	#imageContainer img:nth-child(2)
	{
		-webkit-animation-name: animaRight;
		        animation-name: animaRight;
		-webkit-animation-duration: 7s;
		        animation-duration: 7s;
		-webkit-animation-fill-mode: forwards;
		        animation-fill-mode: forwards;
		-webkit-animation-timing-function: ease-in-out;
		        animation-timing-function: ease-in-out;
		-webkit-animation-delay: 42s;
		        animation-delay: 42s;
	}
	#imageContainer img:nth-child(1)
	{
		-webkit-animation-name: lastPic;
		        animation-name: lastPic;
		-webkit-animation-duration: 7s;
		        animation-duration: 7s;
		-webkit-animation-fill-mode: forwards;
		        animation-fill-mode: forwards;
		-webkit-animation-timing-function: ease-in;
		        animation-timing-function: ease-in;
		-webkit-animation-delay: 47s;
		        animation-delay: 47s;
		opacity: 0;
	}
	@-webkit-keyframes animaLeft
	{
		0%,85%
		{
			-webkit-transform: translateX(0);
			        transform: translateX(0);
		}
		76%,95%
		{
			-webkit-transform: translateX(300px);
			        transform: translateX(300px);
		}
		96%,100%
		{
			-webkit-transform: translateX(300px);
			        transform: translateX(300px);
			opacity: 0;
		}
	}
	@keyframes animaLeft
	{
		0%,85%
		{
			-webkit-transform: translateX(0);
			        transform: translateX(0);
		}
		76%,95%
		{
			-webkit-transform: translateX(300px);
			        transform: translateX(300px);
		}
		96%,100%
		{
			-webkit-transform: translateX(300px);
			        transform: translateX(300px);
			opacity: 0;
		}
	}
	@-webkit-keyframes animaRight
	{
		0%,85%
		{
			-webkit-transform: translateX(0);
			        transform: translateX(0);
		}
		76%,95%
		{
			-webkit-transform: translateX(-300px);
			        transform: translateX(-300px);
		}
		96%,100%
		{
			-webkit-transform: translateX(-300px);
			        transform: translateX(-300px);
			opacity: 0;
		}
	}
	@keyframes animaRight
	{
		0%,85%
		{
			-webkit-transform: translateX(0);
			        transform: translateX(0);
		}
		76%,95%
		{
			-webkit-transform: translateX(-300px);
			        transform: translateX(-300px);
		}
		96%,100%
		{
			-webkit-transform: translateX(-300px);
			        transform: translateX(-300px);
			opacity: 0;
		}
	}	
	@-webkit-keyframes lastPic
	{
		0%,100%
		{
			opacity: 1;
		}
	}	
	@keyframes lastPic
	{
		0%,100%
		{
			opacity: 1;
		}
	}
	.aura_txt i
	{
		color: #733ba0;
	}
/* OUR PROCESS ELEMENT */									/* OUR PROCESS ELEMENT */
	/* /// NOT DISPLAYED ON MOBILE SITE \\\ */
	.info_process
	{
		display: none;
		visibility: hidden;
	}
/* CONTACT US ELEMENT */								/* CONTACT US ELEMENT */
	.contact_txt
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 4;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		    flex-direction: column;
		padding-bottom: 20px;
	}
	.contact_txt p
	{
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
	}
	.contact_txt h3
	{
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
		line-height: 15px;
	}
	.contact_txt h3
	{	
		text-shadow: .5px .5px 1px #fff; 
	}
	.contact_txt h3 > img
	{
		width: 16px;
		height: 16px;
		margin-right: 10px;
	}
	.con1
	{
		color: #733ba0;
	}
	.con1 > a
	{
		color: #733ba0;
	}
	.con2
	{	
		color: #6496a2;
	}
	.con2 > a
	{
		color: #6496a2;
	}
	.media_contact
	{
		display: -webkit-box; 
		display: -ms-flexbox; 
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}
	.media_contact img
	{	
		width: 80%;
		max-height: 90%;
		-webkit-box-shadow: 1px 1px 4px #000;
		box-shadow: 1px 1px 4px #000;
		border-radius: 1%;
		border: 2px solid #733ba0;
	}
/* FOOTER */
	footer
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		height: 12%;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		position: fixed;
		bottom: 0;
		z-index: 1;
	}
	#footWrap
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
		height: 100%;
		position: relative;
		visibility: visible;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		background-image: -o-linear-gradient(#cbd5db, #cbd5db, #99a7b8);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#cbd5db), color-stop(#cbd5db), to(#99a7b8));
		background-image: linear-gradient(#cbd5db, #cbd5db, #99a7b8);
		-webkit-box-shadow: 2px -2px 4px #733ba0;
			box-shadow: 2px -2px 4px #733ba0;
		z-index: 1;
	}
	.footer_child
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: none;
		-ms-flex-pack: distribute;
		    justify-content: space-around;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		width: 100%;
		height: 100%;
		position: absolute;
		visibility: visible;
		margin: auto;
	}
/* MENU ICONS ELEMENT: for widescreens only */									/* MENU ICONS ELEMENT */
	.menu_icons
	{
		display: none;
		visibility: none;
	}
/* MENU ICONS ELEMENT: for mobile screens only */
	.menu_enclosures
	{
		width: 20%;
		height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		position: relative;
		top: 2%;
	}
	.menu_enclosures h3
	{
		line-height: 0px;
		color: #733ba0;
		font-size: 6px;
		text-transform: uppercase;
		font-family: 'Montserrat', sans-serif;
	}
	.mE_ourProcess
	{
		display: none;
	}
	.menu_id
	{	
		margin: 0;
		margin-bottom: 10%;
		width: 100%;
		height: 60%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		border: 2px solid #6496a2;
		border-radius: 20%;
		overflow: hidden;
		-webkit-box-shadow: inset 0 0 7px #000;
		box-shadow: inset 0 0 7px #000;
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
	}
	.menu_id:active
	{
		-webkit-transform: scale(.9);
		-ms-transform: scale(.9);
		transform: scale(.9);
		border: 3px solid rgba(198,174,221,1);
		opacity: .8;
	}
/* ICON BACKGROUND IMAGES */
	.about_us
	{
		background-image: url('../media/icons/aura_shop_icon.jpg');
	}
	.greek_line
	{
		background-image: url('../media/icons/greek_line_icon.jpg');
	}
	.aura_line
	{
		background-image: url('../media/icons/aura_line_icon.jpg');
	}
	.our_process
	{
		background-image: url('../media/icons/our_process_icon.jpg');
	}
	.contact_us
	{	
		background-image: url('../media/icons/aura_map_icon.jpg');
	}
	#infoAuraParent
	{
		display: none;
	}
	#clickHereAuraWide, .click_here
	{
		display: none;
	}
/* JEWELRY TYPE ICONS */
	.jewelry_types_wrap
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-pack: distribute;
		    justify-content: space-around;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		margin: auto;
		width: 98%;
		height: 100%;
		z-index: 1;
	}
	.jewelry_type
	{	
		display: -webkit-box;	
		display: -ms-flexbox;	
		display: flex;
		position: relative;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		width: 18%;
		height: 100%;
	}
	.jewelry_type h3
	{
		font-size: 6px;
		line-height: 0;
		color: #733ba0;
		font-family: 'Montserrat', sans-serif;
		text-transform: uppercase;
	}
	.type_img
	{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 90%;
		height: 100%;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		border: 2.5px solid #6496a2;
		border-radius: 20%;
		overflow: hidden;
		-webkit-box-shadow: inset 0 0 7px #000;
		box-shadow: inset 0 0 7px rgba(0,0,0,.8);
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
		margin-bottom: 5%;
	}
	.type_img:hover
	{
		-webkit-transform: scale(.9);
		-ms-transform: scale(.9);
		transform: scale(.9);
	}
	.img_type_brac
	{
		background-image: url("../media/icons/aura_bracelets.jpg");
	}
	.img_type_pend
	{
		background-image: url("../media/icons/aura_pendants.jpg");
	}
	.img_type_rings
	{
		background-image: url("../media/icons/aura_rings.jpg");
	}
/* EMAIL AND PHONE ICON ELEMENT */
	.contact_bar
	{	
		display: none;
		visibility: hidden;
	}
	@media screen and (min-width: 360px)
	{
		#logo
		{
			height: 90%;
			width: 50%;
		}
		#menuButton
		{
			width: 80%;
			top: 3%;
		}
		#menuWord
		{
			font-size: 16px;
		}
		.menu_lines
		{
			width: 80%;
			height: 3px;
			margin: 8px 0;
		}
		.title h1
		{
			font-size: 42px;
		}
		.photoViewer
		{
			height: 55%;
		}
		.scrollClick
		{
			padding-bottom: 2%;
		}
		.h4Elmt
		{
			font-size: 16px;
		}
		.info_title h1
		{
			font-size: 42px;
		}
		#making1
		{
			width: 95%;
			max-height: 98%;
		}
		.media_greek img
		{
			width: 80%;
		}
		#imageContainer img
		{	
			width: 100%;
			max-height: 190px;
		}
		.contact_txt h3
		{
			line-height: 5px;
		}
		.media_contact img
		{
			width: 90%;
			max-height: 200px
		}
		.menu_enclosures h3
		{
			font-size: 8px;
		}
		.jewelry_type h3
		{
			font-size: 10px;
		}
	}
	@media screen and (min-width: 460px)
	{
		#logo
		{
			width: 45%;
		}
		#menuButton
		{
			width: 75%;
		}
		.menu_info
		{
			top: 14%;
		}
		.media
		{	
			width: 100%;
		}
		.media
		{
			height: 35vh;
		}
		.media img, #imageContainer img
		{
			max-height: 220px;
		}
		.menu_icons_small
		{
			width: 95%;
		}
	}
	@media screen and (min-width: 560px)
	{	
		#logo
		{
			width: 40%;
		}
		#menuButton
		{
			width: 70%;
		}
		.photoViewer 
		{
			width: 85%;
		}
		#backGroundSmall
		{
			width: 90%;
		}
		.media
		{
			width: 80%;
			height: 35vh;
		}
		.info_wrapper
		{
			width: 90%;
		}
		.menu_icons_small
		{
			width: 80%;
			-webkit-box-pack: justify;
			    -ms-flex-pack: justify;
			        justify-content: space-between;
		}
		.menu_id
		{
			margin-bottom: 5%;
		}
	}
	@media screen and (min-width: 660px)
	{
		#backGroundSmall
		{
			width: 80%;
		}
		#logo
		{
			width: 32%;
		}
		#menuButton
		{
			width: 60%;
		}
		.photoViewer 
		{
			width: 75%;
		}
		.info_wrapper
		{
			width: 80%;
		}
		.media_greek img
		{
			width: 70%;
		}
		.menu_icons_small
		{
			width: 75%;
		}
		.jewelry_types_wrap
		{
			width: 90%;
		}
	}
	@media screen and (min-width: 760px)
	{	
		#logoElmnt
		{
			width: 58%;
		}
		#logo
		{
			width: 28%;
		}
		#menuBntElmnt
		{
			width: 18%;
			left: 80%;
			-webkit-box-pack: end;
			    -ms-flex-pack: end;
			        justify-content: flex-end;
		}
		#menuButton
		{
			width: 60%;
		}
		#mainWrap
		{
			-webkit-box-pack: center;
			    -ms-flex-pack: center;
			        justify-content: center;
		}
		#jewelryViewer
		{
			width: 90%;
		}
		.scrollClick
		{
			padding: 0;
		}
		.info_wrapper
		{
			width: 70%;
		}
		.footer_child
		{
			width: 70%;
		}
		.menu_icons_small
		{
			width: 65%;
		}
	}
	@media screen and (min-width: 860px)
	{
		#jewelryViewer
		{
			width: 80%;
		}
		.menu_icons_small
		{
			width: 55%;
			height: 100%;
		}
	}
	@media screen and (min-width: 960px)
	{	
		#logo
		{
			width: 25%;
		}
		#menuButton
		{
			width: 50%;
		}
		#jewelryViewer
		{
			width: 70%;
		}
		.media_greek img
		{
			width: 60%;
			max-height: 250px;
		}
		#imageContainer img
		{
			max-height: 250px;
			width: 80%;
		}
		.footer_child
		{
			width: 50%;
		}
		.menu_icons_small
		{
			width: 45%;
		}
	}
}
@media screen and (min-height: 740px)
{
	#logo
	{
		height: 90%;
	}
	.jewelry_types_wrap
	{
		height: 90%;
		top: 5%;
	}
	@media screen and (min-width: 660px)
	{
		#logoElmnt
		{
			width: 58%;
		}
		#logo
		{
			width: 28%;
		}
		#menuBntElmnt
		{
			width: 18%;
			left: 80%;
			-webkit-box-pack: end;
			    -ms-flex-pack: end;
			        justify-content: flex-end;
		}
		#menuButton
		{
			width: 60%;
		}
		#mainWrap
		{
			-webkit-box-pack: center;
			    -ms-flex-pack: center;
			        justify-content: center;
		}
		#jewelryViewer
		{
			width: 90%;
		}
		.scrollClick
		{
			padding: 0;
		}
		.info_wrapper
		{
			width: 70%;
		}
		.footer_child
		{
			width: 70%;
		}
		.menu_icons_small
		{
			width: 65%;
		}
	}
	@media screen and (min-width: 760px)
	{
		#jewelryViewer
		{
			width: 80%;
		}
		.menu_icons_small
		{
			width: 55%;
			height: 100%;
		}
	}
	@media screen and (min-width: 860px)
	{	
		#logo
		{
			width: 25%;
		}
		#menuButton
		{
			width: 50%;
		}
		#jewelryViewer
		{
			width: 70%;
		}
		.media_greek img
		{
			width: 60%;
			max-height: 250px;
		}
		#imageContainer img
		{
			max-height: 250px;
			width: 80%;
		}
		.footer_child
		{
			width: 50%;
		}
		.menu_icons_small
		{
			width: 45%;
		}
	}
}
@media screen and (min-height: 840px)
{
	#logo
	{
		height: 80%;
	}
	.jewelry_types_wrap
	{
		height: 80%;
		top: 10%;
	}
	@media screen and (min-width: 560px)
	{
		#logoElmnt
		{
			width: 58%;
		}
		#menuBntElmnt
		{
			width: 18%;
			left: 80%;
			-webkit-box-pack: end;
			    -ms-flex-pack: end;
			        justify-content: flex-end;
		}
		#menuButton
		{
			width: 60%;
		}
		#mainWrap
		{
			-webkit-box-pack: center;
			    -ms-flex-pack: center;
			        justify-content: center;
		}
		#jewelryViewer
		{
			width: 90%;
		}
		.scrollClick
		{
			padding: 0;
		}
		.info_wrapper
		{
			width: 70%;
		}
		.footer_child
		{
			width: 80%;
		}
		.menu_icons_small
		{
			width: 65%;
		}
	}
	@media screen and (min-width: 660px)
	{
		#logoElmnt
		{
			width: 55%;
		}
		#logo
		{
			width: 32%;
		}
		#jewelryViewer
		{
			width: 80%;
		}
		.menu_icons_small
		{
			width: 55%;
			height: 100%;
		}
	}
	@media screen and (min-width: 960px)
	{	
		#logo
		{
			width: 25%;
		}
		.jewelry_types_wrap
		{
			width: 60%;
		}
	}
}
@media screen and (min-height: 940px)
{
	#logo
	{
		height: 70%;
	}
	.jewelry_types_wrap
	{
		height: 70%;
		top: 17%;
	}
	.scrollClick
	{
		top: 2%;
	}
	.photo_thmb
	{
		bottom: 5%;
	}
}
@media screen and (min-height: 1340px)
{	
	#logoElmnt
	{
		width: 54%;
	}
	#logo
	{
		width: 32%;
	}
	.jewelry_types_wrap
	{
		width: 80%;
	}
	.photoViewer
	{
		padding-top: 0;
		height: 60%;
		bottom: 6%;
	}
	.photoViewer img
	{
	 	width: 100%;
	}
	.photo_thmb
	{
		bottom: 10%;
	}
}