.u-section-1 { background-image: none; } .u-section-1 .u-sheet-1 { min-height: 1405px; } .u-section-1 .u-group-1 { width: 772px; min-height: 156px; height: auto; margin: 100px 168px 0 auto; text-align: center; } .u-section-1 .u-container-layout-1 { padding-left: 30px; padding-right: 30px; } .u-section-1 .u-list-1 { grid-template-rows: auto; width: 415px; margin: 0 347px 0 auto; /*prvata vrednost beshe 193px*/ } .u-section-1 .u-repeater-1 { grid-template-columns: 100%; min-height: 415px; grid-gap: 30px 30px; } .u-section-1 .u-list-item-1 { background-image: none; box-shadow: 5px 5px 20px 0 rgba(41,46,51,0.25); } .u-section-1 .u-container-layout-2 { padding: 30px; } .u-section-1 .u-list-item-2 { background-image: none; box-shadow: 5px 5px 20px 0 rgba(41,46,51,0.25); } .u-section-1 .u-container-layout-3 { padding: 30px; } .u-section-1 .u-list-item-3 { background-image: none; box-shadow: 5px 5px 20px 0 rgba(41,46,51,0.25); } .u-section-1 .u-container-layout-4 { padding: 30px; } .u-section-1 .u-list-item-4 { background-image: none; box-shadow: 5px 5px 20px 0 rgba(41,46,51,0.25); } .u-section-1 .u-container-layout-5 { padding: 30px; } .u-section-1 .u-icon-1 { width: 64px; height: 64px; margin: -406px auto 0 294px; } .u-section-1 .u-icon-2 { width: 64px; height: 64px; margin: 49px auto 0 294px; } .u-section-1 .u-icon-3 { width: 64px; height: 64px; margin: 49px auto 0 294px; } .u-section-1 .u-icon-4 { width: 64px; height: 64px; margin: 44px auto 60px 294px; } @media (max-width: 1199px) { .u-section-1 .u-group-1 { margin-top: 500px; height: auto; } .u-section-1 .u-repeater-1 { grid-template-columns: calc(50% - 15px) calc(50% - 15px); } } @media (max-width: 991px) { .u-section-1 .u-group-1 { width: 613px; margin-top: 453px; margin-right: 0; } .u-section-1 .u-list-1 { width: 613px; margin-top: 50px; margin-right: 305px; } .u-section-1 .u-repeater-1 { grid-template-columns: 100%; } .u-section-1 .u-icon-1 { margin-left: 225px; } .u-section-1 .u-icon-2 { margin-left: 225px; } .u-section-1 .u-icon-3 { margin-left: 225px; } .u-section-1 .u-icon-4 { margin-left: 225px; } } @media (max-width: 767px) { .u-section-1 .u-group-1 { width: 460px; margin-top: 540px; } .u-section-1 .u-container-layout-1 { padding-left: 20px; padding-right: 10px; } .u-section-1 .u-list-1 { width: 415px; margin-top: 124px; margin-right: 125px; } .u-section-1 .u-repeater-1 { grid-template-columns: calc(50% - 15px) calc(50% - 15px); } .u-section-1 .u-container-layout-2 { padding-left: 20px; padding-right: 20px; } .u-section-1 .u-container-layout-3 { padding-left: 20px; padding-right: 20px; } .u-section-1 .u-container-layout-4 { padding-left: 20px; padding-right: 20px; } .u-section-1 .u-container-layout-5 { padding-left: 20px; padding-right: 20px; } .u-section-1 .u-icon-1 { margin-left: 169px; } .u-section-1 .u-icon-2 { margin-left: 169px; } .u-section-1 .u-icon-3 { margin-left: 169px; } .u-section-1 .u-icon-4 { margin-left: 169px; } } @media (max-width: 575px) { .u-section-1 .u-group-1 { min-height: 135px; width: 288px; margin-top: 555px; } .u-section-1 .u-list-1 { width: 340px; margin-top: 46px; margin-right: 0; } .u-section-1 .u-repeater-1 { grid-template-columns: 100%; } .u-section-1 .u-icon-1 { margin-left: 106px; } .u-section-1 .u-icon-2 { margin-left: 106px; } .u-section-1 .u-icon-3 { margin-left: 106px; } .u-section-1 .u-icon-4 { margin-left: 106px; } } input.input-i-label { visibility:hidden; width: 0; } label.input-i-label { color: #478ac9; cursor: pointer; } input:checked.input-i-label + label.input-i-label { background-color: #47C9C7; color: white; width: 100%; height: 100%; margin: auto; align-items: center; padding-top: 6px; border-radius: 20px; } .da:hover, label.input-i-label:hover { background-color: #c8dcef; color: #478ac9; } #submitButton, #finishButton, #resetButton { background-color: #00488b; height: 40px; width: 200px; border-radius: 15px; margin: auto auto -10px; } #submitButton:hover, #finishButton:hover, #resetButton:hover { background-color: #5fb1fd; transition: background-color 500ms; height: 40px; width: 200px; border-radius: 15px; margin: auto auto -10px; }