td{
	border-top-width:0 !important;
}

body {
  font-family: Arial;
  padding: 25px;
  background-color: #f5f5f5;
  color: #808080;
  	text-align: left;	
}

/*-=-=-=-=-=-=-=-=-=-=-=- */
/* Column Grids */
/*-=-=-=-=-=-=-=-=-=-=-=- */


	.col_full { 
		width: 60%;
		min-height: 80px; 
		position: relative;
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
	}


.large_input { font-size: 40px; font-weight: normal;  margin-top: 10px; margin-bottom: 0; text-align: center; }

@media screen and (min-width: 1000px) {
	.col_fourth { 
		width: 32%;
		min-height: 180px; 
		position: relative;
		display:inline;
		display: inline-block;
		float: left;
		margin-right: 2%;
		margin-bottom: 20px;
	}
	.end { margin-right: 0; }
	/* Column Grids End */

	.calculator_x1{
		width:100%;
		float:left;
		background:#30819c;
		min-height:100%;
		padding: 20px;
	}

	.ap-handshake:before{
		display: inline-block;
		width: 60px;
		height: 60px;
		margin-right: 5px;
		content: "";
		background: url("img/hands.png") no-repeat 0 0;
		background-size: 100%;
	}
	
	.ap-computer:before{
		display: inline-block;
		width: 60px;
		height: 60px;
		margin-right: 5px;
		content: "";
		background: url("img/computer.png") no-repeat 0 0;
		background-size: 100%;
	}
	
	.ap-conversation:before{
		display: inline-block;
		width: 60px;
		height: 60px;
		margin-right: 5px;
		content: "";
		background: url("img/conversation.png") no-repeat 0 0;
		background-size: 100%;
	}

	.calculator_75_percent {
		width: 75%;
		margin: 0 auto;
	}
	
	.width-75-percent{
	width:75%;
	margin:auto;
	margin-top:20px;
}
	
}


@media screen and (max-width: 999px) {
	.col_fourth { 
		width: 90%;
		min-height: 180px; 
		position: relative;
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
	}
	.end { margin-right: auto; }
	/* Column Grids End */

	.calculator_x1{
		width:100%;
		float:left;
		background:#30819c;
		min-height:100%;
	}
	

	.ap-handshake::before{
	content: url('img/hands.png');
}

	.ap-computer::before{
		content: url('img/computer.png');
	}

	.ap-conversation::before{
		content: url('img/conversation.png');
	}
	
	.width-75-percent{
	width:95%;
	margin:auto;
	margin-top:20px;
}
		
}

.my_valx{
	border:0;
	box-sizing:border-box;
    -moz-box-sizing:border-box;
	-webkit-appearance:textfield;
	box-sizing: content-box;
	width: 46px;
	line-height: 1.5;
	font-size: 40px;
	padding: 10px, 16px;
}



.wrapper { 30px auto; position: relative;}
.counter { background-color: #ffffff; padding: 20px 0; border-radius: 5px;}

.count-text { font-size: 1.5em; font-weight: normal;  margin-top: 10px; margin-bottom: 0; text-align: center; }
.fa-2x { margin: 0 auto; float: none; display: table; color: #4ad1e5; }

.calculator_x1 .barsx .calculator-plus-minus-line {
	vertical-align: top;
	padding-top: 13px;
	width: 100%
}

.calc_container{
	display:inline;
}
.calc_pakalp_buttons{
	width:1000px;
}

.calc_pakalp_buttons div {
	float:left;
	padding-left:11px;
	padding-right: 46px;
	color:white;
  margin-top: 5px;
}

.calc_sv{
	background-color:#009ddf;
}
.calc_backup{
	background-color:#9fc415; display:none;
}

.calc_title {
	padding-bottom:20px;
	padding-top:50px;
	width:1000px;
	font-size:24px;
	float:left;
}

.calc_pakalp_buttons .calc_sv {
	background: #30819c;
}

/* calc buttons*/
.minus {
	margin-left: 0px !important;
}

.ui-slider-handle {
	margin-top: -14px !important;
}

/* calculator*/
.calculator {
	margin-bottom: 33px;
}


.progress_barx{
margin-left:0px;
margin-top:-15px;
z-index: 7778 !important;
width: 0px;
height: 5px;
background-color: snow;
display: block;
z-index:2;
}

.ui-slider-handle {
    background:  url("buttons.png") !important;
	width: 38px !important;
	height: 38px !important;
	border: none !important;
	margin-top: -13px;
	font-weight: bold;
	color: #1c94c4;
	margin-left: -21px !important;
    outline: 0;


}

.ui-slider-handle:hover {
    cursor: pointer;
	background:  url("buttons.png") !important;
	width: 38px !important;
	height: 38px !important;
	border: none !important;
	margin-top: -13px;
	font-weight: bold;
	color: #1c94c4;
}

.ui-state-focus {
	border: none !important;
}

.ui-slider-horizontal {
    border-style: solid;
   border-color: snow;
	border-width: 5px !important;
	border-left: none;
	border-right: none;
	background: #009ddf;
	height:5px;
    display:inline-block;
    z-index: 0;


}



.minus {
	height:38px;
	width:38px;
	background-image:  url("buttons.png") !important;
	background-repeat:  no-repeat !important;
	background-position:  0 -81px;
	display:inline-block;
    float:left;
    margin-left:5px;
    padding-left:5px;
    margin-top:-2px;
    cursor: pointer;
    border-style:none;
    border-width:1px;
}

.plus {
	height:38px;
	width:38px;
	background-image:  url("buttons.png") !important;
	background-repeat:  no-repeat !important;
	background-position:  -1px -41px;
	display:inline-block;
    float:left;
    margin-left:17px;
    margin-top:-2px;
    cursor: pointer;
    border-style:none;
    border-width:1px;
}
.tick:first-child,.tick:last-child{
background 0 !important;
}
.tick{

	margin-top: -17px;
	margin-left: -2px;
    position: absolute;
	width: 3px;
	height: 30px;
	background: url(ticks.png);
    background-repeat: repeat-x;

}



.bg_white{ background-color:snow;}

.calc_container{float:left; padding-left:26px; color:white; margin-top: -27px;}
.sliderx label { color:white; position: absolute;width: 20px;margin-left: -12px;text-align: center;margin-top: 18px;}
.sliderx { width: 97%; float:left; margin-left:20px; margin-right: 5px;}
.barsx td{  padding-bottom:38px;}
.upcase{   text-transform: uppercase; }
.p_top25{padding-top:16px;}

.p_bot25{padding-bottom:22px; padding-left: 1px;}.p_bot30{padding-bottom:30px;}.p_bot35{padding-bottom:35px;}.p_bot40{padding-bottom:40px;}
.p_bot5{padding-bottom:4px; padding-left: 9px; font-size: 14px;}