:root {
    /*--koyucamgobegi  :#00B1AE;/* rgb 0 177 174*//*mehmetın yesılı #062c2b;*/

    --koyucamgobegi  :#00B1AE;
    --acikcamgobegi  :#62CBC9;
    --armut          :#C2D500; /*rgba(194, 213, 0, 1.0)*/
    --gri            :#676767; /*rgb 103 103 103*/
    --acikgri        :#F4F4F4;
    --koyubeyaz      :#F8F8F8;
    --koyucg         :#009290;
    --koyumavi       :#223036;
    --mavi           :#00A19A;
    --turuncu        :#FF9F05;

   /*#223036 koyu mavi
    #FF9F05 contackt rengi
    244 244 244 100 logonun altındaki beyaz zeminin rengi çok açık gri
    #00A19A diğer mavi renk*/

  }


  @font-face {
    font-family: 'Roboto Regular';
    src: url('../fonts/roboto/roboto_regular_macroman/Roboto-Regular-webfont.eot');
    src: url('../fonts/roboto/roboto_regular_macroman/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto/roboto_regular_macroman/Roboto-Regular-webfont.woff') format('woff'),
         url('../fonts/roboto/roboto_regular_macroman/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../fonts/roboto/roboto_regular_macroman/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

  @font-face {
    font-family: 'Roboto Light';
    src: url('../fonts/roboto/roboto_light_macroman/Roboto-Light-webfont.eot');
    src: url('../fonts/roboto/roboto_light_macroman/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto/roboto_light_macroman/Roboto-Light-webfont.woff') format('woff'),
         url('../fonts/roboto/roboto_light_macroman/Roboto-Light-webfont.ttf') format('truetype'),
         url('../fonts/roboto/roboto_light_macroman/Roboto-Light-webfont.svg#RobotoLight') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Medium';
    src: url('../fonts/roboto/roboto_medium_macroman/Roboto-Medium-webfont.eot');
    src: url('../fonts/roboto/roboto_medium_macroman/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto/roboto_medium_macroman/Roboto-Medium-webfont.woff') format('woff'),
         url('../fonts/roboto/roboto_medium_macroman/Roboto-Medium-webfont.ttf') format('truetype'),
         url('../fonts/roboto/roboto_medium_macroman/Roboto-Medium-webfont.svg#RobotoMedium') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto Bold';
    src: url('../fonts/roboto/roboto_bold_macroman/Roboto-Bold-webfont.eot');
    src: url('../fonts/roboto/roboto_bold_macroman/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto/roboto_bold_macroman/Roboto-Bold-webfont.woff') format('woff'),
         url('../fonts/roboto/roboto_bold_macroman/Roboto-Bold-webfont.ttf') format('truetype'),
         url('../fonts/roboto/roboto_bold_macroman/Roboto-Bold-webfont.svg#RobotoBold') format('svg');
    font-weight: bold;
    font-style: normal;
}
  
body {
  font-family: 'Roboto', sans-serif;
    /*font-family: "Roboto Regular";*/
    /*overflow-x: hidden;*/
    /*padding-top: 3rem;
    padding-bottom: 3rem;*/
  }

  .text-koyucg{

    color:var(--koyucamgobegi);
  }

  
  .text-acikcg{

    color:var(--acikcamgobegi);
  }

  .text-gri{

    color:var(--gri);
  }

  .text-armut{

    color:var(--armut);
  }
  .text-mavi{

    /*color:var(--koyumavi);*/
    color:#2E2E2D;
  }

  .text-mavi:hover {
    color: #2E2E2D;
}

  .text-turuncu{

    color:var(--turuncu);
  }

  .bgcam{
    background-color:var(--acikcamgobegi);
  }

  .bgmavi{
    background-color:var(--koyumavi);
  }

  .bgkoyu{
    background-color:var(--koyucamgobegi);
  }

  .bggri{
    background-color:var(--acikgri);
  }

  .bgfooter{
    background-color:#95a7b2;
  }
  
  .btn-cam {
    border-radius: 30px !important;
    background-color: var(--turuncu);
    color:#fff;
    height:50px!important; 
    font-size:16px;
    width:40%!important;
  }

  .btn-cam:hover{
    background-color: var(--koyumavi);
    color:#fff;
 
  }

  .btn-more {
    border-radius:20px!important;
    background-color: var(--koyumavi);
    color:#fff;
    height:auto!important; 
    font-size:18px;
    width:auto!important;
    border:none;
    text-align: center;
   
  }

  .btn-more:hover{
    background-color: var(--turuncu);
    color:#fff;
 
  }

  @media only screen and (min-device-width : 300px) and (max-device-width : 1024px) {
    .btn-cam {
      font-size:15px;
      width:70%!important;
      margin-bottom:10px;
    }
  
  .topicon {
    display:none!important;
  }

  }

  .btn-call {
    border-radius: 13px !important;
    background-color: #566b77;
    color:#fff;
    height:40px!important; 
    font-size:18px;
    width:40%!important;

  }

  .btn-call:hover {
    background-color: #fff;
    color:#566b77;

  }

  .btn-send {
    border-radius: 20px !important;
    background-color: #C2AD8D;
    color:#fff;
    height:40px; 
    font-size:22px;
    width:50%;
    float:center;
    text-align: center;
  }

  .btn-send:hover {
    border-radius: 20px !important;
    background-color: var(--koyumavi);
    color:#fff;
    height:40px; 
    font-size:22px;
    width:50%;
    float:center;
    text-align: center;
  }

  .btn-white {
    border-radius: 30px !important;
    background-color: #fff;
    color:var(--koyucg);
    height:50px!important;  
    font-size:17px;  
    width:40%!important;


  }

  .btn-white:hover{
    box-shadow: 3px 3px 4px 4px var(--koyucg);
    color:var(--koyucg);
  

  }

  @media only screen and (min-device-width : 300px) and (max-device-width : 1024px) {

    
  .btn-white {
    font-size:15px;
    width:70%!important;
    margin-bottom:10px;
  }
  
  }


  /*
  .btn-view {
    background-color: var(--acikgri);
    color:var(--koyucamgobegi);
    height:50px;
    width:220px;
    font-size:20px;
    margin-top:2px;
    box-shadow: 2px 2px 3px 3px var(--koyucamgobegi);
  }

  .btn-view:hover {
    color:var(--koyucg);
    box-shadow: 3px 3px 3px 3px var(--acikcamgobegi);

  }
*/
  
  .btn-view {
    /*background-color: var(--armut);
    color:#fff;*/

    background-color: var(--koyumavi);
    color:#fff;
    /*height:52px;*/
    height:60px!important;
    width:100%;
    font-size:20px;
    /*box-shadow: 2px 2px 3px 3px var(--koyucamgobegi);*/
  }

  .btn-view:hover {
    /*color:#fff;*/

    background-color: var(--turuncu);
    color:#fff;

  }



  .btn-slider {
    border-radius: 30px !important;
    background-color: #fff;
    color:var(--koyucamgobegi);
    height:43px; 
    font-size:20px;  
    font-family:'Roboto';
    font-weight: bold;
    /*margin:15px;*/
  }

  .btn-slider:hover{
    color:var(--turuncu);
    /*box-shadow: 1px 1px 2px 2px var(--armut);*/
    /*box-shadow: 1px 1px 2px 2px var(--koyucamgobegi);*/
   
    /*margin:15px;*/
  }

  .btn-learn {
    background-color: #C2AD8D;
    color: #fff;
    padding: 10px 20px 10px 20px;
    border-radius: 10px;
    font-size: 22px;
    transition: transform 0.3s;
  }
  
  .btn-learn-arrow {
    background-color: #B19C7C;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-left: 5px;
    color: #fff;
    font-size: 22px;
    transition: transform 0.3s; 
  }

  .btn-learn:hover {
    background-color: #C2AD8D;
    color: #fff;
    padding: 10px 20px 10px 20px;
    border-radius: 10px;
    font-size: 23px;
    transition: transform 0.3s;
    /*transform: scale(1.03); */
  }
  
  
  .btn-learn-arrow:hover {
    background-color: #B19C7C;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-left: 5px;
    color: #fff;
    font-size: 22px;
    transition: transform 0.3s; 
  }
  
  .btn-learn {
    background-color: #C2AD8D;
    color: #fff;
    padding: 10px 20px 10px 20px;
    border-radius: 10px;
    font-size: 22px;
    transition: transform 0.3s;
  }
  
  
  .btn-link {
    text-decoration: none; 
    background-color: #B19C7C;
    color: #fff!important;
    border-radius: 10px;
   
  }
  
  .btn-link:hover {
    text-decoration: none; 
    background-color: #B19C7C;
    color: #fff!important;
    border-radius: 10px;
   
  }
  .btn-link button {
    color: #fff !important;
  }
  
  .btn-link button :hover {
    color: #fff !important;
  }

  .btnban {

    background-color:#C2AD8D;
    color:#fff;
    /*padding:10px;*/
    border-radius: 13px;
    font-size:22px;
    border:none;
    width: 200px;
    height: 42px;

  
    }
  
  .btnban:hover {

    background-color:#B19C7C;
  
    }

    .btnyuvarlak {

      background-color:#C2AD8D;
      color:#fff;
      padding:10px;
      border-radius: 20px;
      font-size:17px;
      border:none;
      width: 100px;
      height: 42px;
      font-family:'Roboto Medium';
  
    
      }
    
    .btnyuvarlak:hover {
  
      background-color:#B19C7C;
    
      }

/*NAVBAR*/

.header .navbar{

color:var(--acikcamgobegi);
font-size:20px;


}
.navbar-toggler {
  /*margin-right: -10px!important;/*80*/
  border-color: transparent !important;
}
.navbar-toggler-icon {

  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(34, 48, 54, 1.0)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}



.nmenu{
padding-left:100px;
  }


.ymenu {

padding-left:360px;
}

  
.navbar ul li{
  font-size:17px;
  /*padding-left:20px;*/
  /*padding-right:50px;*/
  font-family: 'Roboto';



 
  }

.ddmenu {
 /* color:var(--gri);*/
  color:var(--koyumavi);
}

.ddmenu a{
  /*color:var(--gri);*/
  color:var(--koyumavi);

}


.ddmenu a:hover{
    border-bottom:1px solid var(--koyumavi);
    /*color:var(--koyucg);*/
    color:var(--koyumavi);



  }

.ddmenu img:hover {
border-bottom:none;

}


.menu:hover, .menu:focus {
  color: #223036;
  /*border-bottom:1px solid #95A7B2;*/
  font-weight:bold;
  font-size:16px;
  background-color:#c2ad8d;
}

  
.nav-link2:hover, .nav-link2:focus {
  color: #223036;
  /*color:#fff;*/
 /* border-bottom:1px solid #95A7B2;*/
  font-weight:bold;
  font-size:16px;
  background-color:#c2ad8d;
  
}

.dropdown-menu {
    border-radius: 0 !important;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: #2e2e2d;
  --bs-dropdown-bg: #fff;
  /*--bs-dropdown-border-color: var(--bs-border-color-translucent);*/
  /*--bs-dropdown-border-radius: 0.375rem;*/
  /*--bs-dropdown-border-width: spx;*/
  /*--bs-dropdown-inner-border-radius: calc(0.375rem - 1px);*/
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  /*--bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);*/
  --bs-dropdown-link-color: #2e2e2d;
  --bs-dropdown-link-hover-color: #2e2e2d;
  --bs-dropdown-link-hover-bg: #e9ecef;
  --bs-dropdown-link-active-color: #2e2e2d;
  /*--bs-dropdown-link-active-bg: #0d6efd;*/
  --bs-dropdown-link-active-bg: #fff!important; /*bırsey denemedım olmadı/ emel*/
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  /*color: var(--bs-dropdown-color);*/
  text-align: left;
  list-style: none;
  border:2px solid #c2ad8d;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  /*border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);*/
  /*border-radius: var(--bs-dropdown-border-radius);*/
  font-family:'Roboto Light' ;
}

.dropdown-menu.show {
  display: block;
  opacity:1;
}



.dropdown-item {
  display: block;
  width: 100%;
  clear: both;
  /*font-weight: 400;*/
  /*color: var(--koyucg);*/
  color:#2e2e2d!important;
  text-align: inherit;
  text-decoration: none!important;
  white-space: nowrap;
  background-color: transparent;
  border:none;
  padding:5px 20px 5px 20px;
  font-family:'Roboto Light' ;
  /*font-weight:bolder;*/
}
  

.dropdown-item:hover, .dropdown-item:focus {
  /*font-weight:bolder!important;*/
  color:#fff!important;
  /*background-color: rgba(46, 46, 45, 0.8)!important;*/
  background-color: rgba(177, 156, 124, 1.0)!important;
  /*padding:5px;*/
  border-bottom: none!important;
  text-decoration: none!important;
  /*border-radius:20px;*/
}


.dropdown-item.active, .dropdown-item:active {
  /*color: #2e2e2d!important;*/
  text-decoration: none;
 /* border-bottom:2px solid #2e2e2d;*/
 color:#2e2e2d!important;
  /* border-bottom:1px solid #95A7B2;*/
   background-color:#c2ad8d;
  /*background-color: var(--bs-dropdown-link-active-bg);*/
}



.ustlogo {

top: 58px;
left: 257px;
width: 168px;
height: 62px;
}

@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) {

    
  .ymenu {

    padding-left:50px;
    }

  .navbar ul li{
  
    color:var(--koyucamgobegi);
    font-size:13px;
    /*padding-left:5px;*/
    /*padding-right:10px;*/
    font-family: 'Roboto ';
  
    }

  .respons .topbar-item {
    font-size:13px;

  }

  .contact {

    padding:10px;
    font-size:12px;
    }

    .conticon {
      display:none;
    }
  
    .conticon:hover {
      display:none;
    }
  
    .contact:hover {
  
      display:none;
    }
  
    .navbar2 ul li{

      color:var(--koyucamgobegi);
      font-size:10px!important;
      padding:7px 8px 7px 6px;
  
      /*font-family: 'Roboto';*/
  
      }

    
}


  /*navbar2*/


.header .navbar2{

  color:var(--koyucamgobegi);
  font-size:20px;
  
  
}
.navbar2 ul li{

    color:var(--koyucamgobegi);
    font-size:13px!important;
    padding:8px 12px 8px 12px;

    /*font-family: 'Roboto';*/

  }


.ddmenu2 {
  color:#223036;
  /*border-radius:20px;*/

}

.ddmenu2 a{
  color:#223036;
  /*border-radius:20px;*/
}

.ddmenu2 a:hover {
  /*color: #223036;
  border-bottom:1px solid #95A7B2;*/
  color:#000;
  background-color:#c2ad8d;


}
.ddmenu2 img:hover {

border-bottom:none;

}


.ddmenu2 .menu:hover, .menu:focus {
  color: #fff;
  /*background-color: var(--acikcamgobegi);
  border-radius:20px;*/
  border-bottom:1px solid #fff;
  /*color:var(--koyucg);*/
  font-weight:bold;
  font-size:16px;
}

.form-control2 {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  background-color: #fff;
  background-clip: padding-box;
  border-bottom: 1px solid var(--koyucamgobegi);
  border-top:0px;
  border-left:0px;
  border-right:0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

}

.form-control2::placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control2:focus {
  /*color: #212529;*/
  background-color: #fff;
  /*border-color: #86b7fe;*/
  outline: 0;
  /*box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);*/
}

.form-control2::-webkit-file-upload-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
  margin-inline-end: 0.75rem;
  /*color: #212529;*/
  background-color: #e9ecef;
  pointer-events: none;
  /*border-color: inherit;*/
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  /*-webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;*/
}
  .form-control2::file-selector-button {
    padding: 0.375rem 0.75rem;
    margin: -0.375rem -0.75rem;
    -webkit-margin-end: 0.75rem;
    margin-inline-end: 0.75rem;
    /*color: #212529;*/
    background-color: #e9ecef;
    pointer-events: none;
    /*border-color: inherit;*/
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    /*transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;*/
  }

  /*
  .form-control2-search {
    position: absolute;
    z-index: 2;
    display: inline;
    width: 2rem;
    height: 2.375rem;
    right:25px;
    margin-bottom:-5px;
    line-height: 2.375rem;
    text-align: center;
    pointer-events: none;
    color: var(--acikcamgobegi);
    border:1px solid #fff;
}
*/

