/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */

/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */
 
/* BASIC ADJUSTMENTS */

html {
    font-size: 62.5%; /* =10px */
} 

body {
    font-size: 1.6rem; /* =16px */
}

/*** HEADER ***/

/* BRANDING */

/* Nauka */
.logo img{
	width:140px;
}

.logo svg{
    height:84px;
    width:auto;
    /*fill:#666;*/
    /*fill:#000;*/
    fill:#4D4D4D;
    transition: fill 1s ease-out;
}

.logo svg:hover{
    /*fill:rgb(0,161,228);*/
    fill:rgb(46,49,146);
}

.logo h1, .logo .site-name{
    display:none;
}

.name {
    display:none;
}

.navbar {
    margin-bottom: 5px;
    padding-top:5px;
}

.navbar-default{
    background-color:#fff;
    border:none;
}

.navbar-header{
    position:relative;
}

.navbar-default .navbar-nav li a{
    color:#444444;
}

.navbar-default .navbar-toggle{
    float:none;
    position:absolute;
    top: 50%;
    transform: translate(0,-50%);
    right:0;
    margin-top:0;
    border-radius:1px;
    border-color:#00a0e3;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #ddd;
    border-color:#ddd;
}

.navbar-default .navbar-toggle .icon-bar {
    /*background-color: #888;*/
    background-color: #00a0e3;
}

.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #888;
    /*background-color: #00a0e3;*/
}
#navbar .container{
    position:relative;
}
.navbar-collapse{
    background:#f8f8f8;
    border-top:none;
}


.region-navigation{
    text-align:center;
    /*adding: 6px 0 0 0;*/
	padding:12px 0 0 0;}
	
.navbar .logo{
    float: none !important;
    margin:6px 0px 0px 0px;
    padding:0px;
    line-height:0;
    
    /*display:block;*/
    /*margin-left: auto;
    margin-right: auto;*/
}

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

}

@media only screen and (min-width : 768px) {
    .region-navigation-collapsible{
        /*border:1px solid #fff;
        border-top:none;
        border-bottom:1px solid #e7e7e7;
        border-radius:10px;
        background:#fff;*/
    }
    #block-lpnu-main-menu .first-level{
        margin-top:7px;
    }
    #block-lpnu-main-menu .expanded{
        /*margin-top:15px;*/
    }
    .navbar-default{
        background-color: #f8f8f8;
        /*background-color: #fafafa;*/
        border-bottom: 1px solid #e7e7e7;
    }
    .logo h1, .logo .site-name{
        position:absolute;
        left:180px;
        width:300px;
        height:auto;
        top: 50%;
        transform: translate(0, -50%);
        display:block;
        font-size:2.4rem;
        margin:0;
        line-height:2.8rem;
    }
    .logo h1 span, .logo .site-name span{
        /*border-bottom: 3px solid #a7ce39;*/
        /*background:#a7ce39;*/
        /*background:rgb(46,49,146);*/
        background:#A6CE39;
        transition: background 1s ease-out;
    }
    a.logo:link, a.logo:visited {
        /*color: #fff;*/
        /*color:#4D4D4D;*/
        color:#4D4D4D;
        transition: background 1s ease-out;
    }
    a.logo:hover, a.logo:active {
        /*color: #fff; /*#444;*/
        /*color:#2E3192;*/
        color:#2E3192;
        /*color:#A6CE39;*/
        transition: color 1s ease-out;
    }
    a.logo:hover span, a.logo:active span, a.logo:hover span, a.logo:active span{
        background:#00A1E4;
        transition: background 1s ease-out;
    }
    /*.name {
        display:block;
    }*/
    .region-navigation{
        text-align:left;
    }
    .navbar .logo{
        float: left !important;
        /*margin-right: -15px;
        padding-left: 15px;
        margin-top: 8px;
        margin-bottom: 8px;*/
        margin:15px;
    }
    #block-lpnu-search{
        position:absolute;
        top:30px;
        right:15px;
    }

}

@media only screen and (min-width : 992px) {
}

@media only screen and (min-width : 1200px) {
    .logo svg{
        /*height:135px;*/
        height:115px;
    }
}

/* SEARCH FORM */

#block-lpnu-search{
    padding:0;
}


/* MENUS */

