/*
Theme Name: Yeni Yılbaşı
Theme URI: http://ankarayilbasi.com/wp-content/themes/newchristmas
Author: Saruhan Web Ajans
Author URI: http://ankarayilbasi.com/wp-content/themes/newchristmas
Description: Yeni Yılbaşı 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: yilbasi,
Text Domain: newchristmas

Bu Tema Saruhan Web Ajans tarafından yılbaşı sitesi veya siteleri için geliştirilmiştir.
*/

html {
    scroll-behavior: auto !important;
}

:root{
	--lightgold: #f5e882;
	--darkgold: #cd9a36;
}

body{
	background: #ae0409;
}

a{
	text-decoration: none;
	color: #111;
}
a:hover{
	color: #ed0012;
}
h1,h2,h3,h4,h5,h6{margin: 0;}

img{margin: 0;vertical-align: middle;}

p{margin: 0;}

.backToTop{position: fixed;bottom:60px;right: 15px;z-index: 9;box-shadow: 0 0 5px 0 #333;border-radius: 5px;background: #fff;padding: 10px;opacity: 0;visibility: hidden;transition: all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;}
.backToTopActive{opacity: 1;visibility: visible;}

/*header*/
header{}
header h1{font-size: 14px;margin-bottom: 15px;font-weight: 900;text-align: center;padding: 10px 0;line-height: 1;color: #fff;text-transform: uppercase;background: rgba(0, 0, 0, .4);}

header .logo{margin-bottom: 30px;}
header .logo img{display: block;max-width: 100%;height: auto;}

header .h-banner{width: 100%;height: auto;border-radius: 5px;margin-bottom: 15px;box-shadow: 0 0 10px #444;background: rgba(0,0,0,.2);overflow: hidden;border: 5px solid #fff;}
header .h-banner img{width: 100%;height: auto;}

.menu{background: linear-gradient(to bottom,var(--lightgold),var(--darkgold));border-radius: 5px;padding: 10px 0;position: relative;z-index: 999;margin-bottom: 20px;}

.menu-bar{display: none;}

.menu nav{display: flex;}
.menu nav ul{list-style: none;margin: 0;padding: 0;display:flex;}
.menu nav ul>li{}
.menu nav ul>li>a{display: block;padding: 0 10px;border-radius: 5px;line-height: 30px;font-size: 14px;box-shadow: 0 0 5px var(--darkgold);font-weight: 700;margin: 0 1px;border-left: 1px solid var(--darkgold);border-right: 1px solid var(--darkgold);transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;}
.menu nav ul>li:first-child>a{background: #000;color: var(--lightgold);}
.menu nav ul>li:last-child>a{border: 0;}
.menu nav ul>li>a:hover{background: #000;color: var(--lightgold);}
.menu nav ul>li:nth-child(8)>a,.menu nav ul>li:nth-child(9)>a{background: #ed0012;color: #fff;border: 0;border-radius: 5px;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;}
.menu nav ul>li:nth-child(8)>a:hover,.menu nav ul>li:nth-child(9)>a:hover{background: #000;color:var(--lightgold);}

.menu .search-btn{position: absolute;right: 5px;top: 5px;border: 1px solid #000;padding: 5px;border-radius: 5px;cursor: pointer;background: #000;color: #f5e882;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;}
.menu .search-btn:hover{background: unset;color: #000;}
.menu .search-btn img{filter: invert(100%);transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;}
.menu .search-btn:hover img{filter: invert(0%);}

.search-form{position: fixed;top: 0;right: 0;width: 100%;height: 100%;opacity: 0;visibility: hidden;z-index: 1000;background: rgba(0, 0, 0, .9);display: flex;flex-wrap: wrap;justify-content: center;align-items: center;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;}
.search-form-active{opacity: 1;visibility: visible;z-index: 99999;}
.search-form .form-close{position: absolute;right: 15px;top: 15px;line-height: 50px;width: 50px;height: 50px;color: #fff;text-indent: center;cursor: pointer;font-size: 35px;}
.search-form form{width: 750px;max-width: 90%;border: 2px solid #f5e882;display: flex;flex-wrap: wrap;}
.search-form form input{max-width: 85%;flex: 0 0 85%;line-height: 50px;background: #000;border: 0;text-indent: 15px;color: #fff;}
.search-form form input:focus,#search-form form input:active{outline: 0;}
.search-form form button{max-width: 15%;flex: 0 0 15%;line-height: 50px;border: 0;background: #000;position: relative;}
.search-form form button:before{content: '';width: 1px;height: 70%;top: 15%;position: absolute;left: 0;border-left: 2px solid #f5e882;}
.search-form form button img{filter: invert(100%);}

.fix-social-media{position: fixed;z-index: 999;left: 0;top: 70%;}
.fix-social-media h3{font-size: 14px;color: #fff;text-align: center;margin-bottom: 10px;text-shadow: 1px 1px 3px #000;}
.fix-social-media a{display: block;padding: 5px;background: #fff;}

.mobile-banner{display: none;visibility: hidden;opacity: 0;}

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

	header .logo img{display: block;margin: 0 auto;max-width: 75%;height: auto;}
	header .h-banner{display: none;}

	.menu{padding: 5px 0;}
	.menu-bar{display: flex;width: 42px;height: 42px;flex-wrap: wrap;flex-direction: column;justify-content: space-around;left: 10px;position: relative;margin: 0;}
	.menu-bar span{display: block;border-top: 4px solid #000;}
	.menu nav{position: relative;display: none;position: absolute;left: 0;width: 100%;background: rgba(0,0,0,.9);top: 52px;}
	.menu nav ul{padding: 10px;display: block;flex-wrap: wrap;}
	.menu nav ul>li{margin-bottom: 3px;}
	.menu nav ul>li>a{line-height: 40px;color: var(--darkgold);transition: linear .3s ease-in-out;-webkit-transition: linear .3s ease-in-out;-moz-transition: linear .3s ease-in-out;-o-transition: linear .3s ease-in-out;}
	.menu nav ul>li>a:hover{background: var(--darkgold);color: #000;}
	.menu nav ul>li:first-child>a{background: unset;color: var(--darkgold);}
	.menu nav ul>li:first-child>a:hover{background: var(--darkgold);color: #000;}

	.mobile-banner{display: block;opacity: 1;visibility: visible;margin-bottom: 30px;}
	.mobile-banner .mobile-sponsor{border: 5px solid #fff;border-radius: 5px;overflow: hidden;margin-bottom: 10px;}
	.mobile-banner .mobile-sponsor img{object-fit: cover;width: 100%;height: auto;}

	.mobile-banner .owl-head-slide{border: 5px solid #fff;border-radius: 5px;overflow: hidden;}
	.mobile-banner .owl-head-slide .item{}
	.mobile-banner .owl-head-slide .item img{width: 100%;height: auto;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.menu{padding: 5px 0;}
	.menu-bar{display: flex;width: 42px;height: 42px;flex-wrap: wrap;flex-direction: column;justify-content: space-around;left: 10px;position: relative;margin: 0;}
	.menu-bar span{display: block;border-top: 4px solid #000;}
	.menu nav{position: relative;display: none;position: absolute;left: 0;width: 100%;background: rgba(0,0,0,.9);top: 52px;}
	.menu nav ul{padding: 10px;display: block;flex-wrap: wrap;}
	.menu nav ul>li{margin-bottom: 3px;}
	.menu nav ul>li>a{line-height: 40px;color: var(--darkgold);transition: linear .3s ease-in-out;-webkit-transition: linear .3s ease-in-out;-moz-transition: linear .3s ease-in-out;-o-transition: linear .3s ease-in-out;}
	.menu nav ul>li>a:hover{background: var(--darkgold);color: #000;}
	.menu nav ul>li:first-child>a{background: unset;color: var(--darkgold);}
	.menu nav ul>li:first-child>a:hover{background: var(--darkgold);color: #000;}
}
@media only screen and (min-width: 1200px) and (max-width: 1440px){
	.menu nav ul>li>a{font-size: 13px;padding: 0 5px;}
}

.mobile-row{display: none;}
@media only screen and (max-width: 991px){
	.sidebar-left,.sidebar-right{display: none;}
	.mobile-row{display: block;}
}

/*m1*/
.m1{padding: 30px 0 0 0;box-shadow: 0 0 5px 0 #000;border-top: 5px solid #fff;border-bottom: 5px solid #fff;margin-bottom: 20px;background: url('images/m1-bg.jpg') no-repeat center center;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}
.m1 .m1-slide-1{min-height: 200px;margin-bottom: 30px;box-shadow: 0 0 10px red;background: rgba(0,0,0,.2);overflow: hidden;border-radius: 5px;}
.m1 .m1-slide-1 h2{background: linear-gradient(to bottom,#eb0d19,#ae0b11);color: #fff;text-align: center;font-size: 20px;font-weight: 900;text-align: center;padding: 10px 1px;text-shadow: 1px 1px 1px #000;}
.m1 .m1-slide-2{min-height: 200px;margin-bottom: 30px;box-shadow: 0 0 10px red;background: rgba(0,0,0,.2);overflow: hidden;border-radius: 5px;}
.m1 .m1-slide-2 h2{background: linear-gradient(to bottom,#eb0d19,#ae0b11);color: #fff;text-align: center;font-size: 20px;font-weight: 900;text-align: center;padding: 10px 1px;text-shadow: 1px 1px 1px #000;}

/*m2*/
.m2{margin-bottom: 30px;position: relative;}
.m2 .m2-list{margin-bottom: 30px;background: linear-gradient(to bottom,#f5e882,#cd9a36);border-radius: 5px;position: sticky;top: 10px;z-index: 99;}
.m2 .m2-list>ul{list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;}
.m2 .m2-list>ul>li{max-width: 16.66%;flex: 0 0 16.66%;padding: 5px 0;}
.m2 .m2-list>ul>li>span{display: flex;align-items: center;justify-content: center;font-size: 13px;padding: 5px 3px;font-weight: 600;text-align: center;min-height: 40px;line-height: 15px;border-right: 1px solid #000;cursor: pointer;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;}
.m2 .m2-list>ul>li>span:hover{background: #000;color: #f5e882;}
.m2 .m2-list>ul>li>.active{background: #000;color: #f5e882;}
.m2 .m2-list>ul>li:last-child>span{border-right: 0;}
@media only screen and (max-width: 767px){
	.m2 .m2-list{width: 100%;overflow-x: scroll;}
	.m2 .m2-list>ul{width: 150%;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
	.m2 .m2-list>ul>li>span{font-size: 12px;padding: 0 1px;}
}
@media only screen and (min-width: 1141px){
	.m2 .m2-list>ul>li>span{font-size: 14px;font-weight: 700;padding: 0 7px;}	
}

.m2 .m2-body{padding: 10px;background: #333;border-radius: 10px;margin-bottom: 20px;position: relative;}
.m2 .m2-body .title{font-size: 40px;color: #fff;text-align: center;text-shadow: 1px 1px 3px #000;margin-bottom: 30px;font-weight: 900;}

.m2 .m2-banner{min-height: 290px;margin-bottom: 15px;box-shadow: 0 0 10px #444;background: rgba(0,0,0,.2);position: relative;overflow: hidden;border-radius: 5px;border: 5px solid #fff;}
.m2 .m2-banner img{width: 100%;height: auto;min-height: 150px;object-fit: cover;}

.m2 .m2-box{margin-bottom: 15px;box-shadow: 0 0 10px #444;background: rgba(0,0,0,.2);position: relative;overflow: hidden;border-radius: 5px;border: 5px solid #fff;}
.m2 .m2-box .m2-box-body{display: flex;flex-wrap: wrap;}
.m2 .m2-box .contact{width: 100%;height: 100%;position: absolute;left: -100%;top: 0;padding: 10px;background: #fff;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;}
.m2 .m2-box .contact a{display: block;border-radius: 50px;margin-bottom: 10px;text-align: center;line-height: 50px;text-shadow: 1px 1px 1px #000;}
.m2 .m2-box .contact span{display: block;border-radius: 50px;margin-bottom: 10px;text-align: center;line-height: 50px;background: #ddd;}
.m2 .m2-box .contact span img{filter: grayscale(100%);}
.m2 .m2-box .contact .call-now{background: linear-gradient(#32C1CD,#238790);border: 2px solid #238790;color: #fff;}
.m2 .m2-box .contact .whatsapp{background: linear-gradient(#3eb842,#2d8630);border: 2px solid #2d8630;color: #fff;}

.m2 .m2-box .img{max-width: 100%;flex: 0 0 100%;height: 100%;background: #000;height: 350px;display: flex;align-items: center;}
.m2 .m2-box .img img{width: auto;height: auto;object-fit: contain;max-width: 100%;max-height: 100%;}
.m2 .m2-box .content{width: 100%;height: 100%;overflow: auto;padding: 15px 15px 50px 15px;background: #fff;text-align: center;position: absolute;left: 100%;top: 0;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;}
.m2 .m2-box .content div{margin-bottom: 15px;}
.m2 .m2-box .content p,.m2 .m2-box .content h1,.m2 .m2-box .content h2,.m2 .m2-box .content h3,.m2 .m2-box .content h4,.m2 .m2-box .content h5,.m2 .m2-box .content h6{font-size: 14px;line-height: 15px;}
.m2 .m2-box .content .more{display: block;font-size: 14px;font-weight: 900;}
.m2 .m2-box>ul{list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;width: 100%;user-select: none;border-top: 1px solid #fff;}
.m2 .m2-box>ul>li{max-width: 50%;flex: 0 0 50%;}
.m2 .m2-box>ul>li>button{display: block;width: 100%;font-size: 13px;background: #fff;border: 1px solid #000;text-align: center;line-height: 40px;color: #000;position: relative;cursor: pointer;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;}
.m2 .m2-box>ul>li>button:hover{background: #fff;color: #000;}
.m2 .m2-box>ul>li:first-child>button:before{content: '';width: 2px;height: 50%;right: -1px;top: 25%;position: absolute;background: #000;}
.m2 .m2-box>ul>li:first-child>button{border: 1px solid #000;border-right: 0;}
.m2 .m2-box>ul>li:last-child>button{border: 1px solid #000;border-left: 0;}

.m2 .m2-box .contactActive{left: 0;}
.m2 .m2-box .contentActive{left: 0;}

.m2 .m2-body .row{margin: 0 -7.5px;}
.m2 .m2-body .row .col-6,.m2 .m2-body .row .col-xl-6{padding: 0 7.5px;}
	
@media only screen and (max-width: 767px){
	.m2 .m2-box .img{height: 250px;}
	.m2 .m2-body{padding: 5px;}
	.m2 .m2-body .row{margin: 0 -5px;}
	.m2 .m2-body .row .col-6,.m2 .m2-body .row .col-xl-6{padding: 0 5px;}
	.m2 .m2-box>ul>li>button{line-height: 1;padding: 5px;}
}

/*m3*/
.m3{padding: 30px 0 0 0;background: #fff;}
.m3 .title{margin-bottom: 30px;}
.m3 .title h2{font-size: 40px;text-align: center;font-weight: 900;text-transform: uppercase;}

.m3 .m3-box{border: 2px dashed #ad0012;padding: 5px;margin-bottom: 30px;height: calc(100% - 30px);}
.m3 .m3-box .m3-box-img{min-height: 350px;}
.m3 .m3-box .m3-box-img img{width: 100%;height: 350px;object-fit: cover;}
.m3 .m3-box .m3-box-content{padding: 10px;}
.m3 .m3-box .m3-box-content h3{font-size: 18px;font-weight: 900;text-align: center;line-height: 20px;min-height: 50px;margin-bottom: 15px;}
.m3 .m3-box .m3-box-content{font-size: 13px;text-align: center;min-height: 350px;}

/*main-wp-pagenavi*/
.m3 .wp-pagenavi span,.m3 .wp-pagenavi a{border: 1px solid #000;color: #000;}
.m3 .wp-pagenavi a:hover{background: #000;color: #fff;}
.m3 .wp-pagenavi .current{background: #000;color: #fff;}

/*m4*/
.m4{padding: 50px 0 0 0;}
.m4 .text{margin-bottom: 50px;}
.m4 .text h2{font-size: 36px;font-weight: 900;color: #fff;text-align: center;margin-bottom: 30px;}
.m4 .text p{color: #fff;text-align: center;margin-bottom: 20px;}
.m4 .text p b{background: #000;color: #fff;display: inline-block;padding: 0 7px;border-radius: 3px;}
.m4 .text p a{display: inline-block;font-weight: 700;color: #ddd;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-o--transition: all .3s ease-in-out;-moz--transition: all .3s ease-in-out;}
.m4 .text p a:hover{color: #000;}

@media only screen and (min-width: 1141px){
	.m4{padding: 100px 0 50px 0;}
}

/*m5*/
.m5{background:#000;padding:50px 0 0 0;}
.m5 .title{margin-bottom:50px;}
.m5 .title h2{font-size:30px;font-weight: 900;line-height:1.5em;color:#fff;text-align: center;}
.m5 .list{margin-bottom: 50px;}
.m5 .list>ul{list-style: none;margin:0;padding:0;display: flex;flex-wrap: wrap;}
.m5 .list>ul>li{max-width:20%;flex:0 0 20%;padding-left:5px;padding-right:5px;}
.m5 .list>ul>li>.box{margin-bottom: 20px;border:1px solid #fff;padding:10px;border-radius: 10px;}
.m5 .list>ul>li>.box a{color:#fff;}
.m5 .list>ul>li>.box a:hover{opacity: .7;}
.m5 .list>ul>li>.box img{display: block;margin:0 auto 20px auto;max-width:100%;height: auto;filter: invert(100%);}
.m5 .list>ul>li>.box span{display: block;text-align: center;font-size:18px;font-weight: 100;}
.m5 .list>ul>li>.box span>b{display: block;font-size:24px;font-weight: 700;}
@media only screen and (max-width:767px){
	.m5 .list>ul>li{max-width: 50%;flex:0 0 50%;}
}

/*program*/
.program{padding: 30px 0 0 0;background: rgba(0, 0, 0, .5);margin-bottom: 30px;}
.program .program-list{margin-bottom: 30px;border-radius: 30px;background: rgba(255,255,255,.1);box-shadow: 0 0 10px 0 #ed0012;padding: 20px;}
.program .program-list h2{font-size: 26px;font-weight: 700;color: #fff;margin-bottom: 20px;}
.program .program-list>ul{list-style: none;margin: 0;padding: 0;}
.program .program-list>ul>li{border-bottom: 1px dotted #000;padding: 5px 0;}
.program .program-list>ul>li>a{position: relative;padding-left: 20px;padding-right: 45px;display: block;color: #fff;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;}
.program .program-list>ul>li>a:hover{background: #fff;padding-left: 25px;}
.program .program-list>ul>li>a>img{position: absolute;left: 0;top: 5px;filter: invert(100%);transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;}
.program .program-list>ul>li>a:hover>img{filter: invert(0%);transform: rotate(360deg);}
.program .program-list>ul>li>a>span{display: inline-block;line-height: 30px;font-size: 14px;padding-left: 10px;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;}
.program .program-list>ul>li>a:hover>span{color: #000;}
.program .program-list>ul>li>a>label{position: absolute;right: 0;top: 0;line-height: 30px;padding-right: 5px;display: block;margin: 0;font-size: 14px;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;}
.program .program-list>ul>li>a:hover>label{color: #000;}

@media only screen and (max-width: 767px){
	.program .program-list>ul>li>a{min-height: 30px;}
	.program .program-list>ul>li>a>span{font-size: 13px;line-height: 15px;}
}

@media only screen and (min-width: 992px) and (max-width: 1200px){
	.program .program-list h2{font-size: 22px;}
	.program .program-list>ul>li>a>span{font-size: 13px;}
}

/*kosangeyik*/
@keyframes kosangeyik{
	from{
		right: 0;
	}
	to{
		right: 100%;
	}
}
.geyik{position: fixed;bottom: 0;right: 0;animation: kosangeyik 20s linear infinite;}

/*sidebar*/
.sidebar-box{background: #fff;margin-bottom: 10px;border-radius: 5px;overflow: hidden;box-shadow: 0 3px 7px #222;}
.sidebar-box .s-title{background: linear-gradient(to bottom,#eb0d19,#ae0b11);}
.sidebar-box .s-title h3{padding: 5px;text-align: center;line-height: 15px;font-weight: 900;min-height: 60px;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 17px;text-shadow: 0 0 5px #111;}
.sidebar-box .s-content{padding: 5px;}
.sidebar-box .s-content img{width: 100%;height: auto;}

@media only screen and (max-width: 767px){
	.sidebar-box .s-title h3{font-size: 13px;}
}

/*single*/
.single-page{}
.single-page .title{margin-bottom: 40px;}
.single-page .title h1{font-size: 40px;font-weight: 900;color: #fff;text-align: center;text-shadow: 5px 5px 10px #444;}

.single-page .info{margin-bottom: 10px;}
.single-page .info>ul{list-style: none;margin: 0;padding: 0;margin-left: -2px;margin-right: -2px;display: flex;flex-wrap: wrap;}
.single-page .info>ul>li{padding: 0 2px;max-width: 50%;flex: 0 0 50%;margin-bottom: 5px;}
.single-page .info>ul>li>a{display: block;border: 1px solid #fff;text-align: center;position: relative;padding: 5px 5px 5px 30px;border-radius: 5px;line-height: 30px;color: #fff;font-weight: 700;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;}
.single-page .info>ul>li>a>img{position: absolute;left: 5px;top: 7px;filter: invert(100%);}
.single-page .info>ul>li>a>label{display: block;margin: 0;cursor: pointer;line-height: 1.3;min-height: 21px;}
.single-page .info>ul>li>a>small{display: block;line-height: 1;font-size: 11px;font-weight: 500;cursor: pointer;}
.single-page .info>ul>li>a:hover{background: #ed0012;color: #fff;}

@media only screen and (max-width: 767px){
	.single-page .info>ul{margin-left: -1px;margin-right: -1px;}
	.single-page .info>ul>li{padding: 0 1px;max-width: 50%;flex: 0 0 50%;margin-bottom: 5px;}
	.single-page .info>ul>li>a>img{top:10px;}
	.single-page .info>ul>li>a>label{min-height: 30px;font-size: 13px;line-height: 15px;display: flex;justify-content: center;align-items: center;}
}

.single-page .program-info{background: #fff;padding: 20px;border-radius: 10px;margin-bottom: 10px;display: flex;flex-wrap: wrap;}
.single-page .program-info .article-img{max-width: 40%;height: 100%;background: #000;flex: 0 0 40%;min-height: 300px;align-items: center;display: flex;border-radius: 5px;overflow: hidden;}
.single-page .program-info .article-img img{width: auto;height: auto;max-width: 100%;max-height: 100%;object-fit: contain;}
.single-page .program-info .list{max-width: 60%;flex: 0 0 60%;}
.single-page .program-info .list>ul{list-style: none;margin: 0;padding-left: 20px;}
.single-page .program-info .list>ul>li{padding-bottom: 5px;margin-bottom: 5px;border-bottom: 1px dotted #000;padding-left: 10px;}
.single-page .program-info .list>ul>li>small{display: block;font-weight: 900;font-size: 13px;margin-bottom: 5px;}

@media only screen and (max-width: 991px){
	.single-page .program-info .article-img{max-width: 100%;flex: 0 0 100%;}	
	.single-page .program-info .article-img img{width: 100%;height: auto;object-fit: unset;}
	.single-page .program-info .list{max-width: 100%;flex: 0 0 100%;padding-top: 20px;}
	.single-page .program-info .list>ul{padding-left: 0;}
}

.single-page .content{background: #fff;border-radius: 10px;padding: 20px;text-align: center;margin-bottom: 10px;}
.single-page .content h1,.single-page .content h2,.single-page .content h3,.single-page .content h4,.single-page .content h5,.single-page .content h6{margin-bottom: 1em;}
.single-page .content p{margin-bottom: 1em;}
.single-page .content img{display: block;margin: 0 auto;max-width: 100%;height: auto;}

.single-page .session-plan{background: #111;padding: 10px;border-radius: 10px;margin-bottom: 20px;position: relative;}
.single-page .session-plan h2{font-size: 26px;font-weight: 900;text-align: center;color: #fff;padding: 20px 0;}
.single-page .session-plan div {position: relative;}
.single-page .session-plan div h3{font-size: 20px;color: #fff;margin-bottom: 10px;text-align:center;}
.single-page .session-plan div .img{width: 100%;height: 300px;object-fit: contain;background: #fff;margin-bottom: 10px;}
.single-page .session-plan div .down-btn{line-height: 30px;padding: 0 5px;color: #fff;background: #ff0000;right: 0;border-radius: 5px;border-radius: 5px;display: block;text-align: center;font-weight: 900;}
.single-page .session-plan div .down-btn img{background: unset;display: inline-block;filter: invert(100%);}
.single-page .session-plan div .icon{position: absolute;right: 30px;bottom:75px;}
.single-page .no-session-plan{min-height: 300px;border-radius: 10px;display: flex;flex-wrap: wrap;justify-content: center;align-items:center; background: url('images/no-session-plan.gif') no-repeat center center;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}
.single-page .no-session-plan h4{color: #fff;font-size: 22px;text-align: center;}

.single-page .slide{background: #000;border-radius: 10px;margin-bottom: 10px;padding: 10px;}

.single-page .view{margin-bottom: 10px;border: 2px solid #fff;text-align: center;color: #fff;padding:10px 0;border-radius: 10px;}
.single-page .view img{filter: invert(100%);}

.single-page .tags{margin-bottom: 10px;color: #eee;}
.single-page .tags h3{color: #fff;font-size: 20px;font-weight: 900;}
.single-page .tags a{color: #eee;transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;}
.single-page .tags a:hover{color: #000;}
/*comments*/
.single-page .comments{background: #fff;padding: 10px;border-radius: 10px;margin-bottom: 10px;}
.single-page .comments #commentspost{}
.single-page .comments .comments-title{font-size: 24px;font-weight: 900;margin-bottom: 20px;}
.single-page .comments .normalComments{list-style: none;margin: 0;padding: 0;}
.single-page .comments .normalComments .comment{}
.single-page .comments .normalComments .comment .comment-body{box-shadow: 0 0 5px 0 #ccc;border-radius: 10px;padding: 10px 10px 10px 10px;margin-bottom: 20px;position: relative;}
.single-page .comments .normalComments .comment .comment-body .comment-author{}
.single-page .comments .normalComments .comment .comment-body .comment-author img{border-radius: 50%;margin-right: 5px;}
.single-page .comments .normalComments .comment .comment-body .comment-author .fn{font-weight: 700;font-style: normal;}
.single-page .comments .normalComments .comment .comment-body .comment-author .says{font-style: italic;font-size: 14px;}
.single-page .comments .normalComments .comment .comment-body .comment-meta{position: absolute;top: 10px;right: 10px;font-size: 12px;line-height: 20px;}
.single-page .comments .normalComments .comment .comment-body p{margin-left: 80px;line-height: 20px;font-size: 14px;}
.single-page .comments .normalComments .comment .comment-body .reply{text-align: right;}
.single-page .comments .normalComments .comment .comment-body .reply a{display: inline-block;background:#aaa;color: #fff;font-size: 13px;border-radius: 5px;padding: 5px;}
.single-page .comments .normalComments .comment .children{list-style: none;margin: 0;}
.single-page .comments #respond{box-shadow: 0 0 5px 0 #ddd;padding: 20px;border-radius: 10px;}
.single-page .comments #respond .form-group{margin-bottom: 15px;}
.single-page .comments #respond .form-group label{display: block;color: #000;font-weight: 700;font-size: 13px;margin-bottom: 10px;}
.single-page .comments #respond .form-group input{height: 50px;}
.single-page .comments #respond .form-group .btn{width: 100%;height: auto;background: #444;color: #fff;}

.single-page .contact-list{position: fixed;bottom: -205px;left: 0;right: 0;text-align: center;z-index: 9999;transition: all .3s ease-in-out;-webkit-transition:  all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;}
.single-page .contact-list button{background: var(--darkgold);color: #fff;width:150px;border: 0;line-height: 50px;border-radius: 5px 5px 0 0;text-transform: uppercase;}
.single-page .contact-list .contact-list-body{background: #000;padding: 10px 10px 0 10px;border-top: 5px solid var(--darkgold);overflow: hidden;}
.single-page .contact-list .contact-list-body ul{list-style: none;margin: 0;padding: 0;}
.single-page .contact-list .contact-list-body ul>li{margin-bottom: 10px;}
.single-page .contact-list .contact-list-body ul>li>a{display: block;border: 2px solid #fff;line-height: 50px;padding: 0 20px;border-radius: 5px;user-select: none;}
.single-page .contact-list .contact-list-body ul>li>a>img{margin-right: 10px;}
.single-page .contact-list .contact-list-body ul>li>a>label{display: inline-block;margin: 0;font-size: 14px;cursor: pointer;}

.single-page .contact-list .contact-list-body ul>li>.whatsapp{background: linear-gradient(#3eb842,#2d8630);border: 2px solid #2d8630;color: #fff;}
.single-page .contact-list .contact-list-body ul>li>.call-now{background: linear-gradient(#32C1CD,#238790);border: 2px solid #238790;color: #fff;}
.single-page .contact-list .contact-list-body ul>li>.call-now>img{filter: invert(100%);}
.single-page .contact-list .contact-list-body ul>li>.map{background: linear-gradient(#E80F88,#790252);border: 2px solid #790252;color: #fff;}
.single-page .contact-list .contact-list-body ul>li>.map img{filter: invert(100%);}

.single-page .contact-list .contact-list-body ul>li>span{display: block;border: 2px solid #eee;background: #f9f9f9;line-height: 50px;padding: 0 20px;border-radius: 5px;color: #ccc;}
.single-page .contact-list .contact-list-body ul>li>span>img{margin-right: 10px;filter: grayscale(1);}
.single-page .contact-list .contact-list-body ul>li>span>label{display: inline-block;margin: 0;font-size: 14px;}

/*oturum-planı-popup*/
#opBox{width: 100%;height: 100vh;overflow: hidden;padding-top: 50px;background:#fff;position: fixed;top: 0;left: 0;opacity: 0;visibility: hidden;transform: scale(0);transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;z-index: 999999;}
#opBox .opBoxClose{position: absolute;right: 0;top: 0;width: 50px;height: 50px;line-height: 50px;text-align: center;font-size: 30px;}
#opBox .opBoxClose{position: absolute;right: 0;top: 0;width: 50px;height: 50px;line-height: 50px;text-align: center;font-size: 30px;}
#opBox .opBoxClose:active{opacity: .5;}
#opBox .opBoxBody{width: 100%;height: auto;width: 98%;margin: 0 auto;}
#opBox .opBoxBody .parent{width: 100%;height: 85vh;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
#opBox .opBoxBody .panzoom img{width: 100%;height: auto;min-width: 1000px;max-width: 100%;}
#opBox .buttons{width: 100%;height: auto;text-align: center;overflow: hidden;margin-bottom: 20px;}
#opBox .buttons button{display: inline-block;width: 100px;height: auto;line-height: 40px;border: 1px solid #000;border-radius: 5px;font-size: 20px;}
#opBox .buttons button:active{opacity: .5;}

/*archive*/
.archive-page{margin-bottom: 30px;}
.archive-page .archive-head{margin-bottom: 30px;}
.archive-page .archive-head h1{font-size: 40px;font-weight: 900;color: #fff;text-align: center;text-shadow: 5px 5px 10px #444;}
.archive-page .archive-body{padding: 10px;border-radius: 10px;background:#000;}

.archive-page .archive-body .archive-box{margin-bottom: 10px;padding: 10px;min-height: 375px;display: flex;flex-wrap: wrap;background: #fff;border-radius: 10px;position: relative;border: 2px solid var(--darkgold);overflow: hidden;}

.archive-page .archive-body .archive-box .article{max-width: 40%;flex: 0 0 40%;position: relative;z-index: 1;}
.archive-page .archive-body .archive-box .article img{width: 100%;height: 350px;object-fit: contain;background: #000;}

.archive-page .archive-body .archive-box .content{max-width: 60%;flex: 0 0 60%;padding-left: 10px;}
.archive-page .archive-body .archive-box .content>h2{font-size: 24px;font-weight: 700;margin-bottom: 20px;}

.archive-page .archive-body .archive-box .content .desc{margin-bottom: 20px;position: relative;z-index: 1;}
.archive-page .archive-body .archive-box .content .desc h2,
.archive-page .archive-body .archive-box .content .desc h3,
.archive-page .archive-body .archive-box .content .desc h4,
.archive-page .archive-body .archive-box .content .desc h5{font-size: 14px;}

.archive-page .archive-body .archive-box .content .contact-btn{position: absolute;bottom: 0;left: 0;right: 0;z-index: 2;text-align: center;}
.archive-page .archive-body .archive-box .content .contact-btn button{border: 0;background: var(--darkgold);color: #000;color: #fff;padding: 5px 25px;border-radius: 5px 5px 0 0;}

.archive-page .archive-body .archive-box .content .contact-list{width: 100%;height: 100%;background: #000;bottom: -100%;left: 0;right: 0;position: absolute;z-index: 2;transition: all .3s ease-in-out;-webkit-transition: all .3s eas-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;}
.archive-page .archive-body .archive-box .content .contact-list button{border: 0;background: var(--darkgold);color: #000;color: #fff;padding: 5px 25px;border-radius:0 0 5px 5px;margin: 0 auto;display: block;width: 120px;text-align: center;}
.archive-page .archive-body .archive-box .content .contact-list-active{bottom: 0;}

.archive-page .archive-body .archive-box .content .contact-list ul{list-style: none;margin: 0;padding: 10px;}
.archive-page .archive-body .archive-box .content .contact-list ul>li{margin-bottom: 10px;}

.archive-page .archive-body .archive-box .content .contact-list ul>li>a{display: block;border: 2px solid #fff;line-height: 50px;padding: 0 20px;border-radius: 5px;}
.archive-page .archive-body .archive-box .content .contact-list ul>li>a>img{margin-right: 10px;}
.archive-page .archive-body .archive-box .content .contact-list ul>li>a>label{display: inline-block;margin: 0;font-size: 14px;cursor: pointer;}

.archive-page .archive-body .archive-box .content .contact-list ul>li>.whatsapp{background: #3eb842;border: 2px solid #3eb842;color: #fff;}
.archive-page .archive-body .archive-box .content .contact-list ul>li>.call-now{background: #32C1CD;border: 2px solid #32C1CD;color: #fff;}
.archive-page .archive-body .archive-box .content .contact-list ul>li>.call-now>img{filter: invert(100%);}
.archive-page .archive-body .archive-box .content .contact-list ul>li>.read-more{background: linear-gradient(#6166B3,#3a3e78);border: 2px solid #3a3e78;color: #fff;}
.archive-page .archive-body .archive-box .content .contact-list ul>li>.read-more>img{filter: invert(100%);}

.archive-page .archive-body .archive-box .content .contact-list ul>li>span{display: block;border: 2px solid #eee;background: #f9f9f9;line-height: 50px;padding: 0 20px;border-radius: 5px;color: #ccc;}
.archive-page .archive-body .archive-box .content .contact-list ul>li>span>img{margin-right: 10px;filter: grayscale(1);}
.archive-page .archive-body .archive-box .content .contact-list ul>li>span>label{display: inline-block;margin: 0;font-size: 14px;}

@media only screen and (max-width: 767px){
	.archive-page .archive-body .archive-box .article{max-width: 100%;flex: 0 0 100%;}
	.archive-page .archive-body .archive-box .content{max-width: 100%;flex: 0 0 100%;padding-left: 0;padding-top: 10px;}
}

/*share-page*/
.share-page{position: fixed;z-index: 999;left: 0;top: 70%;}
.share-page h3{font-size: 14px;color: #fff;text-align: center;margin-bottom: 10px;text-shadow: 1px 1px 3px #000;}
.share-page a{display: block;padding: 5px;background: #fff;}

/*wp-pagenavi*/
.wp-pagenavi{display: flex;flex-wrap: wrap;justify-content: center;margin: 30px 0;}
.wp-pagenavi span,.wp-pagenavi a{max-width: 40px;flex: 0 0 40px;height: 40px;text-align: center;line-height: 40px;border: 1px solid #fff;display: block;margin: 0 1px;color: #fff;}
.wp-pagenavi a{transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;}
.wp-pagenavi a:hover{background: #fff;color: #000;}
.wp-pagenavi .current{background: #fff;color: #000;}

/*page*/
.page{}
.page .title{margin-bottom: 30px;}
.page .title h1{font-size: 40px;font-weight: 900;color: #fff;text-align: center;text-shadow: 5px 5px 10px #444;}

.page .content{background: #fff;padding: 20px;margin-bottom: 30px;border-radius: 10px;}
.page .content h2{font-size: 24px;margin-bottom: 20px;font-weight: 700;}
.page .content p{margin-bottom: 20px;}
.page .content table{width: 100%;height: auto;margin-bottom: 20px;}
.page .content table tr td{padding: 5px;border-bottom: 1px dotted #aaa;}
.page .content .form-group{margin-bottom: 10px;}
.page .content .form-group label{display: block;font-weight: 700;font-size: 14px;margin-bottom: 10px;}
.page .content .form-group input{width: 100%;height: 45px;line-height: 45px;text-indent: 10px;border-radius: 5px;border: 1px solid #ddd;}
.page .content .form-group select{width: 100%;height: 45px;line-height: 45px;border-radius: 5px;border: 1px solid #ddd;}
.page .content .form-group textarea{width: 100%;height: auto;border-radius: 5px;border: 1px solid #ddd;}
.page .content .form-group input[type="submit"]{background: linear-gradient(#ad0012,#ed0000);color: #fff;border: 1px solid #ad0012;}
.page .content .form-group input[type="submit"]:hover{background: linear-gradient(#ed0000,#ad0012);}

.page .content .wpcf7-spinner{display: block;margin: 10px auto;}
.page .content .wpcf7 form .wpcf7-response-output{margin: 0;}

.page-billboard{min-height: 200px;margin-bottom: 10px;box-shadow: 0 0 10px red;background: rgba(0,0,0,.2);overflow: hidden;border-radius: 5px;}
.page-billboard h2{background: linear-gradient(to bottom,#eb0d19,#ae0b11);color: #fff;text-align: center;font-size: 20px;font-weight: 900;text-align: center;padding: 10px 1px;text-shadow: 1px 1px 1px #000;}

/*footer*/
footer{background: #000;padding: 50px 0 0 0;color: #fff;overflow: hidden;}
footer .info{margin-bottom: 50px;text-align: center;font-size: 13px;color:#fff;}
footer .copyright{margin-bottom: 50px;text-align: center;font-size: 13px;}

footer .social-media{margin-bottom: 50px;}
footer .social-media h3{font-size: 26px;color: #ff0000;text-align: center;font-weight: 700;margin-bottom: 15px;}
footer .social-media>ul{list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;justify-content: center;}
footer .social-media>ul>li{}
footer .social-media>ul>li>a{display: block;padding: 0 15px;}
footer .social-media>ul>li>a>img{display: block;margin: 0 auto 5px auto;filter: invert(100%);}
footer .social-media>ul>li>a>span{display: block;text-align: center;font-size: 11px;color: #aaa;}

/*404*/
.page-404{background: #f7f7f7;padding: 50px 0 0 0;}
.page-404 .content{margin-bottom: 50px;display: flex;justify-content: center;align-items: center;flex-direction: column;height: 100%;}
.page-404 .content h1{font-size: 100px;font-weight: 900;margin-bottom: 30px;}
.page-404 .content p{font-size: 26px;font-weight: 200;text-align: center;margin-bottom: 15px;}
.page-404 .content p b{font-weight: 700;}
.page-404 .content .sf{width: 100%;}
.page-404 .content .sf form{display: flex;flex-wrap: wrap;border: 2px solid #ed0012;}
.page-404 .content .sf form input{max-width: 80%;flex: 0 0 80%;height: 50px;border: 0;text-indent: 15px;}
.page-404 .content .sf form button{max-width: 20%;flex: 0 0 20%;height: 50px;border: 0;background: #000;}
.page-404 .content .sf form button img{filter: invert(100%);}

.page-404 .img{margin-bottom: 50px;}
.page-404 .img img{display: block;max-width: 100%;height: auto;}

/*search*/
.search-page .no-search-box{border: 2px solid var(--darkgold);border-radius: 10px;padding: 20px;}
.search-page .no-search-box h3{font-size: 26px;text-align: center;color: #fff;font-weight: 700;padding: 10px 0;}
.search-page .no-search-box p{font-size: 18px;font-weight: 300;text-align: center;margin-bottom: 30px;color: #fff;padding: 10px 0;}

.search-page .form-box{}
.search-page .form-box form{display: flex;flex-wrap: wrap;}
.search-page .form-box form input{max-width: 80%;flex: 0 0 80%;height: 45px;border: 0;text-indent: 10px;}
.search-page .form-box form input:focus,.search-page .form-box form input:active{outline: 0;}
.search-page .form-box form button{max-width: 20%;flex: 0 0 20%;height: 35px;background: #ad0012;height: 45px;border: 0;}
.search-page .form-box form button img{filter: invert(100%);}