/* HTML Style */



html {
	width:100%;
	height:100%;
}

body {
	background-color:rgba(0,0,0,.85);
	width:100%;
	height:100%;
	font-family:"Ubuntu", sans-serif;
	color:white;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
}

#background {
	position: fixed; 
	top: 0; 
	left: 0;  
	min-width: 100%;
	min-height: 100%; 
	z-index: -1;
}

.bg1 {
	background:url(../img/bg1.jpg) no-repeat;
	background-size: cover;
	background-position:center;
        height:100%;
}

.bg2 {
	background:url(../img/bg2.jpg) no-repeat;
	background-size: cover;
	background-position:center;
        height:100%;
}

.bg3 {
	background:url(../img/bg3.jpg) no-repeat;
	background-size: cover;
	background-position:center;
        height:100%;
}


.bg4 {
	background:url(../img/bg4.jpg) no-repeat;
	background-size: cover;
	background-position:center;
        height:100%;
}


.bg5 {
	background:url(../img/bg5.jpg) no-repeat;
	background-size: cover;
	background-position:center;
        height:100%;
}


.bg6 {
	background:url(../img/bg6.jpg) no-repeat;
	background-size: cover;
	background-position:center;
        height:100%;
}

.bg7 {
	background:url(../img/bg7.jpg) no-repeat;
	background-size: cover;
	background-position:center;
        height:100%;
}

.bg8 {
	background:url(../img/bg8.jpg) no-repeat;
	background-size: cover;
	background-position:center;
        height:100%;
}

.bg9 {
	background:url(../img/bg9.jpg) no-repeat;
	background-size: cover;
	background-position:center;
        height:100%;
}

a {
	text-decoration: none;
	color:white;
}

/* ----- DESKTOP ----- */
@media (min-width:780px) {

/* Header and Navigator */

.header {
	height:65px;
	font-family:"Montserrat", Sans-serif;
}

nav {
	padding:18px 0 0 25px;
}

nav a {
	font-weight:400;
	font-size:1.5em;
}

.nav_btn {
	position:fixed;
	top:17px;
	right:13px;
	z-index:2;
}

.nav_btn a {
	margin-right:15px;
}

/* Main Content*/

#content {
	width:540px;
	height:490px;
	margin:0 auto;
	margin-top:3%;
	background-color: rgba(37,37,37,.7);
	padding:18px 30px;
}

#content-tos {
	width:540px;
	height:auto;
	margin:0 auto;
	margin-top:3%;
	background-color: rgba(37,37,37,.7);
	padding:18px 30px;
}

h1 {
	display: block;
	margin:0 auto;
	margin-top:20px;
	width:400px;
	font-weight:500;
	font-size:1.5em;
	line-height: 1.1em;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 20px;
	text-shadow: 0 2px 2px rgba(0,0,0,.15);
}

#search {
	display:block;
	width:500px;
	height:55px;
	border:2px solid white;
	border-radius:3px;
	margin:0 auto;
	margin-bottom:10px;
}

input[name="search"] {
	height:54px;
	width:65%;
	float:left;
	background:url(../img/find.png) no-repeat 15px 20px;
	background-size:5%;
	background-color:rgba(0,0,0,0);
	border:none;
	text-indent:40px;
	padding-top:2px;
	-webkit-font-smoothing:antialiased;
}

input[name="search"], select {
	color:white;
	font-weight:500;
	font-size:1.125em;
}

#style-select {
	background:url(../img/drop.png) no-repeat 97% 72%;
	background-size:2.5%;
}

select {
        opacity:0;/*CHANGE*/
	width:34%;
	height:25px;
	border:none;
	border-left:2px solid white;
	border-radius:0;
	margin-top:16px;
	-webkit-appearance: none;
	-moz-appearance:none;
	-ms-appearance:none;
	text-indent:14px;
	background:transparent;
	-webkit-font-smoothing:antialiased;
	cursor: pointer;
	color: #000000;
}

#select-value {
        position:absolute;
        margin-top:18px;
        width:5%;
        padding-left:2%;
        border-left:2px solid white;
        color:white;
        font-weight:500;
        font-size:1.125em;
}

#options {
	display:block;
	width:100%;
	margin-bottom:9px;
}

#options .op {
	display:block;
	width:504px;
	height:auto;
	margin:0 auto;
	margin-bottom: -14px
}

label {
	width:60px;
	height:30px;
	float:right;
	font-size:1em;
	font-weight:500;
	margin-left:5px;
	margin-top:36px;
	padding-top:10px;
	text-align: right;
	background:url(../img/uncheck.png) no-repeat 0px 4px;
	cursor: pointer;
}