.dropdown-menu{
    font-size: 1.4rem;
}
.dropdown-menu li a{
    padding: 4px 20px;
}
.navbar-nav li a{
}

#block-lpnu-main-menu{
    font-size: 1.8rem;
}

/* Older smartphones */ 
@media only screen and (min-width : 360px) {
    .dropdown-menu{
        font-size: 1.6rem;
    }
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    #block-lpnu-main-menu{
        font-size: 1.4rem;
    }
    .navbar-nav li a{
        padding: 15px 8px;
    }
    .dropdown-menu{
        font-size: 1.4rem;
    }
    .dropdown-menu li a{
        padding:4px 12px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    #block-lpnu-main-menu{
        font-size: 1.6rem;
    }
    .navbar-nav li a{
        padding: 15px 15px;
    }
    .dropdown-menu{
        font-size: 1.6rem;
    }
    .dropdown-menu li a{
        padding:4px 20px;
    }
    #block-lpnu-search{
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    #block-lpnu-main-menu{
        font-size: 2rem;
    }
}

/* HERO */

#hero{
	position:relative;
    background-position: center center !important;
    width: 100% !important;
    background-size: cover !important;
	min-height:200px;
}

#hero .container{
	position:absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto
}

h1.group-hero-project-desktop{
	display:none;
	color:#fff;
	text-shadow: 0px 0px 2px rgba(0,0,0,0.5);
}

h1.group-hero-project-desktop span{
    /*background: rgba(0,0,0,0.5);*/
}

.group-hero-project .container{
	position: relative;
	height:100%;
}

.group-hero-project-content{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /*margin-top:50px;*/
  text-align:center;
}
.group-hero-project-logo img{
	max-width:100%;
	width:150px;
}

@media only screen and (min-width : 480px) {
	#hero{
        min-height:300px;
    }
}

@media only screen and (min-width : 768px) {
	#hero{
        min-height:400px;
		margin-top:-55px;
		border-top:1px solid rgb(46,49,146);
    }
	/* Project hero */
	#hero.group-hero-project{
		margin-top:-58px;
	}
	.group-hero-project-content{
		margin-top:20px;
	}
}

@media only screen and (min-width : 992px) {
    #hero{
        min-height:500px;
    }
	
	/* Hero Project */
	h1.group-hero-project-mobile{
		display:none;
	}
	h1.group-hero-project-desktop{
		display:block;
	}
	.view-id-group_title h1.page-header{
	    display:none;
	}
	.group-hero-project-content{
		margin-top:50px;
	}
}

@media only screen and (min-width : 1200px) {
	#hero{
        min-height:550px;
    }
    .group-hero-project-logo img{
	    width:200px;
	}
}

@media only screen and (min-width : 1600px) {
	#hero{
        min-height:650px;
    }
}

/*#hero{
    background-position: center center !important;
    width: 100% !important;
    background-size: cover !important;
}

@media only screen and (min-width : 480px) {
}

@media only screen and (min-width : 768px) {
}

@media only screen and (min-width : 992px) {
    #hero{
        min-height:500px;
    }
}

@media only screen and (min-width : 1200px) {
}*/
 
/**!**************/
/**! 01.  **/
/**! 02. Pages Sidebar **/
/**! 03. Dissertation **/
/**! 04. Documents **/
/**! 05. Basic page **/
/**! 06. Rada PhD **/
/**! 07. Paragraph **/
/**! 08. Scientific Developments **/
/**!**************/

/** 01. **/
.nobr {
    white-space: nowrap;
}

a:hover, a:focus {
    text-decoration: none;
    color: #12285d;
}

a {
    color: rgb(4, 138, 212);
}

#block-lpnu-peremikachmovi-2 ul li{
display:inline;
list-style:none;
margin-right:10px;
}

/*ul.nav li.dropdown:hover > ul.dropdown-menu {
  display: block;
}*/

/** 02. Pages Sidebar **/

.well.region.region-sidebar-second {
    border: none;
    background: none;
    box-shadow: none;
}

.region-sidebar-second ul li a {
    display: block;
    border-top: 1px solid #ededed;
    /*padding: 7px 0px 7px 5px;*/
    padding:10px 0 10px 0;
}

.region-sidebar-second ul li a.is-active {
    color: #12285d;
    font-weight: bold;
}

