html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input ,textarea
{
    margin: 0;
    font-family: "Asap", sans-serif;
    font-size: 12pt;
    font-weight:200;
    color: #fff;
    position: relative;
    z-index: 1;
    padding: 0px;
    text-decoration: none;
    list-style: none;
    outline: none;
    border: none;
}
body {	
    background: #081e1e;
    overflow-x: hidden;

}
::-webkit-input-placeholder { /* WebKit browsers */
    color:#fff;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:#fff;
}
br {
  	content:"";
  	margin:0;
  	display:block;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:#fff;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:#fff;
}
* {
  box-sizing:border-box;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#c6c6c6;
}
::-moz-placeholder { /* Firefox 19+ */
  color:#c6c6c6;
}
:-ms-input-placeholder { /* IE 10+ */
  color:#c6c6c6;
}
:-moz-placeholder { /* Firefox 18- */
  color:#c6c6c6;
}
.clear {
    clear:both;
}
h2 {
	font-size: 48px;
    line-height: 1em;
    font-weight: bold;
}
.container {
    position: relative;
    width:1250px;
    margin: 0 auto;
}
.header {
    position: relative;
    z-index: 9999;
    width: 100%;
    height: 110px;
    float: left;
}
.header .logo {
    float: left;
    margin-top:30px;
    position: relative;
}
.header .logo a {
    float: left;
}
.header .logo a img {
    float: left;
}
.header .head-sag {
    float: right;
    position: relative;
    height: 70px;
    margin-top: 15px;
}
.header .head-sag:before {
    content:"";
    position: absolute;
    left:0;
    top:20px;
    width: 29px;
    height: 29px;
    background: url(../images/telicon.png) no-repeat;
}
.header .head-sag:after {
    content: "";
    position: absolute;
    right: 465px;
    top: 50%;
    width: 420px;
    height: 1px;
    background: #12403f;
    z-index: -1;
}
.header .head-sag .telefon {
    float: left;
    line-height: 70px;
    position: relative;
    padding-right: 20px;
    padding-left: 40px;
    font-weight: 600;
    font-size: 13pt;
}
.header .head-sag .telefon span {
    float: left;
    font-size: 13pt;
    font-weight: 200;
}
.header .head-sag .telefon:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 70px;
    background: #12403f;
    transform: rotate(10deg);
}
.header .head-sag .eposta {
    float: left;
    line-height: 70px;
    padding-left:20px;
    font-weight: 600;
    font-size: 13pt;
}
.header .head-sag .eposta span {
    float: left;
    font-size: 13pt;
    font-weight: 200;
}
.head-alt {
    float: left;
    width: 100%;
    height: 70px;
    background: #12403f;
}
.head-alt ul.menu {
    float: left;
}
.head-alt ul.menu li {
    float: left;
}
.head-alt ul.menu li a {
    float: left;
    font-weight: 400;
    font-size: 13pt;
    line-height: 70px;
    padding: 0 12px;
}
.head-alt ul.menu li:nth-child(1) a {
    padding: 0 12px 0 0;
}
.head-alt ul.social {
    float: right;
    overflow: hidden;
    padding: 0 10px;
    position: relative;
}
.head-alt ul.social li {
    float: left;
}
.head-alt ul.social li a {
    float: left;
    position: relative;
    width: 60px;
    height: 70px;
    line-height: 70px;
    text-align: center;
}
.head-alt ul.social li a:before {
    content: "";
    position: absolute;
    left: 0;
    top: -20%;
    width: 100%;
    height: 140%;
    transform: rotate(10deg);
    background: #0e3534;
}
.head-alt ul.social li:nth-child(2) a:before {
    background: #0a2c2b;
}
.head-alt ul.social li:nth-child(3) a:before {
    background: #041a1a;
}
.head-alt ul.social li:nth-child(4) a:before {
    background: #010e0e;
}
.slider {
    width: 100%;
    float: left;
    overflow: hidden;
}
.slider img {
    width: 100%;
    float: left;
}
.slider .pagination {
    padding: 0 120px;
    text-align: right;
    top:2px;
}
.slider-ileri, .slider-geri {
    position: absolute;
    right: 0;
    cursor: pointer;
}
.slider-ileri i {
    background:#13413f;
    width: 50px;
    height: 60px;
    color: #fff;
    text-align: center;
    line-height: 60px;
    font-size: 18pt;
    position: absolute;
    right: 0;
    bottom:0;
}
.slider-geri i {
    background:#1e5655;
    width: 50px;
    height: 60px;
    color: #fff;
    text-align: center;
    line-height: 60px;
    font-size: 18pt;
    position: absolute;
    right: 50px;
    bottom:0;
}
.kurumsal {
    float: left;
    width: 100%;
    padding: 80px 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}
