<style>
			/* This file was generated 10:05pm, 3/11/2015 by Andrew McLeod */

			/* Imported Data Begins */
			
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);




@font-face {
	font-family: 'codropsicons';
	src:url('../fonts/codropsicons/codropsicons.eot');
	src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),
		url('../fonts/codropsicons/codropsicons.woff') format('woff'),
		url('../fonts/codropsicons/codropsicons.ttf') format('truetype'),
		url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');
	font-weight: normal;
	font-style: normal;
}

			/* Own CSS data begins */
			
			/* Header */
	
html {
  font-family: 'lato', Calibri, Arial, sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

body {
	font-family:'codropsicons', Calibri, Arial, sans-serif;
	
}

#cpminputscost {
	padding-right:70px;
	}

.card-body {
	opacity:70%;
}

.card-tab {
	min-height:390px;
}

#background {
background-color: #B3DBDB;
	}



	
.main,
.container > header {
	margin: 0 auto;
	padding: 1em;
	height:15%;
	min-height:50px;
	width:100%;
}

.container > header {
	text-align: center;
}
	
.col-md-3 {
	min-width:24%;
}

h1 {
	font-size: 3em;
	line-height: 1.3;
	margin: 0;
	font-weight: 300;
	text-align:center;
}

h2, h3{
	font-weight: 400;
	text-align:center;
	font-family:inherit;

}


.main-header {
	font-size:30px;
	Font-weight:100;
}

.sub-header{
	font-size:24px;
	Font-weight:100;
}

.ad {
	display:none;
	}

.container > header h2 {
	display: block;
	font-size: 150%;
	opacity: 0.5;
	margin-top:0px;
	line-height:2em;

}



/* Navigation */

.active-tab, .active-tab:hover, .active-tab:focus, .active-tab:active  {
	border:1px solid #d6d6c2;	
	border-top:1px solid white !important;
	border:1px solid #d6d6c2;
	opacity: 0.9 !important;
	border-bottom:1px solid #d6d6c2 !important;
}

a.disabled {
 z-index:1;
}

.content {

	width:100%;
	min-height:550px;
}
.sub-nav-tabs.sub-nav-justified>li {
	border-radius:none;
}

.sub-nav-tabs.sub-nav-justified>li {
	border-radius:none;
}

.dropdown-menu>li>a {
	font-size:1.3em;
	font-weight:200;
}


.sub-nav-tabs.sub-nav-justified>a>div  {
	font-weight:500;
	color:#000;
	border-bottom:none;
	font-size:1.5em;

}
.dropdown-menu{
	width:95%;
	border-radius:0;
	border:1px solid #d6d6c2;
	margin:0;
	border-top:none;
}

#othertab:hover > #dropdown-other{
	display:block;
}

.slim {
	padding: 5px;
	height:5%;
}


#outputbox {
	background-color: #fff;
}

 .sub-nav >div >a>div:hover, .sub-nav >div>a>div:focus, .sub-nav >div>a>div:hover,  .sub-nav >div >div:hover, .sub-nav >div>div:focus, .sub-nav >div>div:hover  {

	border-radius: 0px;
	background-color:#FFF;

	opacity: 1.0;


}



.sub-nav > div {
	border-radius: 0px;
	font-size:1.1em;
	

}

.full-tab {
	display:inline;
}

.alternate {
	display:none;
}

.sub-nav-tabs {
	border-radius: 0;
	border-bottom: none;
}


#tools-id {
	opacity:40%;
}









/* Content */
#contentcontainer {
	position:relative;
	max-width:500px;
	width:100%;
	margin: 0 auto 0 auto;
	max-height:740px;

}

.content {
	min-height:85%;
	overflow:auto;
	
}

.content-div {
	width:100%;
	padding-bottom:3%;
	position:absolute;
	display:inline-block;
	left:100%;
	float:left;

}
	.ad {
	position:absolute;
}
	.check-nav {
	width:30%
	}


