.red{background-color: #8f8d8d;}
.green{background-color: #8f8d8d;}
.blue{background-color: #8f8d8d;}
.red .green .blue{height:100px;}
a {color:#727272;}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */

.color_tys{color:#737373;}
.color_green{color:#737373;}
.color_niagara{color:#737373;}
.color_lizil{background-color:#EFCEC5 !important;}
.bg-grey{background-color:#ebebeb !important; padding-top: 10px; }
header {background-color:#737373; width: 100%; height:60px; box-shadow: 0 3px 3px rgba(0,0,0,.29);}
body {background-color: #f5f8fa !important; overflow-x: hidden;}
.stycccky{z-index: 9999;width:100%;background-color: #737373 !important; border-radius: 0 !important; border: 0 !important;box-shadow: 0 3px 3px rgba(0,0,0,.29);}
.isk-page{background-color: #fff;border: 1px solid rgba(0, 0, 0, 0.125);padding-right:20px;}
.myblock{border: 1px solid rgba(0, 0, 0, 0.125);background-color: #fff; margin-right: 0 !important;}
.panel-heading {background-color: #737373  !important;border-color: #737373  !important;}

.heightmin270{min-height:280px !important;}
.panel-info {border-color: #737373 !important;}
.prazd_banner{height: 60px;display: none !important; }
.panel-info a {color:#000 !important;}
.panel-title {color:#000 !important;}
.ya-site-form__input-text{margin-top:13px;width:345px !important;height: 24px !important;}
.text-news-ul{margin-left: 5px !important;     -webkit-padding-start:0 !important;}
.text-news-ul li{border-bottom: 1px #737373 solid;list-style: none; padding-top:10px;}
.text-news-ul a{color:#000;}
.calendar {width:100%;	text-align: center;  font-style: bold;	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;}
.indic {border: 1px solid rgba(0, 0, 0, 0.125);background-color: #737373; margin:0 auto !important;padding-left:10px !important  ;position:inherit;bottom:auto;width:100%;display: list-item;list-style-type:none; counter-reset: myCounter;}
.indic li {border-bottom: 1px #000 solid;padding: 5px; margin-right: 10px; cursor: pointer;}
.slider_image{width:100% !important;min-width:100% !important; -webkit-filter: grayscale(100%);  }
.rimg img{padding:10px; }

#page_preloader {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	z-index: 100500;
}

#page_preloader .spin {
	width: 90px;
	height: 90px;
	position: absolute;
	left: 50%;
	top: 50%;
	background: url('https://izdatelstvo-sk.kz/static/img/spin1.gif') no-repeat 50% 50%;
	margin: -16px 0 0 -16px;
}

.sk-cube-grid {

  width: 40px;
  height: 40px;
  margin: 100px auto;
}

.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #02A3D9;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
          animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  }
}
#citeact{}
#citeact p{font-size: 1.2em !important;
    line-height: 1.2857143 !important;}
.author-bold{font-weight:bold !important; font-style: bold;}
.align-center{text-align:center !important;}
.hboo{height:460px !important;}
.bookz_1{ height:460px !important;   padding: 5px;
    background: #FFF;
    display: inline-block;
    text-align: left;
    margin-right: 20px;
    margin-bottom: 15px;
    margin-top: 5px;
    box-shadow: #bfbfbf 0 0 3px;
    vertical-align: text-bottom;}
.pl {padding: 0 0 0 15px  !important;}
.pr {padding: 0 15px 0 0 !important;}
li.active  {background-color:#000 !important; color:#fff; }
.indic li:last-child {border-bottom:0; }
.indic li:hover{background-color:#000; color:#fff; }
.dark-blue-date{background-color: #000; color:#fefefe; height:30px; vertical-align:baseline;}
.calendaric { margin-top:5px; padding-left: 0 !important;}
.nav-izdatsk{color:#fff;list-style: none;float: right;margin: 0; vertical-align:baseline; margin-top:5px;padding-right: 0 !important;}
.nav-izdatsk li{color:#fff;list-style: none;float:right;margin: 0 auto;padding-left:15px;}
.nav-izdatsk a{color:#fff;}
.nav-izdatsk a:hover{color:#EFCEC5;text-decoration: none;}

.news_href{color:#000;}
.news_href:hover {color:#000;}
.img-thumbnail2 {width:178px !iportant; heght:134px !important;border: 1.4px solid #d9d9d9;border-radius: 4px; -webkit-filter: grayscale(100%);  }
.img-thumbnail-booka{max-width: 175px !important; max-height: 175px !important;}
.text-bold{text-style:bold !import;}
.h60{height: 540px;}
.cal_month {}
.cal_day {}
.cal_holy {color:#EFCEC5; font-style: bold; font-weight: bold; }
.cal_today {color:#ebebeb;}

.navbar-nav{ overflow-x: hidden;}

#go-to-top2{display: none;position: fixed;
    top: 3px;
    right: 5px;}



.kaz_news{overflow-y:  scroll; height:500px;}
.kaz_news li{background-color: #eceaea;border-top:2px #fff solid;border-bottom:2px #fff solid;}
.kaz_news li:nth-child(odd){background-color: #e6e6e6;border-top:2px #fff solid;border-bottom:2px #fff solid;}

.rubrica_cn{width:100%;color:#EFCEC5;background: url(../img/black_diagonal_repeat.png); border-top: 1px solid #737373; margin:0 auto; padding:0;line-height: 24px; }

.read_all{margin-top: -10px; padding-top:0;color:#0D4D8B;text-align: right;}
.read_all a{color:#0D4D8B; }
.weather_down_icon{color:#bebebe !important;padding-left: 5px;}
.other_w a{color:#FFF !important; }

.rubric_name {
    display: block;
    background-color: #000;
    padding: 3px 10px !important;;
    color: #FFF;

    max-width: 25%;
	margin-top: 0 !important;
	margin-bottom:0 !important;}
.rubric_name:hover{
    color: #bebebe;
    text-decoration: none;
}





.logo-head{padding-top: 20px;}


.footer-warn{background-color: #0D4D8B; color:#fff; }
.footer-bottom {
    background-color: #000; color:#B9B9B9;
    min-height: 40px;
    width: 100%;
    font-size: 1em;
}



.copyrght{   vertical-align: baseline;}

.navbar-nav > li > a {color:#fff !important;}
.navbar-nav  li  a {color:#fff !important;}
.navbar-nav > li > a:hover {color:#737373 !important;}
.navbar-nav  li  a:hover {color:#737373 !important;}


.wth_clouds:after{background-image: url(../img/weather/Cloudy.png);
content: ' ';background-repeat:no-repeat;display:inline-block;width:34px;height:30px;}






  .affix {
     top: 0;
      width: 100%;
   transition: background .5s ease-in-out,padding .5s ease-in-out;
       -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
    -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;

}






#weatherMenu{border:none!important;background:none!important;color:#363636;  text-align: right; width: 100%; }
.weather.open{border-top-left-radius: 4px;border-top-right-radius: 4px;}
.weather{float:right;margin-top: 7px;color:#363636; margin-left:20px;}
.weather .temp{color:#fff;font-size: 15px;font-weight: bold;margin-left: 3px;}
.weather .city_name{font-size: 14px;font-weight: bold;padding-left: 4px; color:#bebebe;}
.weather .caret{vertical-align: top;margin-top: 7px;border-top: 7px dashed;border-top: 4px solid \9;border-right: 5px solid transparent;border-left: 5px solid transparent;}

.weather li{padding: 0 0 3px;cursor:pointer;font-size: 11px;}
/*.weather li:hover{    background: #DE030B;color: #fff;}*/
.weather li:hover{    background:#0a3f72;color: #fff;}
/*.weather li .temp, .additional_header .weather li .caret{display:none;}*/
.weather li .temp{padding-left:2px;}
.weather .day_clouds:after,
.weather .day_clouds_small:after,
.weather .day_clear:after,
.weather .day_clear_end:after,
.weather .night_clouds:after,
.weather .night_clouds_small:after,
.weather .night_clear:after,
.weather .shower:after,
.weather .thunder:after,
.weather .storm:after,
.weather .snow:after,

.weather .fog:after,
.weather .cloudy:after,
.weather .clear-night:after,
.weather .partly-cloudy-night:after,
.weather .partly-cloudy-day:after,
.weather .sleet:after,
.weather .clear-day:after,
.weather .wind:after,
.weather .rain:after{content: ' ';background-image:url(../img/weather_sprites_small.png);background-repeat:no-repeat;display:inline-block;width:34px;height:30px;margin-bottom: -6px;margin-left: 3px;}

.weather .day_clouds:after, .weather .fog:after, .weather .cloudy:after {background-position:0 0}
.weather .shower:after{background-position: -39px 0;}
.weather .night_clouds:after{background-position: 0 -35px;}
.weather .night_clear:after, .weather .clear-night:after{background-position: -117px 0;}
.weather .night_clouds_small:after, .weather .partly-cloudy-night:after{background-position: 0 -35px;}
.weather .day_clouds_small:after, .weather .partly-cloudy-day:after{background-position: -39px -35px;}
.weather .rain:after{background-position: -80px -35px;}
.weather .snow:after, .weather .sleet:after{background-position: -117px -35px;}
.weather .thunder:after{background-position:0 -70px;}
.weather .day_clear:after, .weather .clear-day:after{background-position: -39px -70px;}
.weather .day_clear_end:after{background-position: -78px -70px;}
.weather .storm:after, .weather .wind:after{background-position: -117px -70px;}



.weather .weather_menu{margin-top: 0;background:#0D4D8B;text-align:right;right:0;border:0;border-top-left-radius: 4px;border-top-right-radius: 4px;box-shadow:none;}

.weather .weather_line{margin-top: 0;background:#0D4D8B;text-align:right;right:0;padding-right: 10px;border:0;}
























/*** Table Styles **/

.table-fill {
  background: white;
  border-radius:3px;
  border-collapse: collapse;
  height: 320px;
  margin: auto;
  max-width: 600px;
  padding:5px;
  width: 100%;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  animation: float 5s infinite;
}

th {
  color:#D5DDE5;;
  background:#1b1e24;
  border-bottom:4px solid #9ea7af;
  border-right: 1px solid #343a45;
  font-size:23px;
  font-weight: 100;
  padding:24px;
  text-align:left;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  vertical-align:middle;
}

th:first-child {
  border-top-left-radius:3px;
}

th:last-child {
  border-top-right-radius:3px;
  border-right:none;
}

tr {
  border-top: 1px solid #C1C3D1;
  border-bottom-: 1px solid #C1C3D1;
  color:#666B85;
  font-size:16px;
  font-weight:normal;
  text-shadow: 0 1px 1px rgba(256, 256, 256, 0.1);
}

tr:hover td {
  background:#4E5066;
  color:#FFFFFF;
  border-top: 1px solid #22262e;
  border-bottom: 1px solid #22262e;
}

tr:first-child {
  border-top:none;
}

tr:last-child {
  border-bottom:none;
}

tr:nth-child(odd) td {
  background:#EBEBEB;
}

tr:nth-child(odd):hover td {
  background:#4E5066;
}

tr:last-child td:first-child {
  border-bottom-left-radius:3px;
}

tr:last-child td:last-child {
  border-bottom-right-radius:3px;
}

td {
  background:#FFFFFF;
  padding:20px;
  text-align:left;
  vertical-align:middle;
  font-weight:300;
  font-size:18px;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
  border-right: 1px solid #C1C3D1;
}

td:last-child {
  border-right: 0px;
}

th.text-left {
  text-align: left;
}

th.text-center {
  text-align: center;
}

th.text-right {
  text-align: right;
}

td.text-left {
  text-align: left;
}

td.text-center {
  text-align: center;
}

td.text-right {
  text-align: right;
}










/* ==========================================================================
  bread crums
   ========================================================================== */






.btn-breadcrumb .btn:not(:last-child):after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid white;
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: 100%;
  z-index: 3;
}
.btn-breadcrumb .btn:not(:last-child):before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 17px solid transparent;
  border-bottom: 17px solid transparent;
  border-left: 10px solid rgb(173, 173, 173);
  position: absolute;
  top: 50%;
  margin-top: -17px;
  margin-left: 1px;
  left: 100%;
  z-index: 3;
}

/** The Spacing **/
.btn-breadcrumb .btn {
  padding:6px 12px 6px 24px;
}
.btn-breadcrumb .btn:first-child {
  padding:6px 6px 6px 10px;
}
.btn-breadcrumb .btn:last-child {
  padding:6px 18px 6px 24px;
}

/** Default button **/
.btn-breadcrumb .btn.btn-default:not(:last-child):after {
  border-left: 10px solid #fff;
}
.btn-breadcrumb .btn.btn-default:not(:last-child):before {
  border-left: 10px solid #ccc;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
  border-left: 10px solid #ebebeb;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
  border-left: 10px solid #adadad;
}

/** Primary button **/
.btn-breadcrumb .btn.btn-primary:not(:last-child):after {
  border-left: 10px solid #428bca;
}
.btn-breadcrumb .btn.btn-primary:not(:last-child):before {
  border-left: 10px solid #357ebd;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):after {
  border-left: 10px solid #3276b1;
}
.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):before {
  border-left: 10px solid #285e8e;
}

/** Success button **/
.btn-breadcrumb .btn.btn-success:not(:last-child):after {
  border-left: 10px solid #5cb85c;
}
.btn-breadcrumb .btn.btn-success:not(:last-child):before {
  border-left: 10px solid #4cae4c;
}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):after {
  border-left: 10px solid #47a447;
}
.btn-breadcrumb .btn.btn-success:hover:not(:last-child):before {
  border-left: 10px solid #398439;
}

/** Danger button **/
.btn-breadcrumb .btn.btn-danger:not(:last-child):after {
  border-left: 10px solid #d9534f;
}
.btn-breadcrumb .btn.btn-danger:not(:last-child):before {
  border-left: 10px solid #d43f3a;
}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):after {
  border-left: 10px solid #d2322d;
}
.btn-breadcrumb .btn.btn-danger:hover:not(:last-child):before {
  border-left: 10px solid #ac2925;
}

/** Warning button **/
.btn-breadcrumb .btn.btn-warning:not(:last-child):after {
  border-left: 10px solid #f0ad4e;
}
.btn-breadcrumb .btn.btn-warning:not(:last-child):before {
  border-left: 10px solid #eea236;
}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):after {
  border-left: 10px solid #ed9c28;
}
.btn-breadcrumb .btn.btn-warning:hover:not(:last-child):before {
  border-left: 10px solid #d58512;
}

/** Info button **/
.btn-breadcrumb .btn.btn-info:not(:last-child):after {
  border-left: 10px solid #5bc0de;
}
.btn-breadcrumb .btn.btn-info:not(:last-child):before {
  border-left: 10px solid #46b8da;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):after {
  border-left: 10px solid #39b3d7;
}
.btn-breadcrumb .btn.btn-info:hover:not(:last-child):before {
  border-left: 10px solid #269abc;
}





























@import url(http://fonts.googleapis.com/css?family=Fjalla+One);
@import url(http://fonts.googleapis.com/css?family=Gudea);
footer {
	border-top:10px #ebebeb solid;
    background-color: #ebebeb;
	padding-top: 40px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;/*	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #003;*/
}



.title-widget {
	color: #898989;
	font-size: 14px;
	font-weight: 300;
	line-height: 1.5;
	position: relative;
	text-transform: uppercase;
	font-family: 'Fjalla One', sans-serif;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 25px;
	margin-left: 0;
	padding-left: 22px;
}

.title-widget::before {
   
    content: "";
    height: 22px;
    left: 0px;
    position: absolute;
    top: -2px;
    width: 5px;
}



.widget_nav_menu ul {
    list-style: outside none none;
    padding-left: 0;
}

.widget_archive ul li {
    background-color: rgba(0, 0, 0, 0.3);
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    top: 7px;
    width: 3px;
}


.widget_nav_menu ul li {
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
	position: relative;
    text-transform: uppercase;
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    margin-bottom: 7px;
    padding-bottom: 7px;
	width:95%;
}



.title-median {
    color: #737373;
    font-size: 13px;
    line-height: 18px;
    margin: 0 0 15px;
   	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
}

.footerp p {font-family: 'Gudea', sans-serif; }


#social:hover {
    			-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-o-transform:scale(1.1);
			}
			#social {
				-webkit-transform:scale(0.8);
                /* Browser Variations: */
-moz-transform:scale(0.8);
-o-transform:scale(0.8);
-webkit-transition-duration: 0.5s;
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
			}
/*
    Only Needed in Multi-Coloured Variation
                                               */
			.social-fb:hover {
				color: #3B5998;
			}
			.social-tw:hover {
				color: #4099FF;
			}
			.social-gp:hover {
				color: #d34836;
			}
			.social-em:hover {
				color: #f39c12;
			}
			.nomargin { margin:0px; padding:0px;}






.copyright {
    color: #fff;
    line-height: 30px;
    min-height: 30px;
    padding: 7px 0;
}
.design {
    color: #fff;
    line-height: 30px;
    min-height: 30px;
    padding: 7px 0;
    text-align: right;
}
.design a {
    color: #fff;
}



@media screen and (min-width:1024px) and (max-width: 1217px) {    
    .nav-izdatsk{padding-right: 0 !important;padding-left: 0 !important;}
    .ya-site-form__input-text{margin-top:13px;width:230px !important;}
    .h60{height:690px !important;}
    .kaz_news{height:650px !important;}
   }
@media screen and (min-width:990px) and (max-width: 1024px) {    
    .nav-izdatsk{padding-right: 0 !important;padding-left: 0 !important;}
    .ya-site-form__input-text{margin-top:13px;width:200px !important;}
       .h60{height:720px !important;}
    .kaz_news{height:680px !important;}
   }


   @media screen and (min-width:765px) and (max-width: 994px) {    
.ya-site-form__input-text{display: none !important;}
.h60{height:720px !important;}
   }


     @media screen and (max-width: 767px) {    
.navbar-nav li {padding-left: 30px !important;}
#go-to-top2{font-size: 1px !important;color:#000;top:0 !important; position: absolute;}
.navbar-nav {overflow: hidden !important;}
.ya-site-form__input-text{width:180px !important;}
.indic{display: none;}
.h60 {height: auto !important;}
 .rubric_name {max-width: 65%;}
}