/* #Styl 1
================================================== */
.snp-bar1 {
    position: fixed;
    width: 100%;
}

/* top */
.snp-bar1.snp-pos-top {
    top: -100%;
}

.snp-bar1.snp-pos-top.snp-showme {
    top: 0px;
}

.snp-bar1.snp-pos-top.snp-showme.snp-ani-slide {
    animation: snp-slideDown 0.7s;
    -moz-animation: snp-slideDown 0.7s;
    -webkit-animation: snp-slideDown 0.7s;
}

/* bottom */
.snp-bar1.snp-pos-bottom {
    bottom: -100%;
}

.snp-bar1.snp-pos-bottom.snp-showme {
    bottom: 0px;
}

.snp-bar1.snp-pos-bottom.snp-showme.snp-ani-slide {
    animation: snp-slideUp 0.7s;
    -moz-animation: snp-slideUp 0.7s;
    -webkit-animation: snp-slideUp 0.7s;
}
/* fade */

.snp-bar1.snp-showme.snp-ani-fade {
    animation: snp-fadeIn 0.5s;
    -moz-animation: snp-fadeIn 0.5s;
    -webkit-animation: snp-fadeIn 0.5s;
}



.snp-bar1 .snp-container {
    width: 960px;
    margin: 0 auto;
    position: relative;
}

.snp-bar1 .snp-top {
    background: #f2522d;
}

.snp-bar1 .snp-top h2 {
    font-size: 26px;
    font-weight: 300;
    font-family: "Open Sans";
    color: #ffd0c5;
    padding: 10px 0;
    margin: 0;
    text-align: center;	
}

.snp-bar1 .snp-top h2 strong {
    font-weight: 600;
}


.snp-bar1 .snp-close {
	width: 24px;
	height: 24px;
	background: #FFAE9C;
	position: absolute;
	top: 18px;
	right: 0;
	color: #F2522D;
	font-size: 17px;
	line-height: 26px;
	text-align: center;
	font-weight: bold;
	
	transition: all 200ms;
	-moz-transition: all 200ms;
	-webkit-transition: all 200ms;
}

.snp-bar1 .snp-close:hover,.snp-bar1 .snp-close:active {
	background: #ffdad2;
	cursor: pointer;
}

.snp-bar1 .snp-main {
    padding-top: 20px;
    display: block;
    background: #d43511;
    padding-bottom: 13px;
}

.snp-bar1 .snp-main p {
    padding-bottom: 20px;
    margin: 0;
    color: #fff;
    text-align: center;
    font-family: "Open Sans";
    font-size: 14px;
    line-height: 21px;
}

.snp-bar1 .snp-form {
    width: 70%;
    margin: 0 auto;
    padding: 0;
	display: block;
}

.snp-bar1 .snp-field {
    width: 39%;
    float: left;
    display: inline-block;
    margin: 0;
}

.snp-bar1 .snp-btn {
    width: 22%;
}

.snp-bar1 .snp-field .snp-name,
.snp-bar1 .snp-field .snp-mail {
    position: relative;
}

