*{
margin: 0;
padding: 0;
touch-action: pan-y;
}
body::-webkit-scrollbar {
display:none;
}
body{
width: 100%;
background-color:white;
background-attachment:fixed;
overflow-x: hidden;
position: absolute;
}
.textler{
font-size: 1.5vw;
}
.black_screen{
margin-top:0%;
margin-left: 0%;
width:100%;
height: 500%;
display: none;
position: absolute;
background-size:contain;
background-position: top;
background-repeat:no-repeat;
background-color: #000000;
opacity: 0.5;
z-index: 4;
}
a{
color:#000000;
cursor:pointer;
text-decoration:none;
}
a:hover{
opacity: 0.4;
color: #FFFFFF;
text-decoration:none;}
a:visited{
color: #FFFFFF; 
}
.app1{
position:absolute;
margin-top:4.5%;
margin-left:27%;
font-size:0.8vw;
font-family:Arial; 
font-style: normal;color: #E5E5E5;
}
.app5{
position:absolute;
margin-top:4.5%;
margin-left:27%;
font-size:0.8vw;
font-family:Arial; 
font-style: normal;color: #E5E5E5;
}
.app2{
position:absolute;
margin-top:13%;
margin-left:25%;
font-family:Arial; 
font-weight:400;
font-size:1.4vw;
font-style: normal;color: #E5E5E5;
}
.app6{
position:absolute;
margin-top:13%;
margin-left:25%;
font-family:Arial; 
font-weight:400;
font-size:1.4vw;
font-style: normal;color: #E5E5E5;
}
.app3{
position:absolute;
margin-top:4.5%;
margin-left:25%;
font-size:0.8vw;
font-family: Arial;
font-style: normal;
color: #E5E5E5;
}
.app7{
position:absolute;
margin-top:4.5%;
margin-left:25%;
font-size:0.8vw;
font-family: Arial;
font-style: normal;
color: #E5E5E5;
}
.app9{
  position:absolute;
  margin-top:4.5%;
  margin-left:29%;
  font-size:0.8vw;
  font-family: Arial;
  font-style: normal;
  color: #E5E5E5;
  }
.app4{
position:absolute;
margin-top:13%;
margin-left:25%;
font-weight:350;
font-size: 1.4vw;
font-family: Arial;
font-style: normal;
color: #E5E5E5;
}
.app8{
position:absolute;
margin-top:13%;
margin-left:25%;
font-weight:350;
font-size: 1.4vw;
font-family: Arial;
font-style: normal;
color: #E5E5E5;
}
.app10{
  position:absolute;
  margin-top:13%;
  margin-left:28%;
  font-weight:350;
  font-size: 1.4vw;
  font-family: Arial;
  font-style: normal;
  color: #E5E5E5;
  }
