/*STYLES.CSS*/

/**
 * @file
 * Styles are organized using the SMACSS technique. @see http://smacss.com/book/
 *
 * When you turn on CSS aggregation at admin/config/development/performance, all
 * of these @include files will be combined into a single file.
 */

/* HTML element (SMACSS base) rules */
@import "normalize.css";

/* Layout rules */
@import "layouts/responsive.css";

/* Component (SMACSS module) rules */
@import "components/misc.css";
/* Optionally, add your own components here. */
@import "print.css";

/* SMACSS theme rules */
/* @import "theme-A.css"; */
/* @import "theme-B.css"; */


/*ADDITIONAL*/

body {
    font-family: 'Open Sans', sans-serif;
    font-size:16px;
    font-weight:400;
}

a {
    text-decoration:none;
    color: #003975;
}

a:visited, a:active {
    color: #003975;
}


.site-header .container, .content .container, .site-footer .container, .site-header .navbar .container {
    width:960px;
    margin-left:auto;
    margin-right:auto;
    text-align: center;
}

.site-header .title-wrap {
    height:110px;
    position:relative;
}

.container:after {
    content: "";
    display:table;
    clear:both;
}

.site-header {
    height:160px;
    background:url(images/head-bg.png) no-repeat center;
    background-size:cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/header-bg.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/header-bg.png', sizingMethod='scale')";
}


.site-header .site-title {
    width:534px;
    margin-top: 25px; 
    display:inline-block;
    color: #ffffff;
    font:400 24px 'Tinos';
}


.site-title .heading {
    text-align:center;
}

.site-title .subheading {
    font-size:18px;
}


.site-header .logo-wrapper {
    float:left;
    position:relative;
    top:13px;
	width: 200px;
}



.site-header .navbar {
    height:50px;
}


.site-header .navbar .nav-list {
    list-style-type:none;
    display: inline-block;
    vertical-align:middle;
    -webkit-padding-start:0;
    -webkit-margin-after: 0;
    -webkit-margin-before: 0;
    margin-top: 10px;
}

.site-header .nav-list ul {
    background: rgb(0,55,115);
    -webkit-padding-start:0px;
    position:absolute;
    left:-9999px;
    margin-top:15px;
    padding:5px;
    opacity:0;
    transition:opacity 0.25s linear;
    border:1px solid #005CBF;
    border-radius:2px;
    z-index: 200;
}

.site-header .nav-list ul li:first-child {
    margin:0;
}

.site-header .nav-list ul li {
    margin-right:0px;
    margin-top:5px;
    padding:10px;
    display:block;
    text-align: left;
}

.site-header .nav-list ul li:hover {
    background:#001F40;
}

.site-header .nav-list ul li a {
    white-space:nowrap;
}

.site-header .nav-list > li {
    display:inline-block;
    vertical-align:middle;
    margin-right:30px;
    position:relative;
    height:50px;
}

.site-header .nav-list li:hover > ul {
    left:0;
    opacity:1;
}

.site-header .nav-list li a, a.btn {
    color:#ffffff;
    text-decoration:none;
}

a.btn {
    color:#444444;
}


.rusind-banner {
    height:200px;
    background: url(images/flags.png) no-repeat center;
    background-size:cover;
}

.rusind-content {
    background-color: #F2F2F2;
    padding-bottom:30px;
}

.content .block-half {
    width:451px;
    float:left;
    margin-right:40px;
}

.content .block-half:nth-child(2n) {
    margin-right:0;
}

.round-img {
    background: url(images/round-flags.png);
    height:142px;
    width:143px;
    display:inline-block;
}

.block-text {
    font-weight:300;
    font-size:11px;
    color: #444444;
}

.block-title {
    font-weight:300;
    font-size:18px;
    color:#444444;
}


 .btn {
    width:80px;
    background-color: #ffffff;
    border-radius: 2px;
    padding:5px;
    float:right;
    text-align:center;
}

.about {
    position:relative;
    left:15px;
    display:inline-block;
    width: 83%;
    vertical-align:top;
}

 a.btn{
    font-weight:300;
    font-size:10px;
}

.outer-item.nav-menu-toggler {
	display: none!important;
}

.content .block-half .docs-img {
    width:70px;
    height:70px;
    background:url(images/docs-bg.png);
    display:inline-block;
}


.content .block-half .doc-info {
    display:inline-block;
    width:360px;
    height:115px;
    margin-left:15px;
    position:relative;
}

.content .block-half .doc-info a {
    color: #1554a1;
    font-weight:400;
    font-size:12px;
    text-transform: uppercase;
}

.content .block-half .date {
    font-weight:300;
    font-size:12px;
    position:absolute;
    top:84%;
}



