@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
*{box-sizing: border-box;font-family: 'Inter', sans-serif;color:#222;}
a{text-decoration: none;color:#222;cursor: pointer;}
img{max-width: 100%;}
html{padding:0;margin:0;width: 100%;overflow-x: hidden;scroll-behavior: smooth;}
body{padding:0;margin:0;width:100%;position:relative;overflow: hidden;}
::-webkit-scrollbar{background-color:#d3d3d3;width: 10px;}
::-webkit-scrollbar-track {background-color:#d3d3d3;box-shadow: inset 0 0 5px grey; border-radius: 10px;}
::-webkit-scrollbar-thumb {background: #b2c722; border-radius: 10px;transition: 0.6s;}
::-webkit-scrollbar-thumb:hover {background: #b2c72290; }
.container{float:left;width: 1920px;margin:0 calc(50% - 960px);}
.container{width: 100%;margin:0;}
header{float:left;width: 100%;background-color:#ffffff90}
.headerTop{float:left;width: 100%;padding:10px 0;display: flex;align-items: center;justify-content: space-around;position:relative;}
.htLeft{float:left;}.htLeft a{float: left;width: 180px;}
.htMid{float: left;}.htMid p{float:left;width:100%;margin:0;}.htMid a img{float:left;height: 40px;}
.htMid h5{float:left;color:#01428e;font-size:20px;margin:0;padding:3px 5px;font-weight: 500;}
.htMid h6{float:left;color:#fff;font-size:20px;background-color: #bed03e;padding:3px 10px;margin:0;font-weight: 500;}
.htRight{float:left;}.htRight a{float:left;line-height: 30px;font-size:20px;font-weight: 600;color:#a0ad37;}.htRight a img{float:left;width: 30px;margin:0 10px 0 0;}
.headerMid{float:left;width: 100%;padding:0;border-top:1px solid #ddd;border-bottom:none;}
.headerMenu{float: left;width: 100%;display: flex;align-items: center;justify-content: space-between;height:70px;border-bottom:1px solid #ddd;}
.headerMid a{float:left;flex:1 1 auto;border-right: 1px solid #ddd;padding:15px 10px;line-height: 30px;font-weight: 500;margin:0;text-transform: uppercase;display: flex;align-items: center;justify-content: center;font-size:14px;text-align: center;white-space: nowrap;}
.headerMid a img{float:left;height: 40px;width:40px;object-fit:contain;margin:0 15px 0 0;}
.headerMid a:last-child{background-color: #c92222;color:#fff!important;padding:5px 10px;border-top:1px solid #ddd;border-bottom:1px solid #c92222;border-right: none!important;margin-top:-1px;}
.headerMid a:last-child img{float:left;height: 60px!important;width:auto!important;object-fit:contain!important;margin:0 15px 0 0;}

.slideArea{float:left;width: 100%;height: 60vh;position:relative;}
.slideItems{float: left;width: 100%;height: 100%;position: absolute;left:0;top:0;}
.slideItems .slick-next{right:calc(50% - 200px);bottom:calc(5% - 7px)!important;top:auto!important;}
.slideItems .slick-prev{left:calc(50% - 200px);bottom:calc(5% - 7px)!important;top:auto!important;}
.slideArea img{float: left;width: 100%;height: 100%;object-fit: cover;position:absolute;left:0;top:0;z-index:1;}
.slideArea video{float: left;width: 100%;height: 100%;object-fit: cover;position:absolute;left:0;top:0;z-index:1;}
.slideContent{float:left;width: 100%;height: 100%;position: relative;left:0;top:0;background-color: #00000050;z-index:2;}
.otherSlides{float:left;position:absolute;bottom:5%;left:5%;width: 90%;display: flex;align-items: center;justify-content: center;}
.otherSlides a{float:left;width: 60px;height:60px;margin:0 5px;}
.otherSlides img{float:left;position:relative;width: 100%;height: 100%;object-fit: cover;border-radius: 50%;box-shadow: 0 0 10px -2px #666;}
.otherSlides video{float:left;position:relative;width: 100%;height: 100%;object-fit: cover;border-radius: 50%;box-shadow: 0 0 10px -2px #666;}

.scLeft{float:left;width: 280px;margin:0;position:absolute;height: 280px;top:calc(50% - 140px);z-index:5;transition:0.6s;left:-170px;}
.scoutCover{position:relative;width: 100%;height: 100%;left:0;top:0;background-color: #00000090;z-index:2;}
#carkArea{float:left;max-width: 100%;height:100%;position:absolute;left:0;top:0;transition:0.6s;background-position: center;background-size:cover}
#carkArea a{float:left;width: 65px;height: 65px;background-color: red;position: absolute;right: -30px;top:calc(50% - 30px);border-radius: 50%;color:#fff;font-size:11px;text-transform: uppercase;font-weight: 600;display: flex;align-items: center;justify-content: center;margin:0;line-height: 65px;}
#carkContainer {position: relative;text-align: center;left:0%;top:0;width: 100%;height:100%;transition:0.6s;}
canvas {max-width: 100%;max-height:100%;border-radius: 50%;background: radial-gradient(circle, #ffffff 30%, #1f2d3d 100%);box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);}
#carkArea button {margin-top: -20px;padding: 12px 24px;font-size: 18px;cursor: pointer;background: #d35400;color: white;border: none;border-radius: 5px;font-weight: bold;display:none;}
#carkArea button:hover {background: #e67e22;}

.scMid{float:left;width: 70%;height:100%;left:15%;bottom:-10%;position:absolute;display: flex;align-items: center;justify-content: center;flex-direction: column;z-index:3;}
.scMid a{float:left;width: 100%;text-align: center;color:#fff;font-size:42px;font-weight: 700;text-transform: uppercase;}
.scMid p{float:left;width: 100%;text-align: center;color:#ffd800;font-size:28px;font-weight: 600;}

.scRight{float:left;width: 350px;height:90%;position:fixed;right: -350px;top:15%;transition: 0.6s;z-index:5;}
.raBtn{float:left;width: auto;transform: rotate(270deg);position:absolute;left:-110px;top:calc(50% - 35px);background-color: #a0ad37;padding:15px 20px;color:#fff;}
.raBtn a{color:#fff;font-weight: 500;font-size: 14px;text-transform: uppercase;}
.raClose{float:left;width: 35px;height: 35px;background-color: #9fad36;color:#fff;font-size:20px;font-weight: 600;border-radius: 50%;position:absolute;left:10px;top:10px;padding:4px 12px;cursor:pointer;}
.raBtn img{position:absolute;width: 40px;height: 40px;top:-24px;left:calc(50% - 20px);transform: rotate(90deg);}
.randevuArea{float:left;width: 100%;background-color: white;position:absolute;left:0;padding:10px;box-shadow: 4px 0 10px -3px #666;}
.randevuArea{padding:20px;}
.randevuArea h4{float:left;width: 90%;margin:10px 5%;color:#09428f;font-size:24px;text-align: center;text-transform: uppercase;line-height: 36px;}
.fullForm{float:left;width: 96%;margin:7px 2%;line-height: 24px;padding:5px 10px;border:1px solid #222;font-size:13px;}
.halfForm{float:left;width: 46%;margin:7px 2%;line-height: 24px;padding:5px 10px;border:1px solid #222;font-size:13px;}
.raCheck{float:left;width: 100%;transition:0.6s;}
.raCheck input{float:left;width: 16px;height: 16px;margin:5px 5px 0 10px;}
.raCheck p{float:left;width: calc(100% - 40px);margin:0;font-size:13px;line-height: 22px;}.raCheck p a{text-decoration: underline;}
.rndBtn{float:left;width: 170px;background-color: #a0ad37;margin:15px calc(50% - 85px) 5px;padding:10px 0;text-align: center;color:#fff;font-weight: 700;font-size:16px;text-transform: uppercase;}
.hadFForm{float:left;width: 96%;margin:7px 2%;line-height: 24px;padding:5px 10px;border:1px solid #999;font-size:13px;border-radius: 10px;}
.hadForm{float:left;width: 46%;margin:7px 2%;line-height: 24px;padding:5px 10px;border:1px solid #999;font-size:13px;border-radius: 10px;}

.bannerFirst{float:left;width: calc(100% + 15px);margin:15px 0 5px -7px;position:relative;}
.bannerFirst::-webkit-scrollbar{display: none;}
.bfOut{float:left;width: calc(25% - 10px);height:220px;margin:0 5px 0 5px;}
.bfIn{float:left;width: 100%;height:100%;}.bfIn img{float: left;width: 100%;height: 100%;object-fit: cover;}
.slick-next{right:15px;width: 35px;height: 35px;z-index: 9;}
.slick-prev{left:15px;width: 35px;height: 35px;z-index:9;}
.slick-next:before, .slick-prev:before{font-size:36px;}

.bannerArea{float:left;width: 100%;}

.hesapKutu {background: #c4d7008a;border-radius: 7px;display: flex;align-items: center;padding: 15px;position: relative;overflow: hidden;height: 240px;}
#hesap {scroll-margin-top: 200px;}
.image-container {display: flex;justify-content: center;align-items: center;}
.image-container img {width: 85%;height: auto;}
.text-container-center {display: flex;align-items: center;}
.text-container {text-align: left;}
.text-container h2 {font-size: 24px;color: #043993;margin-bottom: 10px;}
.text-container p {color: #043993;font-size: 15px;font-style: italic;}
.hidden {display: none;}
.form-container {width: 100%;text-align: center;}
.form-container h3 {font-size: 20px;color: #043993;margin-bottom: 20px;}
.kutu-btn-group {display: flex;flex-wrap: wrap;gap: 10px;justify-content: center;}
.kutu-btn-group button {width: 48%;padding: 10px 15px;border-radius: 5px;border: 2px solid #043993;background: transparent;color: #043993;cursor: pointer;font-size: 16px;font-weight: 500;transition: background-color 0.3s;}
.kutu-btn-group button:hover {color: #fff;background-color: #043993;}
.navigation-buttons {display: flex;justify-content: space-between;margin-top: 20px;}
.navigation-buttons button {padding: 7px 20px;border-radius: 5px;background: #043993;color: white;border: none;cursor: pointer;font-size: 14px}
.navigation-buttons button:hover {background-color: #60740c;}
.hesap-popup {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.7);justify-content: center;align-items: center;z-index: 27;}
.hesappopup-content {background: url('.././img/logo.jpg');background-size: cover;background-position: center;opacity: 0.9;padding: 30px;border-radius: 12px;font-weight: 600;max-width: 600px;width: 85%;position: relative;box-shadow: 0 5px 20px #7f7d28;overflow: hidden;background-color: #ffffffdd;}
.hesappopuplogo {display: flex;align-items: center;justify-content: space-around;}
.hesap-popup-baslik {color: #09428f;font-size: 30px;}
.hesappopuptext {display: flex;align-items: center;justify-content: space-between;color: #858324;}
.hesapacıklama {font-size: 11px;text-align: justify;color: #0b0d50;}
.hesapphone-number {font-weight: bold;color: #032c65;font-size: 25px;}
.hesapphone-number:hover {color: #858324;}
.hesap-btn-close {position: absolute;top: 15px;right: 15px;cursor: pointer;border-radius: 25px;min-width: 37px;color: #09428f;font-size: 1.2em;background: none;border: solid;}
.hesap-btn-basvur {padding: 7px 20px;border-radius: 5px;background: #09428f;color: white;border: none;font-size: 14px;cursor:pointer;}
.hesap-sag-alt {position: fixed;bottom: 20px;right: 20px;background-color: #3498db;color: white;padding: 10px 15px;border-radius: 5px;text-decoration: none;font-size: 16px;z-index: 5;}
.baslikh1 {font-size:1.75rem;padding-bottom:15px;color:#01428e;text-align:center;}

.modalOnKayit{float:left;width: 100%;height: 100vh;position:fixed;left:0;top:0;z-index:999;display: none;align-items: center;justify-content: center;background-color: #00000090;}
.mokOut{float:left;width: 800px;}
.mokIn{float:left;width:100%;border-radius: 20px;background-color: #ededed;padding:10px 30px;position:relative;}
.mokClose{float:left;width: 35px;height: 35px;background-color: #01428e;color:#fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;position:absolute;left:10px;top:10px;font-weight: 600;font-size:20px;line-height: 18px;line-height: 35px;cursor:pointer;}
.mokIn h3{float:left;width: 100%;text-align: center;color:#09428f;}
.mokInp{float:left;width: 100%;text-align: center;color:#09428f!important;font-size:14px;margin:3px 0 10px;padding:0 0 10px 0;border-bottom:1px solid #09428f;}
.mokIn p b{color:#09428f;}
.mokSend{float:left;background-color: #01428e;color:#fff;padding:5px;width: 120px;margin:10px calc(50% - 60px);text-align: center;}

.baLeft{float:left;width: 65%;}
.balFirst{float:left;width: 100%;height:270px;margin:10px 0;position:relative;display: flex;align-items: center;justify-content: center;}
.balFirst img{float:left;width: 100%;height: 100%;object-fit: cover;}

.balDouble{float:left;width: 49%;height:320px;margin:10px 2% 10px 0;position:relative;}
.balDouble img{float:left;width: 100%;height: 100%;object-fit: cover;}
.balDouble:last-child{margin:10px 0 10px 0;}
.baldCover{float:left;width: 100%;height: 100%;position:absolute;left:0;top:0;background:linear-gradient(90deg, #ffffff60 0%, #ffffff30 50%, #ffffff10 100%);}
.baldContent{float:left;width: 65%;height: 90%;position:absolute;left:0;top:0;margin: 5%;}
.baldContent p{float:left;width: 100%;font-size:30px;color:#393939;font-weight: 800;line-height: 36px;margin:10px 0;text-transform: uppercase;}
.baldContent span{float:left;width: 100%;font-size:20px;color:#393939;font-weight: 600;margin:10px 0;}
.baldContent a{float:left;padding:10px 25px;background-color: #fff;color:#a0ad37;font-weight: 700;text-transform: uppercase;margin:10px 0;box-shadow: 0 0 5px 0 #ccc;}
.balddd{color:#09428f!important;}

.baRight{float:left;width: 33%;margin:10px 0 0 2%;height:560px;position:relative;}
.barbCover{float:left;width: 100%;height: 100%;position:absolute;left:0;top:0;background:linear-gradient(180deg, #ffffff60 0%, #ffffff30 50%, #ffffff10 100%);}
.barBanner{float:left;width: 100%;height: 100%;}
.baRight img{float:left;width: 100%;height: 100%;object-fit: cover;}
.barbContent{float:left;width: 100%;height: 100%;position:absolute;padding:5% 7%}
.barbContent p{float:left;width: 100%;font-size:28px;color:#393939;font-weight: 800;line-height: 42px;margin:10px 0;text-transform: uppercase;}
.barbContent p span{color:#09428f;font-size:28px;font-weight: 800;width: auto;line-height: 42px;margin:0 3px;}
.barbContent span{float:left;width: 100%;font-size:24px;color:#393939;font-weight: 600;margin:10px 0;}
.barbContent a{float:left;padding:10px 25px;background-color: #fff;color:#393939;font-weight: 700;text-transform: uppercase;margin:10px 0;box-shadow: 0 0 5px 0 #ccc;}

.baFull{float:left;width: 100%;margin:20px 0;}
.bafBanner{float:left;width: 18.4%;margin:0 2% 0 0;height:320px;position:relative;transition: 0.6s;box-shadow: 0 0 5px 1px #999;}
.bafBanner:last-child{float:left;margin:0;}
.bafbCover{float:left;width: 100%;height: 100%;position:absolute;left:0;top:0;background-color: #09428f70;transition:0.6s;}
.bafBanner img{float:left;width: 100%;height: 100%;object-fit: cover;}
.bafbContent{float:left;width: 90%;height: 90%;margin:5%;position:absolute;left:0;top:0;text-align: center;}
.bafbContent p{float:left;width: 100%;color:#fff;font-size:20px;font-weight: 700;text-transform: uppercase;transition:0.6s;}
.bafbContent span{float:left;width: 100%;color:#fff;font-size:16px;font-weight: 600;text-transform: uppercase;transition:0.6s;}
.bafBanner:hover{box-shadow: 0 0 5px 1px #666;}
.bafBanner:hover .bafbCover{background-color:#ffffff30;}
.bafBanner:hover .bafbContent p{color:#09428f;}
.bafBanner:hover .bafbContent span{color:#09428f;}

.descArea{float:left;width: 100%;background-color: #09428f;padding:5% 20px;}
.descArea h2{float:left;width: 100%;color:#ddd;font-size:36px;font-weight: 700;text-align: center;line-height: 48px;text-transform: uppercase;margin:10px 0;}
.descArea p{float:left;width: 70%;color:#ddd;text-align: center;font-weight: 500;margin:10px 15%}
.daImage{float:left;width: 620px;height:620px;border-radius: 50%;background-color: #09428f;border-radius: 50%;display: flex;align-items: center;justify-content: center;box-shadow: 0 0 15px 1px #222;margin:5% calc(50% - 310px);position:relative;margin-bottom:-370px;}
.daOut{float:left;width: 500px;height: 500px;background-color: #275da4;border-radius: 50%;display: flex;align-items: center;justify-content: center;box-shadow: 0 0 15px 1px #222;}
.daImage img{float:left;width: 350px;height:350px;object-fit:cover;border-radius: 50%;box-shadow: 0 0 20px 1px #222;}
.daImage video{float:left;width: 350px;height:350px;object-fit:cover;border-radius: 50%;box-shadow: 0 0 20px 1px #222;}
.daText1{float:left;width: auto;padding:12px 40px;background-color: #ffffffc5;position:absolute;border-radius: 20px;left:15%;top:40px;box-shadow: 0 0 15px -7px #222;}.daText1 p{float:left;width:100%;color:#09428f;font-weight:800;text-align: center;font-size:20px;line-height: 30px;margin:3px 0;text-transform: uppercase;}
.daText2{float:left;padding:18px 20px 15px;background-color: #ffffffc5;position:absolute;border-radius: 20px;right:-15%;top:20%;box-shadow: 0 0 15px -7px #222;}.daText2 p{float:left;width:100%;color:#09428f;font-weight:800;text-align: center;font-size:20px;line-height: 30px;margin:3px 0;text-transform: uppercase;}
.daText3{float:left;max-width: 180px;padding:10px 25px;background-color: #ffffffc5;position:absolute;border-radius: 20px;right:-3%;bottom:15%;box-shadow: 0 0 15px -7px #222;}.daText3 p{float:left;width:100%;color:#09428f;font-weight:800;text-align: center;font-size:20px;line-height: 30px;margin:3px 0;text-transform: uppercase;}
.daText4{float:left;max-width: 180px;padding:10px 20px;background-color: #ffffffc5;position:absolute;border-radius: 20px;left:10%;bottom:5%;box-shadow: 0 0 15px -7px #222;}.daText4 p{float:left;width:100%;color:#09428f;font-weight:800;text-align: center;font-size:20px;line-height: 30px;margin:3px 0;text-transform: uppercase;}
.daText5{float:left;max-width: 180px;padding:20px 20px;background-color: #ffffffc5;position:absolute;border-radius: 20px;left:-12%;top:45%;box-shadow: 0 0 15px -7px #222;}.daText5 p{float:left;width:100%;color:#09428f;font-weight:800;text-align: center;font-size:20px;line-height: 30px;margin:3px 0;text-transform: uppercase;}

.basinArea{float:left;width: 100%;padding:400px 15% 0;background-color:#f5f5f5;}
.basinArea h3{float:left;width: 100%;text-align: center;font-size:36px;font-weight: 900;text-transform: uppercase;letter-spacing: 0px;margin:10px 0 0;color:#393939}
.basinArea h4{float:left;width: 100%;text-align: center;font-size:32px;font-weight: 700;text-transform:uppercase;margin:10px 0;color:#393939;}
.basinOut{float:left;width: 100%;box-shadow: 0 0 10px -2px #00000060;margin:10px 0;transition: 0.6s;height: 70px;}
.basinOut:hover{box-shadow: 0 0 15px -2px #00000070;}
.baoLeft{float:left;width: 250px;height:100%;border-right: 1px solid #ccc;padding:3px 10px;}
.baoLeft img{float:left;width: 100%;height: 100%;object-fit: contain;}
.baoMid{float:left;width: calc(100% - 500px);height:100%;border-right: 1px solid #ccc;display:flex;align-items: center;justify-content: center;padding:0 3%;}
.baoMid p{float:left;width: 100%;line-height: 27px;font-size:18px;font-weight: 700;color: #393939;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.baoRight{float:left;width: 250px;height:100%;padding:0 10px;display: flex;align-items: center;justify-content: center;}
.baoRight p{font-weight: 600;font-size:18px;color:#595959;text-align: center;}
.basinArea a{float:left;width: 140px;background-color: #a0ad37;font-size:14px;font-weight: 600;color:#ddd;padding:12px 0;text-align: center;text-transform: uppercase;margin:20px calc(50% - 70px);}

.videoArea{float:left;width: 100%;padding:20px 15%;margin:20px 0;}
.videoArea h3{float:left;width: 100%;text-align: center;font-size:36px;font-weight: 600;margin:10px 0 0;}
.videoArea h3 b{font-weight: 800;}
.videoArea p{float:left;width: 100%;text-align: center;font-weight: 600;margin:5px 0 30px;}
.videoOut{float:left;width: 23%;height:320px;margin:0 1%;position:relative;transition:0.6s;cursor:pointer;}
.videoOut:last-child{margin:0;}
.videoCover{float:left;width: 100%;height: 100%;position:absolute;left:0;top:0;display: flex;align-items: center;justify-self: center;background: linear-gradient(180deg, #09428f70 0%, #09428f70 60%, #ffffff90 85%, #ffffffca 90%, #ffffff 100% );transition:0.6s;z-index:3;}
.videoCover img{float: left;width: 56px;height: 56px;object-fit: contain;filter:invert(1);margin:0 calc(50% - 28px);}
.voImg{float:left;width: 100%;height: 100%;object-fit: cover;}
.videoContent{float:left;display:block;width: 100%;max-height:100%;overflow:hidden;z-index:9;position: absolute;left:0%;bottom:0%;transition:0.6s;}
.videoContent p{float:left;width: 100%;text-align: center;color:#09428f;font-size: 15px;margin:10px 0;font-weight: 600;}
.videoOut:hover{box-shadow: 0 0 5px 1px #999888;}
.videoOut:hover .videoCover{background:#00000020;}
.videoOut:hover .videoContent{display: none;}
.vidBtn{float:left;width: 200px;padding:12px 20px;background-color:#a0ad37;color:#fff;font-size:15px;font-weight: 600;margin:30px calc(50% - 100px);text-align: center;}

.sss{float:left;width: 100%;padding:5% 20%;background-size:cover;background-position: center;}
.sss h3{float:left;width: 100%;font-size:32px;font-weight: 700;margin:10px 0 0;text-transform: uppercase;line-height: 42px;color:#393939;}
.sss h3 b{float:left;width:100%;font-weight: 800;color:#393939;}
.colsArea{float:left;width: 75%;margin:50px 0 20px;box-shadow: 0 0 10px 0 #cacaca;background-color: #fff;}
.colsOut{border-bottom:1px solid #ccc;padding:10px 0;}
.cols {float:left;width: 100%;background-color: #fff;color: #393939;cursor: pointer;padding:5px 18px;width: 100%;border: none;text-align: left;outline: none;font-size: 15px;font-weight: 700;}
.colsActive, .cols:hover {background-color: #fff;}
.cols:after {content: '\f078';font-family: 'Font Awesome 5 Free'; color: #393939;font-weight: bold;float: right;margin-left: 5px;}
.colsActive:after {content: '\f077';font-family: 'Font Awesome 5 Free'; }
.colsContent {padding: 0 18px;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;background-color: #fff;font-weight: 500;color:#393939;font-size:15px;}
.sssBtn{float:left;width: auto;padding:12px 20px;background-color:#a0ad37;color:#fff;font-size:15px;font-weight: 600;margin:10px calc(50% - 150px) 30px 0;}

footer{float:left;width: 100%;background-color: #f5f5f5;padding:0;box-shadow: 0 0 2px 0 #c5c5c5;}
.footerTop{float:left;width: 100%;padding:20px 10%;}
.ftLeft{float:left;width: 30%;}
.ftLogo{float:left;width: 100%;}
.ftLogo img{float:left;max-width: 180px;}
.ftDesc{float:left;max-width: 300px;margin:10px 0;color:#676767;font-size: 14px;font-weight: 400;}
.ftSocial{float:left;width: 100%;}
.ftSocial a{float:left;width: 35px;height: 35px;border-radius: 50%;margin:0 5px;border:2px solid #676767;display: flex;align-items: center;justify-content: center;}
.ftSocial a img{float: left;width: 18px;height: 18px;object-fit: contain;filter:contrast(0.6);}
.ftMenu{float:left;width: 20%;margin:0 5% 0 0;}
.ftMenu h5{float:left;width: 100%;color:#09428f;font-weight: 500;font-size:18px;margin:0 0 10px;font-weight: 600;text-transform: uppercase;}
.ftMenu a{float:left;width: 100%;margin:5px 0;font-size:14px;color:#676767;font-weight: 500;}
.ftContact{float:left;width: 20%;}
.ftContact h5{float:left;width: 100%;color:#09428f;font-weight: 500;font-size:18px;margin:0 0 10px;font-weight: 600;text-transform: uppercase;}
.ftContact p{float:left;width: 100%;color:#676767;font-size:14px;}
.ftContact a{float:left;width: 100%;font-weight: 600;color:#676767;font-size:16px;letter-spacing: 1px;}
.ftContact a:last-child{margin:10px 0 0;color:#08428f;font-size:15px;}
.footerMid{float:left;width: 100%;padding:10px 10%;border-top:1px solid #ccc;}
.fmLeft{float:left;max-width: 50%;margin:10px 0;}
.fmLeft p{float:left;width: 100%;font-size:14px;letter-spacing: -0.5px;color:#676767;margin:0;}
.fmRight{float:right;max-width: 50%;display:flex;align-items: center;justify-content: center;margin:10px 0;}
.fmrItem{float:left;padding:0 7px;height:14px;margin:0;border-right:1px solid #222;}.fmrItem a{float:left;font-size:14px;font-weight: 500;color:#676767;line-height: 14px;margin:0;letter-spacing: -0.5px;}
.fmrItem:last-child{border-right:none;}
.footerBottom{float:left;width: 100%;padding:20px 10%;background-color: #09428f;margin:0 0 20px 0;}
.footerBottom p{float:left;width: 60%;color:#fff;font-size:20px;font-weight: 600;line-height: 32px;margin:0;}
.footerBottom a{float:right;padding:15px 25px;background-color: #a0ad37;color:#fff;margin:20px 0 0;text-transform: uppercase;font-weight: 500;font-size:12px;}
.footerLine{float:left;width: 100%;height: 8px;background:linear-gradient(90deg, #09428f 10%, #a0ad37 100%)}

.breadCrump{float:left;width: 100%;height: 25vh;position:relative;background-size:cover;background-position: center;background-attachment: fixed;display:flex;align-items: center;justify-content: center;box-shadow: 0 2px 10px -2px #666;}
.bcCover{float:left;width: 100%;height: 100%;position:absolute;left:0;top:0;background: linear-gradient(140deg, #09428fcf 0%, #000000c9 100%);z-index:2;}
.bcContent{float:left;position:relative;z-index:3;}
.bcContent h1{float:left;width: 100%;text-align: center;color:#bed03e;font-size:36px;font-weight: 700;margin:5px 0;}
.bcContent p{float:left;width: 100%;text-align: center;color:#f2f2f2;margin:5px 0;font-weight: 500;}
.aboutArea{float:left;width: 100%;padding:3% 10% 5%;margin:0;background-size:cover;background-position: center;}
.aboutContent{float:left;width:55%;margin:10px 5% 0 0;}
.aboutArea img{float:right;width: 40%;height:400px;object-fit:cover;margin:15px 0 0;border-radius: 5px;box-shadow: 0 0 10px 1px #999;}
.aboutArea h2{float:left;width: 100%;text-align: center;color:#09428f;font-size:24px;font-weight: 700;}
.aboutArea p{float:left;width: 100%;margin:7px 0;line-height: 20px;font-weight: 500;}
.aaContent{float:left;width: 100%;min-height: 400px;display:flex;align-items: center;justify-content: center;flex-direction: column;}

.pageArea{float:left;width: 100%;padding:3% 10% 5%;margin:0;background-size:cover;background-position: center;position:relative;}
.paCover{float:left;width: 100%;height: 100%;background-color: #ffffff60;position:absolute;left:0;top:0;}
.pageLeft{float:left;width: 20%;margin:0;position:relative;z-index:5;}
.pageRight{float:left;width: 78%;margin:0 0 0 2%;position:relative;display: flex;align-items: center;justify-content: center;flex-direction: column;position:relative;z-index:5;}
.paMenu{float:left;width: 100%;padding:5px 10px;box-shadow: 0 0 5px 0 #d8d8d8;border-radius: 5px;transition:0.6s;}
.paMenu h3{float:left;width: 100%;margin:10px 0;color:#09428f;text-align: center;font-weight: 700;font-size:20px}
.paMenu a{float:left;width: 100%;margin:3px 0;border:1px solid #ddd;box-shadow:0 0 5px 0 #ddd;background: linear-gradient(90deg #fff 0%, #fff 100%);padding:8px 15px;color: #09428f;;font-size:15px;font-weight: 500;border-radius: 3px;transition: 0.6s;}
.paMenu a:hover{border:1px solid #aaa;box-shadow: 0 0 8px 0 #aaa;background: linear-gradient(90deg, #09428f 0%, #09428fda 60%, #09428f90 100%);color:#fff;font-weight: 700;}
.paMenuActive{background: linear-gradient(150deg, #09428f 0%, #09428fda 60%, #09428f90 100%);color:#fff!important;font-weight: 700;}
.paContact{float:left;width: 100%;padding:10px 20px 20px;box-shadow:0 0 5px 0 #aaa;border-radius:5px;background-color:#09428f;margin:20px 0 0;}
.paContact h3{float:left;width: 100%;color:#fff;text-align:center;font-weight: 700;font-size:20px;}
.paContact a{float:left;width: 100%;margin:5px 0;border:1px solid #00000050;box-shadow: 0 0 5px 0 #00000050;padding:10px 15px;background-color:#fff;color:#09428f;font-size:15px;font-weight: 600;line-height: 18px;border-radius: 3px;transition:0.2s;}
.paContactImg{float:left;max-width: 18px;height: 18px;margin:0 5px 0 0;object-fit: contain;transition:0.6s;}
.paContact a:hover{border:1px solid #00000070;box-shadow: 0 0 5px 0 #00000070;background: linear-gradient(90deg, #09428f 0%, #ffffff05 60%, #ffffff10 100%);color:#fff;font-weight: 700;}
.paContact a:hover .paContactImg{filter:brightness(30);}

.pageContent{float:left;width:100%;margin:10px 0 0 0;}
.pageContent table {font-family: arial, sans-serif;border-collapse: collapse;width: 100%;}
.odeme_table{float: left;width: 100%;}
.odeme_half{float:left;width: 48%;margin:5px 2% 5px 0;}
.odeme_half:last-child{float:left;width: 48%;margin:5px 0 5px 0;}
.pageContent td,.pageContent  th {border: 1px solid #dddddd;text-align: left;padding: 12px 10px;}
.pageContent tr{background-color: #fff;}
.pageContent tr td p{float:left;font-weight: 600;width: auto;font-size:14px;margin:0;}
.pageContent tr td h5{float:right;font-weight:400;width: auto;font-size:14px;margin:0;}
.pageContent tr:nth-child(even) {background-color: #f2f2f2;}
.pageContent tr:first-child {background-color: #555;}
.pageContent tr:first-child td{color:#fff;}
.pageRight img{float:left;max-width: 100%;max-height:400px;object-fit:cover;margin:15px auto 0;border-radius: 5px;box-shadow: 0 0 10px 1px #999;}
.pageRight h2{float:left;width: 100%;text-align: center;color:#09428f;font-size:24px;font-weight: 700;}
.pageRight p{float:left;width: 100%;margin:7px 0;line-height: 20px;font-weight: 500;}
.ppContent{float:left;width: 100%;}
.ppContent h3{margin:0;}

.servicesArea{float:left;width: 100%;padding:0 8%;margin:2% 0;min-height: 350px;}
.servicesOut{float:left;width: 25%;height:280px;padding:1%;}
.servicesIn{float:left;width: 100%;height: 100%;position:relative;box-shadow: 0 0 5px 1px #ccc;border-radius: 10px;transition: 1s;}
.servicesIn h3{float:left;width: 100%;text-align: center;font-size:20px;text-align: center;position:absolute;left:0;bottom:0;z-index:5;color:#fff;transition:0.6s;opacity: 1;}
.servicesCover{float:left;opacity:0.7;width: 100%;height: 100%;position:absolute;left:0;top:0;background:linear-gradient(0deg, #09428fda 0%, #09428f50 60%, #09428f20 100%);z-index:3;transition:0.6s;border-radius: 10px;}
.servicesIn img{float:left;width: 100%;height: 100%;object-fit:cover;position:absolute;left:0;top:0;border-radius: 10px;}
.servicesContent{float:left;width: 100%;height: 100%;position:absolute;left:0;top:0;background-color: #00000020;z-index:4;display: flex;align-items: center;justify-content: center;flex-direction: column;transition:0.6s;border-radius: 10px;opacity: 0;}
.servicesContent a{float:left;width: 100%;text-align: center;font-size:20px;font-weight: 700;margin:5px 0 0;color:#f2f2f2;}
.servicesContent p{float:left;width: 100%;text-align: center;font-size:16px;font-weight: 500; margin:5px 0;color:#f2f2f2;}
.servicesIn:hover{box-shadow: 0 0 5px 1px #999;}
.servicesIn:hover .servicesCover{opacity: 1;background:linear-gradient(0deg, #09428fda 0%, #09428f80 60%, #09428f60 100%);}.servicesIn:hover .servicesContent{opacity: 1;}

.serviceArea{float:left;width: 100%;margin:3% 0;padding:0 8%;}
.serviceLeft{float:left;width: 20%;margin:0;}
.slMenu{float:left;width: 100%;padding:5px 10px;box-shadow: 0 0 5px 0 #d8d8d8;border-radius: 5px;transition:0.6s;}
.slMenu h3{float:left;width: 100%;margin:10px 0;color:#09428f;text-align: center;font-weight: 700;font-size:20px}
.slMenu a{float:left;width: 100%;margin:3px 0;border:1px solid #ddd;box-shadow:0 0 5px 0 #ddd;background: linear-gradient(90deg #fff 0%, #fff 100%);padding:8px 15px;color: #09428f;;font-size:15px;font-weight: 500;border-radius: 3px;transition: 0.6s;}
.slMenu a:hover{border:1px solid #aaa;box-shadow: 0 0 8px 0 #aaa;background: linear-gradient(90deg, #09428f 0%, #09428fda 60%, #09428f90 100%);color:#fff;font-weight: 700;}
.slMenuActive{background: linear-gradient(150deg, #09428f 0%, #09428fda 60%, #09428f90 100%);color:#fff!important;font-weight: 700;}
.slContact{float:left;width: 100%;padding:5px 10px 10px;box-shadow:0 0 5px 0 #aaa;border-radius:5px;background-color:#09428f;margin:20px 0 0;}
.slContact h3{float:left;width: 100%;color:#fff;text-align:center;font-weight: 700;font-size:20px;}
.slContact a{float:left;width: 100%;margin:5px 0;border:1px solid #00000050;box-shadow: 0 0 5px 0 #00000050;padding:10px 15px;background-color:#fff;color:#09428f;font-size:14px;font-weight: 600;line-height: 18px;border-radius: 3px;transition:0.2s;}
.slContactImg{float:left;max-width: 18px;height: 18px;margin:0 5px 0 0;object-fit: contain;transition:0.6s;}
.slContact a:hover{border:1px solid #00000070;box-shadow: 0 0 5px 0 #00000070;background: linear-gradient(90deg, #09428f 0%, #ffffff05 60%, #ffffff10 100%);color:#fff;font-weight: 700;}
.slContact a:hover .slContactImg{filter:brightness(30);}

.serviceRight{float:left;width: 78%;margin:0 0 0 2%;position:relative;}
.serviceRight h2{float:left;width: 100%;font-size:24px;line-height: 30px;color:#09428f;text-align: center;margin:10px 0;font-weight: 800;text-shadow: 1px 1px #999;}
.serviceRight img{float:left;width: 97%;height:60vh;object-fit:cover;margin:0 1.5%;border-radius: 5px 5px 10px 10px;box-shadow: 0 0 10px 0 #666;}
.serviceContent{float:left;width: 100%;margin:20px 0 0;background-color:#ffffffad;z-index: 9;box-shadow: 0 0 5px #666;padding:10px 15px;border-radius: 10px;position:relative;}
.serviceContent p{float:left;width: 100%;font-weight: 500;margin:8px 0;line-height: 20px;letter-spacing: 0.5px;text-shadow: 0 1px #ccc;}
.serviceContent h2, .serviceContent h3, .serviceContent h4, .serviceContent h5, .serviceContent h6{float:left;width: 100%;margin:20px 0 10px 0;}

.newsSlideArea{float:left;width: 100%;margin:30px 0;}
.slider-container {float:left;position: relative;width: 83.5%;height: 60vh;margin: 0 1.5% 0 0;;overflow: hidden;border-radius: 10px;box-shadow: 0 0 10px 0 #000000dd;}
.slider {display: flex;transition: transform 0.5s ease-in-out;width: 100%;height: 100%;}
.slide {min-width: 100%;height:100%;position: relative;}
.slideCover{position:absolute;left:0;top:0;width: 100%;height: 100%;background-color: #22222270;}
.slide img {width: 100%;height: 100%;object-fit: cover;}
.slide-content {position: absolute;bottom: calc(50% - 200px);left: 10%;color: white;padding: 30px 50px;border-radius: 25px 5px 15px 5px;width:500px;height:220px;background-color:#09428fad;display: flex;justify-content: center;flex-direction: column;z-index:5;}
.slide-content h3 {font-size: 28px;font-weight:600;margin: 0 0 10px 0;color:#fff!important;text-align: left!important;}
.slide-content h4 {font-size: 24px;font-weight:500;margin: 15px 0;color:#fff;}
.slide-content p {font-size: 1rem;margin: 15px 0 30px;color:#fff;}
.slide-content .buttons {position: absolute;bottom: 10px;right: 0px;}
.slide-content .buttons a {background: linear-gradient(120deg, #25528dda 0%, #09428fee 35%, #09428f 70%);color: white;border: none;padding: 10px 15px;border-radius: 0 0 15px 0;cursor: pointer;transition: background 0.3s;font-size:16px;font-weight: 500;}
.slide-content .buttons a:hover {background: #09428f;}
.controls {position: absolute;top: calc(50% - 10px);transform: translateY(-50%);width: 100%;display: flex;justify-content: space-between;pointer-events: none;}
.controls button {position:absolute;pointer-events: all;background: rgba(0, 0, 0, 0.5);color: white;border: none;padding:13px 15px;cursor: pointer;border-radius: 50%;transition: background 0.3s;font-size:14px;}
#prev{left:20px;padding:13px 17px 13px 15px;}
#next{right:20px;padding:13px 15px 13px 17px;}
.controls button:hover {background: linear-gradient(120deg, #09428f 0%, #09428f 35%, #09428f 70%);}

.slideNews{float:left;width: 15%;}
.snArea{float:left;width:94%;height:125px;margin:0 10px 15px;position:relative;border-radius: 10px;box-shadow: 0 0 10px 0 #000000dd;}
.snArea:last-child{margin:0 10px 0;}
.snaCover{float:left;width: 100%;height: 100%;position:absolute;left:0;top:0;border-radius: 10px;background-color: #09428f40;z-index:3;transition:0.6s;}
.snaCover:hover{background-color:#09428fcc;}
.snArea img{float: left;width: 100%;height: 100%;object-fit: cover;border-radius: 10px;}
.snArea p{float:left;position: absolute;left:5%;bottom:0;width: 90%;color:#fff;z-index:5;}

.blogsCategories{float:left;width:100%;margin:10px 0 20px;}
.bscOut{float:left;width: 20%;padding:10px;height: 180px;}
.bscIn{float:left;width: 100%;height: 100%;position:relative;border-radius: 10px;overflow: hidden;}
.bscIn img{float:left;width: 100%;height: 100%;object-fit: cover;}
.bscCover{float:left;position:absolute;width: 100%;height: 100%;background: linear-gradient(0deg, #09428fda 0%, #09428f40 35%, #ffffff05 70%, #ffffff10 100%);left:0;top:0;}
.bscContent{float:left;width: 100%;height:auto;position:absolute;left:0;bottom:0;padding:5px 10px 10px;}
.bscContent p{float:left;width: 100%;color:#fff;text-align: center;font-weight: 500;font-size:20px;margin:5px 0;}
.blogsArea{float:left;width: 100%;padding:0 8%;}
.blogsArea h2{float:left;width: 100%;font-size:24px;font-weight: 600;color:#09428f;margin:20px 0 10px;text-align: center;}
.blogsArea h3{float:left;width: 100%;font-size:20px;font-weight: 600;color:#09428f;margin:20px 0 10px;text-align: center;}
.blogsOut{float:left;width: 33%;padding:1.25%}
.blogsIn{float:left;width: 100%;border-radius:10px;box-shadow: 0 0 10px -2px #666;transition:0.6s;}
.blogsImg{float:left;width: 100%;height: 35vh;position:relative;border-radius: 10px;transition:0.6s;}
.blogsImg img{float:left;width: 100%;height: 100%;position:absolute;left:0;top:0;object-fit: cover;z-index:1;border-radius: 10px;transition:0.6s;}
.blogsImg h5{float:left;width: calc(90% - 70px);height:50px;position:absolute;left:5%;bottom:5%;z-index:5;color:#fff;font-size:24px;line-height:25px;font-weight: 500;margin:0;transition:0.6s;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.blogsImg span{float:right; width:60px;text-align:right;position:absolute;right:5%;bottom:5%;z-index:5;color:#fff;font-size:16px;font-weight: 500;line-height: 24px;transition:0.6s;}
.blogsCover{float:left;width:100%;height:100%;position:absolute;left:0;top:0;background: linear-gradient(0deg, #09428fad 0%, #09428f60 20%, #09428f40 40%, #ffffff50 70%, #ffffff40 100%);z-index:2;border-radius: 10px;transition:0.6s;}
.blogsContent{float:left;width: 90%;height: 90%;display: flex;align-items: center;overflow: hidden;color:#fff;position:absolute;left:5%;top:1%;z-index:5;opacity: 0;border-radius: 10px;transition:1s;}
.blogsContent p{color:#fff;font-weight: 600;}
.blogsIn:hover{box-shadow: 0 0 10px 0 #555;}
.blogsIn:hover .blogsCover{background: linear-gradient(0deg, #09428fda 0%, #09428fad 20%, #09428f90 40%, #09428f70 70%, #09428f40 100%);}
.blogsIn:hover .blogsContent{opacity:1;}

.blogArea{float: left;width: 100%;margin:3% 0;padding:0 8%;}
.blogLeft{float:left;width: 68%;margin:0 3% 0 0;}
.blImg{float:left;width: 100%;max-height: 600px;position:relative;border-radius: 10px;}
.blImg img{float:left;width:100%;height:100%;object-fit:cover;box-shadow: 0 0 10px -2px #666;border-radius: 10px;}
.blTop{float:left;width: 100%;position:absolute;left:0;top:0;padding:20px 30px 30px;z-index:3;background: linear-gradient(180deg, #09428fad 0%, #09428f90 20%, #09428f50 40%, #09428f05 80%, #09428f05 100%);border-radius: 10px;}
.blTop span{float:left;max-width:60%;margin:0;color:#fff;font-weight: 700;font-size:20px;}
.blTop h2{float:left;max-width: 60%;height: auto;margin:0;color:#fff;font-weight: 600;font-size:24px;}
.blShare{float:right;max-width: 40%;}
.blShare a{float:left;width: 32px;height: 32px;background: linear-gradient(0deg, #000000da 0%, #000000ad 20%, #00000090 40%, #00000070 70%, #ffffff70 85%);margin:0 5px;padding:7px;border-radius: 50%;}
.blShare a:first-child{background:transparent;padding:2px;width: 30px;height: 30px;margin:1px 10px 0 0;}
.blShare a:nth-child(3){padding:9px;}.blShare a:nth-child(4){padding:8px;}
.blShare img{float:left;width: 100%;height: 100%;filter:invert(1);border-radius: 0!important;box-shadow: none!important;}
.blContent{float:left;width: 98%;background-color: #ffffff90;margin:20px 1% 0;position:relative;z-index: 9;padding:5px 20px;border-radius: 10px;box-shadow: 0 0 10px -1px #bbb;;}
.blContent h2{float:left;width:calc(100% - 120px);font-size:20px;font-weight:700;margin:10px 0 0;color:#09428f;}
.blContent span{float:right;width: 120px;font-size:16px;margin:10px 0 0;font-weight: 700;text-align: right;color:#09428f;}
.blcDetail{float: left;width: 100%;margin:5px 0 10px;font-weight: 500;color:#393939;}
.belgeArea{float:lefT;width: 100%;margin:15px 0 20px;}
.belgeArea img{float:left;width: 35px;height:35px;object-fit:contain;margin:0 5px 0 0;}
.belgeArea p{float:left;color:#01428e;font-weight: 600;line-height: 35px;font-size:20px;font-weight:500;margin:0;}
.blTags{float:left;width: 100%;margin:20px 0 10px;}
.blTags h4{float:left;width: auto;color:#09428f;font-weight: 600;margin:5px 10px;font-size:18px;line-height: 32px;}
.blTags a{float:left;box-shadow: 0 0 5px 0 #555;margin:5px;padding:5px 15px;border-radius: 20px;}

.blogRight{float:right;width: 29%;}
/*.brCat{float:left;width:100%;box-shadow: 0 0 10px -2px #999;padding:10px;border-radius: 10px;background:linear-gradient(180deg, #09428f 0%, #09438fee 70%, #09428fda 90%);}*/
.brCat{float:left;width:100%;box-shadow: 0 0 10px -1px #ccc;padding:5px;border-radius: 10px;background:linear-gradient(180deg, #fff 0%, #fff 70%, #fff 90%);}
.brCat a{float:left;width: 46%;height:90px;margin:2%;position:relative;border-radius: 10px;box-shadow: 0 0 10px -3px #666;;}
.brcCover{float:left;width: 100%;height: 100%;position:absolute;left:0;top:0;background: linear-gradient(10deg, #09428fda 0%, #09428fad 15%, #09428f60 25%, #09428f30 50%);border-radius: 10px;}
.brCat a img{float:left;width: 100%;height: 100%;object-fit: cover;border-radius: 10px;}
.brCat a p{float:left;width: 100%;position:absolute;left:0;bottom:0;color:#fff;z-index:3;padding:5px 10px 10px;margin:0;font-weight: 600;font-size:16px;}

.brLatest{float:left;width: 100%;margin:20px 0;box-shadow: 0 0 10px -1px #ccc;padding:10px 15px;}
.brLatest h3{float:left;width: 100%;font-size:20px;font-weight: 700;margin:5px 0 10px;text-align: center;}
.brLatest a{float:left;width: 100%;height: 70px;background-color: #09428f;box-shadow: 0 0 10px -2px #222;border-radius: 10px;margin:7px 0;display: flex;align-items: center;justify-content: center;}
.brLatest a img{float:left;width: 100px;height: 70px;object-fit: cover;border-radius:10px 0 0 10px;margin:0 10px 0 0;}
.brLatest a p{float:left;width: calc(100% - 110px);max-height:60px;color:#fff;font-size:16px;font-weight: 600;margin:0;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}

.galleryArea{float:left;width: 100%;margin:3% 0;padding:0 8%;}
.galleryOut{float:left;width: 25%;padding:0.8% 1%}
.galleryIn{float:left;width: 100%;border-radius:10px;box-shadow: 0 0 10px -2px #666;transition:0.6s;}
.galleryImg{float:left;width: 100%;height: 20vh;position:relative;border-radius: 10px;transition:0.6s;}
.galleryImg img{float:left;width: 100%;height: 100%;position:absolute;left:0;top:0;object-fit: cover;z-index:1;border-radius: 10px;transition:0.6s;}
.galleryImg h5{float:left;width: 94%;text-align:center;position:absolute;left:3%;bottom:5%;z-index:5;color:#fff;font-size:16px;font-weight: 500;margin:0;transition:0.6s;}
.galleryCover{float:left;width:100%;height:100%;position:absolute;left:0;top:0;background: linear-gradient(0deg, #09428fad 0%, #09428f60 10%, #09428f40 20%, #ffffff50 40%, #ffffff40 50%);z-index:2;border-radius: 10px;transition:0.6s;}
.galleryContent{float:left;width: 90%;height: 90%;display: flex;align-items: center;overflow: hidden;color:#fff;position:absolute;left:5%;top:1%;z-index:5;opacity: 0;border-radius: 10px;transition:0.6s;}
.galleryContent p{float:left;width:100%;text-align:center;color:#fff;font-weight: 500;font-size:14px;}
.galleryIn:hover{box-shadow: 0 0 7px 0 #555;}
.galleryIn:hover .galleryCover{background: linear-gradient(0deg, #09428fda 0%, #09428fad 20%, #09428f90 40%, #09428f70 70%, #09428f40 100%);}
.galleryIn:hover .galleryContent{opacity:1;}

.galleryDetail{float:left;width: 100%;height: 100vh;position:fixed;top:0;left:0;z-index:99;display:flex;align-items: center;justify-content: center;display:none;}
.gdOut{float:left;max-width: 90%;max-height: 90vh;}
.gdCover{float:left;width: 100%;height: 100vh;position:absolute;left:0;top:0;background-color: #000000da;z-index:2;cursor:pointer;}
.gdClose{float:left;position: absolute;right:-2%;top:-2%;z-index:4;background-color: #ffffff;font-size:24px;font-weight: 800;padding:5px 14px 8px;border-radius: 50%;color:#09428f;cursor:pointer;box-shadow: 0 0 10px -2px #666;}
.gdIn{float:left;width: 100%;max-height: 92%;position:relative;display: flex;align-items: center;justify-content: center;}
/*#gdImage{width:800px;height:800px;display: flex;align-items: center;justify-content: center;}*/
.gdIn img{float:left;width: 100%;max-height: 100%;object-fit: cover;position:relative;z-index:3;}
.gdcContent{float:left;width: 100%;max-height: 90vh;position:relative;z-index:3;background-color: #fff;padding:3% 5%;overflow-y:scroll;overflow-x: hidden;}
.gdcContent h3{float:left;width: 100%;text-align: center;color:#01428e;font-weight: 600;font-size:20px;}
.gdiContent{float:left;width: 90%;height:auto;position:absolute;bottom:0;left:0;z-index:4;color:#fff;background: linear-gradient(0deg, #09428fda 0%, #09428fad 40%, #09428f40 100%);padding:10px 20px;}
.gdiContent p{float:left;width: 100%;color:#fff;margin:3px 0;text-align: center;}

.galleryCategory{float:left;width: 100%;display: flex;align-items: center;justify-content: center;margin:5px 0 20px;}
.galleryCategory a{float:left;padding:10px 20px;background-color: #fff;color: #094209;;border-right:1px solid #09428f;border-top:2px solid #09428f;border-bottom:2px solid #09428f;transition:0.6s;}
.galleryCategory a:first-child{border-radius: 20px 0 0 20px;border-left:2px solid #09428f;}
.galleryCategory a:last-child{border-radius: 0 20px 20px 0;border-right:2px solid #09428f;}
.galleryCategory a:hover{background-color:#09428f!important;color:#fff!important;}
.galleryCatActive{background-color:#09428fee!important;color:#fff!important;}

.contactArea{float:left;width: 100%;margin:3% 0;padding:0 8%;}
.contactFull{float:left;width: 100%;}
.cfItem{float:left;width: 25%;padding:0 5% 3% 0;}
.cfItem img{float:left;width: 25px;height: 25px;object-fit:contain;margin:0 10px 0 0;}
.cfItem a{float:left;width: calc(100% - 50px);line-height: 22px;font-weight: 500;font-size:18px;margin:0;}
.cfSocial{float:left;width: 100%;}
.cfSocial a{float:left;width: 40px;height: 40px;background-color:#fff;border:1px solid #666;border-radius: 50%;box-shadow: 0 0 5px 0 #666;margin: 5px 7px;display: flex;align-items: center;justify-content: center;padding:10px;background-color: #09428f;}
.cfSocial a:first-child{padding:8px;}
.cfSocial a img{float:lefT;width: 100%;height: 100%;margin:0;filter:invert(1);}
.contactLeft{float:left;width: 45%;margin:20px 3% 0 0;box-shadow: 0 0 10px -4px #111;padding:30px 20px;border-radius: 10px;}
.contactLeft h4{float:left;width: 100%;padding:0 2%;font-size:20px;font-weight: 600;margin:0 0 15px;}
.contactLeft input{margin:10px 2%;padding:8px 15px;}
.contactLeft textarea{height: 150px;}
.contactRight{float:left;width: 45%;height:450px;border-radius:10px;margin:20px 0 0;box-shadow: 0 0 10px -4px #111;}
.contactRight iframe{border-radius: 10px;}

.voteArea{float:left;width: 100%;padding:0 8%;margin:2% 0;min-height: 350px;}
.votesOut{float:left;width: 33.3%;height:350px;padding:1.5%;}
.votesIn{float:left;width: 100%;height: 100%;position:relative;box-shadow: 0 0 5px 1px #ccc;border-radius: 10px;transition: 1s;}
.voteOut{float:left;width: 20%;height:250px;padding:1%;}
.voteIn{float:left;width: 100%;height: 100%;position:relative;box-shadow: 0 0 5px 1px #ccc;border-radius: 10px;transition: 1s;}
.votesIn h3{float:left;width: 100%;text-align: center;font-size:20px;text-align: center;position:absolute;left:0;bottom:0;z-index:5;color:#fff;transition:0.6s;opacity: 1;}
.voteIn h3{float:left;width: 100%;text-align: center;font-size:20px;text-align: center;position:absolute;left:0;bottom:0;z-index:5;color:#fff;transition:0.6s;opacity: 1;}
.voteCover{float:left;opacity:0.7;width: 100%;height: 100%;position:absolute;left:0;top:0;background:linear-gradient(0deg, #09428fda 0%, #09428f50 60%, #09428f20 100%);z-index:3;transition:0.6s;border-radius: 10px;}
.votesIn img{float:left;width: 100%;height: 100%;object-fit:cover;position:absolute;left:0;top:0;border-radius: 10px;}
.voteIn img{float:left;width: 100%;height: 100%;object-fit:cover;position:absolute;left:0;top:0;border-radius: 10px;}
.voteContent{float:left;width: 100%;height: 100%;position:absolute;left:0;top:0;background-color: #00000020;z-index:99;display: flex;align-items: center;justify-content: center;flex-direction: column;transition:0.6s;border-radius: 10px;opacity: 0;}
.voteContent a{float:left;width: 100%;text-align: center;font-size:20px;font-weight: 700;margin:5px 0 0;color:#f2f2f2;}
.voteContent p{float:left;width: 100%;text-align: center;font-size:16px;font-weight: 500; margin:5px 0;color:#f2f2f2;}
.voteContent span{float:left;width: 100%;text-align: center;display: flex;align-items: center;justify-content: center;color:#fff;font-size:20px;margin:10px 0 0;}
.voteContent a{float:left;width: 100%;background-color: #fff;color:#09428f;border-radius: 0 0 10px 10px;position:absolute;bottom:0;padding:15px;z-index:9;transition:0.6s;font-size:16px;}
.voteContent a:hover{background-color:#09428f;color:#fff;}
.voteContent span img{width: 40px!important;height: 40px!important;position:relative;filter:invert(1);}
.voteIn:hover{box-shadow: 0 0 5px 1px #999;}
.voteIn:hover .voteCover{opacity: 1;background:linear-gradient(0deg, #09428fda 0%, #09428f80 60%, #09428f60 100%);}.voteIn:hover .voteContent{opacity: 1;}
.votesIn:hover{box-shadow: 0 0 5px 1px #999;}
.votesIn:hover .voteCover{opacity: 1;background:linear-gradient(0deg, #09428fda 0%, #09428f80 60%, #09428f60 100%);}.votesIn:hover .voteContent{opacity: 1;}

.userArea{float:left;width: 600px;margin:5% calc(50% - 300px);min-height: 40vh;}
.userType{float:left;width: 100%;box-shadow: -1px -1px 10px -3px #09428f;border-radius: 20px;}
.userType a{float:left;width: 50%;background-color:#fff;border:2px solid #09428f;padding:15px 20px;text-align: center;color:#09428f;font-weight: 600;font-size:20px;}
.utActive{background-color:#09428f!important;color:#fff!important;}
.userType a:first-child{border-radius: 20px 0 0 0;}
.userType a:last-child{border-radius: 0 20px 0 0;}
.userForm{float:left;width: 100%;height:auto;padding:10px 15px;border:2px solid #09428f;border-top:none;box-shadow: 0 5px 15px -2px #09428f;transition:0.6s;}
#ufLogin{float: left;width: 100%;padding:20px 20%;display: block;}
#ufRegister{float:left;width: 100%;padding:20px 5%;display: none;}
.ufElement{float:left;width: 96%;margin:5px 2% 10px;}
.ufElementHalf{float:left;width: 46%;margin:5px 2% 10px;}
.ufElement label{float:left;width: 100%;text-align: left;font-weight: 500;text-shadow: 0 1px #ccc;}
.ufElement input{float:left;width: 100%;margin:5px 0;padding:10px 15px;border:1px solid #ccc;border-radius: 5px;box-shadow: 0 0 5px -2px #666;}
.sbmtBtn{float:left;width: 120px;background-color: #09428f;color:#fff;padding:10px 15px;margin:20px calc(50% - 60px) 0;text-align: center;font-weight: 500;border-radius: 3px;}


.accountArea{float:left;width: 100%;margin:3% 0;padding:0 8%;}
.accountLeft{float:left;width: 23%;margin:0;}
.alMenu{float:left;width: 100%;padding:5px 10px;box-shadow: 0 0 5px 0 #d8d8d8;border-radius: 5px;transition:0.6s;box-shadow: 0 0 10px -2px #555;}
.alMenu h3{float:left;width: 100%;margin:10px 0;color:#09428f;text-align: center;font-weight: 700;font-size:24px}
.alMenu a{float:left;width: 100%;margin:3px 0;border:1px solid #ddd;box-shadow:0 0 5px 0 #ddd;background: linear-gradient(90deg #fff 0%, #fff 100%);padding:8px 15px;color: #09428f;;font-size:16px;font-weight: 500;border-radius: 3px;transition: 0.6s;}
.alMenu a:hover{border:1px solid #aaa;box-shadow: 0 0 8px 0 #aaa;background: linear-gradient(90deg, #09428f 0%, #09428fda 60%, #09428f90 100%);color:#fff;font-weight: 700;}
.alMenuActive{background: linear-gradient(150deg, #09428f 0%, #09428fda 60%, #09428f90 100%);color:#fff!important;font-weight: 700;}
.alContact{float:left;width: 100%;padding:10px 20px 20px;box-shadow:0 0 5px 0 #aaa;border-radius:5px;background-color:#09428f;margin:20px 0 0;box-shadow: 0 0 10px -2px #555;}
.alContact h3{float:left;width: 100%;color:#fff;text-align:center;font-weight: 700;font-size:20px;}
.alContact a{float:left;width: 100%;margin:5px 0;border:1px solid #00000050;box-shadow: 0 0 5px 0 #00000050;padding:10px 15px;background-color:#fff;color:#09428f;font-size:15px;font-weight: 600;line-height: 18px;border-radius: 3px;transition:0.2s;}
.alContactImg{float:left;max-width: 18px;height: 18px;margin:0 5px 0 0;object-fit: contain;transition:0.6s;}
.alContact a:hover{border:1px solid #00000070;box-shadow: 0 0 5px 0 #00000070;background: linear-gradient(90deg, #09428f 0%, #ffffff05 60%, #ffffff10 100%);color:#fff;font-weight: 700;}
.alContact a:hover .alContactImg{filter:brightness(30);}

.accountRight{float:left;width: 70%;margin:0 0 0 2%;position:relative;padding:2% 3%;border-radius:5px;box-shadow: 0 0 10px -2px #555;}
.accountRight h2{float:left;width: 100%;font-size:20px;font-weight: 600;color:#09428f;margin:10px 0;}
.accountRight p{float:lefT;width: 100%;font-weight: 500;color:#393939;}
#accountInfo{display:block;float:left;width: 100%;position:relative;}
#accountData{display:none;float:left;width: 100%;position:relative;}
#accountVote{display:none;float:left;width: 100%;position:relative;}
.avOut{float:left;width: 33%;padding:1%;}
.avIn{float:left;width: 100%;height: 200px;position:relative;box-shadow: 0 0 5px 1px #ccc;border-radius: 10px;transition: 1s;}
.avIn h3{float:left;width: 100%;text-align: center;font-size:20px;text-align: center;position:absolute;left:0;bottom:0;z-index:5;color:#fff;transition:0.6s;opacity: 1;}
.avCover{float:left;opacity:0.7;width: 100%;height: 100%;position:absolute;left:0;top:0;background:linear-gradient(0deg, #09428fda 0%, #09428f50 60%, #09428f20 100%);z-index:3;transition:0.6s;border-radius: 10px;}
.avIn img{float:left;width: 100%;height: 100%;object-fit:cover;position:absolute;left:0;top:0;border-radius: 10px;}
.avContents{float:left;width: 100%;height: 100%;position:absolute;left:0;top:0;background-color: #00000020;z-index:99;display: flex;align-items: center;justify-content: center;flex-direction: column;transition:0.6s;border-radius: 10px;opacity: 0;}
.avContents img{float:left;width: 80%;height: 80%;position: absolute;left:10%;top:10%;}
.avContents p{float:left;width: 80%;max-height: 80%;position: absolute;left:10%;bottom:0%;background-color: #09428fad;color:#fff;padding:5px 10px;text-align: center;}
.avIn:hover{box-shadow: 0 0 5px 1px #999;}
.avIn:hover .avCover{opacity: 1;background:linear-gradient(0deg, #09428fda 0%, #09428f80 60%, #09428f60 100%);}.avIn:hover .avContents{opacity: 1;}

.mapArea{float:left;width: 100%;padding:5% 10%;}
.maLeft{float:left;width: 30%;margin:0 3% 10px 0;padding:10px;box-shadow: 0 0 10px -2px #666;border-radius: 10px;}
.maLeft select{float:left;width: 100%;padding:8px 10px;border:1px solid #ddd;margin:0 0 10px;border-radius:10px;}

.maContact{float:left;width: 100%;padding:5px 15px 10px;box-shadow:0 0 5px 0 #aaa;border-radius:5px;background-color:#09428f;margin:10px 0;}
.maContact h3{float:left;width: 100%;color:#fff;text-align:center;font-weight: 600;font-size:16px;margin:10px 0 5px;}
.maContact a{float:left;width: 100%;margin:3px 0;border:1px solid #00000050;box-shadow: 0 0 5px 0 #00000050;padding:5px 10px;background-color:#fff;color:#09428f;font-size:15px;font-weight: 600;line-height: 18px;border-radius: 3px;transition:0.2s;font-size:14px;}
.maContactImg{float:left;max-width: 18px;height: 18px;margin:0 5px 0 0;object-fit: contain;transition:0.6s;}
.maContact a:hover{border:1px solid #00000070;box-shadow: 0 0 5px 0 #00000070;background: linear-gradient(90deg, #09428f 0%, #ffffff05 60%, #ffffff10 100%);color:#fff;font-weight: 600;}
.maContact a:hover .maContactImg{filter:brightness(30);}

.maRight{float:left;width: 67%;margin:0;}
.maRight #map {height: 600px;width: 100%;border-radius: 10px;}

.mobileMenu{float:right;width:320px;height:100vh;box-shadow: 0 0 10px -2px #666;padding:30px 20px;position:fixed;right:0;top:0;transition:0.6s;right:-320px;z-index:9999;background-color:#fff;}
.mmOpen{float:right;width: 40px;height: 40px;cursor:pointer;display:none;}
.mmOpen span{float:right;width: 100%;height: 2px;background-color:#0a428f;margin:5px 0;border-radius: 10px;box-shadow: 0 0 1px 0  #0a428f;transition:0.6s;}
.mmsLast{width: 50%!important;transition:0.6s;}.mmOpen:hover .mmOpen span{width:50%;}.mmOpen:hover .mmsLast{width: 100%!important;}.mmOpen:hover .mmsFirst{width: 65%!important;}.mmOpen:hover .mmsMid{width: 85%!important;}
.mmClose{float:left;width: 35px;height: 35px;display: flex;align-items: center;justify-content: center;font-size:20px;font-weight: 600;background-color: #9ead36;color:#fff;border-radius: 50%;position:absolute;left:12px;top:7px;line-height: 15px;cursor:pointer;}
.mmLogo{float:left;width: 100%;margin:30px 0 10px;padding:0 40px;}
.mmLogo img{float:left;width: 100%;}
.mmMenu{float:left;width: 100%;margin:50px 0;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.mmMenu a{float:left;width:75%;margin:10px 0 10px 5%;font-size:16px;line-height: 25px;}
.mmMenu a img{float:left;width: 30px;height: 30px;margin:0 10px 0 0;}
.mmContact{float:left;width: 100%;padding: 0 20px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.mmContact a{float:left;margin:10px 0 5px;line-height: 30px;}
.mmContact a:first-child{color:#9ead36;font-size:20px;font-weight: 500;}
.mmContact a:last-child{color:#0a428f;font-size:16px;font-weight: 500;}
.mmContact img{float:left;width: 30px;height: 30px;margin:0 10px 0 0;object-fit: contain;}
.mmSocial{float:left;width: 100%;margin:10px 0;display: flex;align-items: center;justify-content: center;}
.mmSocial a{float:left;width: 36px;height: 36px;margin:5px;border-radius: 50%;box-shadow: 0 0 5px -1px #666;background: #0a428f;display: flex;align-items: center;justify-content: center;}
.mmSocial a img{float:left;width: 18px;height: 18px;object-fit: cover;filter:invert(1);}

.notWorkArea{float:left;width: 100%;padding:3% 10% 5%;margin:0;background-size:cover;background-position: center;text-align: center;display:flex;align-items: center;justify-content: center;flex-direction: column;}
.nwaBtn{float:left;padding:8px 20px;margin:15px 0 0;background-color:#01428e;color:#fff;font-weight: 500;border-radius: 5px;} 
#modalOnKayit{display: none;}
#gdYoutube{width:850px;height:500px}
#gdYtb{width:100%;height:100%;}
@media screen and (max-width : 1660px) {
    .bfOut{height:200px;}
}
@media screen and (max-width : 1565px) {
    .bfOut{height:180px;}
    .headerMid a img{margin:0 5px 0 0;width:35px;height:35px;}
    .headerMid a{font-size:13px;font-weight: 500;}
}
@media screen and (max-width : 1460px) {
    .bfOut{height:220px;}
}
@media screen and (max-width : 1361px) {
    .headerMenu{height: auto;}
    .headerMenu a{font-size:13px;padding:15px 5px;}
    .headerMenu a img{width: 30px;height: 30px;}
    .headerMenu a:last-child{font-size:13px;padding:5px;}
    .headerMenu a:last-child img{width: 50px!important;height: 50px!important;}
    .basinArea{padding:400px 5% 0;}
    .contactArea{padding:0 3%;}
    .servicesArea{padding: 0 3%;}
    .voteArea{padding: 0 3%;}
    .bfOut{height:210px;}
    
}
@media screen and (max-width : 1260px) {
    .bfOut{height:200px;}
    .voteOut{width: 25%;}
}
@media screen and (max-width : 1220px) {
    .bfOut{height:180px;}
    .headerMenu{display: block;}
    .headerMenu a{font-size:13px;padding:10px 5px;width: 25%;}
    .headerMenu a img{width: 25px;height: 25px;}
    .headerMenu a:last-child{font-size:13px;padding:5px;}
    .headerMenu a:last-child img{width: 40px!important;height: 40px!important;}
    .headerMenu a:nth-child(5){width: 50%;border-top:1px solid #ddd;}
    .headerMenu a:nth-child(6){width: 50%;border-top:1px solid #ddd;}
    .headerMenu a:nth-child(7){width: 50%;border-top:1px solid #ddd;}
    .headerMenu a:nth-child(8){width: 50%;border-top:1px solid #ddd;}
    .baLeft{width: 100%;}
    .baRight{width: 100%;margin:10px 0 0;}
    .daImage{scale:0.8;}
    .videoOut{width: 46%!important;margin:10px 2%!important;}
    .aboutArea{padding:0 5%;}
    .notWorkArea{padding:0 5%;}
    .aboutArea img{float:left;width: 90%;margin:10px 5%;height:auto;}
    .aaContent{min-height: auto;}
    .aboutContent{float:left;width: 90%;margin:10px 5%;}
    .accountArea{float:left;width: 90%;margin:10px 5%;padding:0;}
    .accountLeft{width: 28%;}
    .blogArea{padding:0 3%;}
    .serviceArea{padding:0 3%;}
    .blogsImg{height: 250px;}
    .blogsContent p{font-weight: 500;font-size:14px;}
    .blogsImg h5{font-size:20px;font-weight: 600;}
    .cfItem{width: 50%;}
    .galleryOut{width: 25%;}
    .galleryImg{height: 180px;}
    .servicesOut{width: 33.3%;}
    body{padding:0;margin:0;width:100%;position:relative;overflow: hidden;}
    .hesapKutu{height: auto;}
}
@media screen and (max-width : 1160px) {
}
@media screen and (max-width : 1120px) {
    .baoLeft{width: 150px;}
    .baoMid{width: calc(100% - 300px);overflow: scroll;}
    .baoMid::-webkit-scrollbar{display:none;}
    .baoMid p{font-size:16px;}
    .baoRight{width: 150px;}
    .baoRight p{font-size:16px;}
    .basinArea h3{font-size:32px;}
    .basinArea h4{font-size:28px;}
    .blogsArea{padding: 0 5%;}
    .serviceLeft{display: none;}
    .serviceRight{width: 100%;margin:0;}
    .voteOut{width: 33.3%;}
}
@media screen and (max-width : 1025px) {
    .headerMenu a{font-size:13px;padding:10px 5px;}
    .headerMenu a img{width: 25px;height: 25px;margin:0 5px 0 0;}
    .headerMenu a:last-child{font-size:13px;padding:5px;}
    .headerMenu a:last-child img{width: 40px!important;height: 40px!important;}
    .bafBanner{height: 250px;}
    .accountLeft{width: 320px;margin:20px calc(50% - 160px);}
    .alContact{display: none;}
    .accountRight{margin:10px 0;width: 100%;}
    .blogsOut{width: 50%;padding:2%}
    .contactLeft{width: 100%;margin:20px 0;}
    .contactRight{width: 100%;margin:20px 0;}
    .galleryOut{width: 33.3%;}
    .votesOut{width: 50%;;}
    .bfOut{height:230px;}
    .otherSlides a{width:50px;height:50px;}
}
@media screen and (max-width:990px) {
    .text-container {text-align: center;}
    .hesappopup-content {width: 85%;height: auto;overflow-y: auto;}
    .image-container {display: none;}
    .hesap-popup-baslik {font-size: 22px;}
    .hesap-btn-close {width: 15px;}
    .hesappopuptext p {font-size: 12px;}
    .hesapphone-number {font-size: 18px;margin: auto 0;}
    .hesap-btn-basvur {padding: 5px 10px;}
}
@media screen and (max-width : 920px) {
    .bfOut{height:200px;}
    #gdYoutube{width:650px;height:350px}
}
@media screen and (max-width : 820px) {
    .bfOut{height:180px;}
    .headerTop{height: 85px;}
    .htLeft{float:left;position:absolute;left:3%;top:10px;width:47%;}
    .htRight{float:left;position:absolute;right:3%;top:25px;max-width:47%;}
    .htMid{float:left;position:absolute;top:90px;width:300px;left:calc(50% - 150px);}
    .balFirst{height: auto;}
    .baldContent{width: 90%;}
    .baldContent p{font-size:32px;}
    .bafBanner{width:46%;margin:5px 2%;height: 250px;}
    .bafBanner:last-child{width:46%;margin:5px 27%;}
    .barbContent{padding:1% 3%;}
    .baldContent p{font-size:20px;line-height: 24px;}
    .baldContent span{font-size:18px;margin:0;}
    .barbContent p{font-size:20px;line-height: 24px;font-weight: 700;}
    .barbContent p span{font-size:20px;line-height: 24px;font-weight: 700;}
    .barbContent span{font-size:18px;margin:0;}
    .bafbContent p{font-size:18px;}
    .daImage{margin-top:-30px;margin-bottom:-300px;scale:0.7;}
    .descArea{padding:5% 20px 0;}
    .basinArea{padding:320px 5% 0;}
    .baoLeft{width: 70px;}
    .baoMid{width: calc(100% - 140px);padding:0 5px;}
    .baoMid p{font-size:13px;}
    .baoRight{width: 70px;}
    .baoRight p{font-size:11px;}
    .basinArea h3{font-size:28px;font-weight: 700;}
    .basinArea h4{font-size:24px;font-weight: 600;}
    .sss{padding:5% 10%;}
    .sss h3{font-size:32px;}
    .colsArea{width:95%;margin:20px 0;}
    .ftLeft{width:300px;margin:10px calc(50% - 150px) 30px;display: flex;align-items: center;justify-content: center;flex-direction: column;}
    .ftMenu{width: 30%;}
    .ftContact{width: 30%;}
    .ftMenu h5{font-size:16px;}
    .ftMenu a{font-size:13px;}
    .ftContact a{font-size:13px;}
    .fmLeft{width: 96%;margin:10px 2%;max-width: 100%;}
    .fmRight{width: 96%;margin:10px 2%;max-width: 100%;display: block;}
    .fmrItem{width: 100%;margin:5px 0;border:none;text-align: center;}.fmrItem a{float:left;width: 100%;text-align: center;}
    .footerBottom p{float:left;width: 100%;text-align: center;}
    .footerBottom a{float:left;width: 160px;text-align: center;margin:10px calc(50% - 80px);}
    .videoArea{padding:20px 5%;}
    .videoArea h3{font-size:28px;}
    .videoArea p{font-size:14px;margin:5px 0 10px;}
    .videoOut{width: 96%!important;margin:10px 2%!important;}
    .blogRight{display: none;}
    .blogLeft{width: 100%;}
    .galleryArea{padding:0 2%;}
    .galleryCategory{display: block;}
    .galleryCategory a{margin:5px;border-radius: 30px!important;border:2px solid #09428f!important;}
    .servicesOut{width: 50%;}
    .voteOut{width: 50%;}
    .htMid{display: none;}
}
@media screen and (max-width : 720px) {
    .headerTop{display: block;}
    .avOut{width: 50%;}
    .headerTop{height:75px;}
    .bfOut{height:160px;}
    .htLeft a{width: 160px;}
    .headerMenu{display:none;}
    .htRight{float:right;position:absolute;right:80px;top:25px;}
    .mmOpen{display: block;position:absolute;right:20px;top:25px;}
    #gdYoutube{width:550px;height:300px}
}
@media screen and (max-width : 620px) {
    .bannerFirst{width: 100%;margin:10px 0;}
    .bfOut{height:280px;}
    .headerMenu a{width: 33.33%;}
    .headerMenu a:nth-child(4){width:50%;border-top:1px solid #ddd;}
    .headerMenu a:nth-child(5){width:50%;border-top:1px solid #ddd;}
    .headerMenu a:nth-child(6){width:50%;border-top:1px solid #ddd;}
    .headerMenu a:nth-child(7){width:50%;border-top:1px solid #ddd;}
    .balDouble{width: 96%;margin:10px 2%;height: 260px;}
    .balDouble:last-child{margin:10px 2%;}
    .baRight{width: 96%;margin:10px 2%;height:auto;height: 550px;}
    .bafBanner{width:90%!important;margin:5px 5%!important;height: 500px!important;}
    .daImage{margin-top:-50px;scale:0.6;}
    .basinArea{padding:250px 3% 0;}
    .sss{padding:5%;}
    .ftMenu{width: 300px;margin:10px calc(50% - 150px);text-align: center;}
    .ftContact{width: 300px;margin:20px calc(50% - 150px) 0;text-align: center;}
    .ftLogo{display: flex;align-items: center;justify-content: center;}
    .ftDesc{text-align: center;}
    .ftSocial{display: flex;align-items: center;justify-content: center;}
    .videoOut{height: 250px;}
    .cfItem{width: 90%;margin:10px 5%;}
    .galleryOut{width: 50%;padding:2%;}.galleryImg{height: 220px;}
    .userArea{width: 90%;margin:20px 5%;}
    .userType a{font-size:16px;}
    #ufLogin{padding:15px 5%}
    #ufRegister{padding:15px 5%}
    .ufElementHalf{width: 96%;}
    .votesOut{width:100%}
    #gdYoutube{width:450px;height:270px}
}
@media screen and (max-width : 520px) {
    .bfOut{height:240px;}
    .daImage{margin-top:-80px;scale:0.52;}
    .basinArea{padding:220px 3% 0;}
    .baoLeft{width: 50px;}
    .baoMid{width: calc(100% - 100px);}
    .baoMid p{font-size:12px;font-weight: 500;line-height: 16px;}
    .baoRight{width: 50px;}
    .baoRight p{font-size:10px;}
    .sss h3{font-size:26px;}
    .avOut{width: 100%;padding:3%;}
    .avIn{height: 250px;}
    .blogsOut{width: 100%;padding:2%}
    .blogsImg{height: 300px;}
    .servicesOut{width: 100%;}
    .voteOut{width: 100%;padding:3%;}
    .htRight{display: none;}
}
@media screen and (max-width : 460px) {
    .bfOut{height:200px;}
    .headerMenu a{padding:8px 5px;letter-spacing: -0.5px;text-transform: capitalize;}
    .headerMenu a img{width: 23px;height: 23px;margin:0 3px 0 0;}
    .daImage{margin-top:-120px;scale:0.52;}
    .basinArea{padding:200px 3% 0;}
    .galleryOut{width: 100%;margin:5px 0;}.galleryImg{height: 300px;}
    #gdYoutube{width:350px;height:220px}
}
@media screen and (max-width : 420px) {
    .bfOut{height:180px;}
    .blogsImg{height: 250px;}
    .galleryImg{height: 250px;}
    .daImage{margin-top:-120px;scale:0.48;}
}
@media screen and (max-width : 380px) {
    .bfOut{height:170px;}
    .htLeft a{width: 160px;}
    .basinArea{padding:170px 3% 0;}
    .daImage{scale:0.4;}
    .galleryImg{height: 220px;}
    #gdYoutube{width:320px;height:200px}
}