@charset "utf-8";



/* CSS Document */



body {

font-size:15px;

font-family: 'Roboto Condensed', sans-serif !important;

font-weight:normal;

font-weight: 700 !important;

}



.containerAll {

width: 100%;

margin: auto;

}



a {

	text-decoration: none !important;

}



ul, li {

	list-style-type: none;

}



article {
max-width:1440px;
margin:auto;
padding:1em;
/*	padding: 0 1%;   */
}

.article {
padding:0;
}



.editorForm td textarea, .editorForm td input.text {
width:100%;
max-width:330px;
}




h1 {

    font-family: "Roboto Slab",serif;

    font-size: 30px;

    margin: 0 0 10px 0;

    padding: 0;

    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);

}



h2 {

font-family: "Playfair Display",serif;

font-weight: 400;

letter-spacing: 0;

text-transform: none;

font-size: 20px;

text-align: center;

padding: 10px 0;

}



.skitter {

width: 100%;

max-width: 100%;

}



.container_skitter {

 height:580px !important;

}



.skitter-large-box{

    height:580px !important;

}



.skitter-large-box img {

    height:580px !important;

}



.header {

border-bottom-style:solid;

border-bottom-width: 1px;

position: relative;

z-index: 1;

}



header {

margin-bottom:0;

clear: both;

min-height: 85px;

position: relative;

z-index: 1;

}



.top {

position: absolute;

top: 0; left: 0;

overflow:hidden;

padding:1em 0em 0;

width: 100%;

z-index: 200;

float: left;

clear: both;

background: rgba(0,0,0,0.5);

}



.logo {

display:block;

width:100%;

max-width:300px;

height:50px;

float:left;

margin-left:0.5em;

background-repeat: no-repeat;

}



.upBlock {

float: left;

width: 100%;

padding: 3% 5% 2% 5%;

}



.us {

float: left;

width: 30%;

margin: 0 1.5%;

}



.ask {

float: left;

height: 550px;

margin: 0 0 -120px;

padding: 5%;

position: relative;

top: -70px;

width: 30%;

z-index: 1000;

}



.ask p {

font-size: 36px;

text-transform: uppercase;

line-height: 48px;

text-align: center;

}



.news {

float: left;

width: 30%;

margin: 0 1.5%;

}



.lectors {

float: left;

width: 100%;

padding: 5%;

}



.lectors ul li {

float: left;

width: 22%;

margin: 0 1.5%;

}



.programme {

padding: 5% 5% 15% 5%;

float: left;

width: 100%;

background-position: center bottom;

background-repeat: no-repeat;

}



.programme ul li {

padding: 2% 0;

border-bottom-width: 1px;

border-bottom-style: solid;

box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);

float: left;

width: 100%;

}



.programme ul li img {

    display: inline;

    float: left;

    margin: 0 2% 0 0;

    width: 112px;

}



.programme ul li h2, .programme ul li p {

width: 80%;

}



.programme ul li, .programme ul li h2 {

text-align: left;

}



.partners {

padding: 5%;

float: left;

width: 100%;

}



.contact {

float: left;

width: 100%;

}



.contact h1 {

padding: 5% 0 0 5%;

}



.newsletter {

float: left;

width: 100%;

padding: 5%;

margin: auto;

text-align: center;

}



.wfalllow input {

width: 480px;

height: 40px;

}



#sendMail {

border: none;

padding: 10px 20px;

border-radius: 10px;

margin: 0 0 0 10px;

}



.blockElement {

border: none !important;

/* border-style: solid;

border-width: 1px;  */

}



.cartWidget {

background-repeat: no-repeat;

background-position: 10px 5px;

}



.banners{

height: 650px;

}



.top-menu-holder {

float:right; 

width:72%;

}



.addit {

width: 70%;

text-align:right;

overflow:hidden;

float: right;

margin: 10px 30px 0 0;

display: none;

}



.moreinfo {

display:inline-block;

float:right;

margin-right:1em;

padding-top:0.3em;

}



.lang {

margin-right:0.5em;

}



.animate {

float:left;

width:100%;

display: block;



}



nav.top-menu {

position: relative;

z-index: 300;

margin: 0;



}



