/*
Colors:
Warm light gray: #ccbdae
Warm dark gray: #403b36
Warm darker gray: #282521
Action orange: #e5780c
Yellowish orange: #ffaf24
Darkened orange: #a5530a
Light orange: #f0ebe7
*/

/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,  small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,
dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 	display: block; }
body { line-height: 1; } 
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/*
End RESET

MAIN CSS
*/

body { font-family: 'bikoreg'; font-size: 12pt; }
a, a:active, a:visited {text-decoration:none; transition: 0.1s all ease-out; background-repeat: no-repeat;}
a:hover { color: #e5780c; transition: 0.1s all ease-out; }
.clear { float: none; clear: both; margin: 0; padding: 0; }

.btn {
	display: block;
	background: #e5780c;
	font-family: 'bikobold', Helvetica, Arial, sans-serif;
	color: #fff;
	text-transform: uppercase;
}
.btn:hover {
	background: #ffaf24;
	color: #fff;
}

/*
End MAIN CSS

HEADER
*/
#header {
	width: 100%;
}

#logbar {
	height: 43px;
	background: #403b36;
	border-bottom: 2px solid #282521;
}
.logbar_btn {
	max-width: 1140px;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}
.logbar_links {
	display: inline-block;
	height: 28px;
	padding-top: 15px;
	padding-left: 35px;
	color: #ccbdae;
	text-transform:uppercase;
	background-position: top left;
}
.logbar_links:hover {
	color: #e5780c;
	background-position: bottom left;
}
#logbar_register, #logbar_account {
	margin-right: 25px;
	background-image: url("../img/pages/btn_account.png");
}
#logbar_login, #logbar_logout {
	background-image: url("../img/pages/btn_login.png");
}
#logbar ul{
	float: right;
}
#logbar ul li {
	float: left;
}

#menubar {
	max-width: 1140px;
	width: 100%;
	height: 80px;
	margin: 0 auto;
}

#logo {
 width: 399px;
 height: 80px;
 float: left;
}
#logolink {
 display: inline-block;
 width: 399px;
 height: 100%;
 background-image: url("../img/pages/MainLogo.png");
 background-position: center left;
}
#menubar ul{
	float: right;
}
#menubar ul li {
	font-size: 14pt;
	text-transform: uppercase;
	float: left;
}
#menubar ul li:last-of-type a {
	padding-right: 0px !important;
}
.menubar_links {
	display: block;
	min-width: 70px;
	text-align: center;
	color: #403b36;
	padding: 39px 25px 20px 25px;
}
.menubar_links
.menubar_links:hover {
	color: #e5780c;
}
.menubar_links_active {
	border-bottom: 2px solid #ffaf24;
	color: #ffaf24;
}

/*
End HEADER

SLIDESHOW
*/
#slideshow {
	height: 570px;
	width: 100%;
}
.slideshow_background {
	background-color: #1a1d21;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url("../img/pages/CSGObanner.jpg");
}
.slideshow_content {
	max-width: 1140px;
	width: 100%;
	margin: 0 auto;
	padding-top: 350px;
	text-align: center;
}
.slideshow_title, .slidshow_subtitle {
	color: #f2e0ce;
	text-transform: uppercase;
}
.slideshow_title {
	font-size: 30pt;
	margin-bottom: 8px;
}
.slidshow_subtitle {
	font-size: 18pt;
	margin-bottom: 20px;
}
#slideshow_cta {
	width: 355px;
	height: 37px;
	margin: 0 auto;
	font-size: 15pt;
	padding-top: 18px;
}

/*
End SLIDESHOW

MAIN SPACE
*/
.main_space {
	max-width: 1140px;
	width: 100%;
	margin: 0 auto;
	padding: 70px 0px;
}
.four_col {
	width: 267px;
	margin-right:24px;
	float: left;
	text-align: center;
	color: #ccbdae;
}
.last_four_col {
	margin-right: 0px;
}
.four_col img {
	width: 124px;
	height: 112px;
	margin: 0 auto;
}
.fcol_title {
	font-family: 'bikobold', Helvetica, Arial, sans-serif;
	color: #ffaf24;
	text-transform: uppercase;
	margin: 10px 0 20px 0;é
}

