.display{
	position: relative;
	font-family: Tahoma, Geneva, sans-serif;
}

.display-indicator {
	position: relative;
	border: 4px solid #999999;
	background-color: #fff;
	text-align: right;
	vertical-align: middle;
	padding: 2px 15px 2px 30px;
	overflow: hidden;
	line-height: initial;
}

.display-indicator-ceils{
	position: relative;
	/*height: 55px;*/
	height: 98px;
	overflow: hidden;
}

.display-values {
	display: inline-block;
	position: absolute;
	font-size: 0px;
	display: block;
	bottom: 0px;
	right: 0px;
	letter-spacing: 3px;
}

.display .calculation-pro{
	height: 18px;
	padding: 2px 0;
}

.calculation-operations{
	padding: 0 0 2px 0;
	overflow: hidden;
	font-size: 16px;
	line-height: 20px;
	height: 20px;
}

.display .status-block,
.display .calculation-block{
	height: 120px;
}

.display .status-block{
	position: absolute;
	top: 2px;
	left: 0px;
	width: 20px;
	bottom: 0px;
}

.display .calculation-block{
	top: 0px;
	right: 0px;
	left: 20px;
	bottom: 0px;
}

.display .calculation-progress,
.display .display-memory{
	position: absolute;
	left: 6px;
}

.display .calculation-progress{
	top: 8px;
}

.display .display-memory{
	bottom: 0px;
}




@media screen and (max-width: 600px) {
	.display .status-block,
	.display .calculation-block{
		height: 100px;
	}

	.display-indicator-ceils{
		height: 78px;
	}
}

@media screen and (max-width: 500px) {
	.display .status-block,
	.display .calculation-block{
		height: 80px;
	}

	.display-indicator-ceils{
		height: 58px;
	}
}

@media screen and (max-width: 320px) {
	.display .status-block,
	.display .calculation-block{
		height: 60px;
	}

	.display-indicator-ceils{
		height: 38px;
	}
}


/* JS Media Elements*/
.calc-wrapper[max-width~="600px"] .display .status-block,
.calc-wrapper[max-width~="600px"] .display .calculation-block{
	height: 100px;
}

.calc-wrapper[max-width~="600px"] .display-indicator-ceils{
	height: 78px;
}

.calc-wrapper[max-width~="500px"] .display .status-block{
	height: 80px;
}

.calc-wrapper[max-width~="500px"] .display .calculation-block{
	height: 80px;
}

.calc-wrapper[max-width~="500px"] .display-indicator-ceils{
	height: 58px;
}

.calc-wrapper[max-width~="320px"] .display .status-block,
.calc-wrapper[max-width~="320px"] .display .calculation-block{
	height: 60px;
}

.calc-wrapper[max-width~="320px"] .display-indicator-ceils{
	height: 38px;
}


/*** GRID ***/
.row-5{
	margin-left: -15px;
	margin-right: -15px;
}


.col-5-1, .col-5-2, .col-5-3, .col-5-4, .col-5-5{
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
}

.col-5-5{
	width: 100%;
}

.col-5-4{
	width: 80%;
}

.col-5-3{
	width: 60%;
}

.col-5-2{
	width: 40%;
}

.col-5-1{
	width: 20%;
}


.left{
	padding-left: 0px;
}

.right{
	padding-right: 0px;
}


.col-5-1, .col-5-2, .col-5-3, .col-5-4, .col-5-5{
	height: 82px;
}

.sci-type .col-5-1, .sci-type .col-5-2, .sci-type .col-5-3, .sci-type .col-5-4, .sci-type .col-5-5{
	height: 50px;
}

@media screen and (max-width: 600px) {
	.row-5{
		margin-left: -10px;
		margin-right: -10px;
	}

	.col-5-1, .col-5-2, .col-5-3, .col-5-4, .col-5-5{
		 padding-left: 10px;
		 padding-right: 10px;

		 height: 65px;
	 }
}

