@import url(https://fonts.googleapis.com/css?family=Nunito:400,400i,600,700&display=swap);
.hlogo { width: 17%;}
.web-ara {background-color: #e53131;color: #fff;z-index: 9;position: fixed;right: 92px;bottom: 20px;padding: 3px 15px 3px 6px;border-radius: 5px;font-size: 13px;}
.web-call {background-color: #e53131;width: 40px;height: 40px;color: #fff;z-index: 10;position: fixed;right: 63px;bottom: 14px;padding: 2px 0 0 12px;border-radius: 50%;font-size: 24px;}
.web-sms{background-image: url("../images/icon-sms.png");width:198px;height: 55px;position: fixed;right: 13px;bottom: 59px;z-index: 1;}
.web-sms >p{margin: 0;padding: 5px 10px;font-size: 15px;line-height: 18px;word-spacing: 5px;text-align: center;}
.web-whatsapp {background-color: #03a84e;width: 40px;height: 40px;color: #fff;z-index: 10;position: fixed;right: 13px;bottom: 14px;padding: 2px 0 0 10px;border-radius: 50%;font-size: 24px;}
.dty-font >h4{font-size: 17px !important;padding: 5px 0 0 0;text-align: center;}
.dty-font >h4 >a{ font-weight: bold; font-size: 15px;}
.media >a{ display: contents;}
.media >a >img{max-width: 40%;}
.thumb-xy{padding: 10px; overflow: hidden;}
.thumb-x{width: 40%;float: left;}
.thumb-y{ width: 60%; float: right; padding: 0 0 0 15px;}
.thumb-y > h3{ text-align: left;}
.thumb-y > p{ font-size: 17px; color: #8d9297; text-align: left;}
.dty-call-xy{ display: inline-block; margin-top: 17px;}
.dty-whtspp-x {background-color: #03a84e;width: 35px;height: 35px;color: #fff;z-index: 10;padding: 3px 0 0 10px;border-radius: 50%;font-size: 19px;float: left;position: absolute;}
.dty-whtspp-y{display: table;padding: 4px 9px 3px 25px;margin-left: 14px;}
.dty-call-x { background-color: #484848;  width: 35px; height: 35px; color: #fff; z-index: 10; padding: 3px 0 0 10px;  border-radius: 50%; font-size: 19px; float: left;  position: absolute;}
.dty-call-y{display: table;padding: 4px 9px 3px 25px;margin-left: 14px;}
.dty-bttn{  background-color: #ff5a5f; display: inline-block; padding: 10px 37px; border-radius: 25px; margin-top: 31px;}
.dty-bttn > a{ color: #fff; font-weight: bold;}
.tc_content > div > ul { margin-top:10px; margin-bottom:10px;}
.tc_content > div > ul > li{list-style: inside;}
.mySlides{  object-fit: cover;  width: 100%;}
.Frm{ overflow: hidden;}
.Frm-xy{ width: 1170px; margin: auto; padding: 30px 0; overflow: hidden;}
.Frm-x { width: 60%; float: left; padding: 26px 0;}
.Frm-x > h2{ font-size: 25px;}
.Frm-x > p{font-size: 17px; line-height: 25px;}
.Frm-btn{overflow: hidden; padding: 10px;}
.Frm-btn-x{background-color: #e53131;padding: 13px 20px;font-size: 15px;color: #fff;margin-right: 1px;display: -webkit-inline-box;}
.Frm-btn-y{background-color: #222;color: #fff;padding: 12px 20px;font-size: 15px;margin-left: 3px;display: -webkit-inline-box;}
.Frm-y{ width: 40%; float: left;}
.Frm-bg{padding: 20px 40px;overflow: hidden;}
.Frm-bg > h2{font-size: 25px;margin: 0 0 10px 0;}
.Frm-text{width: 100%;border: 1px solid #E9EAED;padding: 10px;outline: none;margin: 2px 0;}
.Frm-slct{width: 100%;border: 1px solid #E9EAED;color: #757575;padding: 10px;outline: none;margin: 5px 0;}
.Frm-bttn{width: 100%;background-color: #ee7623;border: none;color: white;padding: 13px 0;text-align: center;text-decoration: none;display: inline-block;font-size: 16px;cursor: pointer;outline: none;margin-top: 8px;}
.my-ysl{border-left: 10px solid #4caf50;color: #222;z-index: 999999;font-size: 14px;position: fixed;right: 6px;bottom: 10px;background-color: #fff;}
.my-ypa{padding:10px;border: 1px solid #4caf50;}
.my-red{border-left: 10px solid #ea222f;color: #222;z-index: 999999;font-size: 14px;position: fixed;right: 6px;bottom: 10px;background-color: #fff;}
.my-rpa{padding:10px;border: 1px solid #ea222f;}
.krmsl{ padding: 30px 0;}
.krmsl >h2{text-align: left; font-size: 25px; margin-bottom: 20px;}
.krmsl-img{}
.q-hata{ text-align: center; width: 100%; font-size: 15px; padding: 94px 0;}
.url {
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}
.urlx {background-color: #45b5e3;} 
.urly {background-color: #1f5c7e;}
.HBnnr{
    background-color: #E9E1D6;
    border-bottom: 1px solid #E9EAED;
    overflow: hidden;
}
.HBnnr-x{
    width: 96%;
    margin: auto;
}
.bnnr {display: none;}
.bnnr-x{
    width: 50%;
    float: right;
}
.bnnr-x >img{
    max-width: 100%;
    height: auto;
    object-fit: cover;
}
.bnnr-y{width: 50%;float: left;padding: 117px 0;}
.bnnr-y >h1{
    font-size: 31px;
    padding: 5px 0;
    margin: 0;
}
.bnnr-y >p{
    font-size: 17px;
    padding: 5px 0;
}
.bnnr-bttn{display: -webkit-box;padding: 10px 0;margin-top: 10px;}
.bnnr-what{
    background-color: #03a84e;
    color: #fff;
    padding: 10px 20px;
    border-radius: 30px;
    font-size: 15px;
    margin-right: 14px;
}
.bnnr-frm{
    background-color: #222;
    color: #fff;
    padding: 10px 25px;
    border-radius: 30px;
    font-size: 15px;
    margin-right: 14px;
}
.bnnr-what:hover{ color:#e5e5e5;}
.bnnr-frm:hover{ color:#e5e5e5;}
.HBnnr-y{
    width: 96%;
    margin: auto;
    overflow: hidden;
    text-align: right;
    padding: 20px 0;
}
.HBnnr-y >a{
    background-color: #222;
    color: #fff !important;
    padding: 12px 20px;
    display: -webkit-inline-box;
}
.gly{
    display: block;
    margin-right: 7px;
    margin-bottom: 20px;
    }
.glr-img{
	width: 285px;
	height: 278px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.ytube{width: 100%; height:350px;}
.hata-dur{color: #fff;font-size: 14px;background-color: #ea222f;padding: 6px 10px;margin-bottom: 10px;}
.hata-gec{color: #fff;font-size: 14px;background-color: #4caf50;padding: 6px 10px;margin-bottom: 10px;}
.dty-rsm{width: 100%;
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;}
@media (max-width: 767px) {
.thumb-x { width: 100%; float: none; padding: 10px 0 0 0;}
.thumb-y {width: 100%;float: none;padding: 10px 0 0 0;}
.dty-bttn {width: 100%;}
.mt0{font-size: 25px;}
.details >h3{ font-size: 15px !important; }
.modal-content {  width: 92%; margin-top: 45px;}
.Frm-bg { padding: 20px 5px;}
.Frm-bg > h2 {text-align:center;}
.Frm-text {width: 100%; padding: 8px 10px;}
.mySlides-x {top: 65% !important;padding: 7px 14px;}
.mySlides-y { top: 65% !important;padding: 7px 14px;}
.slider-ust { left: 47px; top: 104px; width: 75%;}
.slider-ust >h1 { font-size: 15px;}
.slider-ust >p {font-size: 13px;padding: 6px 11px;}
.url { padding: 5px 10px; font-size: 12px;}
.ytube{ height: 220px;}
.main-title { margin-bottom: 10px !important;}
.about_content{margin-bottom: 30px;}
.bnnr-x { width: 100%; float: left;}
.bnnr-y { width: 100%; float: right; padding: 10px 0;}
.bnnr-what {display: -webkit-box;}
.bnnr-frm {display: -webkit-box;}
.gly { padding: 0 20px;}
.glr-img {width: 354px; background-size: cover;}
.glr-img { width: 365px; height: 340px;}
.dty-rsm {height: 185px;}
}