.appGallery{
  width: 10.5%;
  height: 56px;
  margin-top:42.5%;
  margin-left:81%;
  position:absolute;
  background-size:contain;
  background-position:top;
  background-repeat: no-repeat;
  background-image:url(../images/span2.png);
}
.animation2{
width: 20%;
height: 70px;
position: absolute;
background-size:contain;
background-position: top;
background-repeat:no-repeat;
background-image: url("../images/airplane1.png");
animation: mymove2 10s infinite;
}
@keyframes mymove2 {
0%  {margin-top: 25%;margin-left:0%;}
50%  {margin-top: 25%;margin-left:30%;}
100%  {margin-top: 10%;margin-left:100%;}
}
.animation3{
width: 20%;
height: 60px;
transform: rotate(90deg);
position: absolute;
background-size:contain;
background-position: top;
background-repeat:no-repeat;
background-image: url("../images/airplane2.png");
animation: mymove3 12s infinite;
}
@keyframes mymove3 {
0%  {margin-top: 80%;margin-left:0%;}
100%  {margin-top: 70%;margin-left:100%;}
}
/* Kapat Düğmesi */
.close {
font-size: 3.2vw;
margin-top:0.42%;
margin-left:96.4%;
position:absolute;
}
.close:hover,
.close:focus {
cursor: pointer;
text-decoration: none;
}
.footer{
margin-left: 0%;
margin-top: 210%;
width: 100%;
height: 220px;
position: absolute;
background-size:contain;
background-position: top;
background-repeat:no-repeat;
background-image: url("../images/Rectangle_gri.png");
z-index: 2;
}
#gizleGoster:hover{
display: none;
}
.modal{
left:8%;
width: 80%;
height: 100%; /* Ful Yükseklik */
display: none; /* Varsayılan olarak gizlidir */
position: fixed; /* Yerinde kal */
background-size:contain;
background-position:top;
background-repeat:no-repeat;
background-image:url("../images/Group5.png") ;
z-index: 6;
}
.opacity:hover{
opacity: 0.4;
}
.orta2{
z-index:1;
margin-top: 108%;
width:100%;
height: 900px;
position:absolute;
background-size:contain;
background-position: top;
background-repeat:no-repeat;
background-image:url("../images/Rectangle2.png");
}
.orta_Intersect{
margin-left: 0%;/*0px*/
margin-top: 71.5%;
width: 100%;/*1440px*/
height: 238.4px;
position:absolute;
background-size:contain;
background-position:top;
background-repeat: no-repeat;
background-image:url(../images/Intersect.png);
}
.orta_Intersect2{
margin-left: 0%;/*0px*/
margin-top: 115%;
width: 100%;/*1440px*/
height: 238.4px;
display: none;
position:absolute;
background-size:contain;
background-position:top;
background-repeat: no-repeat;
background-image:url(../images/Intersect.png);
}
#orta_tel {
z-index:1;
margin-top: 60%;
margin-left: 36%;
width: 25%;/*322px*/
height: 400px;/*80%*/
position: absolute;
background-size:contain;
background-position:top;
background-repeat: no-repeat;
background-image:url(../images/hakkinda.png);
}
.orta3_tel{
position: absolute;
width: 15%;
margin-left: 47%;
margin-top: 6%;
}
.Ellipse2{
position: absolute;
margin-top: 67.5%;
margin-left: 59.2%;
width: 10%; 
height: 134px; 
background-size:contain;
background-position:top;
background-repeat: no-repeat;
background-image: url(../images/Ellipse2.png);
}
.Ellipse3{
position: absolute; 
margin-top: 72%; 
margin-left: 73%; 
width: 5%; 
height: 66px;
background-size:contain;
background-position:top;
background-repeat: no-repeat;
background-image: url(../images/Ellipse3.png);
}
.Ellipse4{
position: absolute;
width: 6%;
height: 84px;
margin-top: 68%;
margin-left: 83.5%;
background-size:contain;
background-position:top;
background-repeat: no-repeat;
background-image: url(../images/Ellipse4.png);
}
p{
font-style: normal;
font-weight:normal;
position: absolute;
font-family: Barlow;
}
.p1{
position: absolute;
font-size: 1.2vw;/*vw*/
color: #5058A2;
margin-top:22%;
}
.p2{
position: absolute;
font-size: 2.9vw;/*vw*/
color: #000000;
margin-top:29%;
}
.p3{
position:absolute;
font-size: 1vw;
color: #000000;
margin-top:50%;
}
.p4{
position: absolute;
color:rgba(151, 151, 151, 1);
margin-top:4.5%;
font-size:1.4vw;
color: #FFFFFF;
font-family: DM Sans; 
}
.p9{
position: absolute;
margin-left:12%;
color:rgba(151, 151, 151, 1);
margin-top:0%;
font-size:1.4vw;
font-family: DM Sans; 
z-index:1;
}
.altbaslıklar{
width:85%;
margin-top:35%;
margin-left:15%;
position: absolute; 
}
.p16{
position: absolute;
margin-left:37%;
color:rgba(151, 151, 151, 1);
margin-top:0%;
font-size:1.4vw;
font-family: DM Sans; 
z-index:1;
}
.p17{
position: absolute;
margin-left:52%;
color:rgba(151, 151, 151, 1);
margin-top:0%;
font-size:1.4vw;
font-family: DM Sans; 
z-index:1;
}
.p18{
position: absolute;
margin-left:61.5%;
color:rgba(151, 151, 151, 1);
margin-top:0%;
font-size:1.4vw;
font-family: DM Sans; 
z-index:1;
}
.p5{
position: absolute; 
width: 30%;
margin-left: 65%;
margin-top: 60%;
font-family: Barlow Semi Condensed;
font-style: normal;
font-weight: normal;
font-size: 1.4vw;
color: rgba(0, 0, 0, 0.8);
}
.p6{
position: absolute;
width: 30%;
left: 76.5%;
margin-top: 65%;
font-family:Barlow Semi Condensed;
font-style: normal;
font-weight: normal; 
font-size: 1.4vw;
color: rgba(0, 0, 0, 0.8);
}
.p7{
position: absolute;
width: 12.8%;
left: 87.2%;
margin-top:61%;
font-family: Barlow Semi Condensed;
font-style: normal;
font-weight: normal;
font-size: 1.4vw;
}
.p8{
position: absolute; 
width:25%;  
height: 19px; 
left: 8.5%; 
margin-top: 97.5%;
font-size: 1.2vw;
line-height: 19px;
letter-spacing: 3px; 
color: #5058A2;
}
.p10{
position: absolute;
margin-left: 40%; 
margin-top:6%;
font-family: Barlow;
font-style: normal;
font-weight: normal;
font-size: 1.2vw;
color: #EDEDED;
letter-spacing: 1px;
}
.p11{
position: absolute;
margin-left: 36.8%; 
margin-top: 9%;
font-family: Barlow;
font-style: normal;
font-weight: normal;
font-size:3vw;
color: #FFFFFF;
letter-spacing: 1px;
}
.p12{
position: absolute;
margin-left:27.5%; 
margin-top: 12.5%;
font-family: Barlow;
font-style: normal;
font-weight: normal;
font-size: 3vw;
line-height: 48px;
text-align: center;
color: #FFFFFF;
letter-spacing: 1px;
}
.p13{
position: absolute;
margin-left: 24.5%;
margin-top:9%;
font-family: Barlow;
font-style: normal;
font-weight: normal;
font-size:2.5vw;
color: #000000;
}
.p14{
position: absolute;
margin-left: 19.50%;
margin-top:4.5%;
font-family: Barlow;
font-style: normal;
font-weight:500;
font-size:1.2vw;
color: #474747;
}
.p15{
position: absolute;
margin-left: 41.68%;
margin-top:4.71%;
font-family: Barlow;
font-style: normal;
font-weight: 500;
font-size: 1vw;
color: #474747 !important;
}
.ellipsler1{
position:absolute;
width: 6%;
margin-left:25%;
margin-top:22.5%;
}
.ellipsler2{
position:absolute;
width: 6%;
margin-left:67.8%;
margin-top: 22.5%;
}
.ellipsler3{
position:absolute;width: 6%;margin-left:25%;margin-top: 31.4%;
}
.ellipsler4{
position:absolute;width: 6%;margin-left:67.8%;margin-top: 31.4%;
}
.ellipsler5{
position:absolute;width: 6%;margin-left:25%;margin-top: 40%;
}
.ellipsler6{
position:absolute;width: 6%;margin-left:67.8%;margin-top: 40%;
}
.ellips_iconları1{
position:absolute;width: 3%;margin-left:26.5%;margin-top: 24%;
}
.ellips_iconları2{
position:absolute;width: 3%;margin-left:69%;margin-top: 24%;
}
.ellips_iconları3{
position:absolute;width: 3%;margin-left:26.5%;margin-top: 32.7%;
}
.ellips_iconları4{
position:absolute;width: 3%;margin-left:69.3%;margin-top: 32.7%;
}
.ellips_iconları5{
position:absolute;width: 3%;margin-left:26.5%;margin-top: 41.5%;
}
.ellips_iconları6{
position:absolute;width: 3%;margin-left:69.3%;margin-top: 41.5%;
}
.mavi_artılar1{
position:absolute;width: 2.8%;margin-left:26.7%;margin-top: 27%;
}
.mavi_artılar2{
position:absolute;width: 2.8%;margin-left:69.5%;margin-top: 27%;
}
.mavi_artılar3{
position:absolute;width: 2.8%;margin-left:26.7%;margin-top: 35.8%;  
}
.mavi_artılar4{
position:absolute;width: 2.8%;margin-left:69.5%;margin-top: 35.8%;
}
.mavi_artılar5{
position:absolute;width: 2.8%;margin-left:26.7%;margin-top: 44.6%;
}
.mavi_artılar6{
position:absolute;width: 2.8%;margin-left:69.5%;margin-top: 44.6%;   
}
.textler1{
position: absolute;
margin-left: 10%;
margin-top: 23%;
font-family: Barlow Semi Condensed;
font-style: normal;
font-weight: normal;
text-align: right;
color: #FFFFFF;
}
.textler2{
position: absolute;
margin-left:77%;
margin-top: 23%;
font-family: Barlow Semi Condensed;
font-style: normal;
font-weight: normal;
text-align: left;
color: #FFFFFF;
}
.textler3{
position: absolute;
margin-left: 10%;
margin-top: 32.3%;
font-family: Barlow Semi Condensed;
font-style: normal;
font-weight: normal;
text-align: right;
color: #FFFFFF;
}
.textler4{
position: absolute;
margin-left: 77%;
margin-top: 32.3%;
font-family: Barlow Semi Condensed;
font-style: normal;
font-weight: normal;
text-align: left;
color: #FFFFFF;
}
.textler5{
position: absolute;
margin-left: 14.5%;
margin-top: 41%;
font-family: Barlow Semi Condensed;
font-style: normal;
font-weight: normal;
text-align: right;
color: #FFFFFF;
}
.textler6{
position: absolute;  
margin-left: 77%;
margin-top: 41%;
font-family: Barlow Semi Condensed;
font-style: normal;
font-weight: normal;
text-align: right;
color: #FFFFFF;
}
.Intersect_alt{
position: absolute;width: 56%;margin-left: 22.5%;margin-top:12.8%;
}
.travel{
position: absolute;
width: 65%;
margin-left: 24%;
margin-top: 20%;
}
.header{
width:100%;
height: 742px;
position:absolute;
background-size:contain;
background-position: top;
background-repeat:no-repeat;
background-image:url("../images/Ucus_Rehberim_Gorsel.png") ;
}
.üst{
background-image: url("../images/Rectangle4.png");
width: 100%;
height: 133px;
background-size:contain;
position:absolute;
background-position: top;
background-repeat:no-repeat;
}
.span8{
width: 10.5%;
height: 56px;
margin-left: 10%;
margin-top: 15.5%;
position:absolute;
background-size:contain;
background-position:top;
background-repeat: no-repeat;
background-image:url(../images/span1.png);
}
.span9{
width: 10.5%;
height: 56px;
margin-left:20.8%;
margin-top:15.5%;
position:absolute;
background-size:contain;
background-position:top;
background-repeat: no-repeat;
background-image:url(../images/span1.png);
}
.span12{
  width: 10.5%;
  height: 56px;
  margin-left:31.5%;
  margin-top:15.5%;
  position:absolute;
  background-size:contain;
  background-position:top;
  background-repeat: no-repeat;
  background-image:url(../images/span1.png);
  }
