body{
	margin:0;
	color:#444;
	padding:15px;
	background:#eee;
	font:300 18px/18px Roboto, sans-serif;
}
*,:after,:before{box-sizing:border-box}
.pull-left{float:left}
.pull-right{float:right}
.clearfix:after,.clearfix:before{content:'';display:table}
.clearfix:after{clear:both;display:block}
.area-wrap {
    width:100%;
    margin-top:15px;
}

/* Landscape styles */
@media screen and (orientation: landscape) {
	#player {
	    width:100%;
	    height:75%;
	}
}

/* Portrait styles */
@media screen and (orientation: portrait) {
    #player {
        width: 100%;
        height: 90%;
    }
}


.btn-loc {
    box-shadow: 2px 2px 4px rgba(0,0,0, 0.5);
    display:none;
    padding: 5px;
    border-radius: 5px;
    float:left;
    margin-bottom:5px;
}
.sp {
	width: 18px;
	height: 18px;
	clear: both;
	margin: 20px auto;
	display:none;
}

/* Spinner Circle Rotation */
.sp-circle {
	border: 2px solid  rgba(0,0,0,0.25);
	border-top: 2px  solid rgba(0,0,0,1);
	border-radius: 50%;
	-webkit-animation: spCircRot .6s infinite linear;
	animation: spCircRot .6s infinite linear;
}
@-webkit-keyframes spCircRot {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(359deg); }
}
@keyframes spCircRot {
	from { transform: rotate(0deg); }
	to { transform: rotate(359deg); }
}

.blur {
    color:transparent;
    text-shadow:0px 0px 8px #000;
    font-size:20px;
    height: 30px;
    text-align: left;
    line-height: 30px;
}

@keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.2; }
    to { opacity: 1.0; }
}                                                                                                                                                                                                                                  

@-webkit-keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.2; }
    to { opacity: 1.0; }
}

.blink {
  animation:fade 1000ms infinite;
  -webkit-animation:fade 1000ms infinite;
}

.envato-wrap{
	padding:15px;
	max-width:400px;
	background:#fff;
	margin:5% auto 0;
	position:relative;
	border-radius:4px;
	box-shadow:0 6px 20px 0 rgba(0,0,0,.19),0 8px 17px 0 rgba(0,0,0,.2);
}
.envato-wrap .envato-inner .envato-author-name{
	margin-top:0;
	margin-bottom:20px;
}
.envato-wrap .envato-inner .envato-author-photo{
	margin-right:15px;
	
}
.envato-author-photo {
    position: relative;
}
.envato-wrap .envato-inner .envato-badge{
	width:45px;
	height:45px;
	position:relative;
	display:inline-block;
}
.envato-wrap .envato-inner .envato-badge:before,
.envato-wrap .envato-inner .envato-badge:after{
	position:absolute;
}
.envato-wrap .envato-inner .envato-badge:before{
	top:50%;
	right:50%;
	color:#333;
	font-size:18px;
	margin-top:-8px;
	margin-right:-12px;
	font-family:FontAwesome;
}
.envato-wrap .envato-inner .envato-badge[data-level]:after{
	left:0;
	top:-8px;
	color:#fff;
	width:20px;
	height:20px;
	font-size:12px;
	font-weight:500;
	line-height:20px;
	text-align:center;
	border-radius:50%;
	content:attr(data-level);
	background:rgba(129,180,65,.85);
}
.envato-wrap .envato-inner .envato-badge svg{
	width:100%;
	height:100%;
}
.envato-wrap .envato-inner .envato-badge svg path{
	fill:orange;
}