/*topbar*/

.topbar-item a{
    color:var(--koyucamgobegi);
    border-bottom: none;
    text-decoration: none;
}

.header .top-bar {
    /*background-color: #88c250;*/
    background-color: #fff;
  }

.header .top-bar  {
    padding: 0px 0;
  }



  @media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) {

    
  
    
    .navbar2 ul li{

      color:var(--acikcamgobegi);
      font-size:11px!important;
      padding:7px 8px 7px 16px;
  
      /*font-family: 'Roboto';*/
  
      }


    
}

@media only screen and (min-device-width : 720px) and (max-device-width : 768px) {

.logoresp img{

  margin-left:250px!important;
}

.mblresp img{
  
  margin-left:150px!important;
}

.backg {

  background-image:none ! important;
  background-repeat: no-repeat;
  background-position: left;
  padding: 80px 0px 90px 0px;
  }

}


@media only screen and (max-device-width : 320px) {

  .logoresp img{
  
    margin-left:-10px!important;
    height:20px!important;
  }

  .mblresp img{
  
    margin-left:-10px!important;
    height:20px!important;
  }


  .backg {

    background-image:none ! important;
    background-repeat: no-repeat;
    background-position: left;
    padding: 80px 0px 90px 0px;
    }


  
  }

@media only screen and (max-device-width : 375px) {

  .logoresp img{
  
    margin-left:-10px!important;
    height:20px;
  }

  .backg {

    background-image:none ! important;
    background-repeat: no-repeat;
    background-position: left;
    padding: 80px 0px 90px 0px;
    }
  
  }

  @media only screen and (max-device-width : 425px) {

    .logoresp img{
    
      margin-left:0px!important;
      height:20px;
    }
    .backg {

      background-image:none ! important;
      background-repeat: no-repeat;
      background-position: left;
      padding: 80px 0px 90px 0px;
      }
    
    }



