@charset "utf-8";
/* CSS Document */

html {
	/*background-color:#000;*/
	background-image:url(../images/BackgroundHouse_blacked.jpg);
	background-repeat:no-repeat;
	background-position: center centre;
	background-attachment:fixed;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
 	background-size: cover;
	font-family: "MullerBold";
}

.wrapper, body {
	background: transparent;
	background:rgba(0,0,0,0);
}

.scrollTop{
	background:url(../images/arrows5.png) 0 0 no-repeat;
	width:50px; /* изменяем: ширина картинки */
	height:60px; /* изменяем: высота кнопки - половина высоты картинки */
	bottom:10px;
	left:90%;
        transition: unset;
}
.scrollTop:hover{
	/* изменяем: отступ при наведении, 
	нужно подбирать вручную. Примерно равен высоте кнопки */
	background-position:0 -60px;
        transition: unset;
}

/*Reqest
----------------------------------------------- */

#div_captcha_new{
	padding-top: 15px;
}

/*contactFormat
----------------------------------------------- */

.form-validate {
	margin-left: 40px;
}

/*Logo
----------------------------------------------- */
.Sitelogo {
	margin: 10px;
	display: block;
  	text-align: center;
	width: 300px;
	height: 95px;
	text-indent:-9999px;
	background-image: url(../images/LogoRound_LongBlack_shadow.svg);
	background-position: center center;
	background-origin: border-box;
	background-size: cover;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
}




/*Dropdown
----------------------------------------------- */

.dropdownmain {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #fff;
  border-radius: 10px;
}

.dropdownmain li {
  float: left;
}

.dropdownmain li a{
  display: inline-block;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  border-radius: 20px 0 0 20px;
  font-weight: 900;
  font-size:120%;
}

@media screen and (max-width: 320px) {
	.dropdownmain li a{
		font-size: 180%;
	}
}

.dropdownmain li.parent {
  display: inline-block;
}

.dropdownmain li.parent::after{
	content: "▼";
	position: relative;
    right: 12px;

}

.dropdownmain li.parent:hover {
  background-color: #eee;
}

.dropdownmain li.parent ul {
  display: none;
  float: none;
  position: absolute;
  background-color: #eee;
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
  /*min-width: 160px;*/
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 100;
  border-radius: 0 0 10px 10px;
}

.dropdownmain li.parent ul li{
	float: none;
}

.dropdownmain li.parent ul a{
  /*color: black;*/
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdownmain li.parent:hover ul {
  display: block;
}

.dropdownmain #current{
	background-color: #ccc;
}


/*Sidemenu
----------------------------------------------- */

.contentcolumn .menu{
	list-style-type: none;
	margin: 0;
  	padding: 0;
 	overflow: hidden;
}

.contentcolumn .menu li {
	padding-bottom: 5px;
}

.contentcolumn .menu li a{
	display: block;
	text-decoration: none;
	font-weight: 900;
	border-radius: 10px;
	padding: 10px 5px 10px 5px;
}

.contentcolumn h3{
	font-size:140%;
	display:inline-block;
	border-radius: 10px;
	padding: 10px 5px 10px 5px;
	margin: 0 0 5px 0;
}

.moduletable h3::after, .moduletable_menu h3::after{
	content: ":";
}

/*TopFloat
----------------------------------------------- */
.parent-block {
    overflow: hidden;
    /*border: 1px solid red;*/
}
.block_right {
    float: right;
	max-width: 40%;
}
.block_left {
    overflow: hidden;
}

/*ContentColums
----------------------------------------------- */
.contentrow:after {
	content: "";
	display: table;
	clear:both;
}


.contentcolumn{
	float:left;
}

 .main_contentcolumn {
	 float: right;
 }

.contentcolumn {
	margin-top:30px;
	margin-bottom: 30px;
	width: 30%;
	padding:10px;
}

.main_contentcolumn {
    width: 63%;
}

.blog {
width: 100%;
}

@media screen and (max-width: 900px) {
	.contentcolumn, .main_contentcolumn {
		width: 100%;
	}
	
	.main_contentcolumn{
		float:left;
	}
}

/*Content
----------------------------------------------- */

#content{
	min-width: 450px;
}

.contact_email{
	margin-left:40px;
}

#content, .main_contentcolumn{
	background-color:#FFF;
	border-radius: 10px;
	padding: 15px;
	margin-top: 30px;
	margin-bottom: 30px;
}

#content img, .main_contentcolumn img{
	margin-left: auto;
    margin-right: auto;
	display:block;
	max-width:700px;
	height:auto;
	border-radius: 10px;
}

.contentpaneopen{
	width: 100%;
}

