/*
04.05.2020
File: body_desktop.css
Encoding: UTF-8
Project: tokyogarage-yii2.loc

Author: Gafuroff Alexandr 
E-mail: gafuroff.al@yandex.ru
*/
/* 
    Created on : 04.05.2020, 13:31:26
    Author     : Александр
*/

body{
    margin: 0px;
}
.body-wrapper{
    width: 990px;
    height:2000px;
    left: 50%; /* Отступ в процентах от левого края окна */
    position: absolute; /* Абсолютное позиционирование блока */
    margin-left: -495px; /* Отрицательный отступ от левого края страницы, должен равняться половине высоты блока со знаком минус */
    display: block;
    color: #555;
    font: 12px/20px 'Roboto';
    font-weight: 500;
}
.modal {
    z-index: 3000;
}
.modal-header {
    font-size: 18px;
}
@media (min-width: 768px) {
    .modal-dialog {
        margin: 125px auto;
    }
}



/*---------------------COLUMNS----------------------*/
.ul_block {
    padding-bottom:20px; /*отступ снизу*/
    width:100%; /*указываем общую ширину блока с колонками*/
    float:left; /*что бы блок охватывал свое содержимое*/
    margin-left:40px;
}
.ul_block ul {
    margin-top: 0;
    padding:0 25px 0 0; /*отступ между колонками*/
    width:115px; /*ширина колонок*/
    float:left; /*выстраиваем колонки друг за другом*/
    list-style:none;
}
.ul_block ul img {
    max-width: 122%;
    margin: 0;
    padding: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
} 
.ul_block li {
    line-height:1.3em; /*расстояние между пунктами*/
    text-align:left;
    font-size: 12px;
}
.container-img {	
    margin-left: 25px;/*30*/
    margin-top:135px;/*138*/
    display:block;
    width: 990px;
    height: 738px;
    background: url(/upload/images/calculator/back.jpg) no-repeat left;
    background-position:-23px 192px;
}
.storona {
    display: block;
    margin-left: 15px;
}
.remont {
    margin-top: 14px;
    border-top: 1px solid #ccc;
    padding-top: 17px;
    display: block;
    margin-left: 15px;
    height: 130px;
}
.image_b {
    padding: 15px;
    background-color: #FFF;
    float:right;
    display:inline-block;
}
.works {
    display: block;
    width: 100%;
    height: 270px;
}
.submit{
    text-align:center;
    margin-left:50px;
    margin-top:20px;
}
.button {
    text-align:center;
    margin-left:50px;
    margin-top:20px;
}
input[type="radio"] + label {
    font-size:12px;
    cursor: pointer;
    margin-top:40px;
}
input[type="radio"]:disabled + label {
    color: #D3D3D3;
}
input[type="radio"] + label.point {
    font-size:12px;
    margin-top: 0px;
    margin-bottom: 1px;
    height:20px;
}
input[type="radio"] {
    margin-top:4px;
}
input[type="radio"] + label::before {
    display: inline-block;
    margin: 0 11px -2px 5px;
}
#price_table {
    margin-top: 100px;
}
#price_table td {
    padding-left: 8px;
    padding-right: 8px;
    border: 1px solid #ccc;
    border-collapse: collapse;
}
.del {
    width: 24px;
    height: 21px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/upload/images/calculator/del_active.png);
    float: right;
    display: table-cell;
    z-index: 10000;
    background-clip: padding-box;
    text-decoration: none;
    margin-top: 5px;
    margin-bottom: 5px;
    cursor: pointer;
}
.del:active {
    background-image: url("/upload/images/calculator/del_active.png");
}
.del:hover {
    background-image: url("/upload/images/calculator/del.png");
}
.itogo {
    display: flex;    
    justify-content: flex-end;
}
.itogo p {
    font-weight: 500;
}