@media only screen and (max-device-width : 1366px) {

.resp a{

  font-size:14px!important;
}

.resp img{

  width:22px!important;
}

.logoresp img{

  margin-right:-100px!important;
}

.hair {

  left:195px!important;
}

}

@media only screen and (max-device-width : 1024px) {

  .resp a{
  
    font-size:11px!important;
  }
  
  .resp img{
  
    width:20px!important;
  }
  
  .logoresp img{
  
    margin-right:-70px!important;
  }
  
  }

  /*mainslider*/

  
  .has-search .form-control {
    padding-left: 2.375rem;
    border-radius: 30px;
    height:50px;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(47, 62, 70, 0.2); 
    box-shadow: 0px 0px 15px 0px rgba(47, 62, 70, 0.2);


}

.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2rem;
    height: 2.375rem;
    right:25px;
    bottom:5px;
    /*line-height: 2.375rem;*/
    /*text-align: center;*/
    pointer-events: none;
    color: var(--acikcamgobegi);
}


.bg-img {
  /* The image used */
  background-image: url("assets/img/genel.jpg");

  /* Control the height of the image */
  min-height: 400px;
  min-width: 400px;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.bcontainer {
  position: absolute;
  right: 0;
  margin: 20px;
  max-width: 380px;
  padding: 15px;
  background-color: rgba(34, 48, 54, 0.6);
  opacity:0.95;
  border-radius:10px;
 
}

input[type=text], input[type=password] {
  width: 100%;
  padding: 7px;
  margin: 5px 0 12px 0;
  border: none;
  background: #fff;
  border-radius:10px;
  color:var(--koyumavi)!important;

}

input[type=text]:focus, input[type=password]:focus {
  background-color: #ddd;
  outline: none;
  border-radius:10px;
}

/* Set a style for the submit button */
.btnb {
  background-color: var(--koyumavi);
  color: white;
  padding:10px;
  border: none;
  cursor: pointer;
  width: 75%;
  border-radius:10px;
  font-size:20px;
}

.btnb:hover {
background-color: var(--turuncu);

}

	@media only screen and (max-width: 480px) {
		.deneme {
			max-inline-size: 100%;
			block-size: auto;
		}
	}



.carousel-item {

height:750px;
}

@keyframes slideInFromLeft {
    0% {
        transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        opacity: 1;
    }
}
.slide-in-animation {
    animation-name: slideInFromLeft;
    animation-duration: 1.5s;  
    animation-timing-function: ease-out;
}

.scroll-down {
  position: absolute;  
  bottom: 10%;       
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.mouse {
background: #b19c7c linear-gradient(transparent 0%, transparent 50%, #ffffff 50%, #ffffff 100%);
position: relative;
width: 52px;
height: 88px;
border-radius: 100px;
background-size: 100% 200%;
animation: colorSlide 5s linear infinite, nudgeMouse 5s ease-out infinite;
opacity:0.7;


}
.mouse:before, .mouse:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
.mouse:before {
width: 40px;
height: 76px;
background-color: #b19c7c;
border-radius: 100px;
}
.mouse:after {
background-color: #ffffff;
width: 10px;
height: 10px;
border-radius: 100%;
animation: trackBallSlide 5s linear infinite;
}
@keyframes colorSlide {
0% {
  background-position: 0% 100%;
}
20% {
  background-position: 0% 0%;
}
21% {
  background-color: #cabfaf;
}
29.99% {
  background-color: #ffffff;
  background-position: 0% 0%;
}
30% {
  background-color: #cabfaf;
  background-position: 0% 100%;
}
50% {
  background-position: 0% 0%;
}
51% {
  background-color: #cabfaf;
}
59% {
  background-color: #ffffff;
  background-position: 0% 0%;
}
60% {
  background-color: #cabfaf;
  background-position: 0% 100%;
}
80% {
  background-position: 0% 0%;
}
81% {
  background-color: #cabfaf;
}
90%, 100% {
  background-color: #ffffff;
}
}
@keyframes trackBallSlide {
0% {
  opacity: 1;
  transform: scale(1) translateY(-20px);
}
6% {
  opacity: 1;
  transform: scale(0.9) translateY(5px);
}
14% {
  opacity: 0;
  transform: scale(0.4) translateY(40px);
}
15%, 19% {
  opacity: 0;
  transform: scale(0.4) translateY(-20px);
}
28%, 29.99% {
  opacity: 1;
  transform: scale(1) translateY(-20px);
}
30% {
  opacity: 1;
  transform: scale(1) translateY(-20px);
}
36% {
  opacity: 1;
  transform: scale(0.9) translateY(5px);
}
44% {
  opacity: 0;
  transform: scale(0.4) translateY(40px);
}
45%, 49% {
  opacity: 0;
  transform: scale(0.4) translateY(-20px);
}
58%, 59.99% {
  opacity: 1;
  transform: scale(1) translateY(-20px);
}
60% {
  opacity: 1;
  transform: scale(1) translateY(-20px);
}
66% {
  opacity: 1;
  transform: scale(0.9) translateY(5px);
}
74% {
  opacity: 0;

}
}

/*hair ıcın logo yerı yapıldı .10.11.22*/

.hair {
position:absolute; 
bottom:105px;
left:280px;
}


  /*contact*/


  .menucont {
    
    color:#b19c7c;
    border:none;
    font-size:20px;
    font-weight:bold;
    border-radius:15px;
  
  
 
    }

    .menucont:hover {

      background-color:#b19c7c;
      border-radius:15px;
      color:#fff;

    
    }

  .contact {
    
  background-color:#C2AD8D;
  color:#fff;
  padding:10px;
  border-radius: 13px;
  font-size:22px;
  border:none;
  width: 200px;
  height: 42px;


  }

  .contact:hover {

    background-color:#B19C7C;
    
  }
  .conticon {
   /* background-color:#FF9F05;*/
    /*color:var(--acikcamgobegi);*/
    color:#fff;
    border-radius:50px;
    font-size:18px;
    width:20px;
  }

  .conticon:hover {

    color:#FF9F05;

  }

 



  /*topcards*/

.bck {
    position: relative;
    width: 100%;
    /*height: 10%; */
}

.bck::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('../img/slider/arkaplan.png');
    opacity: 0.05;
    z-index: -1; 
    /*background-size: 30% 100%;*/
    /*background-repeat: repeat;*/
}

  .marketing ul {

    color: var(--koyucamgobegi);
    list-style-type: circle!important;
  }


  .marketing .alt {

    color: var(--koyumavi);
    font-size:17px;
    border:none!important;
    text-decoration:none!important;
  }

  .marketing .alt:hover {

    /*color: var(--armut);*/
    font-size:17px;
    border-bottom:2px solid var(--koyucamgobegi)!important;
    font-weight:bold;
  }


  .marketing ul li:before {
    content: "•";
    font-size:35px;
    color:var(--koyumavi);
    vertical-align:middle;
    line-height:20px;

}




.topicon {
position: absolute;
top: 42%;
left: 50%;
width: 100px; 
height: 100px;
background-color: rgba(149, 167, 178, 0.5); 
border-radius: 50%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
justify-content: center;
padding: 5px; 
}

.topicon img {
width: 100%; 
height: 100%;
object-fit: cover;
border-radius: 50%;
background-color: rgba(149, 167, 178, 1); 
}





.owl-nav {
  display: none;
}




.element {
  border-radius: 20px;
  box-shadow: 1px 1px 1px rgba(194, 173, 141, 0.6); 
  border:none;
  border-bottom:2px solid #C2AD8D;
  /*aspect-ratio: 10/12;
  width:90%;*/
  /*box-shadow: 1px 1px 2px rgba(194, 173, 141, 0.6);*/
  }
  

  .card {
  transition: transform 0.3s, box-shadow 0.3s; 
  height: 480px;  
  overflow-y: hidden; 
  }
  
  .card:hover {
    box-shadow: 0 6px 12px rgba(194, 173, 141, 0.5);
    transform: translateY(-5px) scale(0.9);
  
  }
  

  .cardh {
    transition: transform 0.5s, box-shadow 0.3s; 
    height: 240x;  
    overflow-y: hidden; 
    }
    
    .cardh:hover {
      box-shadow: 0 6px 12px rgba(194, 173, 141, 0.5);
      transform: translateY(1.3px) scale(0.9);
    
    }
  .owl-theme .owl-dots .owl-dot span {
      width: 20px;      
      height: 20px;     
      /*background: #566b77; */
      border-radius: 50%;  
      margin: 8px;   
      display: block;
      margin-top:20px;
  }
  
  .owl-theme .owl-dots .owl-dot.active span,
  .owl-theme .owl-dots .owl-dot:hover span {
      background: #566b77;
  }

  
@media only screen and (min-device-width : 300px) and (max-device-width : 768px) {


  
  .marketing {

   margin-top:10px;


  }
      
}



  .topc {
    border-bottom: none;
    text-decoration: none;
    font-family:'Roboto Medium';
    /*font-weight: bold;*/
  }

  .topc:hover {
    /*color:var(--turuncu);*/
    border-bottom:1px solid #95A7B2;
  }

  /*whybilyana*/
  /*whybilyana background*/
  .backg {

  background-image:url('../img/background-001.png') ;
  background-repeat: no-repeat;
  background-position: left;
  padding: 80px 0px 90px 0px;
  }

  .check h2 {

  font-family: 'Roboto';
  font-weight:500;
  }
  
  .check ul {
    list-style: none;
    margin-left:-30px;
  }
  
  .check ul li:before {
    content: '✓';
    color: var(--armut);
    font-weight: bold;
    font-size:20px;
    
  }


  .check ul li {
    color:var(--gri);
    font-family:'Roboto';
    font-size:15px;
    
  }

  .check  a {
    border-bottom: none;
    text-decoration: none;
    font-family:'Roboto';
    font-weight:bold;
    font-size:16px;
    color:var(--koyucamgobegi);
    /*margin-top:50px;*/
  
  }
  .check  a:hover{
    border-bottom:2px solid var(--armut);
    width:auto;
    color:var(--armut);
    float:right;
    

  }



  /*medium slider*/


  .slider2 .slider-item2{
    display: none;
    animation: reveal .5s ease-in-out;
    padding:30px 0px 30px 8px;
  }
  .slider2 .slider-item2.active2 {
    display: block;
  }
  
  .slider2 .dots {

      /*
    text-align: center;
    padding: 1px;
    border:2px solid #fff;
    position:relative;
    left:840px;
    margin-top:200px;*/

      /*content:'';*/
      height: 20px;
      width: 20px;
      border-radius: 50%;
      display: inline-block;
      position: absolute;
      margin-left:-60px;
      margin-top:180px;
      padding: 10px;
      line-height: .5;
      padding: 7px 11px;

  }
  .slider2 .dots li {
    cursor: pointer;
    display: inline-block;
    background-color: #fff;
    color: #fff;
    padding: 7px 11px;
    line-height: .5;
    border-radius: 50%;
    text-indent: -9999px;
   /*opacity: .5;*/
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    margin:3px;
  }
  .slider2 .dots li.active2{
    opacity: 1;
    background-color: var(--koyucamgobegi);
  }
  @keyframes reveal{
    from{
      opacity: 0;
    }
    to{
      opacity: 1;
    }
  }
  .slider-item2 img {

  border-radius:60px;

  }


  /*treatment section*/

  .collapsible2 {
    background-color: #fff;
    color: #2E2E2D;
    cursor: pointer;
    padding:3px;
    width: 100%;
    height: 30px;
    border: none;
    text-align: left;
    outline: none;
    font-size: 19px;
    font-family:'Roboto';
    font-weight: bold; 
    display: block;
    position: relative; 
    }


/*
    .active, .collapsible2 {
    
    }
*/
    .collapsible4 {
      background-color: #fff;
      color: var(--koyumavi);
      cursor: pointer;
      padding:10px;
      width: 100%;
      border: none;
      text-align: left;
      outline: none;
      font-size: 19px;
      font-family:'Roboto';
      font-weight: bold;
      }

    .collapsible4:after {
    content: '\002B';
    font-weight: bold;
    font-size:16px;
    float:left;
    color:#fff;
    background-color:var(--koyumavi);
    border-radius: 5px;
    padding:0px 0px 1px 8px;
    width: 25px;
    display: block;
    }

    
    .collapsible4 .active:after {
    content: "\2212";
    font-weight: bold;
    float:left;
    color:#fff;
    background-color:var(--koyumavi);
    border-radius: 5px;
    padding:0px 0px 0px 7px;

    width: 25px;
    display: block;
    height:25px;
 
    }


    .content4 {
      padding: 0 18px;
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.2s ease-out;
      text-align: justify;
      font-family:'Roboto';
      color:var(--gri);
      opacity: 0.9;
      /*background-color: #f1f1f1;*/
      }

    
    .content {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    text-align: justify;
    font-family:'Roboto';
    color:var(--gri);
    opacity: 0.9;
    /*background-color: #f1f1f1;*/
    }


    /*alt kategori soruları ıcın*/
    .collapsible3 {
      background-color: #fff;
      color: var(--koyumavi);
      cursor: pointer;
      padding:10px;
      width: 100%;
      border: none;
      text-align: left;
      outline: none;
      font-size: 19px;
      font-family:'Roboto';
      font-weight: bold;
      }

      .collapsible3 .baslik{
        text-align: right;
        margin-top:10px!important;
        padding: 20px 0px 0 6px;
        font-size: 16px;

        }

  
      .collapsible3:after {
      content: '\002B';
      /*color: white;*/
      font-weight: bold;
      font-size:16px;
      float:left;
      color:#fff;
      background-color:var(--koyumavi);
      border-radius: 5px;
      padding:0px 0px 1px 8px;
      width: 25px;
      display: block;
      }
  
      
      .collapsible3 .active:after {
      content: "\2212";
      font-weight: bold;
      float:left;
      color:#fff;
      background-color:var(--koyumavi);
      border-radius: 5px;
      padding:0px 0px 0px 7px;
      width: 25px;
      display: block;
      height:25px;
      }
  
      
      .content3 {
      padding: 0 18px 0 50px;
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.2s ease-out;
      text-align: justify;
      font-family:'Roboto';
      opacity: 0.8;
      /*background-color: #f1f1f1;*/
      }


    .prvbaslik{
      text-align: left;
      margin-top:10px!important;
      /*padding: 20px 0px 0 6px;*/
  
      }

    .arrow {

      border:none;
      font-family: "FontAwesome";
      background:none;
      color:var(--turuncu);
      font-size:25px;
    }

    .arrow:hover {

      color:var(--koyumavi);

    }

    .arrow2 {

      border:none;
      font-family: "FontAwesome";
      background:none;
      color:var(--koyumavi);
      font-size:25px;
   
    }
    
    .arrow2:hover{

      color:var(--turuncu);
      
    }
    
    

    /*company icons*/

    .company {

    padding:15px;
    }

    .company p {
      color:var(--koyucamgobegi);
      font-family:'Roboto';
      font-size:17px;
      padding-top:10px;
    }

    .companyicon {

      height:70px;
      margin-top:10px;
      }

    /*callbanner*/

    .call{
      position: relative;
      z-index:99;
    }

    .text-block {
      /*color: var(--koyucamgobegi);*//*16.09.22*/
      color:var(--koyumavi);
      position: absolute;
      top: 45%;
      left: 72%;
      transform: translate(-50%, -50%);
      font-family: 'Roboto';
    }

    .call p {
      font-family: 'Roboto Bold';
      font-size:22px;
    }

    /*feedback*/

    .feedbackg {

      background-image:url('../img/background-002.png') ;
      background-repeat: no-repeat;
      background-position: right;
      padding: 40px 10px 125px 10px;
      /*background-size: 90%;*/

      }

    .feedbackt {

      margin-top:70px;
    }

    .feedbackb {

      margin-bottom:70px;
    }

    .slider-wrapper {
      width:100%;
      overflow: hidden;
      padding: 25px 20px 13px 10px;
      white-space: wrap;
    }
    
    .prev3 {
    color:var(--koyucamgobegi);
    font-size:30px;
    background-color:transparent;
    position: absolute;
    margin-top: -10%;
    margin-left: -40px;
    font-weight:bold;
      
    }
    
    .prev3 :hover {
      cursor: pointer;
      }
    
      
    .next3 {
      color:var(--koyucamgobegi);
      font-size:30px;
      background-color:transparent;
      position: absolute;
      margin-top: -10%;
      margin-left: 67%;
    
    }
    
    .next3 :hover {
      cursor: pointer;
      }
    
    
    .fact {
      vertical-align: top;
      display: inline-block;
      height: 300px;
      width: 310px;
      background-color: #f2f2f2;
      padding: 18px;
      margin: 0px 20px 0px 35px;
      border-radius: 15px;  
    }
    
    .fact h5 {
      text-align: left;
      color:var(--gri);
      font-family:'Roboto';
      font-weight:bolder;
    }
    
    .fact p {
      text-align: justify;
      overflow: hidden;
      text-overflow: ellipsis;
      display:inline-block;
      height:190px;
      display: -webkit-box;
      -webkit-line-clamp: 8;
      -webkit-box-orient: vertical;
      color:var(--gri);
      font-family:'Roboto';
    }
    
      /*footer*/

    .footer {

      color:#fff;
      font-family: 'Roboto Regular';
      font-size:14px;
    }

  .footer .cizgi {
    position: relative;
    display: inline-block;
    padding:5px;
}

.footer .cizgi::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 32%;
    transform: translateX(-50%);
    width: 68px;
    height: 2px;
    background-color: #566b77;
}



    .footer-list,
    .footer-list li {
      margin-bottom: 3px;
      margin-top: 3px;
      line-height: 24px; 
      font-family: 'Roboto';
      list-style-type: none;
      padding:0;
      opacity: 0.95;
    }

    .footericon:before {
      content: '\002B';
      color: var(--koyucamgobegi);
      /*font-weight: bold;*/
      font-size:20px;
      
    }

    .footer p{

      color:#fff;
      font-family: 'Roboto';
      opacity: 0.95;
    }

    .footer a{

      color:#fff;
      font-family: 'Roboto';
      border-bottom:none;
      text-decoration: none;
      opacity: 0.95;
    }

    .footer a:hover{

      /*color:var(--armut);*/
      /*font-family: 'Roboto Regular';*/
      border-bottom:2px solid #566b77;
    }

    .baslk {

      font-size:18px;
    }

    .tel{

      font-size:15px;
      font-family: 'Roboto';
      margin-top:4px;

    }

    .sosyal {
    color:#566b77!important;
    text-decoration: none;
    border:none;
    }

    .sosyal :hover{

      color:#fff!important;
      border:none!important;
      text-decoration: none!important;
    }

    /*aboutus sayfası için*/

    .aboutusbackg {

      background-image:url('../img/background-002.png') ;
      background-repeat: no-repeat;
      background-position: right;
      /*padding: 550px 0px 0px 0px;*/
      height:460px;

      }

    .aboutus {
    text-align: justify;
    /*margin-top:10px;*/

    }

    .aboutus h4 {

      color:var(--koyucamgobegi);
      font-family:'Roboto';
      font-weight:bold;
    }

    .aboutus h6 {

      color:var(--koyucamgobegi);
      font-family:'Roboto';
      font-weight:bold;
    }


    .aboutus p {

      color:var(--gri);
      font-family:'Roboto';
      margin-top:30px;
    }

    .aboutus ul {
    list-style: none;
    color:var(--gri);
    font-family:'Roboto';
    /*line-height: 25px; */
    padding: 0;
    margin: 0;
  }

    .aboutus ul li::before {
      content: "\2022";
      color: var(--koyucamgobegi);
      font-weight: bold;
      font-size:40px;
      /*width: 1em;*/
      /*margin-left: -2em;*/
      margin-right: 0.2em;
      vertical-align:middle;

 
      }

      .aboutus ul li{
        vertical-align:middle;
        /*eight:51px;*/
        line-height:35px;
      }

    /*about resim üzerine yazı*/

    .about  {
      position: relative;
      text-align: left; /*center*/
      color: white;

    }

    .about .centered {
      position: absolute;
      top: 45%;
      left: 32%;
      transform: translate(-50%, -50%);
      font-family: 'Roboto';
      font-size:32px;

    }



    @media only screen and (min-device-width : 300px) and (max-device-width : 450px) {


  
      .mblbanner img {
        width:100%;
        height: 110px;
        margin-top:-120px;
  
      }

      .about .centered {
        top: -140%;


  
      }
          
    }
    

 
