html,body{
}

@font-face {
	font-family: 'Monad-Medium';
	src: url('fonts/Monad/Monad-Medium.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Monad-Light';
	src: url('fonts/Monad/Monad-Light.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Monad-Bold';
	src: url('fonts/Monad/Monad-Bold.otf');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Monad-SemiBold';
	src: url('fonts/Monad/Monad-SemiBold.otf');
	font-weight: lighter;
}

@font-face {
	font-family: 'Monad-Medium-Italic';
	src: url('fonts/Monad/Monad-Medium-Italic.otf');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'BebasNeue';
	src: url('fonts/BebasNeue/BebasNeue-Regular.otf');
	font-weight: normal;
	font-style: normal;
}


#header{
	background: url(img/header_bg.png);
	background-size: cover;
	background-position: center 0;
	background-repeat: no-repeat;
	width: 100vw;
	height: calc(0.5625*75vw);
	margin-bottom:80px;
}

#terms{
	background-color:#8e9d9b;
}

#terms #header{
	background:none;
	height:80px;
	margin-bottom:0;
}

#terms .title{
	/*font-family: 'Saira Extra Condensed', sans-serif !important;*/
	font-family: 'BebasNeue' !important;
}

#header .header-text-wrap{
	font-family: 'Saira Extra Condensed', sans-serif !important;
	font-size:700;
	display: flex;
	align-items: center;
	height: calc(0.5625*75vw);
}

#header .header-text{
	flex-direction:column;
	width:100%;
	line-height:1.2;
}

#header .nav-bar .logo{
	background:url("img/adsnalysis_logo.png");
	background-size:contain;
	background-position:left center;
	background-repeat:no-repeat;
	height:60px;
	width:250px;
	margin:30px;
	z-index:100;
}

#header .nav-bar-mobile .logo{
	background:url("img/adsnalysis_logo.png");
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
	height:50px;
	width:100%;
	margin:10px;
	float:left;
	position:absolute;
}

.nav-bar-mobile{
	display:none;
	width:100%;
	position:absolute;
	z-index:500;
}

#header .nav-bar .nav{
	display: flex;
	flex-direction: row;
	vertical-align: bottom;
}

#header .nav-bar .nav .item{
	display:inline-block;
	padding:30px 20px 10px 20px !important;
}

#header .nav-bar .nav .item:hover{
	background:#d02a2a;
	cursor:pointer;
}

#header .nav-bar .nav .item.red{
	background-color:#d02a2a;
}

#header .nav-bar .nav .item.red.free-trial{
	display: flex;
	align-items:center;
	flex-direction: row;
	padding:0px 20px !important;
	margin:0 0 0 20px !important;
}


#header .nav-bar{
	width:100%;
	position:absolute;
	top:0;
	z-index:10;
}

.bg-auto{
	background-color:rgba(0,0,0,0.9);
	padding:0px;
	display:inline-block;
	line-height:1;
	padding:5px 10px;;
}

#freetrial{
	color:#fff;
	width:100vw;
	height:80px;
	text-align:center;
	display:flex;
	flex-direction:row;
	align-items:center;
	background-color:rgba(0,0,0,1);
}

#freetrial .icon{
	background:url("img/check.png");
	width:30px;
	height:30px;
	background-repeat:no-repeat;
	background-size:contain;
	vertical-align:middle;
	display:inline-block;
}

#freetrial .text{
	vertical-align:middle;
}

#freetrial:hover,
#red-trial:hover{
	cursor:pointer;
}

#three-boxes{
	background-color:#e7e7e8;
}

#three-boxes .container div{
	text-align:center;
	padding:0 50px 0 50px;
}

#three-boxes .bot{
	margin:30px 0 30px 0;
	background:url("img/bot.png");
	display:inline-block;
	background-size:contain;
	background-position:center center;
	width:100%;
	background-repeat:no-repeat;
	height:200px;
}

#three-boxes .competition-wrap{
	background-color:#c9cacc;
}

#three-boxes .competition{
	margin:30px 0 30px 0;
	background:url("img/superman.png");
	display:inline-block;
	background-size:contain;
	background-position:center center;
	width:100%;
	background-repeat:no-repeat;
	height:200px;
}

