@import url(https://fonts.googleapis.com/css2?family=Baloo+Paaji+2:wght@400;500;600;700;800&display=swap);
a,abbr,acronym,address,applet,article,aside,audio,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,tt,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{font-family:'Baloo Paaji 2',cursive}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none}
:focus{outline:0}
.clear{clear:both}
img{max-width:100%;height:auto}
.ty-wrapper{width:100%;height:100vh;display:table;background-color:#333}
.ty-vertical{display:table-cell;vertical-align:middle;text-align:center;font-size:25px;color:#fff}
.p1{background:url(../images/bg.jpg) top left;background-size:cover;background-repeat:no-repeat}
.main-page,.main-page-open{position:relative;width:100%;height:100vh;display:inline-block}
.p1:before{content:"";position:absolute;width:100%;height:100vh;background:rgba(0,0,0,.7)}
.logo{width:15%;position:relative;margin:50px auto}
.p1 ul{width:100%;float:left;position:relative;text-align:center}
.p1 ul li{display:inline-block;margin:30px}
.p1 ul li svg{width:25px;height:25px;float:left;fill:#eb6c22;margin-right:10px}
.p1 ul li span{color:#ccc;float:left;line-height:25px}
.p1 h1{width:100%;float:left;color:#fff;position:relative;text-align:center;font-size:46px;margin-bottom:0;margin-top:30px;text-shadow:0 0 15px #000}
.p1 p{width:100%;text-align:center;position:relative;font-size:26px;margin-bottom:50px;color:#ccc;float:left}
.icon{position:absolute;bottom:30px;left:50%;margin-left:-9px}
.mouse-icon{position:relative}
.mouse-icon .mouse{width:18px;height:28px;background:#fff;border-radius:20px;position:relative;margin-bottom:3px}
.mouse-icon .mouse:after{content:"";background:#ee4722;width:4px;height:6px;position:absolute;top:5px;left:50%;margin-left:-2px;border-radius:20px;-webkit-animation:scrollAnim 1.1s infinite;animation:scrollAnim 1.1s infinite}
.mouse-icon .arrow{width:6px;height:6px;display:block;border-bottom:2px solid #fff;border-right:2px solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);position:relative;margin:0 auto;-webkit-animation:arrowAnim 1.2s infinite;animation:arrowAnim 1.2s infinite}
.mouse-icon .arrow.arrow-01{-webkit-animation-delay:.2s;animation-delay:.2s}
.mouse-icon .arrow.arrow-02{-webkit-animation-delay:.3s;animation-delay:.3s}
.mouse-icon .arrow.arrow-03{-webkit-animation-delay:.4s;animation-delay:.4s}
@-webkit-keyframes scrollAnim{
from{top:5px}
to{top:15px;opacity:0}
}
@keyframes scrollAnim{
from{top:5px}
to{top:15px;opacity:0}
}
@-webkit-keyframes arrowAnim{
0%{opacity:0}
50%{opacity:1}
100%{opacity:0}
}
@keyframes arrowAnim{
0%{opacity:0}
50%{opacity:1}
100%{opacity:0}
}
.ziyaretBtn{display:block;padding:5px 15px;margin:auto;position:relative;float:left;color:#fff;border-radius:5px;left:50%;width: 200px;text-align: center;margin-left: -100px;margin-bottom:7%;transition:all ease-in-out .3s;font-size:20px;font-weight:700;}
#sect2 ul li{width:calc(100% / 2);float:left;height:50vh;position:relative;text-align:center;box-sizing:border-box;border:.2px solid #fff;overflow:hidden}
#sect2 ul li:before{width:100%;height:100%;position:absolute;content:"";background:rgba(0,0,0,.7);left:0;top:0}
#sect2 ul li:nth-child(3),#sect2 ul li:nth-child(4),#sect2 ul li:nth-child(5){width:50%}
#sect2 ul li img{position:relative;width:200px;margin-bottom:20px}
#sect2 ul li p{position:relative;color:#ccc;font-size:14px;line-height:22px;margin-top:15px;width:75%;margin:auto}
#sect2 ul li span{color:#ccc;position:relative;width:120px;height:35px;line-height:35px;border:1px solid #fff;font-size:14px;display:inline-block;margin-top:25px;background:rgba(255,255,255,.2)}
#sect2 ul li a{width:100%;height:100%;background-size:cover;background-position:center;padding:0 5%;display:flex;align-items:center;box-sizing:border-box;transition:all ease-in-out .3s}
.liBg{position:absolute;width:100%;height:100%;top:0;left:0;background-size:cover;z-index:-1;transition:all ease-in-out .3s;text-align:center;display:flex}
#sect2 ul li:hover .liBg{transform:scale(1.1)}