.logo{max-height: 80px; }
.logo img{max-height: 70px; }


.social-icon a {color: rgba(0, 0, 0, 0.6); font-size: 16px; margin-right: 22px; transition: all 0.2s ease-in-out 0s; }
.social-icon a:hover {color: #373737; }
.social-icon a {color: #fff; }



/*Loader*/
.loader_rolling {width: 10px; height: 10px; border-radius: 50%; display: block; margin:15px auto; position: relative; color: #FFF; left: -100px; box-sizing: border-box; animation: shadowRolling 2s linear infinite; }
@keyframes shadowRolling {
  0% {box-shadow: 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0); }
  12% {box-shadow: 100px 0 white, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0); }
  25% {box-shadow: 110px 0 white, 100px 0 white, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0); }
  36% {box-shadow: 120px 0 white, 110px 0 white, 100px 0 white, 0px 0 rgba(255, 255, 255, 0); }
  50% {box-shadow: 130px 0 white, 120px 0 white, 110px 0 white, 100px 0 white; }
  62% {box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 white, 120px 0 white, 110px 0 white; }
  75% {box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 white, 120px 0 white; }
  87% {box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 white; }
  100% {box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0); }
}
.form_loader{z-index: 10000; position: fixed; height: 100vh; width: 100vw; top: 0; left: 0; background: #020306a6; justify-content: center; align-content: center; flex-wrap: wrap;display:none; font-size: 1rem;}
.loadet_text{color: #fff;}
/*Loader*/

/* COOKIE */
.cookie_text{font-size: 0.9rem;margin: 5px;color: #000;}
@media (min-width: 768px){
  .cookie_body {display: flex;align-items: center;position: fixed;bottom: 20px;left: 20px;z-index: 99;min-height: 100px;padding: 10px;width: 500px;background-color: #ffffff;box-shadow: 0px 0px 10px #474747;color: #fff;border-radius: 10px;transition: 0.5s all;}
}
.cookie_link{display:inline-block;padding: 8px 14px;background-color: #1ea7e4;border-radius: 5px;color: #FFFFFF;margin: 5px;}
.cookie_link:hover, .cookie_close:hover{color: #ffffff;}
@media (max-width: 768px){
  .cookie_body{display: flex;align-items: center; position: fixed;bottom: 0;left: 0;z-index: 99; min-height: 100px;width: 100%;background-color: #000000a3; box-shadow: 0px 0px 2px #258378; color: #fff; transition: 1s all;}
  .cookie_link{display:inline-block;padding: 8px 14px;background-color: #00afff;border-radius: 5px;color: #FFFFFF;margin: 5px;}
  .cookie_link:hover, .cookie_close:hover{color: #ffffff;}
  .cookie_text{font-size: 0.9rem;margin: 5px;color: #fff;}
}
.cookie_content{display: flex;align-items: center;flex-wrap: wrap;justify-content: center; max-width: 1320px;width: 100%;height: 100%;margin: 0 auto;}
.cookie_content_body{display:flex;align-items: center;flex-wrap: wrap;}
.cookie_close{display:inline-block;padding: 8px 14px;background-color: #FCA311;border-radius: 5px;color: #FFFFFF;margin: 5px;}
.cokigizle{bottom: -100%; transition: 1s all; }
.cookie_text a {color:#62b9f7 ;}



/* NAVIGASYON */
.navigasyon_bg{display: block;width: 100%;background-color: var(--bg-white);/*padding: 40px 0;*/}
.navigasyon_row{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.navigasyon_ul{display: flex;width: 100%;justify-content: center;}
.navigasyon_ul > li{position: relative;display: flex;align-items: center;}
.navigasyon_ul > li:after{position: absolute;right: 0;content: '\f105';font-family: "Font Awesome 5 Free"; font-weight: 900;color: #fff;}
.navigasyon_ul > li:last-child:after{position: absolute;content: '';}
.navigasyon_ul > li > a{display: flex;padding: 10px 15px;font-size: 0.9rem;color: #fff;align-items: center;}
.navigasyon_ul > li.active a{color: #fff;}


.inner-banner-two {background: #00afff; padding: 130px 0 0px; z-index: 9; }
.page_title{font-size: 2rem;font-family: "gordita"; text-align: center; color: #00afff;}
@media (max-width: 630px) {.page_title{font-size: 1.5rem;}}





.form-input-one label {display: block; font-size: 15px; font-weight: 500; color: #254035; margin-bottom: 10px; text-align: left;} 
.form-input-one .alert-text {font-size: 14px; letter-spacing: -0.14px; color: rgba(0, 0, 0, 0.5); } 
.form-input-one input {width: 100%; height: 55px; letter-spacing: -0.16px; border: 1px solid #E5E5E5; border-radius: 7px; padding: 0 15px; } 
.form-input-one select {width: 100%; height: 55px; letter-spacing: -0.16px; border: 1px solid #E5E5E5; border-radius: 7px; padding: 0 15px; } 
.form-input-one textarea {border: 1px solid #E5E5E5; border-radius: 7px; padding: 15px 20px; max-width: 100%; width: 100%; resize: none; } 
.form-input-one textarea.size-lg {height: 230px; max-height: 200px; } 
.form-input-one .nice-select {height: 55px; line-height: 55px; letter-spacing: -0.16px; border: 1px solid #E5E5E5; border-radius: 7px; padding: 0 25px 0 20px; } 
.form-input-one .nice-select .option {line-height: 38px; } 
.form-input-one .map-frame {height: 290px; border-radius: 8px; overflow: hidden; } 
.form-input-one .location-pin {position: absolute; right: 0; top: 0; bottom: 0; width: 60px; opacity: 0.18; } 
.form-input-one .location-pin:hover {opacity: 1; } 
.form-input-one .attached-file {height: 60px; width: 100%; border-radius: 10px; background: #EDF2F7; padding: 0 20px; } 
.form-input-one .attached-file span {font-size: 14px; } 
.form-input-one .attached-file .remove-btn {font-size: 22px; font-weight: 700; color: #31795A; } 
.form-input-one .attached-file .remove-btn:hover {color: #ff5b5b; } 
.form-input-one .skills-wrapper {padding: 15px 20px 10px; background: #F7F7F7; border-radius: 15px; } 
.form-input-one .skills-wrapper ul {margin: 0 -5px; } 
.form-input-one .skills-wrapper ul li {padding: 0 5px 15px; } 
.form-input-one .skills-wrapper ul li.is_tag button {font-size: 15px; color: #31795A; line-height: 42px; padding: 0 40px 0 22px; background: #FFFFFF; box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.0363735); border-radius: 30px; position: relative; } 
.form-input-one .skills-wrapper ul li.is_tag button i {position: absolute; font-size: 20px; right: 10px; top: 0; } 
.form-input-one .skills-wrapper ul li.is_tag button i:hover {color: #ff5b5b; } 
.form-input-one .skills-wrapper ul li.more_tag button {font-size: 21px; width: 42px; height: 42px; border-radius: 50%; background: #414141; } 
.form-input-one .info-text {font-size: 14px; } 
.form-input-one .info-text p {color: rgba(0, 0, 0, 0.5); } 
.form-input-one .info-text p a {color: #31795A; } 
.form-input-one .info-text p a:hover {text-decoration: underline; } 
.form-input-one .info-text .chng-pass {color: #31795A; text-decoration: underline; } 
.form-input-one .skill-input-data {margin: 0 -3px; } 
.form-input-one .skill-input-data button {font-size: 12px; font-weight: 500; margin: 10px 3px 0; padding: 0 14px; height: 25px; background: rgba(49, 121, 90, 0.1); border-radius: 30px; transition: all 0.2s ease-in-out 0s; } 
.form-input-one .skill-input-data button:hover {background: #00afff; color: #fff; }
.form-input-one input[readonly] {background-color: #ffffff; opacity: 1; }


.best_btn{display: flex; align-items: center; padding: 15px 20px; width: fit-content; justify-content: center; border-radius: 50px; border: none; background-color: var(--color); color: #fff; background-image: linear-gradient( 109.6deg, rgb(0 175 255) 11.2%, rgb(2 148 215) 100.2% ); transition: var(--t05); }

.rating li:first-child{ min-width: 150px; }


.imgsz1{ max-width: 321px; max-height: 197px; }
.imgsz2{ max-width: 195px; max-height: 175px; }
.imgsz3{ max-width: 296px; max-height: 323px; }
.imgsz4{ max-width: 350px; max-height: 200px; }
.imgsz5{ max-width: 300px; max-height: 172px; border-radius: 10px;}
.imgsz6{ max-width: 418px; max-height: 250px; border-radius: 10px;}

.capta-img{width: 200px;}
.capta-btn{background-color: #ecf3f0; display: flex; justify-content: center; align-items: center; width: 40px; }