/*** SCIENTIFIC CALCULATOR ***/
.calc-scientific .keyboard.scientific .row-5{
	margin-left: -7px;
	margin-right: 0px;
}

.calc-scientific .keyboard.online .row-5{
	margin-left: 0px;
	margin-right: -7px;
}

.calc-scientific .col-5-1,
.calc-scientific .col-5-2,
.calc-scientific .col-5-3,
.calc-scientific .col-5-4,
.calc-scientific .col-5-5{
	padding-left: 7px;
	padding-right: 7px;

	height: 65px;
}


@media screen and (max-width: 700px) {
	.calc-scientific .row-5{
		margin-left: -3px;
		margin-right: -3px;
	}

	.calc-scientific .col-5-1,
	.calc-scientific .col-5-2,
	.calc-scientific .col-5-3,
	.calc-scientific .col-5-4,
	.calc-scientific .col-5-5{
		height: 60px;
	}
}


@media screen and (max-width: 600px) {
	.calc-scientific .keyboard.scientific .row-5,
	.calc-scientific .keyboard.online .row-5{
		margin-left: -3px;
		margin-right: -3px;
	}

	.calc-scientific .col-5-1,
	.calc-scientific .col-5-2,
	.calc-scientific .col-5-3,
	.calc-scientific .col-5-4,
	.calc-scientific .col-5-5{
		padding-left: 3px;
		padding-right: 3px;
	}


	.calc-scientific .scientific .col-5-1,
	.calc-scientific .scientific .col-5-2,
	.calc-scientific .scientific .col-5-3,
	.calc-scientific .scientific .col-5-4,
	.calc-scientific .scientific .col-5-5{
		height: 45px;
	}
}



@media screen and (max-width: 500px) {
	.row-5{
		margin-left: -3px;
		margin-right: -3px;
	}

	.col-5-1, .col-5-2, .col-5-3, .col-5-4, .col-5-5{
		padding-left: 3px;
		padding-right: 3px;

		height: 56px;
	}
}

@media screen and (max-width: 480px) {
	.calc-scientific .calc{
		padding: 3px;
	}

	.calc-scientific .keyboard.scientific .row-5,
	.calc-scientific .keyboard.online .row-5{
		margin-left: -3px;
		margin-right: -3px;
	}

	.calc-scientific .col-5-1,
	.calc-scientific .col-5-2,
	.calc-scientific .col-5-3,
	.calc-scientific .col-5-4,
	.calc-scientific .col-5-5{
		padding-left: 3px;
		padding-right: 3px;
	}

	.calc-scientific .scientific .col-5-1,
	.calc-scientific .scientific .col-5-2,
	.calc-scientific .scientific .col-5-3,
	.calc-scientific .scientific .col-5-4,
	.calc-scientific .scientific .col-5-5,

	.calc-scientific .online .col-5-1,
	.calc-scientific .online .col-5-2,
	.calc-scientific .online .col-5-3,
	.calc-scientific .online .col-5-4,
	.calc-scientific .online .col-5-5{
		height: 45px;
	}
}


@media screen and (max-width: 320px) {
	.calc-scientific .scientific .col-5-1,
	.calc-scientific .scientific .col-5-2,
	.calc-scientific .scientific .col-5-3,
	.calc-scientific .scientific .col-5-4,
	.calc-scientific .scientific .col-5-5,

	.calc-scientific .online .col-5-1,
	.calc-scientific .online .col-5-2,
	.calc-scientific .online .col-5-3,
	.calc-scientific .online .col-5-4,
	.calc-scientific .online .col-5-5{
		height: 35px;
	}
}


/* JS Media Elements*/
.calc-wrapper[max-width~="700px"] .calc-scientific .row-5{
	margin-left: -3px;
	margin-right: -3px;
}

.calc-wrapper[max-width~="700px"] .calc-scientific .col-5-1,
.calc-wrapper[max-width~="700px"] .calc-scientific .col-5-2,
.calc-wrapper[max-width~="700px"] .calc-scientific .col-5-3,
.calc-wrapper[max-width~="700px"] .calc-scientific .col-5-4,
.calc-wrapper[max-width~="700px"] .calc-scientific .col-5-5{
	height: 60px;
}

