.ddmenuu{padding-left:20px; padding-right:20px; border-right:1px solid #02984a; height:15px; line-height:15px; font-size:12px; text-transform:uppercase; letter-spacing:1px;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;}
.ddmenuu:hover{letter-spacing:2px;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;}



#menuToggle:hover{  border:1px solid #02984a;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;}
#menu{ position: fixed; overflow: hidden;  width: 300px; margin: -92px 0 0 -50px; padding: 50px 30px 50px 55px; padding-top: 100px; height:130vh;  background: #02984a;list-style-type: none;-webkit-font-smoothing:antialiased;transform-origin: 0% 0%;transform: translate(-100%, 0);transition: transform 0.9s ;}
.ustviewyer{background:#02984a; height:80px;}
#menuToggle{ display: block; position: relative; background:#02984a; border:1px solid #02984a; padding:17px 5px 0px 5px; z-index: 1; -webkit-user-select: none; user-select: none;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;}
.solmenusiyahbg{left:0; position:relative; background:#02984a; width:67px; height:auto;  padding:13px 10px 10px 10px; text-align:center; top:0; color:#F9F3F3; z-index:999;}
.menuicidil{position:absolute; right:50px; top:65px; color:#FFFFFF; font-size:10px;} 

@media(min-width:320px){
.ortalogo{
    position: absolute;
    top: 13px;
    right: 1px;
}
}

@media(min-width:768px){




.ddmenuu{padding-left:20px; padding-right:20px; border-right:1px solid #02984a; height:15px; line-height:15px; font-size:12px; text-transform:uppercase; letter-spacing:1px;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;}
.ddmenuu:hover{letter-spacing:2px;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;}





#menuToggle:hover{  border:1px solid #FFFFFF;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;}
#menu{ position: fixed; overflow: hidden;  width: 300px; margin: -92px 0 0 -50px; padding: 50px 50px 50px 55px; padding-top: 100px; height:130vh;  background: #02984a;list-style-type: none;-webkit-font-smoothing:antialiased;transform-origin: 0% 0%;transform: translate(-100%, 0);transition: transform 0.9s ;}
.ustviewyer{background:#02984a; height:auto;}
#menuToggle{ display: block; position: relative; background:#02984a; border:1px solid #969595; padding:12px 5px 6px 7px; z-index: 1; -webkit-user-select: none; user-select: none;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;}
.solmenusiyahbg{left:0; position:fixed; background:#02984a; width:90px; height:100%;  padding:35px 25px 0px 20px; text-align:center; top:0; color:#F9F3F3; z-index:999;}
.menuicidil{position:absolute; right:50px; top:65px; color:#FFFFFF; font-size:10px;} 

}


@media(min-width:768px){
.loading {  position: fixed;  top: 0px; padding-top:20%;  width: 100%;  text-align:center;  height: 100%; z-index: 999999;  background:#02984a; background-size:100px;}


@media(min-width:992px){


.ddmenuu{padding-left:20px; padding-right:20px; border-right:1px solid #02984a; height:15px; line-height:15px; font-size:12px; text-transform:uppercase; letter-spacing:1px;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;}
.ddmenuu:hover{letter-spacing:2px;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;}

}

#menuToggle:hover{  border:1px solid #FFFFFF;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;}
.ustviewyer{background:#02984a; height:auto;}
#menuToggle{ display: block; position: relative; background:#02984a; border:1px solid #969595; padding:12px 5px 6px 7px; z-index: 1; -webkit-user-select: none; user-select: none;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;}
.solmenusiyahbg{left:0; position:fixed; background:#02984a; width:90px; height:100%;  padding:35px 25px 0px 20px; text-align:center; top:0; color:#F9F3F3; z-index:999;}
.menuicidil{position:absolute; right:50px; top:65px; color:#FFFFFF; font-size:10px;} 

}
.header-lower{display: none;}
@media(min-width:1200px){
  .ustviewyer{display: none;}
  .header-lower{display: block;}
}

@media(min-width:1450px){
 .ustviewyer{display: none;}

#menuToggle:hover{  border:1px solid #FFFFFF;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;}
#menu{ position: fixed; overflow: hidden;  width: 300px; margin: -92px 0 0 -50px; padding: 50px 50px 50px 55px; padding-top: 100px; height:130vh;  background: #02984a;list-style-type: none;-webkit-font-smoothing:antialiased;transform-origin: 0% 0%;transform: translate(-100%, 0);transition: transform 0.9s ;}
.ustviewyer{background:#02984a; height:auto;}
#menuToggle{ display: block; position: relative; background:#02984a; border:1px solid #969595; padding:12px 5px 6px 7px; z-index: 1; -webkit-user-select: none; user-select: none;-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;}
.solmenusiyahbg{left:0; position:fixed; background:#02984a; width:90px; height:100%;  padding:35px 25px 0px 20px; text-align:center; top:0; color:#F9F3F3; z-index:999;}
.menuicidil{position:absolute; right:50px; top:65px; color:#FFFFFF; font-size:10px;} 

}


@media(min-width:1700px){
.ustviewyer{display: none;}


}

.anapa{ color:#383838;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out;}
.anapa:hover{ color:#be243f;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out;}


.owl-theme .owl-controls .carousel_ileri_geri [class*=owl-] { color: #f47e28; background:none;  font-size: 14px;    line-height:25px; width:25px; height:35px;  margin: 3px;  padding: 0px 0px;display: inline-block; cursor: pointer;  -webkit-border-radius: 1px; -moz-border-radius: 1px;  border:solid 0px #f47e28;}


.owl-theme .owl-controls .carousel_ileri_geri [class*=owl-]:hover {
  background: none;
  color: #fff;
  text-decoration: none;
  border:solid 0px #f47e28;
  opacity:0.5;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out;
}

.carousel_ileri_geri2 {      z-index:99;}
.owl-theme .owl-controls .carousel_ileri_geri2 [class*=owl-prev] {position: absolute; left:-3px;top: 43%; color: #f47e28; background:none;  font-size: 14px;    line-height:25px; width:25px; height:35px;  margin: 3px;  padding: 0px 0px;display: inline-block; cursor: pointer;  -webkit-border-radius: 1px; -moz-border-radius: 1px;  border:solid 0px #f47e28;}

.owl-theme .owl-controls .carousel_ileri_geri2 [class*=owl-next] {position: absolute; right:3px;top: 43%; color: #f47e28; background:none;  font-size: 14px;    line-height:25px; width:25px; height:35px;  margin: 3px;  padding: 0px 0px;display: inline-block; cursor: pointer;  -webkit-border-radius: 1px; -moz-border-radius: 1px;  border:solid 0px #f47e28;}


.owl-theme .owl-controls .carousel_ileri_geri2 [class*=owl-]:hover {
  background: none;
  color: #fff;
  text-decoration: none;
  border:solid 0px #f47e28;
  opacity:0.5;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out;
}








.ul{ list-style:none; padding:0px; margin:0px;}




#menuToggle a
{
  text-decoration: none;
  color: #ffffff;
  letter-spacing: 2px;
  text-transform:uppercase;
  -moz-transition: color .3s ease-out,opacity .3s ease-out .5s,visibility .3s ease-out .5s,letter-spacing .3s ease-out;
    -o-transition: color .3s ease-out,opacity .3s ease-out .5s,visibility .3s ease-out .5s,letter-spacing .3s ease-out;
    -webkit-transition: color .3s ease-out,opacity .3s ease-out,visibility .3s ease-out,letter-spacing .3s ease-out;
    -webkit-transition-delay: 0s,.5s,.5s,0s;
    transition: color .3s ease-out,opacity .3s ease-out .5s,visibility .3s ease-out .5s,letter-spacing .3s ease-out;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
}

#menuToggle a:hover
{
  letter-spacing: 3px;font-weight:600;
  color: #be243f;-moz-transition: color .3s ease-out,opacity .3s ease-out .5s,visibility .3s ease-out .5s,letter-spacing .3s ease-out;
    -o-transition: color .3s ease-out,opacity .3s ease-out .5s,visibility .3s ease-out .5s,letter-spacing .3s ease-out;
    -webkit-transition: color .3s ease-out,opacity .3s ease-out,visibility .3s ease-out,letter-spacing .3s ease-out;
    -webkit-transition-delay: 0s,.5s,.5s,0s;
    transition: color .3s ease-out,opacity .3s ease-out .5s,visibility .3s ease-out .5s,letter-spacing .3s ease-out;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
}


#menuToggle input
{
  display: block;
  width: 50px;
  height: 60px; 
  position: absolute;
  top: -7px;
  left: -5px;
  cursor: pointer;
  opacity: 0; /* hide this */
  z-index: 2; /* and place it over the hamburger */
  -webkit-touch-callout: none;
}


#menuToggle span
{
  display: block;
  width: 30px;
  height: 1px;
  margin-bottom: 8px;
  position: relative;
  
  background: #FFFFFF;
  border-radius: 0px;
  
  z-index: 1;
  
  transform-origin: 4px 0px;
  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

#menuToggle span:first-child
{
  transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2)
{
  transform-origin: 0% 100%;
}


#menuToggle input:checked ~ span
{
  opacity: 1;
  transform: rotate(45deg) translate(-2px, -1px);
  background: #ffffff;
}

#menuToggle input:checked ~ span:nth-last-child(3)
{
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked ~ span:nth-last-child(2)
{
  transform: rotate(-45deg) translate(0, -1px);
}



#menu li
{
  padding: 0px;
  font-size:10px;
  height: 50px;
  line-height: 50px; font-weight:500;
  border-bottom:1px solid #fff; text-align:center;
}


/*
 * And let's slide it in from the left
 */
#menuToggle input:checked ~ ul
{
  transform: none;
}