.span4{
width: 10.5%;
height: 56px;
margin-top:42.5%;
margin-left:59%;
position:absolute;
background-size:contain;
background-position:top;
background-repeat: no-repeat;
background-image:url(../images/span2.png);
}
.span5{
width: 10.5%;
height: 56px;
margin-top:42.5%;
margin-left:70%;
position:absolute;
background-size:contain;
background-position:top;
background-repeat: no-repeat;
background-image:url(../images/span2.png);
}
.span6{
width: 10.5%;
height: 56px;
margin-left: 68.4%;
margin-top: 10.5%;
position:absolute;
background-size:contain;
background-position:top;
background-repeat: no-repeat;
background-image:url(../images/span3.png);
}
.span7{
width: 10.5%;
height: 56px;
margin-left:79.5%; 
margin-top:10.5%;
position:absolute;
background-size:contain;
background-position:top;
background-repeat: no-repeat;
background-image:url(../images/span3.png);
}
.span11{
  width: 10.5%;
  height: 56px;
  margin-left:73.5%; 
  margin-top:15.5%;
  position:absolute;
  background-size:contain;
  background-position:top;
  background-repeat: no-repeat;
  background-image:url(../images/span3.png);
  }
.span2{
width: 10.5%;
height: 56px;
margin-left: 8.2%;
margin-top:100.1%;
position:absolute;
background-size:contain;
background-position:top;
background-repeat: no-repeat;
background-image:url(../images/span2.png);
}
.span3{
width: 10.5%;
height: 56px;
margin-left: 19%; 
margin-top: 100.1%;
position:absolute;
background-size:contain;
background-position:top;
background-repeat: no-repeat;
background-image:url(../images/span2.png);
}
.span10{
width: 10.8%;
height: 56px;
margin-left: 30%; 
margin-top: 100%;
position:absolute;
background-size:contain;
background-position:top;
background-repeat: no-repeat;
background-image:url(../images/span2.png);
}
.logo{
width: 10%;
height: 120px;
margin-left: 7.5%;
margin-top: 3.5%;
margin-bottom:5%;
background-size:contain;
position:absolute;
background-position:top;
background-repeat: no-repeat;
background-image:url(../images/dhmi-logo2.png);
z-index: 5;
}
.logo3{
margin-left: 44%;
margin-top: 32%;
margin-bottom:5%;
width: 10%;
height: 120px;
cursor:pointer;
background-size:contain;
position:absolute;
background-position:top;
background-repeat: no-repeat;
background-image:url(../images/dhmi-logo2.png);
z-index: 5;
}
.logo2{
width: 10%;
height: 120px;
margin-left: 10%;
margin-top: 10%;
margin-bottom:5%;
background-size:contain;
position:absolute;
background-position:top;
background-repeat: no-repeat;
background-image:url(../images/dhmi-logo2.png);
z-index: 5;
}
.logo4{
position: absolute;
background-repeat: no-repeat;
width: 7.5%;
left: 10%;
margin-top:4%;
}
.Line1{
position: absolute;
width: 6%;
margin-left: 61%;
margin-top: 63%;
height: 0px;
transform: rotate(-90deg);
background-size:contain;
background-position:top;
background-repeat: no-repeat;
border: 1px solid rgba(0,0,0);
background-image:url(../images/Line1.png);
}
.Line2{
position: absolute;
width: 6%;
margin-left: 72.5%;
margin-top: 68.1%;
height: 0px;
transform: rotate(-90deg);
background-size:contain;
background-position:top;
background-repeat: no-repeat;
border: 1px solid rgba(0,0,0);
background-image:url(../images/Line1.png);
}
.Line3{
position: absolute;
width: 6%;
margin-left: 83.3%;
margin-top: 64%;
height: 0px;
transform: rotate(-90deg);
background-size:contain;
background-position:top;
background-repeat: no-repeat;
border: 1px solid rgba(0,0,0);
background-image:url(../images/Line1.png);
}
.Line4{
position: absolute;
width: 3%;/*yüzde*/
height: 0px;
margin-left: 63.4%;/*yüzde*/
margin-top: 92.5%;/*yüzde*/
border: 3px solid #62BAEA;
transform: rotate(-90deg); 
background-size:contain;
background-position:top;
background-repeat: no-repeat;   
background:url(../images/Line4.png)        
}
.Line5{
position: absolute;
height: 0px;
border: 3px solid #62BAEA;
transform: rotate(-90deg); 
background-size:contain;
background-position:top;
background-repeat: no-repeat;   
width: 2.5%;
margin-left: 63.6%; 
margin-top: 96.5%; 
border: 1px solid rgba(0, 0, 0, 0.15);
background-image:url(../images/Line5.png)
}
.Line6{
position: absolute;
border: 3px solid #62BAEA;
transform: rotate(-90deg); 
background-size:contain;
background-position:top;
background-repeat: no-repeat;
width: 2.5%;
margin-left: 63.6%; 
margin-top: 100.2%; 
border: 1px solid rgba(0, 0, 0, 0.15);
background-image:url(../images/Line5.png)   
}
.Line7{
position: absolute;
width: 2.5%;/*yüzde*/
height: 0px;
margin-left: 63.6%;/*yüzde*/
margin-top: 92.5%;/*yüzde*/
border: 1px solid rgba(0, 0, 0, 0.15);
transform: rotate(-90deg); 
background-size:contain;
background-position:top;
background-repeat: no-repeat;   
background:url(../images/Line5.png) ;
display:none;
}
.Line8{
position: absolute;
height: 0px;
transform: rotate(-90deg); 
background-size:contain;
background-position:top;
background-repeat: no-repeat;   
width: 3%;
margin-left: 63.3%; 
margin-top: 96.5%; 
border: 3px solid #62BAEA;
background-image:url(../images/Line4.png);
display:none;
}
.Line9{
position: absolute;
transform: rotate(-90deg); 
background-size:contain;
background-position:top;
background-repeat: no-repeat;
width: 3%;
margin-left: 63.3%; 
margin-top: 100.2%; 
border: 3px solid #62BAEA;
background-image:url(../images/Line4.png) ;
display:none;
}
.rectangle{
width:10%;
height: 120px;
margin-left: 46%;
margin-top: 47.5%;
margin-bottom:40%;
position:absolute;
background-size:contain;
background-position:top;
background-repeat: no-repeat;
background-image:url(../images/Ellipse1.png);
}
.image1{
position: absolute;
width:7%;
margin-left:68.2%;
margin-top: 4%;
}
.linkedin{
position: absolute;
width:1.35%;
margin-left: 79.51%;
margin-top: 6.5%;
}
.facebook{
position: absolute;
width:0.8%;
margin-left: 83.51%;
margin-top: 6.5%;
}
.instagram{
position: absolute;
width:1.35%;
margin-left: 86.80%;
margin-top: 6.5%;
}
.pfooter{
position: absolute;
width:17%;
margin-left: 75%;
margin-top: 11.5%;
font-family: DM Sans;
font-style: normal;
font-weight: normal;
font-size: 1vw;
text-align: center;
color: #77838F;
}
.twitter{
position: absolute;
width:1.35%;
margin-left: 90.10%;
margin-top: 6.5%;
}
.rectangle51{
position: absolute; 
width: 0.3%;
margin-left: 38.5%;
margin-top:3.2%;
background: #FFFFFF;
}
.Lorem1{
margin-top: 91%;
position: absolute;
width: 23%;
left:66%;
font-family: Barlow; 
font-style: normal;
font-weight: normal; 
font-size: 1.2vw;
color: #333333;
}
.orta_3{
position: absolute;
width:100%;
margin-left: 0%;
margin-top: 168%;
height: 370px;
background-size:contain;
background-repeat:no-repeat;
background-image:url(../images/Gri.png);
}
.wifi{
position: absolute; 
margin-left: 22.5%;
margin-top:32%;
font-size:2.5vw;
color:white;
}
input{
  position: absolute;
  width:10%;
  height:40px;
  top:4%;
  left:93%;
  z-index:6;
  opacity: 0;
}
input ~ span{
position: absolute;
background-size:contain;
background-position:top;
background-repeat: no-repeat;
width:25px;
height:2px;
background: white;
transition: 0.8s;
margin-top: 2%;
margin-left: 93%;
opacity: 0.85;
z-index: 5;
}
.t_ozellik{
position: absolute;
left: 55%;
margin-top: 92%; 
font-family: Barlow Semi Condensed; 
font-style: normal;
font-weight: normal;
font-size:1.1vw;
color: rgba(0, 0, 0, 0.8);
}
.avantaj{
position: absolute;
left: 58%;
margin-top: 99.5%;
font-family: Barlow Semi Condensed;
font-style: normal;
font-weight: normal;
font-size: 1.1vw; 
color: rgba(0, 0, 0, 0.3);
}
.fırsatlar{
position: absolute;
left: 58.8%;
margin-top: 96%;
font-family: Barlow Semi Condensed;
font-style: normal;
font-weight: normal;
font-size: 1.1vw;
color: rgba(0, 0, 0, 0.3);
}
.bir{
position:absolute;
left:-3%;
top:15px;
display: none;
}
.iki{
  position:absolute;
  left:-3%;
  top:20px;
  display: none;
}
.uc{
  position:absolute;
  left:-3%;
  top:24px;
  display: none;
}
input:checked ~ .bir{
  transform:rotate(45deg) translate(0px,7px);
}
input:checked ~ .iki{
  display:none;
}
input:checked ~ .uc{
  transform:rotate(-45deg) translate(0px,-7px);
}

