@charset "utf-8";

/* CSS Document */

body {
font-size:15px;
font-family: 'Roboto Condensed', sans-serif;
font-weight:normal;
}

.top {
overflow:hidden;
/* padding:1em 0em;   */
border-top-width: 5px;
border-top-style: solid;
background-repeat: no-repeat;
background-position: center top;
height: 280px;
position: relative;
}

.social ul {
margin: 0;
}

.social ul li {
list-style: none;
float: right;
width: 3.5%;
}

.logo {
display:block;
width:502px;
height:124px;
margin:0.5em auto;
text-align: center;
background-repeat: no-repeat;
}

.top-menu-holder {
float:right; 
width:75%;
}

.addit {
text-align:right;
overflow:hidden;
}

.moreinfo {
display:inline-block;
float:right;
margin-right:1em;
padding-top:0.3em;
}

.lang {
margin-right:0.5em;
}


header {
margin-bottom:0;
}

.banners {
height: 450px !important;
}


nav.top-menu {
    position: relative;
    z-index: 1000;
	margin: 10px;
}
nav.top-menu > ul {
    position: relative;
    text-align: left;
    z-index: 995;
}

nav.top-menu > ul > li {
    float: left;
    padding-bottom: 5px;
    position: relative;
    vertical-align: middle;
	border-radius: 4px;
	margin: 0 5px 0 0;
}
nav.top-menu > ul > li > a {
    display: block;
    padding: 8px 23px;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}