#three-boxes .anonymous{
	margin:30px 0 30px 0;
	background:url("img/anonymous.png");
	display:inline-block;
	background-size:contain;
	background-position:center bottom;
	width:90%;
	background-repeat:no-repeat;
	height:200px;
}

#three-boxes .title{
	display:inline-block;
	background-color:rgba(0,0,0,0.9);
	padding:10px 30px 10px 30px;
	color:#fff;
	width:auto;
	font-size:15px;
	margin-bottom:30px;
}

#three-boxes .text{
	display:inline-block;
	margin-bottom:30px;
	font-size:13pt;
}

#campaign .container{
	margin:auto;
}

#campaign{
	background-color:#ec2028;
	width:100%;
	height:180px;
	display:flex;
	text-align:center;
	flex-direction:column;
}

#campaign .globe{
	width:80px;
	height:80px;
	background:url("img/globe.png");
	display:inline-block;
	background-size:contain;
	background-repeat:no-repeat;
	vertical-align:middle;
}

#campaign .campaign-text{
	margin-left:20px;
	color:#fff;
	text-align:left;
}

#testimonials{
	padding:50px;
}

#testimonials .pic{
	display:inline-block;
	width:150px;
	height:150px;
	background-size:contain;
	background-repeat:no-repeat;
}

#testimonials .pic.pic1{
	background:url("img/pic1.png");
	background-size:contain;
	background-repeat:no-repeat;
}

#testimonials .pic.pic2{
	background:url("img/pic2.png");
	background-size:contain;
	background-repeat:no-repeat;
}

#testimonials .pic.pic3{
	background:url("img/pic3.png");
	background-size:contain;
	background-repeat:no-repeat;
}

#testimonials .container div{
	display:flex;
	align-items:center;
	flex-direction:column;
	padding:30px 60px 30px 60px;
	text-align:center;
}

#testimonials .text{
	margin:20px;
}

#testimonials .name{
	margin:20px;
}

#testimonials .separator{
	display:inline-block;
	width:150px;
	border-top:7px solid #f00;
}

#google-bing{
	background-color:#000;
	height:180px;
	width:100%;
	color:#fff;
	text-align:center;
	display:flex;
	align-items:center;
	flex-direction:row;
}

#google-bing .logo{
	background:url("img/google_bing.png");
	display:inline-block;
	background-size:contain;
	background-repeat:no-repeat;
	margin-bottom:20px;
	width:300px;
	height:50px;;
}

#red-trial{
	height:80px;
	width:100%;
	background-color:#ec2028;
	display:flex;
	align-items:center;
	flex-direction:row;
}

#red-trial .logo{
	background:url("img/black_check.png");
	display:inline-block;
	vertical-align:middle;
	background-size:contain;
	height:30px;
	width:30px;
}

#red-trial .text{
	margin:auto;
	vertical-align:middle;
	margin-left:10px;
}

#monitor,#block{
	padding:50px;
	background-color:#e7e7e8;
}

#monitor .pic{
	background:url("img/monitor.png");
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center top;
	width:100%;;
	height:200px;
	margin-bottom:50px;
}

#monitor .text{
	text-align:center;
}

#monitor .title{
	text-align:center;
}

#detect{
	padding:50px;
	background-color:#c9cacc;
}

#detect .pic{
	background:url("img/detect.png");
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center top;
	width:100%;;
	height:200px;
	margin-bottom:50px;
}

#detect .text{
	text-align:center;
}

#detect .title{
	text-align:center;
}

#block .pic{
	background:url("img/block.png");
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center top;
	width:100%;;
	height:200px;
	margin-bottom:50px;
}

#block .text{
	text-align:center;
}

#block .title{
	text-align:center;
}

#features-bar{
	background-color:#000;
	width:100%;
	height:80px;
	display:flex;
	flex-direction:row;
	align-items:center;
	color:#fff;
	text-align:center;
}

#features-icons{
	padding:0px;
}

#features-icons .container div{
	text-align:center;
	padding:40px;
	margin:20px 0 20px 0;
}

#features-icons .icon{
	display:inline-block;
	background-size:contain !important;
	background-repeat:no-repeat !important;
	background-position:center center !important;
	width:150px;
	height:150px;
}