ul { 
list-style-type:none; 
}
.divopen{
margin-top:8%;
margin-left:0%;
width:100%;
height:180px;
position: absolute;
background-size:contain;
background-position:top;
background-repeat:no-repeat;
background-color:rgb(2, 0, 20);
opacity: 0.7;
z-index: 4;
display: none;
}
.divopen2{
text-align: center;
position: absolute;
width:100%;
margin-left:0%;
font-size: 2.4vw;
z-index: 5; 
font-weight:bold;
color: white;
display: none;
}
.t_detay{
position: absolute;
width: 40%;
font-family: Barlow;
font-style: normal;
font-weight: normal;
z-index: 1;
left: 66%;
margin-top: 82%;
font-size: 2.4vw;
}
.responsive_div1{
position: absolute;
background-size:contain;
background-position:top;
background-repeat:no-repeat;
left: 8.5%;
margin-top: 50.5%;
width: 45%;
}
@media screen and (min-width:1500px){
.header{
background-size:contain;
height: 1700px;
} 
.üst{
background-size:contain;
height: 500px;
}
.orta2{
height:2000px ;
background-size:contain;
}
.orta_3{
height: 820px;
background-size:contain;
}
.span8{
width: 10.5%;
height: 120px;
}
.span9{
width: 10.5%;
height: 120px;
}
.span12{
  width: 10.5%;
  height: 120px;
  }
.span2{
width: 10.5%;
height: 120px;
}
.span3{
width: 10.5%;
height: 120px;
}
.span10{
  width: 10.5%;
  height: 120px;
  }
.span4{
width: 10.5%;
height: 120px;
}
.span5{
width: 10.5%;
height: 120px;
}
.appGallery{
  width: 10.5%;
  height: 120px;
  }
.span6{
width: 10.5%;
height: 120px;
}
.span7{
width: 10.5%;
height: 120px;
}
.span11{
  width: 10.5%;
  height: 120px;
  }
.footer{
height: 480px;
background-size:contain;
}
.logo{
height: 500px;
background-size:contain;
}
.logo2{
height: 500px;
background-size:contain;
}
.logo3{
height: 500px;
background-size:contain;
}
#orta_tel{
height: 700px;
background-size:contain;
}
.Ellipse2{
height: 1400px; 
background-size:contain;
}
.Ellipse3{
height: 150px;
background-size:contain;
}
.Ellipse4{
height: 180px;
background-size:contain;
}
.rectangle{
height: 1500px;
}
}
@media screen and (min-width:1200px) and (max-width: 1500px){
.header{
background-size:contain;
height: 1500px;
} 
.üst{
background-size:contain;
height: 500px;
}
.orta2{
height:950px ;
background-size:contain;
}
.orta_3{
height: 420px;
background-size:contain;
}
.footer{
height: 250px;
background-size:contain;
}
.span8{
width: 10.5%;
height: 120px;
}
.span9{
width: 10.5%;
height: 120px;
}
.span12{
  width: 10.5%;
  height: 120px;
  }
.span2{
width: 10.5%;
height: 120px;
}
.span3{
width: 10.5%;
height: 120px;
}
.span10{
  width: 10.5%;
  height: 120px;
  }
.span4{
width: 10.5%;
height: 120px;
}
.span5{
width: 10.5%;
height: 120px;
}
.appGallery{
  width: 10.5%;
  height: 120px;
  }
.span6{
width: 10.5%;
height: 120px;
}
.span7{
width: 10.5%;
height: 120px;
}
.span11{
  width: 10.5%;
  height: 120px;
  }
}
@media screen and (min-width:850px) and (max-width: 1200px){
.header{
background-size:contain;
height: 1500px;
} 
.üst{
background-size:contain;
height: 500px;
}
}
@media screen and (min-width: 0px) and (max-width: 850px){
.orta2{
height:550px ;
}
.black_screen{
height: 350%;
}
}
@media screen and (max-width: 400px){
input{
width:5%;
height:40px;
top:2%; 
}
.divopen{
height:125px;
}
}
@media screen and (max-width: 300px){
.divopen{
height:100px;
}
}
@media screen and (max-width: 950px){
/*Responsive için gerekli ayarlar*/
#orta_tel{
margin-left: 9.2%;
margin-top: 97.5%;
width: 24%;/*322px*/
height: 350px;/*80%*/
}
.responsive_div1{
margin-top: 50%;
left: 7.3%;
}
.p1{
font-size: 1.4vw;/*vw*/
height: 10px;
}
.p2{
font-size: 2.8vw;/*vw*/
}
.p3{
font-size: 1.8vw;
}
.Ellipse2{
position: absolute;
margin-top: 69.5%;
margin-left: 48.2%;
width: 16%; 
height: 134px;
}
.Ellipse3{
position: absolute;
margin-top: 77%;
margin-left: 66%;
height: 66px;
width: 8%; 
}
.Ellipse4{
position: absolute;
width: 10%;
margin-top: 70%;
height: 84px;
margin-left: 80%;
}
.orta2{
margin-top: 130%;
height: 600px;
}
.t_detay{
left: 60%;
margin-top: 98%;
font-size: 2.6vw;
}
.t_ozellik{
left: 44%;
margin-top: 109%; 
font-size:1.5vw;
}
.textler{
font-size: 1.8vw;
}
.fırsatlar{
left: 49%;
margin-top: 114%;
font-size: 1.5vw;
}
.avantaj{
left: 48%;
margin-top: 119%;
font-size: 1.5vw; 
}
.Lorem1{
margin-top: 108%;
font-size: 1.6vw;
width: 40%;
left:60%;
}
.Line1{
width: 7%;
margin-left: 52.5%;
margin-top: 63.5%;
}
.Line2{
width: 7%;
margin-left: 66%;
margin-top: 71.8%;
}
.Line3{
width: 7%;
margin-left: 81%;
margin-top: 64.8%;
}
.Line4{
margin-left: 56.5%; 
margin-top: 109.5%; 
}
.Line5{
margin-left: 56.5%; 
margin-top: 115%; 
}
.Line6{
margin-left: 56.5%; 
margin-top: 120%; 
}
.Line7{
margin-left: 56.5%; 
margin-top: 109.5%; 
}
.Line8{
margin-left: 56.5%; 
margin-top: 115%; 
}
.Line9{
margin-left: 56.5%; 
margin-top: 120%; 
}
.wifi{
margin-left: 26.8%;
margin-top:28%;
font-size:3.5vw;
}
.p5{
margin-left: 57.3%;
margin-top: 60%;
font-size: 1.8vw;
}
.p6{
left: 70.4%;
margin-top: 67.8%;
font-size: 1.8vw;
}
.p7{
left: 85.5%;
width: 14.5%;
margin-top:61%;
font-size: 1.8vw;
}
.travel{
position: absolute;
width: 55%;
margin-left: 22%;
margin-top: 20%;
}
.p8{ 
left: 7.5%; 
margin-top: 85.5%;
font-size: 1.6vw;
}
.span2{
margin-top:90%;
margin-left:7.5%;
}
.span3{
margin-top:90%;
margin-left:18.6%;
}
.span10{
  margin-top:90%;
  margin-left:29.6%;
  }
