#wor-form input#gdpr {width: 15px;}
#wor-toplayer #message, #wor-toplayer {-ms-overflow-style: none;overflow: auto;}

#wor-close-toplayer-wrapper-special {
    float: right;
    margin-top: -30px;
}
/* Normal styles for the modal */
#wor-toplayer {
	opacity: 1;
    top: 10%;
    visibility: visible;
	left:50%;
	margin: 0 0 0 -250px;
	position: fixed;
	background: #fff;
	width:50%;
	box-shadow:0 3px 7px rgba(0, 0, 0, 0.25);
	box-sizing:border-box;
	transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	overflow: scroll;
	max-width: 500px;
	z-index: 1000;
}
/* Make the modal appear when targeted */
#wor-toplayer:target {
	opacity: 1;
	top:50%;
	visibility: visible;
}

#wor-toplayer .header,#wor-toplayer .footer {
	border-bottom: 1px solid #e7e7e7;
	border-radius: 5px 5px 0 0;
}
	#wor-toplayer .footer {
		border:none;
		border-top: 1px solid #e7e7e7;
		border-radius: 0 0 5px 5px;
	}
#wor-toplayer h2 {
	margin:0;
}
#wor-toplayer .btn {
	float:right;
}
#wor-toplayer .copy,#wor-toplayer .header, #modal .footer {
	padding:15px;
}
.modal-content {
	background: #f7f7f7;
	position: relative;
	z-index: 20;
	border-radius:5px;
}
#wor-toplayer .copy {
	background: #fff;
}

#wor-toplayer .form-loader {
	position: relative;
	top: 190px;
	height: 0;
	z-index: 99;
	display: none;
}

#wor-toplayer .form-loader img {
	position: relative;
	top: 50%;
	display: inline-block;
	left: 50%;
	margin-left: -55px;
}

#wor-toplayer .overlay {
	background-color: #000;
	background: rgba(0,0,0,.5);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}

.add_to_cart_button.request-offer-button {
	text-transform: uppercase !important;
	border-radius: 4px !important;
	-webkit-order: 1 !important;
	-ms-flex-order: 1 !important;
	order: 1 !important;
	-webkit-flex: 0 1 auto !important;
	-ms-flex: 0 1 auto !important;
	flex: 0 1 auto !important;
	-webkit-align-self: auto !important;
	-ms-flex-item-align: auto !important;
	align-self: auto !important;
	margin: 10px 0 10px 0 !important;
	width: 100% !important;
	background-color: #0176bd !important;
	color: #fff !important;
	padding: 14px !important;
}

#wor-form label {
	display: block;
	margin: 10px 0;
}
#wor-form input {
	width: 90%;
	border: 1px solid #d2d2d2;
}

#wor-form input#city {
	width: 98%;
}

#wor-form .short-holder {
	margin-left: 5px;
	width: 48% !important;
}

#wor-form .short-holder.first-input {
	margin-right: 5px;
	margin-left: 0 !important;
}

#wor-form input.error {
	border: 1px solid #d40000 !important;
}

#wor-form input#gdpr {
	/*outline: 1px solid #c2c2c2;*/
}

#wor-form input#gdpr.error {
	/*outline: 1px solid #d40000 !important;*/
	-webkit-box-shadow: 0px 0px 0px 2px #d40000;
	-moz-box-shadow: 0px 0px 0px 2px #d40000;
	box-shadow: 0px 0px 0px 2px #d40000;
}


#wor-form .star {
	color: #d40000;
	padding-left: 10px;
}

#wor-form .clear {
	clear: both;
}
#wor-form .short-holder {
	float: left;
	width: 50%;
}

#wor-form .button {
	margin-top: 10px;
}

#wor-toplayer-background {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.7);
	z-index: 999;

}

#wor-toplayer .submit-btn {
	background-color: #f6f6f6;
    background-image: -moz-linear-gradient(center top , rgb(246, 246, 246), rgb(225, 225, 225));
    border: 1px solid #ccc;
    margin: 20px 5% 20px 0;
    box-shadow: 0 1px rgba(0, 0, 0, 0.35);
    color: #555;
    display: inline-block;
    padding: 5px 15px;
    text-decoration: none;
    text-shadow: 0 2px rgba(255, 255, 255, 0.9);
}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) { 
	#wor-toplayer {
		position: absolute;
		top: 0;
		width: 100%;
		left: 0;
		margin: 0;
	}

}