.region-sidebar-second ul li {
    list-style: none;
}

.region-sidebar-second ul {
    padding-left: inherit;
}

h3.title-menu-block {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.4px;
    line-height: 1.3;
    color: #2C2C2C;
    font-weight: bold;
    margin-top: 0px;
    /*border-bottom: 1px solid #ededed;
    padding-bottom: 7px;*/
}

h3.title-menu-block a {
    color: #2c2c2c;
}

.well.region.region-sidebar-second {
    padding-top: 0px;
}

section#block-views-block-pages-on-page-parent-block-1 {
    margin-top: 30px;
}




.main-container {
    margin-top:1em;
}

.region-content .field--name-field-illustration{
    margin-bottom:2em;
}


.block-views-blockgroup-title-block-1 h1.page-header{
    font-size:2em;
    text-align:center;
}

.block-views-blocknode-full-title-block-1 h1.page-header{
    font-size:2em;
}

.region-sidebar-second ul{
    margin-bottom:0;
}
.region-sidebar-second ul li{
    font-size:1.2em;
    line-height:1.1em;
}

.block-views-blockunit-pages-block-1, .block-views-blockgroup-pages-on-page-new-block-1{
    margin-bottom:1em;
    border: 1px solid #ededed;
    /*border-bottom:none;*/
    border-radius:5px;
    /*border-bottom-left-radius:0;
    border-bottom-right-radius:0;*/
    padding:15px;
    padding-bottom:15px;
    background: linear-gradient(to bottom,rgba(250,250,250,1),rgba(256,256,256,1));
}

.region-sidebar-second h2{
    font-size:1.5em;
    font-weight:bold;
    margin:0 0 10px 0;
}

.block-views-blockbreadcrumbs-page-block-1{
    color:#4d4d4d;
    font-size:0.9em;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-bottom:1em;
}
.block-views-blockbreadcrumbs-page-block-1 a{
    font-weight:bold;
}

#main-message{
    font-size:1.05em;
    border-left:3px solid #990000;
    padding-left:20px;
    margin:15px 0 30px 0;
}

img.partner-logo{
    width:150px;
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .block-views-blockgroup-title-block-1 h1.page-header{
        text-align:left;
    }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    img.partner-logo{
        width:200px;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .block-views-blocknode-full-title-block-1 h1.page-header{
        font-size:2.4em;
    }
}



/* MENU */

#block-lpnu-peremikachmovi-2 ul{
	padding:0;
	margin-top:10px;
	text-align:center;
}
#block-lpnu-peremikachmovi-2 ul li{
	display:inline;
	list-style:none;
}
#block-lpnu-peremikachmovi-2 a{
	padding:5px;
}
#block-lpnu-peremikachmovi-2 a.is-active{
	color:#444;
	font-weight:bold;
}
#block-lpnu-peremikachmovi-2 a:link{
	background:#f6f6f6;
}

#block-lpnu-peremikachmovi-2 a:visited{
	background:#f6f6f6;
}

#block-lpnu-peremikachmovi-2 a:hover{
	background:#dddddd;
}
	
#block-lpnu-peremikachmovi-2 a:active{
	background:#dddddd;
}

@media only screen and (min-width : 480px) {
}

@media only screen and (min-width : 768px) {
    
	.navbar-collapse{
		background:none;
	}
	.region-navigation-collapsible{
		border-top:none;
        /*border-bottom:1px solid #e7e7e7;
		border-right:1px solid #e7e7e7;*/
		
        /*border-radius:0 0 10px 10px;*/
        /*background:#fff;*/
		/*background-image: linear-gradient(to right, #fff, #F5F5F5);*/
    }
	
	.region-navigation{
		padding:0px;
	}



    .region-navigation{
        text-align:left;
    }
    .navbar .logo{
        float: left !important;
        /*margin:15px;*/
		padding:15px 20px;
		margin:0;
    }
	.navbar .logo:hover{
	}

	
    #block-lpnu-search{
        position:absolute;
        top:50px;
        right:15px;
    }

	#block-lpnu-peremikachmovi-2{
	}
	
	#block-lpnu-peremikachmovi-2 ul.links{
		text-align:right;
		margin-top:0;
		/*padding:15px 0;*/
		padding:14px 35px 14px 0;
	}
}

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

}

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

}