#features-icons .icon.fraud-monitor{
	background:url("img/247.png");
}

#features-icons .icon.shield{
	background:url("img/shield.png");
}

#features-icons .icon.refund{
	background:url("img/refund.png");
}

#features-icons .icon.mag{
	background:url("img/mag.png");
}

#features-icons .icon.list{
	background:url("img/list.png");
}

#features-icons .icon.para{
	background:url("img/para.png");
}

#features-icons .text{
	display:inline-block;
	width:100%;
}

#features-icons .title{
	font-family: 'Saira Extra Condensed', sans-serif !important;
	display:inline-block;
	width:100%;
	background-color:#000;
	padding:10px;
	color:#fff;
	margin:20px 0 20px 0;
}

#click-data{
	background-color:#c9cacc;
	padding:50px 0 0 0;
}

#click-data .logo{
	display:inline-block;
	background:url("img/monitor2.png");
	background-position:right center;
	background-size:contain;
	height:200px;
	background-repeat:no-repeat;
}

#click-data .text{
	display:flex;
	flex-direction:row;
	align-items:center;
	height:auto;
}

#click-data .text .title{
	/*font-family: 'Saira Extra Condensed', sans-serif !important;*/
	font-family: 'BebasNeue' !important;
	display:inline-block;
	width:100%;
}

#footer-detail{
	text-align:center;
	background-color: #231f20;
	padding:50px;
}

#footer-detail .logo{
	display:inline-block;
	background:url("img/adsnalysis.png");
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	height:30px;
	width:100%;
}

#footer-detail .text{
	color:#c9cacc;
}

#footer-bar{
	background-color:#5c5d5f;
	padding:20px;
	font-size: 12px;
}

.font-monad-semibold{
	font-family:'Monad-SemiBold' !important;
}

.font-monad-light{
	font-family:'Monad-Light' !important;
}

.font-monad-medium{
	font-family:'Monad-Medium' !important;
}

.font-monad-medium-italic{
	font-family:'Monad-Medium-Italic' !important;
}

.font-monad-bold{
	font-family:'Monad-Bold' !important;
}

a,
a:visited,
a:hover{
	color:#fff !important;
	text-decoration:none !important;
}

.modal-dialog a,
.modal-dialog a:visited,
.modal-dialog a:hover{
	color:blue !important;
}

.modal {
	text-align: center;
	padding: 0!important;
	white-space:nowrap;
}

.ws-normal{
	white-space:normal;
}

.modal:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -4px;
}

.modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}

.modal-content{
	border-radius:0 !important;
}

.winrefunds-modal-logo{
	background:url('img/win_refunds.png') no-repeat;
	background-position:center center;
	background-size:100px 50px !important;

	position: absolute;
	display: inline-block;
	margin-top: -50px;
	margin-left:-50px;
	background-color: #fff;
	border-radius: 50%;
	width: 100px;
	height: 100px;
	padding: 59px;
	z-index:9999;
}


.modal-logo-wrap{
	width:100%;
	text-align:center;
}

.modal-body{
	padding:0px !important;
}

.modal-header{
	background-color:#d02a2a;
	height:150px;
	padding-top:50px !important;
	padding-bottom:90px !important;
	color:#fff;
	width:100%;
	text-align:center;
}

.login-error-box,
.signup-error-box,
.advertiser-error-box
{
	display:none;
}

.login-error-box div,
.signup-error-box div,
.advertiser-error-box div
{
	flex:1;
	border:1px solid red;
	color:red;
}

div.captcha{
	width:110px;
	height:50px;
	background-color:#888;
	margin-right:10px;
	background-size:contain !important;
	background-repeat:no-repeat !important;
}
input.captcha{
	padding:13px !important;
}

.username,.email,.password,.brandname,.contact_email,.hear_about_us{
	padding:13px !important;
	background:#fff !important;
	color:#777 !important;
	border:1px solid #ccc;
}

.user-logo {
	width: 50px;
	height: 50px;
	margin-right: 10px;
	background: #888;
	color:#fff;
	display:flex;
	font-size:17pt;
}

.user-logo i{
	margin:auto;
}

.display-flex{
	display:flex;
}

