/*===================================
		Button Styles
====================================*/

.nginx-button{
	display: inline-block;
	border:2px solid #F0A828;
	font-size: 17px;
	text-transform: uppercase;
	border-radius: 4px;
	padding: 11px 35px;
	font-weight: 500;
	position: relative;
}
a.button-primary,
button.button-primary,
.button-primary{
	background: #F0A828;
	color: #200000;
}
a.button-primary:hover,
button.button-primary:hover,
.button-primary:hover{
	background: #eea119;
}
a.button-secondary,
button.button-secondary,
.button-secondary{
	background: none;
	color: #000;
}
a.button-secondary:hover,
button.button-secondary:hover,
.button-secondary:hover{
	/*background: #fbfbfb;*/
}

a.btn-have-icon,
button.btn-have-icon,
.btn-have-icon{
	padding: 11px 54px 11px 22px;
}
.btn-have-icon .icon {
    bottom: 0;
    font-size: 24px;
    height: 24px;
    line-height: 1.1;
    margin: auto;
    padding-top: 1px;
    position: absolute;
    right: 18px;
    top: 0;
}

.share-report .nginx-button{
	font-size: 15px;
}
form .nginx-button{
	width: 100%;
}
button.nginx-button.btn-have-icon span.icon{
	margin: auto !important;
}

@media screen and (max-width: 800px){
	.pre-footer-cta-button .nginx-button{
		width: 100%;
		text-align: center;
	}
}

.email-subscribe-btn-white{
	border: 2px solid #dcd8d6;
	box-shadow: none;
	color: #666!important;
	display: block;
	float: none;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 7px 45px 7px 10px!important;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.email-subscribe-btn-white.btn-have-icon .icon{
	width: 20px; 
	height: 22px; 
	font-size: 21px;
	color: #dcd8d6;
}

/*=====Instruction====
<a href="" class="nginx-button button-secondary">Button 1</a>
<a href="" class="nginx-button button-primary">Button 2</a>
<a href="" class="nginx-button button-primary btn-have-icon">Button 3 <span class="icon icon-arrow-disc"></span></a>
=====================*/

/*==== Nginx Marketo Form start ======*/

.mktf_err_msg{
	background: #000; color: #fff; font-size: 12px; padding: 0px 8px 8px; position: absolute; z-index: 999999; 
}
.mktf_err_msg.black{ background: #000; color: #fff; }
.mktf_err_msg.white{ background: #fff; color: #333; }
.mktf_err_msg .top_arrow{
	width: 0; 
	height: 0; 
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #000; 
	position: relative; top: -8px
}

.mktf_submit_button.loading{ 
 background-image:url('img/loader@2x.gif')!important;;
 background-repeat:no-repeat!important;
 background-position:20px 17px;
}

.mktf_select_wrapper{
	position: relative;
}

/* select2 */
.mktf_dropdown.select2-selection.select2-selection--single{
    font: 200 15px "Aktiv Grotesk W01","Helvetica Neue",Arial,sans-serif;
}
.select2-dropdown.mktf_dropdown {
	z-index: 99999999;
}
.mktf_dropdown .select2-selection__rendered {
	padding-top: 4px !important;
	border: 1px solid #989898 !important;
	border-bottom: none !important;
	text-align: left;
	background-color: white !important;
	color: #989898 !important;
	height: 40px;
}

.mktf_dropdown[aria-expanded=true] .select2-selection__rendered {
	border-bottom: 1px solid white !important;
}

.mktf_dropdown[aria-expanded=false] .select2-selection__rendered {
	border-bottom: 1px solid #989898 !important;
}

.mktf_dropdown .select2-selection__arrow {
	margin-top: 5px !important;
}

.mktf_dropdown.select2-selection.select2-selection--single {
	height: 40px !important;
	font-weight: bold;
	border: none;
}

.mktf_dropdown.select2-dropdown {
	border: 1px solid #989898;
	border-radius: inherit;
	border-top: none !important;
	font-weight: bold;
}

.mktf_dropdown .select2-selection--single .select2-selection__rendered {
	height: 40px;
}

.mktf_dropdown .select2-results__option {
	color: #989898 !important;
	background-color: white !important;
}

.mktf_dropdown .select2-results__option--highlighted[aria-selected] {
	background-color: #5897fb !important;
	color: black !important;
}

.mktf_dropdown .select2-selection--single {
	border: none;
}

.mktf_dropdown .select2-selection.select2-selection--single[aria-expanded=false] .select2-selection__rendered {
	border-bottom: 1px solid #989898 !important;
}
/*==== Nginx Marketo Form end ======*/