.calc-wrapper[max-width~="600px"] .calc-scientific .keyboard.scientific .row-5,
.calc-wrapper[max-width~="600px"] .calc-scientific .keyboard.online .row-5{
	margin-left: -3px;
	margin-right: -3px;
}

.calc-wrapper[max-width~="600px"] .calc-scientific .col-5-1,
.calc-wrapper[max-width~="600px"] .calc-scientific .col-5-2,
.calc-wrapper[max-width~="600px"] .calc-scientific .col-5-3,
.calc-wrapper[max-width~="600px"] .calc-scientific .col-5-4,
.calc-wrapper[max-width~="600px"] .calc-scientific .col-5-5{
	padding-left: 3px;
	padding-right: 3px;
}


.calc-wrapper[max-width~="600px"] .calc-scientific .scientific .col-5-1,
.calc-wrapper[max-width~="600px"] .calc-scientific .scientific .col-5-2,
.calc-wrapper[max-width~="600px"] .calc-scientific .scientific .col-5-3,
.calc-wrapper[max-width~="600px"] .calc-scientific .scientific .col-5-4,
.calc-wrapper[max-width~="600px"] .calc-scientific .scientific .col-5-5{
	height: 45px;
}

.calc-wrapper[max-width~="500px"] .row-5{
	margin-left: -3px;
	margin-right: -3px;
}

.calc-wrapper[max-width~="500px"] .col-5-1,
.calc-wrapper[max-width~="500px"] .col-5-2,
.calc-wrapper[max-width~="500px"] .col-5-3,
.calc-wrapper[max-width~="500px"] .col-5-4,
.calc-wrapper[max-width~="500px"] .col-5-5{
	padding-left: 3px;
	padding-right: 3px;

	height: 56px;
}

.calc-wrapper[max-width~="480px"] .calc-scientific .calc{
	padding: 3px;
}

.calc-wrapper[max-width~="480px"] .calc-scientific .keyboard.scientific .row-5,
.calc-wrapper[max-width~="480px"] .calc-scientific .keyboard.online .row-5{
	margin-left: -3px;
	margin-right: -3px;
}

.calc-wrapper[max-width~="480px"] .calc-scientific .col-5-1,
.calc-wrapper[max-width~="480px"] .calc-scientific .col-5-2,
.calc-wrapper[max-width~="480px"] .calc-scientific .col-5-3,
.calc-wrapper[max-width~="480px"] .calc-scientific .col-5-4,
.calc-wrapper[max-width~="480px"] .calc-scientific .col-5-5{
	padding-left: 3px;
	padding-right: 3px;
}

.calc-wrapper[max-width~="480px"] .calc-scientific .scientific .col-5-1,
.calc-wrapper[max-width~="480px"] .calc-scientific .scientific .col-5-2,
.calc-wrapper[max-width~="480px"] .calc-scientific .scientific .col-5-3,
.calc-wrapper[max-width~="480px"] .calc-scientific .scientific .col-5-4,
.calc-wrapper[max-width~="480px"] .calc-scientific .scientific .col-5-5,

.calc-wrapper[max-width~="480px"] .calc-scientific .online .col-5-1,
.calc-wrapper[max-width~="480px"] .calc-scientific .online .col-5-2,
.calc-wrapper[max-width~="480px"] .calc-scientific .online .col-5-3,
.calc-wrapper[max-width~="480px"] .calc-scientific .online .col-5-4,
.calc-wrapper[max-width~="480px"] .calc-scientific .online .col-5-5{
	height: 45px;
}

.calc-wrapper[max-width~="320px"] .calc-scientific .scientific .col-5-1,
.calc-wrapper[max-width~="320px"] .calc-scientific .scientific .col-5-2,
.calc-wrapper[max-width~="320px"] .calc-scientific .scientific .col-5-3,
.calc-wrapper[max-width~="320px"] .calc-scientific .scientific .col-5-4,
.calc-wrapper[max-width~="320px"] .calc-scientific .scientific .col-5-5,