.span8{
margin-top:15.5%;
margin-left:10%;
}
.span9{
margin-top:15.5%;
margin-left:21.5%;    
}
.span12{
  margin-top:15.5%;
  margin-left:33%;    
  }
.footer{
margin-top: 235%;
background-size:contain;
height: 220px;
}
.orta_3{
background-size:contain;
margin-top: 190%;
height: 370px;
}
.orta_Intersect2{
display:block;
}
}
@media screen and (max-width: 600px) {
.appGallery{
  margin-top:54%;
  margin-left:80%;
  width: 16%;
  display: none;
  }
.black_screen{
height: 450%;
}
input{
display:block;
}
input ~ .bir{
display: block;
}
input ~ .iki{
display: block;
}
input ~ .uc{
display: block;
}
input ~ span{
display:block;
}
input ~ div{
display:none;
}
li{
display:block;
}
input:checked ~ .divopen{
  display:inline;
}
input:checked ~ .divopen2{
  display:inline;
}
/*responsive tasarım*/
#orta_tel{
margin-left: 62.2%;
margin-top: 56%;
width: 30%;
height: 350px;
}
.orta2{
margin-top: 220%;
width:100%;
height: 700px;
left:0%;
background-image:url("../images/Rectangle2sm.png");
}
.footer{
width:100%;
margin-top: 400%;
background-size:contain;
height: 260px;
background-image: url("../images/footer_sm.png");
}
.orta_3{
background-size:contain;
margin-top: 320%;
height: 350px;
width:100%;
background-image:url(../images/Gri_sm.png);
}
.logo{
height: 500px;
width: 10.5%;
background-size:contain;
}
.logo2{
height: 500px;
width: 10.5%;
background-size:contain;
}
.logo3{
height: 120px;
width: 10.5%;
background-size:contain;
}
.p10{
margin-left: 23.4%; 
margin-top:6%;
font-size: 3.2vw;
}
.p11{
margin-left: 28%; 
margin-top: 13.5%;
font-size:4.8vw;
}
.p12{
margin-left:12%; 
margin-top: 20%;
font-size: 5.4vw;
}
.ellipsler1{
margin-left:32%;
margin-top: 35%;
width:15%;
}
.ellipsler2{
margin-left:55%;
margin-top: 35%;
width:15%;
}
.ellipsler3{
margin-left:32%;
margin-top: 58%;
width:15%;
}
.ellipsler4{
margin-left:55%;
margin-top: 58%;
width:15%;
}
.ellipsler5{
margin-left:32%;
margin-top: 81%;
width:15%;
}
.ellipsler6{
margin-left:55%;
margin-top: 81%;
width:15%;
}
.ellips_iconları1{
margin-left:34.7%;margin-top: 38%;width: 9%;
}
.ellips_iconları2{
margin-left:57%;margin-top: 38%;width: 9%;
}
.ellips_iconları3{
margin-left:34.7%;margin-top: 60.3%;width: 9%;
}
.ellips_iconları4{
margin-left:58%;margin-top: 60%;width: 9%;
}
.ellips_iconları5{
margin-left:34.7%;margin-top: 82.5%;width: 9%;
}
.ellips_iconları6{
margin-left:58%;margin-top: 82.5%;width: 9%;
}
.mavi_artılar1{
margin-left:36.5%;margin-top: 46.5%;width: 6%;
}
.mavi_artılar2{
margin-left:59.5%;margin-top: 46.5%;width: 6%;
}
.mavi_artılar3{
margin-left:36.5%;margin-top: 69.5%; width: 6%;
}
.mavi_artılar4{
margin-left:59.5%;margin-top: 69.5%;width: 6%;
}
.mavi_artılar5{
margin-left:36.5%;margin-top: 92.3%;width: 6%;
}
.mavi_artılar6{
margin-left:59.5%;margin-top:92.3%; width: 6%; 
}
.textler1{
margin-left: 2%;
margin-top: 37%;
font-size: 3.7vw;
text-align: right;
}
.textler2{
margin-left:72%;
margin-top: 37%;
font-size: 3.7vw;
text-align: left;
}
.textler3{
margin-left:1.5%;
margin-top: 60%;
font-size: 3.7vw;
text-align: right;
}
.textler4{
margin-left:72%;
margin-top: 60%;
font-size: 3.7vw;
text-align: left;
}
.textler5{
margin-left:13%;
margin-top: 83%;
font-size: 3.7vw;
text-align: right;
}
.textler6{
margin-left:72%;
margin-top: 83%;
font-size: 3.7vw;
text-align: left;
}
.Intersect_alt{
display:none;
}
.rectangle{
width:14.3%;
height: 120px;
margin-left: 45%;
margin-top: 46%;
margin-bottom:40%;
}
.span2{
width: 18%;
margin-top:208%;
margin-left:38%;
}
.span3{
width: 18%;
margin-top:208%;
margin-left:57.3%;
}
.span10{
  width: 18%;
  margin-top:208%;
  margin-left:76.5%;
  }