/*banner ıc baslıklar ıcın */


@media only screen and (min-device-width : 300px) and (max-device-width : 768px) {

  .about .mblbaslik {

    font-size:18px;
    left: 35%;


  }

  .mblftr {

    padding-left:0!important;
  }
      
}

@media only screen and (min-device-width : 1024px) and (max-device-width : 1440px) {

  .about .mblbaslik {

    font-size:25px;
    left: 35%;


  }

  .hair {

    left:200px!important;
  }
      
}
/*
@media only screen and (min-device-width : 1500px)  {

  .about .mblbaslik {

    font-size:25px;
    left: 40%;


  }
      
}*/


    /*start to finish */ 

    .tofinish {

      padding:15px;
      }

    .tofinishicon {
      height:70px;
    }
  
    .tofinishhead {
      color:var(--koyumavi);
      font-family:'Roboto';
      font-size:18px;
      padding-top:15px;
      margin:0px;
      font-weight: bold;;
    }

    .tofinish h3{

    text-align: center;
    color:var(--acikcamgobegi);
    }

    .tofinishtext {
      padding-left:30px;
      padding-right:30px;
      color:var(--koyumavi);
      margin-top:3px;
      font-family: 'Roboto';
      opacity: 0.8;
    }

    /*DENTAL */
    .dental {
      margin-top:10px;
      border:0px;
      text-decoration: none;
    }
    .dental  .card{
      border:0px;
     
    }

    .dental img {
      width: 12rem;
      padding:3px;
      text-align: center;
      border-radius:50%;
      -webkit-clip-path: circle(50% at 50% 50%);
      clip-path: circle(50% at 50% 50%);
      border:3px solid var(--koyumavi);


      }

      .dental img:hover{

        /*opacity: 0.7;*/
       /*-webkit-transform: scale(1.1);
       transform: scale(1.1);*/
      
      cursor:pointer;


      }

      .dental a {
        border-bottom: none;
        text-decoration: none;
        font-size:bold;
        font-family: 'Roboto';
        font-weight:bold;
        text-align: center;
      }

      .dental a:hover {
        color:var(--turuncu);
       
      }


      .dental .card-title {
        color:var(--koyumavi);
        font-family:'Roboto';
        font-weight:bold;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        display:inline-block;
        height:55px;
        display: -webkit-box;
        -webkit-line-clamp: 8;
        -webkit-box-orient: vertical;
      }

      .dental .card-text {
        text-align: justify;
        overflow: hidden;
        text-overflow: ellipsis;
        display:inline-block;
        height:190px;
        display: -webkit-box;
        -webkit-line-clamp: 8;
        -webkit-box-orient: vertical;
        color:var(--gri);
        font-family:'Roboto';
        opacity: 0.9;
      }


      .deneme {
        text-align: justify;
        overflow: hidden;
        text-overflow: ellipsis;
        display:inline-block;
        height:100px;
        display: -webkit-box;
        -webkit-line-clamp: 8;
        -webkit-box-orient: vertical;
        color:var(--gri);
        font-family:'Roboto';
        opacity: 0.9;
      }



  /*hospitals*/

 .hospitals{
  padding:50px;
  margin:100px;
 }

 /*hotels*/


     /*DENTAL */
     /*
     .hotel {
      margin-top:10px;
      border:0px;
      text-decoration: none;
    }
    .hotel  .card{
      border:0px;
     
    }

*/
.hotel {
float:center;
align-items: center;
text-align: center;
margin-top:30px;

}
.hotel img {
  width: 12rem;
  padding:3px;
  text-align: center;
  border-radius:50%;
  -webkit-clip-path: circle(50% at 50% 50%);
  clip-path: circle(50% at 50% 50%);
  

  }

  .hotel2  .cardh {

    box-shadow: 1px 1px 1px 1px rgba(177, 156, 124, 1.0);
    background-color: #f2f2f2;
    border-radius:25px;
    border:1px solid rgba(177, 156, 124, 0.5);
    /*max-height:295px;*/
  
  }

  .hotel2 ul {
    
    list-style-type: none!important;
    
    

  } 

  .hotel2  ul li:before {
    content: "•";
    font-size:20px;
    color:var(--koyucamgobegi);
    padding-right:5px;
    vertical-align:middle;
    line-height:20px;


}

  .hotel2 li {
    text-align: left;
    color:var(--gri);
    
    
  }  

  .hotel2  table {
    width: 70%;
    line-height:12px;
    color:var(--gri);
  }

  .hotel2  table th:before {
    content: "•";
    font-size:20px;
    color:var(--koyucamgobegi);
    padding-right:5px;
    vertical-align:middle;
  }


  .hotel2  img {
    height:230px;
    width:100%;
    border-radius:40px;
  }

 
  
      .box{
        /*width:25%;*/
        /*background-color:gold;*/
        float:left;
        padding-left:2px;
        /*margin:10px;*/
    
      }
    
      .btngroup{
        padding:5px 5px 20px 5px;
      } 
    
      .hotel button{  
        width:150px;
        color:#000;
        padding:3px 20px;
        background-color:transparent;
        border:none;
        font-weight:bold;
        font-size:19px;
            /*box-shadow: 1px 1px 1px 1px var(--koyucg);*/
      } 
    
      .hotel button:hover {  
        /*color:var(--armut);*/
        /*border-bottom:1px solid var(--armut);*/
            color:var(--koyumavi);
            border-bottom:2px solid var(--koyumavi);
            /*background-color:var(--acikgri);*/
            /*border-radius:10px;*/
            /*box-shadow: 1px 1px 1px 1px var(--gri);*/
      } 
    
      .hotel .active4 {  
        /*color:var(--armut);*/
            /*border-bottom:1px solid var(--armut);*/
            color:#000;
            border-bottom:2px solid var(--gri);
            background-color:transparent;
            /*border-radius:10px;*/
            /*box-shadow: 1px 1px 1px 1px var(--gri);*/
      } 
    
        .map {
          color:#b19c7c!important;
        }
    
        .map i {
          color:#b19c7c!important;
        }
     
    
        .map a{
            text-decoration: none!important;
            border-bottom:none!important;
        }

      /*contact us*/

      .contactus{

        color:var(--koyumavi);
        font-family: 'Roboto';
        font-weight:bold;

        }

      .contactus2{

      color:var(--koyumavi);
      font-family: 'Roboto';
      font-weight:bold;
      border:1px solid rgba(34, 48, 54, 0.2);
      border-radius:30px; 
      width:15%;
      z-index:999;
      margin-top:150px!important;
    
      }



      .contactus a{

        color:var(--gri);
        border-bottom: none;
        text-decoration: none;
        }
        .contactus a:hover{
          border-bottom: 1px solid var(--turuncu);
          }

      
          
      .contactus ul {

      list-style-type: none;
      font-family: 'Roboto';
       
        }

      .contactus ul li{

        color:var(--gri);
        font-family: 'Roboto';
       
        }