.one_col {
	color: #ccbdae;
}
.fcol_highlight {
	color: #403b36;
}

.no_vspace {
	padding-top: 0px;
}


/*
End MAIN SPACE

GRAY MAIN SPACE
*/
.gray_main_space {
	width: 100%;
	background: #f0ebe7;
}
.gray_main_wrap {
	max-width: 1140px;
	width: 100%;
	margin: 0 auto;
	padding: 70px 0px;
}
.two_col {
	width: 558px;
	margin-right:24px;
	float: left;
	text-align: left;
	color: #ccbdae;
}
.last_two_col {
	margin-right: 0;
}

.tcol_title {
	font-family: 'bikobold', Helvetica, Arial, sans-serif;
	color: #ffaf24;
	text-transform: uppercase;
	margin: 10px 0 20px 0;
}

.one_col a, .two_col a {
	color: #e5780c;
}

/*
End GRAY MAIN SPACE

FOOTER
*/
#footer {
	background: #403b36;
	width: 100%;
}
.footer_wrap {
	max-width: 1140px;
	width: 100%;
	margin: 0 auto;
	padding: 20px 0px 15px 0px;
}

.footer_logos {
	width: 267px;
	margin-left: 24px;
	float: left;
	text-align: center;
}

#social_btn {
	width: 267px;
	float: right;
	text-align: center;
}
#social_btn ul li {
	float: left;
	margin-right: 30px;
}
#social_btn ul li:last-of-type a {
	margin-right: 0px;
}
.social_links {
	display: inline-block;
	background-position: center center;
	width: 31px;
	height: 31px;
	opacity: 0.5;
	transition: .1s all ease-out;
}
.social_links:hover {
	opacity: 1;
	transition: .1s all ease-in;
}
.social_fb {
	background-image: url("../img/pages/btn_FB.png");
}
.social_tw {
	background-image: url("../img/pages/btn_TW.png");
}
.social_gp {
	background-image: url("../img/pages/btn_GP.png");
}
.social_sm {
	background-image: url("../img/pages/btn_SM.png");
}

#footer_links {
	margin: 15px 0px;
}

#footer .four_col {
	text-align: left;
	color: #ccbdae;
}

.footer_link {
	color: #ccbdae;
	line-height: 1.2em;
}

.footer_fcol_title {
	color: #ccbdae;
	text-transform: uppercase;
	margin: 10px 0 10px 0;
}

#footer_disclaimers {
	border-top: 1px solid #998e82;
	padding-top: 5px;
	text-align: right;
	color: #ccbdae;
	font-size: 10pt;
}
/*
End FOOTER

TITLE SPACE
*/

#title_space {
	width: 100%;
	background: #f0ebe7;
	height: 132px;
}
.title_content {
	max-width: 1140px;
	width: 100%;
	margin: 0 auto;
	padding: 100px 0px 0px 0px;
	text-align: left;
	text-transform: uppercase;
}
.title_content h1 {
	color: #ffaf24;
	font-size: 18pt;
}

