/*********************************  slider  *********************************/

.selectedLineMainPage
{
   width: 56px;
   height: 11px;
   position: absolute;
   right: 0;
   left: 0;
   bottom: 20.8vh;
   margin-left: auto;
   margin-right: auto;
   z-index: 10;
   display: flex;
   align-items: center;
}
.selectedLineMainPageContent
{
   width: 100%;
   height: 1px;
   z-index: 10;
   background-color: #20507c;
}
/*

   .mainPageSelectPage1
   {
      height: 11px;
      width: 11px;
      border: 1px solid transparent;
      border-radius: 50%;
      background-color: #20507c;
      cursor: pointer;
      -webkit-transition: all 0.1s ease-in-out;
      -moz-transition: all 0.1s ease-in-out;
      -o-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out;
      z-index: 11;
      position: absolute;
      left: 0;
   }
   .mainPageSelectPage2
   {
      height: 7px;
      width: 7px;
      border: 1px solid transparent;
      border-radius: 50%;
      background-color: #20507c;
      cursor: pointer;
      -webkit-transition: all 0.1s ease-in-out;
      -moz-transition: all 0.1s ease-in-out;
      -o-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out;
      z-index: 11;
      position: absolute;
      left: 0;
      right: 0;
      margin: auto;
   }
   .mainPageSelectPage3
   {
      height: 7px;
      width: 7px;
      border: 1px solid transparent;
      border-radius: 50%;
      background-color: #20507c;
      cursor: pointer;
      -webkit-transition: all 0.1s ease-in-out;
      -moz-transition: all 0.1s ease-in-out;
      -o-transition: all 0.1s ease-in-out;
      transition: all 0.1s ease-in-out;
      z-index: 11;
      position: absolute;
      right: 0;

   }
   .mainPageSelectPage1:hover, .mainPageSelectPage2:hover, .mainPageSelectPage3:hover
   {
      width: 9px;
      height: 9px;
   }

*/

.section0ContentMainpage
{
   font-family: "SF-Pro-Medium";
   font-size: 6.5vh;
   color:#262626;
   padding-left: 15px;
   position: absolute;
   left: 50%;
   top: 40%;
   transform: translate(-100%,-50%);
   margin-left: auto;
   margin-right: auto;
}
.mainPage 
{
   max-width: 100% !important;
}
.mainPage input 
{
   position: absolute;  
   opacity: 0;
   cursor: pointer;
}
.trigger1
{
   position: absolute !important; 
   left: -50px !important; 
   right: 0 !important; 
   bottom: 20.9vh;
   margin-left: auto !important; 
   margin-right: auto !important; 
   transform: unset !important;
}
.trigger2
{
   position: absolute !important; 
   left: 0 !important; 
   right: 0 !important; 
   bottom: 20.9vh;
   margin-left: auto !important; 
   margin-right: auto !important; 
   transform: unset !important;
}
.trigger3
{
   position: absolute !important; 
   left: 50px !important; 
   right: 0 !important; 
   bottom: 20.9vh;
   margin-left: auto !important; 
   margin-right: auto !important; 
   transform: unset !important;
}
.mainPage label 
{
   display: inline-block;
   height: 7px;
   width: 7px;
   /*border: 3px solid white;*/
   border: 1px solid transparent;
   border-radius: 50%;
   background-color: #20507c;
   /*margin-top: 76.6vh !important;*/
   margin-left: 0px;
   margin-right: 0px;
   cursor: pointer;
   -webkit-transition: all 0.1s ease-in-out;
   -moz-transition: all 0.1s ease-in-out;
   -o-transition: all 0.1s ease-in-out;
   transition: all 0.1s ease-in-out;
   z-index: 11;
   position: relative; 
   left: 47.5%;
   transform: translateX(-50%); 
   /* sonradan eklendi */
   bottom: 20.8vh;
}
.mainPage input:checked + label
{
   width: 11px;
   height: 11px;
   /*margin-bottom: -0.2vh;*/
   margin-bottom: -0.1vh;
}
.mainPage label:hover
{
   width: 9px;
   height: 9px;
   margin-bottom: -0.1vh; 
}
.slide 
{
   position: absolute;
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   z-index: -1;
   transform: translateX(-100%);
   /*transition-duration: .4s;*/
   transition-duration: .6s;
   opacity: 1;
   overflow: hidden;

}
.mainPage input:checked ~ .slide 
{
   transform: translateX(100%);
}
.mainPage input:checked + label + .slide 
{
   transform: translateX(0);
   opacity: 1;
}



