body
{

	margin:0;
	padding:0;
	overflow-x:hidden; 
}
section
{
	width: 100%;
	min-height: 480px!important;
	height:	44%;
	background: radial-gradient(#b8d6f9, #86b9f5);
	background-origin: border-box; 
	background-position: right;  
	display: inline-block;
}
#section1
{
	font-size: 16px;
	font-family: 'Mediator-Serif-Regular';
	color: black;
	padding-left: 28%;
	padding-top:11.8%;
}
#section-1
{
	display: inline-block;
	width: 50%;
}
#section-2
{
	display: inline-block;
	float: right;
	padding-right:  15%;
	padding-top: 5%; 
}
#section2
{
	font-size: 38px;
	font-family: 'Mediator-Serif-Regular';
	width: 50%;
	padding-left: 28%;

}
#section3
{	
	width: 23.5%;
	height: 55px;
	border-radius: 5px;
	border: 0px solid;
	background:linear-gradient(to bottom, #abdcfc, #6eb2e5);
	font-size: 16px;
	font-weight: bold;
	font-family: 'Mediator-Serif-Bold';
	margin-left: 28%;
}
#section3:active;
{
	width: 13.45%;
	height: 55px;
	border-radius: 5px;
	border: 0px solid;
	background:linear-gradient(to bottom, #abdcfc, #6eb2e5);
	font-size: 16px;
	font-weight: bold;
	font-family: 'Mediator-Serif-Bold';
}#section3:hover;
{
	width: 13.45%;
	height: 55px;
	border-radius: 5px;
	border: 0px solid;
	background:linear-gradient(to bottom, #abdcfc, #6eb2e5);
	font-size: 16px;
	font-weight: bold;
	font-family: 'Mediator-Serif-Bold';
}
#section3:focus;
{
	width: 13.45%!important;
	height: 55px!important;
	border-radius: 5px!important;
	border: 0px solid!important;
	background:linear-gradient(to bottom, #abdcfc, #6eb2e5)!important;
	font-size: 16px!important;
	font-weight: bold!important;
	font-family: 'Mediator-Serif-Bold'!important;
	outline-width: 0px!important;
}
button:focus
{
	outline-width: 0px;
}
#imenno-mi
{
	width: 100%;
	min-height: 420px;
	height: 38%;
	background-color: white;
}
#imenno1
{
	font-size: 38px;
	font-family: Mediator-Serif-Regular;
	padding-top: 12.3%;
	text-align: center;
}
#png1
{
	display: inline-block;
	margin-bottom: -0.1%;
}
#imenno2
{
	display: inline-block;
	font-size: 22.05px;
	font-family: Mediator-Serif-Regular;
	padding-left: 0.1%;
}
#imenno-1
{
	text-align: center;
}
#png2
{
	display: inline-block;
	margin-bottom: 0;
	padding-left: 7.8%;
	margin-bottom: -0.5%;
}
#imenno3
{
	display: inline-block;
	font-size: 22.05px;
	font-family: Mediator-Serif-Regular;
	padding-left: 0.5%;
}
#nasha-prod
{
	width: 100%;
	margin-top:12%; 
	min-height: 600px;
	height: 55.5%;
}
#nasha1
{
	font-size: 37.86px;
	font-family: Mediator-Serif-Regular;
	text-align: center;

}
#nasha2
{
	font-size: 20px;
	font-family: Mediator-Serif-Regular;
	text-align: center;
}
#nasha3
{
	text-align: center;
	margin-top: 2%;
}
#png3-1
{
	padding-right: 5.46%; 
}
#png3-3
{
	padding-left: 5.46%; 
}
#otzivi
{
	width: 100%;
	background-color: white;
}
#otz1
{
	font-size: 37.84px;
	font-family: mediator-regular;
	color: #a02522;
	text-align: center;
}
#otz2
{
	padding-left:27.4%;	
	display: inline-block;
	width: 100%;

}
#png4
{

}
#otz3
{
 font-size: 20px;
 font-family: Mediator-Serif-Bold;
 color: black;
 display: inline-block;
 vertical-align: top;
padding-left: 6.5%;
padding-top: 3%;
}
b1
{
font-size: 20px;
font-family: Mediator-Serif-Italic;
color: black;
}
b2
{
	font-size: 18px;
	font-family: Mediator-Serif-Regular;
	color: black;
}
#kontakt
{
	width: 100%;
	margin-top: 10%;
}
#kont1
{
	text-align: center;
	font-size: 37.84px;
	font-family: Mediator-Serif-Regular;
}
#kont2
{
	width: 100%;
}
#kont2-1
{

	display: inline-block;
	width: 50%;
	vertical-align: top;
	font-size: 18px;
	font-family: Mediator-Serif-Regular;
	color: black;
	vertical-align: middle;
	padding-left: 25%;
	margin-bottom: -20%;

}
d1
{
	font-size: 16px;
	font-family: Meditator-Serif-Italic;
	color: gray;
}
iframe
{
	margin-left: 50%;
	width: 138%;
}
#o1
{
	position: absolute;
	margin-left: 38%;
	margin-top: 12%;
}
#png5
{
	display: inline-block;
}
#section4
{
	width: 50%;
}
#png5
{
	width: 49%;
}
#png7
{
	position: absolute;
	margin-left: -20%;
	margin-top: -0.5%;
}
#png8
{
	position: absolute;
	margin-left: -24%;
	margin-top: -0.5%;
}
a
{
	color:gray;
	text-decoration: none;
}
#header
{
	width: 100%;
	margin:0px!important;
	padding: 0px!important;
	height: 120px;
	overflow-x: hidden;

}
a
{
	text-decoration: none;
	color: gray;
}
#header1
{
	font-size: 18px;
	font-family: Mediator-Serif-Regular;
	color: gray;
	text-decoration: none;
	display: inline-block;
	vertical-align: middle;
	margin-left: 23.2%;
}
#header1
{
	font-size: 18px;
	font-family: mediator-regular;
	color: gray;
	text-decoration: none;
	display: inline-block;
	vertical-align: middle;
	margin-left: 23.2%;
}
#header2
{
	font-size: 18px;
	font-family: mediator-regular;
	color: gray!important;
	text-decoration: none!important;
	display: inline-block;
	vertical-align: middle;
	margin-left: 3.9%;
}
#header3
{
	display: inline-block;
	vertical-align: middle;
	margin-left: 10.9%;
}
#header4
{
	font-size: 18px;
	font-family: mediator-regular;
	color: gray!important;
	text-decoration: none!important;
	display: inline-block;
	vertical-align: middle;
	margin-left: 10%;
}
#header5
{
	font-size: 18px;
	font-family: mediator-regular;
	color: gray!important;
	text-decoration: none!important;
	display: inline-block;
	vertical-align: middle;	
	margin-left: 3.9%;
}
#t1
{
	text-align: center;
	font-size: 38px;
	font-family: mediator-regular;
	color: #a02522;
	margin-top: 4%;
}
#t2
{
	display: inline-block;
	font-size: 16px;
	font-family: Mediator-Serif-Regular;
	margin-top: 2%;
	margin-left: 36.5%;
}
#t3
{
	display: inline-block;
	font-size: 16px;
	font-family: Mediator-Serif-Regular;
	margin-left:10.5%; 
	margin-top:;
}
#i2-1
{
	margin-left: -25%;
}
#i2
{
	margin-bottom: -32%
}
footer
{
	margin-top: 5%;
	background-color: #3b3b3b;
	height: 181px;
	width: 100%;
}
#f1
{
	display: inline-block;
	margin-left: 36%;
}
#f2
{
	display: inline-block;
	margin-left: 4.5%;
	vertical-align: top;
	margin-top: 3.1%;

}
#f3
{
	display: inline-block;
	margin-left: 4.5%;
	vertical-align: top;
	margin-top: 3.1%;
}
#f1-1
{
	color: white;
	font-size: 20px;
	font-family: Mediator-Serif-Regular;
	padding-top: 30.3%;
}
#f1-2
{
	color: white;
	font-size: 20px;
	font-family: Mediator-Serif-Regular;
	margin-top: 1.2%;
}
#f2-1
{
	color: white;
	font-size: 20px;
	font-family: Mediator-Serif-Regular;
}
#f2-2
{
	color: white;
	font-size: 20px;
	font-family: Mediator-Serif-Regular;
	margin-top: 1.2%;
}
#f3-1
{
	color: white;
	font-size: 20px;
	font-family: Mediator-Serif-Regular;
}
#f3-2
{
	color: white;
	font-size: 20px;
	font-family: Mediator-Serif-Regular;
	margin-top: 1.2%;
}
#a2
{
	color: white;
}
#header1:hover
{
	transform: scale(1.2);
}
#header2:hover
{
	transform: scale(1.2);
}
#header3:hover
{
	transform: scale(1.2);
}
#header4:hover
{
	transform: scale(1.2);
}
#header5:hover
{
	transform: scale(1.2);
}
#text-1
{
    margin-top:8%;
}
#text-2
{
    padding-left:30%;
}
#text-1-1
{
    color:black;
}


#tt-1
{
    display:inline-block;
    vertical-align:middle;
    width:100%;
    margin-top:3%;
}
#tt-2
{
    display:inline-block;
    vertical-align:middle;
    width:100%;
    margin-top:3%;
}
#tt-1-1
{
    display:inline-block;
    vertical-align:middle;
        margin-left:38%;
}
#textt-1
{
    color:black;
    display:inline-block;
    vertical-align:middle;
        font-family: 'Mediator-Serif-Bold';
    margin-left:2.5%;
    width:75%;
}
#aa1
{
    color:black;
    vertical-align:middle;
}
#im-1
{
    margin-bottom:-10%;
}
#im-2
{
    margin-bottom:-10%;
}
#tt-1-2
{
    display:inline-block;
    vertical-align:middle;
    margin-left:3%;
}
#tt-2-1
{
    display:inline-block;
    vertical-align:middle;
        margin-left:38%;
}
#tt-2-2
{
    display:inline-block;
    vertical-align:middle;
    margin-left:4.7%;
}
#tt-3-1
{
    display:inline-block;
    vertical-align:middle;
        margin-left:38%;
}
#tt-3-2
{
    display:inline-block;
    vertical-align:middle;
    margin-left:3.7%;
}
#textt-2
{
    color:black;
    display:inline-block;
    vertical-align:middle;
    font-family: 'Mediator-Serif-Regular';
        width:45%;
        margin-left:2.5%;
}
#otzivi
{
	width: 100%;
	background-color: white;
}
#otz1
{
	font-size: 37.84px;
	font-family: mediator-regular;
	color: #a02522;
	text-align: center;
}
#otz-2
{
    width:100%;
    text-align:center;
    margin-top:3%;
}
#otz2
{
	padding-left:27.4%;	
	display: inline-block;
	width: 100%;

}
#png-5
{
    margin-left:2.5%;
    margin-right:2.5%;

}
#png-5:hover
{
    transform: scale(2);    
}
#png-4:hover
{
    transform: scale(2);
}
#aa2
{
    color:black;
    vertical-align:middle;
        font-family: 'Mediator-Serif-Bold';
}



@media screen and (max-width: 1000px)
{
    #tt-1-1
    {
        margin-left:30%!important;
    }
    #tt-2-1
    {
        margin-left:30%!important;
    }
    #tt-3-1
    {
        margin-left:30%!important;
    }
    #tt-1-2
    {
        margin-left:1.4%;
    }
    #header1
    {
        margin-left:12%!important;
    }
    d4
    {
        margin-top:5%;
    }
    #f1-1
    {
        padding-top:22%;
    }
    #f2, #f3
    {
        padding-top:1.1%;
    }
    #f1
    {
        margin-left:27%;
    }
    #header1
    {
        margin-left:14%;
    }
    #section2
    {
        font-size:28px;
    }
    #section3
    {
        width:36%;
    }
    #d3-1
    {
        width:0%;
    }
    #dost1
    {
        margin-bottom:5%;
    }
    #t2
    {
        margin-left:28.3%;
    }
    footer
    {
        margin-top:75%;
    }
}
#header1
{
	font-size: 22px;
	font-family: mediator-regular;
	color: gray;
	text-decoration: none;
	display: inline-block;
	vertical-align: middle;
	margin-left: 23.2%;
	color:gray!important;
}
#header2
{
	font-size: 22px;
	font-family: mediator-regular;
	color: gray!important;
	text-decoration: none!important;
	display: inline-block;
	vertical-align: middle;
	margin-left: 3.9%;
}
#header3
{
	display: inline-block;
	vertical-align: middle;
	margin-left: 11.0%;
}
#header4
{
	font-size: 22px;
	font-family: mediator-regular;
	color: gray!important;
	text-decoration: none!important;
	display: inline-block;
	vertical-align: middle;
	margin-left: 10%;
}
#header5
{
	font-size: 22px;
	font-family: mediator-regular;
	color: gray!important;
	text-decoration: none!important;
	display: inline-block;
	vertical-align: middle;	
	margin-left: 3.9%;
}
a
{
    color:#a02522;
}