.left {float: left;} .right {float: right;}
.zarukolasxrnsa {
display: block; margin: 0 auto; height: auto; min-height: 100%; width: 100%; max-width: 1200px; background: #FFF; transition: 0.3s ease;
}
.kasuseteza-kigezolan {
display: block; position: relative; height: auto; padding: 50px 0 30px; width: 85%; margin: 0 auto;
}
.kantengebsa {
display: block; position: relative; height: 550px; width: 100%; margin: 0 auto; overflow: hidden;
}
.hidden-input {display: none;}
- zornetas1:checked ~ #perazim-derdnum1 {margin-left: 0;}
- zornetas1:checked ~ #perazim-derdnum2 {margin-left: 100%;}
- zornetas1:checked ~ #perazim-derdnum3 {margin-left: 200%;}
- zornetas1:checked ~ #perazim-derdnum4 {margin-left: 300%;}
- zornetas1:checked ~ #perazim-derdnum5 {margin-left: 400%;}
- zornetas1:checked ~ #perazim-derdnum6 {margin-left: 500%;}
- zornetas1:checked ~ #perazim-derdnum7 {margin-left: 600%;}
- zornetas1:checked ~ #perazim-derdnum8 {margin-left: 700%;}
- zornetas1:checked ~ #perazim-derdnum9 {margin-left: 800%;}
- zornetas1:checked ~ #perazim-derdnum10 {margin-left: 900%;}
- zornetas2:checked ~ #perazim-derdnum1 {margin-left: -100%;}
- zornetas2:checked ~ #perazim-derdnum2 {margin-left: 0;}
- zornetas2:checked ~ #perazim-derdnum3 {margin-left: 100%;}
- zornetas2:checked ~ #perazim-derdnum4 {margin-left: 200%;}
- zornetas2:checked ~ #perazim-derdnum5 {margin-left: 300%;}
- zornetas2:checked ~ #perazim-derdnum6 {margin-left: 400%;}
- zornetas2:checked ~ #perazim-derdnum7 {margin-left: 500%;}
- zornetas2:checked ~ #perazim-derdnum8 {margin-left: 600%;}
- zornetas2:checked ~ #perazim-derdnum9 {margin-left: 700%;}
- zornetas2:checked ~ #perazim-derdnum10 {margin-left: 800%;}
- zornetas3:checked ~ #perazim-derdnum1 {margin-left: -200%}
- zornetas3:checked ~ #perazim-derdnum2 {margin-left: -100%;}
- zornetas3:checked ~ #perazim-derdnum3 {margin-left: 0;}
- zornetas3:checked ~ #perazim-derdnum4 {margin-left: 100%;}
- zornetas3:checked ~ #perazim-derdnum5 {margin-left: 200%;}
- zornetas3:checked ~ #perazim-derdnum6 {margin-left: 300%;}
- zornetas3:checked ~ #perazim-derdnum7 {margin-left: 400%;}
- zornetas3:checked ~ #perazim-derdnum8 {margin-left: 500%;}
- zornetas3:checked ~ #perazim-derdnum9 {margin-left: 600%;}
- zornetas3:checked ~ #perazim-derdnum10 {margin-left: 700%;}
- zornetas4:checked ~ #perazim-derdnum1 {margin-left: -300%;}
- zornetas4:checked ~ #perazim-derdnum2 {margin-left: -200%;}
- zornetas4:checked ~ #perazim-derdnum3 {margin-left: -100%;}
- zornetas4:checked ~ #perazim-derdnum4 {margin-left: 0;}
- zornetas4:checked ~ #perazim-derdnum5 {margin-left: 100%;}
- zornetas4:checked ~ #perazim-derdnum6 {margin-left: 200%;}
- zornetas4:checked ~ #perazim-derdnum7 {margin-left: 300%;}
- zornetas4:checked ~ #perazim-derdnum8 {margin-left: 400%;}
- zornetas4:checked ~ #perazim-derdnum9 {margin-left: 500%;}
- zornetas4:checked ~ #perazim-derdnum10 {margin-left: 600%;}
- zornetas5:checked ~ #perazim-derdnum1 {margin-left: -400%;}
- zornetas5:checked ~ #perazim-derdnum2 {margin-left: -300%;}
- zornetas5:checked ~ #perazim-derdnum3 {margin-left: -200%;}
- zornetas5:checked ~ #perazim-derdnum4 {margin-left: -100%;}
- zornetas5:checked ~ #perazim-derdnum5 {margin-left: 0;}
- zornetas5:checked ~ #perazim-derdnum6 {margin-left: 100%;}
- zornetas5:checked ~ #perazim-derdnum7 {margin-left: 200%;}
- zornetas5:checked ~ #perazim-derdnum8 {margin-left: 300%;}
- zornetas5:checked ~ #perazim-derdnum9 {margin-left: 400%;}
- zornetas5:checked ~ #perazim-derdnum10 {margin-left: 500%;}
- zornetas6:checked ~ #perazim-derdnum1 {margin-left: -500%;}
- zornetas6:checked ~ #perazim-derdnum2 {margin-left: -400%;}
- zornetas6:checked ~ #perazim-derdnum3 {margin-left: -300%;}
- zornetas6:checked ~ #perazim-derdnum4 {margin-left: -200%;}
- zornetas6:checked ~ #perazim-derdnum5 {margin-left: -100%;}
- zornetas6:checked ~ #perazim-derdnum6 {margin-left: 0;}
- zornetas6:checked ~ #perazim-derdnum7 {margin-left: 100%;}
- zornetas6:checked ~ #perazim-derdnum8 {margin-left: 200%;}
- zornetas6:checked ~ #perazim-derdnum9 {margin-left: 300%;}
- zornetas6:checked ~ #perazim-derdnum10 {margin-left: 400%;}
- zornetas7:checked ~ #perazim-derdnum1 {margin-left: -600%;}
- zornetas7:checked ~ #perazim-derdnum2 {margin-left: -500%;}
- zornetas7:checked ~ #perazim-derdnum3 {margin-left: -400%;}
- zornetas7:checked ~ #perazim-derdnum4 {margin-left: -300%;}
- zornetas7:checked ~ #perazim-derdnum5 {margin-left: -200%;}
- zornetas7:checked ~ #perazim-derdnum6 {margin-left: -100%;}
- zornetas7:checked ~ #perazim-derdnum7 {margin-left: 0;}
- zornetas7:checked ~ #perazim-derdnum8 {margin-left: 100%;}
- zornetas7:checked ~ #perazim-derdnum9 {margin-left: 200%;}
- zornetas7:checked ~ #perazim-derdnum10 {margin-left: 300%;}
- zornetas8:checked ~ #perazim-derdnum1 {margin-left: -700%;}
- zornetas8:checked ~ #perazim-derdnum2 {margin-left: -600%;}
- zornetas8:checked ~ #perazim-derdnum3 {margin-left: -500%;}
- zornetas8:checked ~ #perazim-derdnum4 {margin-left: -400%;}
- zornetas8:checked ~ #perazim-derdnum5 {margin-left: -300%;}
- zornetas8:checked ~ #perazim-derdnum6 {margin-left: -200%;}
- zornetas8:checked ~ #perazim-derdnum7 {margin-left: -100%;}
- zornetas8:checked ~ #perazim-derdnum8 {margin-left: 0;}
- zornetas8:checked ~ #perazim-derdnum9 {margin-left: 100%;}
- zornetas8:checked ~ #perazim-derdnum10 {margin-left: 200%;}
- zornetas9:checked ~ #perazim-derdnum1 {margin-left: -800%;}
- zornetas9:checked ~ #perazim-derdnum2 {margin-left: -700%;}
- zornetas9:checked ~ #perazim-derdnum3 {margin-left: -600%;}
- zornetas9:checked ~ #perazim-derdnum4 {margin-left: -500%;}
- zornetas9:checked ~ #perazim-derdnum5 {margin-left: -400%;}
- zornetas9:checked ~ #perazim-derdnum6 {margin-left: -300%;}
- zornetas9:checked ~ #perazim-derdnum7 {margin-left: -200%;}
- zornetas9:checked ~ #perazim-derdnum8 {margin-left: -100%;}
- zornetas9:checked ~ #perazim-derdnum9 {margin-left: 0;}
- zornetas9:checked ~ #perazim-derdnum10 {margin-left: 100%;}
- zornetas10:checked ~ #perazim-derdnum1 {margin-left: -900%;}
- zornetas10:checked ~ #perazim-derdnum2 {margin-left: -800%;}
- zornetas10:checked ~ #perazim-derdnum3 {margin-left: -700%;}
- zornetas10:checked ~ #perazim-derdnum4 {margin-left: -600%;}
- zornetas10:checked ~ #perazim-derdnum5 {margin-left: -500%;}
- zornetas10:checked ~ #perazim-derdnum6 {margin-left: -400%;}
- zornetas10:checked ~ #perazim-derdnum7 {margin-left: -300%;}
- zornetas10:checked ~ #perazim-derdnum8 {margin-left: -200%;}
- zornetas10:checked ~ #perazim-derdnum9 {margin-left: -100%;}
- zornetas10:checked ~ #perazim-derdnum10 {margin-left: 0;}
.losaznu-tikartev {
display: inline-block; position: absolute; left: 0; height: 90%; margin: 0 auto; width: 100%; max-width: 1200px; background-size: cover !important; background-position: center !important; transition: 0.6s ease-in-out;
}
- perazim-derdnum1{background: img_container_about;}
- perazim-derdnum2{background: url("http://dna.su.kg/resources/AboutCombo/Main_Combo_02.png");}
- perazim-derdnum3{background: url("http://dna.su.kg/resources/AboutCombo/Main_Combo_03.png");}
- perazim-derdnum4{background: url("http://dna.su.kg/resources/AboutCombo/Main_Combo_04.png");}
- perazim-derdnum5{background: url("http://dna.su.kg/resources/AboutCombo/Main_Combo_05.png");}
- perazim-derdnum6{background: url("http://dna.su.kg/resources/AboutCombo/Main_Combo_06.png");}
- perazim-derdnum7{background: url("http://dna.su.kg/resources/AboutCombo/Main_Combo_07.png");}
- perazim-derdnum8{background: url("http://dna.su.kg/resources/AboutCombo/Main_Combo_08.png");}
- perazim-derdnum9{background: url("http://dna.su.kg/resources/AboutCombo/Main_Combo_09.png");}
- perazim-derdnum10{background: url("http://dna.su.kg/resources/AboutCombo/Main_Combo_10.png");}
.kantengebsa-label {
position: relative; height: 100%; width: 22%; transition: 0.3s ease; background: rgba(255,255,255,0.65); opacity: 0; background-repeat: no-repeat; background-size: 69% 35%; background-position: center;
} .kantengebsa-label:hover {opacity: 1;}
}
.kantengebsa-button {
display: inline-block; position: relative; height: 100%; width: 8%; margin: 0 1%; background: rgba(35, 52, 101, 0.8); transition: 0.3s ease; cursor: pointer;
} .kantengebsa-button::before {
content: ; display: inline-block; position: absolute; height: 90%; width: 90%; left: 50%; border: 1px solid black; transform: translate(-50%, -14%); opacity: 0; transition: 0.2s ease;
} .kantengebsa-button:hover {background: rgba(20,20,20,0.8);} .kantengebsa-button:hover::before {opacity: 1; height: 130%; width: 110%;}
@media only screen and (max-width: 750px) {
.kantengebsa-button {margin: 0 0.5%} .kantengebsa {width: 100%; padding-bottom: 84%; height: 0;}
}
@media only screen and (max-width: 650px) {
.kasuseteza-kigezolan::before {bottom: 12%;}
}
@media only screen and (max-width: 550px) {
.kasuseteza-kigezolan::before {bottom: 13%;}
}
@media only screen and (max-width: 450px) {
.kasuseteza-kigezolan::before {bottom: 14%;}
}