@font-face {
    font-family: "sylfaen";
    src: url(./fonts/abcfontu.ttf) format("ttf");
}
body{
  font-family: sylfaen;
}
.book-list:hover{
	background: #eae7e7;
	cursor:pointer;
}
.contact-box{
background-color: #ffffff;
    border: 1px solid #e4e4e4;
    box-shadow: 1px 1px 5px #e4e4e4;
   
    height: 180px;
    margin: 10px 40px 0px 0px
}
.c-box-title{
	color:#9a1010;
}
.contact-box span{
	display: block;
}
.select2_single {
    margin-bottom: 20px;
    width: 100%;
    background: #ecf0f1;
    padding: 15px;
    color: #acacb1;
    box-shadow: inset 0 2px 2px rgb(0 0 0 / 20%);
}
.crew-fig{
  position: relative;
}
.last{
  
  height: 150px;
  max-width: 100% !important;
  display: block; margin: auto;
}
.figCap{
  text-align: center;
}
.hero .slides .slide-subtitle{
    font-size: 1.25em !important;
}

.check-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.check-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.check-container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.check-container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.check-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.check-container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.family-name{
    margin-top: 10px;
    text-align: center;
}
.muted{
    color:#b7b7b7 !important;
}
.vakif-list li{
  min-height: auto;
  padding: 10px 0 10px 0px
}
.main-navigation .menu .menu-item a{
  font-size:16px;
}
.branding .site-title{
  font-size: 24px!important;
}
.page-head .page-title{
  font-size:22px !important;
}
.main-navigation .menu .menu-item{
  margin:0 5px !important;
}
.language{
  margin:0px auto;
  margin-bottom: 10px;
}
.language div.menu-item{
  margin-left:15px;
  display: inline-block;
  border-bottom: 1px solid #e5e5e5;
}
.language div.menu-item:hover{
  border-bottom-color: #8f7655;
    border-width: 2px;
}
.main-navigation{
  clear:left;
}
.seremon-list img{
	object-fit: cover;
}
.hero .slides .button, .hero .slides form input[type="submit"], form .hero .slides input[type="submit"], .hero .slides form button, form .hero .slides button, .hero .slides form input[type="reset"], form .hero .slides input[type="reset"]{
	color:#000;
}
.slide-content h3,.slide-subtitle{
  font-weight: bold !important;
  font-size: 1.30em !important;
}

.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:12px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:0.3em 1em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}
.calender-panel{
  position: fixed;
  width: 100%;
  height:70%;
  top:15%;
  color:#000;
background-color: #e2caae;
z-index:  9998;
 -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
    overflow-x:auto;
}
.panel-closed{
  left:-100% !important;
   -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
}
.panel-opened{
  left:100% !important;
      -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
}
.calender-button{
  position: fixed;
  top:20px;
  left:20px;
  z-index:  9999;
  font-size:20px;

  font-weight: 500;
    padding: 1rem 1.5rem;
    border: 1px solid #000;
    overflow: hidden; 
    cursor:pointer;
    color:#fff ;
}
.calender-button:before{
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
content: '';
    background: #e2caae;
    transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);
    transform-origin: 100% 50%;
color:#fff ;

    }
    .calender-button:hover:before{
    transform: scale3d(0,1,1);
    transform-origin: 0% 50%;
  }
    .calender-button span{

    overflow: hidden;
    mix-blend-mode: difference;
    
  }
  .calender-button i{
    color:#fff ;
  }
  .calender-button:hover i{
     color:#000;
  }
  .calender-button:hover span{
    animation: MoveUpInitial 0.2s forwards, MoveUpEnd 0.2s forwards 0.2s;
     color:#000;
  }
.calender-button *{
  display:  block;
  text-align:   center;
}

.cal-page-wrapper{
  height: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  float: left;
  margin-right: 10px;
  width: 280px;
}
.cal-page-header{
  position: relative;
  background: #D6D6D6;
  padding: 10px;
  font-size:18px;
}
.cal-page-sound{
 position: absolute;
 right:10px;
}
.cal-page-body{
  background: #fff;
  height: 200px;
  overflow-x:hidden;
}
.cal-body-head{
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
.op-full{
  position: relative;
  height: 100%;
}
.cs-left,.cs-right{
font-size:40px;
position: absolute;
top:45%;
cursor: pointer;
 color:gray;
  -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
}
.cs-left{
  left:-3%;
  z-index: 9999;
}
.cs-left:hover, .cs-right:hover{
 color:black;
  -webkit-transition: all ease 0.4s;
    transition: all ease 0.4s;
}
.cs-right{
  right:-3%;
  z-index: 9999;
}
.cs-slide{
  position: absolute;
  height: 300px;
  width: 100%;
  overflow: hidden;
  top:25%;
  left: 0px;
}
.cs-slide-in{
  position: absolute;
  left:-2604px;
}
.cal-page-body .col-md-10 ul{
  margin-left:5px;
}
.cal-site{
  width: 100%;
  height: 250px;
  overflow-y: auto; 
}
.cal-site .cal-page-header{
  background: #e2caae;
}
.cal-site .cal-page-aa{
  padding: 10px;
}
.cal-mont-left{
  font-size:30px;
  text-align: right;
}
.cal-mont-right{
  font-size:30px;
  text-align: left;
}
.cal-mont-center{
  font-size:30px;
  text-align: center;
}
@media only screen and (max-width: 480px) {
  .op-full{
    overflow: hidden;
  }
  .cs-slide{
    width: 90%;
    left: 10%;
  }
  .cs-left{
    top:80% !important;
    left: 40% !important;
  }
  .cs-right{
     top:80% !important;
     right: 40% !important;
  }
}
@media only screen and (max-width: 1280px) {
.op-full{
    overflow: hidden;
  }
   .cs-slide{
    width: 90%;
    left: 10%;
  }
  .cs-left{
    top:80% !important;
    left: 40% !important;
  }
  .cs-right{
     top:80% !important;
     right: 40% !important;
  }
}