.envato-wrap .envato-inner .envato-badge-veteran svg path{fill:#b8b9bb}
.envato-wrap .envato-inner .envato-badge-affiliate svg path{fill:#fb8501}
.envato-wrap .envato-inner .envato-badge-author svg path{fill:#ffd600}
.envato-wrap .envato-inner .envato-badge-exclusive svg path{fill:#97dbe8}
.envato-wrap .envato-inner .envato-badge-country svg path{fill:#dfdfdf}

.envato-wrap .envato-inner .envato-badge-veteran:before{content:'\f1fd'}
.envato-wrap .envato-inner .envato-badge-affiliate:before{content:'\f0c1'}
.envato-wrap .envato-inner .envato-badge-author:before{content:'\f1b0'}
.envato-wrap .envato-inner .envato-badge-exclusive:before{content:'\f219'}
.envato-wrap .envato-inner .envato-badge-country:before{
	content:'';
	width:18px;
	height:18px;
	background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIzMi41NzZweCIgaGVpZ2h0PSIzOS44NjVweCIgdmlld0JveD0iMCAwIDMyLjU3NiAzOS44NjUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMyLjU3NiAzOS44NjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiMxRTQ0OEMiIGQ9Ik0wLDBoMC4wMTljMTAuODM3LDYuODE2LDIxLjcyLDEzLjU1NywzMi41NTcsMjAuMzc4Yy02Ljc3NiwwLjAxOS0xMy41NTcsMC0yMC4zMzYsMC4wMDhjNi40ODQsNi41MDIsMTIuOTgsMTIuOTg3LDE5LjQ3MiwxOS40NzlIMFYwIE0xLjM1OSwyLjI3YzAuMDA3LDEyLjA3OS0wLjAwNywyNC4xNjEsMC4wMDcsMzYuMjMxYzkuMDQ2LDAuMDE1LDE4LjA5NCwwLjAwNywyNy4xNDMsMC4wMDdjLTAuMzg4LTAuNDQ5LTAuODQyLTAuODQ5LTEuMjQ0LTEuMjc2Yy01Ljk3NC01Ljk4NC0xMS45NzItMTEuOTM5LTE3LjkyLTE3LjkzOGM2LjM5MS0wLjAxNSwxMi43ODEsMCwxOS4xNzEtMC4wMDdDMTkuNDc1LDEzLjU5NiwxMC40MTIsNy45MzMsMS4zNTksMi4yN0wxLjM1OSwyLjI3eiIvPjxwYXRoIGZpbGw9IiNERTIxNDEiIGQ9Ik0xLjM1OSwyLjI3YzkuMDUzLDUuNjYzLDE4LjExNSwxMS4zMjcsMjcuMTU3LDE3LjAxN2MtNi4zOTEsMC4wMDctMTIuNzgxLTAuMDA3LTE5LjE3MSwwLjAwN2M1Ljk0Nyw1Ljk5OCwxMS45NDYsMTEuOTUzLDE3LjkyLDE3LjkzOGMwLjQwMywwLjQyOCwwLjg1NiwwLjgyNiwxLjI0NCwxLjI3NmMtOS4wNDksMC0xOC4wOTgsMC4wMDctMjcuMTQzLTAuMDA3QzEuMzUyLDI2LjQzMiwxLjM2NywxNC4zNSwxLjM1OSwyLjI3IE03LjQ2OCwxMi4wMDdjLTAuMDk0LDAuMzY2LTAuMTg1LDAuNzI2LTAuMjczLDEuMDkyYy0wLjMzMy0wLjE4Ni0wLjY1My0wLjM5Mi0wLjk3OS0wLjU3OWMwLjA0LDAuMzcyLDAuMTA1LDAuNzQ1LDAuMTU2LDEuMTE4Yy0wLjM3OC0wLjA0LTAuNzQxLTAuMTA1LTEuMTIxLTAuMTUyYzAuMTc3LDAuMzMzLDAuMzg3LDAuNjUyLDAuNTc3LDAuOTc5bC0xLjA3MSwwLjI2MWMwLjIzLDAuMjc1LDAuNTk5LDAuNDU3LDAuODgxLDAuNzA0bC0wLjQ2LDAuMzMzYy0xLjEwNi0wLjYyNy0xLjk2OS0xLjY3My0yLjQzNy0yLjg1NmMtMC4wMDMsMS4zMzIsMC41MDQsMi42NTMsMS40MDQsMy42NGMxLjQ1LDEuNjM5LDMuOTMxLDIuMjIsNS45NTEsMS40MWMyLjA0OC0wLjc1OCwzLjQ5OS0yLjg2OSwzLjQ3LTUuMDU3Yy0wLjQ2OCwxLjE4NC0xLjMyNywyLjIzMi0yLjQzNywyLjg2M2wtMC40NjEtMC4zMzNjMC4yODYtMC4yNDcsMC42MzgtMC40MjgsMC44ODUtMC43MDRsLTEuMDc3LTAuMjYxYzAuMTkyLTAuMzI3LDAuMzk5LTAuNjQ1LDAuNTgtMC45NzljLTAuMzgxLDAuMDQ4LTAuNzQ3LDAuMTEyLTEuMTIxLDAuMTUybDAuMTU2LTEuMTE4Yy0wLjMyNiwwLjE4Ny0wLjY0NSwwLjM5NC0wLjk3OSwwLjU3OWMtMC4wOC0wLjM2Ni0wLjE4Mi0wLjczMy0wLjI3NS0xLjA5MmMtMC4yNTUsMC4yNzktMC40NCwwLjYxMy0wLjY4OSwwLjg5MkM3LjkyLDEyLjYwMSw3LjcxMywxMi4yODYsNy40NjgsMTIuMDA3IE03LjIwMiwyNS4zMzhjLTAuNjUzLTAuNDg3LTEuMjkyLTAuOTk0LTEuOTUxLTEuNDY1YzAuMDg2LDAuODA0LDAuMiwxLjYwMiwwLjI5MywyLjQwOGMtMC44MDQtMC4wODctMS42MS0wLjE5Ni0yLjQxNS0wLjI5YzAuNDcxLDAuNjU5LDAuOTc5LDEuMjk4LDEuNDU5LDEuOTUxYy0wLjc0OCwwLjMyNi0xLjUwMiwwLjYyNC0yLjI0NSwwLjk1OGMwLjc1MSwwLjMxOSwxLjQ5OCwwLjYzOCwyLjI0NSwwLjk1Yy0wLjQ3OSwwLjY2LTAuOTg3LDEuMjk4LTEuNDY2LDEuOTUxYzAuODEyLTAuMDg3LDEuNjE4LTAuMTk1LDIuNDIyLTAuMjljLTAuMDk0LDAuODA1LTAuMjA3LDEuNjEtMC4yOTMsMi40MjNjMC42NTItMC40OTQsMS4zMDUtMC45NzIsMS45NDQtMS40OGMwLjMyNywwLjc0LDAuNjA2LDEuNTEsMC45NzEsMi4yMjdjMC4zMTItMC43MzksMC42MzQtMS40OCwwLjk0Ny0yLjIyN2MwLjYzNywwLjUwNywxLjI5MiwwLjk4NiwxLjk0NCwxLjQ4Yy0wLjA4Ny0wLjgxMi0wLjE5NS0xLjYxOC0wLjI5Ny0yLjQyM2MwLjgwOCwwLjA5NCwxLjYxNCwwLjIwMywyLjQyNiwwLjI5Yy0wLjQ4Mi0wLjY1My0wLjk4Ni0xLjI5MS0xLjQ2NS0xLjk1MWMwLjc0My0wLjMxMSwxLjQ5MS0wLjYzOCwyLjI0NS0wLjk0M2MtMC43NDctMC4zNC0xLjUwMS0wLjYzOC0yLjI0NS0wLjk2NWMwLjQ3OC0wLjY1MywwLjk4Mi0xLjI5MiwxLjQ1OC0xLjk1MWwtMi40MTksMC4yOTdjMC4wOTQtMC44MDUsMC4yMTEtMS42MSwwLjI5Ny0yLjQxNWMtMC42NTksMC40NzgtMS4yOTksMC45NzgtMS45NTEsMS40NjVjLTAuMzA1LTAuNzU1LTAuNjM4LTEuNDk1LTAuOTQ3LTIuMjQ5QzcuODI4LDIzLjgzNiw3LjUxNCwyNC41ODMsNy4yMDIsMjUuMzM4TDcuMjAyLDI1LjMzOHoiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNy40NjgsMTIuMDA2QzcuNzE1LDEyLjI4NSw3LjkyLDEyLjYsOC4xNSwxMi44OThsMC42ODktMC44OTJjMC4wOTQsMC4zNTksMC4xOTYsMC43MjYsMC4yNzUsMS4wOTJjMC4zMzQtMC4xODYsMC42NTMtMC4zOTIsMC45NzktMC41NzlsLTAuMTU2LDEuMTE4YzAuMzc0LTAuMDQsMC43NC0wLjEwNSwxLjEyMS0wLjE1MmMtMC4xODEsMC4zMzMtMC4zODgsMC42NTItMC41OCwwLjk3OWwxLjA3NywwLjI2MWMtMC4yNDcsMC4yNzUtMC41OTksMC40NTctMC44ODUsMC43MDRsMC40NjEsMC4zMzNjMS4xMDktMC42MywxLjk2OS0xLjY4LDIuNDM3LTIuODYzYzAuMDI5LDIuMTg5LTEuNDIyLDQuMy0zLjQ3LDUuMDU3Yy0yLjAyMSwwLjgwOC00LjUwMiwwLjIyOC01Ljk1MS0xLjQxYy0wLjktMC45ODctMS40MDctMi4zMDgtMS40MDQtMy42NGMwLjQ2OCwxLjE4NCwxLjMzLDIuMjI4LDIuNDM3LDIuODU2bDAuNDYtMC4zMzNjLTAuMjgyLTAuMjQ3LTAuNjUxLTAuNDI4LTAuODgxLTAuNzA0bDEuMDcxLTAuMjYxYy0wLjE5LTAuMzI3LTAuMzk5LTAuNjQ1LTAuNTc3LTAuOTc5YzAuMzgsMC4wNDgsMC43NDMsMC4xMTIsMS4xMjEsMC4xNTJjLTAuMDUxLTAuMzczLTAuMTE2LTAuNzQ2LTAuMTU2LTEuMTE4YzAuMzI2LDAuMTg3LDAuNjQ1LDAuMzk0LDAuOTc5LDAuNTc5QzcuMjg0LDEyLjczMiw3LjM3MywxMi4zNzIsNy40NjgsMTIuMDA2TDcuNDY4LDEyLjAwNnogTTcuMjAyLDI1LjMzNmMwLjMxMi0wLjc1NSwwLjYyNy0xLjUwMSwwLjk1OC0yLjI0OWMwLjMwOCwwLjc1NCwwLjY0MSwxLjQ5NCwwLjk0NywyLjI0OWMwLjY1Mi0wLjQ4NywxLjI5Mi0wLjk4NywxLjk1MS0xLjQ2NWMtMC4wODcsMC44MDQtMC4yMDMsMS42MS0wLjI5NywyLjQxNWwyLjQxOS0wLjI5N2MtMC40NzUsMC42NTktMC45NzksMS4yOTgtMS40NTgsMS45NTFjMC43NDMsMC4zMjYsMS40OTgsMC42MjQsMi4yNDUsMC45NjVjLTAuNzU0LDAuMzA0LTEuNTAxLDAuNjMxLTIuMjQ1LDAuOTQzYzAuNDc4LDAuNjYsMC45ODIsMS4yOTgsMS40NjUsMS45NTFjLTAuODEzLTAuMDg3LTEuNjE4LTAuMTk1LTIuNDI2LTAuMjljMC4xMDIsMC44MDUsMC4yMTEsMS42MSwwLjI5NywyLjQyM2MtMC42NTItMC40OTQtMS4zMDYtMC45NzItMS45NDQtMS40OGMtMC4zMTIsMC43NDctMC42MzQsMS40ODgtMC45NDcsMi4yMjdjLTAuMzY2LTAuNzE3LTAuNjQ1LTEuNDg3LTAuOTcxLTIuMjI3Yy0wLjYzOCwwLjUwNy0xLjI5MiwwLjk4Ni0xLjk0NCwxLjQ4YzAuMDg2LTAuODEyLDAuMi0xLjYxOCwwLjI5My0yLjQyM2MtMC44MDQsMC4wOTQtMS42MSwwLjIwMy0yLjQyMiwwLjI5YzAuNDc4LTAuNjUzLDAuOTg2LTEuMjkxLDEuNDY2LTEuOTUxYy0wLjc0OC0wLjMxMS0xLjQ5NS0wLjYzMS0yLjI0NS0wLjk1YzAuNzQ0LTAuMzMzLDEuNDk4LTAuNjMxLDIuMjQ1LTAuOTU4Yy0wLjQ3OS0wLjY1My0wLjk4Ny0xLjI5Mi0xLjQ1OS0xLjk1MWMwLjgwNSwwLjA5NCwxLjYxLDAuMjAzLDIuNDE1LDAuMjljLTAuMDk0LTAuODA1LTAuMjA3LTEuNjAzLTAuMjkzLTIuNDA4QzUuOTExLDI0LjM0MSw2LjU1LDI0Ljg0OSw3LjIwMiwyNS4zMzZMNy4yMDIsMjUuMzM2eiIvPjwvc3ZnPg==) no-repeat center;
	background-size:contain;
}

.envato-wrap .envato-inner .envato-plus{
    top: 40%;
    left: 38%;
	color:#fff;
	width:25px;
	height:25px;
	font-size:20px;
	line-height:24px;
	text-align:center;
	position:absolute;
	border-radius:50%;
	background:#e74c3c;
	cursor: pointer;
	box-shaldow:1px 1px 3px black
}
.envato-author-detail {
    width:60%;
}
.typeahead > li {
    list-style-type: none;
    font-size: 15px;
    border-bottom: 1px solid
    black;
    padding: 5px 0px 5px 0px;
}
.typeahead > li > a {
    text-decoration:none;
    color:black;
}
.typeahead {
padding-left:0;
}
.inputname {
    width:100%;
    margin-bottom:10px;
    display:none;
}
#tags {
    width:100%;
    display:none;
}
.envato-wrap .envato-author-text{
	font-size:16px;
	margin-bottom:0;
	line-height:20px;
	width:100%;
	display:none;
}
.wish-text{
	margin:30px 0;
	font-size:36px;
	font-weight:100;
	line-height:36px;
	text-align:center;
	text-transform:lowercase;
}
.wish-text span{
	font-weight:bold;
	font-family:'Varela Round',sans-serif;
}

.envato-animate{
	left:50%;
	width:336px;
	bottom:50px;
	position:absolute;
	text-align:center;
	margin-left:-168px;
	display:none;
}
.envato-animate .envato-balloon{
	width:50px;
	height:70px;
	color:#fff;
	font-size:24px;
	line-height:50px;
	position:relative;
	font-weight:bold;
	text-align:center;
	border-radius:50%;
	background:#e74c3c;
	display:inline-block;
	animation-fill-mode:forwards;
	font-family:'Varela Round',sans-serif;
}
.envato-animate .envato-balloon:after{
	width:0;
	height:0;
	left:50%;
	content:'';
	bottom:-8px;
	margin-left:-8px;
	position:absolute;
	border:8px solid transparent;
	border-bottom:8px solid #e74c3c;
}
.envato-animate .envato-balloon:nth-child(1){
	animation:balloon 2s infinite;
}
.envato-animate .envato-balloon:nth-child(2){
	background:#2ecc71;
	animation:balloon2 1.2s infinite;
}
.envato-animate .envato-balloon:nth-child(2):after{border-bottom-color:#2ecc71}

.envato-animate .envato-balloon:nth-child(3){
	background:#f39c12;
	animation:balloon3 2.1s infinite;
}
.envato-animate .envato-balloon:nth-child(3):after{border-bottom-color:#f39c12}

.envato-animate .envato-balloon:nth-child(4){
	background:#34495e;
	animation:balloon4 2s infinite;
}
.envato-animate .envato-balloon:nth-child(4):after{border-bottom-color:#34495e}

.envato-animate .envato-balloon:nth-child(5){
	background:#9b59b6;
	animation:balloon5 1.5s infinite;
}
.envato-animate .envato-balloon:nth-child(5):after{border-bottom-color:#9b59b6}

.envato-animate .envato-balloon:nth-child(6){
	background:#3498db;
	animation:balloon6 3s infinite;
}
.envato-animate .envato-balloon:nth-child(6):after{border-bottom-color:#3498db}

@keyframes balloon{
	0%{
		transform:translateY(0) rotate(0);
	}
	50%{
		transform:translateY(-10px) rotate(5deg);
	}
	100%{
		transform:translateY(0) rotate(0);
	}
}
@keyframes balloon2{
	0%,
	100%{
		transform:translate(5px,-5px) rotate(2deg);
	}
	50%{
		transform:translate(-10px,5px) rotate(-10deg);
	}
}
@keyframes balloon3{
	0%,
	100%{
		transform:translate(0,-5px) rotate(2deg);
	}
	50%{
		transform:translate(0,10px) rotate(-2deg);
	}
}
@keyframes balloon4{
	0%,
	100%{
		transform:translate(-5px,-15px) rotate(2deg);
	}
	50%{
		transform:translate(10px,5px) rotate(-8deg);
	}
}
@keyframes balloon5{
	0%,
	100%{
		transform:translate(-5px,0) rotate(2deg);
	}
	50%{
		transform:translate(15px,-10px) rotate(-5deg);
	}
}
@keyframes balloon6{
	0%,
	100%{
		transform:translate(0,0) rotate(2deg);
	}
	50%{
		transform:translate(0,-20px) rotate(-5deg);
	}
}

/* popups without javascript */

/* showing popup background */
a.popup:target { display: block; }

/* popup target anchor and background */
a.popup {
	/* background is initially hidden */
	display		: none;
	position	: fixed;
	top		: 0;
	left		: 0;
	z-index		: 3; /* anything, really, but bigger than other elements on the page */
	width		: 100%;
	height		: 100%;
	background	: rgba(0, 0, 0, 0.8);
	cursor		: default;
}
.x{
    text-decoration:none;
    top: 1%;
    right: 3%;
    position: absolute;
    color:red;
    font-weight:bold;
}
.backdrop {
    width:100%;
    height:100%;
    background-color:black;
    opacity:0.7;
    position: absolute;
    top:0%;
    left:0%;
    z-index:3;
    display:none;
}
.player-wrap {
    width:90%;
    height:100%;
    margin:0 auto;
}
.capture {

}
/* popup window */
div.popup {
	/* popup window is initially hidden */
	display 	: none;
	background	: white; /* choose your color; */
	width		: 90%; /* width */
	height		: 90%; /* height */
	position	: fixed;
	top		: 5%;
	left		: 5%;
	z-index		: 4; /* z-index of popup backgroung + 1 */
	-webkit-box-sizing : border-box;
	-moz-box-sizing	: border-box;
	-ms-box-sizing	: border-box;
	box-sizing	: border-box;
}

/* links to close popup */
div.popup > a.close {
	color		: white;
	position	: absolute;
	font-weight	: bold;
	right		: 10px;
}

div.popup > a.close.x {
	bottom		: 100%;
	margin-bottom	: 5px;
}
.camera13{
  display:block;
  width:65%;
  height:45%;
  position:absolute;
  top:30%;
  left:15%;
  background-color:#fff;
  border:3px solid #000;
}
.camera13:after{
  content:"";
  display:block;
  width:25px;
  height:25px;
  position:absolute;
  top:15%;
  left:25%;
  background-color:#000;
  border-radius:15px;
}
.camera13:before{
  content:"";
  display:block;
   width: 20px;
   border-bottom: 10px solid #000;
   border-left: 5px solid transparent;
   border-right: 5px solid transparent;
  position:absolute;
  top:-25%;
  left:20%;
  border-radius:5px;
}
.popupbtncont {
    overflow:hidden;
    margin-left: 28vw;
}
.edit-profile {
    position: absolute;
    top: 10px;
    box-shadow: 2px 2px 3px;
    right:0px;
    display:none;
    height: 18px;
    width: 18px;
    line-height: 18px;
    background-color: white;
    border-radius: 10px;
    text-align: center;
    align-items: center;
}
.fa-edit {
box-shadow: 2px 2px 3px;
    height: 18px;
    width: 18px;
    line-height: 18px;
    background-color: white;
    border-radius: 10px;
    text-align: center;
    align-items: center;
}
#canvas{
    display:none;
}
.icon{
margin:15px;
 width:75px;
  height:75px;snack
  background-color:#f5f5f5;
  border:1px solid #ccc;
  box-shadow:0 0 2px #ccc;
  position:relative;
  float:left;
  border-radius:5px;
}
.camera13 span{
  display:block;
  width:10px;
  height:5px;
  position:absolute;
  top:7%;
  left:10%;
  background-color:#000;
}

.name-div-cont {
    display:none;
    overflow:hidden;
    height:22px;
}
.name-div {
float:left;
font-weight:bold;
}
.edit-name, .edit-loc, .edit-email {
    float:left;
    margin-left:10px;
    margin-bottom:5px;
}
.display-loc-cont, .display-email-cont {
    display: none;
}
.display-email {
    float:left;
}
.edit-wish {
font-size: 18px;
    position: absolute;
    top: 5;
    right: 5;
}
.location-wrapper, .name-wrapper, .email-wrapper {
margin-bottom:5px;
overflow: hidden;
}
.display-wish-cont {
    display:none;
    box-shadow: 5px 5px 10px;
    min-height: 80px;
    padding:10px;
    position: relative;
    line-height:25px;
}
.blur-col {
box-shadow: 5px 5px 10px;
padding:10px;
}
.display-wish {
    text-align:left;
}
.display-loc{
    text-align:left;
    float:left;
}

#snackbar {
    visibility: hidden; /* Hidden by default. Visible on click */
    min-width: 250px; /* Set a default minimum width */
    margin-left: -125px; /* Divide value of min-width by 2 */
    background-color: #333; /* Black background color */
    color: #fff; /* White text color */
    text-align: center; /* Centered text */
    border-radius: 2px; /* Rounded borders */
    padding: 16px; /* Padding */
    position: fixed; /* Sit on top of the screen */
    z-index: 1; /* Add a z-index if needed */
    left: 50%; /* Center the snackbar */
    bottom: 30px; /* 30px from the bottom */
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
.show {
    visibility: visible !important; /* Show the snackbar */

/* Add animation: Take 0.5 seconds to fade in and out the snackbar.
However, delay the fade out process for 2.5 seconds */
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}