.des {
	width:330px;
	margin-top:-13px;
	padding-left:72px;
}

.des h4 {
	font-size:1em;
	font-weight:500;
}

.des p {
	font-size:0.875em;
	line-height:1.3em;
	text-align: left;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        word-break: break-word;
        word-wrap: break-word;
	text-shadow:0px 2px 2px rgba(0,0,0,0.2);
	margin-top:-17px;
}

#btn {
	display: block;
	font-family: "Ubuntu";
	font-size:1.125em;
	font-weight: 700;
	line-height:54px;
	text-transform: uppercase;
	text-shadow:0px 2px 1px rgba(92,178,101,.4);
	color:white;
	width:260px;
	height:55px;
	margin:0 auto;
	margin-top:40px;
	background-color:#6fd579;
	border:none;
	border-radius:3px;
	box-shadow:0px 2px 5px rgba(0,0,0,.25);
	-webkit-font-smoothing:antialiased;
}

#bulk {
	display:block;
	width:350px;
	text-indent: 21px;
	margin: 0 auto;
	margin-top:20px;
	font-size:0.9375em;
	font-weight: 500;
}

.mail {
	background:url(../img/mail.png) no-repeat 0px 45%;
}

.host {
	background:url(../img/host2.png) no-repeat 0px 45%;
}

.transfer {
	background:url(../img/transfer3.png) no-repeat 0px 45%;
}

input[type="checkbox"]:hover + label {
	color:#b9debc;
	background:url(../img/check_hover.png) no-repeat 0px 4px;
}

input[type="checkbox"]:checked + label {
	color:#89e592;
	background:url(../img/checked.png) no-repeat 0px 4px;
}

.wait_message_table {
        width:100% !important;
        margin-top:20%;
}

.wait_message {
        text-align: center;
        color: white;
	font-size:1.5em;
}
}
/* ----- DESKTOP ----- */

/* ----- TABLET ----- */
@media (min-width:400px) and (max-width:780px) {

/* Header and Navigator */

.header {
	height:30px;
	font-family:"Montserrat", Sans-serif;
}

nav {
	/*padding:3% 0% 0% 20%;*/
        padding:0.5px 0;
        text-align:center;
        background-color:rgba(0,0,0,.3);
}

nav a {
	font-weight:400;
	font-size:3.1em;
        /*color:#62615c;*/
}


.nav_btn {
        position:absolute;
	top:17px;
	right:13px;
	z-index:2;
}

.nav_btn a {
	margin-right:15px;
}

/* Main Content*/

#content {
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top:5%;
	background-color: rgba(37,37,37,.7);
	padding:5% 0% 0% 0%;
}

h1 {
	display: block;
	margin:0 auto;
	margin-top:7%;
	width:90%;
	font-weight:500;
	font-size:2.0em;
	line-height: 1em;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 7%;
	text-shadow: 0 2px 2px rgba(0,0,0,.15);
}

#search {
	display:block;
	width:95%;
	height:70px;
	border:2px solid white;
	border-radius:3px;
	margin:0 auto;
	margin-bottom:10px;
}

input[name="search"] {
	height:85%;
	width:75%;
	float:left;
	background:url(../img/find.png) no-repeat 3% 75%;
	background-size:10%;
	background-color:rgba(0,0,0,0);
	border:none;
	text-indent:15%;
	padding-top:3%;
	-webkit-font-smoothing:antialiased;
}

input[name="search"], select {
	color:white;
	font-weight:500;
	font-size:1.5em;
}

#style-select {
	background:url(../img/drop.png) no-repeat 97% 72%;
	background-size:3%;
}

select {
        opacity:0;/*CHANGE*/
	width:20%;
	height:70%;
	border:none;
	border-left:2px solid white;
	border-radius:0;
	margin-top:2%;
	-webkit-appearance: none;
	-moz-appearance:none;
	-ms-appearance:none;
	text-indent:4%;
	background:transparent;
	-webkit-font-smoothing:antialiased;
	cursor: pointer;
	color: #000000;
}

#select-value {
        position:absolute;
        margin-top:18px;
        width:5%;
        padding-left:2%;
        border-left:2px solid white;
        color:white;
        font-weight:500;
        font-size:1.9em;
}

#options {
	display:block;
	width:100%;
	margin-bottom:5%;
}

