/* General Styles */

.clear {
    width           :   100%;
    clear           :   both;
}

.clear5 {
    width           :   100%;
    clear           :   both;
    height          :   5px;
}

.clear10 {
    width           :   100%;
    clear           :   both;
    height          :   10px;
}

.clear15 {
    width           :   100%;
    clear           :   both;
    height          :   15px;
}

.clear20 {
    width           :   100%;
    clear           :   both;
    height          :   20px;
}

.clear25 {
    width           :   100%;
    clear           :   both;
    height          :   25px;
}

.center {
	width			:	100%;
	text-align		:	center;
	margin			:	20px 0;
}

.scenter {
	width			:	100%;
	text-align		:	center;
	margin			:	5px 0;
}

.loader {
	width			:	100%;
	padding-top		:	90px;
	position		:	absolute;
	text-align		:	center;
	display			:	none;
	z-index			:	99;
}

.req {
	border			:	2px dashed #FF0000!important;
}

/* Form Styles */

.seotl-form h1,
.seotl-form h2,
.seotl-form h3,
.seotl-form h4 {
	margin-bottom	:	10px;
}

.seotl-form h4 {
	color			:	#878787;
	font-weight		:	normal;
}

.seotl-form input[type=text],
.seotl-form select {
	width			:	75%;
	margin-bottom	:	10px;
	border			:	2px solid #395470;
	background		:	#EFF6F7;
	color			:	#1E3348;
	padding			:	5px;
	line-height		:	normal;
	height			:	50px;
	text-align		:	center;
	-webkit-border-radius	: 	10px;
	-moz-border-radius		: 	10px;
	border-radius			: 	10px;
}

.seotl-form select#seotl_version {
	width			:	400px;
}

#seotl_version_msdd {
	overflow		:	visible;
	height			:	auto;
	display			:	block;
	margin			:	0 auto;
}

#seotl_version_child {
	z-index			:	99;
	height			:	auto!important;
	text-align		:	left;
}

.tlvalue {
	width			:	72%!important;
}

.seotl-form p {
	font-size		:	15px;
	color			:	#1E3348!important;
	margin			:	10px 0 5px 0;
}

.seotl-form .btn-primary {
	background		:	#628F98;
	border			:	none;
}

.your-search,
.results {
	padding			:	10px;
	background		:	#dbd5d5;
	text-align		:	left;
	font-size		:	13px;
	height			:	auto;
	display			:	block;
	overflow		:	hidden;
	border			:	2px solid #BFBFBF;
	margin			:	5px 0 15px 0;
}

.results {
	background		:	none;
	padding			:	0;
	font-size		:	16px;
}

.your-search h2 {
	font-size		:	25px;
	margin			:	0 0 10px 0;
	color			:	#628F98;
}

.results h3 {
	font-size		:	20px;
	padding			:	5px;
	width			:	100%;
	background		:	#dbd5d5;
	border-bottom	:	2px solid #BFBFBF;
}

.results .inner {
	padding			:	0 10px 10px 10px;
}

.your-search div {
	padding			:	0 10px 5px 0;
}

.table {
	width			:	100%;
	height			:	auto;
	display			:	block;
	overflow		:	hidden;
	margin			:	5px auto 15px auto;
	border			:	1px solid #BFBFBF;
	border-bottom	:	2px solid #BFBFBF;
}

.table .head {
	font-weight		:	bold;
	color			:	#628F98;
	background		:	#dbd5d5;
	border			:	1px solid #BFBFBF;
	border-left		:	none;
	border-bottom	:	none;
	padding			:	5px;
	min-height		:	50px;
}

.table .head-first {
	border-left		:	1px solid #BFBFBF;
}

.table .head-last {
}

.table .bdy {
	font-weight		:	bold;
	background		:	#FFF;
	color			:	#1E3348;
	border			:	1px solid #BFBFBF;
	border-left		:	none;
	border-bottom	:	none;
	padding			:	5px;
	height			:	30px;
}

.table .bdy-first {
	border-left		:	1px solid #BFBFBF;
}

.table .bdy-current {
	background		:	#FFEA96;
}

.mobile-label {
	display			:	none;
	text-align		:	left;
	width			:	50%;
	float			:	left;
	border-right	:	1px solid #BFBFBF;
	height			:	100%;
	font-size		:	15px;
}

.ui-slider {
	width			:	30%;
	margin			:	10px auto 5px auto;
}

.slider-labels {
	width			:	30%;
	margin			:	2px auto 15px auto;
	display			:	block;
	position		:	relative;
	height			:	20px;
}
	
#brandname2 {
	width			:	15%;
}
	
#conversionrate {
	width			:	90%;
}
	
.slider-labels-cr {
	width			:	90%;
}
	
.brandname2 {
	width			:	15%;
}

.ui-slider-horizontal {
	height			: 	20px;
	border			:	1px solid #101F2D;
	background		:	#1E3348;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background		:	#B8C16B;
	border			:	1px solid #82893D;
}

.ui-slider-horizontal .ui-slider-handle {
	top				: 	-4px;
	margin-left		: 	-15px;
}

.ui-slider .ui-slider-handle {
	width			: 	26px;
	height			: 	26px;
	cursor			:	pointer;
}

.slider-single {
	width			:	80%;
	margin			:	0 auto;
}

.slider-labels div {
	position		:	absolute;
	font-size		:	13px;
	color			:	#628F98;
}

.slider-labels .left {
	left			:	-8px;
}

.slider-labels .middle {
	left			:	50%;
	margin-left		:	-28px;
}

.slider-single .slider-labels .middle {
	margin-left		:	-15px;
}

.slider-labels .right {
	right			:	-8px;
}

.g-recaptcha div div {
	margin			:	0 auto;
}

#kcheck_error {
	margin			:	10px 0 5px 0;
	color			:	#FF0000;
}

#dcurr {
	font-size		:	25px;
}

#result_text h3 {
	font-size		:	20px;
}
    
@media (max-width: 979px) {

	.ui-slider {
		width			:	15%;
	}
	
	#conversionrate {
		width			:	90%;
	}
	
	.slider-labels {
		width			:	15%;
	}
	
	.slider-labels-cr {
		width			:	90%;
	}
	
}
    
@media (max-width: 767px) {
	
	.seotl-form {
		padding			:	0;
	}

	.ui-slider {
		width			:	15%;
	}
	
	#conversionrate {
		width			:	90%;
	}
	
	.slider-labels {
		width			:	15%;
	}
	
	.slider-labels-cr {
		width			:	90%;
	}
	
	.table .head {
		display			:	none;
	}
	
	.table .bdy {
		border-left		:	1px solid #BFBFBF;
	}

	.table .bdy-first {
		border-top		:	2px solid #BFBFBF;
	}
	
	.mobile-label {
		display			:	block;
	}

	.table .bdy-odd {
		background		:	#dbd5d5;
	}
	
}
    
@media (max-width: 480px) {
	
	.seotl-form .col-md-12 {
		padding			:	0;
	}
	
	.seotl-form input[type=text],
	.seotl-form select {
		width			:	100%;
		max-width		:	100%;
	}

	.seotl-form select#seotl_version {
		width			:	280px;
		max-width		:	100%;
	}

	.ui-slider {
		width			:	35%;
	}
	
	#conversionrate {
		width			:	100%;
	}
	
	#brandname2 {
		width			:	35%;
	}
	
	.slider-labels {
		width			:	35%;
	}
	
	.slider-labels-cr {
		width			:	100%;
	}
	
	.table .head {
		min-height		:	35px;
	}
	
	input[type=button], #run_api, a.btn, button {
		width		:	100%!important;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box; 
	}
	
}