/*----------------------------DIV 0 layer------------------------------*/
.div0 {
    position: absolute; /* Фиксированное положение */
    background: none;
    left: 150px; top: 120px;
    width: 642px;
    height: 490px;
    display:inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    margin-left: 3%;
    margin-top:23%;
    z-index:2000;
    cursor: pointer;
}
/*----------------------------DIV 0 layer------------------------------*/
/*----------------------------DIVS------------------------------*/
.div1 {
    position: absolute; /* Фиксированное положение */
    background: url(/upload/images/calculator/arrays-01.png) no-repeat;
    left: 5px; top: 10px;
    width: 500px;
    height: 386px;
    display:inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    margin-left: 3%;
    margin-top:23%;
    z-index:20;
    cursor: pointer;
}
.div1:hover {
    background: url(/upload/images/calculator/arrays_hover-01.png) no-repeat;
}
/*----------------------------DIVS------------------------------*/
/*----------------------------DIVS------------------------------*/
.div2 {
    position: absolute; /* Фиксированное положение */
    background: url(/upload/images/calculator/arrays-02.png) no-repeat;
    left: 147px; top: 11px;
    width: 500px;
    height: 386px;
    display:inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    margin-left: 3%;
    margin-top:23%;
    z-index:22;
    cursor: pointer;
}
.div2:hover {
    background: url(/upload/images/calculator/arrays_hover-02.png) no-repeat;
}
/*----------------------------DIVS------------------------------*/
/*----------------------------DIVS------------------------------*/
.div3 {
    position: absolute; /* Фиксированное положение */
    background: url(/upload/images/calculator/arrays-32.png) no-repeat;
    left: 226px; top: 11px;
    width: 500px;
    height: 386px;
    display:inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    margin-left: 3%;
    margin-top:23%;
    z-index:22;
    cursor: pointer;
}
.div3:hover {
    background: url(/upload/images/calculator/arrays_hover-32.png) no-repeat;
}
/*----------------------------DIVS------------------------------*/
/*----------------------------DIVS------------------------------*/
.div4 {
    position: absolute; /* Фиксированное положение */
    background: url(/upload/images/calculator/arrays-03.png) no-repeat;
    left: 307px; top: 11px;
    width: 500px;
    height: 386px;
    display:inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    margin-left: 3%;
    margin-top:23%;
    z-index:22;
    cursor: pointer;
}
.div4:hover {
    background: url(/upload/images/calculator/arrays_hover-03.png) no-repeat;
}
/*----------------------------DIVS------------------------------*/
/*----------------------------DIVS------------------------------*/
.div5 {
    position: absolute; /* Фиксированное положение */
    background: url(/upload/images/calculator/arrays-04.png) no-repeat;
    left: 385px; top: 11px;
    width: 500px;
    height: 386px;
    display:inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    margin-left: 3%;
    margin-top:23%;
    z-index:22;
    cursor: pointer;
}
.div5:hover {
    background: url(/upload/images/calculator/arrays_hover-04.png) no-repeat;
}
/*----------------------------DIVS------------------------------*/
/*----------------------------DIVS------------------------------*/
.div6 {
    position: absolute; /* Фиксированное положение */
    background: url(/upload/images/calculator/arrays-05.png) no-repeat;
    left: 467px;
    top: 11px;
    width: 400px;
    height: 386px;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    margin-left: 3%;
    margin-top: 23%;
    z-index: 22;
    cursor: pointer;
}
.div6:hover {
    background: url(/upload/images/calculator/arrays_hover-05.png) no-repeat;
}
/*----------------------------DIVS------------------------------*/
/*----------------------------DIVS------------------------------*/
.div7 {
    position: absolute; /* Фиксированное положение */
    background: url(/upload/images/calculator/arrays-06.png) no-repeat;
    left: 548px;
    top: 11px;
    width: 350px;
    height: 370px;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    margin-left: 3%;
    margin-top: 23%;
    z-index: 22;
    cursor: pointer;
}
.div7:hover {
    background: url(/upload/images/calculator/arrays_hover-06.png) no-repeat;
}
/*----------------------------DIVS------------------------------*/
/*----------------------------DIVS------------------------------*/
.div8 {
    position: absolute; /* Фиксированное положение */
    background: url(/upload/images/calculator/arrays-07.png) no-repeat;
    left: 625px; top: 11px;
    width: 96px;
    height: 386px;
    display:inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    margin-left: 3%;
    margin-top: 23%;
    z-index:24;
    cursor: pointer;
}
.div8:hover {
    background: url(/upload/images/calculator/arrays_hover-07.png) no-repeat;
}
/*----------------------------DIVS------------------------------*/
/*----------------------------DIVS------------------------------*/
.div9 {
    position: absolute; /* Фиксированное положение */
    background: url(/upload/images/calculator/arrays-08.png) no-repeat;
    left: 639px; top: 11px;
    width: 160px;
    height: 386px;
    display:inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    margin-left: 3%;
    margin-top:23%;
    z-index:23;
    cursor: pointer;
}
.div9:hover {
    background: url(/upload/images/calculator/arrays_hover-08.png) no-repeat;
}
/*----------------------------DIVS------------------------------*/
/*----------------------------DIVS------------------------------*/
.div10 {
    position: absolute; /* Фиксированное положение */
    background: url(/upload/images/calculator/arrays-09.png) no-repeat;
    left: 610px;
    top: 11px;
    width: 370px;
    height: 386px;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    margin-left: 3%;
    margin-top: 23%;
    z-index: 22;
    cursor: pointer;
}
.div10:hover {
    background: url(/upload/images/calculator/arrays_hover-09.png) no-repeat;
}
/*----------------------------DIVS------------------------------*/
/*----------------------------DIVS------------------------------*/
.div11 {
    position: absolute; /* Фиксированное положение */
    background: url(/upload/images/calculator/arrays-10.png) no-repeat;
    left: 430px; top: 117px;
    width: 500px;
    height: 386px;
    display:inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    margin-left: 3%;
    margin-top: 23%;
    z-index:22;
    cursor: pointer;
}
.div11:hover {
    background: url(/upload/images/calculator/arrays_hover-10.png) no-repeat;
}
/*----------------------------DIVS------------------------------*/
/*----------------------------DIVS------------------------------*/
.div12 {
    position: absolute; /* Фиксированное положение */
    background: url(/upload/images/calculator/arrays-11.png) no-repeat;
    left: 430px; top: 197px;
    width: 500px;
    height: 386px;
    display:inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    margin-left: 3%;
    margin-top: 23%;
    z-index: 22;
    cursor: pointer;
}
.div12:hover {
    background: url(/upload/images/calculator/arrays_hover-11.png) no-repeat;
}
/*----------------------------DIVS------------------------------*/
/*----------------------------DIVS------------------------------*/
.div13 {
    position: absolute; /* Фиксированное положение */
    background: url(/upload/images/calculator/arrays-12.png) no-repeat;
    left: 430px; top: 277px;
    width: 500px;
    height: 386px;
    display:inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    margin-left: 3%;
    margin-top: 23%;
    z-index: 22;
    cursor: pointer;
}
.div13:hover {
    background: url(/upload/images/calculator/arrays_hover-12.png) no-repeat;
}
/*----------------------------DIVS------------------------------*/
/*----------------------------DIVS------------------------------*/
.div14 {
    position: absolute; /* Фиксированное положение */
    background: url(/upload/images/calculator/arrays-13.png) no-repeat;
    left: 430px;
    top: 359px;
    width: 500px;
    height: 200px;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    margin-left: 3%;
    margin-top:23%;
    z-index: 24;
    cursor: pointer;
}
.div14:hover {
    background: url(/upload/images/calculator/arrays_hover-13.png) no-repeat;
}
/*----------------------------DIVS------------------------------*/
/*----------------------------DIVS------------------------------*/
.div15 {
    position: absolute; /* Фиксированное положение */
    background: url(/upload/images/calculator/arrays-14.png) no-repeat;
    left: 430px; top: 398px;
    width: 500px;
    height: 160px;
    display:inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    margin-left: 3%;
    margin-top:23%;
    z-index:28;
    cursor: pointer;
}
.div15:hover {
    background: url(/upload/images/calculator/arrays_hover-14.png) no-repeat;
}
/*----------------------------DIVS------------------------------*/
/*----------------------------DIVS------------------------------*/
.div16 {
    position: absolute; /* Фиксированное положение */
    background: url(/upload/images/calculator/arrays-15.png) no-repeat;
    left: 430px; top: 413px;
    width: 500px;
    height: 217px;
    display:inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    margin-left: 3%;
    margin-top:23%;
    z-index:27;
    cursor: pointer;
}
.div16:hover {
    background: url(/upload/images/calculator/arrays_hover-15.png) no-repeat;
}
/*----------------------------DIVS------------------------------*/
/*----------------------------DIVS------------------------------*/
.div17 {
    position: absolute; /* Фиксированное положение */
    background: url(/upload/images/calculator/arrays-16.png) no-repeat;
    left: 477px; top: 402px;
    width: 391px;
    height: 321px;
    display:inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    margin-left: 3%;
    margin-top:23%;
    z-index:26;
    cursor: pointer;
}
.div17:hover {
    background: url(/upload/images/calculator/arrays_hover-16.png) no-repeat;
}
/*----------------------------DIVS------------------------------*/
/*----------------------------DIVS------------------------------*/
.div18 {
    position: absolute; /* Фиксированное положение */
    background: url(/upload/images/calculator/arrays-17.png) no-repeat;
    left: 484px;
    top: 442px;
    width: 258px;
    height: 274px;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    margin-left: 3%;
    margin-top:23%;
    z-index: 26;
    cursor: pointer;
}
.div18:hover {
    background: url(/upload/images/calculator/arrays_hover-17.png) no-repeat;
}
/*----------------------------DIVS------------------------------*/
/*----------------------------DIVS------------------------------*/
.div19 {
    position: absolute; /* Фиксированное положение */
    background: url(/upload/images/calculator/arrays-18.png) no-repeat;
    left: 530px;
    top: 481px;
    width: 125px;
    height: 240px;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    margin-left: 3%;
    margin-top:23%;
    z-index: 26;
    cursor: pointer;
}

