body { 
	margin: 0; 
	font-family: Calibri, "Arial", "Helvetica CY", "Nimbus Sans L", sans-serif;
	font-size: 13px; 
	color: #454545; 
}

table { border-collapse: collapse; }

#class {
	cursor: pointer;	
	opacity: 0.7;
}
#class:hover{ opacity: 1;}

#up_button {
	position: fixed;
	right: 20px;
	bottom: 70px;		
}
#index_button {
	position: fixed;
	right: 20px;
	bottom: 10px;		
}

p  { color: #454545; font-size: 1.2em; }
ul {list-style-type: none; color: #454545; margin-left: -10px; }
ol {color: #454545; margin-left: -10px; }

a:link { color: #00789b; text-decoration: underline; }
a:hover{ color: #e3a748; }
a:visited { color: #00789b; }
a:visited:hover { color: #e3a748; }

h1 { font-family: Calibri, "Arial", "Helvetica CY", "Nimbus Sans L", sans-serif; font-size: 4em; /*font-weight: 100;*/ color: #454545; margin-bottom: 0.5em;}
h2 { font-family: Calibri, "Arial", "Helvetica CY", "Nimbus Sans L", sans-serif; font-size: 2.2em; /*font-weight: 100;*/ color: rgba(69, 69, 69, 0.70); margin-bottom: 0em; } 
.h2 {font-family: Calibri, "Arial", "Helvetica CY", "Nimbus Sans L", sans-serif; font-size: 2em; /*font-weight: 100;*/}
.h2out {font-family: Calibri, "Arial", "Helvetica CY", "Nimbus Sans L", sans-serif; font-size: 2em; /*font-weight: 100;*/ color: #c35b6c;}
.h2in {font-family: Calibri, "Arial", "Helvetica CY", "Nimbus Sans L", sans-serif; font-size: 2em; /*font-weight: 100;*/ color: #7eaa49;}
h3 { font-family: Calibri, "Arial", "Helvetica CY", "Nimbus Sans L", sans-serif; font-size: 10em; /*font-weight: 100;*/ color: rgba(69, 69, 69, 0.20); margin-bottom: 0em; line-height: 0.85;}
h4 { font-family: Calibri, "Arial", "Helvetica CY", "Nimbus Sans L", sans-serif; font-size: 7%; /*font-weight: 100;*/ color: rgba(69, 69, 69, 0.20); text-shadow: 0px 2px 0px rgba(0,0,0,0.25), 0 0 1em rgba(0,0,0,0.25); margin-bottom: 0em; }

img {max-width: 100%;}

.header_gradient {
	min-height: 80vh;
	background: linear-gradient(0deg, rgba(0,0,0,0.35) 5%, rgba(0,0,0,0.35) 5%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 100%);
}


.kolonki {
    min-width: 20%;
    max-width: 30em;/*350px;*/
    display: inline-block;
	vertical-align: top;
    margin: 2em 5% 5% 0px;	
}

.kolonki2 {
    min-width: 30%;
    max-width: 40em;/*350px;*/
    display: inline-block;
	vertical-align: top;
    margin: 2em 5% 5% 0px;
}

.textinp { color: #454545; font-size: 1.0em; width: 30em; padding: 7px; }

.submit { 
	line-height: 2.5; 
	cursor: pointer;
	padding: 0px 20px; 
	color: #ffffff; 
	border: 5px solid white;
	font-family: Calibri, "Arial", "Helvetica CY", "Nimbus Sans L", sans-serif;
	font-size: 2.2em; 
	/*font-weight: 100;*/
	background-color: #4a3f6a;
	background: linear-gradient(45deg, #4a3f6a, #ac3f68);
}
.submit:hover{color: #e3a748; border-color: #e3a748;}






@media screen and (max-width: 1080px) {
.kolonki {min-width: 100%;}
.kolonki2 {min-width: 100%;}
h3 { font-family: Calibri, "Arial", "Helvetica CY", "Nimbus Sans L", sans-serif; font-size: 7em; /*font-weight: 100;*/ color: rgba(69, 69, 69, 0.30); margin-bottom: 0em; line-height: 0.85;}
}



.big_container{
	margin: 0% 10%;	
	padding: 8em 0em;	
}

.background_pashkov {
	background-color: #ffffff;
	background-image: url(img/background.jpg), url(img/background.jpg);
	background-size: cover;
	background-repeat: no-repeat, no-repeat;
	background-position: center top;
	background-attachment: fixed;
	min-height: 100vh;
}

.background_yellow {
	background-color: #fff6ab;
	background: linear-gradient(45deg, #e5d48d, #fff6ab);
}

.background_warm-blue {
	background-color: #C5DDE8;
	background: linear-gradient(45deg, #EECFBA, #C5DDE8);
}

.background_sky {
	background-color: #68a9ff;
	background: linear-gradient(45deg, #bfeafd, #a5c5ff);
}

.background_green {
	background-color: #b7e150;
	background: linear-gradient(45deg, #78c697, #b7e150);
}

.background_gray {
	background-color: #333c43;
	background: linear-gradient(45deg, #444e57, #333c43);
}

.background_violet {
	background-color: #4a3f6a;
	background: linear-gradient(45deg, #4a3f6a, #ac3f68);
}

.background_purple {
	background-color: #badeff;
	/*background: linear-gradient(45deg, #a8d4fc, #ecb6f4);*/
	background: linear-gradient(45deg, #badeff, #f1c4f9);
}


#BigWhiteFont{ 
	color: #ffffff; 
	font-family: Calibri, "Arial", "Helvetica CY", "Nimbus Sans L", sans-serif; 
	font-size: 4em; 
	/*font-weight: 100;*/
	text-shadow: 0px 2px 0px rgba(0,0,0,0.25), 0 0 1em rgba(0,0,0,0.25);
}

#WhiteFont{ 
	color: #ffffff; 
	/*text-shadow: 1px 1px 1px black;*/
	font-family: Calibri, "Arial", "Helvetica CY", "Nimbus Sans L", sans-serif; 
	font-size: 2.2em; 
	/*font-weight: 100;*/
	text-shadow: 0px 2px 0px rgba(0,0,0,0.25), 0 0 1em rgba(0,0,0,0.25);
}

#Button{ 
	/*text-shadow: 1px 1px 1px black;*/
	font-family: Calibri, "Arial", "Helvetica CY", "Nimbus Sans L", sans-serif; 
	font-size: 2.2em; 
	/*font-weight: 100;*/
}
#Button a {text-decoration: none; line-height: 2.5; padding: 10px; border: 5px solid white;}
#Button a:hover {color: #e3a748; border-color: #e3a748;}


.button-white a {color: #ffffff; border-color: #ffffff;}	
.button-white a:visited {color: #ffffff; border-color: #ffffff;}

.button-yellow a {color: #ffe500; border-color: #ffe500;}
.button-yellow a:visited {color: #ffe500; border-color: #ffe500;}


#displayNone  ul {display: none; }	
#displayNone  li {margin-left: -30px; padding: 10px; font-size: 1.6em; border: 3px dotted white; opacity: 0.7;}	
#displayNone li:hover ul{display: block; }	
#displayNone li:hover li{border: 0px dotted white;}


	
.main-nav {
	position: fixed;
	/*background-color: #999999;*/
	background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5));
	z-index: 100; 
	font-size: 1.8em;
	width: 100%;	
	}

.main-nav:hover {
	background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8));
	/*background: linear-gradient(45deg, #4a3f6a, #ac3f68);*/
	transition: 1s;
	}	
	
.main-nav i {font-size: 2.2em; padding: 0.5em;}
.main-nav a {color: #00789b;}
.main-nav a:hover {color: #e3a748;}
.main-nav img {vertical-align: middle;}

.toggleMenu {/*display: block;*/ display: inline-block;}
.toggleMenu i {display: inline-block;}
	
.main-menu-container{display: inline-block;}
.nav {
	display: inline-block;   
}
.nav div.item{
	display: inline-block;
	padding: 0em 0.7em 0.7em 0.7em;
	transition: 0.5s;    
}
.nav div.item:hover{transition: 0.5s; /*background-color: rgba(255, 255, 255, 0.3); */}

.nav div.item-selected{
	display: inline-block;
	padding: 0.7em 0.7em 0.7em 0.7em;    
	background-color: rgba(255, 255, 255, 0.3);
}

#infoplate{
	padding: 0.1em 2em 2em 5em; 
	margin: 2em 0em 4em 0em; 
	background-color: #f1d4bd;
	background-image: url(img/paragraf.png); 
	background-repeat: no-repeat;
	background-repeat: left;
	border-radius: 0.5em; 
}

.dropdownbox{
	
	width: 180; 
	min-width: 180; 
	vertical-align: top; 
	display: inline-block;	
}

#displayBlue  li {
	background: #00789b;	
	color: #ffffff; 
	padding: 10px 10px; 
	margin-left: -30px; 
	font-size: 14px; 
	}	
#displayGray  li {
	margin-left: -25px; 
	padding: 5px; 
	}
	
#displayGray  li:hover {
	background: #e3a748;		
	}