body{
	background:rgba(80,82,181,1);
}

#wrapper{
	padding:4em 4em 160px;
}

.calculator{
    transform:translateY(30px);
    opacity:0;
}

.calculator.onload{
    transform:none;
    opacity:1;
    transition:1s ease;
}

.calculator h1{
    font-size:2.75em;
    color:#ffffff;
    line-height:1.5;
    margin:0 0 0.5em 0;
    font-family: NinoMtavr;
}

.calculator p, .calculator li{
	margin:0 0 2em 0;
    color:#ffffff;
    font-size:1.2em;
    line-height:1.5em;
    font-family: RioniVeraTabula;
    margin-bottom:1.5em;
    text-align:justify;
}

.calculator ul{
	margin:40px 0 60px;
}

.calculator li{
	margin-bottom:0.5em;
}

.calculator h2{
    margin:2em 0 0.8em;
    font-size:1.75em;
    color:#ffffff;
    line-height:1.5;
    font-family: NinoMtavr;
}

.calculator p span{
	font-weight:bold;
	letter-spacing:0.05em;
}

.diagram_wrap{
	margin:4em 0;
}

.diagram_wrap img{
	max-width:100%;
}

.button_wrap{
	text-align:center;
}

.button{
	margin:0 0 1.5em;
	background:transparent;
}

.table-wrapper{
    display:none;
}

table{
    margin:2em 0 4em 0;
    width:100%;
    text-align:center;
    color:#fff;
    border-collapse:collapse;
    border-spacing:0;
}

table td{
    vertical-align:middle;
    padding:0.9em 0.8em;
    font-size:1.1em;
}

table tbody td:first-child{
    text-align:right;
}

table tbody tr{
    border:solid 1px rgba(255, 255, 255, 0.15);
    border-left:0;
    border-right:0;
}

table tbody tr:nth-child(2n + 1){
    background-color:rgba(255, 255, 255, 0.05);
}

table th{
    color:#ffffff;
    font-size:1.5em;
    padding:0 0.75em 0.75em 0.75em;
}

table th:nth-child(2), #standart{
    color:#ccc;
    font-size:1.5em;
}

table th:last-child, #maximum{
    color:#35CE30;
    font-size:1.5em;
}

#error{
    color:#FF7F50;
    font-size:1.1em;
    margin-bottom:2em;
}

@media screen and (max-width:1024px){
    form{
        width:100%;
    }

    #wrapper{
        padding:7em 8% 160px;
    }
}

@media screen and (max-width:640px){
    .button_wrap .button, input[type="button"]{
        width:100%;
        padding:0;
        font-size:0.8em;
    }

    .calculator h1{
        font-size:1.9em;
        text-align:center;
    }

    .calculator h2{
        font-size:1.5em;
        text-align:center;
    }
}

@media screen and (max-width:500px){
    table th:nth-child(2), #standart, table th:last-child, #maximum{
        font-size:0.9em;
    }

    table td{
        font-size:0.8em;
    }
}