.snp-bar1 .snp-field input {
    margin: 0;
    background: #f2f2f2;
    border: 2px solid #B02000;
    padding: 10px;
    width: 86%;
    text-indent: 34px;
    color: #b02000;
    font-family: "Open Sans";
    font-weight: 600;
    font-size: 14px;

    transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;
        border-radius: 0;	
    -moz-border-radius: 0;	
    -webkit-border-radius: 0;
}
.snp-bar1 .snp-field ::-webkit-input-placeholder { color: #C0C0C0; }
.snp-bar1 .snp-field input:-moz-placeholder { color: #C0C0C0; }
.snp-bar1 .snp-field .placeholder {}

.snp-bar1 .snp-field input:focus {
    /*background: #ffded7;
    border: 2px solid #c21212;*/
    color: #b02000;
    outline: 0;
    -webkit-appearance: none;
}

.snp-bar1 .snp-name:before,
.snp-bar1 .snp-mail:before {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    margin-top: 9px;
    margin-left: 7px;
    padding-right: 4px;
    border-right: 2px solid #C0C0C0;
}

.snp-bar1 .snp-name:before {
    background: url('gfx/sprite1.png') 0 -24px no-repeat;
}

.snp-bar1 .snp-mail:before {
    background: url('gfx/sprite1.png') 0 0 no-repeat;
}

.snp-bar1 button.snp-btn {
    background: #b02000; 
    border: 2px solid #861800;
    color: #ffbdae;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    margin: 0;
    line-height: normal;
    padding: 10px;
    font-family: "Open Sans";

    transition: all 200ms;
    -moz-transition: all 200ms;
    -webkit-transition: all 200ms;
    box-shadow: none;
        border-radius: 0;	
    -moz-border-radius: 0;	
    -webkit-border-radius: 0;
}

.snp-bar1 button.snp-btn:hover {
    background: #861800; 
    box-shadow: none;
}

.snp-bar1 .snp-policy {
    width: 100%;
    padding-top: 8px;
}

.snp-bar1 .snp-policy p:before {
    content: '';
    position: absolute;
    background: url('gfx/lock.png') no-repeat;
    margin-left: -20px;
    margin-top: 1px;
    width: 15px;
    height: 15px;
}

.snp-bar1 .snp-policy p {
    display: block;
    color: #f7cdc3;
    font-size: 13px;
    text-align: center;
    padding: 5px 0 0 0;
    position: relative;
}


.snp-bar1 .snp-error::-webkit-input-placeholder { color: #cc0000 !important; }
.snp-bar1 .snp-error:-moz-placeholder { color: #cc0000 !important; }

.snp-bar1 .snp-error {
    color: #cc0000 !important;
    animation-name: shake; 
    animation-duration: 50ms; 
    animation-iteration-count: 2; 
    animation-timing-function: linear;

    -moz-animation-name: shake; 
    -moz-animation-duration: 50ms; 
    -moz-animation-iteration-count: 2; 
    -moz-animation-timing-function: linear;

    -webkit-animation-name: shake;
    -webkit-animation-duration: 50ms;
    -webkit-animation-iteration-count: 2;
    -webkit-animation-timing-function: linear;
}
@keyframes shake{ 
    0% { transform: translate(3px, 0); }
50% { transform: translate(-3px, 0); }
100% { transform: translate(0, 0); }
}

@-moz-keyframes shake{ 
    0% { -moz-transform: translate(3px, 0); }
50% { -moz-transform: translate(-3px, 0); }
100% { -moz-transform: translate(0, 0); }
}

@-webkit-keyframes shake {
    0% { -webkit-transform: translate(3px, 0); }
50% { -webkit-transform: translate(-3px, 0); }
100% { -webkit-transform: translate(0, 0); }
}

/* #Media Queries
================================================== */


	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		.snp-bar1 .snp-container {
			width: 768px !important;
		}
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		.snp-bar1 .snp-container {
			width: 768px !important;
		}
		.snp-bar1 .snp-main p {
			margin: 0 30px;
		}
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		.snp-bar1 .snp-close {
			top: 12px;
		}
		.snp-bar1 .snp-container {
			width: 300px !important;
		}
		.snp-bar1 .snp-top h2 {
			text-align: left;
			line-height: 26px;
			font-size: 19px;
			padding-right: 35px;
		}
		.snp-bar1 .snp-main p {
			display: none;
		}
		.snp-bar1 .snp-form,
		.snp-bar1 .snp-field {
			width: 300px;
		}
		.snp-bar1 .snp-form {
			padding-top: 15px;
		}
		.snp-bar1 .snp-field {
			margin-bottom: 10px;
		}
		.snp-bar1 .snp-field input {
			width: 287px;
			padding: 10px 0 10px 10px;
		}
		.snp-bar1 button.snp-btn {
			display: block;
			float: right;
			width: 40%;
		}
		
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.snp-bar1 .snp-container {
			width: 420px !important;
		}
		.snp-bar1 .snp-top h2 {
			text-align: left;
			line-height: 30px;
			font-size: 21px;
			padding-right: 35px;
		}
		.snp-bar1 .snp-main p {
			display: none;
		}
		.snp-bar1 .snp-form,
		.snp-bar1 .snp-field {
			width: 420px;
		}
		.snp-bar1 .snp-form {
			padding-top: 15px;
		}
		.snp-bar1 .snp-field {
			margin-bottom: 10px;
		}
		.snp-bar1 .snp-field input {
			width: 407px;
			padding: 10px 0 10px 10px;
		}
		.snp-bar1 button.snp-btn {
			display: block;
			float: right;
		}
	}

/* slideUp */
@keyframes snp-slideUp
{
    from {bottom: -100%;} to {bottom:0px;} 
}
@-moz-keyframes snp-slideUp
{
    from {bottom: -100%;} to {bottom:0px;} 
}
@-webkit-keyframes snp-slideUp
{
    from {bottom: -100%;} to {bottom:0px;} 
}
/* slideDown */
@keyframes snp-slideDown
{
    from {top: -100%;} to {top:0px;} 
}
@-moz-keyframes snp-slideDown
{
    from {top: -100%;} to {top:0px;} 
}
@-webkit-keyframes snp-slideDown
{
    from {top: -100%;} to {top:0px;} 
}
/* fadeIn */
@-webkit-keyframes snp-fadeIn { 
    from { opacity:0; } to { opacity:1; } 
}
@-moz-keyframes snp-fadeIn { 
    from { opacity:0; } to { opacity:1; } 
}
@keyframes snp-fadeIn { 
    from { opacity:0; } to { opacity:1; } 
}