.calc-wrapper[max-width~="320px"] .calc-scientific .online .col-5-1,
.calc-wrapper[max-width~="320px"] .calc-scientific .online .col-5-2,
.calc-wrapper[max-width~="320px"] .calc-scientific .online .col-5-3,
.calc-wrapper[max-width~="320px"] .calc-scientific .online .col-5-4,
.calc-wrapper[max-width~="320px"] .calc-scientific .online .col-5-5{
	height: 35px;
}

.keyboard{
	position: relative;
	overflow: hidden;
	margin-top: 3%;
}

.keys{
	float: left;
	margin-top: 3%;
}

.non-key{
	width: 0px;
	height: 0px;
	display: none;
}

.key{
	display: inline-block;
	width: 100%;
	height: 65px;
	border: 4px solid;
	vertical-align: middle;
	text-align: center;
	letter-spacing: normal;
	margin-bottom: 1.6rem;

	font-family: Tahoma, Geneva, sans-serif;
}


.key.numeric{
	border-top-color: #d5d5d5;
	border-left-color: #d5d5d5;
	border-bottom-color: #bfbfbf;
	border-right-color: #bfbfbf;

	background-color: #f6f6f6;
	color: #034d97;
}

.key.numeric.active{
	border-top-color: #bfbfbf;
	border-left-color: #bfbfbf;
	border-bottom-color: #d5d5d5;
	border-right-color: #d5d5d5;

	background-color: #d5d5d5;
}

.key.operation,
.key.memory{
	border-top-color: #6f6f6f;
	border-left-color: #6f6f6f;
	border-bottom-color: #575757;
	border-right-color: #575757;


	background-color: #636363;
	color: #ffffff;
}

.key.operation.active,
.key.memory.active{
	border-top-color: #575757;
	border-left-color: #575757;
	border-bottom-color: #6f6f6f;
	border-right-color: #6f6f6f;

	background-color: #6f6f6f;
}

.key.operation.hidden{
    display: none;
}


.scientific .key.operation{
	border-top-color: #b5b5b5;
	border-left-color: #b5b5b5;
	border-bottom-color: #696969;
	border-right-color: #696969;


	background-color: #9d9d9d;
	color: #ffffff;
}

.scientific .key.operation.active{
	border-top-color: #696969;
	border-left-color: #696969;
	border-bottom-color: #b5b5b5;
	border-right-color: #b5b5b5;

	background-color: #b5b5b5;
}


.key.angel{
	border-top-color: #597ea5;
	border-left-color: #597ea5;
	border-bottom-color: #354b63;
	border-right-color: #354b63;

	background-color: #466382;
	color: #ffffff;
}

.key.angel.active{
	border-top-color: #354b63;
	border-left-color: #354b63;
	border-bottom-color: #597ea5;
	border-right-color: #597ea5;

	background-color: #597ea5;
}

.key.result{
	border-top-color: #0360af;
	border-left-color: #0360af;
	border-bottom-color: #033d7a;
	border-right-color: #033d7a;

	background-color: #034d97;
	color: #ffffff;
}

.key.result.active{
	border-top-color: #033d7a;
	border-left-color: #033d7a;
	border-bottom-color: #0360af;
	border-right-color: #0360af;

	background-color: #0360af;
}

.key.control{
	border-top-color: #ff0000;
	border-left-color: #ff0000;
	border-bottom-color: #c60000;
	border-right-color: #c60000;

	background-color: #f40000;
	 color: #ffffff;
 }

.key.control.active{
	border-top-color: #c60000;
	border-left-color: #c60000;
	border-bottom-color: #ff0000;
	border-right-color: #ff0000;

	background-color: #ff0000
}

.keyboard .key{
	margin: 0;
	font-size: 40px;
	line-height: 40px;
}

.keyboard.sci-type .key{
	font-size: 20px;
	line-height: 20px;
	height: 40px;
}

