@charset "utf-8";
body{font-family:Georgia, 'Times New Roman', Times, serif}
h1,h2,h3,h4,h5,h6{font-family:Georgia, 'Times New Roman', Times, serif; font-weight: normal;}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea{height: 3.1125em;}
.button,button{ font-weight: normal;}

/*
 FORM SIGN IN
*/

#sigin-form{background-color:#3F3F3F; padding: 10px 0; min-height: 20px;}
#sigin-form form{margin-bottom: 0}
#sigin-form input{margin-top: 10px;}
#sigin-form a{margin-top: 23px;display: block;}
#sigin-form .button{display: inline-block; margin-top:18px;margin-bottom: 0;margin-left:15px;} 


#sigin-form p{color: #fff}
/*
 HEADER
*/
.header{padding: 10px 0}
.header #sign-in-trigger{margin-top: 30px;margin-left: 244px;padding: 10px 37px;}

/*--------
BODY
--------*/
#stripe{ min-height: 400px; margin: 20px 0; padding: 10px 0;}
h4.provide{color: #3C3C3B; font-size: 21px;}
#hand{width: 553px; height: 712px; background: url(../img/bg-phone.png) no-repeat; position: relative;left: -116px;}
#hand .wrap{position: relative; width: 237px; height: 405px; top: 98px; left: 222px;}
.bx-controls{width: 616px;height: 70px;position: relative;top: -220px;left: -201px; }
.bx-wrapper .bx-prev,.bx-wrapper .bx-next{position: absolute;   width: 30px; height: 70px; text-indent: -9999px;}
.bx-wrapper .bx-prev{background: url(../img/arrow.png) no-repeat; }
.bx-wrapper .bx-next{background: url(../img/arrow-2.png) no-repeat; right: 0}

/*--------
Highlight
--------*/

.highlight {  -webkit-border-radius:5px;-moz-border-radius:5px; border-radius:5px; 	padding:5px 6px;  font-weight: bold; margin-bottom: 10px;}
.highlight p{margin-bottom: 5px;}
.highlight.green {  color:#519a35; background:#d3f9c4;}
.highlight.blue { color:#4180cf; background:#dbeefe;}
.highlight.grey { color:#444;background:#ededed; border: 1px solid #ccc; font-weight: normal; }
.highlight.yellow { color:#d97939; background:#ebdc5d;}
.highlight.red { color:#3f0d1a; background:#f494ad;}
.highlight.grey-green{background: #E8EFE6;}



/* Preloader */
#preloader {
	position:absolute;top:0;left:0;	right:0;	bottom:0;	background-color:#fff; /* change if the mask should have another color then white */
	z-index:99; /* makes sure it stays on top */
}

#status {
	width:200px;	height:200px;	position:absolute;	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	background-image:url(../img/status.gif); /* path to your loading animation */
	background-repeat:no-repeat;	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}


@media only screen and (max-width: 768px) {
.header #sign-in-trigger{margin-top: 30px;margin-left: 0px;}
#sigin-form .button{margin-left: 0px;} 


}