/*
  Created on : 21.Eki.2021, 10:26:51
  Author     : ISDO Web & Yazılım
*/

/* GENEL */
.mt-20{margin-top: 20px;}
.right{float: right;}
/* GENEL END */

/* HEADER */
header{border-bottom:1px solid #dedede;}
header img{height: 75px;}
/* HEADER END */

/* CONTENT */
.parallax{position: relative;overflow: hidden;height: 300px;margin-bottom: 25px;text-align: center;}
.parallax img{width: 100%;}
.parallax::before{content: "";width: 100%;background: rgb(0 0 0 / 68%);top: 0;left: 0;height: 100%;display: block;position: absolute;}
.parallax .parallax-container{position: absolute;top: 0;width: 100%;padding-top: 7%;}
.parallax .parallax-container::before{}
.parallax .parallax-container h1{color: #fff;z-index: 1;top:10%; font-size: 28px;}
.main-page-list{}
.main-page-list > div{margin-bottom: 20px}
.main-page-list a{color: #363638;text-decoration: none;}
.main-page-list a span{font-size: 18px;text-align: center;display: block;margin-top: 0px;background-color: #fbf9f9; min-height: 60px;}
.main-page-list a img {}
.main-page-list a:hover img {-webkit-filter: blur(0);filter: blur(0);}
.forms{padding-top: 20px;padding-bottom: 10px}
.sonuc{}
.sonuc img{width: 40px;margin-bottom: 10px;}
.sonuc span{font-size: 20px;margin-left: 10px;padding-top: -1px;vertical-align: baseline;margin-top: 2px;display: inline-block;}
.sonuc section{font-size: 21px}
/* CONTENT END */

/* FOOTER */
footer{background-color: #fff;color: #8e8e8e;font-weight: 100;border-top: 1px solid #dedede;padding-top: 10px;padding-bottom: 10px}
footer{background: #fff;color:#8e8e8e;}
footer .web-tasarim{float: right;width: 73px;height: 23px;opacity: .5;margin-top: 0;text-indent: -9999px;background: url(../images/isdo.png) no-repeat;-webkit-transition: all .3s linear;transition: all .3s linear;}
footer .web-tasarim:hover{opacity: 1;}
/* FOOTER END */

/* RESPONSIVE */
@media only screen and (max-width: 768px) {
  .container{font-size: 12px;}
}
@media only screen and (max-width: 768px) {
  .parallax .parallax-container{padding-top: 13%}
  .parallax{height: 240px;}
}
@media only screen and (max-width: 660px) {
  .parallax .parallax-container{padding-top: 8%}
  .parallax{height: 150px;}
}
@media only screen and (max-width: 500px) {
  .parallax .parallax-container{padding-top: 6%}
  .parallax{height: 100px;}
}
/* RESPONSIVE END */