body
{   font-family: 'Montserrat', sans-serif;
    margin: 0;
    height: 100%;

}

.mainwindow{
    max-width:1800px;
    margin:0 auto;
    justify-content: center;
    align-items:  center;


}


/***language*****/

.mainlan {
/*text-align: left;*/
/*overflow: auto;*/
background: #fff;
margin: 0px;
width: auto;
position:fixed;
    z-index: 998;
   right:10px;
height:25px;


}

.languagepic{
    max-width:20px;
    max-height: 20px;
}

/* Style The Dropdown Button */
.dropbtnlan {
  background-color: white;
  color: white;
  padding: 4px;
  font-size: 12px;
  border: none;
  cursor: pointer;
    /*border-top-left-radius:5px;
    border-top-right-radius:5px;*/
    /*border-radius: 5px;*/
}

/* The container <div> - needed to position the dropdown content */
.dropdownlan {
  position: relative;
  display: inline-block;
    top:15px;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-contentlan {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 28px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 998;
  font-size:12px;
    font-weight:bold;
  text-align: center;
    margin-left:2px;
   /* border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
   box-shadow: 0 0 0 1px #052A59;*/
    /*border-radius: 5px;*/
}

/* Links inside the dropdown */
.dropdown-contentlan a {
  color: black;
  padding: 6px 2px;
  text-decoration: none;
  display: block;

}

/* Change color of dropdown links on hover */
.dropdown-contentlan a:hover {background-color: #f9f9f9;color:red;}

/* Show the dropdown menu on hover */
.dropdownlan:hover .dropdown-contentlan {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdownlan:hover .dropbtnlan {
  background-color: white;
    /*box-shadow: 0 0 0 1px #052A59;*/
}



/**language end**/


/**********input text chekin-out upper text END************/



/* START  MENUUUUUUU */

.header {
  background-color: white;
  position: fixed;
  width: 100%;
  height:65px;
  z-index: 997;
  margin:0px;
    /*border-style: solid;
    border-width: 1px;
    border-color:black;*/
}

.header ul{
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  background-color: white;

}




.header li a{
  display: block;
  padding: 20px 20px;
  /*border-right: 1px solid #f4f4f4;#E7CC21  #EDD664*/
  text-decoration: none;
    color:black;
    font-weight: bold;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;

	/*text-shadow: 0 1px 1px #bbb,
			   0 2px 0 #999;*/
}

.emogiris{
    background-color: white;
    width: 100%;
    height: 60px auto;
    position: relative;
    text-align: center;
    font-weight:800;
    float:left;
    margin:65px 0px 0px 0px;
    font-size: 24px;
    /*border-style: solid;
    border-width: 1px;
    border-color:black;*/
    padding: 10px 0px;
    }

.emogiris{
background: rgb(29,57,2);
background: linear-gradient(90deg, rgba(29,57,2,1) 11%, rgba(29,57,2,1) 23%, rgba(254,206,108,1) 100%);
}

.barbar{
    position:relative;
    margin: 0 auto;
    width:100%;
    height:50px;
    background: rgb(29,57,2);
background: linear-gradient(90deg, rgba(29,57,2,1) 11%, rgba(29,57,2,1) 23%, rgba(254,206,108,1) 100%);
}
@media screen and (max-width: 800px) {
.barbar{
    display:none;

}}
.onlinetext{
    position:relative;
    margin: 0 auto;
    width:100%;
    height:100px;
    background:inherit;
    font-weight: bolder;
    font-size: 22px;
    color:white;
    font-family: Rockwell, sans-serif;
}
.emogiris z1{
    text-align: center;
    color:aliceblue;
    font-weight: bolder;
}


.parentmain{
margin:0px 0px 0px 0px;
width:100%;
height:600px;
display: flex;
align-items: center;
justify-content: center;
   /*border-style: solid;
    border-width: 5px;
    border-color:black;*/
     background: rgb(29,57,2);
background: linear-gradient(90deg, rgba(29,57,2,1) 11%, rgba(29,57,2,1) 23%, rgba(254,206,108,1) 100%);

}


.news{
    position:relative;
    margin: 0 auto;
    width: 80%;
    height:600px;
    justify-content: center;
    align-items:  center;
    display: inline-block;
   /*border-style: solid;
   border-width: 5px;
    border-color:black;*/
    background-size: contain !important;
background-repeat: no-repeat;
    
}

@media screen and (max-width: 800px) {
.news{
    width: 100%;

}}
@media screen and (max-width: 700px) {
.news{
    height:500px;

}
    .parentmain{
    height:500px;
    }
}
@media screen and (max-width: 550px) {
.news{
    height:400px;

}
    .parentmain{
    height:400px;
    }
}
@media screen and (max-width: 350px) {
.news{
    height:320px;

}
    .parentmain{
    height:320px;
    }
}

.parentmain2{
margin:25px 0px 0px 0px;
width:100%;
height:auto;
display: flex;
align-items: center;
justify-content: center;
   /*border-style: solid;
    border-width: 5px;
    border-color:black;*/
}

.parentmain3{
margin:30px 0px 0px 0px;
width:100%;
height:350px;
display: flex;
align-items: center;
justify-content: center;
   /*border-style: solid;
    border-width: 5px;
    border-color:black;*/
}
.parentmain4{
margin:30px 0px 0px 0px;
width:100%;
height:auto;
display: flex;
align-items: center;
justify-content: center;
   /*border-style: solid;
    border-width: 5px;
    border-color:black;*/
}

.parentmain5{
margin:25px 0px 0px 0px;
width:100%;
height:auto;
display: inline-block;
    
   /*border-style: solid;
    border-width: 5px;
    border-color:black;*/
}

.news2{
    position:relative;
    margin: 0 auto;
    width: 80%;
    height:350px;
    justify-content: center;
    align-items:  center;
    display: inline-block;
   /*border-style: solid;
   border-width: 5px;
    border-color:black;*/
    background-size: contain !important;
background-repeat: no-repeat;
    
}

@media screen and (max-width: 1500px) {
.news2{
    height:500px;

}
    .parentmain3{
    height:500px;
    }
}

@media screen and (max-width: 1000px) {
.news2{
    height:750px;

}
    .parentmain3{
    height:750px;
    }
}
@media screen and (max-width: 800px) {
.news2{
    width:60%;

}
    
}
@media screen and (max-width: 550px) {
.news2{
    width:100%;

}
    
}

.news3{
    position:relative;
    margin: 0 auto;
    width: 90%;
    height:auto;
    justify-content: center;
    align-items:  center;
    display: inline-block;
   /*border-style: solid;
   border-width: 5px;
    border-color:black;*/
    background-size: contain !important;
background-repeat: no-repeat;
    padding:0px 0px 0px 0px;
    
}
@media screen and (max-width: 900px) {
.news3{
    width: 100%;
padding:0px;
}  
}

.news4{
    position:relative;
    width: 100%;
    margin:0 auto;
    /*padding:40px 20px 20px 100px;*/
    height:auto;
    /*border-style: solid;
    border-width: 5px;
    border-color:black;*/
    
}



.basinemo{
    position:relative;
    float:left;
    margin:50px 50px auto;
    width:400px;
    height:220px;
    background:white;
    cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
    padding:0px 10px 0px 10px;
    /*border-style: solid;
    border-width: 1px;
    border-color:black;*/
   
}
@media screen and (max-width: 380px) {
.basinemo{
    width:100%;
    margin:50px 0px 0px 0px;
    padding:0px 10px 0px 10px;
}  
}

.basinemo:hover{
    transform: scale(1.02); 
    box-shadow: 10px 10px 25px 7px grey;
    border-radius: 5px;
    border: 2px solid black;
}

.basinemo1{
    position:relative;
    float:left;
    margin:0 auto;
    width:100%;
    height:140px;
    background:white;
    
    /*border-style: solid;
    border-width: 1px;
    border-color:black;*/
   
}
.basinemo2{
    position:relative;
    float:left;
    margin:0 auto;
    width:100%;
    height:30px;
    background:white;
    font-size: 14px;
    font-weight: bolder;
    text-align: left;
    color:black;
    /*border-style: solid;
    border-width: 1px;
    border-color:black;*/
   
}


.bornew5 {
margin: 0 auto;
height:5px;
width:100%;
    background: linear-gradient(90deg, rgba(29,57,2,1) 11%, rgba(29,57,2,1) 23%, rgba(254,206,108,1) 100%);

}



.options{
    position:relative;
    width: 100%;
    margin:0 auto;
    /*padding:40px 20px 20px 100px;*/
    height:auto;
    /*border-style: solid;
    border-width: 5px;
    border-color:black;*/
}

.servicesemo{
    position:relative;
    float:left;
    /*margin:40px 15px 40px 15px;*/
    padding: 20px;
    width:300px;
    height:auto;
    background:white;
    
    /*border-style: solid;
    border-width: 1px;
    border-color:black;*/
}
.servicesemobilim{
    position:relative;
    float:left;
    /*margin:40px 15px 40px 15px;*/
    padding: 10px;
    width:200px;
    height:auto;
    background:white;
    
    /*border-style: solid;
    border-width: 1px;
    border-color:black;*/
}

.servicesemomevzuat{
    position:relative;
    float:left;
    /*margin:40px 15px 40px 15px;*/
    padding: 50px;
    width:300px;
    height:1150px;
    background-color:white;
    
    /*border-style: solid;
    border-width: 5px;
    border-color:black;*/
}
@media screen and (max-width: 599px) {
.servicesemomevzuat{
    height:auto;
}}

.servicesemodokform{
    position:relative;
    float:left;
    /*margin:40px 15px 40px 15px;*/
    padding: 50px;
    width:300px;
    height:2200px;
    background-color:white;
    
   /* border-style: solid;
    border-width: 5px;
    border-color:black;*/
}
@media screen and (max-width: 899px) {
.servicesemodokform{
    height:auto;
}}
@media screen and (max-width: 599px) {
.servicesemodokform{
    height:auto;
}}

.servicesemodokteknik{
    position:relative;
    float:left;
    /*margin:40px 15px 40px 15px;*/
    padding: 50px;
    width:300px;
    height:2200px;
    background-color:white;
    
    /*border-style: solid;
    border-width: 5px;
    border-color:black;*/
}
@media screen and (max-width: 599px) {
.servicesemodokteknik{
    height:auto;
}}

.servicesemodokegitim{
    position:relative;
    float:left;
    /*margin:40px 15px 40px 15px;*/
    padding: 50px;
    width:300px;
    height:2200px;
    background-color:white;
    
   /* border-style: solid;
    border-width: 5px;
    border-color:black;*/
}
@media screen and (max-width: 599px) {
.servicesemodokegitim{
    height:auto;
}}
.servicesemodokrehber{
    position:relative;
    float:left;
    /*margin:40px 15px 40px 15px;*/
    padding: 50px;
    width:300px;
    height:1200px;
    background-color:white;
    
    /*border-style: solid;
    border-width: 5px;
    border-color:black;*/
}
@media screen and (max-width: 599px) {
.servicesemodokrehber{
    height:auto;
}}

.servicesemomevzuatprotokol{
    position:relative;
    float:left;
    /*margin:40px 15px 40px 15px;*/
    padding: 50px;
    width:300px;
    height:500px;
    background-color:white;
    
    /*border-style: solid;
    border-width: 5px;
    border-color:black;*/
}
@media screen and (max-width: 599px) {
.servicesemomevzuatprotokol{
    height:auto;
}}


.servicesemomevzuatyonet{
    position:relative;
    float:left;
    /*margin:40px 15px 40px 15px;*/
    padding: 50px;
    width:300px;
    height:1150px;
    background-color:white;
    
    /*border-style: solid;
    border-width: 5px;
    border-color:black;*/
}
@media screen and (max-width: 899px) {
.servicesemomevzuatyonet {
    height:auto;
}}

.servicesemovideo{
    position:relative;
    float:left;
    /*margin:40px 15px 40px 15px;*/
    padding: 10px;
    width:400px;
    height:auto;
    background:white;
    
    /*border-style: solid;
    border-width: 1px;
    border-color:black;*/
}

@media screen and (max-width: 400px) {
.servicesemovideo {
    width:350px;
}}
@media screen and (max-width: 360px) {
.servicesemovideo {
    width:300px;
}}
@media screen and (max-width: 310px) {
.servicesemovideo {
    width:250px;
}}
@media screen and (max-width: 260px) {
.servicesemovideo {
    width:200px;
}}


.servicesemo img{
    /*border-radius: 25px;*/
}

.servicesemo img:hover{
  box-shadow: 0 0 8px 4px rgba(244, 199, 103, 0.5);
  opacity: 1;

}

.servicesemobilim p{
  font-weight: bolder;

}
.servicesemovideo p{
  font-weight: bolder;

}


.hakcontent{
    float:left;
    width:100%;
    height:auto;
    font-weight: bolder;
    text-align:justify;
    color:#052A59;
    word-wrap: break-word;
    text-justify: inter-word;
    padding: 10px 10px 10px 10px;
}

ul.haklist {
  list-style-type: square;
}

/*@media screen and (max-width: 1540px) {
            .options
            {padding:40px 0px 20px 50px;}
}*/


.servicesemo img{
max-width: 100%;
max-height: 140px;
opacity: 0.8;

}


    

.header li a:hover,
.header .menu-btn:hover {
  color: #548B41;
}

.header .logo {
  display: block;
  float: left;
  padding: 3px 20px;
  text-decoration: none;
    width:225px;
    height:auto;
}

@media (max-width: 300px) {

    .header .logo {
    width:180px;
}

}

/* menu */

.header .menu {
  clear: both;
  max-height: 0;
  transition: max-height .2s ease-out;
  font-weight: bold;
    padding-top:0px;
    z-index:998;
}

/* menu icon */



.header .menu-icon {
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 28px 50px 28px 0px;
  position: relative;
  user-select: none;
}

.header .menu-icon .navicon {
  background: #333;
  display: block;
  height: 2px;
  position: relative;
  transition: background .2s ease-out;
  width: 18px;
}

.header .menu-icon .navicon:before,
.header .menu-icon .navicon:after {
  background: #333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transition: all .2s ease-out;
  width: 100%;
}

.header .menu-icon .navicon:before {
  top: 5px;
}

.header .menu-icon .navicon:after {
  top: -5px;
}

/* menu btn */

.header .menu-btn {
  display: none;
}

.header .menu-btn:checked ~ .menu {
  max-height: 360px;
}

.header .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

.header .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.header .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}

/* 48em = 768px */

@media (min-width: 1200px) {
  .header li {
    float: left;
  }
  .header li a {
    padding: 20px 10px;
  }
  .header .menu {
    clear: none;
    float: left;
    max-height: none;
  }
  .header .menu-icon {
    display: none;
  }


}
.menu li a iner{
      color:white;
}

@media (max-width: 1200px) {

    .booknowback{
    background-color:white;
        display:block;


}
    .letuscall{
        background-color:white;
    display:block;}

    .menu li a iner{
      color:#052A59;
}
.header li a {
    padding: 10px 10px;
  }

}



@keyframes blinker {
  50% {
    opacity: 0.2;
  }
}


/* ENDDDD  MENUUUUUUU */







/**************FOOTER**************/

*, *:before, *:after {
box-sizing: border-box;
}
.footerup{position:relative;float:left;min-width:100%;}

.aboutusf{
    float:left;
    width:100%;
    height:auto;
    font-weight: bolder;
    text-align:justify;
    color:#052A59;
    word-wrap: break-word;
    text-justify: inter-word;
}

.contactusf{
    float:left;
    width:100%;
    height:auto;
     font-weight: bolder;
    text-align:justify;
    color:#052A59;
}

header p {
padding: 50px;
text-align: center;
color: #bebebe;
text-transform: uppercase;
font-size: 65px;
font-weight: 700;
}
.footer {
display: flex;
flex-flow: row wrap;
padding: 30px;
color:#052A59;
background-color: white;
/*background-image: linear-gradient(white,87%,#C19F63);*/
}

.footer > * {
flex:  1 100%;
}

.l-footer {
margin-right: 1.25em;
margin-bottom: 2em;
}

h2 {
font-weight: 400;
font-size: 15px;
}

.footer ul {
list-style: none;
padding-left: 0;
}

.footer li {
line-height: 2em;
}

.footer a {
text-decoration: none;
}

.r-footer {
display: flex;
flex-flow: row wrap;
}

.r-footer > * {
flex: 1 50%;
margin-right: 1.25em;
    width:100%;
}

.box {
    color: #999;
font-size: 11px;
    margin-top: 30px;
    width:100%;

}

.box a{
    padding:0px 8px 0px 0px;
    margin-top: 20px;
    float:right;
    color: #052A59;
    font-weight: bold;
}

.box a:hover{
    color:white;
    background-color:#052A59;
    border-radius: 2px;
}



.b-footer {
text-align: center;
color: #052A59;
padding-bottom: 10px;
    font-weight: bold;
    align-content: center;
}

.l-footer p {
padding-right: 8%;
color:#052A59;
}

@media screen and (min-width: 600px) {
.r-footer > * {
flex: 1;
}

.features {
flex-grow: 2;
}

.l-footer {
flex: 1 0px;
}

.r-footer {
flex: 2 0px;
}
}


/*********************FOOTER END***************/





/***************SOCİAL AND COVİD MENU***********/
.social_covidbar{
    position:fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin-bottom: 0px;
    background-color: white;
    height: 50px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     z-index: 3;
}

.social-menu {
	display: flex;
	list-style-type: none;
    margin: 5px auto;

}

.social-menu i {
	color: #fff;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	font-size: 25px;
	margin-right: 10px;
	transition: all 0.2s ease-in-out;
	display: flex;
	justify-content: center;
}

.social-menu i:before {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
}

.social-menu a {
	text-decoration: none;
}

.fa-facebook {
	background:#3b5998
}

.fa-linkedin {
	background:#007bb6
}

.fa-twitter {
	background:#00aced
}

.fa-instagram {
	background:#3f729b
}

.fa-youtube {
	background:#c4302b
}

.social-menu i:hover {
	opacity: .7;
	border-radius: 0;
}


/***************SOCİAL AND COVİD MENUEND***********/




.footercontainer{
    margin:0 auto;
    padding:0px 30px 0px 30px;
    text-align: justify;
    max-width:1350px;
    position: relative;
}
@media screen and (max-width: 1300px) {
.footercontainer {
    max-width:1100px;


}}

@media screen and (max-width: 1000px) {
.footercontainer {
    padding:0px;
    max-width:750px;


}}

@media screen and (max-width: 800px) {
.footercontainer {
    padding:0px;


}}



/***************SLİDER *******/

.img-slider{
    position:relative;
    width:100%;
    height:100%;
    margin:0 auto;
    background: white;
}

.img-slider .slide{
    z-index:1;
    position:absolute;
    width:100%;
    clip-path:circle(0% at 0 50%);
}

.img-slider .slide.active{
    z-index:1;
    position:absolute;
    width:100%;
    clip-path:circle(150% at 0 50%);
    transition: 2s;
    transition-property: clip-path;
}

.img-slider .slide img{
    z-index:1;
    width: 100%;
    max-height: 410px;
    /*object-fit: cover;
    object-position: 50% 50%;*/
    /*background-position:center;
background-size: cover;*/
}

@media screen and (min-width: 1200px) {
.img-slider .slide img{
    padding:0px;
/*object-fit: cover;
    object-position: 50% 50%;*/

}}

.img-slider .slide .info{
    position: relative;
    top:0;
    padding:10px 30px;
    text-align: justify;
    width:100%;
    height: auto;
    overflow-wrap: break-word;
}

.img-slider .slide .info h2{
    color: black;
    font-size:28px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
}

.img-slider .slide .info p{
    color: black;
    background: rgba(0,0,0,0.1);
    font-size:16px;
    font-weight: 500;
    width:100%;
    padding:10px;
    border-radius: 4px;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;


}

.img-slider .navigation{
    z-index:2;
    position:absolute;
    display:flex;
    top:10px;
    left:50%;
    transform: translateX(-50%);
}

.img-slider .navigation .btn{
   background-color:darkgray;
   width:12px;
   height:12px;
   margin:-9px 10px 10px 10px;
   border-radius: 50%;
   cursor:pointer;
}

.img-slider .navigation .btn.active{
    background: :black;
    box-shadow: 0 0 4px rgba(0, 255, 0, 1);

}

@media (max-width:820px){
    .img-slider{
        /*width:600px;
        height:375px;*/
    }

    .img-slider .slide .info{
        padding:10px 25px;

    }
    .img-slider .slide .info h2{
        font-size: 35px;

    }

     .img-slider .slide .info p{
        width:100%;
        font-size: 15px;

    }

    .img-slider .navigation{
        bottom:25px;

    }

    .img-slider .navigation .btn{
        width:10px;
        height:10px;
        margin:-8px 8px 8px 8px;
}
}

@media (max-width:620px){
    .img-slider{
        /*width:400px;
        height:250px;*/
    }

    .img-slider .slide .info{
        padding:10px 20px;

    }
    .img-slider .slide .info h2{
        font-size: 30px;

    }

     .img-slider .slide .info p{
        width:100%;
        font-size: 13px;

    }

    .img-slider .navigation{
        bottom:15px;

    }

    .img-slider .navigation .btn{
        width:8px;
        height:8px;
        margin:-6px 6px 6px 6px;
}
    }

@media (max-width:420px){
    .img-slider{
       /* width:320px;
        height:200px;*/
    }

    .img-slider .slide .info{
        padding:5px 10px;

    }
    .img-slider .slide .info h2{
        font-size: 25px;

    }

     .img-slider .slide .info p{
        width:100%;
        font-size: 11px;

    }

    .img-slider .navigation{
        bottom:10px;

    }

}


.slide img{
    transition: transform 0.3s ease-in-out;

}


.leftarrowx{

    width: 30px;
    height: 60px;
    padding-top: 7px;
    position: absolute;
    z-index: 3;
    top:calc(35%);
    cursor: pointer;
    border-radius: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 120px;
    font-weight: 500;
    color:black;
    /*background-color: rgba(255, 255, 255, 0.58);*/
    transition: opacity 0.5s ease;
    outline:none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.rightarrowx{

    width: 30px;
    height: 60px;
    padding-top: 7px;
    position: absolute;
    z-index: 3;
    top:calc(35%);
    cursor: pointer;
    border-radius: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 120px;
    font-weight: 500;
    color:black;
    /*background-color: rgba(255, 255, 255, 0.58);*/
    transition: opacity 0.5s ease;
    outline:none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#left-arrowx{
    left: calc(5%);

}
#right-arrowx{
    right: calc(5%);

}
.okdec{
  color:black;
  text-decoration: none;
}


.okdec:hover{
  font-size: 130px;

}

.rightarrowx:focus{outline:0;outline:none !important;}
.leftarrowx:focus{outline:0;outline:none !important;}


@media (max-width:250px){
    .rightarrowx{
      top:calc(8%);
      font-size: 60px;
    }

}

@media (max-width:250px){
    .leftarrowx{
      top:calc(8%);
      font-size: 60px;
    }

}

@media (max-width:600px){
    .rightarrowx{
      top:calc(25%);
      /*font-size: 60px;*/
    }

}

@media (max-width:600px){
    .leftarrowx{
      top:calc(25%);
      /*font-size: 60px;*/
    }

}

@media (max-width:400px){
    .rightarrowx{
      top:calc(14%);
      font-size: 60px;
    }

}

@media (max-width:400px){
    .leftarrowx{
      top:calc(14%);
      font-size: 60px;
    }

}

/***************SLİDER END ***/





.overlay {
    margin: -151px 30px 80px -14px;
    border-radius: 25px;
    width: 335px;
    height: 154px;
  position:absolute;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  /*color: #f1f1f1; */
  transition: .5s ease;
  /*opacity:0;*/
  color: white;
  font-size: 24px;
  /*top: 30px;*/
    /*left:30px;*/
  /*text-align: center;*/
  /*bottom:5px;*/
  /*border-radius: 25px;*/
    visibility:hidden;
    z-index:999;
        opacity: 0;
        transition: all 1s ease-out; 
        -webkit-transition: all 1s ease-out;
        -moz-transition: all 1s ease-out;
        -o-transition: all 1s ease-out;
   
   
    
}

.overlay:before{
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
    height: 100%;

}

.overlay a{
    font-weight: bold;
    color:#C19F63;
    text-decoration: none;
    vertical-align: middle;
    
}

.seemore{
    position: absolute;
    /* position: relative; */
    font-size: 14px;
    padding: 45px 0px 0px 70px;
}
.seemore:hover{
/*border: solid 1px white;
    border-radius: 8px;
    padding:0px;*/
    color:white;
    
    
}
.option11:hover{
    cursor: pointer;
}

.servicesemo:hover .overlay {
            visibility:visible;
            opacity: 1;
            /*border: 5px solid #C19F63;*/
}
.servicesemo:hover .overlay {
            -webkit-transition: opacity 1s ease-out;
}



.servicesemo img{
    transition: all 1.5s ease-out;
   -webkit-transition: all 1.5s ease-out;
        -moz-transition: all 1.5s ease-out;
        -o-transition: all 1.5s ease-out;
    box-shadow: 10px 10px 5px #444343;
      -moz-box-shadow: 10px 10px 5px #444343;
      -webkit-box-shadow: 10px 10px 5px #444343;
      -khtml-box-shadow: 10px 10px 5px #444343;
}


.servicesemo:hover img{
    /*padding:0px 0px 0px 10px;
   /* border-radius: 8px;*/
    transform: scale(1.1);
     transition: all 1.5s ease-out;
   -webkit-transition: all 1.5s ease-out;
        -moz-transition: all 1.5s ease-out;
        -o-transition: all 1.5s ease-out;
    box-shadow: 0px 0px 0px #444343;
      -moz-box-shadow: 0px 0px 0px #444343;
      -webkit-box-shadow: 0px 0px 0px #444343;
      -khtml-box-shadow: 0px 0px 0px #444343;
}


.hakkimizdalabcover{
     display: flex;
     flex-wrap: wrap;
     padding: 5px;
    align-items: center;
justify-content: center;
width:100%;
   /*border-style: solid;
    border-width: 5px;
    border-color:black;*/
}

.hakkimizdalabcontent{
    max-width:60%;
    margin: 5px;
    
    
}

@media (max-width:800px){
    .hakkimizdalabcontent{
      max-width:95%;
    }

}

.button {
  background: rgb(29,57,2); /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
}

.button2:hover {
  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}



/***************callyouwindow*********************/


.callyouwindow{
    position: fixed;
    width:100%;
    height:100%;
    z-index: 999;
    opacity: 1;
    display: none;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
    font-weight: bold;
    overflow: auto;
    
}

/* Modal Content/Box */
.modal-contenty {
  background-color: #fefefe;
  margin: 5% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 100%; /* Could be more or less, depending on screen size */
}

.modal-contenty .baslikemo {
  margin: 14px 0px 0px 0px;
    font-size:24px;
    color:white;
    font-weight: bolder;
    background: linear-gradient(90deg, rgba(29,57,2,1) 11%, rgba(29,57,2,1) 23%, rgba(254,206,108,1) 100%);
    
}

/* The Close Button */
.closey {
  color: #aaa;
  float: right;
  font-size: 48px;
  font-weight: bold;

}

.closey:hover,
.closey:focus {
  color: #FF385C;
  text-decoration: none;
  cursor: pointer;
}

/***************call you windows END*****************/



/***************YONETİM KURULU*****************/
.yonetimkurulumain {
   
    width:100%;
    display:flex;
    background-color: white;
}

.yonetimkurulupic {
   
    width:250px;
    background-color: white;
     /*border-style: solid;
    border-width: 5px;
    border-color:black;*/
}

.yonetimkuruluyaz {
  
    width:100%;
    background-color: white;
    text-align:justify;
    word-wrap: break-word;
    text-justify: inter-word;
     /*border-style: solid;
    border-width: 5px;
    border-color:black;*/
}

.yonetimkurulyaz p {
    text-align:justify;
    word-wrap: break-word;
    text-justify: inter-word;
}

.ykpics {
    padding:0px 20px 0px 5px;
    height:auto;
    max-width:250px;

}


@media screen and (max-width: 450px) {

.yonetimkurulupic {
    
    width:100%;
    }
    .yonetimkuruluyaz {
  
    width:100%;
        }

    .yonetimkurulumain {
        display:inline-block;
    }

}



/***************YONETİM KURULU END*****************/





.topnav {
  overflow: hidden;
  background-color: #fff;
    padding: 6px 0px 0px 0px;
}

.topnav a {
  float: left;
  display: block;
  color: black;
font-weight: bolder;
  text-align: center;
  padding: 14px 8px;
  text-decoration: none;
  font-size: 17px;
}

.active {
  background-color: white;
  color: black;
}

.topnav .icon {
  display: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 17px;    
  border: none;
  outline: none;
  color: black;
    font-weight: bolder;
  padding: 14px 8px;
  background-color: white;
  font-family: inherit;
  margin: 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 160px;
  /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  color: black;
  color: black;
}

.dropdown-content a:hover {
  background-color: rgb(249,201,105);
  color: black;
}

.dropdown:hover .dropdown-content {
  display: block;
}

@media screen and (max-width: 1140px) {
  .topnav a, .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
      margin:-5px 10px 0px 0px;
    display: block;
      
  }
}

@media screen and (max-width: 1050px) {
  .topnav.responsive {position: absolute; width: 100%;padding:50px 0px 0px 0px;
    background-color: white;}
  .topnav.responsive .icon {
    position: absolute;
      padding:20px 8px 0px 0px;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
      background-color: white;
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
     background-color: white;
    display: block;
    width: 100%;
    text-align: left;
  }
}

.logopic{
    display:none; 
    height:auto; 
    width:205px;
    position:absolute; 
    left:0;
    top:0;
    text-decoration: none;
    padding:3px 0px 0px 20px;
}
@media screen and (max-width: 300px) {
.logopic{
    width:160px;
}
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #ddd;
  font-size: 16px;
    color:black;
    font-weight: bolder;
}

th, td {
  text-align: left;
  padding: 4px;
}

tr:nth-child(even){background-color: #f2f2f2}

@media screen and (max-width: 700px) {
table{
    font-size: 12px;
}
}

@media screen and (max-width: 500px) {
table{
    font-size: 10px;
}
}

@media screen and (max-width: 300px) {
table{
    font-size: 8px;
}
}

.imagePreviewx{
    width: 100%;
    height:auto;
    padding:10px 5px 10px 5px;
    display: flex;
align-items: center;
justify-content: center;
}

.loadimage{
    width: 280px;
     height:auto;
    margin:0 auto;
}

.imagePreviewx img{
    width: 100%;
    
}

.yenidenhesaplabut{
     background-color: #04AA6D;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: right;
}


.anapane{
    width: 100%;
    height:auto;
    display: inline-block;
align-items: center;
justify-content: center;
}

.ortala{
     height:auto;
    margin:0 auto;
    width: 50%;
}
.ortala p{
font-weight: bolder;
    text-align:justify;
    color:#052A59;
    word-wrap: break-word;
    text-justify: inter-word;
}

.ortala2 {
    margin:0 auto;
    height:auto;
    width: 280px;
}

@media screen and (max-width: 600px) {
.ortala{
    width: 100%;
}
}


.video-container {
  position: relative;
  padding-bottom: 56.25%;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video {
  aspect-ratio: 16 / 9;
  width: 100%;
}
@supports not (aspect-ratio: 1) {
  /* ... implement your fallback here */
}

.dahafazlaegitim{
    display: none;
}

.parentmainbutton{
margin:0px 0px 0px 0px;
padding: 100px 0px 50px 0px;
width:100%;
height:auto;
display: flex;
align-items: center;
justify-content: center;
   /*border-style: solid;
    border-width: 5px;
    border-color:black;
    background:#ECECEC;*/
background: linear-gradient(90deg, rgba(29,57,2,1) 11%, rgba(29,57,2,1) 23%, rgba(254,206,108,1) 100%);
}

.optionsbutton{
    position:relative;
    width:100%;
    margin:0 auto;
    /*padding:40px 20px 20px 100px;*/
    height:auto;
    /*background:#ECECEC;*/
    /* border-style: solid;
    border-width: 5px;
    border-color:black;*/
}


.buttonnew{
    width:100%;
    height:auto;
     display: flex;
    /*border: 5px solid;*/
  justify-content: center;
    padding:0px 15px 0px 15px;
    margin: 0 auto;
    background: linear-gradient(90deg, rgba(29,57,2,1) 11%, rgba(29,57,2,1) 23%, rgba(254,206,108,1) 100%);
/* border-style: solid;
    border-width: 5px;
    border-color:black;*/
}
.buttonnewtext{
    width:100%;
    height:auto;
    /*border: 5px solid;*/
    justify-content: center;
    padding:0px 15px 0px 15px;
    margin: 0 auto;
    background: inherit;
}

.buttonnewvideo{
    width:100%;
    height:auto;
     display: flex;
    border: 5px solid;
  justify-content: center;
    padding:0px 5px 0px 5px;
    margin: 0 auto;
    /*background: linear-gradient(90deg, rgba(29,57,2,1) 11%, rgba(29,57,2,1) 23%, rgba(254,206,108,1) 100%);*/

}

.buttonx{
    position: relative;
    width: 1100px;
    height:100px;
    padding:0px 0px 0px 0px;
    /*border: 2px solid;*/
    margin:0px 0px 0px 5px;
    cursor:pointer;
    background-color: inherit;
   /* border-style: solid;
    border-width: 5px;
    border-color:black;*/
  
}
@media screen and (max-width: 1140px) {
.buttonx{
    width: 900px;
    
}
}
    @media screen and (max-width: 1000px) {
.buttonx{
    width: 700px;
    
}
    }
@media screen and (max-width: 900px) {
.buttonx{
    width: 100%;
    
}
}

.button11{
    width: 500px;
    height:100px;
    border: 2px solid;
    border-color: black;
    margin:0px 50px 80px 50px;
    cursor:pointer;
    background-color: white;
  color: black;
    border-radius: 10px;
    transition: all .3s ease-in-out; 
    display: inline-block;
align-items: center;
justify-content: center;
}

.button11:hover{
    border: none;  
    transform: scale(1.02); 
    
   
}



@media screen and (max-width: 1140px) {
.button11{
    width: 400px;
    
}
    
}
@media screen and (max-width: 1000px) {
.button11{
    width: 300px;
    
}
    
    
}
@media screen and (max-width: 900px) {
.button11{
    width: 100%;
     margin:0px 0px 80px 0px;
    
}
    .buttonnew{
    
     display: inline-block;
   
}
}


.button11miek{
    width: 500px;
    height:100px;
    border: 2px solid;
    border-color: black;
    margin:0px 50px 80px 50px;
    cursor:pointer;
    background-color: white;
  color: black;
    border-radius: 10px;
    transition: all .3s ease-in-out; 
    display: inline-block;
align-items: center;
justify-content: center;
}

.button11miek:hover{
    border-color: rgb(29,57,2);
    border:4px solid;
    transform: scale(1.02); 
    
   
}



@media screen and (max-width: 1140px) {
.button11miek{
    width: 400px;
    
}
    
}
@media screen and (max-width: 1000px) {
.button11miek{
    width: 300px;
    
}
    
    
}
@media screen and (max-width: 900px) {
.button11miek{
    width: 100%;
     margin:0px 0px 80px 0px;
}
    .buttonnew{
    
     display: inline-block;
   
}
}

.button112{
    width: 500px;
    height:100px;
    border: 3px solid;
    border-color: rgb(29,57,2);
    margin:0px 50px 80px 50px;
    cursor:pointer;
    background-color: white;
  color: black;
    border-radius: 10px;
    transition: all .3s ease-in-out; 
    display: flex;
align-items: center;
justify-content: center;
}

.button112:hover{
    border: none;  
    transform: scale(1.02); 
    background-color: lightgray;
    
   
}

@media screen and (max-width: 900px) {
.button112{
    width: 100%;
     margin:0px 0px 80px 0px;
}
    .buttonnew{
    
     display: inline-block;
   
}
}

.textbut1{
    position:relative;
    float:left;
    width: 60px;
    height:100%;
    font-weight: bolder;
    text-decoration: none;
    /*border: 1px solid;*/
    align-items: center;
    align-content: center;
    text-align: center;
    padding: 16px 0px 0px 0px;
    
}
.textbut2{
    position:relative;
    float:left;
    width: 170px;
    height:50%;
    font-weight: bolder;
    text-decoration: none;
    /*border: 1px solid;*/
    font-size: 22px;
   align-items: center;
    align-content: center;
    text-align: left;
    padding: 10px 0px 0px 10px;
    font-family: Rockwell, sans-serif;
}
.textbut3{
    margin: 50px 0px 0px 0px;
    position:absolute;
    width: 100%;
    height:50%;
    font-weight: bolder;
    text-decoration: none;
   /*border: 1px solid;*/
    font-size: 18px;
    align-items: left;
    padding: 10px 0px 0px 70px;
    
}

@media screen and (max-width: 1000px) {
.textbut3{
    font-size: 12px;
    
}
}
    @media screen and (max-width: 900px) {
.textbut3{
    font-size: 18px;
    
}
}
        
         @media screen and (max-width: 450px) {
.textbut3{
    font-size: 12px;
    
}
    
    
}
.insidebutton{
    position:relative;
    width: 100%;
    height:50%;
    text-align: center;
    font-weight: bolder;
    text-decoration: none;
    /*border: 1px solid;*/
}

.insidebutton1{
    position:relative;
    width: 100%;
    height:100%;
    text-align: left;
    font-weight: bolder;
    text-decoration: none;
    /*border: 1px solid;*/
    display: inline-block;
}

.insidebutton1 img{
    width:52px;
    height:auto;
    border-top-left-radius: 10px;
}


.miekbuttonsbox{
    margin: 0 auto;
    width:700px;
    height:auto;
    /*border: 1px solid;*/
}
@media screen and (max-width: 600px) {
.miekbuttonsbox{
    width:310px;
    
}
    
    
}

.miekbuttons{
    margin: 0 auto;
    width: 700px;
    height:auto;
    display: inline-block;
   /*border: 1px solid;*/
}
@media screen and (max-width: 600px) {
.miekbuttons{
    width:310px;
    height:250px;
}

    
    
.link-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
    text-align: center;
    background-color: #f0f0f0; /* İstediğiniz arka plan rengini ayarlayın */
}


.responsive-img {
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
    border-radius: 10px; /* Köşeleri yuvarlatabilirsiniz */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Hafif bir gölge ekleyin */
}

.link-text {
    font-size: 24px;
    font-weight: bold;
    color: #007bff;
    transition: color 0.3s;
}

.link-text:hover {
    color: #0056b3; /* Link üzerine gelince renk değişimi */
}