@media (max-width: 576px) {
#contactList{
  	display: none;
  }
#logo{
  	align-self: flex-start;
  	display: none;
  }
#headertitle{
	align-self: flex-end;

}
#headertitle>span:nth-child(3){
	font-size: 10px;
}

#headertitle>span:nth-child(5){
	font-size: 16px;
	letter-spacing: .0em;
}
#contentTitle{
	text-indent: 0px;
	text-align: center;
	font-size: 20px;
}
  #maincontainer{
	box-sizing: border-box;
	}
  }
}

@media (max-width: 768px) {
  
 #contactList{
  	display: none;
  }
}


@media (min-width: 992px) {
  
  }


@media (min-width: 1200px) {
  #maincontainer{
	background-image: url(../img/fon1_1920.jpg);
	}
  }


body{
	background-color: #ffffff;
	align-content: center;
	font-family: sans-serif;
}

#maincontainer{

	box-sizing: border-box;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 0px;
}
#header{
	background-image: url(../img/fon1_1366_163.jpg);
}
#logo{
	text-align: center;
}
#headertitle{
	text-align: left;
	text-transform:uppercase;
	text-shadow: 1px 1px 2px black;
	font-size: 14px;
	color:#ffd700;
}
#headertitle>span:nth-child(1){
	color: black;
}
#headertitle>span:nth-child(3){
	font-size: 18px;
}
#headertitle>span:nth-child(5){
	font-size: 28px;
	letter-spacing: .2em;
}
#contactList{
	font-weight: bold;
	text-align: right;
	padding-right: 40px;
}
#menu{
}
	
#navmenu{
	background-color:#D94236;
	font-size: 13px;
	letter-spacing: 1px;
}
#navmenu>li>a:hover{
	background-color: #BD1609;
    text-shadow: 0px 0px 5px white;
	transition: all 0.2s;
}
 #navmenu .nav-link{
	color: white;
	padding: 10px 20px;

}
#navmenu .active{
	background-color: #BD1609;
}

/* #submenu>ul>li>a:hover{
	background-color: #D3D3D3;
} */
/* #submenu {
	font-size: 13px;
} */

/* #submenu .active{
	background-color: grey;
} */

#content{
	margin: 0px 0px 0px 0px;
	padding:20px 20px 20px 20px;
	background-color: white;
	border-bottom-color:#D94236;
	border-bottom-width: 25px;
}
#contentTitle{
    margin-bottom: 40px;
    margin-top: 20px;
    font-style: italic;
}
#footer{
	margin-top:0px;
	padding-top:15px;
	background-color: #D94236;
}

#footerLeft{
	border-width: 3px;
	border-color: white;
	padding-top: 5px;
}
#footerLeft>ul{
	column-count: 2;
	list-style-type: none;
	font-size: 14px;
	color: white;
	padding-left: 5px;
}
#footerLeft>ul>li>a{
	color: white;
	font-size: 14px;
}
#footerCenter{
	align-items: center;
	color: white;
	padding-top: 10px;
}
#footerRight{
	align-items: left;
	font-size: 12px;
	color:white;
	margin: 10px 0px 15px 0px;
}
#documents>p{
}
#partners>img{
	padding-right: 20px;
	padding-bottom: 10px;
}
.fa-download{
	color: #DAA520;
}
.fa-phone{
	
}
#dowloads{
	margin:0px;
}
#downloads>a{
	color: #464646;
	text-decoration: none;

}
#downloads>a:hover{
	color: #DAA520;
}
.btn-gotop {
      position: fixed;
      right: 30px;
      bottom: 30px;
      cursor: pointer;
      width: 60px;
      opacity: 0.6;
      height: 60px;
      background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 19.7'%3E%3Cpath fill='%23fff' d='M7 19.7c-.6 0-1-.4-1-1v-16c0-.6.4-1 1-1s1 .4 1 1v16c0 .6-.4 1-1 1z'/%3E%3Cpath fill='%23fff' d='M13 7.5c-.2 0-.5-.1-.7-.3L7 2.3 1.7 7c-.5.4-1.1.4-1.4 0-.4-.4-.3-1 .1-1.4l6-5.3c.4-.3 1-.3 1.3 0l6 5.5c.4.4.4 1 .1 1.4-.3.2-.5.3-.8.3z'/%3E%3C/svg%3E") no-repeat;
      background-position: center;
      background-size: 15px;
      background-color: #6aa7e2;
      border-radius: 100px;
      display: none;
}
.card-deck>a{
    color: black;
}
.card-deck>a:hover{
    background-color: #eff0f2;
    box-shadow: 0 0 7px grey;
}
#supmenu{
	margin-bottom: 15px;
}
#supmenu>li>a.btn-light{
	width: 150px;
	text-align: center;
	color: #545454;
	font-weight: bold;
	letter-spacing: 1px;
}
#supmenu>li>a.active{
	background-color: #979797;
	width: 150px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 1px;
}
#catalog>div.card-deck>a>div>h6{
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
