@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500&subset=cyrillic');
@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");

html, body {
	margin: 0;
	padding: 0;
	font-family: 'Montserrat', sans-serif;
	height: 100%;
	font-size: 16px;
}

.clear {
	clear: both;
}

.container {
    max-width: 1200px;
}

#preloadImgs {
	display: none;
}

a,
a:hover {
	color: #000000;
}
a:hover {
	color: #1ACBC3;
	text-decoration-color: #1ACBC3;
}

#page {
	padding: 0;
	height: 100%;
}

.site-inner {
	height: 100%;
}


/*Navbar*/
nav.navbar-default .site-header-main {
	max-width: 1200px;
}
nav.navbar-default {
	min-height: 80px;
	background: #E8ECF0;
}
nav.navbar-default img[role=logo] {
	width: 100%;
	height: 50px;
}
.navbar-header {
	width: 19%;
}
.admin-bar nav.navbar-default {
	/*top: 32px;*/
}
@media screen and (max-width: 782px) {
	.admin-bar nav.navbar-default {
		top: 46px;
	}
}
@media screen and (max-width: 600px) {
	#wpadminbar {
	    position: fixed;
	}
}
.navbar .navbar-toggler {
	border: none;
}

.navbar .navbar-toggler {
 top:24px;
 right:15px;
 left:inherit;
 position:absolute;
 width:30px;
 height:30px;
 padding-bottom:0;
 transform:rotate(0deg);
 transition:.5s ease-in-out;
 cursor:pointer;
 box-sizing:border-box;
 outline: none;
}
.navbar .navbar-toggler:not(.collapsed) .line:nth-child(1) {
 top:18px;
 width:0;
 left:50%
}
.navbar .navbar-toggler:not(.collapsed) .line:nth-child(2) {
 transform:rotate(45deg)
}
.navbar .navbar-toggler:not(.collapsed) .line:nth-child(3) {
 transform:rotate(-45deg)
}
.navbar .navbar-toggler:not(.collapsed) .line:nth-child(4) {
 top:18px;
 width:0;
 left:50%
}
.navbar .navbar-toggler .line {
 background:#000;
 display:block;
 position:absolute;
 height:5px;
 width:100%;
 opacity:1;
 left:0;
 transform:rotate(0deg);
 transition:.25s ease-in-out
}
.navbar .navbar-toggler.collapsed .line:nth-child(1) {
 top:0
}
.navbar .navbar-toggler.collapsed .line:nth-child(2),
.navbar .navbar-toggler.collapsed .line:nth-child(3) {
 top:12px
}
.navbar .navbar-toggler.collapsed .line:nth-child(4) {
 top:24px
}

.navbar .navbar-collapse {
    text-align: center;
    
}
.navbar .navbar-collapse .navbar-nav {
    display:inline-block;
    float: none;
}

.navbar .navbar-collapse .navbar-nav li {
    display:inline-block;
    float: left;
    margin: 0 20px;
    text-align: center;
}
.navbar .navbar-collapse .navbar-nav li a {
    font-size: 14px;
    padding: 6px 0 9px;
    margin-top: 8px;
    display: inline-block;
}

@media screen and (min-width: 1200px) {

	.home #top-nav:not(.scrolled) ul.main-menu > li.menu-item-3518 > a,
	.donate-page #top-nav:not(.scrolled) ul.main-menu.menu-item-3518 > li > a {
		padding: 12px 20px 9px;
	    margin-top: 2px;
	    background-color: rgb(255 102 27);
	    color:#fff;
	}
}
.navbar .navbar-collapse .navbar-nav li:hover a,
.navbar .navbar-collapse .navbar-nav li.current_page_item a {
	text-decoration: none;
	color:#000000;
	padding-bottom: 6px;
	border-bottom: 3px solid #1ACBC3;
}


@media screen and (max-width: 1199px) {
	.navbar .navbar-collapse .navbar-nav {
		display: flex;
	}
	.navbar .navbar-collapse #menu-language-switcher {
		display: inline-block;
	}
	div.navbar-collapse > div:first-child {
		position: unset;
	    left: unset;
	    width: unset;
	    margin-left: unset;
	}
	.navbar .navbar-collapse {
		margin-top: 12px;
		background-color: #E8ECF0;
		color: #000;
		margin-left: -16px;
		margin-right: -16px;
	}
	.navbar .navbar-collapse .navbar-nav li a {
		color: #000;
		border:none;
		
		font-size: 14px;
	}
}

