/*
Theme Name: Best Education Child
Theme URI: https://thememattic.com/theme/best-education
Template: best-education
Author: Thememattic
Author URI: https://thememattic.com
Description: Best Education is the flexible and highly responsive wordpress theme that helps in creating the best website for education instituitions like schools, colleges, primary schools, universities and various others business related to the education, teaching and learning. It has many features that supports all the functionalities of an educational website. Loaded with powerful plugin named "Education Connect", helps in creating the outstanding website for your school or college within a very less time. By featuring a responsive layout, it is clear that visitors can use any mobile device or desktop screen for reaching the website. It is perfectly optimized to support all the latest trends in SEO on-page optimization. View Live Preview: https://demo.thememattic.com/best-education and For Documentation: https://docs.thememattic.com/best-education
Tags: blog,portfolio,education,one-column,two-columns,left-sidebar,right-sidebar,custom-background,custom-menu,featured-images,full-width-template,custom-header,translation-ready,theme-options,threaded-comments,footer-widgets
Version: 1.0.3.1536360698
Updated: 2018-09-08 00:51:38

*/
 a{text-decoration: none !important; /* Убираем подчеркивание у ссылок */
   }

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  /* change if the mask should have another color then white */
  z-index: 99;
  /* makes sure it stays on top */
}

#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  /* centers the loading animation horizontally one the screen */
  top: 50%;
  /* centers the loading animation vertically one the screen */
  background-image: url(https://mdpu.org.ua/wp-content/uploads/2020/02/4226152-1.gif);
  /* path to your loading animation */
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
  /* is width and height divided by two */
}


td, th {
    padding: 10px;
}

ul, ol {
    margin: 0 0 10px 0;
}

li > ul,
li > ol {
    margin-left: 0;
}

.class-form-news a{
	
    color: #0000ff; /* Цвет текста */
    background: #ffc; /* Цвет фона */
    padding: 2px; /* Поля вокруг текста */
   
}
.slide-icon {
    background: rgba(255, 255, 255, .54);
    position: absolute;
    z-index: 1;
    display: block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 26px;
    cursor: pointer;
    color: #fff;
    top: 50%;
    margin-top: -30px;
    text-align: center;
    padding: 0;
}

.header-middle.no-contact {
    margin: 25px auto;
}

.header-links .link-list .link-detail {
	text-align: inherit;
}

.top-header {
	background-color: #1C3A60;
}

#lang-menu.menu {
	font-size: 0;
}

#lang-menu.menu > li {
	font-size: 16px;
}

#lang-menu.menu li:first-child a {
	padding-left: 10px;
}

#lang-menu.menu > li > a {
	font-weight: bold;
}

ul#lang-menu.menu > li.current-lang > a,
ul#lang-menu.menu > li:hover > a,
ul#lang-menu.menu > li:focus > a {
	font-weight: bold;
	background: #F9BF23;
	color: #000000;
}

.bg-overlay {
	background-color: rgba(0, 0, 0, 0.65)
}

.bg-overlay.overlay-dots {
	background: rgba(111, 111, 111, 0.70) url(assets/images/overlay-dots.png) left top repeat;
}

.main-navigation .menu ul.menu-desktop > li > a {
	padding: 20px 16px;
	text-transform: uppercase;
}

.main-navigation .menu > ul > li.current-menu-item > a, .main-navigation .menu > ul > li:hover > a, .main-navigation .menu > ul > li:focus > a {
	background-color: #F9BF23;
	color: #000000;
}

.nav-icon {
	border: none;
}

.breadcrumb-wrapper {
	padding: 5px 0;
}

.home .section-title {
	font-size: 34px;
    line-height: 42px;
}

.secondary-bgcolor a {
	color: #272626;
}