.div19:hover {
    background: url(/upload/images/calculator/arrays_hover-18.png) no-repeat;
}
/*----------------------------DIVS------------------------------*/
/*----------------------------DIVS------------------------------*/
.div20 {
    position: absolute; /* Фиксированное положение */
    background: url(/upload/images/calculator/arrays-19.png) no-repeat;
    left: 442px; top: 422px;
    width: 125px;
    height: 294px;
    display:inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    margin-left: 3%;
    margin-top:23%;
    z-index:26;
    cursor: pointer;
}
.div20:hover {
    background: url(/upload/images/calculator/arrays_hover-19.png) no-repeat;
}
/*----------------------------DIVS------------------------------*/
/*----------------------------DIVS------------------------------*/
.div21 {
    position: absolute; /* Фиксированное положение */
    background: url(/upload/images/calculator/arrays-20.png) no-repeat;
    left: 463px; top: 518px;
    width: 95px;
    height: 199px;
    display:inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    margin-left: 3%;
    margin-top:23%;
    z-index:26;
    cursor: pointer;
}
.div21:hover {
    background: url(/upload/images/calculator/arrays_hover-20.png) no-repeat;
}
/*----------------------------DIVS------------------------------*/
/*----------------------------DIVS------------------------------*/
.div22 {
    position: absolute; /* Фиксированное положение */
    background: url(/upload/images/calculator/arrays-22.png) no-repeat;
    left: 298px; top: 450px;
    width: 169px;
    height: 257px;
    display:inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    margin-left: 3%;
    margin-top:23%;
    z-index:24;
    cursor: pointer;
}
.div22:hover {
    background: url(/upload/images/calculator/arrays_hover-22.png) no-repeat;
}
/*----------------------------DIVS------------------------------*/
/*----------------------------DIVS------------------------------*/
.div23 {
    position: absolute; /* Фиксированное положение */
    background: url(/upload/images/calculator/arrays-21.png) no-repeat;
    left: 394px; top: 456px;
    width: 168px;
    height: 256px;
    display:inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    margin-left: 3%;
    margin-top:23%;
    z-index:25;
    cursor: pointer;
}
.div23:hover {

    background: url(/upload/images/calculator/arrays_hover-21.png) no-repeat;
}
/*----------------------------DIVS------------------------------*/
/*----------------------------DIVS------------------------------*/
.div24 {
    position: absolute; /* Фиксированное положение */
    background: url(/upload/images/calculator/arrays-23.png) no-repeat;
    left: 220px; top: 331px;
    width: 445px;
    height: 386px;
    display:inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    margin-left: 3%;
    margin-top:23%;
    z-index:23;
    cursor: pointer;
}
.div24:hover {
    background: url(/upload/images/calculator/arrays_hover-23.png) no-repeat;
}
/*----------------------------DIVS------------------------------*/
/*----------------------------DIVS------------------------------*/
.div25 {
    position: absolute; /* Фиксированное положение */
    background: url(/upload/images/calculator/arrays-24.png) no-repeat;
    left: 140px; top: 331px;
    width: 445px;
    height: 386px;
    display:inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    margin-left: 3%;
    margin-top:23%;
    z-index:22;
    cursor: pointer;
}
.div25:hover {
    background: url(/upload/images/calculator/arrays_hover-24.png) no-repeat;
}
/*----------------------------DIVS------------------------------*/
/*----------------------------DIVS------------------------------*/
.div26 {
    position: absolute; /* Фиксированное положение */
    background: url(/upload/images/calculator/arrays-25.png) no-repeat;
    left: 5px; top:250px;
    width: 445px;
    height: 386px;
    display:inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    margin-left: 3%;
    margin-top:23%;
    z-index:21;
    cursor: pointer;
}
.div26:hover {
    background: url(/upload/images/calculator/arrays_hover-25.png) no-repeat;
}
/*----------------------------DIVS------------------------------*/
/*----------------------------DIVS------------------------------*/
.div27 {
    position: absolute; /* Фиксированное положение */
    background: url(/upload/images/calculator/arrays-26.png) no-repeat;
    left: 115px; top: 485px;
    width: 500px;
    height: 207px;
    display:inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    margin-left: 3%;
    margin-top:23%;
    z-index:22;
    cursor: pointer;
}
.div27:hover {
    background: url(/upload/images/calculator/arrays_hover-26.png) no-repeat;
}
/*----------------------------DIVS------------------------------*/
/*----------------------------DIVS------------------------------*/
.div28 {
    position: absolute; /* Фиксированное положение */
    background: url(/upload/images/calculator/arrays-27.png) no-repeat;
    left: 5px; top: 442px;
    width: 500px;
    height: 96px;
    display:inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    margin-left: 3%;
    margin-top:23%;
    z-index:22;
    cursor: pointer;
}
.div28:hover {
    background: url(/upload/images/calculator/arrays_hover-27.png) no-repeat;
}
/*----------------------------DIVS------------------------------*/
/*----------------------------DIVS------------------------------*/
.div29 {
    position: absolute; /* Фиксированное положение */
    background: url(/upload/images/calculator/arrays-28.png) no-repeat;
    left: 5px; top: 362px;
    width: 500px;
    height: 115px;
    display:inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    margin-left: 3%;
    margin-top:23%;
    z-index:22;
    cursor: pointer;
}
.div29:hover {
    background: url(/upload/images/calculator/arrays_hover-28.png) no-repeat;
}
/*----------------------------DIVS------------------------------*/
/*----------------------------DIVS------------------------------*/
.div30 {
    position: absolute; /* Фиксированное положение */
    background: url(/upload/images/calculator/arrays-29.png) no-repeat;
    left: 5px; top: 282px;
    width: 500px;
    height: 132px;
    display:inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    margin-left: 3%;
    margin-top:23%;
    z-index:22;
    cursor: pointer;
}
.div30:hover {
    background: url(/upload/images/calculator/arrays_hover-29.png) no-repeat;
}
/*----------------------------DIVS------------------------------*/
/*----------------------------DIVS------------------------------*/
.div31 {
    position: absolute; /* Фиксированное положение */
    background: url(/upload/images/calculator/arrays-30.png) no-repeat;
    left: 5px; top: 203px;
    width: 500px;
    height: 386px;
    display:inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    margin-left: 3%;
    margin-top:23%;
    z-index:21;
    cursor: pointer;
}
.div31:hover {
    background: url(/upload/images/calculator/arrays_hover-30.png) no-repeat;
}
/*----------------------------DIVS------------------------------*/
/*----------------------------DIVS------------------------------*/
.div32 {
    position: absolute; /* Фиксированное положение */
    background: url(/upload/images/calculator/arrays-31.png) no-repeat;
    left: 5px; top: 119px;
    width: 500px;
    height: 386px;
    display:inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    margin-left: 3%;
    margin-top:23%;
    z-index:20;
    cursor: pointer;
}
.div32:hover {
    background: url(/upload/images/calculator/arrays_hover-31.png) no-repeat;
}
/*----------------------------DIVS------------------------------*/