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,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,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}

a{text-decoration:none; outline:none; border:0; }
a:hover{text-decoration:none}
a:focus{text-decoration:none; color:#ffffff;}
textarea { border:0; outline:0; }
input[type=text]  { border:0; outline:0; }
input[type=button], input[type=submit]  {appearance:none; -moz-appearance:none; -webkit-appearance:none;}

@font-face {
    font-family: 'FS Elliot Pro';
    src: url('../fonts/FSElliotPro.woff2') format('woff2'),
        url('../fonts/FSElliotPro.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Elliot Pro';
    src: url('../fonts/FSElliotPro-Heavy.woff2') format('woff2'),
        url('../fonts/FSElliotPro-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Elliot Pro';
    src: url('../fonts/FSElliotPro-Bold.woff2') format('woff2'),
        url('../fonts/FSElliotPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Indie Flower';
    src: url('../fonts/IndieFlower.woff2') format('woff2'),
        url('../fonts/IndieFlower.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


body {    font-family: 'FS Elliot Pro';}


header {padding: 20px 0; transition: 0.4s;}
header .container {display: flex; justify-content: space-between;}
header .nav {}
header .nav ul {
    display: flex;
    align-items: center;
}
header .nav ul li{
    padding: 0 0 0 20px;
}
header .nav ul li a{
    color: #222222;
    font-weight: 500; transition: 0.4s;
    font-size: 14px;
}
header .nav ul li a:hover{ color:#4bc5ef}




.canlicizim {background: url(../Images/canlicizim_bg.jpg) no-repeat top right;height: 646px;padding: 60px 0 0;}
#canlicizim h1 {display: flex;padding: 50px 0;flex-direction: row-reverse;}
.canlicizim_bg {color: #ffffff;background: url(../Images/canlicizim_date_bg.jpg) no-repeat 0 0;width: 620px;height: 530px;padding: 20px 40px;}
.canlicizim_bg h2 {font-family: 'Indie Flower';font-size: 30px;margin: 20px 0 20px;}
.canlicizim_bg p {padding: 0 0 20px 0;}
.canlicizim_bg strong { font-weight: 700;}





.imzagunleri {margin:50px 0;background: url(../Images/transparan-arkapplanlı-brush-izi.png) no-repeat bottom;min-height: 1020px;background-size: contain;}
.imzagunleri .nav  {display: flex;flex-wrap: wrap;text-align: center;}
#imzagunleri h1 {margin: 30px 0;}
.imzagunleri .nav a {transition: 0.3s;position: relative;width: 33%;padding: 20px;background: #794c96;color: #ffffff;border-right: 2px solid #fff;font-size: 18px;font-weight: 600;}
.imzagunleri .nav a.active {background: #404697;}
.imzagunleri .nav a.active::before {content: "";background: url(../Images/tabs_active.png) no-repeat;position: absolute;width: 59px;height: 30px;bottom: -29px;left: 0;right: 0;margin: 0 auto;}
.imzagunleri .tab-content {background:#ffffffb3;
    padding: 20px 25px;
    line-height: 24px;
    min-height: 710px;
    box-shadow: 0 0 5px #dedede;
    border-radius: 0 0 20px 20px;
    border-bottom: 0;}
.imzagunleri .tab-content strong {font-weight: 700; display: block  ;}
.imzagunleri .tab-content p {padding-top: 25px;}



.etkinlikler {margin:50px 0;}
.etkinlikler .nav  {display: flex;flex-wrap: wrap;text-align: center;}
#etkinlikler h1 {margin: 30px 0;display: flex;flex-direction: row-reverse;}
.etkinlikler .nav a {transition: 0.3s;position: relative;width: 33%;padding: 20px;background: #ea687f;color: #ffffff;font-size: 18px;border-right: 2px solid #fff;font-weight: 600;}
.etkinlikler .nav a.active {background: #e61a53;}
.etkinlikler .nav a.active::before {content: "";background: url(../Images/tabs_active_green.png) no-repeat;position: absolute;width: 59px;height: 30px;bottom: -29px;left: 0;right: 0;margin: 0 auto;}
.etkinlikler .tab-content { background: #fafafa; padding:20px 25px; line-height:24px }
.etkinlikler .tab-content h3 {
    text-align: left;
    display: block;
    margin: 50px 0 0 0;
    font-size: 22px;
    font-weight: 600;
    color: #000000;
    border-bottom: 1px dotted #000000;
    padding: 0 0 5px 0;
    font-style: italic;
}
.etkinlikler .tab-content strong {font-weight: 700; display: block  ;}
.etkinlikler .tab-content p {padding-top: 25px;}




.sergi {color: #ffffff;line-height: 40px;padding: 50px 0;background: #a0b2d7;background-size: cover;}
.sergi h1 {margin: 30px 0;text-align: center;    display: block; }

.sergi strong {font-weight: 600; display: block; margin:20px 0 0 0}
.sergi  a {
    background: #794c96;
    color: #fff;
    margin: 0 10px 0 0;
    padding: 10px 30px;
    border-radius: 10px 10px 0 0;
    }
    .sergi  a.active {background: #404697;}
.katilimcilar {  padding: 60px 0; }
.katilimcilar h1 {margin: 30px 0;text-align: center;    display: block; }
.katilimcilar .katilimcilar_list {display: flex;justify-content: space-between;}
.katilimcilar .katilimcilar_list ul {background: #fafafa;border: 1px solid #bb2a1d;width: 32%;padding: 30px 50px;line-height: 15px;}
.katilimcilar .katilimcilar_list ul li {
  
padding: 10px;
}



.katilimcilar .katilimcilar_list ul li::before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #dc574b; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 13px; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
  }

  .sticky_header {position: fixed;width: 100%;background: #fff;z-index: 9999;box-shadow: 0 0 5px #dedede;}


  .info{color:#fafafa;background: #404797;padding: 45px 0;line-height: 24px;}

  .info p {padding: 20px 0 0 0;}
  .info strong {font-weight: 700;}

  .kurallar{color:#fafafa;background: #3db7e0;padding: 45px 0;line-height: 24px;}

  .kurallar p {padding: 20px 0 0 0;}
  .kurallar strong {font-weight: 700;}


footer {background:#ebebeb; }
footer iframe {}
footer .footer_detail {width: 550px;/* display: flex; */float: right;color: #000;padding: 60px 0 0 0;}
footer .footer_detail p{display: flex;padding: 30px 0 0px 0;align-items: center;}
footer .footer_detail label{  }
footer .footer_detail i.icon_1{background: url(../Images/contact_icon_1.png) no-repeat 0 0;width: 29px;height: 41px;display: block;margin: 0 20px 0 0;}
footer .footer_detail i.icon_2{background: url(../Images/contact_icon_2.png) no-repeat 0 0;width: 35px;height: 41px;display: block;margin: 0 20px 0 0;}

.footer_bottom {text-align: center;padding: 15px;font-weight: 500;font-size: 13px;}


#hamburgerbtn{display:none;width: 35px;height: auto;position:relative;margin: 20px 20px;float:right;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;}
#hamburgerbtn span{display:block;position:absolute;height: 3px;width:100%;background: #3db7e0;border-radius:9px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
#hamburgerbtn span:nth-child(1){top:0}
#hamburgerbtn span:nth-child(2),#hamburgerbtn span:nth-child(3){top:10px}
#hamburgerbtn span:nth-child(4){top:20px}
#hamburgerbtn.open span:nth-child(1){top:10px;width:0;left:50%}
#hamburgerbtn.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
#hamburgerbtn.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#hamburgerbtn.open span:nth-child(4){top:10px;width:0;left:50%}
.web_promo {display: block;}
.mobile_promo {display: none;}



.scrolltop { display: none; position: fixed;right: 40px;background: #0284af;z-index: 666;/* width: 50px; */bottom: 50px;/* height: 50px; */color: #fff;border-radius: 5px;padding: 10px;}
.scrolltop:hover {color:#ffffff}

@media only screen and (max-width: 1200px) {
    footer .footer_detail {
        
     width: 100%;
        padding: 20px 0;
        text-align: center;}
        footer .footer_detail p {
            display: flex;
            padding: 30px 0 0px 0;
            align-items: center;
            text-align: left;
            margin: 0 auto;
            width: 430px;
        }
}

@media only screen and (max-width: 992px) {}

@media only screen and (max-width: 768px) {
    .imzagunleri .tab-content {min-height: auto;}
    .web_promo {display: none;}
    .mobile_promo {display: block;}

    #hamburgerbtn{display:block;}
    header .nav {display: none;}
    header .container {flex-direction: column;}
    header .nav ul  {flex-direction: column;     align-items: flex-start;}
    header .nav ul li {    padding: 10px;
        border-bottom: 1px solid #dedede;
        display: block;
        width: 100%;}
    .canlicizim_bg  { width: 100%; }
    #imzagunleri h1 {width: 100%; flex-direction: column; margin:0 auto; padding: 0 0 0 0;}
    #imzagunleri h1 img {display: block;width: 80%;margin: 0 auto;}
    #canlicizim h1 {width: 100%; flex-direction: column; margin:0 auto; padding: 50px 0 0 0;}
    #canlicizim h1 img {display: block;width: 80%;margin: 0 auto;}
    .imzagunleri {min-height: auto;}
    .imzagunleri .nav {    flex-direction: column;      width: 100%;}
    .imzagunleri .nav a {  width: 100%;}
    .imzagunleri .nav a.active::before {content: "";background: url(../Images/tabs_active_white.png) no-repeat;position: absolute;width: 31px;height: 32px;top: 15px;left: 1px;right: auto;margin: 0 auto;background-size: contain;}
    .etkinlikler .nav a.active::before {content: "";background: url(../Images/tabs_active_white.png) no-repeat;position: absolute;width: 31px;height: 32px;top: 15px;left: 1px;right: auto;margin: 0 auto;background-size: contain;}
    .etkinlikler .nav {    flex-direction: column;      width: 100%;}
    .etkinlikler .nav a {  width: 100%;}
    #etkinlikler h1 {width: 100%; flex-direction: column; margin:0 auto; padding: 0 0 0 0;}
    #etkinlikler h1 img {display: block;width: 80%;margin: 0 auto;}
    .sergi {background-size: cover;     line-height: 26px;}
    #sergi h1 {width: 100%; flex-direction: column; margin:0 auto; padding: 0 0 0 0;}
    #sergi h1 img {display: block;width: 80%;margin: 0 auto;}

    #katilimcilar h1 {width: 100%; flex-direction: column; margin:0 auto; padding: 0 0 0 0;}
    #katilimcilar h1 img {display: block;width: 80%;margin: 0 auto;}
    .katilimcilar .katilimcilar_list {flex-wrap: wrap;}
    .katilimcilar .katilimcilar_list ul {width: 100%;}
    .katilimcilar .katilimcilar_list ul {width: 100%;margin: 0 0 20px 0;}
    footer .footer_detail {width: 100%;}
    footer .footer_detail i.icon_1 {width: 49px;}


}


@media only screen and (max-width: 481px) {

    footer .footer_detail p {width: 100%;}

    
}