@import "blocks.css?v=27";

html,body{height:100%}
body{ color: #333; background-color:#fafafa; margin:0;padding:0;font:15px Arial, sans-serif; }
h1 {font-size: 20px; }
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset{margin:0;padding:0}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,table,font{font-size:1em;font-style:normal;font-weight:400}
h1,h2,h3,h4,h5,h6{font-family:Arial,sans-serif;margin:0 0 .2em;line-height:1.1em}
h1{font-size:20px;font-weight:400}
h2{font-size:14px;font-weight:700;line-height:18px}
h3{font-size:1em;font-weight:700;line-height:18px}
h4{font-size:10px;font-weight:700;line-height:18px}
input,textarea,select{font-size:1em;font-family:Arial,sans-serif;border:1px solid #868686;padding:2px;color:#1f1f1f}
input[type=submit],input[type=button],.submit{background:#1591d1;border:1px solid #1f58a3;color:#fff;padding:3px 6px;border-radius:3px}
a.submit{color:#fff;text-decoration:none}
p{padding:0;margin:0}
#wrap {  }

header, footer { position: relative; z-index: 10; width: 100%; }
header a, header a:hover{ color: #fff;}
footer { background: #ececec; padding: 20px 10px; color: #000; border-top: 1px solid #cacaca;  }
footer a, footer a:hover{ color: #333; }
footer .logo{  margin-right: 30px; }
header { top: 0px; z-index: 10; width: 100%; background: #fff;   }
.navi { min-height: 45px; width: 100%;  padding: 18px 8px; }
.cats { overflow: hidden; height: auto; width: 100%; display: block; }



.cats_visible , .cats.cats_visible{ height: auto !important; }


.headerfix .cats {  position: fixed; top: 62px;  /*   margin-top: 60px; */}
.headerfix #header { position: fixed; top: 0; left: 0; right: 0; z-index: 100; }

.headerfix #header{ border-bottom: 2px solid #00afc2; }

#bannertop { width: 100%; max-width: 1000px; margin: 0px auto; }

@media (min-width: 1000px) {  
.container { width: 1000px;  } 
#cats { overflow: hidden; max-height: 55px; }
}

#maincont{ padding-top: 0px; padding-bottom: 0px; clear: both; min-height: 700px; }
.centerblok { padding-top: 10px; overflow: hidden;  clear: left; }

#rightblok { width: 240px; float: right; margin-left: 15px; /* background: #bfb; */ }
a { color: #292c61; }
a:hover{ color: #292c61; text-decoration: underline; }

#teldiv { display: inline-block; float: right; margin-right: 20%; overflow: hidden; }
#teldiv .fa{ font-size: 20px; }

#topbanners { max-height: 100px; width: 1000px; max-width: 100%; overflow: hidden; margin:0px auto;  }
#topbanners iframe { max-width: 100%; }

@media (min-width: 1030px) { #ulcats { margin-left: -15px; } }

#menumobil {display: none; color: #fff; font-size: 18px; color: #fff; padding: 15px 10px;text-indent: 35px; background: transparent url('menu_ico.png') 15px 50% no-repeat; }


#ulcats li { display: block; float: left; padding: 0px 1%; font-weight: 600; }
#ulcats li a{ color: #fff; font-size: 16px; font-weight: normal; display: block; padding: 18px 6px;  }
#ulcats li:hover, #ulcats li.liactive{ /* background: #f4f4f4; */ }
#ulcats li.homeico { background: #f4f4f4 url('images/homeico.png') center center no-repeat; text-indent: -9000px; }
#ulcats li.homeico:hover { background-color: #e4e2e2; }
a.logo, a:hover.logo { color: #FFFFFF; font-weight: bold; display: inline-block; float: left; font-size: 20px; text-decoration: none; overflow: hidden; max-width: 60%; margin-top: 5px; }
a#bolmeler { color: #C0CBD9; font-weight: bold; float: left; font-size: 20px; text-decoration: none; padding: 3px 0px; background: transparent url('menu_ico3.png') no-repeat 50% 50%; width: 40px; height: 40px; margin-right: 10px; display: none;  }
.headerfix a#bolmeler { display: inline-block; transition:all 0.5s ease-in; }
.otherlinks { float: right; display: inline; overflow: hidden; color: #C0CBD9; }
.otherlinks a { color: #C0CBD9;font-size: 14px; margin-right: 10px; line-height: 3; }
#butsearch { display: none;  width: 50px; height: 40px; background:transparent url('searchsubm2.png') no-repeat center 15px; cursor: pointer; position: absolute; top: 5px; right: 20px; }
#searchform { float: right; padding: 0px; margin: 0px; width: 25%; background: white; overflow: hidden; position: relative; display: inline-block; }
#inputsearch { background: #fff; border: 1px solid #cacaca; width: 100%; padding: 7px 10px; }
#submitsearch { background:#292c61 url('searchsubm.png') no-repeat center center; border: 0 none; border-radius: 0px; width: 12%; height: 100%; position: absolute; margin: 0px; top: 0px; right: 0px; }
#submitsearch:hover{ background-color: #838383; }


 h1, h2{ color: #333; font-size: 1.2em; font-weight: bold; margin-bottom: 10px; }
.article, article { padding: 15px; padding-bottom: 15px; background: #fff; margin-bottom: 15px;  line-height: 1.6; clear: both; overflow: hidden;  }

.article p, article p{ margin-bottom: 10px; }
.article img , .article iframe, .article embed, article img , article iframe, article embed, article video{ display: block; width: 100% \9; max-width: 100%; /* height: auto; */ }
.datespan { display: block; color: #646464; margin-bottom: 20px; clear: both; line-height: 1.2; }

.newslister { margin-left: -7px; margin-right: -7px; display: block; clear: both; }

.kitem { height: 225px; background: #fff; font-size: 20px; position:relative;z-index:0; margin-bottom: 15px; overflow: hidden; float: left; border: 0px solid #cacaca;  vertical-align: top;   }
.kitem:hover { }
.centerblok .kitem{ width: 31.33%; margin-left: 1%; margin-right: 1%; }

.kitem img, .kitem .imgholder{ height: 155px; min-width: 218px; width: 100%; display: block; }
.kitem .imgholder{ overflow: hidden; margin-bottom: 5px; }
.kitem a{ color: #292c61; font-size: 15px; margin-bottom: 20px; }
.kitem a:hover{ color: #292c61; text-decoration: underline; }
.kitem h3{ overflow: hidden; max-height: 60px; line-height: 1.4; font-weight: bold; }
.kitem .dttime{ display: block; color: #fff; font-size: 13px; font-weight: normal; padding: 3px 6px;  position: absolute; top: 0px; right: 0px; background: #00afc2;  }

.colsinner3 { height: 100px; background: #bbd; transition: all 0.2s ease-in-out 0s; }

a#scrollToTop{ 	width:40px; height: 40px; text-align:center; text-decoration: none; display:none;	position:fixed;	bottom: 20px; right: 5%; /* margin-right: -600px; */ background:transparent url('scrolltop.png') no-repeat; z-index: 1000; }
a#scrollToTop:hover{ text-decoration:none; }
#moreload { background: #cfcfcf; border: 1px solid #babcbc; color: #333; display: block; clear: both; width: 200px; max-width: 100%; margin: 0 auto; overflow: hidden; padding: 2px; text-align: center; margin-bottom: 15px; cursor: pointer; text-decoration: none;
}

.moreload_active { color: red; }


.centerblok:before, .centerblok:after, .article:before, .article:after, article:before, article:after, #maincont:before, #maincont:after, footer:before, footer:after , header:before, header:after{ display: table; content: " "; }
.centerblok:after, .article:after, article:after, #maincont:after, footer:after, header:after { clear: both; }
.fbicon { display: block; float: right; background:transparent url('fbicon.png'); width: 30px; height: 30px; }

.fbouterfix { display: block; overflow: hidden; width: 60px; height: 20px; line-height: 1;  }

.textcenter { text-align: center; }


.opacity0 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; }
.opacity1 { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; -khtml-opacity: 1;}

.topfbicon { float: right; border: 2px solid #fff; border-radius: 3px; height: 25px; margin-top: 5px; }


.bannerklass , .bannerklass a { line-height: 1.1 !important; }
.bannerklass {  clear: both; }
.fbnewsout { margin-bottom: 5px; }
.margin-bottom { margin-bottom: 5px; }
.margin-top { margin-top: 5px; }

.swiper-container {   width: 100%; height: auto; margin-bottom: 15px;  } 
.swiper-container .swiper-slide{ max-height: 350px; }
.swiper-pagination-bullet { width: 13px; height: 13px; border: 1px solid #fff; background: transparent; opacity: 1; }
.swiper-pagination-bullet-active { background: #fff; }
.slidercontent { position: absolute; bottom: 15%; left: 0%; width: 100%; right: 100%; text-align: center; padding: 0px 30px;
    color: #ffd660; font-size: 25px; font-weight: bold; line-height: 30px;
    text-shadow: 1px 1px #333; font-family: Arial,sans-serif;
}

.swiper-button-prev, .swiper-button-next { width: 50px; height: 68px; background-image: url('arrows.png?12'); background-repeat: no-repeat;  background-size: auto;     margin-top: -35px; }
.swiper-button-prev { background-position: 0px 0px; }
.swiper-button-next { background-position: 0px 100%; }

a.logo_text , a:hover.logo_text { margin-top: 5px;  color: #fff; font-weight: bold;  display: inline-block; white-space: nowrap; float: left; }


/*----- */
#header, header  { background: #542079; }
.cats { background: #8436bb; }
h1, h2{ color: #542079; font-size: 23px; }
a.logo_text , a:hover.logo_text { color: #fff; font-size: 25px;}
footer a.logo_text , footer a:hover.logo_text {  color: #333; }
a.telbutton, a:hover.telbutton { 
padding: 10px 20px; border-radius: 7px; display: inline-block; 
color: #fff; font-size: 20px; 
white-space: nowrap;
box-shadow:         2px 2px 9px 0px rgba(50, 50, 50, 0.61);
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);

background: #ff8944;
background: -moz-linear-gradient(top, #ff8944 0%, #e0661f 100%);
background: -webkit-linear-gradient(top, #ff8944 0%,#e0661f 100%);
background: linear-gradient(to bottom, #ff8944 0%,#e0661f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8944', endColorstr='#e0661f',GradientType=0 );
}


.topslogan { color: #fff; margin-left: 20%; float: right; }
.topslogan a, .topslogan a:hover { color: #fff; }

.pages-footlist { margin-top: 50px; clear: both; display: block; }
.pages-footlist { margin-top: 50px; clear: both; display: block; }

.pages-foottext { margin-top: 70px; clear: both; display: block; color: gray;  }

@media (min-width: 768px) and (max-width: 970px) {


.centerblok .kitem{ width: 47%; }
img, embed, iframe, audio, video {max-width: 100%; width: 100% \9; }
#ulcats li a{ padding-left: 3px; padding-right: 3px; font-size: 12px; }
.container { width: 100%; }
.out4 .kitem{ width: 31.93%; }
a#bolmeler { display: block !important; position: static; float: right; height: 30px; width: 21px !important; text-indent: 200px; overflow: hidden; margin: 0px; margin-left: 15px; background-color: transparent;  background-position: center center; padding: 10px 17px; border-radius: 6px; }
}

#telpopup { display: none; position: fixed; bottom: 5px; left: 0px; right: 0px; z-index: 99999; text-align: center; }
#telpopup a em { }
#telpopup a, #telpopup a:hover {
    padding: 13px 20px; border-radius: 7px;
    display: inline-block; margin: 10px auto;
    color: #fff;
    font-size: 20px;
    white-space: nowrap;
    box-shadow: 2px 2px 9px 0px rgba(50, 50, 50, 0.61);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    background: #ff8944;
    background: -moz-linear-gradient(top, #ff8944 0%, #e0661f 100%);
    background: -webkit-linear-gradient(top, #ff8944 0%,#e0661f 100%);
    background: linear-gradient(to bottom, #ff8944 0%,#e0661f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8944', endColorstr='#e0661f',GradientType=0 );
}


.margin-bot .btn { margin-bottom: 10px; }

.lnkopen { color: #292c61; }
.playtable td { vertical-align: top; }

.footlinks { clear: both; margin-bottom: 10px; }
.footlinks a { margin-right: 10px; }

#whatsapp_top {  float: left; margin-left: 10%; width: 40%; }
#whatsapp_fix {  position: fixed; bottom: 15px; right: 5%; z-index: 99999; }

a.btn-whatsapp {
    width: auto !important;
    padding: 0px 20px;
    display: inline-block;
    line-height: 35px;
    color:#fff;
    border-radius: 3px;
    font-size: 15px;
    background: #5cb85c url('images/whatsapp16.png') 12px 50%  no-repeat;
    text-indent: 16px;
}

a.btn-instagram {
    margin-left: 10%;
    width: auto !important;
    padding: 0px 20px;
    display: inline-block;
    line-height: 35px;
    color:#fff;
    border-radius: 3px;
    font-size: 15px;
    background: #d91fad url('images/instagram16.png') 12px 50%  no-repeat;
    text-indent: 16px;
}

@media (max-width: 767px) {

#telpopup { display: block; }

.logo_text { clear: both; float: none !important; }
#whatsapp_top { margin-top: 5px; display: block; clear: both !important; float: none !important; margin-left: 0% !important; width: 100%; }

.topslogan { display: block; margin-left: 0px; }

.swiper-button-prev, .swiper-button-next { background-size: 70%; height: 44px;     margin-top: -20px; }
#teldiv { margin-left: 0px; }
#wrap {  }
.headerfix { /* position: absolute !important; */ }

#bannertop { overflow: hidden; max-height: 100px; }
.headerfix #maincont { margin-top: 60px  }
.navi { min-height: auto; padding: 18px 15px; }
#searchform { width: 100% !important; float: right; display: none; /* display: block; */ margin-top: 5px; }
#butsearch , #menumobil  { display: block !important; }
#submitsearch { width: 25%; }
#teldiv { display: block !important;  float: none;  margin-top: 10px; }


a#bolmeler { display: block !important; margin-right: 10px; }
header .container { margin-left: -10px; margin-right: -10px; }
footer .logo{ display: block !important; float: none !important; margin-bottom: 5px; }
.otherlinks { display: none; width: 0; }
#ulcats { display: none; margin-left: 30px; } 

#ulcats li { float: none; font-weight: normal; white-space: nowrap; }
#ulcats li a{ padding: 8px 10px; }
#ulcats li.homeico { display: none;  background: #f4f4f4 url('images/homeico.png') 2px center no-repeat; text-indent: 30px; }
#maincont { padding-left: 0px; padding-right: 0px; }
.article, article { }
.centerblok .kitem, .kitem, .out4 .kitem{ display:block; width: 48% !important;  max-width: 48% !important; margin-left: 1%; margin-right: 1%; }
.centerblok { width: 100%; float: none; clear: both; }
#rightblok { width: 100%; float: none; padding-left: 0px; margin-left: 0px; clear: both; }
.container { padding-left: 10px; padding-right: 10px;}
.out4, .out3{ margin-left:0}
img, embed, iframe, audio, video {max-width: 100%; width: 100% \9; }

.newslister { margin-left: -3px !important; margin-right: -3px !important; }

}