.flex{
	flex:1 !important;
}

.login-btn,
.signup-btn,
.modal-main-btn
{
	width:100%;
	padding:16px;
	text-align:center;
	color:#fff;
	font-size:20px;
	background-color:#d02a2a;
	border:none;
}

.login-btn:hover,
.signup-btn:hover,
.modal-main-btn
{
	color:#fff;
	cursor:pointer;
	text-decoration:none;
}


.signupbtn{
	background-color:#d64599;
	padding:15px;
	border:0;
	margin-top:20px;
	width:80%;
	font-size:15pt;
	color:#fff;
}

.adsnalysis-modal-logo{
	background:url('img/adsnalysis_icon.png') no-repeat;
	background-position:center center;
	background-size:45px 50px !important;

	position: absolute;
	display: inline-block;
	margin-top: -50px;
	margin-left:-50px;
	background-color: #000;
	border-radius: 50%;
	width: 100px;
	height: 100px;
	padding: 59px;
	z-index:9999;
}

.login-error-box,
.signup-error-box,
.advertiser-error-box
{
	display:none;
}

.login-error-box div,
.signup-error-box div,
.advertiser-error-box div
{
	flex:1;
	border:1px solid red;
	color:red;
}


.nav-bar-mobile .fa-bars{
	z-index:120;
	position:absolute;
}

.mobile-menu .fa-close{
	position:absolute;
}

.mobile-menu{
	background-color: #f00;
	z-index: 100;
	position: absolute;
	width: 100%;
	overflow: hidden;
	height:0px;
	max-height:230px;
	z-index:130;
	-webkit-transition: height 0.5s; 
	-moz-transition: height 0.5s; 
	-ms-transition: height 0.5s; 
	-o-transition: height 0.5s; 
	transition: height 0.5s;  
}

.mobile-menu ul{
	width:100%;
	text-align:center;
	list-style:none;
	padding:20px 20px 0px 20px;
}

.mobile-menu ul li{
	color:#fff;
	font-weight:bold;
	padding:0 0 20px 0;
}


@media (max-width: 991px) {
	.nav-bar,
	.header-text{
		display:none !important;
	}

	.nav-bar-mobile{
		display:block !important;
	}

	.container{
		width:100% !important;
		padding:0 !important;
	}

	#header .header-text-wrap{
		height: calc(0.56*75vw);
	}

	#three-boxes .text{
		width:80vw !important;
	}

	#click-data .logo{
		display:inline-block;
		background:url("img/monitor2.png");
		background-position:center center;
		background-size:contain;
		width:100%;
		height:200px;
		background-repeat:no-repeat;
	}

	#click-data .text{
		text-align:center;
	}

	#header,
	#header .header-text-wrap{
		height:100vw !important;
	}

	#header .header-text-wrap{
		margin-top:-3px;
	}

	#header{
		background: url(img/header_bg_mobile.png);
		background-size: cover;
		background-position: center 0;
		background-repeat: no-repeat;
		width: 100vw;
		margin-bottom:0;
	}

	#testimonials{
		text-align:center;
	}

	#testimonials .testimonial{
		width:100%;
	}

	.testimonial span{
		display:block;
	}

	.slick-dots li button:before{
		font-size:20pt !important;
	}

	#stop-fraud{
		background-color:#000;
	}

	#stop-fraud .text1{
		padding:20px 0 0 0;
		text-align:center;
		color:#fff;
		font-family: 'Saira Extra Condensed', sans-serif !important;
	}

	#stop-fraud .text2{
		padding:0 0 20px 0;
		text-align:center;
		color:#fff;
	}

	.red{
		color:red;
	}

	#click-data br,
	#footer br{
		display:none !important;
	}

	#click-data{
		padding-bottom:20px;
	}

	.slick-prev:before,
	.slick-next:before{
		color:#888 !important;
		font-size:30px !important;
	}

	.slick-prev,
	.slick-next{
		z-index:9999;
	}

	.slick-list .col-md-4{
		padding:0px !important;
		width:100vw !important;
		padding:80px !important;	
		text-align:center;
	}

	.slick-prev{
		left:25px !important;
	}

	.slick-next{
		right:15px !important;
	}
}