/*
End TITLE SPACE

JOBS
*/
.table_roll {
	border-bottom: 1px solid #f0ebe7;
	text-align: center;
	width: 100%;
	height: 85px;
	color: #403b36;
	margin-bottom: 25px;
}
.table_type, .table_goal, .table_gain, .table_btn {
	float: left;
	width: 267px;
	margin-right: 24px;
	padding: 20px 0px;
	height: 45px;
}
.table_btn {
	margin-right: 0;
}
.table_type {
	color: #ccbdae;
	font-size: 10pt;
}
.table_goal {
	background: #f0ebe7;
	color: #403b36;
	font-size: 10pt;
}
.table_gain {
	font-size: 12pt;
	text-transform: uppercase;
}
.table_type p, .table_gain p {
	font-size: 20pt;
	color: #ffaf24;
	font-family: 'bikobold';
	text-transform: uppercase;
}
.table_goal p {
	font-size: 20pt;
	font-family: 'bikobold';
	text-transform: uppercase;
}
.table_3lines {
	padding: 20px 0px 0px 0px;
	height: 65px;
}
.table_3lines p {
	font-size: 14pt;
}
.boosterview {
	color: #ffaf24;
}
.userview {
	color: #403b36;
}
.table_btn {
	font-size: 10pt;
}
.table_cta {
	width: 267px;
	height: 30px;
	margin: 0 auto;
	font-size: 15pt;
	padding-top: 14px;
	margin-bottom: 5px;
}
.btn_pending, .btn_pending:hover {
	background: #403b36;
}
.btn_next {
	width: 40px;
	height: 40px;
	float: right;
	font-size: 34px;
	text-align: center;
	border-radius: 20px;
}
.btn_prev {
	width: 40px;
	height: 40px;
	float: left;
	font-size: 34px;
	text-align: center;
	border-radius: 20px;
}
.btn_inactive {
	visibility: hidden;
}
.btn_done {
	display: block;
	background: #ffaf24;
	font-family: 'bikobold', Helvetica, Arial, sans-serif;
	color: #fff;
	text-transform: uppercase;
}
.btn_done:hover {
	color: #fff;
}

/*
End JOBS

JOB REGISTER + REGISTER
*/
h2 {
	font-family: 'bikobold', Helvetica, Arial, sans-serif;
	color: #ffaf24;
	text-transform: uppercase;
	margin: 10px 0 20px 0;
	font-size: 12pt;
}
.register_input {
	margin-bottom: 30px;
}
.register_fieldname{
	min-width: 133px;
	display: inline-block;
	color: #ccbdae;
}
.register_input_01 {
	width: 292px;
	border: 1px solid #ccbdae;
	background: #e9e9e8;
	color: #403b36;
	font-family: 'biko', Helvetica, Arial, sans-serif;
	height: 35px;
	padding: 5px;
	font-size: 12pt;
}
.register_input_02 {
	width: 714px;
	border: 1px solid #ccbdae;
	background: #e9e9e8;
	color: #403b36;
	font-family: 'biko', Helvetica, Arial, sans-serif;
	height: 198px;
	padding: 5px;
	font-size: 12pt;
}
.register_input_error {
	color: #e50c0c;
	border: 2px solid #e50c0c;
}
.register_error {
	margin-left: 25px;
	color: #e50c0c;
}
.register_captcha {
	width: 425px;
	text-align: center;
	display: inline-block;
}
.register_submit {
	display: inline-block;
	margin-bottom: 10px;
	color: #ccbdae;
}
.register_submit_02 {
	margin: 20px 0px 10px 0px;
	color: #ccbdae;
}
.register_submit_btn {
	background: #e5780c;
	font-family: 'bikobold', Helvetica, Arial, sans-serif;
	color: #fff;
	text-transform: uppercase;
	width: 425px;
	height: 35px;
	border: none;
	margin-bottom: 15px;
}
.register_submit_btn:hover {
	background: #ffaf24;
	color: #fff;
}
/*
End JOB REGISTER + REGISTER

CONTACT
*/
.contact_legend {
	float: right;
	width: 267px;
	color: #ccbdae;
}
.contact_input {
	width: 849px;
	color: #ccbdae;
}
.contact_fieldname {
	display: block;
	margin-bottom: 5px;
}
.contact_input_01 {
	width: 849px;
	border: 1px solid #ccbdae;
	background: #e9e9e8;
	color: #403b36;
	font-family: 'biko', Helvetica, Arial, sans-serif;
	height: 35px;
	padding: 5px;
	font-size: 12pt;
	margin-bottom: 20px;
}
.contact_input_02 {
	width: 849px;
	border: 1px solid #ccbdae;
	background: #e9e9e8;
	color: #403b36;
	font-family: 'biko', Helvetica, Arial, sans-serif;
	height: 198px;
	padding: 5px;
	font-size: 12pt;
	margin-bottom: 20px;
}
.contact_input_error {
	color: #e50c0c;
	border: 2px solid #e50c0c;
}