.double-height{
	height: 146px;
}



/*** SCIENTIFIC CALCULATOR ***/
.calc-scientific .keyboard{
	width: 50%;
	float: left;
}

.calc-scientific .key{
	height: 50px;
	font-size: 17px;
	line-height: 20px;
}

.calc-scientific .key.double-height{
	height: 115px;
}



@media screen and (max-width: 740px) {
	.calc-scientific .keyboard .key{
		font-size: 14px;
		line-height: 14px;
	}
}

@media screen and (max-width: 700px) {
	.calc-scientific .key.double-height{
		height: 109px;
	}
}

@media screen and (max-width: 600px) {
	.keyboard .key{
		font-size: 30px;
		line-height: 30px;
	}

	.key{
		height: 60px
	}

	.double-height{
		height: 128px;
	}



	.calc-scientific .keyboard{
		width: 100%;
		float: left;
	}

	.calc-scientific .keyboard .key{
		font-size: 22px;
		line-height: 22px;
	}

	.calc-scientific .scientific .key{
		height: 35px;
		font-size: 18px;
		line-height: 18px;
	}
}


@media screen and (max-width: 500px) {
	.keyboard .key{
		font-size: 16px;
		line-height: 16px;
	}

	.key{
		height: 50px
	}

	.double-height{
		height: 106px;
	}
}


@media screen and (max-width: 480px) {
	.calc-scientific .online .key{
		font-size: 16px;
		line-height: 16px;

		height: 35px;
	}

	.calc-scientific .key.double-height{
		height: 85px;
	}
}

@media screen and (max-width: 320px) {
	.keyboard .key{
		font-size: 18px;
		line-height: 18px;
	}

	.key{
		height: 40px
	}

	.double-height{
		height: 86px;
	}



	.calc-scientific .online .key,
	.calc-scientific .scientific .key{
		font-size: 12px;
		line-height: 12px;
		height: 28px;
	}

	.calc-scientific .online .key.double-height,
	.calc-scientific .scientific .key.double-height{
		height: 62px;
	}
}




/* JS Media Elements*/
.calc-wrapper[max-width~="740px"] .calc-scientific .keyboard .key{
	font-size: 14px;
	line-height: 14px;
}

.calc-wrapper[max-width~="700px"] .calc-scientific .key.double-height{
	height: 109px;
}

.calc-wrapper[max-width~="600px"] .keyboard .key{
	font-size: 30px;
	line-height: 30px;
}

.calc-wrapper[max-width~="600px"] .key{
	height: 60px
}

.calc-wrapper[max-width~="600px"] .double-height{
	height: 128px;
}


.calc-wrapper[max-width~="600px"] .calc-scientific .keyboard{
	width: 100%;
	float: left;
}

.calc-wrapper[max-width~="600px"] .calc-scientific .keyboard .key{
	font-size: 22px;
	line-height: 22px;
}

.calc-wrapper[max-width~="600px"] .calc-scientific .scientific .key{
	height: 35px;
	font-size: 18px;
	line-height: 18px;
}

.calc-wrapper[max-width~="500px"] .keyboard .key{
	font-size: 14px;
	line-height: 14px;
}

.calc-wrapper[max-width~="500px"] .key{
	height: 50px
}

.calc-wrapper[max-width~="500px"] .double-height{
	height: 106px;
}


.calc-wrapper[max-width~="480px"] .calc-scientific .online .key{
	font-size: 12px;
	line-height: 12px;

	height: 35px;
}

.calc-wrapper[max-width~="480px"] .calc-scientific .key.double-height{
	height: 85px;
}

.calc-wrapper[max-width~="320px"] .keyboard .key{
	font-size: 12px;
	line-height: 12px;
}

.calc-wrapper[max-width~="320px"] .key{
	height: 40px
}

.calc-wrapper[max-width~="320px"] .double-height{
	height: 86px;
}

.calc-wrapper[max-width~="320px"] .calc-scientific .online .key,
.calc-wrapper[max-width~="320px"] .calc-scientific .scientific .key{
	font-size: 12px;
	line-height: 12px;
	height: 28px;
}

