@import url(http://fonts.googleapis.com/css?family=Open+Sans:800,300&subset=latin,latin-ext);
body{background:URL('../img/bg.jpg') fixed center #275419; font-size:15px; }
.top{width:100%;  background:#FF0000; }
.navbar{background:#84CF84; color:white; z-index:-1 !important}
.navbar ul li a{color:black !important}
.brand{color:white; font-size:30px; font-weight:bold; display:block; padding-top:5px; margin-left:200px}
.brand:hover{color:white; text-decoration:none}
.container{}
#maincontainer{min-height:1000px; background:white;  -webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;}
.logo img{position:absolute; margin-top:-30px !important}
#phone{color:white; font-size:25px; padding-top:25px; text-align:right}
.brandname{color:white; font-size:30px; display:block; padding-top:25px; font-family: 'Open Sans', sans-serif; font-weight:400; padding-left:20px}
.brandname:hover{text-decoration:none; color:#eee}

.menu{list-style:none; float:right; background:none; padding-top:5px}
.menu li{float:left; display:block}
.menu li a{display:block; padding:8px; font-size:17px; color:white; border-left:1px dashed #ff9999; background:none}
.menu li a.first{border:none}

.menu li:hover a{text-decoration:none; background:#E7001F;}

h1{margin-top:30px;}

ul.elonyok{list-style:none; margin-top:30px; padding-left:10px}
ul.elonyok li{font-size:20px}
.pipa{color:green; padding-right:10px}

.mainmenu{background:#F5F5F5; margin-left:-15px; margin-right:-15px; -webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;}

.mainmenu ul{list-style:none; float:right; background:none; padding-top:5px; padding-right:20px}
.mainmenu ul li{float:left; display:block}
.mainmenu ul li a{display:block; padding:8px; font-size:17px; color:#444; border-left:1px dashed #bbb; background:none; font-weight:bold; padding-left:15px; padding-right:15px}
.mainmenu ul li a.first{border:none}
.mainmenu ul li a:hover{text-decoration:none; background:#ccc;}



.mainmenu-mobile{background:#F5F5F5; margin-left:-15px; margin-right:-15px; -webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;}

.mainmenu-mobile ul{list-style:none; background:none; padding-top:5px; padding-right:20px; text-align:center}
.mainmenu-mobile ul li{display:block}
.mainmenu-mobile ul li a{display:block; padding:8px; font-size:17px; color:#444; border-left:0px dashed #bbb; background:none; font-weight:bold; padding-left:15px; padding-right:15px}
.mainmenu-mobile ul li a.first{border:none}
.mainmenu-mobile ul li a:hover{text-decoration:none; background:#ccc;}


#footer{-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
background:#F5F5F5; margin-bottom:50px;}
#footer img{margin:10px; margin-left:0px}
#footer blockquote footer{font-size:12px}
#footer blockquote{font-size:14px; margin-top:10px; margin-bottom:3px}
#footer ul{list-style:square; margin-top:20px; margin-left:10px; font-size:15px}
#footer ul li{padding-left:10px; color:#333}
#footer ul li a{color:#333}
#footer h2{font-size:20px}
#footer .footer-line{border-right:1px solid #ddd}
.thumbnail p {margin-top:10px; margin-left:5px; display:block}

.d-flex
{
	display: flex;
}

.flex-column
{
	flex-direction: column;
}

.g-5
{
	gap: 3rem;
}

.d-flex b
{
	margin-bottom:5px;
}

.d-flex img
{
	margin:0 auto;
}