@charset "UTF-8";



/* minimalize css1
-----------------------------
margin: 12px 24px 24px 24px;
border-bottom: 4px solid rgba(233,233,233,1);
-----------------------------
minimalize css1 */




body {
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	text-align: left;
	font: normal 13px Arial, Helvetica, sans-serif;
	
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
	min-width: 320px;
	height:100%;
}

html{
	 height:100%;
	/* 
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	 user-select: none; 
	  */
}

a{
	outline: none;
	-moz-outline-style: none;
	text-decoration: none;
}

*{
	outline: 0;
}




.bckg_shop_001 {
	background: url(https://cdn-bckg.worldtattoogallery.com/shop-bckgr_002.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display: block;
}
.bckg_shop_002 {
	background: url(https://cdn-bckg.worldtattoogallery.com/shop-bckgr_002.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display: block;
}
.bckg_shop_003 {
	background: url(https://cdn-bckg.worldtattoogallery.com/shop-bckgr_002.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display: block;
}
.bckg_shop_004 {
	background: url(https://cdn-bckg.worldtattoogallery.com/shop-bckgr_002.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display: block;
}
.bckg_shop_005 {
	background: url(https://cdn-bckg.worldtattoogallery.com/shop-bckgr_002.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display: block;
}





.bckg_user_001{
	background: url(https://cdn-bckg.worldtattoogallery.com/users-bckgr_001.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display: block;
}
.bckg_user_002{
	background: url(https://cdn-bckg.worldtattoogallery.com/users-bckgr_002.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display: block;
}
.bckg_user_003{
	background: url(https://cdn-bckg.worldtattoogallery.com/users-bckgr_003.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display: block;
}
.bckg_user_004{
	background: url(https://cdn-bckg.worldtattoogallery.com/users-bckgr_004.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display: block;
}
.bckg_user_005{
	background: url(https://cdn-bckg.worldtattoogallery.com/users-bckgr_005.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display: block;
}




.coming-soon-left {
	font-family: 'Dosis', sans-serif;
	letter-spacing: 7px;
	font-size: 48px;
	font-weight: 200;
	color: rgba(245,245,245,0.7);
	position: fixed;
	bottom: 56px;
	left: 50px;
	display: inline-block;
	box-sizing: border-box;
	text-transform: uppercase;
	line-height: 50px;
	word-spacing: -14px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: rgba(225,0,0,0.4);
	padding-bottom: 8px;
}
.coming-soon-left strong{
	font-weight: 400;
	color: rgba(245,245,245,0.7);
}
@media (max-width: 940px) {
.coming-soon-left {
	width: 210px;	
}	
}
@media (max-width: 830px) {
.coming-soon-left {
	bottom: 46px;
	left: 40px
}	
}
@media (max-width: 800px) {
.coming-soon-left {
	left: 30px
}	
}
@media (max-width: 768px) {
.coming-soon-left {
	display:none;
}	
}

.coming_small {
	font-family: 'Dosis', sans-serif;
	letter-spacing: 7px;
	font-size: 18px;
	font-weight: 400;
	background-color: rgba(220,0,0,1);
	padding-top: 0px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 12px;
	text-transform: none;
	margin-bottom: 10px;
	display: inline-block;
}


.coming_datetime {
	font-family: 'Dosis', sans-serif;
	letter-spacing: 19px;
	font-size: 23px;
	font-weight: 200;
	color: rgba(246,246,246,0.5);
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	text-transform: none;
	display: block;
	line-height: 34px;
	margin-top: 11px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}





.site-login {
	width: 500px;
	min-height:100%;
	background-color: rgba(255,255,255,1);
	float: right;
	box-sizing: border-box;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: rgba(0,0,0,0.5);
	-webkit-box-shadow: -7px 0px 0px 0px rgba(232,0,0,0.4);
	-moz-box-shadow: -7px 0px 0px 0px rgba(232,0,0,0.4);
	box-shadow: -7px 0px 0px 0px rgba(232,0,0,0.4);
	padding-top: 12px;
	padding-right: 64px;
	padding-bottom: 24px;
	padding-left: 52px;
}

.login-form-right {
	float: right;
}
.login-form-left {
	float: left;
}
@media (max-width: 680px) {
.site-login {
	width: 100%;
	border-left-width: 0px;
	border-left-style: solid;
	border-left-color: rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 0px 0px rgba(232,0,0,0.4);
	-moz-box-shadow: 0px 0px 0px 0px rgba(232,0,0,0.4);
	box-shadow: 0px 0px 0px 0px rgba(232,0,0,0.4);
}	
}


/*
.login-form-right {
	width: 500px;
	height:100%;
	background-color: rgba(255,255,255,1);
	float: right;
	box-sizing: border-box;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: rgba(0,0,0,0.5);
	-webkit-box-shadow: -7px 0px 0px 0px rgba(232,0,0,0.4);
	-moz-box-shadow: -7px 0px 0px 0px rgba(232,0,0,0.4);
	box-shadow: -7px 0px 0px 0px rgba(232,0,0,0.4);
	padding-top: 12px;
	padding-right: 58px;
	padding-bottom: 24px;
	padding-left: 58px;
}
*/



.login-header {
	display: inline-block;
	width: 100%;
	float: right;
	padding-top: 14px;
	padding-bottom: 16px;
}
.login-header_shop {
	display: inline-block;
	width: 100%;
	float: right;
	padding-top: 14px;
	padding-bottom: 16px;
}

.login-close{
	font-family: 'Dosis', sans-serif;
	font-size: 22px;
	font-weight: 400;
	color: #A2A0A3;
	margin-top: 0px;
	text-align: right;
	margin-bottom: 18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgba(193,193,193,0.5);
	padding-bottom: 9px;
}

.close a:link, .close a:visited, .close a:active{
	font-family: 'Dosis', sans-serif;
	font-size: 22px;
	font-weight: 500;
	color: rgba(109,109,109,1);
	text-decoration: none;
}
.close a:hover{
	color: rgba(210,0,0,1);
	text-decoration: none;
}




.login-header h1{
	font-family: 'Dosis', sans-serif;
	font-size: 40px;
	font-weight: 200;
	color: rgba(88,88,88,1);
	display: block;
	padding-bottom: 13px;
	padding-left: 4px;
	margin: 0px;
	padding-top: 11px;
}.login-header h1:before{
	font-family: FontAwesome;
	content: "\f08b";
	font-size: 32px;
	padding-right: 14px;
	padding-bottom: 1px;
	color: rgba(210,0,0,0.25);
}


.login-header_shop h1{
	font-family: 'Dosis', sans-serif;
	font-size: 40px;
	font-weight: 200;
	color: rgba(88,88,88,1);
	display: block;
	padding-bottom: 11px;
	padding-left: 4px;
	margin: 0px;
	padding-top: 13px;
}.login-header_shop h1:before{
	font-family: FontAwesome;
	content: "\f218";
	font-size: 32px;
	padding-right: 14px;
	padding-bottom: 1px;
	color: rgba(210,0,0,0.4);
}



.h1_bold{
	font-weight: bold;
}


.login-header p{
	display: inline-block;
	width: 100%;
	font-size: 14.5px;
	color: rgba(151,151,151,1);
	padding: 0px;
	line-height: 19px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 7px;
}
.login-header_shop p{
	display: inline-block;
	width: 100%;
	font-size: 14.5px;
	color: rgba(151,151,151,1);
	line-height: 19px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 7px;
}


.login-content {
	display: inline-block;
	width: 100%;
	float: right;
}


strong{
	font-weight: bold;
	color: rgba(169,0,0,0.7);
}

.black_bold{
	font-weight: bold;
	color: rgba(4,4,4,0.7);
}



.login-content .form-input {
	color: #666666;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 17px;
	padding: 10px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #CDCDCD;
	margin-top: 3px;
	margin-bottom: 5px;
	border-radius: 3px;
	display: block;
}
.login-content .form-input:focus{
	background: #fff;
	border: 1px solid #9E9E9E;
	color: #333333;
	outline: none;
	padding: 10px 10px 10px 10px;
}



.name p{
	margin: 0px;
	padding: 0px;
}


.checkbox-three{
	padding: 0px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	text-align: center;
	width: 100%;
	display: inline-block;
}
.checkbox-one{
	padding: 0px;
	margin-top: 22px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}





input[type="radio"] {
	width: 22px;
	display: inline-block;
	float: left;
}

input[type="radio"] + label {
	color: #828282;
	display: inline-block;
	float: left;
	padding-top: 2px;
	font-family: Arial, Helvetica, sans-serif;
}


input[type="checkbox"] {
	width: 22px;
	display: inline-block;
	float: left;
}

input[type="checkbox"] + label {
	color: #828282;
	display: inline-block;
	float: left;
	width: 90%;
	padding-top: 2px;
	font-family: Arial, Helvetica, sans-serif;
}


input[type="checkbox"] + label a:link, input[type="checkbox"] + label a:visited, input[type="checkbox"] + label a:active{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 500;
	color: rgba(210,0,0,0.7);
	/* color: #A48700; */
	text-decoration: none;
}
input[type="checkbox"] + label a:hover{
	color: rgba(204,0,0,1);
	/* color: #A48700; */
	text-decoration: none;
}





.napiste-nam-button {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-bottom: 44px;
}
.login-buttons button {
	color: #FFF;
	font-size: 15px;
	text-align: center;
	font-style: normal;
	letter-spacing: 4px;
	border-radius: 3px;
	margin-bottom: 4px;
	margin-top: 22px;
	cursor: pointer;
	border: 1px solid #515151;
	background-color: #515151;
	border-radius: 3px;
	padding-top: 12px;
	padding-right: 22px;
	padding-bottom: 12px;
	padding-left: 22px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-transform: uppercase;
	transition: all 0.4s ease-in-out;
}
.login-buttons button:hover {
	transition: all 0.4s ease-in-out;
	color: #FFFFFF;
	border: 1px solid #A48700;
	background-color: #A48700;
}
.login-buttons .line_form{
	max-width: 99%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	margin-top: 32px;
	margin-right: auto;
	margin-bottom: 22px;
	margin-left: auto;
	display: block;
}



.name_form{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #747474;
	text-align: left;
	margin-bottom: 0px;
	margin-left: 3px;
	margin-top: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}
.name_form_red {
	color: #E90014;
}
.name_form_info {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #A2A0A3;
	text-align: left;
	margin-bottom: 0px;
	margin-left: 5px;
	font-style: oblique;
}


.login-copyright{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #A2A0A3;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: rgba(193,193,193,0.5);
	margin-top: 32px;
	padding-top: 18px;
	text-align: center;
	margin-bottom: 56px;
}

.login-copyright p {
	text-align: center;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
}

.login-copyright a:link, .login-copyright a:visited, .login-copyright a:active{
	font-family: Arial, Helvetica, sans-serif;
	/* color: #A48700; */
	text-decoration: none;
	font-weight: bold;
	color: rgba(109,109,109,1);
	padding-left: 2px;
}
.login-copyright a:hover{
	color: rgba(4,4,4,1);
	/* color: #A48700; */
	text-decoration: none;
}


p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12.3px;
	font-weight: normal;
	color: #828282;
	text-align: left;
	margin-bottom: 0px;
	margin-left: 5px;
	font-style: normal;
	padding-right: 2px;
	padding-left: 2px;
}



p a:link, p a:visited, p a:active{
	font-family: Arial, Helvetica, sans-serif;
	color: rgba(210,0,0,0.7);
	/* color: #A48700; */
	text-decoration: none;
}
p a:hover{
	color: rgba(204,0,0,1);
	/* color: #A48700; */
	text-decoration: none;
}











 /* The alert message box */
 /* The alert message box */
.alert{
	padding: 15px;
	background-color: rgba(255,157,149,0.7);
	color: rgba(135,26,0,0.7);
	opacity: 1;
	transition: opacity 0.9s;
	border-radius: 3px;
	margin-top: 25px;
	box-sizing: border-box;
	margin-right: 2px;
	margin-left: 2px;
}
.alert strong{
	font-weight: bold;
	color: rgba(135,26,0,0.8);
}



.alert.success{
	color: rgba(67,110,12,0.7);
	background-color: rgba(159,235,171,0.8);
}
.alert.success strong{
	font-weight: bold;
	color: rgba(67,110,12,0.8);
}


.alert.info{
	color: rgba(28,65,109,0.7);
	background-color: rgba(170,227,253,0.8);
}
.alert.info strong{
	font-weight: bold;
	color: rgba(28,65,109,0.8);
}



.alert.warning{
	color: rgba(157,115,0,0.7);
	background-color: rgba(255,203,121,0.8);
}
.alert.warning strong{
	font-weight: bold;
	color: gba(157,115,0,0.8);
}


.closebtn{
	margin-left: 15px;
	color: rgba(130,130,130,0.7);
	float: right;
	font-size: 22px;
	line-height: 17px;
	cursor: pointer;
	transition: 0.3s;
}
.closebtn:hover{
	color: rgba(67,67,67,0.9);
}
 /* The alert message box */
 /* The alert message box */