.calc-wrapper[max-width~="320px"] .calc-scientific .online .key.double-height,
.calc-wrapper[max-width~="320px"] .calc-scientific .scientific .key.double-height{
	height: 62px;
}
/*** CALCULATOR ***/
.calc-wrapper{
	position: relative;
	max-width: 700px;
	min-width: 280px;
	/** margin: 0 auto; */
}

.calc-wrapper * {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.calc{
	border: 6px solid #ccc;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 15px;
	background-color: #e5e5e5;
}

.calc button:focus{
	outline: none;
}


.calculator-header{
	position: relative;
	margin: 0 0 15px 0;
}

.manufacturer .bookmark,
.manufacturer .bookmark:active,
.manufacturer .bookmark:visited,
.manufacturer .bookmark:focus{
	color: #ac2323;
}

.manufacturer .bookmark:hover{
	color: #c42828;
}

.height-adapter{
	display: inline-block;
	float: right;
}

.calculation-progress{
	position: absolute;
	left: 0;
	bottom: 0;
}

.angel-mode{
	position: absolute;
	left: 7px;
	top: 45%
}



/*** SCIENTIFIC CALCULATOR ***/
.calc-wrapper .calc{
	padding-bottom: 0px;
}

.calc-wrapper.calc-scientific{
	max-width: 950px;
}


@media screen and (max-width: 500px) {
	.calculator-header{
		margin-bottom: 10px;
	}

	.manufacturer{
		font-size: 14px;
	}
}

@media screen and (max-width: 320px) {
	.calculator-header{
		margin-bottom: 5px;
	}

	.manufacturer{
		font-size: 12px;
	}
}


/* JS Media Elements*/
.calc-wrapper[max-width~="500px"] .calculator-header{
	margin-bottom: 10px;
}

.calc-wrapper[max-width~="500px"] .manufacturer{
	font-size: 14px;
}

.calc-wrapper[max-width~="320px"] .calculator-header{
	margin-bottom: 5px;
}

.calc-wrapper[max-width~="320px"] .manufacturer{
	font-size: 12px;
}



.app {
    display: flex;
    align-items: stretch;
	margin-bottom: 60px;
}

.app .calculator {
	width: 70%;
}

.app .reserved-place {
	width: 30%;
	padding-top: 25px;
    padding-left: 10px;
}

@media screen and (max-width: 1000px) {
	.app {
		display: block;
		margin-bottom: 0;
	}
	
	.app .calculator {
		width: 100%;
		margin: 0 auto;
	}

	.app .reserved-place {
		display: none;
		/** width: 100%;
		padding-top: 10px;
		padding-left: 0; */
	}
}
.rating {
	overflow: hidden;
	position: relative;
	width: 165px;
}

.rating .stars {
	position: relative;
	margin: 0 0 4px 0;
	height: 27px;
}

.rating .star {
	display: block;
	border: none;
	float: left;
	border-right: 5px solid #fff;
	width: 33px;
	height: 27px;
	background: url('/templates/kalks-online/images/i_stars.png') 0 0 no-repeat;
	cursor: pointer;
}

.rating .star:focus {
	outline: 0 none;
}

.rating .star.voted {
	background-position: -28px 0;
}

.rating .star.hover {
	background-position: -28px -27px;
}

.rating .status{
	font-size: 12px;
	line-height: 14px;
	height: 14px;
	color: #696969;
}
/*** TOP MENU ***/

/* Remove margins and padding from the list, and add a black background color */
ul.topmenu {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #263a56;
}

/* Float the list items side by side */
ul.topmenu li {float: left;}

ul.topmenu li.icon a{
	display: block;
	width: 40px;
	height: 40px;
	margin: 5px;
	background: url('/templates/kalks-online/images/icon-menu.png');
	background-size: contain;
}

/* Style the links inside the list items */
ul.topmenu li a,
ul.topmenu li span{
	display: inline-block;
	color: #ffffff;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	transition: 0.3s;
}

ul.topmenu li span.active{
	background-color: #3e5e8c;
}

/* Change background color of links on hover */
ul.topmenu li a:hover,
ul.topmenu li span:hover{
	background-color: #3e5e8c;
}

/* Hide the list item that contains the link that should open and close the topmenu on small screens */
ul.topmenu li.icon {display: none;}

/* When the screen is less than 680 pixels wide, hide all list items, except for the first one ("Home"). Show the list item that contains the link to open and close the topmenu (li.icon) */
@media screen and (max-width:680px) {
	ul.topmenu li:not(:first-child) {display: none;}
	ul.topmenu li.icon {
		float: right;
		display: inline-block;
	}
}

/* The "responsive" class is added to the topmenu with JavaScript when the user clicks on the icon. This class makes the topmenu look good on small screens */
@media screen and (max-width:680px) {
	ul.topmenu.responsive {position: relative;}
	ul.topmenu.responsive li.icon {
		position: absolute;
		right: 0;
		top: 0;
	}
	ul.topmenu.responsive li {
		float: none;
		display: inline;
	}
	ul.topmenu.responsive li a {
		display: block;
		text-align: left;
	}
}
html {
	line-height: 1.5;
	font-size: 18px;
	font-family: "Roboto", "Arial", Sans-Serif;
	letter-spacing: normal;
}

*, *::after, *::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


html,
body {
	height: 100%;
	margin: 0;
	padding: 0;
}

.wrapper {
	position: relative;
	min-height: 100%;
}

.content {
	position: relative;
	margin: 0 auto;
	max-width: 1200px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 150px;
}

.footer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100px;
	background-color: #263a56;
}