.bg1
{
   z-index: 2;
   
}

.bg2
{
   z-index: 2;
   
}
.bg3
{
   z-index: 3;
}

.bgText
{
   width: 45%;
   position: absolute;
   right: 23%;
   top: 40%;
   transform: translate(0%,-50%);
   padding-right: 50px;
   padding-right: 50px;
   font-family: "Poppins-Light";
  
}
.bgTextTitle
{ 
   font-size: 6.4vh !important;
   color:#262626 !important;
   opacity: 1 !important;
   line-height:1.3 !important;
   font-family: "Poppins-Medium";
} 
.bgText u
{ 
   font-weight: 700;
   text-decoration: none;
   color:#262626;
}  
.bgText a
{ 
   font-size: 2.7vh ;
   color:#666666;
   line-height:150%;
} 
.bgTextMainPageText_control .bgTextTitle
{
   font-family: "SF-Pro-Medium"; 
} 
.bgTextMainPageText_control a:last-of-type
{
   font-family: "Poppins-Light";
}

@media only screen and (min-width: 1800px) 
{  
 
   .bgTextDescription
   {
      font-size: 2vh !important;
      
   }
   .bgTextTitle
   { 
      font-size: 4.5vh !important;
   } 
}
@media only screen and (max-width: 1300px) 
{  
   .bgText
   {
      white-space: nowrap; 
   }
   .bgTextTitle
   {   
      font-size: 35px !important;
   }
   
}
@media only screen and (max-width: 1100px) 
{  
   .bgTextTitle
   {   
      font-size: 30px !important;
   }
   .bgTextDescription
   {   
      font-size: 20px !important;
   }
}
@media only screen and (max-width: 900px) 
{  
   .bgTextTitle
   {   
      font-size: 25px !important;
   }
   .bgTextDescription
   {   
      font-size: 15px !important;
   }
}
@media only screen and (max-width: 700px) 
{  
   .bgTextTitle
   {   
      font-size: 20px !important;
      
   }
   .bgTextDescription
   {   
      font-size: 10px !important; 
   }
}

/******************************************************************/





#loadingScreen img
{
   max-width: 6%;
}
#loadingScreen
{
   width: 100%;
   height: 100vh;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 5;
   background-color: rgba(255, 255, 255, 0.8);
   display: flex;
   align-items: center;
   justify-content: center;
   overflow: hidden;
}

#loadingScreenMail img
{
   max-width: 6%;
}
#loadingScreenMail
{
   width: 100%;
   height: 100vh;
   position: fixed;
   top: 0;
   left: 0;
   z-index: 50;
   background-color: rgba(255, 255, 255, 0.8);
   display: none;
   align-items: center;
   justify-content: center;
   overflow: hidden;
}
.AnasayfaGorselVideo{
   width: 100%;
   height: 100%;
   margin: 0px;
   display: flex;
   align-items: center;
   justify-content: center;
   position: absolute;
   left: 0; 
   right: 0; 
   margin-left: auto; 
   margin-right: auto; 
   top: 0; 
   bottom: 0; 
   margin-top: auto; 
   margin-bottom: auto; 
   z-index: 1;
}
.AnasayfaGorselVideoYazi
{
   font-family: "SF-Pro-Medium";
   font-size: 60px;
   color: white; 
   padding-left: 15px;
   margin-top: -93px;/*Sonradan eklendi*/
}





#videowrapper{  
   position: relative;
   top: -1px;
   overflow: hidden;
   
} 

#fullScreenDiv{
   min-height: 100%; 
   height: 100vh;
   width: 100vw;
   padding:0;
   margin: 0;
   /*
   background-image: url(../img/mainpage_background.jpg);
   background-size: cover;
   background-repeat: no-repeat;*/
   position: relative;
}

#video{    
   width: 100vw; 
   height: auto;
   margin: auto;
   display: block;
}
@media (min-aspect-ratio: 16/9) {
 #video{
   width: 100vw; 
   height:auto;
 }
}

@media (max-aspect-ratio: 16/9) {
   #video 
   {
      /*height: 100vh; */
      height: 102vh;
      width:auto;
      margin-left: 50vw;
      transform: translate(-50%);
   }
}

#videoMessage
{
   width: 100%; 
   height: 100%;
   position: absolute; 
   top: 0; 
   left: 0;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
}