.kurumsal .sol {
    float: left;
    width: calc(70%);
    padding-top: 60px;
}
.kurumsal .sol .baslik {
    font-size:14pt;
    font-weight:400;
    color: #fff;
}
.kurumsal .sol .altbaslik {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
.kurumsal .sol .altbaslik h2 {
    font-size: 48pt;
    font-weight: 900;
    color: #fff;
    padding-top: 15px;
    line-height: 48pt;
}
.kurumsal .sol .altbaslik h3 {
    font-size: 48pt;
    font-weight: 900;
    color: #14cf37;
    padding-top:15px;
    line-height: 48pt;
}
.kurumsal .sol p {
    float: left;
    width: 100%;
    line-height: 28px;
    width:100%;
    padding-right: 30%;
}
.kurumsal .sol a.devami {
    float: left;
    font-weight: 400;
    font-size: 12pt;
    margin-top:30px;
    background: #12403f;
    border-radius: 50px;
    padding: 10px 25px;
}
.kurumsal .sol a.bizeulasin {
    float: left;
    font-weight: 400;
    font-size: 12pt;
    margin-top:30px;
    background: #14cf37;
    border-radius: 50px;
    padding: 10px 25px;
    margin-left: 20px;
}
.aktiviteler-alan   {
    float: left;
    width: 100%;
    padding:60px 0 60px 0;
}
.aktiviteler-alan .baslik   {
    font-size:14pt;
    font-weight:400;
    color: #fff;
    margin-bottom: 60px;
    position: relative;
}
.aktiviteler-alan .aktiviteler  {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.aktiviteler-alan .baslik:before  {
    content:"";
    background: #12403f;
    position: absolute;
    top:-60px;
    left:0;
    width:100%;
    height: 1px;
}
.aktiviteler-alan .aktivite-pagination {
    margin-top: 60px;
    float: left;
    width: 100%;
    text-align: center;
}
.aktivite-ileri, .aktivite-geri {
    position: absolute;
    right: 0;
    cursor: pointer;
    top: 40px;
}
.aktivite-ileri i {
    background:#13413f;
    width: 50px;
    height: 60px;
    color: #fff;
    text-align: center;
    line-height: 60px;
    font-size: 18pt;
    position: absolute;
    right: 0;
    bottom:0;
}
.aktivite-geri i {
    background:#1e5655;
    width: 50px;
    height: 60px;
    color: #fff;
    text-align: center;
    line-height: 60px;
    font-size: 18pt;
    position: absolute;
    right: 50px;
    bottom:0;
}
.aktiviteler a {
    float: left;
    width: 100%;
    position: relative;
    overflow:hidden;
}
.aktiviteler a .resim {
    float: left;
    width: 100%;
    overflow: hidden;
    height: 260px;
}
.aktiviteler a .resim img {
    float: left;
    width: 100%;
    opacity: .3;
    -webkit-filter: grayscale(100%);
    transition:all .1s ease-in;
}
.aktiviteler a:hover .resim img {
    -webkit-filter: grayscale(0%);
}
.aktiviteler a .aktiviteadi {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: left;
    font-weight: 900;
    font-size: 20pt;
    padding: 20px;
    text-transform: uppercase;
    transition:all .1s ease-in;
    text-shadow: 1px 1px 30px #081e1e;
}
.siziarayalim   {
    width: 100%;
    float: left;
    height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    overflow: hidden;
    position: relative;
}
.siziarayalim:before   {
    content: "";
    position: absolute;
    background: url(../images/arayalim-before.png);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: repeat;
}
.siziarayalim:after   {
    content: "";
    position: absolute;
    background:#081e1e;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .8;
}
.siziarayalim .arayalim   {
    float: right;
    width: 300px;
    height: 300px;
    margin-top:50px;
    position: relative;
}
.siziarayalim .arayalim .ara   {
    width: 100%;
    height: 100%;
    background: rgb(16, 51, 51);
    background: radial-gradient(circle, rgba(16, 51, 51, 1) 0%, rgba(8, 31, 31, 1) 100%);
    border-radius: 50%;
    position: absolute;
    z-index: 999999999;
    font-weight: 700;
    font-size: 22pt;
    text-align: center;
    padding: 135px 30px;
    line-height: 30pt;
}
.siziarayalim .arayalim .ara:before   {
    content: "";
    position: absolute;
    background: url(../images/arayalim-icon.png) no-repeat;
    top: 23%;
    left: calc(50% - 30px);
    width: 54px;
    height: 57px;
}
@keyframes circle {0% {transform:scale(.2) rotate(72deg);}, 25% {transform:scale(.4) rotate(144deg);}, 50% {transform:scale(.6) rotate(216deg);}, 75% {transform: scale(.8) rotate(288deg);}, 100% {transform: scale(1) rotate(360deg);}}
@-webkit-keyframes circle {0% {transform:scale(.2) rotate(72deg);}, 25% {transform:scale(.4) rotate(144deg);}, 50% {transform:scale(.6) rotate(216deg);}, 75% {transform: scale(.8) rotate(288deg);}, 100% {transform: scale(1) rotate(360deg);}}
@-moz-keyframes circle {0% {transform:scale(.2) rotate(72deg);}, 25% {transform:scale(.4) rotate(144deg);}, 50% {transform:scale(.6) rotate(216deg);}, 75% {transform: scale(.8) rotate(288deg);}, 100% {transform: scale(1) rotate(360deg);}}
@-o-keyframes circle {0% {transform:scale(.2) rotate(72deg);}, 25% {transform:scale(.4) rotate(144deg);}, 50% {transform:scale(.6) rotate(216deg);}, 75% {transform: scale(.8) rotate(288deg);}, 100% {transform: scale(1) rotate(360deg);}}
.circle {position: absolute;z-index: 999;border-radius: 100%;pointer-events: none; opacity: .1;}
.circle-one {border: 10px solid #fff;width: 700px;height: 700px;left: calc(50% - 350px);top: calc(50% - 350px);animation: circle 10s infinite;-webkit-animation: circle 10s infinite;-moz-animation: circle 10s infinite;-o-animation: circle 10s infinite;}
.circle-two {border: 10px solid #1e5655;width: 800px;height: 800px;left: calc(50% - 400px);top: calc(50% - 400px);animation: circle 8s infinite;-webkit-animation: circle 8s infinite;-moz-animation: circle 8s infinite;-o-animation: circle 8s infinite;}
.circle-three {border: 10px solid #14cf37;width: 900px;height: 900px;left: calc(50% - 450px);top: calc(50% - 450px);animation: circle 6s infinite;-webkit-animation: circle 6s infinite;-moz-animation: circle 6s infinite;-o-animation: circle 6s infinite;}
.duyurular-alan   {
    float: left;
    width: 100%;
    padding:60px 0 60px 0;
}
.duyurular-alan .baslik   {
    font-size:14pt;
    font-weight:400;
    color: #fff;
    margin-bottom: 60px;
    position: relative;
}
.duyurular-alan .duyurular  {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.duyurular-alan .duyuru-pagination {
    margin-top: 60px;
    float: left;
    width: 100%;
    text-align: center;
}
.duyuru-ileri, .duyuru-geri {
    position: absolute;
    right: 0;
    cursor: pointer;
    top: 40px;
}
.duyuru-ileri i {
    background:#13413f;
    width: 50px;
    height: 60px;
    color: #fff;
    text-align: center;
    line-height: 60px;
    font-size: 18pt;
    position: absolute;
    right: 0;
    bottom:0;
}
.duyuru-geri i {
    background:#1e5655;
    width: 50px;
    height: 60px;
    color: #fff;
    text-align: center;
    line-height: 60px;
    font-size: 18pt;
    position: absolute;
    right: 50px;
    bottom:0;
}
.duyurular a {
    float: left;
    width: 100%;
    position: relative;
    padding-bottom: 42px;
}
.duyurular a .resim {
    float: left;
    width: 100%;
    height: 300px;
}
.duyurular a .resim img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.duyurular a .baslik {
    position: absolute;
    bottom: 0;
    width: calc(100% - 60px);
    text-align: center;
    font-weight: 700;
    font-size: 18pt;
    padding: 20px;
    background: #1e5655;
    left: 30px;
    margin-bottom: 0;
}
.instagramdan {
    float: left;
    width: 100%;
}
.instagramdan a.galeri {
    float: left;
    width: calc(100% / 6);
    position: relative;
}
.instagramdan a.galeri img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.instagramdan a.galeri:before {
    content: "\f16d";
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #081e1e;
    z-index: 9999;
    background: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    right: 20px;
    top: 20px;
    border-radius: 50%;
}
.footer {
    width: 100%;
    float: left;
    padding-top: 80px;
}
.footer .footer-ust .sosyal .baslik {
    float: left;
    font-size: 14pt;
    line-height: 33px;
}
.footer .footer-ust .sosyal .baslik strong {
    font-size: 14pt;
    font-weight: 700;
}
.footer .footer-ust .sosyal ul {
    float: left;
    margin-left:15px;
}
.footer .footer-ust .sosyal ul li {
    float: left;
    margin-left:5px;
}
.footer .footer-ust .sosyal ul li a {
    float: left;
}
.footer .footer-ust .sosyal ul li a i {
    float: left;
    background: #424242;
    width: 33px;
    height: 33px;
    border-radius: 50%;
    text-align: center;
    line-height: 33px;
    color: #fff;
    font-size: 9pt;
}
.footer .footer-ust .telefon {
    margin-left: 35px;
    float: right;
    height: 33px;
    line-height: 33px;
    padding: 0 25px 0 50px;
    background: #3caa36;
    border-radius: 50px;
    color: #fff;
    font-weight: 600;
    position: relative;
}
.footer .footer-ust .telefon span {
    color: #fff;
}
.footer .footer-ust .telefon::after {
    content: "";
    position: absolute;
    top: 6px;
    left: 20px;
    background: url(../images/teliconfoot.png) no-repeat;
    width: 20px;
    height: 20px;
}
.footer .footer-ust .sosyal {
    float: right;
}
.footer .footer-ust {
    float: left;
    width: 100%;
    position: relative;
}
.footer .footer-ust:before {
    content: "";
    position: absolute;
    left: 0;
    top: 15px;
    width: calc(100% / 2 + 60px);
    height: 1px;
    background: #12403f;
}
.footer .footer-orta {
    float: left;
    width: 100%;
    margin-top: 70px;
}
.footer .footer-orta .footer-logo {
    float: left;
    width: 320px;
    margin-right: 200px;
}
.footer .footer-orta .footer-logo img {
    float: left;
}
.footer .footer-orta .foot-menu {
    float: left;
    width:calc(100% / 5);
}
.footer .footer-orta .foot-menu .baslik {
    float: left;
    width: 100%;
    font-weight: 700;
    font-size: 24pt;
}
.footer .footer-orta .foot-menu ul {
    float: left;
    width: 100%;
    margin-top: 50px;
}
.footer .footer-orta .foot-menu ul li {
    float: left;
    width:100%;
}
.footer .footer-orta .genis ul li {
    float: left;
    width:calc(100% / 3)!important;
}
.footer .footer-orta .foot-menu ul li a {
    float: left;
    line-height:30px;
}
.footer .footer-alt {
    float: left;
    width: 100%;
    padding: 40px 0;
}
.footer .footer-alt strong {
    font-weight: 700;
}
.whatsapp {
    position: fixed;
    bottom: 20px;
    z-index: 2400;
    padding: 0;
    background: #17cd06;
    color: #fff;
    width: 60px;
    right: 20px;
    border-radius: 60px;
    height: 60px;
    cursor: pointer;
    transition: all .3s ease-in;
}
.whatsapp i {
	width: 60px;
    height: 60px;
    text-align: center;
    padding: 15px;
    font-size: 23pt;
	color:#fff;
}
.banner {
    width: 100%;
    float: left;
    padding-bottom: 60px;
    background: #0a2c2b;
    margin-bottom: 60px;
}
.banner .adi {
    width: 70%;
    float: left;
    font-weight: 700;
    font-size:24pt;
    margin-top: 60px;
    text-transform: uppercase;
}
.banner .adi strong {
    font-weight:700;
    font-size:24pt;
}
.banner .adi span {
    font-weight: 300;
    font-size:24pt;
}
.banner ul.map {
    float: left;
    margin-top: 10px;
    width: 70%;
}
.banner ul.map li a, .banner ul.map li, .banner ul.map i  {
    color: #b9b9b9;
    float: left;
    transition: all .1s ease-in;
    font-size: 11pt;
    font-weight: 200;
    text-transform: uppercase;
}
.banner ul.map li a:hover  {
    color: #454545;
}
.banner ul.map i {
    padding: 0 10px;
}
.banner .paylas {
    position: absolute;
    right: 0;
    top: 45px;
    background: url(../images/paylas.png) no-repeat;
    width: 210px;
    height: 70px;
    background-position: right;
}
h3 {
    float: left;
    width: 100%;
}
.banner .paylas ul {
    float: right;
    border:1px solid #2764634d;
    margin-top: 30px;
    width: 214px;
    margin-right: 40px;
}
.banner .paylas ul li {
    float: left;
    width: 52px;
    line-height: 38px;
    margin-left: 1px;
    text-align: center;
    position: relative;
}
.banner .paylas ul li:after {
    content: "";
    position: absolute;
    right: 0;
    top: 7px;
    width: 1px;
    height: 24px;
    background: #454545;
    opacity: .3;
}
.banner .paylas ul li:nth-child(4):after {
    display:none;
}
.banner .paylas ul li a {
    width: 100%;
    height: 100%;
    float: left;
    font-size:12pt;
}
.banner .paylas ul li a i {
    color: #276463;
}
.sayfa {
    width: 100%;
    float: left;
}
.sayfa .tam .resim {
    float: left;
    width: 100%;
    height:350px;
    padding: 0;
    position: relative;
    overflow: hidden;
}
.sayfa .tam .resim img {
    width: 100%;
    height:100%;
    object-fit: cover;
}
.sayfa .tam .baslik {
    font-weight: 600;
    font-size: 19pt;
    float: left;
    width: 100%;
    line-height: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.sayfa .tam .aciklama {
    width: 100%;
    float: left;
    line-height: 30px;
    font-weight: 400;
    font-size: 12pt;
}
.sayfa .tam .aciklama p {
    line-height: 30px;
    width: 100%;
    margin-bottom: 10px;
    float: left;
    font-weight: 400;
    font-size: 12pt;
}
.sayfa .tam .aciklama p b {
    font-weight:600;
    font-size: 12pt;
}
.sayfa .tam .aciklama p ul,
.sayfa .tam .aciklama p ol,
.sayfa .tam .aciklama ul,
.sayfa .tam .aciklama ol {
    font-weight: 400;
    font-size: 12pt;
    width: 100%;
    float: left;
    text-align: left;
    margin-bottom: 10px;
    line-height: 20pt;
    padding-left: 40px;
}
.sayfa .tam .aciklama p ul li,
.sayfa .tam .aciklama ul li {
    float: left;
    width: 100%;
    list-style: disc;
}
.sayfa .tam .aciklama p ol li,
.sayfa .tam .aciklama ol li {
    float: left;
    width: 100%;
    list-style: decimal;
}
.sayfa .tam .aciklama b {
    float: left;
    font-weight:600;
    font-size: 12pt;
}
.sayfa .tam .aciklama a.katalog {
    width: 220px;
    height: 310px;
    float: left;
    border-radius:30px;
    overflow: hidden;
    position: relative;
}
.sayfa .tam .aciklama a.katalog i {
    float: left;
    width: 100%;
    color: #fff;
    line-height: 250px;
    border-bottom: 5px solid #fff;
    text-align: center;
    font-size: 50pt;
    background: #8886a2;
}
.sayfa .tam .aciklama a.katalog span {
    float: left;
    width: 100%;
    line-height: 55px;
    text-align: center;
    color: #fff;
    background: #7c7b95;
}
.sayfa .tam .aciklama a.katalog small {
    position: absolute;
    left: 0;
    bottom: 100px;
    width: 100%;
    text-align: center;
    color: #fff;
}
.sayfa .tam .aktiviteler a {
    float: left;
    width: calc(100% / 3 - 20px);
    background: #f4f4f4;
    margin-left: 30px;
    margin-top: 30px;
    transition: all .1s ease-in;
}
.sayfa .tam .aktiviteler a:nth-child(3n+1) {
    margin-left: 0;
}
.sayfa .tam .aktiviteler a:nth-child(-n + 3) {
    margin-top:0;
}
.sayfa .tam .aktiviteler a .resim {
    float: left;
    width: 100%;
    height:260px;
    background: #091e1e;
    transition:all .1s ease-in;
}
.sayfa .tam .aktiviteler a .resim img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .3;
    -webkit-filter: grayscale(100%);
    transition:all .1s ease-in;
}
.sayfa .tam .aktiviteler a:hover .resim img {
    opacity: 1;
    -webkit-filter: grayscale(0%);
}
.sayfa .tam .aktiviteler a .aktiviteadi {
    float: left;
    width: 100%;
    margin-top: 10px;
    text-transform: uppercase;
    transition:all .1s ease-in;
    text-shadow: 1px 1px 30px #081e1e;
}
.aktiviteler a:hover .aktiviteadi {
    top: 0;
    text-align: right;
    width: 100% !important;
    right: 0;
    background: #081e1e;
    margin-top: 0px !important;
    margin-right: 0;
    height: auto;
    bottom: 0;
}


.sayfa .tam1 {
    float: left;
    width: 100%;
}
.sayfa .tam1 .gallery,
.sayfa .sol .gallery {
    float: left;
    width: 100%;
}
.sayfa .tam1 .gallery a,
.sayfa .sol .gallery a {
    width:calc(25% - 22.5px);
    margin-left: 30px;
    margin-top: 30px;
    float: left;
}
.sayfa .tam1 .gallery a:nth-child(4n+1),
.sayfa .sol .gallery a:nth-child(4n+1) {
    margin-left: 0;
}
.sayfa .tam1 .gallery a img,
.sayfa .sol .gallery a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sayfa .tam .duyuru {
    float: left;
    width: calc(100% / 2 - 15px);
    margin-left: 30px;
    margin-top: 30px;
    position: relative;
    padding-bottom: 42px;
}
.sayfa .tam .duyuru:nth-child(2n+1) {
    margin-left: 0;
}
.sayfa .tam .duyuru .resim {
    float: left;
    width: 100%;
    height:300px;
}
.sayfa .tam .duyuru .resim img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sayfa .tam .duyuru:nth-child(-n + 2) {
    margin-top:0;
}
.sayfa .tam .duyuru .tarih {
    position: absolute;
    background: #fff;
    top: 20px;
    padding: 10px 20px;
    left: 20px;
    color: #12403f;
}
.sayfa .tam .duyuru .baslik {
    position: absolute;
    bottom: 0;
    width: calc(100% - 60px);
    text-align: center;
    font-weight: 700;
    font-size: 18pt;
    padding: 20px;
    background: #1e5655;
    left: 30px;
    margin-bottom: 0;
}
.sayfa .sol {
    width: 890px;
    float: left;
}
.sayfa .sol .resim {
    float: left;
    width: 100%;
    height:350px;
    padding: 0;
    position: relative;
    overflow: hidden;
}
.sayfa .sol .resim img {
    width: 100%;
    height:100%;
    object-fit: cover;
}
.sayfa .sol .baslik {
    font-weight: 600;
    font-size: 19pt;
    float: left;
    width: 100%;
    line-height: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.sayfa .sol .aciklama {
    width: 100%;
    float: left;
    line-height: 30px;
    font-weight: 400;
    font-size: 12pt;
}
.sayfa .sol .aciklama p {
    line-height: 30px;
    width: 100%;
    margin-bottom: 10px;
    float: left;
    font-weight: 400;
    font-size: 12pt;
}
.sayfa .sol .aciklama p strong,
.sayfa .sol .aciklama strong {
    font-weight: bold;
    font-size: 12pt;
}
hr {
    float: left;
    width: 0;
    height: 0;
    margin-block-start: 0;
    margin-block-end: 0;
    border-width: 0;
}
.sayfa .sol .aciklama p b {
    font-weight:600;
    font-size: 12pt;
}
.sayfa .sol .aciklama p ul,
.sayfa .sol .aciklama p ol,
.sayfa .sol .aciklama ul,
.sayfa .sol .aciklama ol {
    font-weight: 400;
    font-size: 12pt;
    width: 100%;
    float: left;
    text-align: left;
    margin-bottom: 10px;
    line-height: 20pt;
    padding-left: 40px;
}
.sayfa .sol .aciklama p ul li,
.sayfa .sol .aciklama ul li {
    float: left;
    width: 100%;
    list-style: disc;
}
.sayfa .sol .aciklama p ol li,
.sayfa .sol .aciklama ol li {
    float: left;
    width: 100%;
    list-style: decimal;
}
.sayfa .sol .aciklama b {
    font-weight:600;
    font-size: 12pt;
}
.sayfa .sol .aciklama a.katalog {
    width: 220px;
    height: 310px;
    float: left;
    border-radius:30px;
    overflow: hidden;
    position: relative;
}
.sayfa .sol .aciklama a.katalog i {
    float: left;
    width: 100%;
    color: #fff;
    line-height: 250px;
    border-bottom: 5px solid #fff;
    text-align: center;
    font-size: 50pt;
    background: #8886a2;
}
.sayfa .sol .aciklama a.katalog span {
    float: left;
    width: 100%;
    line-height: 55px;
    text-align: center;
    color: #fff;
    background: #7c7b95;
}
.sayfa .sol .aciklama a.katalog small {
    position: absolute;
    left: 0;
    bottom: 100px;
    width: 100%;
    text-align: center;
    color: #fff;
}
.sayfa .sag {
    float: right;
    width: 300px;
    margin-left:60px;
}
.sayfa .sag ul.solmenu {
    -webkit-box-shadow: 0 10px 50px rgba(0, 0, 0, 0.07);
    box-shadow: 0 10px 50px rgba(0, 0, 0, 0.07);
    border-bottom: 5px solid #ffffff;
    float: left;
    width: 100%;
    position: relative;
    z-index: 0;
    padding: 30px 26px 26px 26px;
    background: #0a2c2b;
}
.sayfa .sag ul.solmenu li {
    border-bottom: 1px solid rgb(255 255 255 / 14%);
}
.sayfa .sag ul.solmenu li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    transition: all .1sease-in;
    width: 100%;
    line-height: 30px;
    color: #fff;
    font-size: 8pt;
}
.sayfa .sag ul.solmenu li a:hover {
    padding:0 0 0 10px;
}
.sayfa .sag .baslik {
    font-size: 24pt;
    color: #fff;
    float: left;
    width: 100%;
    height: 90px;
    background: #041a1a;
    padding: 30px 0;
    font-weight: 600;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.sayfa .sag .menu-alt {
    width: 100%;
    float: left;
    background: #0a2c2b;
    height: auto;
    background-size: cover;
    padding: 20px 40px 60px 40px;
}
.sayfa .sag .menu-alt .sayfa-iletisim-baslik {
    font-weight: 600;
    font-size: 19pt;
    float: left;
    width: 100%;
    color: #fff;
    line-height: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.sayfa .sag .menu-alt .aciklama {
    width: 100%;
    float: left;
    font-weight: 400;
    font-size: 10pt;
    color: #fff;
}
.sayfa .sag .menu-alt a.git {
    float: left;
    width: 100%;
    height: 55px;
    border: 1px solid #ffffff;
    border-radius: 50px;
    margin-top: 20px;
    line-height: 53px;
    color: #ffffff;
    padding: 0 30px;
    transition: .3s;
}
.sayfa .sag .menu-alt a.git:hover {
    background: #ffffff;
    color: #000;
}
.sayfa .sag .menu-alt a.git i {
    float: right;
    color: #ffffff;
    line-height:51px;
    font-size: 16pt;
	transition: all .1s ease-in;
}
.sayfa .sag .menu-alt a.git:hover i {
    float: right;
    color: #000;
    margin-right: -10px;
}
#arrowclk {
    display: none;
}
.sayfa .tam {
    float: left;
    width: 100%;
}
.sayfa .pad60 {
    background: #12403f;
    padding: 60px;
    border-radius: 40px;
}

.sayfa .tam a.katalog {
    float: left;
    width:100%;
    font-weight:600;
    font-size: 18pt;
}
.sayfa .tam a.katalog .resim {
    width: 50%;
    float: left;
    height: 300px;
}
.sayfa .tam a.katalog .resim img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.sayfa .tam a.katalog .baslik {
    float: left;
    width: 50%;
    font-weight: 800;
    font-size: 32pt;
    line-height: 300px;
}

.sayfa .sol .tarih {
    float: left;
    background: #f4f4f4;
    padding: 8px 20px;
    font-weight: 400;
    font-size: 10pt;
    margin-bottom: 10px;
}
.sayfa .tam .iletisim-bilgileri {
    float: left;
    width: 40%;
    background: #12403f;
    padding: 50px 30px;
    height: 500px;
    border-radius: 50px;
}
.sayfa .tam .iletisim-bilgileri .adres,
.sayfa .tam .iletisim-bilgileri .telefon,
.sayfa .tam .iletisim-bilgileri .faks,
.sayfa .tam .iletisim-bilgileri .web,
.sayfa .tam .iletisim-bilgileri .eposta {
    float: left;
    width: 100%;
    padding: 20px 20px;
    border-bottom: 1px solid #ffffff12;
    line-height: 30px;
    position: relative;
    font-weight: 600;
    font-size: 13pt;
}
.sayfa .tam .iletisim-bilgileri .adres i,
.sayfa .tam .iletisim-bilgileri .telefon i,
.sayfa .tam .iletisim-bilgileri .faks i,
.sayfa .tam .iletisim-bilgileri .web i,
.sayfa .tam .iletisim-bilgileri .eposta i {
    background: #ffffff;
    border-radius: 50%;
    color: #0a2c2b;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    font-size: 16pt;
    margin-right: 10px;
}
.sayfa .tam .harita {
    float: left;
    width: calc(60% - 60px);
    margin-left: 60px;
    border-radius: 50px;
    overflow: hidden;
}
.sayfa .tam .kariyer-form {
    float: left;
    width: 100%;
  }
  .sayfa .tam .kariyer-form .baslik {
    float: left;
    width: 100%;
    font-weight:600;
    font-size: 19pt;
  }
  .sayfa .tam .kariyer-form .aciklama {
    float: left;
    width: 100%;
    margin-top: 15px;
  }
  .sayfa .tam .kariyer-form #form5 input {
    width: calc(50% - 15px);
    float: left;
    margin-top: 30px;
    line-height: 60px;
    background: #081e1e;
    margin-left: 30px;
    padding: 0 20px;
    border: 1px solid #0a2c2b;
    -webkit-transition: .3s;
    transition: .3s;
  }
  .sayfa .tam .kariyer-form #form5 input:nth-child(2n+3) {
    margin-left: 0;
  }
  .sayfa .tam .kariyer-form #form5 input:focus {
    border: 1px solid #333332;
  }
  .sayfa .tam .kariyer-form #form5 h4 {
    width: calc(50% - 15px);
    float: left;
    margin-top: 30px;
    line-height: 60px;
    margin-left: 0;
    padding: 0 20px;
    transition: .3s;
    background: #081e1e;
    border: 1px solid #0a2c2b;
  }
  .sayfa .tam .kariyer-form #form5 button {
    border: none;
    margin-top: 30px;
    text-align: center;
    background: #12403f;
    transition: all .3s ease-in;
    cursor: pointer;
    float: right;
    height: 50px;
    line-height: 40px;
    padding: 0 40px;
    color: #fff;
    font-weight: 600;
    font-size: 12pt;
    border-radius: 50px;
  }
  .head-alt ul.social li a i.tiktok {
    background: url(../images/tiktok.svg);
    background-size: 22px;
    height: 100%;
    position: relative;
    color: #fff;
    float: left;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.footer .footer-ust .sosyal ul li a i.fa-tiktok {
    background: url(../images/tiktok.svg) #424242;
    background-size: 17px;
    position: relative;
    color: #fff;
    float: left;
    width: 33px;
    height: 33px;
    background-repeat: no-repeat;
    background-position: center;
}
.ortu2	{
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background:rgba(0, 0, 0, 0.7);
    z-index: 100001;
	}	
.popup	{
	display: none;
    width: 450px;
    height:640px;
    margin: 0 auto;
    z-index: 100002;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
	margin-top:50px;
	background:#081e1e;
    position: fixed;
    -ms-touch-action: none;
    touch-action: none;
	}	
.popup img	{
    float: left;
}	
.popup .form1 {
    margin-top:0;
}
.popup .formicerigi {
    width:100%;
    float: left;
    height: 100%;
    padding: 80px 60px;
}
.popup .formicerigi .form1 .baslik{
    font-weight: 600;
    letter-spacing: 0;
    font-size: 18pt;
    float: left;
    width: 100%;
}
.popup .formicerigi .form1 .icerik{
    width: 100%;
    float: left;
    margin-top: 5px;
    line-height: 16pt;
}
.popup .formicerigi .form1,
.popup .formicerigi #form5 {
    float: left;
    width: 100%;
}
.popup .formicerigi .form1 input{
    width: 100%;
    float: left;
    margin-top: 15px;
    line-height: 50px;
    background: #081e1e;
    padding: 0 20px;
    border: 1px solid #0a2c2b;
    -webkit-transition: .3s;
    transition: .3s;
}
.popup .formicerigi .form1 .buton {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 18pt;
    background: #113e3d;
    color: #fff;
    font-weight: 600;
    border: none;
    cursor: pointer;
    height: 50px;
    line-height: 50px;
    margin-top: 15px;
}
.popup i	{
    position: relative;
    z-index: 40;
    color: #ffffff;
    font-size: 30px;
    float: right;
    margin-bottom: -70px;
    cursor: pointer;
    width: 70px;
    height: 70px;
    background: rgb(18 64 63);
    transition: all .3sease-in;
    text-align: center;
    line-height: 60px;
    border-bottom-left-radius: 90px;
    padding-left: 12px;
	}	
.popup .servis-popup .baslik	{
    width: 100%;
    float: left;
    color: #fff;
    background: #00b4ff;
    padding: 10px 20px;
    font-weight: 600;
    font-size: 13pt;
    letter-spacing: 2px;
    border: 1px solid #00b4ff;
}	
.popup .servis-popup .aciklama	{
    margin:10px 0;
    float: left;
}	
.popup .servis-popup .aciklama p	{
    font-weight: 500;
    margin: 5px 10px;
    font-size: 11pt;
}	
.popup .servis-popup .alt-baslik {
    float: left;
    width: 240px;
    font-weight: 400;
    font-size: 11pt;
    background: rgba(0, 0, 0, 0.36);
    padding: 7px 5px;
    color: #fff;
	margin:2px 0 0 0;
}	
.popup .servis-popup .alt-yazi {
	width: 516px;
    display: inline-block;
    font-weight: 400;
    font-size: 11pt;
    background: rgba(0, 0, 0, 0.28);
    padding: 7px 5px;
    color: #fff;
    margin: 2px 2px 0 2px;
}
.siziarayalim .arayalim .tikla {
    cursor: pointer;
}
.footer .footer-orta .genis {
    float: left;
    width: calc(100% / 5 * 4)!important;
}
#captcha111 {
    height: 50px;
    float: left;
    margin-top: 15px;
    line-height: 50px;
    background: #081e1e;
    padding: 0 20px;
    border: 1px solid #0a2c2b;
    width: calc(50% - 10px);
    object-fit: none;
}
.btn    {
    display:none;
}