nav.top-menu ul {

display: table;

list-style: outside none none;

margin: 0;

padding: 0;

}



nav.top-menu ul li {

padding: 0 30px;

}



nav.top-menu ul li a {

line-height:3em;

text-align:center;

font-size:1em;

text-transform:uppercase;

}



nav.top-menu ul li a:hover {



}



nav.top-menu li span.floatLeft {

height:2em;

width:2px;

margin-top:0.5em;

}



.content {

margin-bottom:0;

padding: 0;

overflow: visible;

}



.pageWidth1280 .container {

	max-width: 100%;

}



.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;

}



.blockElementBottom {

border-bottom-width: 1px !important;

border-bottom-style: solid !important;

}



.listLayout .itemSummary p {

width: 100% !important;

}



/* Footer */



footer {

float: left;

width: 100%;

border-top-style:solid;

border-top-width: 5px;

padding:1.8em 0;

}



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

.footer-links a {}

.footer-links span {margin:0.7em}



#websitebg {margin-right:0.5em;}

#websitebg a {}



.custom-social-icons li {

	margin-right: 2%;

	float: left;

}



.footer-widgets .widget-title {

    font-weight: 900;

    margin-bottom: 20px;

    margin-top: 0;

    position: relative;

    text-transform: uppercase;

}



/* End Footer */





/* Grey Block */

.latestCatalogItemsContainer li {

	width: 33.333% !important;

	height: auto !important;

	margin: 0 0px 10px 0 !important;	

}



.latestCatalogItemsContainer li:last-child {

	margin: 0 !important;

}



.latestCatalogItemsContainer span {

    font-size: 1.02em;

    font-weight: bold;

    line-height: 3.5em;

    text-transform: uppercase;

  	text-align: center;

    width: 100%;	

}



.latestCatalogItems li a span  img {

	margin: auto;

}

.latestCatalogItems .attributes {

	display: inline-block;

}



/*  Over Effect Eyes */

 .latestCatalogItems li .widgetCatalogItemImage {

    position: relative;

    float: left;

    cursor: pointer;

  }

  

  .latestCatalogItems li .widgetCatalogItemImage:before  {

    content: "";

    display: block;

    position: absolute;

    top: 0;

	right: 0;

    bottom: 0;

    left: 0; 

  }



    .latestCatalogItems li .widgetCatalogItemImage:hover:before  {

	background: rgba(0,0,0, 0.5) url(images/eye.png) no-repeat;

    -moz-transition: all .3s linear;

    -webkit-transition: all .3s linear;

    -ms-transition: all .3s linear;

    -o-transition: all .3s linear;

    transition: all .3s linear;  

	background-size: 20% 20%; 

	background-position: center center;

  }

/*  End Over Effect Eyes */  



.latestCatalogItems li br {

display: none;

}



.widgetPublicationTitle { 

/* margin: -19% 10% 0;

padding: 10px;

float: left;

position: relative;

z-index: 250;  */

font-size: 18px;

font-weight: bold;

padding: 3% 0;

overflow: hidden;

}



.pubSummary {

/* margin: 0 10%;

padding: 10px;

position: relative;

z-index: 250;  */

overflow: hidden;

}



section {

background-repeat: no-repeat;

}


.p71768 article form {
width:48%;
float:left;
}
.p71768 article iframe {
width:48%;
float:right;
}




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

.scrollable li {max-width: 421px;}



}

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

.scrollable li {max-width: 360px;}

}



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

.scrollable li {max-width: 350px;}

}



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

.scrollable li {max-width: 340px;}

}



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

.scrollable li {max-width: 330px;}

}



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

.scrollable li {max-width: 320px;}

}





.scrollable .widgetCatalogItemTitle,.scrollable .widgetCatalogItemTitle {display:block;}

.scrollable, .scrollable li {height: 350px !important;}



.scrollable .readMoreProducts {

display: none;

}



.scrollable.latestCatalogItemsContainer .scrollCatalogItemsLeft {

    background: url("images/arrow-left.png") no-repeat !important;

    border: none !important;

    float: left !important;

    height: 67px !important;

    top: 150px !important;

    width: 40px !important;

}