#options .op {
	display:block;
	width:92%;
	height:auto;
	margin:0 auto;
	margin-bottom:1%
}

label {
	/*width:23%;
	height:12%;
	float:right;
	font-size:2em;
	font-weight:500;
	margin-left:15%;
	margin-top:15%;
	padding-top:1%;
	text-align: right;
	background:url(../img/uncheck.png) no-repeat 0px 4px;
        background-size: 35%;
	cursor: pointer;*/
	width:100px;
	height:40px;
	float:right;
	font-size:1.8em;
	font-weight:500;
	margin-left:5px;
	margin-top:36px;
	padding-top:5px;
	text-align: right;
	background:url(../img/uncheck.png) no-repeat 0px 4px;
        background-size: 35%;
	cursor: pointer;
}

.des {
	width:60%;
	margin-top:5%;
	padding-left:23%;
}

.des h4 {
	font-size:2em;
	font-weight:500;
}

.des p {
	font-size:2em;
	line-height:1em;
	text-align: left;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        word-break: break-word;
        word-wrap: break-word;
	text-shadow:0px 2px 2px rgba(0,0,0,0.2);
	margin-top:-17px;
}

#btn {
	display: block;
	font-family: "Ubuntu";
	font-size:1.8em;
	font-weight: 700;
	line-height:54px;
	text-transform: uppercase;
	text-shadow:0px 2px 1px rgba(92,178,101,.4);
	color:white;
	width:70%;
	height:10%;
	margin:0 auto;
	margin-top:7%;
	background-color:#6fd579;
	border:none;
	border-radius:3px;
	box-shadow:0px 2px 5px rgba(0,0,0,.25);
	-webkit-font-smoothing:antialiased;
}

#bulk {
	display:block;
	width:70%;
	text-indent:7%;
	margin: 0 auto;
	margin-top:1%;
	font-size:1em;
	font-weight: 500;
        padding-bottom:3%;
}

.mail {
	background:url(../img/mail.png) no-repeat 0% 25%;
        background-size: 20%;
}

.host {
	background:url(../img/host2.png) no-repeat 0px 25%;
        background-size: 20%;
}

.transfer {
	background:url(../img/transfer3.png) no-repeat 0px 25%;
        background-size: 20%;
}

input[type="checkbox"]:hover + label {
	color:#b9debc;
	background:url(../img/check_hover.png) no-repeat 0px 4px;
        background-size: 35%;
}

input[type="checkbox"]:checked + label {
	color:#89e592;
	background:url(../img/checked.png) no-repeat 0px 4px;
        background-size: 35%;
}

.wait_message_table {
        width:100% !important;
        margin-top:40%;
}

.wait_message {
        text-align: center;
        color: white;
	font-size:1.5em;
}
}
/* ----- TABLET ----- */

/* ----- MOBILE ----- */
@media (max-width:400px) {

/* Header and Navigator */

.header {
	height:30px;
	font-family:"Montserrat", Sans-serif;
}

nav {
        padding:7px 0;
        text-align:center;
        background-color:rgba(0,0,0,.3);
}

nav a {
	font-weight:300;
	font-size:1.1em;
        /*color:#62615c;*/
}

.nav_btn {
        display:none;
	position:fixed;
	top:5px;
	right:8px;
	z-index:2;
}

.nav_btn a {
        display:none;
        opacity:0;
	margin-right:7px;
}

/* Main Content*/

#content {
	width:100%;
	height:auto;
	margin:0 auto;
	margin-top:2%;
	background-color: rgba(37,37,37,.7);
	padding:2% 0% 0% 0%;
}

h1 {
	display: block;
	margin:0 auto;
	margin-top:3%;
	width:90%;
	font-weight:500;
	font-size:1.2em;
	line-height: 1em;
	text-transform: uppercase;
	text-align: center;
	margin-bottom:5%;
	text-shadow: 0 2px 2px rgba(0,0,0,.15);
}

#search {
	display:block;
	width:95%;/*290px;*/
	height:35px;/*10%*/
	border:2px solid white;
	border-radius:3px;
	margin:0 auto;
	margin-bottom:6px;
}

input[name="search"] {
	height:85%;
	width:75%;
	float:left;
	background:url(../img/find.png) no-repeat 3% 85%;
	background-size:9%;
	background-color:rgba(0,0,0,0);
	border:none;
	text-indent:15%;
	padding-top:2%;
	-webkit-font-smoothing:antialiased;
}

input[name="search"], select {
	color:white;
	font-weight:100;
	font-size:0.9em;
}