@media screen and (max-width: 1399px) {
	.menu-main-menu-container ul#menu-main-menu li {
		margin: 0 5px;
	}
}
.menu-main-menu-container ul#menu-main-menu li,
.menu-main-menu-edx-logged-container ul#menu-main-menu-edx-logged li{
	margin: 0 10px;
}
ul.navbar-nav ul.sub-menu {
	display: none; 
    position: absolute;
    background-color: #fff;
    color: #2c3c50;
    border: 1px solid #2c3c50;
    border-radius: 20px;
    margin-top: 10px;
    padding: 10px;
    z-index: 10;
}
ul.navbar-nav ul.sub-menu:before {
	content: "";
    display: block;
    float: none;
    height: 10px;
    position: absolute;
    width: 100%;
    top: -11px;
    margin-left: -10px;
}
@media screen and (max-width: 1199px) {
	ul.navbar-nav ul.sub-menu {
		position: relative;
		background: unset;
		border:none;
		display: inherit;
	}
	ul.navbar-nav ul.sub-menu:before {
		display: none;
	}
}
ul.navbar-nav li:hover ul.sub-menu {
	display: block;
}
.navbar ul.navbar-nav ul.sub-menu li {
	float: none;
	display: flex;
	margin: 0;
}
.navbar ul.navbar-nav ul.sub-menu li a {
	border:none;
	margin: 0;
	/*text-transform: uppercase;*/
	/**/
	font-size: 14px;
}
@media screen and (max-width: 1199px) {
	.navbar ul.navbar-nav ul.sub-menu li a {
		/*font-size: 18px;*/
	}
}
.navbar .navbar-collapse .navbar-nav li.pll-parent-menu-item::before {
	content: "\f0ac";
	font: normal normal normal 14px/1 FontAwesome;
	margin-right: 10px;
}
@media screen and (max-width: 1199px) {
	.navbar .navbar-collapse .navbar-nav li.pll-parent-menu-item::before {
		margin-left: -22px;
	}
	.navbar .navbar-collapse .navbar-nav li.pll-parent-menu-item a {
		text-decoration: none;
		color: #000000;
		padding-bottom: 6px;
		border-bottom: 3px solid #1ACBC3;
	}
	.navbar ul.navbar-nav li.pll-parent-menu-item ul.sub-menu {
		margin-top: 0;
	}
	.navbar ul.navbar-nav li.pll-parent-menu-item ul.sub-menu li {
		display: block;
	}
}
/*.menu-language-switcher-container {
	position: absolute;
	right: 25px;
}*/
@media screen and (max-width: 1199px) {
	.menu-language-switcher-container {
		position: unset;
		right: unset;
	}
}
.navbar .navbar-collapse .menu-language-switcher-container .navbar-nav li a {
	/*border:none;
	font-size: 20px;*/
	
}
.navbar .navbar-collapse .menu-language-switcher-container .navbar-nav li.lang-item a {
	border:none;
	background: none;
	color:#2c3c50;
}
.navbar .navbar-collapse .menu-language-switcher-container .navbar-nav li.current-lang {
	display: none;
}
.navbar .navbar-collapse .menu-language-switcher-container .navbar-nav li a img {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray; /* IE 6-9 */
	height: 15px;
    border-radius: 2px;
    border: 1px solid #2c3c50;
    margin-top: -3px;
}
@media screen and (max-width: 1199px) {
	.navbar .navbar-collapse .menu-language-switcher-container .navbar-nav li a img {
		display: none;
	}
}
.navbar .navbar-collapse .menu-language-switcher-container .navbar-nav li a:hover img {
	-webkit-filter: none;
	-moz-filter: none;
	-ms-filter: none;
	-o-filter: none;
	filter: none;
	filter: none; /* IE 6-9 */
}
/*.navbar .navbar-collapse .menu-language-switcher-container .navbar-nav li:nth-child(n+3) a {
	width: 0;
	display: block;
	padding: 0;
	overflow: hidden;
}*/
@media screen and (max-width: 1199px) {
	.navbar .navbar-collapse .menu-language-switcher-container .navbar-nav li:nth-child(n+3) a {
		display: inline-block;
	}
	.navbar .navbar-collapse .menu-language-switcher-container .navbar-nav li:nth-child(n+4) {
		float: left;
		display: inline-block;
	}
}
.navbar .navbar-collapse .menu-language-switcher-container .navbar-nav li:nth-child(n+3) a:before {
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	position: absolute;
    margin-left: -15px;
    margin-top: 6px;
}
.navbar .navbar-collapse .menu-language-switcher-container .navbar-nav li:nth-child(3) {
	margin-left: 0px;
}
@media screen and (max-width: 1199px) {
	.navbar-header {
	    width: 100%;
	}
}

.navbar-header button[aria-controls="navbar-menu"] {
	float: right;
}

/*Main page*/
.main-slider .n2-ss-control-bullet-horizontal {
	bottom: -50px !important;
}

