@charset "utf-8";
/* CSS Document */

html, body {
	margin: 0px;
	padding: 0px;
	background: #000;
	height:100%;
	font-family: 'Roboto', sans-serif;
	color: #ffffff;
}

a {
	color: #ffffff;
}

.slide1 {
	width: 100%;
	height: 100%;
	position: relative;
	background: url(pr-trooper.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



.slide2 {
	width: 100%;
	height: 100%;
	position: relative;
	background: url(creative-trooper.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}


.slide3 {
	width: 100%;
	height: 100%;
	position: relative;
	background: url(media-trooper.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.slide4 {
	width: 100%;
	height: 100%;
	position: relative;
	background: url(social-media.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.slide5 {
	width: 100%;
	height: 100%;
	position: relative;
	background: url(experiential.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



.slide6 {
	width: 100%;
	height: 100%;
	position: relative;
	background: url(brandSlider.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}





.text1 {
	width: 70%;
	float: left;
	margin: 21px 0px 0px 42px;
	font-size: 17px;
	font-weight:700;
	line-height: 28px;
	color: #FFFFFF;
}
.logo_text_cont {
	width: 100%;
	height: 112px;
	background-image: url(text-bg.png);
	background-repeat: repeat;
	position: absolute;
	bottom: 0px;
}

.brandtrooper-logo {
	width: 168px;
	height: 157px;
	position: absolute;
	right: 35px;
	bottom: 14px;
}


.req_quote_main {
	width: 175px;
	height: 500px;
	overflow: visible;	
	position: fixed;
	top: 140px;
	right: 0px;
	z-index: 11;
}

.req_quote_main2 {
	width: 175px;
	height: 500px;
	position: relative;
	overflow: visible;
}

.req_quote {
	width: 112px;
	padding:10px;
	background-color: #FC0;
	text-align: left;
	float: right;
	position: absolute;
	top: 0px;
	font-size: 13px;
	text-transform: uppercase;
}

.req_quote a {
	font-weight: bold;
	text-decoration: none;
	
}

.req_quote {
}

.req_quote2 {
	width: 518px;
	height: 98px;
	padding: 35px 14px 14px 14px;
	background-image: url(text-bg.png);
	position: absolute;
	top:105px;
	right: 0px;
	border: solid 1px #000;
	float: right;
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	line-height: 23px;
}


#rq,#rq2,#rq3,#rq4,#rq5 {
	top: 25px;
	display:none;
}


.hover_buttons {
	height:400px; overflow: hidden; position: absolute; left: 350px; top:0px;
}

.hover2 {
	margin: 0px 0px 0px 35px;
}