#style-select {
	background:url(../img/drop.png) no-repeat 97% 72%;
	background-size:2.7%;
}

select {
        opacity:0;/*CHANGE*/
	width:21%;
	height:70%;
	border:none;
	border-left:1px solid white;
	border-radius:0;
	margin-top:1.5%;
	-webkit-appearance: none;
	-moz-appearance:none;
	-ms-appearance:none;
	text-indent:3%;
	background:transparent;
	-webkit-font-smoothing:antialiased;
	cursor: pointer;
	color: #000000
}

#select-value {
        position:absolute;
        margin-top:6px;/*2%*/
        width:5%;
        padding-left:2%;
        border-left:2px solid white;
        color:white;
        font-weight:500;
        font-size:1.125em;
}

#options {
	display:block;
	width:100%;
	margin-bottom:5%;
}

#options .op {
	display:block;
	width:92%;
	height:auto;
	margin:0 auto;
	margin-bottom: 1%;
}

label {
	/*width:23%;
	height:5%;
	float:right;
	font-size:1.0em;
	font-weight:500;
	margin-left:15%;
	margin-top:10%;
	padding-top:2%;
	text-align: right;
	background:url(../img/uncheck.png) no-repeat 0px 4px;
        background-size: 30%;
	cursor: pointer;*/
	width:60px;
	height:30px;
	float:right;
	font-size:1em;
	font-weight:500;
	margin-left:5px;
	margin-top:36px;
	padding-top:4px;
	text-align: right;
	background:url(../img/uncheck.png) no-repeat 0px 4px;
        background-size: 30%;
	cursor: pointer;
}

.des {
	width:60%;
	margin-top:5%;
	padding-left:17%;
}

.des h4 {
	font-size:1em;
	font-weight:300;
}

.des p {
	font-size:1em;
	line-height:1em;
	text-align: left;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto;
        word-break: break-word;
        word-wrap: break-word;
	text-shadow:0px 2px 2px rgba(0,0,0,0.2);
	margin-top:-15px;
}

#btn {
	display: block;
	font-family: "Ubuntu";
	font-size:0.7em;
	font-weight: 400;
	line-height:34px;
	text-transform: uppercase;
	text-shadow:0px 2px 1px rgba(92,178,101,.4);
	color:white;
	width:50%;
	height:50px;/*7%*/
	margin:0 auto;
	margin-top:5%;
	background-color:#6fd579;
	border:none;
	border-radius:3px;
	box-shadow:0px 2px 5px rgba(0,0,0,.25);
	-webkit-font-smoothing:antialiased;
}

#bulk {
	display:block;
	width:70%;
	text-indent:7%;
	margin: 0 auto;
	margin-top:10%;
	font-size:0.5em;
	font-weight: 500;
        padding-bottom:3%;
}

.mail {
	background:url(../img/mail.png) no-repeat 0px 23%;
        background-size: 15%;
}

.host {
	background:url(../img/host2.png) no-repeat 0px 23%;
        background-size: 15%;
}

.transfer {
	background:url(../img/transfer3.png) no-repeat 0px 23%;
        background-size: 15%;
}

input[type="checkbox"]:hover + label {
	color:#b9debc;
	background:url(../img/check_hover.png) no-repeat 0px 4px;
        background-size: 30%;
}

input[type="checkbox"]:checked + label {
	color:#89e592;
	background:url(../img/checked.png) no-repeat 0px 4px;
        background-size: 30%;
}

.wait_message_table {
        width:100% !important;
        margin-top:40%;
}

.wait_message {
        text-align: center;
        color: white;
	font-size:0.9em;
}

}
/* ----- MOBILE ----- */


select::-ms-expand {
    display: none;
}

select::-moz-expand {
    display: none;
}

select::-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
    border:none;
}


input[type="checkbox"] {
	visibility: hidden;
}

.clear {
	display:none;
	clear:both;
}


/* Hover, Active and Focus */

.nav_btn a:hover {
	opacity:0.85;
}

input[name="search"]:focus, select:focus {
	outline:none;
}

label, #btn, #bulk a, .nav_btn a {
	-webkit-transition:150ms ease-in-out;
	-moz-transition:150ms ease-in-out;
	-o-transition:150ms ease-in-out;
	transition:150ms ease-in-out;
}


#btn:hover {
	background-color:#63c36c;
}

#bulk a:hover {
	color:#89e592;
}

/* Prefix for Firefox */

@-moz-document url-prefix() {

		select {
		text-indent:5px;
		text-overflow: '';
	}
}