.to-top-link,
.to-top-link:active,
.to-top-link:focus,
.to-top-link:visited{
	display: block;
	width: 100%;
	text-align: center;
	font-size: 16px;
	padding: 17px 0;
	background-color: #e4e8eb;
	line-height: 17px;
	color: #a72323;
}

.to-top-link:hover{
	color: #a72323;
	background-color: #cdd1d4;
}

.copyright{
	display: block;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	padding: 18px 0;
	color: #ffffff;
}

.copyright a,
.copyright a:hover,
.copyright a:active,
.copyright a:visited,
.copyright a:focus{
	color: #ffffff;
}

/***** C O N T E N T *****/
.news-item{
	margin-bottom: 90px;
}

.news-item a{
	color: #000000;
	text-decoration: none;
}

.news-item h3{
	color: #000000;
	text-decoration: none;
}

.news-item-back,
.news-item .more{
	text-decoration: underline;
	color: #3e5e8c;
}

.news-item-back:hover,
.news-item a:hover .more{
	text-decoration: none;
}

.disqus{
	margin-top: 75px;
}

.social-activity{
	position: relative;
	margin-top: 30px;
}

.social-col{
	display: block;
	position: relative;
	width: 33.33%;
	float: left;
	min-height: 1px;
	margin-bottom: 20px;
}

.calculator{
	max-width: 700px;
}

.link{
	color: #263a56;
}

.link:active,
.link:hover,
.link:visited,
.link:focus{
	color: #543156;
}

.clear{
	clear: both;
}


.calc_content a,
.calc_info a{
	color: #263a56;
}

.calc_content a:active,
.calc_content a:hover,
.calc_content a:visited,
.calc_content a:focus,

.calc_info a:active,
.calc_info a:hover,
.calc_info a:visited,
.calc_info a:focus{
	color: #543156;
}

@media screen and (max-width: 780px) {
	.social-col{
		width: 100%;
	}

	.copyright{
		font-size: 12px;
	}
}

@media screen and (max-width: 600px) {
	.copyright-protect{
		display: none;
	}
}

@media screen and (max-width: 320px) {
	.content {
		padding-bottom: 170px;
	}

	.footer {
		height: 120px;
	}
}


.ad{
	margin: 20px 0;
	width: 100%;
	overflow: hidden;
	max-height: 300px;
}