@import url(https://fonts.googleapis.com/css?family=Open+Sans);

body {
         margin: 0;
  overflow-x: hidden; /* Hide horizontal scrollbar */
}

body::-webkit-scrollbar{
  display: none;
}

html, body {
	 background-repeat: no-repeat;
    /*background-image: linear-gradient(135deg, rgba(31,123,229,1) 0%, rgba(58,139,232,1) 47%, rgba(70,153,234,1) 92%, rgba(72,156,234,1) 100%);*/
    background-image: url("bgassist.png"); 
    background-size: cover;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 1.55;
	overflow: visible;
}

iframe {
  display: block;
  width: 100%;
  height: 100vh;
  border: 0px solid #ccc;
 -moz-transform-origin: top left; -webkit-transform-origin: top left; -o-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; 
}


.logoPlacement {
	style-width: 100%;
	height: auto;
	max-width: 400px;
	  margin: -20px;
  padding: 0px;
}


.SELECTOR {
	color: #B4B4B4;
background-color: #004A80;
	border-radius: 5px;
	font-size: 14px;
	padding: 15px;
	margin: 5px;
	border: none;
	opacity: .7;
	
}

.SELECTOR:hover {
	color: #FAAF04;
background-color: #004a80;
	border-radius: 5px;
	font-size: 14px;
	padding: 15px;
	margin: 5px;
	border: none;	
	opacity: 1;
	
}

button.selected{
	color: #FAAF04;
background-color: #FFFFFF;
	opacity: 1;
}


.pcss3t {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	font-size: 0;
	text-align: left;
}
.pcss3t > input {
	position: absolute;
	left: -9999px;
}
.pcss3t > label {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	cursor: pointer;
	transition: all 0.1s;
	-o-transition: all 0.1s;	
	-ms-transition: all 0.1s;	
	-moz-transition: all 0.1s;	
	-webkit-transition: all 0.1s;
}
.pcss3t > label i {
	display: block;
	float: left;
	margin: 16px 8px 0 -2px;
	padding: 0;
	border: 0;
	outline: none;
	font-family: FontAwesome;
	font-style: normal;
	font-size: 17px;
}
.pcss3t > input:checked + label {
	cursor: default;
}
.pcss3t > ul {
	list-style: none;
	position: relative;
	display: block;
	overflow: auto;
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	font-size: 13px;
}
.pcss3t > ul > li {
	background-color: #004a80;
	position: absolute;
	width: 100%;
	overflow: auto;
	padding: 30px 40px 40px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	opacity: 0;
	transition: all 0.5s;
	-o-transition: all 0.5s;	
	-ms-transition: all 0.5s;	
	-moz-transition: all 0.5s;	
	-webkit-transition: all 0.5s;
}

@media (max-width: 600px) {
.logoPlacement {
	style-width: 100%;
	height: auto;
	max-width: 250px;
	   margin: 5px 0px 0px 5px;
  padding: 0px;
}
}

@media (max-width: 450px) {
.logoPlacement {
	style-width: 100%;
	height: auto;
	max-width: 250px;
	   margin: 0px 0px 0px -6px;
  padding: 0px;
}


@media (max-width: 370px) {
.logoPlacement {
	style-width: 100%;
	height: auto;
	max-width: 200px;
	   margin: -10px 0px 0px -10px;
  padding: 0px;
}
}