|
|
Строка 1: |
Строка 1: |
− | <div class="container_about">
| |
| | | |
− | .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%;}
| |
− | }
| |
− | </div>
| |