.span4{
width: 16%;
margin-top:15%;
margin-left:46%;
display: none;
}
.span5{
width: 16%;
margin-top:15%;
margin-left:63%;
display: none;
}
.span6{
width: 18%;
margin-left: 8%;
margin-top: 47%;
}
.span7{
width: 18%;
margin-left:28%; 
margin-top:47%;
}
.span11{
  width: 18%;
  margin-left:48%; 
  margin-top:47%;
  }
.span8{
width: 18%;
margin-left: 4%;
margin-top: 30.7%;
}
.span9{
width: 18%;
margin-left:24%; 
margin-top:30.7%;
}
.span12{
  width: 18%;
  margin-left:44%; 
  margin-top:30.7%;
  }
.app1
{
margin-top:4.5%;
margin-left:27%;
font-size:1.5vw;
}
.app5
{
margin-top:4.5%;
margin-left:27%;
font-size:1.3vw;
}
.app2
{
margin-top:12.4%;
margin-left:25%;
font-size:3vw;
}
.app6
{
margin-top:16%;
margin-left:25%;
font-size:2.5vw;
}
.app3{
margin-top:4.5%;
margin-left:25%;
font-size:1.8vw;
}
.app7{
margin-top:4.5%;
margin-left:25%;
font-size:1.8vw;
}
.app9{
  margin-top:4.5%;
  margin-left:27.5%;
  font-size:1.6vw;
  }