.contentpaneopen p{
	text-indent: 20px;
	text-align: justify;
}

.contentheading {
	font-size: 150%;
    padding-bottom: 2px;
    padding-top: 2px;
	padding-left: 5px;
    border-radius: 5px;
    margin-bottom: 10px;
	/*float: left;*/
}

td.createdate {
    display: block;
    float: right;
    margin-right: 30px;
}

.contentheading a{
	text-decoration:none;
}

.contentpaneopen .readon{
	display: inline-block;
    margin-top: 7px;
    position: relative;
    cursor: pointer;
    text-decoration: none;
    border-radius: 10px;
    padding: 3px;
    left: 30px;
    font-size: 120%;
}

.buttonheading {
	float: right;
}

.buttonheading img{
	float:right
}

.buttonheading a{
	display:inline-block;
}

/*ComAuto
----------------------------------------------- */

.NoComAuto {
	font-size: 100%;
}

.NoComAuto td, .NoComAuto th, .NoComAuto{
	font-family: "MullerBold";
}

#jForm img{
	margin-right: 3px;
	margin-bottom: 3px;
	padding: 3px;
	border-radius: 50px;
	margin-left: 0;
	display:inline;
}

#jForm {
	overflow: auto;
}

#jForm select, #jForm button, #accountNumber{
	font-size: 120%;
	border-radius: 10px;
}


/*Navigator
----------------------------------------------- */

.navigator-column span, .navigator span{
	display: inline-block;
	border-radius: 10px;
	position: relative;
	right: 10px;
	padding: 3px;
	margin-top: 10px;
	font-size: 110%;
}

.navigator-column a, .navigator a{
	text-decoration:none;
	color: #FFF;
}

/*Menu
----------------------------------------------- */

.menu {
	margin-bottom: 20px;
}

/*Width
----------------------------------------------- */

.parent-block, #content, .ButtionRow, .navigator, .contentrow {
	width:90%;
	max-width: 1400px;
	margin-left:auto;
	margin-right:auto;
}

.NewsRibbon h3{
    display: block;
    width: 90%;
    position: relative;
    top: 90px;
	left: 30px;
    margin-left: auto;
    margin-right: auto;
    max-width: 900px;
    font-size: 180%;
}

/*Footer
----------------------------------------------- */

html, body{
	height:100%;
}

.wrapper {
	min-height: 100%;
    position:relative;
}

.footerrow{
	display:table;
	table-layout: fixed;
    border-spacing: 10px;
	position:absolute;
	left: 0;
	right: 0;
	width: 100% !important;
}

.footerrow div{
	display: inline-block;
	border-radius: 10px;
	padding:10px;
	min-width: 100px;
	text-decoration: none;
	font-size: 100%;
	position:relative;
	z-index: 1;
	cursor:auto;
}

.footerrow .menu a {
    text-decoration: none;
    display: block;
    border-radius: 10px;
    padding: 3px;
}

.footerrow .menu {
    list-style-type: none;
    display: block;
    float: none;
    position: relative;
    margin-left: 0;
    padding-left: 15px;
    margin-block-end: 0 !important;
    margin-block-start: 8px !important;
    cursor: pointer;
}

.footerrow .menu li {
    padding-bottom: 2px;
    margin-bottom: 3px;
}

.footerrow h3 {
    margin-block-end: 0 !important;
    margin-block-start: 0 !important;
    font-size: 110%;
}

@media screen and (max-width: 600px) {
	.footerrow div{
		display: block;
		max-width: 100%;
		float:left;
		margin-bottom: 10px;
	}
	
	.footerrow{
		display: grid;
		table-layout:auto;
		min-height: 250px;
	}
}


/*tables
----------------------------------------------- */


.sitetable{
	border-collapse: collapse;
	margin-left: auto;
    margin-right: auto;
}

.sitetable th, .sitetable td{
    border: solid 2px;
	text-align: center;
}

/*Text decoration
----------------------------------------------- */


.fs11{
	font-size:110%;
}

.fs12{
	font-size:120%;
}

.fs13{
	font-size:130%;
}

.fs14{
	font-size:140%;
}

.fs15{
	font-size:150%;
}

.fw4{
	font-weight: 400;
}

.fw6{
	font-weight: 600;
}

.fw9{
	font-weight: 900;
}

@media screen and (max-width: 320px) {
	
	html{
		font-size:120%;
	}
	.fs11{
		font-size:130%;
	}
	
	.fs12{
		font-size:140%;
	}
	
	.fs13{
		font-size:160%;
	}
	
	.fs14{
		font-size:170%;
	}
	
	.fs15{
		font-size:190%;
	}

}