/**
    ## project name     : Ali Herischi
    ## author           : doanerkan / www.doanerkan.com
    ## agency           : sapkavefil.com
    ## date             : 24 Sep 2018
**/

    @font-face      { font-weight:300; font-family: 'Montserrat', sans-serif; font-style: normal; url('/fonts/Montserrat-Thin.ttf') format('truetype'); }
    @font-face      { font-weight:300; font-family: 'Montserrat', sans-serif; font-style: italic; url('/fonts/Montserrat-ThinItalic.ttf') format('truetype'); }
    @font-face      { font-weight:400; font-family: 'Montserrat', sans-serif; font-style: normal; url('/fonts/Montserrat-Regular.ttf') format('truetype'); }
    @font-face      { font-weight:500; font-family: 'Montserrat', sans-serif; font-style: normal; url('/fonts/Montserrat-Medium.ttf') format('truetype'); }
    @font-face      { font-weight:500; font-family: 'Montserrat', sans-serif; font-style: italic; url('/fonts/Montserrat-MediumItalic.ttf') format('truetype'); }
    @font-face      { font-weight:600; font-family: 'Montserrat', sans-serif; font-style: normal; url('/fonts/Montserrat-SemiBold.ttf') format('truetype'); }
    @font-face      { font-weight:600; font-family: 'Montserrat', sans-serif; font-style: italic; url('/fonts/Montserrat-SemiBoldItalic.ttf') format('truetype'); }
    @font-face      { font-weight:700; font-family: 'Montserrat', sans-serif; font-style: normal; url('/fonts/Montserrat-Bold.ttf') format('truetype'); }
    @font-face      { font-weight:700; font-family: 'Montserrat', sans-serif; font-style: italic; url('/fonts/Montserrat-BoldItalic.ttf') format('truetype'); }

    ul, li, div, a, img, table,
    tr, td, input, textarea, select
    { box-sizing: border-box; outline:none; }
    a, a:link, a:hover, a:focus   { cursor:pointer; outline:none; }

    body            { background:#fff url(../images/background.jpg) no-repeat center top; color:#333; font:400 15px 'Montserrat', sans-serif; margin:0; padding:0 0 100px 0; overflow-x:hidden; }
    .transeffect    { -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
    .img-responsive { width:auto; }  .DNone { display:block; }
    .col-lg-1_5     { width:20%; padding:0 15px; }
    hr              { border:none; border-top:#dfdfdf 1px solid; }
    a               { color:#666; font:400 14px 'Montserrat', sans-serif; cursor:pointer; }
    a:hover         { color:#333; text-decoration:underline; cursor:pointer; } a:active { text-decoration:none; } a:before { cursor:pointer; }

    .ta-left        { text-align:left; }
    .ta-right       { text-align:right; }
    .ta-center      { text-align:center; }
    .ta-justify     { text-align:justify; }

    .header         { width:100%; height:100px; padding:6px 0; text-align:center; }

    .uyelikform input    { width:100%; border:#dfdfdf 1px solid; padding:12px; margin-bottom:15px; border-radius:0; outline:none; box-sizing: border-box; color:#555; font:300 12px 'Montserrat', sans-serif; }
    .uyelikform textarea { width:100%; height:120px; border:#dfdfdf 1px solid; padding:12px; margin-bottom:15px; border-radius:0; outline:none; box-sizing: border-box; color:#555; font:300 12px 'Montserrat', sans-serif; }
    .uyelikform input[type=submit]    { width:auto !important; color:#fff; border:#333 1px solid; background:#666; padding:12px; margin-bottom:15px; border-radius:4px; outline:none; box-sizing: border-box; font:500 13px 'Montserrat', sans-serif; }
    .uyelikform input[type=submit]:hover    { background:#333; color:#fff; text-decoration:none; }

    .menut	{position:fixed; right: -279px;bottom: 470px; z-index:999;-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg);}
    .menut a 	{color:#fff;font: 500 14px 'Montserrat', sans-serif;text-decoration:none;margin-right: 42px;/* margin-top: 30px; */}
    .menut a:hover 	{ color:#c4c4c4; }

    .hr_herischi    { border:none; border-top:#0d0d0d 2px solid; }
    .etkinlikBar    { font:400 14px 'Montserrat', sans-serif; }
    .etkinlikBar h2     { margin:0; padding:0; }

    .etkinlikList   { min-height:140px; font:300 12px 'Montserrat', sans-serif; line-height:20px; }
    .etkinlikList span  { font:600 18px 'Montserrat', sans-serif; }
    .etkinlikList b  { font:500 14px 'Montserrat', sans-serif; }

    .rightMenu      { width:70px; height:100%; position:fixed; right:0; top:0; background:#222; }
    .ls-ct-center, .ls-ct-right, .ls-ct-left     { display:none; }
    .newsVideo      { margin:20px 0; }
    .newsVideo h3   { font:500 16px 'Montserrat', sans-serif; margin:5px 0 0 0; }

    .gallery    { height:120px; margin-bottom:10px; overflow:hidden; }
    .gallery a  { width:100%; height:100%; display:block; }

    .header         { text-align:center; }
    .header a img   { height:85px; }

    .phoneMenu          { width:100%; height:100%; background:rgba(0,0,0,0.95); position:fixed; z-index:9999; overflow: scroll; overflow-x:hidden; display:none; }
    .phoneMenu ul, .phoneMenu ul li     { padding:0; margin:0; list-style:none; }
    .phoneMenu h4           { display:block; padding:20px 0 0 20px; margin:0; color:#f2b045; font:normal 28px 'ProximaNovaBold', sans-serif; }
    .phoneMenu ul           { display:block; padding:20px 0 0 20px; }
    .phoneMenu ul li            { display:block; padding: 0 0 18px 0; }
    .phoneMenu ul li a              { display:block; color:#fff; font:normal 16px 'ProximaNovaBold', sans-serif; }
    .phoneMenu .xclose           { position:absolute; z-index:9999; right:20px; top:20px; color:#fff; font-size:30px; }

    .barsMenu       { padding:20px 12px 0 0; }
    .barsMenu      a        { color:#000; font-size:20px; }
    .barsMenu      a:hover      { color:#666; }

    .videoCover     { width:100%; }
    .videoCover .playButton     { width:100%; height:100%; padding:0 30px 30px 0; display:flex; position:absolute; font-size:45px; text-align: center; justify-content: center; align-items: center; color:#fff; }
    .videoCover .playButton:hover     { color:#cc0000; }

    .popup_gokce    { background:rgba(0,0,0,0.6); width:100%; height:100%; position:fixed; z-index:9998; }
    .popup_gokce div  { width:100%; height:100%; display:flex; align-items: center; justify-content: center; align-content: center; }
    .popup_gokce .close  { opacity:1.0; }
    .popup_gokce div img    { width:450px; }
    .fa-times   { color:#fff; font-size:30px; opacity:1.0 !important; margin:-440px 0 0 0; cursor:pointer; }

@media only screen and (min-width : 0px) and (max-width : 599px) {
    body            { background:#fff url(../images/background.jpg) repeat-y center top; color:#333; font:400 15px 'Montserrat', sans-serif; margin:0; padding:0 0 100px 0; overflow-x:hidden; }
    .header         { text-align:left; padding-left:20px; }
    .barsMenu      a        { color:#000; font-size:20px; margin:23px 20px 0 20px; }
    .etkinlikList   { min-height:200px; font:300 12px 'Montserrat', sans-serif; line-height:20px; }

    .popup_gokce div img    { width:320px; }
    .mobileGaleriHeight     { height:180px; }
    .mobileGaleriHeight b   { font:400 13px 'SourceSansPro', sans-serif !important; }
    .fa-times   { font-size:20px; margin:-300px 0 0 0; }
}
@media only screen and (min-width : 600px) and (max-width : 991px) {

}
@media only screen and (min-width : 992px) and (max-width : 1023px) {
    .menut	{ bottom:350px; }
}
@media only screen and (min-width : 1024px) and (max-width : 1180px) {
    .menut	{ bottom:410px; }
}
@media only screen and (min-width : 1181px) and (max-width : 1200px) {
    .menut	{ bottom:350px; }
}
@media only screen and (min-width : 1201px) and (max-width : 1366px) {
    .menut	{bottom: 310px;}
}
@media only screen and (min-width : 1367px) and (max-width : 1550px) {
    .menut	{ bottom:350px; }
}
@media only screen and (min-width : 1551px) {
    .menut	{ bottom:500px; }
}