.content .block-half .news-img {
    height:143px;
    width:228px;
    display:inline-block;
    vertical-align:top;
}

.content .block-half .news-info {
    display:inline-block;
    vertical-align:top;
    background:#ffffff;
    width:198px;
    font-weight:300;
    font-size:18px;
    padding:10px;
    position:relative;
    right:3px;
}

.content .block-half .news-date {
    font-weight:400;
    font-size:12px;
    color: #1554a1;
    padding-top:10px;
}

.site-footer {
    margin-top:20px;
    background-color: #363636;
    color: #ffffff;
    font-weight:300;
    font-size:12px;
    height:68px;
}

.site-footer .container {
    position:relative;
    top:25px;
}

.site-footer .container a, .site-footer .container a:hover, .site-footer .container a:visited, .site-footer .container a:active {
    color: #ffffff;
}



.inline-table{
    display: inline-table;
}
.vertical-top{
    vertical-align: top;
}
.postcontent{
    font-size: 0;
}
.postcontent > div{
    font-size: initial;
    width: 50%;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#anketa-form{
    width: 80%;
}
#anketa-form > .form-item {

}
#anketa-form  * {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#anketa-form label{
    width: 100%;
    margin-right: 5%;
    cursor: pointer;
}
#anketa-form input, #anketa-form select{
    width: 100%;
    padding: 5px 10px;
}
#anketa-form .container-inline-date .date-padding {
    padding: 0;
    float: none;
}
#anketa-form .form-item-personal-data-birth-date-date{
    width: 100%;
    margin: 0 !important;
}
#anketa-form .form-item-personal-data-birth-date{
    width: 100%;
    margin: 0 !important;
}
#anketa-form .form-item-personal-data-birth-date-date label{
    display: none;
}
#anketa-form .form-item-personal-data-birth-date-date .description{
    display: none;
}
#anketa-form .form-item {
    margin: 1em 0;
    width: 100%;
}
#anketa-form #edit-educational-data-foreign-languages input{
    width: 40px;
    margin: 0;
    text-align: left;
    height: 20px;
    cursor: pointer;
    vertical-align: middle;
}
#anketa-form textarea{
    max-width: 100%;
}
header .lang-bar{
    display: inline-block;
    vertical-align: middle;
}
header .lang-bar h2{
    display:none;
}
header .lang-bar a{
    color: white;
}
header .lang-bar ul{
    list-style-type: none;
}
header .lang-bar .active a, header .lang-bar a:hover{
    color: #00C1FF;
}

form[action="/anketa"] input[type=text], form[action="/anketa"] input[type=email] {
    width: 100%;
}
form[action="/anketa"] .webform-component-date .webform-datepicker{
    width: 100%;
    font-size: 0;
}
form[action="/anketa"] .webform-component-date .webform-datepicker > *{
    vertical-align: middle;
    display: inline-block;
}
form[action="/anketa"] .webform-component-date .webform-datepicker > div{
    width: 30%;
    margin-right: 1%;
    font-size: 1vw;
}
form[action="/anketa"] .webform-component-date .webform-datepicker > div .use-select-2 {
    width: 100%;
}

.form-item {
    margin: 0.8vh 0;
}

.site-header .navbar .nav-list li.icon {display: none;}

.site-header .nav-list li .sub-open {
	display: none;
}