/*
End CONTACT

ACCOUNT
*/
.account_title {
	width: 100%;
	padding-bottom: 2px;
	margin-bottom: 20px;
	border-bottom: 1px solid #403b36;
	color: #403b36;
	font-family: 'bikobold', Helvetica, Arial, sans-serif;
	font-size: 16pt;
}
.account_content {
	text-align: left;
	margin-bottom: 20px;
}
#account_edit {
	width: 558px;
	height: 25px;
	text-align: center;
	padding-top: 10px;
	color: #fff;
	margin-top: 16px;
}
/*
End ACCOUNT

BOOST
*/

#boost {
	width: 610px;
	margin: 0 auto;
	margin-top: 40px;
}
.boost_btn {
	display: inline-block;
	width: 305px;
	height: 38px;
	font-size: 16pt;
	float: left;
	background: #f0ebe7;
	text-transform: uppercase;
	text-align: center;
	padding-top: 22px;
	margin-top: 20px;
	color: #e5780c;
	transition: 0.1s all ease-out;
}
.boost_btn_active {
	display: inline-block;
	width: 305px;
	height: 46px;
	font-size: 16pt;
	float: left;
	background: #ffaf24;
	text-transform: uppercase;
	text-align: center;
	padding-top: 32px;
	border-bottom: 2px solid #e5780c;
	color: #fff;
	transition: 0.1s all ease-out;
}
#display0, #display1 {
	transition: 0.1s all ease-out;
}
.boost_btn:hover {
	background: #e5780c;
	color: #fff;
	transition: 0.1s all ease-in;
	cursor: pointer;
}
.boost_wrap {
	width: 100%;
	padding: 20px 24px;
	margin: 0 auto;
}
.boost_fieldname{
	display: block;
	color: #ccbdae;
	margin-bottom: 5px;
}
.boost_fieldname_02{
	color: #ccbdae;
	margin-bottom: 5px;
}
.boost_fieldname_02 a {
	display: inline-block;
	color: #e5780c;
	margin-bottom: 5px;
}
.boost_select {
	display: block;
	width: 558px;
	border: 1px solid #ccbdae;
	background: #e9e9e8;
	color: #403b36;
	font-family: 'biko', Helvetica, Arial, sans-serif;
	height: 35px;
	padding: 5px;
	font-size: 12pt;
	margin-bottom: 10px;
}
.boost_input {
	margin-bottom: 15px;
}
.boost_input_01 {
	width: 267px;
	border: 1px solid #ccbdae;
	background: #e9e9e8;
	color: #403b36;
	font-family: 'biko', Helvetica, Arial, sans-serif;
	height: 35px;
	padding: 5px;
	font-size: 12pt;
}
input[type=checkbox], input[type=radio] {
	display: inline;
	padding: 0;
	margin: 0;
	border: 1px solid #ccbdae;
	background: #e9e9e8;
	color: #403b36;
}
input[type=radio] {
	margin: 0px 5px 25px 15px;
}
input[type=checkbox]:hover, input[type=radio]:hover,
input[type=checkbox]:active, input[type=radio]:active {
	background: #e5780c;
	color: #403b36;
}

.boost_2cols {
	float: left;
	width: 267px;
	color: #ccbdae;
	margin-right: 24px;
}
.boost_last_2cols {
	margin-right: 0px;
}

.boost_price {
	width: 558px;
	text-align: center;
	margin-bottom: 30px;
	color: #ffaf24;
}
.boost_price_01 {
	font-size: 30pt;
	font-family: 'bikobold', Helvetica, Arial, sans-serif;
}
.boost_price_02 {
	font-size: 16pt;
}


.boost_submit {
	color: #ccbdae;
}
.boost_submit_btn {
	background: #e5780c;
	font-family: 'bikobold', Helvetica, Arial, sans-serif;
	color: #fff;
	text-transform: uppercase;
	width: 558px;
	height: 35px;
	border: none;
	margin-top: 15px;
}
.boost_submit_btn:hover {
	background: #ffaf24;
	color: #fff;
}




/* dropdown */

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
}

.dropdown:hover .dropdown-content {
    display: block;
}