/*
 * Template Name: College Green - Responsive Website Template for Education & Training
 * Version: 1.5
 * Author: Xiaoying Riley at 3rd Wave Media
 * Website: http://themes.3rdwavemedia.com/
 * Twitter: @3rdwave_themes
*/
/* ======= Base ======= */
/*@import url('https://fonts.googleapis.com/css?family=Lora:400,400i,700,700i&subset=cyrillic');*/
@import url(https://fonts.googleapis.com/css?family=Play:400,700&subset=latin,cyrillic);

html,
body {
  /*height: 100%;*/
  background-color:#ffffff;
  /*
  background-color:#fefefe;
  background-image: url('/images/body_uzor.png');
  */


}
body {

  /*font: 400 14px/16px Calibri, Arial;*/
  font: 400 15px/20px Play, Calibri, Tahoma, Arial,  Tahoma, Arial;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}

/* ::-webkit-scrollbar{
  width: 8px;
  background-color: red;
}

::-webkit-scrollbar-thumb{
  border-radius: 10px;
  background-color: #a6a6a6;
  box-shadow: inset 0 0 6px rgba(0,0,0,.3);
}

::-webkit-scrollbar-track{
  border-radius: 10px;
  background-color: white;
  box-shadow: inset 0 0 6px rgba(0,0,0,.3);
} */

.wrapper {
  min-height: 100%;
  margin-bottom: -344px;
  /* equal to footer height */

}
.wrapper:after {
  content: "";
  display: block;
  height: 344px;
  /* must be the same height as footer */
}
.footer {
  height: 344px;
  /* must be the same height as footer */
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Play, Calibri, Tahoma, Arial,   sans-serif;
  font-weight: 700;
}


td{
  padding: 5px;
  border: 1px solid #000;
}

p {
  color: #444;

}
a {
  color: #0f73c6;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  text-decoration:underline;
}
a:hover {
  text-decoration: none;
  color: #365d7e;
}
a:focus {
  text-decoration: none;
}
/*.btn {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}*/

.btn {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0.25rem;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  /* border: 1px solid #80c242;
  color: #80c242; */
  border: 1px solid #bce8f1;
  color: #31708f;

}

.btn:hover{
  color: #fff;
  background-color: #80c242;
  background-color: #0f73c6;
  border-color: #0f73c6;
}


.btn .fa {
  color: #fff;
  margin-right: 5px;
}
.btn .fa.fa-search {
  margin-right: 0;
}
.btn-theme {
  background: #6091ba;
  border: 1px solid #6091ba;
  color: #fff;
}
.btn-theme:hover {
  background: #84aac9;
  border: 1px solid #84aac9;
  color: #fff;
}
a.btn-cta,
.btn-cta {
  background: #6091ba;
  color: #fff;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 1.33;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #6091ba;
  font-family: Play, Calibri, Tahoma, Arial,   sans-serif;
}
a.btn-cta:hover,
.btn-cta:hover {
  color: #fff;
  background: #84aac9;
  border: 1px solid #84aac9;
}
a.btn-cta .fa,
.btn-cta .fa {
  margin-right: 10px;
  font-size: 20px;
  color: #fff;
}
.form-control {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.form-control:focus {
  border-color: #6091ba;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
blockquote {
  font-size: 14px;
}
blockquote p {
  font-size: 14px;
  line-height: 1.5;
}
.RedDamask {
  background-color: #e27240;
}
.RedDamask:hover {
  background-color: #df622a;
}
.FireBush {
  background-color: #E28D40;
}
.FireBush:hover {
  background-color: #df802a;
}
.OliveDrab {
  background-color: #60A823;
}
.OliveDrab:hover {
  background-color: #54931f;
}
.Mojo {
  background-color: #C94139;
}
.Mojo:hover {
  background-color: #b73932;
}
.text-highlight {
  color: #27435a;
}
.highlight-border {
  border-color: #6091ba;
}
.read-more {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  font-size: 13px;
  display: block;
}
.read-more .fa {
  position: relative;
  top: 1px;
  margin-left: 5px;
}
.read-more:hover {
  text-decoration: none;
}
.carousel-fade .item {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
}
.carousel-fade .item.active {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
#topcontrol {
  background: #84aac9;
  color: #fff;
  text-align: center;
  display: inline-block;
  width: 35px;
  height: 35px;
  border: none;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  z-index: 999;
}
#topcontrol:hover {
  background: #6091ba;
}
#topcontrol .fa {
  position: relative;
  top: 3px;
  font-size: 25px;
}
.row-end {
  margin-right: 0;
  padding-right: 0;
}
ul.custom-list-style li {
  list-style: none;
}
.date-label {
  background: #f5f5f5;
  display: inline-block;
  width: 40px;
  height: 50px;
  text-align: center;
  font-size: 13px;
}
.date-label .month {
  background: #6091ba;
  color: #fff;
  display: block;
  font-size: 13px;
  text-transform: uppercase;
}
.date-label .date-number {
  clear: left;
  display: block;
  padding-top: 5px;
  font-size: 15px;
  font-family: Play, Calibri, Tahoma, Arial,   sans-serif;
  font-weight: 500;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #6091ba;
  border-color: #6091ba;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #eef3f8;
  border-color: #a7c2d9;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.nav-tabs {
  border-bottom: none;
  position: relative;
  margin-bottom: -1px;
}
.tab-content {
  border: 1px solid #e8e8e8;
  padding: 15px;
  margin-bottom: 20px;
}
.nav > li > a {
  /*font-size: 12px;*/
}
.nav > li > a:focus,
.nav > li > a:hover {
  background: inherit;
}

@media (min-width: 768px) and (max-width: 985px) {
	.nav > li > a {
	  font-size: 9px;
	  padding: 10px 7px;
	}
}

@media (min-width: 985px) and (max-width: 1199px) {
	.nav > li > a {
	  font-size: 11px;
	  padding: 10px 10px;
	}
}

.nav-tabs > li > a {
  border: 1px solid #e8e8e8;
  border-bottom: none;
  background: #f5f5f5;
  padding: 5px 15px;
  margin-right: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #444;
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -ms-transition: all 0s;
  -o-transition: all 0s;
}
.nav-tabs > li {
  margin-right: 2px;
}
.nav-tabs > li.active {
  border-top: 2px solid #6091ba;
}
.nav-tabs > li.active a,
.nav-tabs > li.active a:hover,
.nav-tabs > li.active a:active,
.nav-tabs > li.active a:focus {
  border-bottom: 0;
  border-top: 0;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background: #f5f8fb;

}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-top: 1px solid #ebebeb;
  line-height: 16px;
  padding: 10px 15px;
}
.red {
	color: red;
}
.fa-photoiconsize {
	font-size:32px;
	color: #dddddd;
}
.fa-photoiconsize-dark{
	font-size:28px;
	color: #7d999f;
}
.fa-photoiconsize-red {
	font-size:28px;
	color: #e0b44a;
}
.table > thead > tr > th {
  border-bottom: 2px solid #a7c2d9;
  color: #365d7e;

}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background: #f5f8fb;
}
.table-boxed,
.table-bordered {
  border: 1px solid #ebebeb;
}
.table.table-boxed > thead > tr > th {
  border-bottom: none;
  background: #6091ba;
  color: #fff;
}
.panel-group .panel {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.panel-group .panel .panel-heading {
  background: none;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.panel-group .panel .panel-heading .panel-title a {
  color: #6091ba;
}
.panel-group .panel .panel-heading .panel-title a:before {
  font-family: FontAwesome;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f146";
  margin-right: 5px;
}
.panel-group .panel .panel-heading .panel-title a.collapsed:before {
  content: "\f0fe";
}
.panel-group .panel .panel-body {
  font-size: 13px;
}
.panel {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.panel .panel-heading {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.panel .panel-heading h3.panel-title {
  font-weight: 700;
	font-size: 20px;
}
.panel .panel-heading .label {
  font-size: 10px;
}
.panel .panel-footer {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.panel .panel-footer ul {
  margin-bottom: 0;
}
.panel .panel-footer ul.list-inline li {
  margin-bottom: 0;
}
.panel .panel-footer small {
  color: #999;
}
.panel > .list-group .list-group-item:last-child {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.panel-theme {
  border-color: #6091ba;
}
.panel-theme > .panel-heading,
.panel-theme > .panel-footer {
  color: #fff;
  background: #6091ba;
  border-color: #6091ba;
}
.no-margins {
  margin: 0;
}
.no-margin-left {
  margin-left: 0;
}
.no-margin-right {
  margin-right: 0;
}
.no-margin-top {
  margin-top: 0;
}
.no-margin-bottom {
  margin-bottom: 0;
}
.label {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.label.label-theme {
  background: #6091ba;
}
.label .fa {
  margin-right: 4px;
}
.label.label-icon-only .fa {
  margin-right: 0;
}
.badge.badge-theme {
  background: #6091ba;
}
.badge.badge-default {
  background: #999;
}
.badge.badge-primary {
  background: #428bca;
}
.badge.badge-success {
  background: #5cb85c;
}
.badge.badge-info {
  background: #5bc0de;
}
.badge.badge-info {
  background: #5bc0de;
}
.badge.badge-warning {
  background: #f0ad4e;
}
.badge.badge-danger {
  background: #d9534f;
}
.promo-badge {
  display: table;
}
.promo-badge a {
  color: #fff;
  display: table-cell;
  width: 135px;
  height: 135px;
  text-align: center;
  vertical-align: middle;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 5px solid #fff;
  -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
}
.promo-badge .percentage {
  font-size: 32px;
  font-weight: 500;
  color: #fff;
  position: relative;
  font-family: Play, Calibri, Tahoma, Arial,   sans-serif;
}
.promo-badge .percentage .off {
  font-size: 11px;
  position: absolute;
  top: 15px;
  right: -15px;
}
.promo-badge .desc {
  font-size: 12px;
}
.progress-bar-theme {
  background: #6091ba;
}
.img-thumbnail {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border-color: #e8e8e8;
  margin-bottom: 15px;
}
#cboxLoadedContent,
#cboxContent {
  background: none;
}

.box {
  background: #f5f5f5;
  padding: 15px;
}
.box.box-border {
  border-left: 5px solid #6091ba;
}
.box.box-dark {
  background: #0C6893;
  color: #fff;

}
.box.box-brown {
  background: #90724C;
  color: #fff;
   background:radial-gradient(circle, #90724C, #b4956e);
}
.box.box-theme {
  background: #6091ba;
  color: #fff;
}
.box .date-label {
  background: #fff;
}
.box.box-kaz {
  /*background: #9DD9ED;*/
  color: darkblue;
  border: 1px solid #ababab;
  /* background-image: url('/images/body_uzor.png'); */
  box-shadow: 0px 0px 8px #aaa;
}
.social-icons {
  list-style: none;
  padding: 10px 0;
  margin-bottom: 0;
}
.social-icons li {
  float: left;
}
.social-icons li.row-end {
  margin-right: 0;
}
.social-icons a {
  display: inline-block;
  background: #95b6d1;
  width: 32px;
  height: 32px;
  text-align: center;
  padding-top: 4px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 18px;
  margin-right: 10px;
  float: left;
}
.social-icons a:hover {
  background: #6091ba;
}
.social-icons a .fa {
  color: #fff;
}
.social-icons a .fa:before {
  font-size: 18px;
  text-align: center;
  padding: 0;
}

.maintop-bar {
	height: 54px;
  background: #2f506c;
  background: #0aa5cf;
  background: -webkit-radial-gradient(circle, #0aa5cf, #0174aa, #0aa5cf, #0174aa); /* Safari */
  background: -o-radial-gradient(circle, #0aa5cf, #0174aa, #0aa5cf, #0174aa); /* Opera 11.6 to 12.0 */
  background: -moz-radial-gradient(circle, #0aa5cf, #0174aa, #0aa5cf, #0174aa); /* Firefox 3.6 to 15 */
  background: radial-gradient(circle, #0aa5cf, #0174aa, #0aa5cf, #0174aa); /* Standard syntax */

  background-image: url('/images/img_flag25let.jpg');
  background-position: top center;
  background-size: cover;


}
.maintop-bar p{
	padding-top: 18px;
	font: 700 22px/18px 'Times New Roman';
	color: #fff;
	font-style:italic;
	height: 30px;
	position:absolute;
	padding-left: 10%;
	text-shadow:1px 0px 1px #005969;
}
@media (max-width: 768px) {
	.maintop-bar {
		display:none;
	}
	.maintop-bar p{
	font-size:12px;
	padding-left: 0%;
	width:90%;
	text-align:center;
	}
}

/* ======= Header ======= */
.header {
/*	background-image: url('/images/uzor.png');
	background-repeat: repeat-x;
	background-position: center 55px;
*/
	/* border-bottom:2px dashed #0059c4; */
	margin-bottom:-1px;
	background-image: url('/images/header_bg_ornament.png');
  background-position: center -35px;
	background-repeat: no-repeat;
	/* background: linear-gradient(0deg, #fcf2e6,#fadfc4); */

	}
.header .top-bar {
	height: 54px;
  background: #2f506c;
  background: #0aa5cf;

  background: -webkit-radial-gradient(circle, #0aa5cf, #0174aa, #0aa5cf, #0174aa); /* Safari */
  background: -o-radial-gradient(circle, #0aa5cf, #0174aa, #0aa5cf, #0174aa); /* Opera 11.6 to 12.0 */
  background: -moz-radial-gradient(circle, #0aa5cf, #0174aa, #0aa5cf, #0174aa); /* Firefox 3.6 to 15 */
  background: radial-gradient(circle, #0aa5cf, #0174aa, #0aa5cf, #0174aa); /* Standard syntax */

  background-image: url('/images/img_flag.jpg');
  background-position: top center;
  background-size: cover;

}
.header .top-bar p{
	padding-top: 18px;
	font: 100 22px/18px 'Times New Roman';
	color: #fff;
	font-style:italic;
	height: 30px;
	position:absolute;
	padding-left: 10%;
}
@media (max-width: 768px) {
	.header .top-bar p{
	font-size:12px;
	padding-left: 0%;
	width:90%;
	text-align:center;
	}
}
.header .top-bar .search-form {
  padding: 10px 0;
}
.header .top-bar .search-form .form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}
.header .social-icons li.row-end {
  margin-right: 0;
}
.header .social-icons a {
  background: #27435a;
}
.header .social-icons a:hover {
  background: #6091ba;
}
.header .social-icons a:hover .fa {
  color: #fff;
}
.header .social-icons a .fa {
  color: rgba(255, 255, 255, 0.4);
}
.header .social-icons a .fa:before {
  font-size: 18px;
  text-align: center;
  padding: 0;
}
.header .header-main {
  padding: 30px 0;
}
.header h1.logo {
  position:relative;
  margin-top: 0;
  margin-bottom: 0;
  color: #000;
}
.header h1.logo img {
	/* width: 80px; */
  width: 100px;
	position: relative;
	/* margin-left: 10px; */

	/* background-color: #9f8160; */
	border-radius: 100%;
	padding: 2px;
}
@media (max-width: 768px) {
	.header h1.logo img	{
	left:0px;
	width: 80px;
	}
}
@media (min-width: 769px) and (max-width: 1023px) {
	.header h1.logo img	{
	left:0px;
	width: 75px;
	}
}
.header h1.logo p {
    /* position: absolute; */
    left: 25px;
    font: 700 25px/20px Play, Calibri;
        font-weight: 700;
        font-size: 25px;
    letter-spacing: -1px;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    top: 0px;
    /* color: #0971A2; */
    font-size: 14px;
    display: flex;
    flex-direction: column;
    color: #777;
    font-weight: normal;
  }

  .header h1.logo p span {
      font-size: 24px;
      color: #444;
      font-weight: bold;
  }


.header h1.logo p i{
	font: 100 15px/15px Calibri;
	letter-spacing:0px;
}
@media (min-width: 768px) and (max-width: 1199px) {
	.header h1.logo p {
	font-size: 18px;
	line-height: 18px;
	}
	.header h1.logo p i {
	line-height:12px;
	font-size: 12px;
	}
}
@media (max-width: 768px) {
.header h1.logo img {
	clear: both;
	}
.header h1.logo p{
	position:relative;
	left: 0px;
	right:0px;
	}
.header h1.logo p i{
	display: none;
	}
.header h1.logo a {
	text-decoration:none;
	}
}
.header .menu-top {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: right;
  float: right;
  margin-right: 25px;
}
.header .menu-top li {
  list-style: none;
  float: left;
  font-size: 11px;
  font-family: Play, Calibri, Tahoma, Arial,   sans-serif;
}
.header .menu-top li:last-child a {
  padding-right: 0;
}
.header .menu-top li.divider a {
  border-right: 1px solid #c3c3c3;
}
.header .menu-top li a {
  display: inline-block;
  color: #777777;
  padding: 0px 10px;
}
.header .menu-top li a:hover {
  color: #6091ba;
}
.header .contact {

  margin-top: 15px;
}
.header .contact p {
  float: left;
  margin-bottom: 0;
}
.header .contact p.phone, .header .contact p.doverie {
	margin-right: 25px;
	line-height: 14px;
	padding-left: 5px;
	max-width: 220px;
	position: inherit;
}
.header .contact p.fa-doverie {
	padding-left: 0px;
}
.header .contact p.phone img {
	margin-top: -100px;
	width: 120px;
}
.navbar-header .lang-mobile {
	/*width: 100%;*/
	text-align: left;
	margin: 15px;
	position: absolute;
}
.navbar-header .lang-mobile a {
	font-size: 11px;
	padding: 5px;
	border-radius: 2px;
	/* background: #39bf94; */
  background: #f8b109;
	color: #fff;
	text-decoration: none;
	font-weight: 700;
}
@media (min-width:768px) {
	.navbar-header .lang-mobile {
	    display:none; !important;
	}
}
@media (max-width: 768px) {
	.header .contact p.phone img {
	display:none;
	}
	.header .contact p.phone, .header .contact p.doverie {
	padding-top: 8px;
	max-width: 100%;
	}
	.header .contact p.fa-doverie {
	display:none;
	}
}
@media (max-width: 985px) {
	.header .contact p.phone img {
	display:none;
	}
}
.header .contact p a {
  color: #444;
  text-decoration:none;
}
.header .contact .fa {
  color: #e8af25;
  margin-right: 8px;
  font-size: 32px;
  position: relative;
  top: 1px;
}
.header .contact .fa.fa-phone {
  font-size: 22px;
  top: 2px;
}
.header .search-form {
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.header .search-form .form-control {
  width: 260px;
  background: #f5f5f5;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}
.header .search-form .form-control:focus {
  background: #fff;
  border-color: #6091ba;
}
.main-nav {
  background: #02a27a;
  /* background: 	#0059c4; */
  margin-bottom: 10px;

}
.main-nav button {
  background: #27435a;
  color: #fff !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.main-nav button:focus {
  outline: none;
}
.main-nav button .icon-bar {
  background-color: #fff;
}
.main-nav .navbar-collapse {
  padding: 0;
}
.main-nav .nav .nav-item {
  font-weight: 600;
  text-transform: uppercase;
  font-family: Play, Calibri, Tahoma, Arial,   sans-serif;
 /* z-index: 100;*/
}
.main-nav .nav .nav-item.dropdown {
  /*z-index: 101;*/
}
.main-nav .nav .nav-item a {
  color: #ffffff;
  font-size: 14px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  text-decoration:none;
}
.main-nav .nav .nav-item a:hover {
  background: #efcf9d;
  color: #fff;
}
.main-nav .nav .nav-item.active {
  position: relative;
}
.main-nav .nav .nav-item.active > a {
  background: #f8b109;
  color: #fff;
}
.main-nav .nav .nav-item.active > a:before {
  content: "\f0d8";
  position: absolute;
  bottom: -8px;
  left: 0;
  text-align: center;
  font-family: FontAwesome;
  display: block;
  font-size: 12px;
  width: 100%;
}
.main-nav .nav .nav-item.active > a.dropdown-toggle:before {
  display: none;
}
.main-nav .nav .nav-item.open a {
  background: #1b6eb3;
  background: #e6a100;
  color: #fff;
}
.main-nav .nav .nav-item .dropdown-menu {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 0;
  border: none;
  padding: 0;
  text-transform: none;
  min-width: 220px;
}
.main-nav .nav .nav-item .dropdown-menu a {
  border-bottom: 1px solid #5e9dd2;
  border-bottom: 1px solid #efcf9d;
  padding: 8px 20px;
}
.main-nav .nav .nav-item .dropdown-menu a:hover {
  /* background: #09518d; */
  background: #f8b109;
  color: #fff;
  padding-left: 24px;
}
.main-nav .nav .nav-item .dropdown-submenu {
  position: relative;
}
.main-nav .nav .nav-item .dropdown-submenu .fa {
  position: absolute;
  right: 15px;
  top: 10px;
}
.main-nav .nav .nav-item .dropdown-submenu li {
  position: relative;
}
.main-nav .nav .nav-item .dropdown-submenu li .fa {
  position: absolute;
  right: 15px;
  top: 10px;
}
.main-nav .nav .nav-item .dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: 0px;
  margin-left: -1px;
}

.school-stats{
  background-color: #f5f5f5 !important;
  /* background-color: #02a27a !important; */
  padding: 40px 20px;
  margin: 0px !important;
}



.school-stats .title{
  font-size: 22px;
  font-weight: bold;
  text-align: left;
  /* color: #fff; */
}

@media (max-width:770px){
  .school-stats .title{
    text-align: center;
  }
}

.school-stats .text{
  text-align: right;
  font-size: 13px;
  /* color: #fff; */
}

@media (max-width:770px){
  .school-stats .text{
    text-align: center;
  }
}

.school-stats h2 {
font-size: 36px;
margin: 0px 0px 10px 0px;
/* font-weight: normal; */
color: #02a27a;
text-align: center;
/* color: #fff; */
}

.school-stats p {
text-align: center;
/* color: #fff; */
}


.home-page section.weblinks {
  background: #0DAEC9;
  background: #D8ECF3;
 /* background-image: url('/images/header_bg_ornament.png');*/
  background-position: center 0px;
  background-repeat: no-repeat;
  border-top: 1px dashed #fff;
  margin-bottom: 0px;
  color: darkblue;
}
.home-page section.weblinks .weblinks-content {
  padding: 30px 0px 20px 0px;
  font-size: 12px;
  /*min-height: 300px;*/
}

.web_links_list{
	display:block;
	/*margin: 5px 0px 5px 40px;*/
	min-height: 60px;
	/*padding-right: 60px;*/
	/*width: 29%;*/
	/*float: left;*/
	line-height: 16px;
	font-weight: 100;
  padding: 10px;
}
.web_links_list a {
	font-weight: 700;

}
.web_links_list img {
	max-width: 48px;
	border:0px;
	float: left;
	margin: 0px 15px 5px 0px;
	/*margin-left: -60px;*/
}


/* ======= Footer ======= */
.footer {
  background-position: center 0px;
  background-repeat: no-repeat;
  border-top: 1px dashed #fff;
}
.footer p {
  color: #dcdcdc;
}
.footer ul {
  padding-left: 0;
}
.footer li {
  list-style: none;
}
.footer h3 {
  margin-top: 0;
  margin-bottom: 20px;
}
.footer .footer-content {
  padding: 30px 0px 20px 0px;
  font-size: 12px;
  min-height: 300px;
}
.footer .footer-content .footer-col .footer-col-inner {
  padding: 0 15px;
}
.footer .footer-content .footer-col .fa {
  margin-right: 10px;
  display: inline-block;
  color: #767676;
}
.footer .footer-content .footer-col .fa.fa-phone {
  font-size: 16px;
}
.footer .footer-content .footer-col li {
  margin-bottom: 10px;
  font-size: 12px;
}
.footer .footer-content .footer-col a {
  color: #dcdcdc;
}
.footer .footer-content .footer-col a:hover {
  color: #84aac9;
}
.footer .footer-content .adr {
  margin-bottom: 30px;
}
.footer .footer-content .adr .fa {
  font-size: 16px;
  margin-top: 2px;
}
.footer .footer-content .subscribe-form {
  padding: 0;
}
.footer .footer-content .subscribe-form .form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}
.footer .footer-content .subscribe-form .form-control {
  width: 320px;
  background: #f5f5f5;
  border: none;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}
.footer .footer-content .subscribe-form .form-control:focus {
  background: #fff;
}
.footer .bottom-bar {
  background: #01195d;
  background: #01327b;
  background: linear-gradient(#01195d,#01327b,#01327b,#01327b,#01327b);
  padding: 15px 0;
  border-top:1px dashed #ffffff;
}
.footer .bottom-bar .copyright {
	font-size: 12px;
	color: #dcdcdc;
	line-height: 30px;
}
.footer .bottom-bar .copyright a:hover {
  color: #84aac9;
}
.footer .bottom-bar .social {
  margin: 0;
}
.footer .bottom-bar .social li {
  float: right;
  margin-left: 10px;
  text-align: center;
  font-size: 18px;
  line-height: 2;
}
.footer .bottom-bar .social li a {
  color: #d6ddde;
  padding: 0 5px;
}
.footer .bottom-bar .social li a:hover {
  color: #6091ba;
}
.footer .bottom-bar .copyright a {
	padding: 2px 8px;
	background: #da3014;
	color: #ffffff;
	text-decoration:none;
}
.footer .bottom-bar .copyright a:hover {
	color: yellow;
}
/* ======= FlexSlider ======= */
.flexslider {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 0;
  -moz-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
  border: 0;
}
.flexslider .flex-control-nav {
  bottom: -35px;
  display: none;
}
.flexslider .flex-control-paging li a {
  background: #a1a1a1;
}
.flexslider .flex-control-paging li a:hover {
  background: #6091ba;
}
.flexslider .flex-control-paging li a.flex-active {
  background: #6091ba;
}
.flexslider .slides li {
  position: relative;
}
.flexslider .slides .flex-caption {
  position: absolute;
  left: 30px;
  bottom: 30px;
  color: #fff;
  display: inline-block;
  font-family: Play, Calibri, Tahoma, Arial,   sans-serif;
}
.flexslider .slides .flex-caption .main {
  display: inline-block;
  background: #6091ba;
  margin-bottom: 5px;
  padding: 10px 15px;
  font-size: 18px;
  text-transform: uppercase;
}
.flexslider .slides .flex-caption .secondary {
  display: inline-block;
  background: rgba(0, 0, 0, 0.8);
  padding: 5px 15px;
  color: #fff;
  font-size: 16px;
  width: 50%;
}
.flexslider .slides .promo-badge {
  position: absolute;
  right: 60px;
  top: 30px;
}
/* ======= Page ======= */
.page-wrapper .page-heading {
  margin-bottom: 30px;
  border-bottom: 1px solid #e8e8e8;
}

@media(max-width:770px){
  .page-wrapper .page-heading{
    display: flex;
    align-items: center;
    /* justify-content: space-between; */

  }
}


.page-wrapper .page-heading h1.heading-title {
  margin-top: 0;
  display: inline-block;
  font-size: 28px;
}

@media(max-width:770px){
.heading-title{
  margin: 0px 90px 10px 0px;
}
}
.page-wrapper .breadcrumbs {
  display: inline-block;
}
.page-wrapper .breadcrumbs ul {
  padding-top: 25px;
  margin: 0;
}
.page-wrapper .breadcrumbs ul li {
  color: #6091ba;
  font-size: 12px;
  float: left;
  list-style: none;
  display: inline-block;
}
.page-wrapper .breadcrumbs ul li a {
  display: inline-block;
  padding: 0 5px;
  color: #aaaaaa;
}
.page-wrapper .breadcrumbs ul li a:hover {
  color: #365d7e;
}
.page-wrapper .breadcrumbs ul li.breadcrumbs-label {
  padding-right: 0;
  color: #aaaaaa;
}
.page-wrapper .breadcrumbs ul li.current {
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-wrapper .breadcrumbs ul li .fa {
  margin-right: 5px;
  color: #aaaaaa;
}
.page-wrapper ul li {
  margin-bottom: 10px;
}
.page-wrapper ul li .fa {
  margin-right: 5px;
  color: #6091ba;
}
.page-wrapper ul li.list-group-item {
  margin-bottom: -1px;
}
.page-wrapper ul.nav li {
  margin-bottom: 0;
}
.page-wrapper ul.social-icons li .fa {
  margin-right: 0;
  color: #fff;
}
.page-wrapper ol li {
  margin-bottom: 5px;
}
.page-wrapper dl dd {
  margin-bottom: 5px;
}
.page-wrapper .page-content h1 {
  font-size: 26px;
  font-weight: normal;
}
.page-wrapper .page-content h2 {
  font-size: 24px;
  font-weight: normal;
}
.page-wrapper .page-content h3 {
  font-size: 20px;
  font-weight: normal;
}
.page-wrapper .page-content h4 {
/*
  font-size: 18px;
  font-weight: normal;
*/
}
.page-wrapper .page-content h5 {
  font-size: 16px;
  font-weight: normal;
}
.page-wrapper .page-content h6 {
  font-size: 14px;
  font-weight: normal;
}
.page-wrapper .page-content .title {
  margin-top: 0;
  margin-bottom: 15px;
  font-weight: 700;
}
.page-wrapper .page-content .page-row {
  margin-bottom: 30px;
}
.page-wrapper .page-content .custom-quote {
  border-color: #a7c2d9;
}
.page-wrapper .page-content .custom-quote p {
  font-size: 14px;
  color: #777777;
  line-height: 1.5;
}
.page-wrapper .page-content .custom-quote .fa {
  color: #6091ba;
  margin-right: 10px;
}
.page-wrapper .page-content .custom-quote .people {
  margin-top: 10px;
  font-size: 11px;
  color: #444;
  font-style: normal;
}
.page-wrapper .page-content .custom-quote .people .name {
  color: #6091ba;
}
.page-wrapper .page-content .has-divider {
  border-bottom: 1px dotted #e8e8e8;
  padding-bottom: 15px;
}
.page-wrapper .page-content .has-divider-solid {
  border-bottom: 1px solid #e8e8e8;
}
.page-wrapper .page-content .row-divider {
  border-bottom: 1px dotted #e8e8e8;
  padding: 10px 0;
}
.page-wrapper .page-content .even-row {
  background: #f5f5f5;
}
.page-wrapper .page-content .read-more.btn {
  margin-bottom: 15px;
  display: inline-block;
}
.page-wrapper .page-content .panel-title {
  font-size: 16px;
  font-weight: 300;
}
.page-wrapper .page-content .video-iframe {
  max-width: 100%;
}
.page-wrapper .page-content .album-cover {
  border: 1px solid #e8e8e8;
  margin-bottom: 30px;
}
.page-wrapper .page-content .album-cover:hover {
  -webkit-box-shadow: 0px 0px 5px 0px #e8e8e8;
  -moz-box-shadow: 0px 0px 5px 0px #e8e8e8;
  box-shadow: 0px 0px 5px 0px #e8e8e8;
}
.page-wrapper .page-content .album-cover > a:hover {
  position: relative;
}
.page-wrapper .page-content .album-cover > a:hover img {
  display: block;
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
}
.page-wrapper .page-content .album-cover .desc {
  padding: 15px;
  position: relative;
}
.page-wrapper .page-content .album-cover .desc:before {
  content: "";
  display: block;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  position: absolute;
  top: -10px;
}
.page-wrapper .page-content .prettyphoto:hover img {
  -webkit-box-shadow: 0px 0px 5px 0px #e8e8e8;
  -moz-box-shadow: 0px 0px 5px 0px #e8e8e8;
  box-shadow: 0px 0px 5px 0px #e8e8e8;
}
.page-wrapper .page-sidebar h3.title {
  margin-top: 0;
  margin-bottom: 15px;
  font-size: 20px;
}
.page-wrapper .page-sidebar .widget {
  margin-bottom: 30px;
  padding-bottom: 15px;
}
.page-wrapper .page-sidebar .widget.has-divider {
  border-bottom: 1px dotted #e8e8e8;
}
.page-wrapper .page-sidebar .widget .iframe {
  height: auto;
  min-height: 200px;
  max-width: 100%;
}
.page-wrapper .page-sidebar .widget .fa {
  margin-right: 5px;
  color: #6091ba;
}
.page-wrapper .page-sidebar .widget .fa.fa-phone {
  font-size: 16px;
}
.page-wrapper .page-sidebar .widget .btn .fa {
  color: #fff;
}
.page-wrapper .page-sidebar .widget .nav li a {
  padding: 5px 15px;
  color: #444;
  margin-bottom: 10px;
  border-left: 5px solid transparent;
}
.page-wrapper .page-sidebar .widget .nav li a:hover {
  background: none;
  color: #6091ba;
}
.page-wrapper .page-sidebar .widget .nav li.active a {
  background: none;
  color: #6091ba;
  font-weight: bold;
  border-left: 5px solid #6091ba;
}
.page-wrapper .page-sidebar ul {
  padding-left: 0;
}
.page-wrapper .page-sidebar #flickr-photos li {
  list-style: none;
  float: left;
  display: inline-block;
  margin-bottom: 5px;
  margin-right: 5px;
}
.page-wrapper .page-sidebar #flickr-photos li img {
  max-width: 100%;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}
.page-wrapper .page-sidebar #flickr-photos li img:hover {
  -webkit-opacity: 0.8;
  -moz-opacity: 0.8;
  opacity: 0.8;
}
.page-wrapper .page-sidebar .news-item {
  margin-bottom: 15px;
}
.page-wrapper .page-sidebar .news-item img {
  width: 75px;
  height: 75px;
}
.page-wrapper .page-sidebar .news-item .title {
  font-size: 14px;
  margin-top: 0;
}
.page-wrapper .page-sidebar .testimonials-carousel {
  position: relative;
}
.page-wrapper .page-sidebar .testimonials-carousel .fa {
  color: #6091ba;
  margin-right: 5px;
  font-size: 18px;
}
.page-wrapper .page-sidebar .testimonials-carousel .carousel .item {
  min-height: 300px;
}
.page-wrapper .page-sidebar .testimonials-carousel .people {
  margin-top: 10px;
}
.page-wrapper .page-sidebar .testimonials-carousel .people .name {
  color: #6091ba;
}
.page-wrapper .page-sidebar .testimonials-carousel .people .title {
  color: #999;
}
.page-wrapper .page-sidebar .testimonials-carousel .carousel-controls {
  margin-top: 20px;
  text-align: right;
}
.page-wrapper .page-sidebar .testimonials-carousel .carousel-controls a .fa {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  background: #dddddd;
  color: #fff;
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  margin-right: 0;
  font-size: 15px;
}
.page-wrapper .page-sidebar .testimonials-carousel .carousel-controls a.next .fa {
  padding-top: 2px;
  padding-right: 1px;
}
.page-wrapper .page-sidebar .testimonials-carousel .carousel-controls a.prev .fa {
  padding-top: 2px;
  padding-right: 1px;
}
.page-wrapper .page-sidebar .testimonials-carousel .carousel-controls a:hover .fa {
  background: #6091ba;
}
/* ======= Configure Style ======= */
.config-wrapper {
  position: absolute;
  top: 100px;
  right: 0;
}
.config-wrapper-inner {
  position: relative;
}
.config-trigger {
  display: block;
  position: absolute;
  left: -36px;
  width: 36px;
  height: 36px;
  background: #444;
  color: #fff;
  text-align: center;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.config-trigger:hover {
  background: #000;
}
.config-trigger .fa {
  font-size: 22px;
  padding-top: 8px;
  display: block;
  color: #fff;
}
.config-panel {
  display: none;
  background: #444;
  color: #fff;
  padding: 15px;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.config-panel p {
  margin: 0;
  padding: 0;
  margin-bottom: 15px;
  color: #fff;
}
.config-panel ul {
  margin-bottom: 0;
}
.config-panel li a {
  display: block;
  width: 20px;
  height: 20px;
  border: 2px solid transparent;
}
.config-panel li a:hover {
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  border: 2px solid rgba(255, 255, 255, 0.8);
}
.config-panel li.active a {
  border: 2px solid #fff;
}
.config-panel li.default a {
  background: #6091ba;
}
.config-panel li.green a {
  background: #57a89a;
}
.config-panel li.purple a {
  background: #6f7a9f;
}
.config-panel li.red a {
  background: #a85770;
}
.config-panel .close {
  position: absolute;
  right: 5px;
  top: 5px;
  color: #fff;
}
.config-panel .close .fa {
  color: #fff;
}
.ie8 .footer .footer-content {
  min-height: 280px;
}
.ie8 .navbar-nav {
  position: relative;
  z-index: 100;
  width: 1700px;
}
/* ======= Home Page ======= */
.home-page h1.section-heading {
  font-size: 22px;
  font-weight: 300;
  line-height: 2;
  margin-top: 0;
  color: #2f506c;
}
.home-page h1.section-heading .line {
  border-top: 2px solid #6091ba;
  display: inline-block;
  padding: 0 15px;
	padding-top: 15px;
	line-height: 20px;
}
.home-page section {
  background: #ffffff;
  overflow: hidden;
  margin-bottom: 30px;
}
.home-page .section-content {
  padding: 0px 15px;

}
.home-page .carousel-controls a .fa {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  background: #dddddd;
  color: #fff;
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  margin-right: 0;
  font-size: 15px;
}
.home-page .carousel-controls a.next .fa {
  padding-top: 2px;
  padding-right: 1px;
}
.home-page .carousel-controls a.prev .fa {
  padding-top: 2px;
  padding-right: 1px;
}
.home-page .carousel-controls a:hover .fa {
  background: #6091ba;
}
.home-page .promo {
  margin-bottom: 30px;
}
.home-page .promo h1.section-heading {
  margin-top: 0;
  font-size: 24px;
  color: #fff;
}
.home-page .promo p {
  color: #f5f5f5;
}
.home-page .promo .btn-cta {
  font-size: 20px;
  margin-top: 30px;
  font-family: Play, Calibri, Tahoma, Arial,   sans-serif;
}

.home-page .rayon {
  margin-bottom: 30px;
}
.home-page .rayon img{
	width: 75%;
}
@media (max-width:768px){
	.home-page .rayon img{
	display:none;
	}
}
.home-page .rayon h1.section-heading {
  margin-top: 0;
  color: #fff;
  font: 700 22px/20px Arial;
  letter-spacing:-1px;
}
.home-page .rayon p {
  color: #f5f5f5;
}
.home-page .rayon a {
  color: yellow;
  text-decoration:none;
  font-weight:100;
}
.home-page .rayon a:hover {
	color: orange;
	text-decoration:underline;
}
.home-page .rayon .btn-cta {
  font-size: 20px;
  margin-top: 30px;
  font-family: Play, Calibri, Tahoma, Arial,   sans-serif;
}

.home-page .gossymbols {
  margin-bottom: 0px;
}
.home-page .gossymbols h1.section-heading {
	margin-top: 0;
	font-size: 22px;
  padding: 10px 0px;
	line-height: 20px;
}
.home-page .gossymbols p {
  color: #f5f5f5;
}
.home-page .gossymbols .btn-cta {
  font-size: 20px;
  margin-top: 30px;
  font-family: Play, Calibri, Tahoma, Arial,   sans-serif;
}
.home-page .news {
  position: relative;
  border: 1px solid #d2d2d2;
  background: #f9f9f9;
}
.home-page .news .carousel-controls {
  position: absolute;
  right: 10px;
  top: 10px;
}
.home-page .news h2.title {
  font-size: 16px;
  margin-top: 0;
}
.home-page .news h2.title a {
  color: #444;
}
.home-page .news h2.title a:hover {
  color: #365d7e;
}
.home-page .news .news-item {
  padding-left: 115px;
  position: relative;
  margin-bottom: 20px;
}
.home-page .news .thumb {
  position: absolute;
  left: 0;
  top: 0;
}
.home-page .events .section-content {
  min-height: 520px;
}
.home-page .events .event-item {
  position: relative;
  padding-left: 55px;
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 10px;
}
.home-page .events .event-item .date-label {
  background: #fff;
  position: absolute;
  left: 0;
}
.home-page .events .event-item h2.title {
  margin-bottom: 20px;
  font-size: 16px;
}
.home-page .events .event-item p {
  margin-bottom: 5px;
}
.home-page .events .event-item .fa {
  margin-right: 5px;
  font-size: 14px;
  min-width: 16px;
  color: #666;
}
.home-page .events .event-item .fa.fa-map-marker {
  font-size: 18px;
}
.home-page .events .read-more {
  margin-top: 15px;
}
.home-page .events .details p {
  color: #666;
}
.home-page .course-finder .course-finder-form {
  margin-bottom: 15px;
}
.home-page .course-finder .keywords {
  padding-left: 0;
}
.home-page .course-finder .keywords input {
  width: 200px;
  margin-right: 5px;
}
.home-page .video {
  position: relative;
}
.home-page .video .carousel-controls {
  position: absolute;
  right: 10px;
  top: 10px;
}
.home-page .video .video-iframe {
  max-width: 100%;
  width: 100%;
  height: 287px;
  margin-bottom: 5px;
}
.home-page .links .fa {
  margin-right: 5px;
}
.home-page .testimonials {
  position: relative;
}
.home-page .testimonials .carousel-controls {
  position: absolute;
  right: 10px;
  top: 10px;
}
.home-page .testimonials .fa {
  color: #6091ba;
  margin-right: 5px;
  font-size: 18px;
}
.home-page .testimonials .carousel .item {
  min-height: 298px;
}
.home-page .testimonials .people {
  margin-top: 10px;
}
.home-page .testimonials .people .name {
  color: #6091ba;
}
.home-page .testimonials .people .title {
  color: #999;
}
.home-page .awards,
.home-page .gosprograms,
.home-page .videotr {
  background: #fff;
}
.home-page .awards .logos,
.home-page .gosprograms .logos,
.home-page .videotr .logos {
  margin: 0;
  padding: 0;
  font: 700 11px/10px Arial;
}
.home-page .awards .logos li,
.home-page .gosprograms .logos li,
.home-page .videotr .logos li
 {
  list-style: none;
  margin-right: 0;
  text-align: center;
  margin-bottom: 15px;
}
.home-page .awards .logos li img,
.home-page .gosprograms .logos li img,
.home-page .videotr .logos li img {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  margin: 0 auto;
}
.home-page .awards .logos li img:hover,
.home-page .gosprograms .logos li img:hover,
.home-page .videotr .logos li img:hover {
/*
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
*/
	opacity: 1 !important;
	-webkit-filter: grayscale(1);
	-webkit-transition:all 0.5s;
}
.home-page .awards .carousel-control,
.home-page .gosprograms .carousel-control,
.home-page .videotr .carousel-control {
  background: none;
  width: auto;
  top: 75px;
  text-shadow: none;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}
.home-page .awards .carousel-control .fa,
.home-page .gosprograms .carousel-control .fa,
.home-page .videotr .carousel-control .fa {
  color: #444444;
  font-weight: bold;
}
.home-page .awards .carousel-control:hover .fa,
.home-page .gosprograms .carousel-control:hover .fa,
.home-page .videotr .carousel-control:hover .fa {
  color: #999;
}
/* ======= Courses Page ======= */
.courses-wrapper .tab-content {
  font-size: 12px;
}
.courses-wrapper .tab-content .item {
  margin-top: 15px;
}
.courses-wrapper .tab-content img {
  margin-bottom: 10px;
}
.courses-wrapper .course-finder {
  margin-bottom: 30px;
}
.courses-wrapper .course-finder .keywords input {
  width: 260px;
}
.courses-wrapper .course-list-header {
  font-size: 13px;
  margin-bottom: 15px;
}
.courses-wrapper .course-list-header .summary {
  padding-top: 10px;
}
.courses-wrapper .course-list-header .control-label {
  font-size: 12px;
  font-weight: normal;
  display: inline-block;
  margin-right: 10px;
  line-height: 2;
}
.courses-wrapper .course-list-header .sort {
  padding-top: 5px;
}
.courses-wrapper .course-list-header .sort-options {
  width: auto;
  height: 25px;
  font-size: 12px;
}
.courses-wrapper .course-item {
  font-size: 12px;
}
.courses-wrapper .course-item .col-meta {
  color: #777777;
}
/* ======= Events Page ======= */
.events-wrapper .events-item .date-label {
  background: #f5f5f5;
}
.events-wrapper .events-item .details .time {
  margin-right: 10px;
}
.events-wrapper .events-item .details .fa {
  margin-right: 5px;
}
/* ======= Contact Page ======= */
.contact-form .required {
  color: #E14B39;
  display: inline-block;
  font-weight: normal;
  padding-left: 2px;
}
#map {
  height: 300px;
}
#map,
#map *,
#map *:before,
#map *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
  .wrapper {
    min-height: inherit;
    margin-bottom: 0;
  }
  .wrapper:after {
    content: none;
  }
  .footer {
    height: auto;
  }
  .pull-right,
  .pull-left {
    float: none !important;
  }
  .logo {
    text-align: center;
  }
  .header .contact p {
    text-align: center;
    margin-right: 0;
    margin-bottom: 5px;
    float: none;
  }
  .header .menu-top {
    text-align: center;
    margin-top: 10px;
  }
  .header .menu-top li {
    float: none;
    display: inline-block;
  }
  .header br {
    display: none;
  }
  .header .social-icons {
    text-align: center;
    margin: 0 auto;
  }
  .header .social-icons li {
    float: none;
    display: inline-block;
  }
  .main-nav .navbar-collapse {
    padding-left: 15px;
    padding-right: 15px;
    border-top: 0;
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    box-shadow: 0;
  }
  .navbar-nav {
    margin-top: 0;
    /* width: 1500px; */
  }
  .header .search-form {
    text-align: center;
  }
  .header .search-form .form-group {
    display: inline-block;
  }
  .header .search-form .form-control {
    width: 210px;
  }
  .main-nav .nav .nav-item.active > a:before {
    content: none;
  }
  .main-nav .nav .nav-item .dropdown-submenu > .dropdown-menu {
    position: static;
    left: auto;
    margin-left: 0;
  }
  .main-nav .nav .nav-item .dropdown-submenu .dropdown-menu a {
    padding-left: 30px;
  }
  .main-nav .nav .nav-item .dropdown-submenu .dropdown-menu a:hover {
    padding-left: 34px;
  }
  .main-nav .nav .nav-item .dropdown-submenu .dropdown-menu .dropdown-submenu .dropdown-menu a {
    padding-left: 45px;
  }
  .main-nav .nav .nav-item .dropdown-submenu .dropdown-menu .dropdown-submenu .dropdown-menu a:hover {
    padding-left: 49px;
  }
  .flexslider {
    margin-bottom: 15px;
  }
  .flex-direction-nav a {
    margin-top: -50px;
  }
  .flexslider .slides .flex-caption {
    position: static;
    display: block;
  }
  .flexslider .slides .flex-caption br {
    display: none;
  }
  .flexslider .slides .flex-caption .main {
    font-size: 13px;
    display: block;
    margin-bottom: 0;
  }
  .flexslider .slides .flex-caption .secondary {
    display: block;
    font-size: 12px;
  }
  .flexslider .flex-control-nav {
    display: none;
  }
  .home-page .promo .btn-cta {
    margin-top: 0;
  }
  .home-page .news .thumb {
    width: 60px;
    height: 60px;
  }
  .home-page .news .news-item {
    padding-left: 75px;
  }
  .home-page .course-finder .keywords {
    padding-left: 15px;
    margin-top: 10px;
  }
  .home-page .course-finder .keywords input {
    width: 180px;
  }
  .home-page .video .video-iframe {
    height: auto;
  }
  .home-page .testimonials .carousel .item {
    min-height: inherit;
  }
  .home-page .events .section-content {
    min-height: inherit;
  }
  .home-page .awards .carousel-control {
    top: 50px;
  }
  .footer .footer-content .subscribe-form .form-control {
    width: 140px;
  }
  .footer #tweet .tweets-list-container {
    max-width: 100%;
  }
  .footer .bottom-bar .social li {
    float: left;
  }
  .footer-col-inner {
    margin-bottom: 30px;
  }
  .footer #tweet {
    min-height: inherit;
  }
  .footer .footer-content .footer-col .fa-twitter {
    text-align: center;
    margin-bottom: 10px;
  }
  .page-wrapper .page-heading h1.heading-title {
    float: none;
    text-align: center;
    display: block;
  }
  .page-wrapper .breadcrumbs {
    text-align: center;
    display: block;
  }
  .page-wrapper .breadcrumbs ul {
    padding-top: 0;
    padding-left: 0;
    margin: 0 auto;
  }
  .page-wrapper .breadcrumbs ul li {
    float: none;
    display: inline-block;
  }
  .page-wrapper .breadcrumbs ul li.current {
    max-width: inherit;
    overflow: visible;
  }
  .home-page .course-finder .keywords input {
    float: left !important;
  }

  .mediafiles_list{
    list-style: none;
    padding: 0px !important;
    width: 100%;
  }

.mediafiles_list li iframe{
  width: 100%;
}

}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .wrapper {
    min-height: inherit;
    margin-bottom: 0;
  }
  .wrapper:after {
    content: none;
  }

  .mediafiles_list{
    list-style: none;
    padding: 0px !important;
    width: 100%;
  }

.mediafiles_list li iframe{
  width: 100%;
}

  .footer {
    height: auto;
  }
  .footer .bottom-bar .social li {
    float: left;
  }
  .footer-col-inner {
    margin-bottom: 15px;
    display: flex;
    flex-flow: wrap;
  }
  .home-page .testimonials .carousel .item {
    min-height: inherit;
  }
  .home-page .events .section-content {
    min-height: inherit;
  }
  .footer #tweet {
    min-height: inherit;
  }
  .page-wrapper .album-cover {
    min-height: 360px;
  }
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .home-page .testimonials .carousel .item {
    min-height: 298px;
  }
  .home-page .events .section-content {
    min-height: 520px;
  }
  .home-page .video .video-iframe {
    height: 287px;
  }
  .footer .bottom-bar .social li {
    float: right;
  }
  .footer #tweet {
    min-height: 100px;
  }
  .page-wrapper .album-cover {
    min-height: 360px;
  }
  /* Sticky Footer */
 /* html,
  body {
    height: 100%;
  }
  body {

  }*/
  .wrapper {
    min-height: 100%;

    /* equal to footer height */
  }
  .wrapper:after {
    content: "";
    display: block;
	height: auto;
    /* must be the same height as footer */
  }
  .footer {
    height: auto;
    /* must be the same height as footer */
  }
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .home-page .course-finder .keywords input {
    width: 255px;
  }
}
.gos_symbols {
		border-top:2px solid #cabb7e;
		padding:0px 20px;
		line-height:18px;
		color: #01437c;
		background-color: #f5f5f5;
		text-align:left;
}
.symbol {
	position:relative;
	float:left;
	padding: 0px 20px 0px 0px;
	margin-top: auto;

}
.symbol img {
	height: 60px;
	margin-right: 20px;
	float:left;
}
@media (max-width: 768px) {
	.symbol img {
	width: 60px;
	height: auto;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-top: 0px;
	float:left;
	}
}
.symbol a{
	color: #000;
	font-weight:normal;
}
.symbol a:hover{
	color: #777;
}
.welcome p {
	text-align: justify;
}
.welcome table p {
	text-align: left;
}

/*@media (max-width:768px){
	.web_links_list{
		width: 90%;
	}
}
@media (min-width: 769px) and (max-width: 980px){
	.web_links_list{
		width: 40%;
	}
}*/
.head_blog  {
	text-align: center;
	padding: 0px 15px 15px 15px;
}
.head_blog img {
	border-radius: 10px;
	max-width: 100px;
}
/*Core variables and mixins*/


.mediafiles_list
{
	list-style:none;
  width: auto;
}

.mediafiles_list li iframe{
  width: auto;
}


.docfiles_list li img
{
float:left;
margin-right:10px;
}
.docfiles_list li .ico {
	font-size: 36px;
	color: #000;
	padding: 5px 15px;

}
.docfiles_list li .file_comment
{

}
.docfiles_list li .file_size
{
	font-size:12px;
	font-weight:bold;
}
.docfiles_list li .download_style
{
	color:#6FA1F7;
}

.docfiles_list li
{
 display:block;
 clear:both;
 margin-bottom:15px;
}
.docfiles_list
{
 display:block;
 list-style:none;
}

.small_font_2
{
 font-size:14px;
 line-height:12px;

}
.small_font_2 span
{

}

.small_font
{
 font-size:11px;
 line-height:12px;

}
.small_font span
{

}
.panel-body a {
	margin-left: 0px;
	font-weight: 700;

}
.panel-body span {
	margin-left: 3px;
}
.prezident, .links {
	width:100%;
	background: #ffffff;
	padding:0;
	position:relative;
	border: 1px solid #dddddd;
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
	margin-bottom:25px;
}

@media(max-width:770px){
  .links{
    margin: 30px 0px;
  }
}


.prezident img {
	width:100%;
	margin:0px 0px 20px 0px;
}
.prezident_padding {
	padding: 1px 15px;
}
.prezident h2 {
	font: 700 15px/14px Calibri;
	margin:0;
	padding:0;

}
.prezident_padding p {
	padding: 15px 0px;
	font-size:14px;
	line-height:16px;
}
@media (max-width:984px) {
	 .mobileoff {
		display:none;
	}
}
@media (min-width:985px) {
	.mobileon {
	display:none;
	}
}
.blog_head {
	position:relative;
	background: #ffffff;
	height: auto;
}
.blog_head img {
	left:0px;
	width: 100px;
	position:relative;
}
.blog_head .headname {
	position: absolute;
	top:20px;
	line-height: 18px;
}
.blog_head p{

	padding: 5px 0px 5px 130px;
}
.home-page section.gbaners {
	background: none;
}
.home-page section.gbaners img {
	padding: 5px 15px;
	width:125px;
}

@media (max-width: 980px) {
	.home-page section.gbaners {
	display:none;
	}
}
@media (min-width: 981px) and (max-width: 1200px)
{
	.home-page section.gbaners img {
	padding: 5px 3px;
	width:110px;
	}
}
.news-carousel p {
	font-size:12px;
	line-height:12px;
}
.small_font {
	color: brown;
}
.page-content .welcome img {
	margin: 0px 25px 40px 0px;
}
.shadow-top {
	border-top: 2px solid #ccc;
}
.list_mekteps_block {
	font-size:12px;
}
.list_mekteps_block a.mname{
	font-size: 15px;

	font-family: Calibri;
	font-weight: 700;
}
.list_mekteps_block a.mweb {
	font-size:17px;
}
.page-content .structure img {
	left:0px;
	margin:0px;
	margin-right:30px;
	float: left;
	border-radius:6px;
padding: 3px;
border: 1px solid #bbb;
box-shadow: 1px 1px 2px #ccc;

}
.stat_percent {
	color: #a7985f;
	color: #a0a0a0;
	font-size:13px;
}
.stats_mektep_percent {
	position:absolute;
	background: linear-gradient(#ffb144, #f08c00, #f08c00);
	color: #fff;
	text-shadow:0px 1px 0px  #925501;
	float:right;
	right:40px;
	top:39px;
	padding: 15px 8px 0px;
	border-radius: 0px 0px 30px 30px;
	height:55px;
	font-size: 24px;
	font-weight:700;
	letter-spacing:-2px;
	box-shadow: 0px 4px 1px #cecece;
}
.stats_mektep_percent span {
	font-weight:100;
	font-size:14px;
	letter-spacing:0px;
}
.text-white small{
	color: #ffffff;
}
.allstats {
	width:100%;
	min-height: 50px;
	border:1px solid #dbb986;
	border: 1px solid #cccccc;
	border-bottom: 3px solid #cccccc;
	margin:10px 0px;
	padding:20px 0px;
	background-color:#fffeed;
	background-color: #f5f5f5;

}
.allstats p span {
	font-size:36px;
	color: #07bd3d;
}

.allstats .promo-badge a, .allstats .promo-badge a span {
	color: #ffffff;
	text-decoration:none;
	line-height: 14px;

}
.allstats p small {
	font-size:12px;
	color: #888;
}
.diag_image_area {

	background: url('/images/bg_img_diagram.png');
	background-position: center center;
	background-size: 22%;
	background-repeat: no-repeat;
	margin: auto auto;
	width: 90px;
	height: 90px;
	position: relative;
	right: 0px;
	padding: 0px;
	float: right;
}
.diag_image {

	width:100%;
	top: 10px;
	left: 47px;

        animation-name: 'diag_image';
		animation-duration: 10s;
		animation-iteration-count: infinite;
		animation-direction: normal;
        animation-timing-function: ease;

                -webkit-animation-name: 'diag_image';
                -webkit-animation-duration: 10s;
				-webkit-animation-iteration-count: infinite;
				-moz-animation-direction: normal;
                -webkit-animation-timing-function: ease;

                -moz-animation-name: 'diag_image';
                -moz-animation-duration: 10s;
				-moz-animation-iteration-count: infinite;
				-moz-animation-direction: normal;
                -moz-animation-timing-function: ease;
}

@keyframes 'diag_image' {
		100%{transform:rotate(0deg);}
		to{transform:rotate(45deg);}

		100%{transform:rotate(45deg);}
		to{transform:rotate(90deg);}

		100%{transform:rotate(90deg);}
		to{transform:rotate(135deg);}

		100%{transform:rotate(135deg);}
		to{transform:rotate(180deg);}

		100%{transform:rotate(180deg);}
		to{transform:rotate(225deg);}

		100%{transform:rotate(225deg);}
		to{transform:rotate(270deg);}

		100%{transform:rotate(270deg);}
		to{transform:rotate(315deg);}

		100%{transform:rotate(315deg);}
		to{transform:rotate(360deg);}
}

@-webkit-keyframes 'diag_image' {
		100%{transform:rotate(0deg);}
		to{transform:rotate(45deg);}

		100%{transform:rotate(45deg);}
		to{transform:rotate(90deg);}

		100%{transform:rotate(90deg);}
		to{transform:rotate(135deg);}

		100%{transform:rotate(135deg);}
		to{transform:rotate(180deg);}

		100%{transform:rotate(180deg);}
		to{transform:rotate(225deg);}

		100%{transform:rotate(225deg);}
		to{transform:rotate(270deg);}

		100%{transform:rotate(270deg);}
		to{transform:rotate(315deg);}

		100%{transform:rotate(315deg);}
		to{transform:rotate(360deg);}
}


@-moz-keyframes 'diag_image' {
		100%{transform:rotate(0deg);}
		to{transform:rotate(45deg);}

		100%{transform:rotate(45deg);}
		to{transform:rotate(90deg);}

		100%{transform:rotate(90deg);}
		to{transform:rotate(135deg);}

		100%{transform:rotate(135deg);}
		to{transform:rotate(180deg);}

		100%{transform:rotate(180deg);}
		to{transform:rotate(225deg);}

		100%{transform:rotate(225deg);}
		to{transform:rotate(270deg);}

		100%{transform:rotate(270deg);}
		to{transform:rotate(315deg);}

		100%{transform:rotate(315deg);}
		to{transform:rotate(360deg);}
}

.birthdays {
	width:100%;
	min-height: 50px;
	border:1px dashed #ffffff;
	margin:10px 0px;
	padding:20px 0px;
	background-color:#c50156;
	margin:0px;
	color: #ffffff;

}
.birthdays p{
	color: #ffffff;
}
.birthdays span {
	font-size:12px;
	color: #ffffff;
}

/***********************************************************************************
 *	- ABOUT
 ***********************************************************************************/
img {
    max-width: 100%;
    height: auto;
}
	.about-me {
		/* font-family: "Open Sans";*/
		margin-bottom: 30px;
	}

	.about-me-thumbnail {
		margin-bottom: 35px;
    width: 40%;
    float: left;
    padding: 10px;
	}

	.about-me h4 {
		margin-bottom: 0;
		font-size:18px;
		color: #000;
	}

	.about-me h4 + p, .about-me h4 + p + p {
		font-size: 12px;
		letter-spacing: 1.0px;
		text-transform: uppercase;
	}
	.about-me .phone_number {

		font-size:16px;
		margin:20px 0px;
	}
	.about-me .phone_number i{
		font-size:24px;
		color: #997d3d;
		padding-right:15px;
	}



	.margin_bottom_30{
		margin-bottom: 30px;
	}

  .content_view{
    overflow: auto;
    width: 100%;
  }

   /*.swiper-container_blog {
      width: 265px;
      height: 128px;
    }*/

    .swiper-container {
      width: 250px;
      height: 460px;
      width: 100%;
      /*height: 380px;*/
      /*margin: 25px 0px 0px 0px;*/
    }

    .swiper-slide {
      /*text-align: center;*/
      font-size: 18px;
      /*background: #fff;*/
      width: 100% !important;
       /*Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center center;
      /*border: 1px solid #ddd;*/
    }



    .swiper-button-prev,
    .swiper-button-next {
      top: 10px !important;
      width: 10px !important;
      height: 20px !important;
      text-align: center !important;
      margin: 0px 5px 0px 0px !important;
      /* color: #80c242; */
      color: #31708f;
      font-size: 18px;
    }

    .swiper-button-prev{
      right: 70px !important;
      /* left: 0 !important; */

    }

     .swiper-button-next{
      right: 40px !important;
      /* left: 0 !important; */
    }

    .swiper-button-prev i,
    .swiper-button-next i{
      padding: 5px 10px;
      background-color: #fff;
    }


    .swiper-button-prev1,
    .swiper-button-next1 {
      position: absolute;
      top: 10px !important;
      width: 10px !important;
      height: 20px !important;
      text-align: center !important;
      margin: 0px 5px 0px 0px !important;
      /* color: #80c242; */
      color: #02a27a;
      font-size: 18px;
    }

    .swiper-button-prev1{
      right: 70px !important;
      /* left: 0 !important; */

    }

     .swiper-button-next1{
      right: 40px !important;
      /* left: 0 !important; */
    }

    .swiper-button-prev1 i,
    .swiper-button-next1 i{
      padding: 5px 10px;
      background-color: #fff;
    }


    .swiper-button-prev2,
    .swiper-button-next2 {
      position: absolute;
      top: 10px !important;
      width: 10px !important;
      height: 20px !important;
      text-align: center !important;
      margin: 0px 5px 0px 0px !important;
      /* color: #80c242; */
      color: #02a27a;
      font-size: 18px;
    }

    .swiper-button-prev2{
      right: 70px !important;
      /* left: 0 !important; */

    }

     .swiper-button-next2{
      right: 40px !important;
      /* left: 0 !important; */
    }

    .swiper-button-prev2 i,
    .swiper-button-next2 i{
      padding: 5px 10px;
      background-color: #fff;
    }


    .swiper-button-prev3,
    .swiper-button-next3 {
      position: absolute;
      top: 30px !important;
      width: 10px !important;
      height: 20px !important;
      text-align: center !important;
      margin: 0px 5px 0px 0px !important;
      color: #80c242;
      font-size: 18px;
    }

    .swiper-button-prev3{
      right: 70px !important;
      /* left: 0 !important; */

    }

     .swiper-button-next3{
      right: 40px !important;
      /* left: 0 !important; */
    }

    .swiper-button-prev3 i,
    .swiper-button-next3 i{
      padding: 5px 10px;
      background-color: #fff;
    }




/*=============================
          Swiper Slide
=============================*/


/*
==========================
          Card
==========================
*/

.card-profile .card-title {
  margin-bottom: 5px; }

.card-profile .card-header {
  height: 150px;
  background-size: cover; }

.card-profile-img {
  max-width: 100px;
  margin-top: -70px;
  margin-bottom: 5px;
  border: 3px solid #fff;
  border-radius: 100%;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }

.card-menu {
  list-style: none;
  padding: 0; }

.card-menu-item {
  display: inline-block;
  padding: 0 10px;
  border-right: 1px solid #d4dbe0; }

.card-menu-item:last-child {
  border-right: 0; }

.card-link-list a {
  margin-left: 5px; }

.card-header{
  background-position: top center;
  background-size: 100%;
  height: 100%;
  width: 240px;
  background-repeat: no-repeat;
}

.card-body{
 position: absolute;
  background: #FFF;
  /*height: 320px;*/
  /*margin: 100px 0px 0px 0px;*/
  padding: 10px 0px;
  width: 240px;
  /*align-items: flex-end;*/
  align-self: flex-end;
  /*border: 1px solid rgba(0, 0, 0, 0.125);*/
}

/*
==========================
          Card
==========================
*/

.banner{
  /*margin: -10px;*/
}


.demo iframe {
    display: block;
    width: 100%;
    border: 0;
    margin: 0;
    box-sizing: border-box;
    height: 400px;
    width: 1px;
    min-width: 100%;
}



/*card*/
/*.mangystau-gallery{
  width: 100%;
  height: auto;
  padding: 40px 0px;
  background-color: #f5f5f5;
  margin: 0px;
  border-top: 1px dashed #fff;

}*/

.card {
    border: 0;
     border-radius: 0rem;
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    box-shadow: 0 1px 15px 1px rgba(39, 39, 39, 0.1);
    background-color: #fff;
}


.news-card .card {
    border: 0;
    border-radius: 0rem;
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    box-shadow: none;
    background-color: #fff;
    overflow: hidden;
}



.card .card-header:not([data-background-color]) {
    background-color: transparent;
}
.team-wrapper .card .card-header {
    padding: 15px;
    border: 0;
}


.director-card .card-header{
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}

.director-card  .card-header .card-title {
    margin-top: 0px;
    margin-bottom: 0;
    font-size: 1.2em;
    /*font-size: 1.4em;*/
    font-weight: 700;

}





.card .card-header .col-md-8{
  padding: 0px;

}


.card .card-header h4{
  font-size: 17px;

}


.card-chart .card-header .card-title {
    margin-top: 0px;
    margin-bottom: 0;
    font-size: 1.2em;
    font-weight: 400;
    /*color: #ab7c4e;*/
}

.card .card-body  .card-title{
    padding: 15px 15px 10px 15px;
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 1.2em;
    font-weight: 700;
}


.news-card .card .card-body  .card-title{
    padding: 15px 0px;
    margin-top: 10px;
    margin-bottom: 0;
    /*font-size: 1.2em;*/
    font-size: 17px;
    font-weight: 700;
    text-align: left;
}

.team-wrapper .card .card-body {
    padding: 15px 15px 10px 15px;
    position: relative !important;
    border-top: 1px dotted rgba(39, 39, 39, 0.1);
    border-bottom: 1px dotted rgba(39, 39, 39, 0.1);
    width: 100%;
    padding: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}



.director-card .card .card-body {
    padding: 0px 0px 10px 0px;
    position: relative !important;
    border-top: 1px dotted rgba(39, 39, 39, 0.1);
    border-bottom: 1px dotted rgba(39, 39, 39, 0.1);
    width: 100%;
    /*padding: 0px;*/
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    /*margin-top: 10px;*/
    /*margin-bottom: 10px;*/
  }


.team-wrapper .card .card-body img{
    width:100%;
}

.team-wrapper .card .card-header {
    height: auto;
}


.news-card .card .card-header {
    /*padding: 17px 0px;*/
    width: 100%;
    text-align: left;

}

/*.news-card .card .card-header img {
    border-radius: 0.5rem 0.5rem 0rem 0rem;

}*/





.news-card .card .card-body {
    /*padding: 15px 15px 10px 15px;*/
    position: relative !important;
    border-bottom: 1px dotted rgba(39, 39, 39, 0.1);
    width: 100%;
    display: block;
    text-align: left;
    /*padding: 0px;*/
    margin: 10px 0px 0px 0px;
}


.card .card-body .card-body_text{
  font-size: 16px;
  text-align: center;
  font-weight: 400;
  padding: 10px 0px 10px 0px;
}


.news-card .card .card-body .card-body_text{
  font-size: 15px;
  text-align: left;
  font-weight: 400;
  padding: 10px 0px 0px 0px;
}

.card-chart .card-footer .stats {
    color: #9A9A9A;
    font-size: 0.8em;
    line-height: 2rem;

}

.padding0{
  padding: 0px;
}


.padding10{
  padding: 10px;
}

.padding20 {
    padding: 20px;
}


.director-blog {
border: 0;
border-radius: 0rem;
display: flex;
/*position: relative;*/
/*width: 100%;*/
margin-bottom: 20px;
box-shadow: 0 1px 15px 1px rgba(39, 39, 39, 0.1);
background-color: #fff;
}
.director-blog .director-blog_content{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}



.director-blog .director-blog_content .director-blog_content-header {
  border-bottom: 1px dotted rgba(39, 39, 39, 0.1);
  background-color: #fbfafa;
}


.director-blog .director-blog_content .director-blog_content-header .director-blog_title{
  font-weight: 700;
}

.director-blog .director-blog_content-area{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}


.director-blog .director-blog_text{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.director-blog .director-blog_content .director-blog_content-name{
  text-align: center;
  margin: 10px;
}




.director-blog .director-blog_btn{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    border-top: 1px dotted rgba(39, 39, 39, 0.1);
    background-color: #fbfafa;
}



.card-chart .card-footer {
    /*margin-top: 15px;*/
}
.card .card-footer {
    background-color: transparent;
    border: 0;
    display: flex;
    justify-content: space-evenly;
}


 .news-card .card .card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0px 0px 0px;
}


.news-card .card .card-footer .date {
    font-size: 75%;
}

@media(max-width:770px){
  .catch{
    display: flex;
    flex-direction: column;
  }
}

.news-blog .news-blog_title{
    /* background-color:#80c242; */
    color: #80c242;
    margin: 0px 0px 10px 0px;
    line-height: 1.5em;
    padding: 10px 30px;
    /* border-bottom: 1px dashed #80c242; */
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.news-blog .news-blog-footer{
  padding: 10px 15px;
  background-color: #f5f5f5;
  /* border-top: 1px solid #ddd; */
  border: 1px solid #ededed;
  display: flex;
  flex-direction: row-reverse;
}

.news-blog_links_button .btn{
  font-size: 12px;
  padding: 5px 12px;
  text-decoration: none;
  border-radius: 0.25em;
  background-color: #0f73c6;
  border-color: #0f73c6;
  color: #fff;
}

.ministr-card{
  border-radius: 0rem;
  display: inline-block;
  position: relative;
  margin-bottom: 20px;
  box-shadow: 0 1px 15px 1px rgba(39, 39, 39, 0.1);
}



.ministr-card  .card-body {
    padding: 15px 15px 10px 15px;
    position: relative !important;
    border-bottom: 1px dotted rgba(39, 39, 39, 0.1);
    width: 100%;
    display: block;
    /*padding: 0px;*/
}


.ministr-card  .card-header {
    /*padding: 0px; */
  width: 100% !important;
  height: auto;
  background-position: top center;
  background-size: 100%;
  /*height: 100%;*/
  /*width: 240px;*/
  background-repeat: no-repeat;

}

.ministr-card  .card-header img{
  width: 100%;
}

.ministr-card  .card-body .card-body_title{
  font: 700 17px/14px Calibri;
  margin: 0px;
  padding: 8px 0px 20px 0px;
}


.ministr-card  .card-body .card-body_text{
  padding:0px;
  font-size: 14px;
  line-height: 16px;


}


.ministr-card  .card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.welcome-card .card {
  border-left: 5px solid #6091ba;
  border-radius: 0rem;
  display: inline-block;
  position: relative;
  width: 100%;
  margin-bottom: 20px;
  box-shadow: 0 1px 15px 1px rgba(39, 39, 39, 0.1);
  background-color: #f5f5f5;
}


.welcome-card .card .card-body {
    padding: 15px 15px 10px 15px;
    position: relative !important;
    border-bottom: 1px dotted rgba(39, 39, 39, 0.1);
    width: 100%;
    display: block;
    background-color: transparent;
}


.welcome-card .card .card-header {
    /*padding: 0px; */
    width: 100% !important;
  background-position: top center;
  background-size: 100%;
  /*height: 100%;*/
  /*width: 240px;*/
  background-repeat: no-repeat;

}


.welcome-card .card-header .card-title {
    margin-top: 10px;
    margin-bottom: 0;
    /*font-size: 1.2em;*/
    font-size: 1.4em;
    font-weight: 700;

}



.welcome-card .card .card-body .card-body_text{
  font-size: 15px;
  text-align: justify;
  font-weight: 400;
  padding: 10px 0px 0px 0px;
}


.welcome-card .card .card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
}







.director_links{
  border-top: 1px dashed #c4c4c4 !important;
}

/*.director_links */
.dircertor_links_button a{
  text-decoration: none;
  font-size: 12px;
  padding: 5px 12px;
  border-radius: 2.25em;

}

.dircertor_links_button{
  font-size: 12px;
  color: #249cb8;
}

.dircertor_links_button a:hover{
  color: #fff;
  text-decoration: none;
}



@media (width: 1200px) {
  .swiper-slide{
    width: 100% !important;
  }
}


@media (width: 900px) {
  .swiper-slide{
    width: 100% !important;
  }
}




@media (max-width: 700px) {
  .swiper-slide{
    width: 100% !important;
  }
}

.nav  li  a {
  position: relative;
  display: block;
  padding: 18px 12px !important;
}


.mangystau-gallery {
    width: 100%;
    height: auto;
    padding: 0px 0px 40px 0px;
    background-color: #fbfafa !important;
    margin: 30px 0px !important;
    border-top: 1px dashed #fff;
    /*background-image: url('/images/wrap_bg_kazoyu.png');*/
}

.mangystau-gallery .card .btn{
  background-color: #fff;
}

.mangystau-gallery .mangystau-gallery_form-title{
  font-size: 1.6em;
  border-bottom: 2px solid #53555c;
  line-height: 1.5em;
  margin: 30px 0;
  padding-left: 10px;
}


/*.form-group input{
  border-radius: 0.5rem;
}

.form-group textarea{
  border-radius: 0.5rem;
}*/



.fast-links .card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #ffffff right center no-repeat;
        background-size: auto;
    /*text-shadow: 0 0 20px #ffffff;*/
    background-size: contain;
    height: 160px;
    padding: 5px 40px;
    margin-bottom: 20px;
    color: #141414;
    border-radius: 0rem;
    cursor: pointer;
    transition: .5s ease;
    box-shadow: 0 1px 15px 1px rgba(39, 39, 39, 0.1);
}


.fast-links .card-body {
    position: absolute;
    background: none;
    /*height: 320px;*/
    /*margin: 100px 0px 0px 0px;*/
    padding: 10px 0px;
    width: auto;
    /*align-items: flex-end;*/
    align-self: normal;
    /*border: 1px solid rgba(0, 0, 0, 0.125);*/
}


.fast-links .card:hover{
  background-color: #0f73c6;
  color: #fff;
}

.fast-links .card-body .card-body_title {
    background-color: transparent;
    font-weight: 900;
    font-size: 22px;
    line-height: 1.2em;
}




/*.card {
  float: left;
  padding: 0 1.7rem;
  width: 50%;
}*/
.card .menu-content {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.card .menu-content::before, .card .menu-content::after {
  content: "";
  display: table;
}
.card .menu-content::after {
  clear: both;
}
.card .menu-content li {
  display: inline-block;
}
.card .menu-content a {
  color: #fff;
}
.card .menu-content span {
  position: absolute;
  left: 50%;
  top: 0;
  font-size: 10px;
  font-weight: 700;
  font-family: "Open Sans";
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);

}
.card .wrapper {
  background-color: #fff;
  /* min-height: 400px; */
  /*max-height: 340px;*/
  position: relative;
  overflow: hidden;
  box-shadow: none;
}
.card .wrapper:hover .data {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.card .data {
  position: absolute;
  bottom: 0;
  width: 100%;
  -webkit-transform: translateY(calc(95px + 1em));
          transform: translateY(calc(95px + 1em));
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.card .data .news-content {
  padding: 1em;
  position: relative;
  z-index: 1;
}

.news-img img{
  width: 100%;
  height: 209px;
  object-fit: cover;
}

.card .author {
  font-size: 12px;
}
.card .title {
  margin-top: 10px;
}
.card .text {
  /*height: 70px;*/
  margin: 0;
  font-size: 15px;
  color: #777;
}
.card input[type="checkbox"] {
  display: none;
}
/*.card input[type="checkbox"]:checked + .menu-content {
  -webkit-transform: translateY(-80px);
          transform: translateY(-80px);
}*/

/*.example-1 .wrapper {
  background: url(https://images.unsplash.com/photo-1496979551903-46e46589a88b?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=cda12b505afa1beb06e49d89014cbd65&auto=format&fit=crop&w=634&q=80) 20% 1%/cover no-repeat;
}*/
.example-1 .date {
  position: absolute;
  /*position: relative;*/
  top: 0;
  left: 15px;
  /* background-color: #80c242; */
  background-color: #0f73c6;
  color: #fff;
  padding: 0.4em 0.5em;
  text-align: left;
  font-size: 75%;
}
.example-1 .date span {
  display: block;
  text-align: center;
}
.example-1 .date .day {
  font-weight: 700;
  font-size: 24px;
  text-shadow: 2px 3px 2px rgba(0, 0, 0, 0.18);
}
.example-1 .date .month {
  text-transform: uppercase;
}
.example-1 .date .month,
.example-1 .date .year {
  font-size: 12px;
}
.example-1 .content {
  background-color: #fff;
  box-shadow: 0 5px 30px 10px rgba(0, 0, 0, 0.3);
}
.example-1 .title a {
  text-decoration: none;
  color: #333;
}
.example-1 .menu-button {
  position: absolute;
  z-index: 999;
  top: 16px;
  right: 16px;
  width: 25px;
  text-align: center;
  cursor: pointer;
}
.example-1 .menu-button span {
  width: 5px;
  height: 5px;
  background-color: gray;
  color: gray;
  position: relative;
  display: inline-block;
  border-radius: 50%;
}
.example-1 .menu-button span::after, .example-1 .menu-button span::before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  background-color: currentColor;
  position: absolute;
  border-radius: 50%;
}
.example-1 .menu-button span::before {
  left: -10px;
}
.example-1 .menu-button span::after {
  right: -10px;
}
.example-1 .menu-content {
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.example-1 .menu-content li {
  width: 33.333333%;
  float: left;
  background-color: #77d7b9;
  height: 60px;
  position: relative;
}
.example-1 .menu-content a {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 24px;
}
.example-1 .menu-content span {
  top: -10px;
}

.margin-b10{
  margin-bottom: 10px;
}

.egov-blog{
  margin: 0px 0px 30px 0px;
}

.egov_banners {
    width: 100%;
    padding: 0px 0px 20px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.egov_banner_lg {
    display: block;
    width: 50%;
    width: 100%;
}


.blog-question {
    border-bottom: 1px solid;
        border-bottom-color: currentcolor;
    /* border-color: #c55e24; */
    border-color: #0f73c6;
    margin: 0px 0px 35px 0px;
}

.blog-question-date {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}


@media (max-width:770px){
  .blog-question-date {
    flex-direction: column;
    align-items: baseline;
}
}




.blog-question-date-time {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}


.blog-question-date-time i{
  color: brown;
}


.blog-question-author {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}


.blog-question-mail{
  color: #0f73c6;
  margin: 0px;
}

.blog-question-ask-title {
    margin: 10px 0px;
    font-weight: 700 !important;
}

.blog-question-answer {
    border-top: 1px dashed #999;
    margin: 20px 0px 0px 0px;
    padding: 10px 0px;
}

.blog-question-answer-title {
    color: steelblue;
    /* color: #31708f; */
}



.info-card {
    border-bottom: 1px solid;
        border-top-color: currentcolor;
        border-right-color: currentcolor;
        border-bottom-color: currentcolor;
        border-left-color: currentcolor;
    /* border-radius: 0.5rem; */
    border-color: #d1ebcc;
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 0px 0px 20px 0px;
    margin-bottom: 20px;
    /* box-shadow: 0 1px 15px 1px rgba(39, 39, 39, 0.1); */
    /* background-color: #fff; */
}

.info-card-header {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    /* background-color: #d1ebcc; */
    /* border-radius: 0.5rem 0.5rem 0 0; */
    border-bottom: 1px dashed;
    border-color: #d1ebcc;
    padding: 4px 0px;
}

.info-card-header_title {
    color: #48a942;
    font-weight: 700;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: stretch;
}

.info-card-header_title i {
    font-size: 25px;
}


.info-card-header_title p {
    margin: 0px 10px;
    color: #48a942;
}


.info-card-body {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: stretch;
    padding: 10px 20px;
}

.info-card-body_text p {
    text-align: left;
}

.info-card_text-punkt{
  display: flex;
  /* align-items: center; */
  justify-content: stretch;
}

@media(max-width:770px){
  .info-card_text-punkt{
    flex-direction: column;
  }
}


.warning-card {
    border-bottom: 1px solid;
        border-top-color: currentcolor;
        border-right-color: currentcolor;
        border-bottom-color: currentcolor;
        border-left-color: currentcolor;
    /* border-radius: 0.5rem; */
    border-color: #ebccd1;
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 0px 0px 0px 0px;
    /* box-shadow: 0 1px 15px 1px rgba(39, 39, 39, 0.1); */
    /* background-color: #fff; */
}

.warning-card-header {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    /* background-color: #ebccd1; */
    /* border-radius: 0.5rem 0.5rem 0 0; */
    border-bottom: 1px dashed;
    border-color: #ebccd1;
    padding: 4px 0px;
}


.warning-card-header_title {
    color: #a94442;
    font-weight: 700;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: stretch;
}


.warning-card-header_title i {
    font-size: 25px;
}

.warning-card-header_title p {
    margin: 0px 10px;
    color: #a94442;
}


.warning-card-body {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: stretch;
    padding: 10px 20px;
}

.warning-card-body_text p {
    text-align: left;

}

.warning-card_text-punkt{
  display: flex;
  /* align-items: center; */
  justify-content: stretch;
}

@media(max-width:770px){
  .warning-card_text-punkt{
    flex-direction: column;
  }
}

.agree-btn{
  background: none !important;
  margin: 10px 0px 0px 0px !important;
}


@media (max-width:770px){
  .agree-btn{
    background: none !important;
    margin: 10px 0px 20px 0px !important;
    padding: 0px 10px;
  }
}



@media (max-width:770px){
  .sendbutton{
    margin: 0px 0px 20px 0px !important;
  }
}


.news-blog {
    padding: 0px 0px;
    margin: 0px 0px 20px 0px;
    box-shadow: 0 1px 15px 1px rgba(39, 39, 39, 0.1);
}


.news-blog-header {
    padding: 10px 20px;
    background-color: #d9edf7;
    background-color: #46a4c3;
    background-color: #428bca;
    background-image: url('/templates/default/images/body_uzor.png');
}

.news-slider_title {
    font-size: 1.4em;
    color: #31708f;
    color: #fff;
    border-bottom: 1px solid rgba(39, 39, 39, 0.1);
    line-height: 1.5em;
    margin: 0px 0px 0px 0px;
    padding-left: 10px;
    font-weight: 700;
    font: 600 20px/20px 'Roboto Condensed', Calibri, Roboto, Tahoma, Arial, sans-serif;
}

.news-blog-body {
    padding: 30px 20px !important;
    display:block;
}

.news-blog_post-slide {
    padding: 0 15px 20px 15px;
    padding: 0px;
}

.news-blog_post-slide_img > img {
    width: 100%;
    height: 240px;
    object-fit: cover;
}

.news-blog_post-slide .post-description {
    color: #555555;
    font-size: 14px;
    line-height: 22px;
}

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

.btn-sm {
    font-size: 14px;
    text-decoration: none;
}


.student-list {
    padding: 0px 0px;
    margin: 0px 0px 30px 0px;
    box-shadow: 0 1px 15px 1px rgba(39, 39, 39, 0.1);
}

.student-list .student-list_title {
    background-color: #02a27a;
    /* color: #80c242; */
    color: #fff;
    margin: 0px 0px 10px 0px;
    line-height: 1.5em;
    padding: 10px 30px;
    /* border-bottom: 1px dashed #80c242; */
}


.student-list .swiper-slide{
  /*text-align: center;*/
  font-size: 18px;
  /*background: #fff;*/
  width: 100% !important;
   /*Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center center;
}

@media (max-width:770px){
  .student-list .swiper-slide{
    width: 100% !important;
  }
}


.student-list-card .student-card {
    border: 0;
    border-radius: 0rem;
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    box-shadow: none;
    background-color: #fff;
    overflow: hidden;
}

.student-card .wrapper {
  background-color: #fff;
  /* min-height: 400px; */
  /*max-height: 340px;*/
  position: relative;
  overflow: hidden;
  box-shadow: none;
}

.student-list-card .student-card .student-card-body {
    position: relative !important;
    border-bottom: 1px dotted rgba(39, 39, 39, 0.1);
    width: 100%;
    display: block;
    text-align: left;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
}


.student-list-card .student-card .student-card-body  .title {
  margin-top: 0px;
}

.student-img img {
    width: 100%;
    height: 200px;
    object-fit: contain;
}

.student-card .text {
    margin: 0;
    font-size: 15px;
    color: #777;
}

.student-list-card .student-card .student-card-footer {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 10px 0px 0px 0px;
}


.student-links{
  border-top: 1px dashed #c4c4c4 !important;
}

/*.director_links */
.student-links_button a {
    text-decoration: none;
    font-size: 12px;
    padding: 5px 12px;
    border-radius: 2.25em;
}

.student-links_button .btn{
  /* border: 1px solid #80c242;
  color: #80c242; */
  border: 1px solid #02a27a;
  color: #02a27a;
}

.student-links_button .btn:hover{
  /* border: 1px solid #80c242;
  background: #80c242; */
  border: 1px solid #02a27a;
  background: #02a27a;
  color: #fff;
}



.teacher-list {
    padding: 0px 0px;
    margin: 0px 0px 30px 0px;
    box-shadow: 0 1px 15px 1px rgba(39, 39, 39, 0.1);
}

.teacher-list .teacher-list_title {
    background-color: #02a27a;
    /* color: #80c242; */
    color: #fff;
    margin: 0px 0px 10px 0px;
    line-height: 1.5em;
    padding: 10px 30px;
    /* border-bottom: 1px dashed #80c242; */
}


.teacher-list .swiper-slide{
  /*text-align: center;*/
  font-size: 18px;
  /*background: #fff;*/
  width: 100% !important;
   /*Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center center;
}

@media (max-width:770px){
  .teacher-list .swiper-slide{
    width: 100% !important;
  }
}


.teacher-list-card .teacher-card {
    border: 0;
    border-radius: 0rem;
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    box-shadow: none;
    background-color: #fff;
    overflow: hidden;
}

.teacher-card .wrapper {
  background-color: #fff;
  /* min-height: 400px; */
  /*max-height: 340px;*/
  position: relative;
  overflow: hidden;
  box-shadow: none;
}

.teacher-list-card .teacher-card .teacher-card-body {
    position: relative !important;
    border-bottom: 1px dotted rgba(39, 39, 39, 0.1);
    width: 100%;
    display: block;
    text-align: left;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
}


.teacher-list-card .teacher-card .teacher-card-body  .title {
  margin-top: 0px;
}

.teacher-img img {
    width: 100%;
    height: 200px;
    object-fit: contain;
}

.teacher-card .text {
    margin: 0;
    font-size: 15px;
    color: #777;
}

.teacher-list-card .teacher-card .teacher-card-footer {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 10px 0px 0px 0px;
}


.teacher-links{
  border-top: 1px dashed #c4c4c4 !important;
}

.teacher-links_button a {
    text-decoration: none;
    font-size: 12px;
    padding: 5px 12px;
    border-radius: 2.25em;
}

.teacher-links_button .btn{
  /* border: 1px solid #80c242;
  color: #80c242; */
  border: 1px solid #02a27a;
  color: #02a27a;
}

.teacher-links_button .btn:hover{
  /* border: 1px solid #80c242;
  background: #80c242; */
  border: 1px solid #02a27a;
  background: #02a27a;
  color: #fff;
}



.service-card {
    border: 0;
    border-radius: 0rem;
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%;
    margin: 15px 0px;
    box-shadow: 0 1px 15px 1px rgba(39, 39, 39, 0.1);
    background-color: #fff;
    padding: 0px 20px;
}

.service-card-header {
    background-position: top center;
    background-size: 100%;
    height: 100%;
    background-repeat: no-repeat;
    font-size: 60px;
    /* color: #80c242; */
    color:#02a27a;
}

.service-card-body {
    background: #FFF;
    align-self: flex-end;
    border-bottom: 1px dotted rgba(39, 39, 39, 0.1);
    /* border: 1px solid rgba(0, 0, 0, 0.125); */

}

.service-card-body .card-text{
  color: #777;
}


.service-card .service-card-footer {
    background-color: transparent;
    border: 0;
    display: flex;
    justify-content: space-evenly;
}
.service-links_button a {
    text-decoration: none;
    font-size: 12px;
    padding: 5px 12px;
    border-radius: 2.25em;
}

.service-links_button a{
  text-decoration: none;
  font-size: 12px;
  padding: 5px 12px;
  border-radius: 2.25em;
  border: 1px solid #02a27a;
  color: #02a27a;
}

.service-links_button{
  font-size: 12px;
  /* color: #249cb8; */
}



.service-links_button a:hover{
  /* color: #fff; */
  border: 1px solid #02a27a;
  background: #02a27a;
  color: #fff;
  text-decoration: none;
}





.sc-bnr-mob-app{
  margin: 30px 0px !important;
  /* background-color: #777 !important; */
  background-color: #fbfafa !important;
  padding: 40px 0px;
}

.banners-carousel {
    padding: 0px 0px;
    margin: 0px 0px 0px 0px;
    /* box-shadow: 0 1px 15px 1px rgba(39, 39, 39, 0.1);
    background-color: #fff; */
}

.banners-carousel-card{
  width: 100%;
}

.banners-carousel .card{
  border: 0;
  border-radius: 0rem;
  display: inline-block;
  position: relative;
  width: 100%;
  margin-bottom: 20px;
  box-shadow: none;
  background-color: #fff;
  overflow: hidden;
  box-shadow: 0 1px 15px 1px rgba(39, 39, 39, 0.1);
  padding: 20px;
}



.banners-carousel_title{
    color: #80c242;
    margin: 0px 0px 10px 0px;
    line-height: 1.5em;
    padding: 10px 30px;
    /* border-bottom: 1px dashed #80c242; */
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;

}

.banners-carousel-img img {
    width: 100%;
    height: 210px;
    object-fit: contain;
}

.banners-carousel-card-header{
  width: 100%;
  height: 100%;
  text-align: left;
  background-position: top center;
  background-size: 100%;
  background-repeat: no-repeat;
}

.banners-carousel-card .banners-carousel-card-header h4 {
    font-size: 17px;
}
.banners-carousel-card .title {
    margin-top: 10px;
}

.banners-carousel .swiper-button-prev3, .banners-carousel .swiper-button-next3{
  top: 30px !important;
  width: 10px !important;
  height: 20px !important;
  text-align: center !important;
  margin: 0px 5px 0px 0px !important;
  /* color: #80c242; */
  color: #31708f;
  font-size: 18px;
}

.banners-carousel-card-body{
  position: relative !important;
  border-bottom: 1px dotted rgba(39, 39, 39, 0.1);
  width: 100%;
  display: block;
  text-align: left;
  margin: 10px 0px 0px 0px;
  background: #FFF;
  padding: 10px 0px;
  align-self: flex-end;
}

.banners-carousel-card .text{
  margin: 0;
  font-size: 15px;
}

.banners-carousel-card-footer{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0px 0px 0px;
}

.banners-carousel_links-button a{
  text-decoration: none;
  font-size: 12px;
  padding: 5px 12px;
  border-radius: 2.25em;
}

.banners-carousel .swiper-slide{
  width: 50% !important;
}

@media(max-width:770px){
.banners-carousel .swiper-slide {
    width: 100% !important;
}
}
.carousel-inner img{
  width: 100%;
  height: 120px;
  object-fit: contain;
}

/* @media (min-width:1200px){
.container {
    width: 1250px !important;
}
}

@media (min-width:992px){
  .container {
      width: 970px;
  }
}


@media (min-width:768px){
  .container {
      width: 750px;
  }
} */


/* Popup container - can be anything you want */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* The actual popup */
.popuptext {
  visibility: hidden;
  width: 160px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
}

/* Popup arrow */
.popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}

/* The Modal (background) */
.modal {
 display: none; /* Hidden by default */
 position: fixed; /* Stay in place */
 z-index: 2; /* Sit on top */
 left: 0;
 top: 0;
 width: 100%; /* Full width */
 height: 100%; /* Full height */
 overflow: auto; /* Enable scroll if needed */
 background-color: rgb(0,0,0); /* Fallback color */
 background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
 background-color: #fefefe;
 margin: 15% auto; /* 15% from the top and centered */
 padding: 20px;
 border: 1px solid #888;
 /* width: 80%; /* Could be more or less, depending on screen size */
 z-index: 2;
}

/* The Close Button */
.close {
 color: #aaa;
 float: right;
 font-size: 28px;
 font-weight: bold;
}

.close:hover,
.close:focus {
 color: black;
 text-decoration: none;
 cursor: pointer;
}

.d-none{
  display: none;
}


.question-area_warning-card {
    border: 1px solid;
    border-radius: 0.5rem;
    border-color: #ebccd1;
    display: inline-block;
    position: relative;
    width: 100%;
    margin: 0px 0px 40px 0px;
    /* box-shadow: 0 1px 15px 1px rgba(39, 39, 39, 0.1); */
    background-color: #fff;
}

.question-area_warning-card-header {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: #ebccd1;
    border-radius: 0.5rem 0.5rem 0 0;
    border-bottom: 1px dashed;
    border-color: #ebccd1;
    padding: 10px 0px;
}

.question-area_warning-card-header_title {
    color: #a94442;
    font-weight: 700;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: stretch;
}

.question-area_warning-card-header_title i {
    font-size: 25px;
}

.question-area_warning-card-header_title p {
    margin: 0px 10px;
    color: #a94442;
}

.question-area_warning-card-body {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: stretch;
    padding: 20px;
}

.question-area_warning-card-body_text {
    width: 100%;
}

.question-area_warning-card-body_text p {
    text-align: left;
}

.question-area_warning-card_text-punkt {
    display: flex;
    align-items: center;
    justify-content: stretch;
}


.schedule{
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  box-sizing: content-box;
}


.schedule thead th {
  padding: 10px 0px;
  border: 1px solid #b6b6b6;
  font-weight: 700;
  background: #e4eaec;
  /* color: #526069; */
  color: #31708f;
}

.schedule thead th p{
  /* color: #31708f; */
}

.schedule tbody td{
  border: 1px solid #e9e9e9 !important;
  color: #535a61;
}

.schedule tbody tr{
  border-top: 2px solid #bce8f1 !important;
  border-bottom: 2px solid #bce8f1 !important;
}