/*Footer*/
footer {
	background: #E8ECF0;
    color: #2c3c50;
    padding: 50px 0;
	
	font-size: 14px;
}
footer ul {
	padding: 0;
}
footer ul li {
	list-style: none;
}
footer ul li.current_page_item a {
	text-decoration: underline;
}
footer .footer-wrapper p svg {
        max-width: 100%;
}

#content {
	min-height: calc(100% - 80px);
	/*padding-top: 80px;*/
}

/*#menu-language-switcher .lang-item-first {
	display: none;
}*/

#error-404 p {
	margin: 50px 0;
}

.search_courses_dynamic_filters .dropdown {
	width: 25%;
	padding: 0 10px;
	float: left;
}
.search_courses_dynamic_filters .dropdown:first-child {
	padding-left: 0;
}
.search_courses_dynamic_filters .dropdown:last-child {
	right: 0;
}
@media screen and (max-width: 767px) {
	.search_courses_dynamic_filters .dropdown {
		width: 100%;
		padding: 10px 0;
	}
	#search_courses_page_search_box button[type=submit],
	.search_certs_form button[type=submit] {
		margin-top: 40px;
	}
}
.search_courses_dynamic_filters .btn.dropdown-toggle {
	border: 2px solid #000000;
	border-radius: 7px;
	width: 100%;
}

.search_courses_dynamic_filters .btn.dropdown-toggle:hover,
.search_courses_dynamic_filters .btn.dropdown-toggle[aria-expanded="true"] {
	background-color: #000;
	color: #fff;
}

.search_courses_dynamic_filters .btn.dropdown-toggle::after {
	vertical-align: 0em;
	border-top: .6em solid;
	border-right: .6em solid transparent;
	border-left: .6em solid transparent;
}
#search_courses_page_search_box,
.search_certs_form {
	padding: 20px 0 50px;
}

#search_courses_page_search_box #catalog_search,
.search_certs_form #certs_search_field {
	border: none;
	outline: none;
	border-bottom: 2px solid #000;
	width: 100%;
	height: 60px;
}
#search_courses_page_search_box button[type=submit],
.search_certs_form button[type=submit] {
	background: #1E1E1E;
	color: #EBEBEB;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 18px;
	border-radius: 7px;
	height: 60px;
	width: 100%;
	padding: 0;
	border: 2px solid #000000;
}

#search_courses_page_search_box button[type=submit]:hover,
.search_certs_form button[type=submit]:hover {
	background-color: #fff;
	color: #000;
}
#search_courses_page_search_box button[type=submit] .fa,
.search_certs_form button[type=submit] .fa {
	width: 30px;
	text-align: left;
	color: #fff;
}
#search_courses_page_search_box button[type=submit]:hover .fa,
.search_certs_form button[type=submit]:hover .fa {
	color: #000;
}

.search_courses_page_head {
	margin-bottom: 60px;
}

.catalogue-header {
	margin-top: 60px;
}

.course-catalogue {
	background: #E8ECF0;
	padding: 80px 0 20px;
}
.course-item {
	margin-bottom: 60px;
}
.course-item img {
	width: 100%;
	margin-bottom: 30px;
}
.course-item a:hover {
	text-decoration: none;
}
.course-item a:hover .desc,
.course-item a:hover .effort,
.course-item a:hover .cert {
	color: #000;
}
.course-item h3,
.course-item .desc {
	margin-bottom: 20px;
}

.course-item .cert:before,
#certs_list_table .download a:before {
	content: "";
	background-image: url("../images/cert.svg");
	background-size: contain;
	background-repeat: no-repeat;
	width: 18px;
	height: 25px;
	float: left;
	display: block;
	margin-right: 10px;
}
.course-item .effort {
	text-align: center;
}
.course-item .effort:before {
	content: "";
	background-image: url("../images/effort.svg");
	background-size: contain;
	background-repeat: no-repeat;
	width: 30px;
	height: 30px;
	float: none;
	display: block;
	margin: auto;
	margin-bottom: 7px;
}

.search_courses_pagination {
	padding: 45px 0;
}

.search_courses_widget .search_courses_page_head {
    margin-bottom: 0;
    background-color: #e8ecf0;
    padding-top: 90px;
}
.search_courses_widget .course-catalogue {
	padding-top: 60px;
}

.maincontent.search-certs {
	margin-bottom: 20px;
}

.search-certs .info p {
	margin-bottom: 45px;
}

#certs_list_table .course {
	font-weight: 600;
	font-size: 25px;
	margin: 20px 0;
}

#certs_list_table .download {
	margin: 20px 0;
}
#certs_list_table .cert-item {
	margin-bottom: 80px;
}