.secondary-bgcolor a:hover,
.secondary-bgcolor a:focus,
.secondary-bgcolor a:active{
	color: #000000;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
body .btn-primary,
.mouse-icon .wheel {
	font-weight: bold;
    background-color: #F9BF23;
    color: #272626;
	border-radius: 0;
}

article a {
	text-decoration: underline;	
}

.tm-metawrap {
    display: inline-block;
    vertical-align: top;
    right: 20px;
    margin: 0 0 20px;
    line-height: 1;
    text-align: center;
    width: 60px;
    border: 7px solid #37dba9;
    border-width: 0 7px 7px;
}

.tm-metawrap-top {
    text-align: center;
    color: #fff;
    background: #37dba9;
    display: block;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 700;
    line-height: 26px;
}

.tm-metawrap-bottom {
    font-size: 40px;
    color: #37dba9;
    line-height: 40px;
}

.faculty {
    width: 20%;
    float: left;
    text-align: center;
    font-size: 25px;
}

a:hover, a:focus, a:active {
    color: #F9BF23;
}

.secondary-bgcolor,
.main-navigation .popular-post a,
.main-navigation .sub-menu > li:hover > a,
.main-navigation .sub-menu > li:focus > a,
.footer-bottom .social-icons ul li:hover a:after,
.footer-bottom .social-icons ul li:hover a:after,
.widget.best_education_social_widget .social-widget-menu ul a:hover,
.widget.best_education_social_widget .social-widget-menu ul a:focus,
.widget.best_education_widget_tabbed ul.nav-tabs li:hover a,
.widget.best_education_widget_tabbed ul.nav-tabs li:hover a,
.widget.best_education_widget_tabbed .nav-tabs > li.active > a,
.widget.best_education_widget_tabbed .nav-tabs > li.active > a:focus,
.widget.best_education_widget_tabbed .nav-tabs > li.active > a:hover
.widget.best_education_widget_tabbed .site-footer .widget ul li,
.widget .social-widget-menu ul li a,
.author-info .author-social > a,
.top-bar .social-icons ul li:hover a:after,
.top-bar .social-icons ul li:focus a:after {
    background: #F9BF23;
    color: #000000;
}

body .btn-primary:hover, body .btn-primary:focus, button:hover, button:focus, button:active, input[type="button"]:hover, input[type="button"]:focus, input[type="button"]:active, input[type="reset"]:hover, input[type="reset"]:focus, input[type="reset"]:active, input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus {
	background-color: #F9BF23;
    color: #000000;
}

body .btn-border:hover,
body .btn-border:focus {
    border-color: #5584ff;
    color: #5584ff;
}

.site-footer a:hover,
.site-footer a:focus {
    color: #F9BF23;
}

.footer-widget-area {
	padding-bottom: 0;
}

.footer-widget-area .widget {
	margin: 0 auto 60px;
}

.footer-widget-area .widget-title span {
	background-color: #F9BF23;
}

button.eael-load-more-button span {
	line-height: initial;
}

.social {
	float: left;
    margin-top: 20px;
	width: 100%;
}

.gallery {
	overflow: auto;
}

.pageviews-wrapper {
	margin-top: 30px;
}

.site-copyright {
	text-transform: inherit;	
}

.terminovo {
	height: 120px;
    background-color: red;
    line-height: 3em;
    color: white;
    font-weight: 900;
    letter-spacing: 5px;
    font-size: 40px;
	}

 .reestracia{
    height: 120px;
    background-color: green;
    line-height: 3em;
    color: white;
    font-weight: 900;
    letter-spacing: 5px;
    font-size: 40px;
    }
.navshanja {
	height: 120px;
    background-color: blue;
    line-height: 3em;
    color: white;
    font-weight: 900;
    letter-spacing: 5px;
    font-size: 40px;
}
@media only screen and (max-width: 991px) {
	body .site-branding {
		margin: 10px auto 20px;
	}
	.header-links .link-list .link-detail {
		text-align: left;
	}	
	#secondary {
		padding-top: 60px;
	}
}

@media only screen and (max-width: 767px) {
	
	body .site-branding {
		margin: 0 auto;
	}
	
	.header-links .link-list .link-detail {
		text-align: center;
	}
	
	.terminovo {
		height: 120px;
    	background-color: red;
    	line-height: 3em;
    	color: white;
    	font-weight: 900;
    	letter-spacing: 5px;
		font-size: 20px;
	}
	.reestracia{
    	height: 120px;
    	background-color: green;
    	line-height: 3em;
    	color: white;
    	font-weight: 900;
    	letter-spacing: 5px;
    	font-size: 16px;
    }
	.navshanja {
	height: 120px;
    background-color: blue;
    line-height: 3em;
    color: white;
    font-weight: 900;
    letter-spacing: 5px;
    font-size: 40px;
}
	
}