@media only all and (max-width: 800px) {
	.site-header {
		height: auto;
	}

	.site-header .container, .content .container, .site-footer .container, .site-header .navbar .container {
	    margin-left: auto;
	    margin-right: auto;
	    text-align: center;
	    /*display: none;*/
	}

	.site-header .logo-wrapper {
	    position: relative;
	    float: none;
	    top: 13px;
	    margin-left: auto;
	    margin-right: auto;
	    text-align: center;
	}

	.site-header .container, .content .container, .site-footer .container, .site-header .navbar .container {
		width: auto;
	}

	.site-header .site-title {
	    margin-top: 33px;
	    display: inline-block;
	    color: #ffffff;
	    font-weight: 400;
	    font-size: 14px;
	    font-family: inherit;
	    width: auto;
	    text-transform: uppercase;
	}

	header.site-header {
		background-image: url(images/head-bg-mobile.png); 
	}

	header .lang-bar {
		display: inherit;
		margin-top: 15px;
	}

	.site-header .navbar {
		height: inherit;
	}

	header.site-header:after {
	    content: "";
	    display: table;
	    clear: both;
	}

	.site-header .container, #content {
		padding: 0;
	}

	.rslides-container {
		float: initial;
		width: initial;
		left: 0;
	}

	.site-header .nav-list > li {
	    display: block;
	    vertical-align: middle;
	    margin-right: 0px;
	    position: relative;
	    min-height: 24px;
    	padding: 8px 0px;
    	height: initial;
	}

	.row {
		margin-left: 0;
		margin-right: 0; 
	}

	.mini-news-title {
    	padding-left: 15px;
	}

	.mini-news-rotator-wrapper > .media-body {
		left: 0;
	}	

	.mini-news-archive-link-wrapper div.media-left {
		display: none;
	}
	
	.mini-news-archive-link-wrapper .media-body {
		display: block;
		text-align: center;
	}

	.rusind-content {
		padding-bottom: 15px;
	}

	.mini-news-archive-link-wrapper div.media-body a {
		font-size: 18px;
	}

	.row.mini-news-archive-link-wrapper.media {
    	padding-right: 15px;
		padding-left: 15px;
	}

	.site-footer {
		margin-top: 0; 
	}

	.container-fluid {
	    padding-right: 0px;
	    padding-left: 0px;
	    margin-right: auto;
	    margin-left: auto;
	}

	.site-header .navbar .nav-list {
		display: inherit;
		text-align: left;
	}

	.outer-item.nav-menu-toggler {
		display: block!important;
	}

	.site-header .navbar .nav-list {
		margin-top: 16px;
    	margin-bottom: 16px;
	}

	.site-header .title-wrap {
		height: initial;
		padding-bottom: 22px;
    	border-bottom: 1px solid #fff;
	}
	
	.site-header .navbar .nav-list li {
		display: block;
	}
	.site-header .navbar .nav-list li:not(:first-child) {display: none;}
	.site-header .navbar .nav-list li.icon {
		float: right;
		display: inline-block;
		padding-right: 15px;
		position: absolute;
		right: 0;
		top: 0;
	}

	.site-header .navbar .nav-list {position: relative;}
	.site-header .navbar .nav-list.responsive li.icon {
		position: absolute;
		right: 0;
		top: 0;
	}
	.site-header .navbar .nav-list.responsive li {
	    float: none;
	    display: block;
	}

	.site-header .nav-list ul {
	    background: rgb(0,55,115);
	    padding: 5px;
	    position: absolute;
	    left: -9997px;
	    opacity: 0;
	    font-size: 14px;
	    transition: opacity 0.25s linear;
	    border: none;
	    border-radius: 0px;
	}

	.site-header .nav-list ul li a {
		word-break: initial;
		white-space: normal;
	}

	.site-header .nav-list li.active-sub > ul {
	    left: 0!important;
	    position: relative;
	    opacity: 1!important;
	}

	.site-header .nav-list li .sub-open {
	    display: inline-block;
	    position: absolute;
	    right: 0;
	    top: 0;
	    padding: 8px 0px 8px 0px;
	    padding-right: 15px;
	}

	.site-header .nav-list li:hover > ul {
		left: -9999px;
		opacity: 0;
	}

	.site-header .nav-list li a, a.btn {
		padding-left: 15px; 
		display: block;
	}

	.navbar {
		margin-bottom: 0; 
	}

	.large-btns_nav {
		width:60px;
	}

	.navigation-pages-left-control-parent, .navigation-pages-right-control-parent {
		display: none;
	}

	.navigation-pages-inner-wrapper {
		display: block;
		float: initial;
    	margin: 0 auto;
	}

	.page__title, .node__title, .block__title, .comments__title, .comments__form-title, .comment__title {
		text-align: center;
		text-transform: uppercase;
		margin: 15px 0px;
	}

	.breadcrumb {
		display: none;
	}

	.mini-news > .thumbnail > .caption {
		overflow-x: hidden;
	}

	article {
		padding-left: 15px;
		padding-right: 15px;
		overflow: hidden;
	}

	article table {
		width: inherit!important;
		height: inherit!important;
		overflow-x: auto;
		display: block;
	}

	article td, th {
	    border-top: 1px solid #ddd;
	    padding: 4px 8px;
	}

	form[action="/anketa"] .webform-component-date .webform-datepicker > div .use-select-2 {
	    width: 100%;
	}

	body.section-taxonomy article {
		background: #fff;
		padding: 15px;
		margin: 4px 4px;
    	margin-bottom: 20px;
	}

	body.section-taxonomy article h2 {
		font-size: 1em;
		text-align: left;
		line-height: 1.42857143;
		margin: 10px 0;
	}

	body.section-taxonomy article ul.links.inline {
		text-transform: uppercase;
		text-align: center;
	}

	body.section-taxonomy article ul.links.inline li {
		display: list-item;
	}

	body.section-taxonomy article h2 a {
		color: #313131;
	}


	.webform-container-inline div, .webform-container-inline div.form-item {
		display: block;
	}
}