.btn {
	width:48%;
	margin:0px;
	position:relative;
	border-radius:0px;
}



/* CPM-Calculator page */

.btn-default {
	background-color: #fff;
	
	width:48%;
	margin: 5px 5px 5px 0;
	font-weight: 600;
	font-size:1.5em;
	left:0px;
	
}






.warning{
	color:black;
	font-weight:bold;

	position:absolute;
	padding-left:3px;
	padding-right:10px;
	right:0px;
}

.btn-success, .btn-warning, .btn-info {
	color: #000 !important; 
	width:24%;
	margin: 0 1%;
	font-weight: 600;
	font-size:1.5em;
	right:0px;
	
}

.btn-primary {
	background-color: #468ac5;
	color: #000 !important; 
	width:48%;
	margin: 5px 0px 5px 5px;
	font-weight: 600;
	font-size:1.5em;
	right:0px;
	
}
.copy {
	width:100%;
	margin:0;
}
	
.btn-primary:hover, .btn-primary:active, {
	color: #000; 
}

.notactive {
	visibility:hidden;
}

.active {
	visibility:visibile;
	
}

.notactivead {
	display:none;
	position:absolute;
}

.activead {
	display:inline-block;
	position:absolute;
	
}
.input-group{
	width:100%;
}
.form-group{
	width:100%;
	height:8%;
}

.tag {
	top:-25px;
	right:12px;
	
	font-size:1.2em;
	float:right;
	position:relative;
	z-index:100;
}

.form-inputs {
	text-align:right;
	padding-right:80px;
	max-height:80px;
}
.form-group{
height: 5%;
margin-bottom:0px;
}
.cost {
	height:5%;
}




.inputs {
	background-color:#ffffff;
	line-height:20px;
	color:#000;
	opacity:0.8;
	position:absolute;
	display:block;
	border:none;
	font-size:1.3em;
	height:40px;
	border-radius:0px;
	text-align:right;
	padding-right:55px;

}

.uri {
	font-size:1em;
	padding-right:0px;
	word-wrap:break-word;
}

.arrow-up {
	width: 0; 
	height: 0; 
	opacity:0.9;
	margin-left:20%;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid white;
	margin-top:5%;
}

.share-link {
	border-bottom:1px solid grey;
	top:-2px;
	margin:3% 2% 0 2%;
	display:inline-block;
	height:50%;
	font-size:1.6em;
	border-radius:0;
	line-height:20px;
	box-shadow:none;
	padding-top:2%;
	padding-right:1%;
}

.copy-link {
	margin:0 5% 0 5%;
	height:60%;
	border-radius:0;

}

.linkdropdown {
	width:100%;
	height:70px;
	opacity: 0.9;
	background-color:white;
	border-radius:3px;
	border:1px solid grey;
	border-top:none;
	
}

.utm-inputs {
	text-align:left;
	}

.suggestion-input {
	text-align:left;
	
}

.sub-nav {
	
	width:100%;
	padding:0;	
	margin:0;

}

.main-nav {
	height:4%;
	display:relative;
}

.not-active {
   pointer-events: none;
   cursor: wait;
}

 .row {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    cursor: pointer;
	


} 

.sub-nav div a div, .sub-nav div div{
	font-weight:600;
	font-size:1.2em;
	background-color:#fff;
	text-align:center;	
	border-top:1px solid #d6d6c2;
	padding: 15px 0;
	text-decoration:none;
	cursor:pointer;
	color:#000;
	opacity:0.8;

} 

.slim div a div, .slim div div{
	padding: 5px 0;
	opacity:0.7;

} 




.title {
	float:left;
	text-align:left;
	font-size:18px;
}




#cpmInputswarning {
font-weight:700;
margin: 5 30;
}