nav.top-menu> ul > li:first-child > a::before, nav.top-menu> ul > li:first-child > a::after {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
nav.top-menu> ul > li:last-child > a::before, nav.top-menu > ul > li:last-child > a::after {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
nav.top-menu > ul > li:not(:first-child):not(:last-child) > a::after {
    border-radius: 0;
}
nav.top-menu > ul > li:not(:first-child):not(:last-child) > a::before {
    border-radius: 0;
}
nav.top-menu > ul > li > a {
    position: relative;
    z-index: 1;
}
nav.top-menu ul li a::after {
    background: rgba(0, 0, 0, 0.12) none repeat scroll 0 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    bottom: -7px;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    right: 0;
}


.header {

background: #7bb0dc; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#7bb0dc, #e6f5f7); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#7bb0dc, #e6f5f7); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#7bb0dc, #e6f5f7); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#7bb0dc, #e6f5f7); /* Standard syntax */
}


.header img {
border-width: 10px;
border-style: solid;
border-radius: 5px;
}

.container_skitter {
 height:500px !important;
 
}

.skitter-large-box{
    height:500px !important;
}

.skitter-large-box img {
    height:500px !important;
}

h1 {
text-align: center;
text-transform: uppercase;
font-size: 24px;
}

.pageWidth1280 .container {
max-width: 1280px !important;
}

.content {
margin-bottom:0;
padding: 0;
}

section {

}

.blocks ul {
padding: 0;
margin: 5% auto;
float: left;
}

.blocks li {
    float: left;
    list-style: outside none none;
    margin: -20px 2% 0;
    text-align: center;
    width: 29%;
    border-radius: 18px;
    box-shadow: 0 -4px 2px -1px rgba(203, 203, 203, 0.75) inset;
    margin-bottom: 30px;
    padding-bottom: 21px;
    position: relative;
}

.blocks li img {
border-radius: 20px;
border-width: 5px;
border-style: solid;
margin-top: -100px;
box-shadow: 0 3px 12px rgba(184, 169, 171, 0.6);
}

.box-header {
    background-repeat: repeat;
	background-position: center center;
    border-radius: 14px 14px 0 0;
    box-shadow: 0 2px 1px 1px rgba(255, 255, 255, 0.36) inset, 0 -4px 0 rgba(0, 0, 0, 0.1) inset;
    padding: 28px 26px 31px;
	height: 150px;
}

.box, .pubBox {
    border-radius: 14px 14px 0 0;
    box-shadow: 0 2px 1px 1px rgba(255, 255, 255, 0.36) inset, 0 -4px 0 rgba(0, 0, 0, 0.1) inset;
	   
}

.box p {
padding: 0 0 15px;
}

.btn, .read {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fbc63f 0%, #fab300 36%, #fab300 82%, #fbc63f 100%) repeat scroll 0 0;
    border-radius: 26px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset, 0 1px 1px rgba(0, 0, 0, 0.2), 8px 0 10px rgba(255, 255, 255, 0.26) inset, -8px 0 10px rgba(255, 255, 255, 0.26) inset;
	border-width: 3px;
	border-style: solid;
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    height: 52px;
    line-height: 44px;
    outline: medium none;
    padding: 0 30px;
    position: relative;
    text-shadow: 0 1px 1px rgba(45, 54, 8, 0.32);
    vertical-align: top;
    white-space: nowrap;
	text-decoration: none;
	float: right;
	margin: 0 15px 20px 0;
}

.btn-small, .read {
    border-radius: 19px;
    border-width: 2px;
    font-size: 14px;
    height: 38px;
    line-height: 32px;
    padding: 0 24px;
}

.btn.btn-shadow::after, .read::after {
    border-radius: 50%;
    bottom: 0;
    box-shadow: 0 22px 5px rgba(0, 0, 0, 0.1);
    content: "";
    height: 8px;
    left: 10px;
    position: absolute;
    right: 10px;
	 margin-bottom: 6px;
}


.btn.btn-shadow:active::after {
    box-shadow: 0 20px 5px rgba(0, 0, 0, 0.1);
}

h2, .widgetPublicationTitle {
text-align: center;
text-shadow: 0 6px 6px rgba(0, 0, 0, 0.16);
line-height: 34px;
font-family: "Open Sans",sans-serif;
font-weight: 700;
font-size: 29px;
letter-spacing: -1px;
overflow-wrap: break-word;

}

.us {
float: left;
width: 43%;
margin: 0 2%;
}

.us img {
width: 30%; 
float: left;
margin: 0 2% 0 0;
}

.us p {
padding: 20px;
border-radius: 18px;
background-repeat: repeat !important;
border-bottom-style: solid;
border-bottom-width: 30px;
border-radius: 18px;
height: 280px;
}
.pubBox, .us p {
background-color: #101451 !important;
}

.widgetPublicationTitle, .pubSummary, .us p {

}

.pubImage img, .us img {
border-width: 5px;
border-style: solid;
}

.us a.btn {
margin-top: 60px;
}

.news {
float: left;
width: 50%;
}

.footerI {
    background-repeat: no-repeat;
	background-position: center bottom;
    float: left;
    height: 320px;
    margin: auto;
    text-align: center;
    width: 1280px;
}



.projects {
margin: 2% 0 5%;
float: left;
}

.projects .widget-title {
text-align: center;
}

.projects img, .us img {
border-width: 10px;
border-style: solid;
border-radius: 10px;
}

.projects ul {
padding: 0;
}

.projects ul li {
float: left;
width: 20%;
margin: 0 2.5%;
list-style: none;
}


.latestPublications {
margin: 0;
float: left;
padding: 0;
}

.latestPublications ul {
padding: 0;
}

.latestPublications li {
float: left;
width: 100%;
list-style: none;
margin: 0% 2% 5%;


}

.pubBox {
padding: 20px;
float: left;
border-bottom-width: 30px;
border-bottom-style: solid;
border-radius: 18px;
background-repeat: repeat;
background-position: center center;
}

.pubBox a {
text-decoration: none;
}

.pubImage {
    display: block !important;
    float: left;
    margin-right: 14px;
    margin-top: 4px;
    padding: 5px;
    width: 180px;
	
}

.pubImage img {
border-radius: 10px;
}

.pubSummary {
    display: block !important;
    height: 97px;
    overflow: hidden;
    text-overflow: ellipsis;
}


.date {
display: none;
}

.after {
display: block !important;
}

span.read {
    display: inline-block;
    margin-top: 20px;
}

.read p {
margin: 0;
}

.bottom-border {
border-bottom-width: 15px;
border-bottom-style: solid;
float: left;
width: 100%;
}

.contact {
/* z-index: -1;
position: relative; */
}

footer {

padding: 0;
}

.footer {
float: left;
width: 100%;
padding:1.8em 0;
opacity: 0.8;
border-top-style: solid;
border-top-width: 15px;
}

.footer-links {margin-left:0.5em;}
.footer-links span {margin:0.7em}

#websitebg {margin-right:0.5em;}

.subfooter {
float: left;
width: 100%;
display: none;
}

.contactF {
float: left;
width: 80%;
margin: 3%;
text-align: center;
display: none;
}

.socialnet {
float: right;
width: 13%;
margin: 3%;
display: none;
}

.catalogCategories li a {
width:100%;
padding: 0.4em;
}

.catalogCategories li a:hover {
}

.catalogCategories li a.active {
font-weight:normal;
} 

.categories {
background: url("images/arrow.png") no-repeat scroll center center;
height: 100%;
width: 4em;
}

/* products */
.listLayout li {
border-style: solid;
border-width: 1px;
}

.catalogSingleItem .itemImage img {
border-style: solid;
border-width: 5px;
}

.listLayout img {
border-style: solid;
border-width: 1px;
}

.productTitle a {
text-transform:uppercase;
text-decoration:none;
}

h2.productTitle {
margin-bottom:0;
padding-bottom:0;
font-size:1.2em;
}

#itemGallery a {
border-width: 1px;
border-style: solid;
}

p.lineClamp {
font-size:0.9em;
margin-top:0;
padding-top:0;
margin-bottom:0;
}

.itemPriceBlock {
border-bottom-style: solid;
border-bottom-width: 1px;
font-size:1.2em;
}

@media screen and (max-width: 1055px) {
	.addit {
	margin-top:-4em;
	overflow:hidden;
	margin-bottom:2em;
	text-align:center;
	}
	
	.top-menu-holder {
	width:100%;
	}
	
	.top {
	padding-bottom:0em;
	height: auto;
	}
	
	
	.party li {
	width: 95%;
	}
	
	.socialnet {
	width: 100%;
	}
	
	.contactF {
	width: 90%;
	}
	
	.projects ul li {
	width: 95%;
	margin-bottom: 5%;
	}
	
	.latestPublications li {
	width: 95%;
	}
	
	.header {
	margin-top: 0px;
	}
	
	.social ul li {
	width: auto !important;
	}
	
	.blocks li {
	width: 95%;
	}
	
	.us {
	width: 95%;
	}
	
	.news {
	width: 100%;
	}
	
}

@media screen and (max-width: 850px) {
	.top {
	padding-bottom:0em;
	}
	
	nav.top-menu {
	margin-top:0em;
	}
	
	nav.top-menu ul li {
	display:block;
	width: 100%;
	}
	
	.expandMain {
	height:3em;
	width:100%;
	background:url(images/menu.gif) no-repeat 1em 0em;
	display:block;
	margin-top:0.3em;
	}
	
	.expandElement {
	position:inherit;
	}
	
	.logo {
	margin-bottom:0.5em;
	background-size: 250px 62px;
	height: 62px;
	}
	
	.footer-links.floatLeft {
	float:none;
	text-align:center;
	}
	
	#websitebg {
	text-align:center;
	margin-top:1em;
	font-size:0.8em;
	}
	
	.content {
	padding:2em 2%;
	}
	.catalogItem.catalogSingleItem .leftBlock {width:100%}
	.catalogItem.blockElement.catalog{width:48%}
	
	section {
	position:relative;
	}
	
	
	
}

@media screen and (max-width: 768px) {

	.aside article, .aside .pagePath {
	margin-left:3em;
	}

	aside {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	}
	
	.aside aside {width:auto}
	
	.aside aside:hover {
	  width: 100%;
	  max-width: 50%;
	}
	
	.expandfixed {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
	}

}

@media screen and (max-width: 640px) {
	.logo {
	margin:auto;
	margin-bottom:0.5em;
	}
	
	.lang {
	display:inline-block;
	}
	
	.moreinfo {
	display:inline-block;
	}
	
	.addit {
	margin-top:0em;
	margin:auto;
	}
	
	.catalogItem.blockElement.catalog{width:100%}
}

@media screen and (max-width: 360px) {

}