.scrollable.latestCatalogItemsContainer .scrollCatalogItemsRight {

    background: url("images/arrow-right.png") no-repeat !important;

    border: none !important;

    float: left !important;

    height: 67px !important;

    top: 150px !important;

    width: 40px !important;

}

 

/*end blocks*/



/* News Block */

.date {

	display: none;

}



.pubImage {

    display: block !important;

    margin-top: 4px;

    padding: 5px;

}



.latestPublications {

padding: 0;

}



.latestPublications li {

	margin: 0 1.5%;

	float: left;

	display: block;

	width: 100%;

}



.latestPublications .pubSummary{

display:block !important;

}



.widgetPublicationTitle {

	display: block;

}



.widgetPublicationTitle {



}



/* End News Block */



.images ul li span {

    align-self: center;

    display: inline-block;

    font-size: 3em;

    font-weight: bold;

    line-height: 1em;

    margin: 15% auto;

    text-align: left;

    text-transform: uppercase;

    width: 100%;

	padding: 0 0 0 10%;

}



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

	.head-contacts {

	display: none;

	}

	

	.addit {

	margin-top:-4em;

	overflow:hidden;

	margin-bottom:2em;

	text-align:center;

	width: 15%;

	margin: 10px 0 0 0 !important;

	}

	

	.top-menu-holder {

	width:100%;

	}

	

	.top {

	padding:0em;

	border-bottom: none;

	}

	

	.listLayout.cols3 li, .listLayout.cols3.AC li:nth-child(1), .listLayout.cols3.AC li:nth-child(3), .listLayout.cols3.AC li:nth-child(5) {

	width: 95%;

	}

	

	.head-contacts {

	width: 100%;

	}

	

	.banners .images span {

	    visibility: hidden;

	}

	

	.latestCatalogItemsContainer li  {

	width: 100% !important;

	}

	

	.icon-phone {

	width: 100%;

	height: 25px;

	float: left;

	margin: 0 0 20px 0;

	}

	

	.block ul {

	margin-top: 0;

	}

	

	.block ul li {

	width: 99%;

	}

	

	.us {

	width: 100%;

	height: auto;

	}

	

	h1 {

	font-size: 50px;

	}

	

	.ask {

	width: 100%;

	top: 0;

	margin: 5% 0;

	}

	

	.news {

	width: 100%;

	}

	

	.lectors ul li {

	width: 100%;

	}

	

	.wfalllow input {

	width: 280px;

	}

	/*.sports ul li {

	width: 90%;

	} */



	

.container_skitter {

 height:380px !important;

}



.skitter-large-box{

    height:380px !important;

}



.skitter-large-box img {

    height:380px !important;

}

.btn a {

padding: 10px 0 !important;

}	

}



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

	.top {

	padding-bottom:0em;

	}

	

	nav.top-menu {

	margin:0em;

	}

	

	nav.top-menu ul {

	position: relative;

	z-index: 6000;

	}

	

	nav.top-menu ul li {

	display:block;

	border-top-style: solid;

	border-top-width: 1px;

	}



	.latestCatalogItemsContainer li, .latestCatalogItemsContainer li:last-child {

	margin: auto auto 20px auto !important;

	float: none !important;

	display: table;

	}

	

	.col-md-4 {

	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;

	z-index: 50000;

	}

	

	.logo {

	margin-bottom:0.5em;

  }

	

	.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;

	z-index: 20;

	}

	

	header {

	position:relative;

	z-index: 200000;

	}

	
	
	.p71768 article form, .p71768 article iframe {
	width:100%;
	float:none;
	}
	.contactForm  {
	width:85%;
	}
	.contactForm td {
	display:block;
	width:100%;
	text-align:left;
	float:none;
	}
	.editorForm td.label {
	text-align:left;
	}

}



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



	.aside article, .aside .pagePath {

	margin-left:4em;

	}



	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 {

	float:none;

	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%}

  .gs-item {width: 100%;}

  .latestPublications li{width: 100%;}

}



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

	.latestCatalogItemsContainer li {

		width: 80% !important;

	}

	.lang div {

	padding: 0 !important;

	}

}



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

		body {

			padding: 0;

			margin: 0;

			width: 360px !important; }

		}