#custom-search-input {
        margin:0;
        margin-top: 10px;
        padding: 0;
    }
 
    #custom-search-input .search-query {
        padding-right: 3px;
        padding-right: 4px \9;
        padding-left: 3px;
        padding-left: 4px \9;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
 
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
 
    #custom-search-input button {
        border: 0;
        background: none;
        /** belows styles are working good */
        padding: 2px 5px;
        margin-top: 2px;
        position: relative;
        left: -28px;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        color:#D9230F;
    }
 
    .search-query:focus + button {
        z-index: 3;   
    }











/* Footer */


.footer {
	height:3%;
	min-height:40px;
	width:100%;
	position:absolute;
	margin-bottom:0px;
	bottom:0;
	background-color: #45474E;
	color: #ffffff;
	font-size:1.2em;
	text-align:center;
	z-index:200;
}
.footer a {
	color:white;
}



 



 .sub-nav >div >a:hover, .sub-nav >div>a:focus, .sub-nav >div>a:hover {

	border-radius: 0px;
	background-color:#FFF;

	opacity: 1.0;


}


.sub-nav >div >a:hover + #dropdown-our{
	display:block;
}

.sub-nav >div >a:hover + #dropdown-our{
	display:block;
}

#othertab{
	display:block;
}

.slim {
	display:none;
}
  
.active-tab, .active-tab:hover, .active-tab:focus, .active-tab:active  {
	border:1px solid #d6d6c2;	
	border-top:1px solid white !important;
	border:1px solid #d6d6c2;
	opacity: 0.9 !important;
	border-bottom:0px solid #d6d6c2 !important;
}


@media 
(-webkit-min-device-pixel-ratio: 2) and (max-height:650px) {
	.alternate {
		display:inline;
	}
	.full-tab {
		display:none;
	}
	
	#contentcontainer {
	max-width:1000px;
	margin:5%;
	width:90%;
	
	}
	.content {
		min-height:90%;
	}
	.container {
		width:100%;
	
	}
	
	.container > header {
	height: 8%;
	min-height:80px;
	width:100%;
	
	}
	.container > header > h1 > h2 {
	display:none;
	}

	.sub-nav div a div, .sub-nav div div{
	font-size:2.5em;

} 
	
	.inputs {
	height: 110%;
	font-size:4em;
	padding: 2.5% 10% 2.5% 2.5%;
}	
	h1 {
		font-size:5em;
	}

	h3 {
	font-size:5em;
	padding-bottom: 2%;	
}


	
	.title{
		font-size:3.5em;
		margin:auto;
		width:100%;
		text-align:center;
	}
	.tag {
		font-size:2em;
		top:-50px;
	}
	.btn {
		padding:3%;
		font-size:3em;
	}
	.utm-inputs {
		font-size:4em;	
	}

}

@media screen and (max-height:650px) {
	.container > header > h2 {
	display:none;
	}
}

@media screen and (max-width:768px) {
		.alternate {
		display:inline;
	}
	.full-tab {
		display:none;
	}
	
	#contentcontainer {
	max-width:1000px;
	width:90%;
	
	}
	.content {
		min-height:88%;
	}
	.container {
		width:100%;
	
	}
	
	.container > header {
	height: 7%;
	min-height:80px;
	width:100%;
	
	}
	.container > header > h1 > h2 {
	display:none;

	}

	.sub-nav div a div, .sub-nav div div{
	font-size:1em;
	padding: 15px 0 15px 0;

} 
	
	.inputs {
	height: 110%;
	font-size:1.4em;
	padding: 1.5% 8% 1.5% 1%;
}	
	h1 {
		font-size:2.5em;
	}

	h3 {
	font-size:2em;
	padding-bottom: 2%;	
}
	

	
	.title{
		font-size:1.5em;
		margin:auto;
		width:100%;
		text-align:center;
	}
	.tag {
		font-size:1em;
		top:-20px;
	}
	.btn {
		padding:3%;
		font-size:1em;	
	}
	.utm-inputs {
		font-size:1.5em;	
	}
	.footer {
		height:2%;
		min-height:30px;
	}

}