/*paketler listelemesi*/
      .pack ul {

        color: var(--koyucamgobegi);
      }

      .pack ul li span{

        color: var(--gri);
      }


      .scroll-to-top{
        position:fixed;
        /*background:url(../img/b_logo.png) no-repeat transparent;*/
        cursor:pointer;
        bottom:1em;
        right:1%;
        width:55px;
        height:55px;
        padding-right:1em;
        display:none;
        z-index:999;
        -webkit-filter: drop-shadow(2px 2px 2px #666);
        filter:         drop-shadow(2px 2px 2px #666); 
      }


      /*saç sayfası ıcın 15.03.2023*/

      .info{
        background-color:var(--acikgri); 
        border-radius:10px;
        margin-top:20px;
        padding:2px;
        /*-webkit-filter: drop-shadow(2px 2px 2px #666);
        filter:         drop-shadow(2px 2px 2px #666); */
      }

      .info p:hover {
        background-color:rgba(194, 213, 0,0.1);
        border-radius:10px;
        /*order-radius:10px;*/
        /*-webkit-filter: drop-shadow(1px 1px 1px #C2D500);
        filter:         drop-shadow(1px 1px 1px #C2D500); */
      }
      .info h5:hover {
        background-color:rgba(194, 213, 0,0.1);
        border-radius:10px;
        /*order-radius:10px;*/
        /*-webkit-filter: drop-shadow(1px 1px 1px #C2D500);
        filter:         drop-shadow(1px 1px 1px #C2D500); */
      }

      .info :hover {
        background-color:rgba(194, 213, 0,0.5);
        border-radius:10px;
        /*order-radius:10px;*/
        /*-webkit-filter: drop-shadow(1px 1px 1px #C2D500);
        filter:         drop-shadow(1px 1px 1px #C2D500); */
      }


      /*services*/

      .image {
        width: 50%;
      }
      
      .overlay {
        top: 0;
        left: 0;
        right: 0;
        height:50%;
        width:100%;
        opacity: 0;
        transition: .3s ease;  
      }
      
      .overlay:hover {
        opacity: 1;
      }
      
      .icon {
        position: absolute;
        top: 25%;
        left: 50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        text-align: center;
      }
      .slider .slider-item{
            display: none;
              animation: reveal .5s ease-in-out;
          }
          .slider .slider-item.active3 {
              display: block;
          }
      
      
      .dots
      {
          position: absolute;
          bottom: -25px;
      
          display: block;
      
          width: 100%;
          padding: 0;
          margin: 0;
      
          list-style: none;
      
          text-align: center;
      }
      .dots li
      {
          position: relative;
          display: inline-block;
          width: 20px;
          height: 20px;
          margin: 0px 5px;
          padding: 0;
          top:10px;
          cursor: pointer;
      }
      .dots li button
      {
          font-size: 0;
          line-height: 0;
          display: block;
          width: 20px;
          height: 20px;
          padding: 5px;
          cursor: pointer;
          color: transparent;
          border: 0;
          outline: none;
          background: transparent;
   
      }
      .dots li button:hover,
      .dots li button:focus
      {
          outline: none;
      }
      .dots li button:hover:before,
      .dots li button:focus:before
      {
          opacity: 1;
      }
      .dots li button:before
      {
          font-family: 'slick';
          font-size: 26px;
          line-height: 20px;
      
          position: absolute;
          top: 0;
          left: 0;
      
          width: 20px;
          height: 20px;
      
          content: '•';
          text-align: center;
      
          opacity: .50;
          color: #fff;
      
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
      }
      .dots li.slick-active button:before
      {
          opacity: 1;
          color: #fff;
      }
      
      .form-control {
      
      box-shadow:0px 0px 1px 1px rgba(34, 48, 54, 0.4);
      border-radius:10px;
      /*height: 40px;*/
    
      }
      
      
      .btn-contact {
      border-radius: 20px !important;
      background-color: var(--turuncu);
      color:#fff;
      /*height:50px; */
      font-size:18px;
      width:80%;
      float:right;
      margin:10px;
      }
      
      .btn-contact:hover {
      border-radius: 20px !important;
      background-color: var(--armut);
      color:#fff;
      /*height:50px; */
      font-size:18px;
      width:80%;
      float:right;
      margin:10px;
      }
      
      .nav-kat {
      display: flex;
      justify-content: space-between;
      
      
      }
      
      .colordnm {
      
      color:#2e2e2d;
      
      }
      
      .colordnm:hover {
      
      background-color: #95a7b2;
      color:#fff;
      
      }
      
      .div-scrollable {
          max-height: 500px;  
          overflow-y: auto;
          padding:10px 10px 0px 0px;
          width:820px;
  
      
      }
      
      .div-scrollable p {
          color:#909090;
          font-family:'Roboto Regular';
          opacity:0.8;
          letter-spacing: 1px;
      
      }
      
      
      
      ::-webkit-scrollbar {
          width: 8px; 
         
      }
      
      
      ::-webkit-scrollbar-track {
          background: #f1f1f1; 
          border-radius: 10px;
      }
      
      
      ::-webkit-scrollbar-thumb {
          background: #566b77; 
          border-radius: 10px;
      }
      
      
      ::-webkit-scrollbar-thumb:hover {
          background: #566b77; 
      }

      .brbttm{
   
        border-bottom:2px solid#c8c8c8;
        margin-top:100px;
        width:100%;

      }

    @media (max-width: 768px) {
      .nav-pills {
        flex-direction: column;
      }
    }

    @media (max-width: 768px) {
      .sertel {
         font-size: 15px; 
         padding: 0px!important; 
         width: 100%;
         box-sizing: border-box; 
      }
   }
   
   .nav-pills .nav-link:hover {
    background-color: #95a7b2; 

}
.nav-pills .nav-link.active {
    background-color: #95a7b2;
 
}

/*feedback*/

.feedback-control-prev,
.feedback-control-next {
  position: absolute;
  top: 0;
  bottom: 50px;
  z-index: 30;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 1;
  transition: opacity 0.15s ease;
}


@media (prefers-reduced-motion: reduce) {
.feedback-control-prev,
.feedback-control-next {
    transition: none;
  }
}
.feedback-control-prev:hover, .feedback-control-prev:focus,
.feedback-control-next:hover,
.feedback-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity:0.9;
}

.feedback-control-prev {
  left: 10px;
}

.feedback-control-next {
  right: 0;
}


.feedback-caption {
  position: absolute;
  right:30%;
  top: 35%;
  /*left: 15%;*/
  /*padding-top: 1.25rem;
  padding-bottom: 1.25rem;*/
  color: #fff;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
}



.fefact {
      /*vertical-align: top;*/
      /*display: inline-block;*/
      height: 200px;
      width: 812px;
      /*background-color: #f2f2f2;*/
      padding: 10px;
      margin: 0px 0px 0px 0px;
      text-align: justify;
    }
    
    .fefact h1 {
      text-align: justify;
      color:#fff;;
      font-family:'Roboto Medium';
      font-weight:bolder;
      font-size:21px;
    }
    
    .fefact p {
      text-align: justify;
      overflow: hidden;
      text-overflow: ellipsis;
      display:inline-block;
      /*height:190px;*/
      display: -webkit-box;
      -webkit-line-clamp: 8;
      -webkit-box-orient: vertical;
      color:#fff;;
      font-family:'Roboto Light';
      font-size:21px;

    }

   .ortala {
    position: relative;
   
}

.ortala .col-lg-12.text-center {
    position: absolute;
    top: 20%;  
    left: 50%;
    transform: translateX(-50%);
    z-index: 11; 
}


.parallax {
    height: 80vh; 
    /*background-attachment: fixed;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;

}


/*before-after*/

.beaf{
border-radius:10px;
}
      
/*sub_header*/

* {
  box-sizing: border-box;
}

.bg-img {
  /* The image used */
  /*background-image: url("../../assets/img/banner/sac.jpg");*/

  min-height: 420px;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}


/* Full-width input fields */
input[type=text], input[type=password] {
  width: 100%;
  padding: 8px;
  margin: 5px 0 15px 0;
  border: none;
  background: #f1f1f1;
}

input[type=text]:focus, input[type=password]:focus {
  background-color: #ddd;
  outline: none;
}

/* Set a style for the submit button */
.btnb {
  background-color: #223036;
  color: white;
  padding:15px 10px;
  border: none;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
  font-size:18px;
  border-radius:10px;
}

.btnb:hover {
  opacity: 1;
}


.basban{

    font-weight:bold;
}


/*contact banner*/

.centered-image {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  width: 370px;
  height:200px;
}

.centered-image:hover {

  width: 380px; 
  height: 230px!important;

}

.formcontainer {
/*position: absolute;*/
right: 0;
/*margin: 20px;*/
/*max-width: 100px;*/
padding: 15px;
opacity:0.95;
border-radius:10px;

}

input[type=text], input[type=password] {
width: 90%;
padding: 10px;
margin: 5px 0 12px 0;
border: none;
background: #fff;
/* border-radius:10px;*/
color:var(--koyumavi)!important;

}

input[type=text]:focus, input[type=password]:focus {
background-color: #ddd;
outline: none;
/* border-radius:10px;*/
}