.app4{
font-size:2.5vw;
margin-top:17%;
margin-left:22.5%;
}
.app8{
font-size:2.2vw;
margin-top:17%;
margin-left:22.5%;
}
.app10{
  font-size:2vw;
  margin-top:17%;
  margin-left:27.5%;
  }
.p8{
width:40%;  
left:4.5%;
margin-top:210%;
font-size:3.2vw;
}
.Line1{
width: 13.7%;
margin-left: 12.5%;
margin-top: 105%;
}
.Line2{
width: 13.7%;
margin-left: 39.5%;
margin-top: 119%;
}
.Line3{
width: 13.7%;
margin-left: 64.5%;
margin-top: 109.4%;
}
.p5{
margin-left: 21%;
margin-top: 97%;
font-size: 3.2vw;
}
.p6{
left: 48.5%;
margin-top: 111%;
font-size: 3.2vw;
}
.p7{
left: 73%;
width:27%;
margin-top:102%;
font-size: 3.2vw;
}
.Ellipse2{
margin-top: 115%;
margin-left: 6.2%;
width: 27%; 
height: 134px;
}
.Ellipse3{
margin-top: 129%;
margin-left: 40%;
height: 66px;
width: 14%; 
}
.Ellipse4{
width: 18.5%;
margin-top: 120%;
height: 84px;
margin-left: 62.4%;
}
.responsive_div1{
margin-top: 50%;
margin-left:0%;
width: 48%;
}
.p1{
font-size: 3.4vw;/*vw*/
margin-top:21%;

}
.p2{
margin-top:37%;
font-size: 5vw;/*vw*/
}
.p3{
margin-top:70%;
font-size: 2.42vw;
}
.t_ozellik{
left: 6%;
margin-top: 170.8%; 
font-size:3.4vw;
}
.fırsatlar{
left:15.8%;
margin-top: 181%;
font-size: 3.4vw;
}
.avantaj{
left: 13.4%;
margin-top: 191%;
font-size: 3.4vw; 
}
.Lorem1{
margin-top: 170%;
font-size: 3.2vw;
width: 62%;
left:38%;
}
.Line4{
width: 5.5%;/*yüzde*/
margin-left: 32.4%;/*yüzde*/
margin-top: 173.5%;/*yüzde*/
border: 1.5px solid #62BAEA;
}
.Line5{
width: 5.5%;/*yüzde*/
margin-left: 32.2%; 
margin-top: 183%; 
}
.Line6{
width: 5.5%;/*yüzde*/
margin-left: 32.4%; 
margin-top: 192.5%; 
}
.Line7{
width: 5.5%;/*yüzde*/
margin-left: 32.4%;/*yüzde*/
margin-top: 173.5%;/*yüzde*/
}
.Line8{
width: 5.5%;/*yüzde*/
margin-left: 32.2%; 
margin-top: 183%; 
border: 1.5px solid #62BAEA;
}
.Line9{
width: 5.5%;/*yüzde*/
margin-left: 32.4%; 
margin-top: 192.5%; 
border: 1.5px solid #62BAEA;
}
.t_detay{
left: 37%;
margin-top: 155%;
font-size: 4.6vw;
}
.orta3_tel{
position: absolute;
width: 28%;
margin-left: 67%;
margin-top: 12%;
}
.logo2{
width:18%;
margin-left: 8%;
margin-top:20%;
height:80px;
}
.logo3{
display:none;
}
.p13{
margin-left: 35%;
margin-top:19%;
font-size:4.5vw;
}
.p14{
margin-left: 20%;
margin-top:9.5%;
font-size:2.8vw;
}
.p15{
margin-left: 62%;
margin-top:3%;
font-size:2.8vw;
}
.orta_Intersect{
margin-top: 76%;
}
.orta_Intersect2{
display:block;
margin-top: 144%;
}
.logo4{
width:14%;
left: 4%;
margin-top:5%;
}
.rectangle51{
position: absolute; 
width: 0.65%;
margin-left: 58.5%;
margin-top:3.7%;
background: #FFFFFF;
}
.display{
display:none
}
.image1{
width:13%;
margin-left:80.2%;
margin-top: 35.4%;
}
.linkedin{
width:3.7%;
margin-left: 72.51%;
margin-top: 42%;
}
.facebook{
width:1.9%;
margin-left: 66%;
margin-top: 42%;
}
.instagram{
width:3.3%;
margin-left: 58%;
margin-top: 42.5%;
}
.twitter{
width:3.1%;
margin-left: 51%;
margin-top: 42.5%;
}
.pfooter{
width: 40%;
margin-left: 44%;
margin-top: 49%;
font-size: 2.2vw;
}
.altbaslıklar{
width:80%;
margin-left:0%;
position: absolute;
margin-left:5%; 
margin-top:68%;
}
.p9{
margin-left:3.5%;
margin-top:0%;
font-size:3vw;
}
.p16{
margin-left:52%;
margin-top:0%;
font-size:3vw;
}
.p17{
margin-left:78.5%;
margin-top:0%;
font-size:3vw;
}
.p18{
margin-left:92%;
margin-top:0%;
font-size:3vw;
}
.wifi{
margin-left: 26%;
margin-top:28%;
font-size:6vw;
}
.travel{
width: 52%;
margin-left: 24.5%;
margin-top: 14%;
}
.animation2{
width: 10%;
height: 30px;
animation: mymove2 10s infinite;
}
@keyframes mymove2 {
0%  {margin-top: 25%;margin-left:0%;}
50%  {margin-top: 25%;margin-left:30%;}
100% {margin-top: 10%;margin-left:90%;}
}
.animation3{
width: 10%;
height: 30px;
animation: mymove3 8s infinite;
}
@keyframes mymove3 {
0%  {margin-top: 85%;margin-left:0%;}
100%  {margin-top: 74.2%;margin-left:90%;}
}
}