*{
box-sizing:border-box;
}
:root{
--green: #00D200;
--blue: #469BE6;
}
@font-face {
		font-family: 'calibri_web';
		src: url('./fonts/calibri.eot');
		src: url('./fonts/calibri.eot?#iefix') format('embedded-opentype'),
			 url('./fonts/calibri.woff') format('woff'),
			 url('./fonts/calibri.ttf') format('truetype'),
			 url('./fonts/calibri.svg#calibri') format('svg');
		font-weight: normal;
		font-style: normal;
	}
@font-face {
	font-family: 'calibri_web';
	src: url('./fonts/calibrib.eot');
	src: url('./fonts/calibrib.eot?#iefix') format('embedded-opentype'),
		 url('./fonts/calibrib.woff') format('woff'),
		 url('./fonts/calibrib.ttf') format('truetype'),
		 url('./fonts/calibrib.svg#calibri') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'calibri_web';
	src: url('./fonts/calibrii.eot');
	src: url('./fonts/calibrii.eot?#iefix') format('embedded-opentype'),
		 url('./fonts/calibrii.woff') format('woff'),
		 url('./fonts/calibrii.ttf') format('truetype'),
		 url('./fonts/calibrii.svg#calibri') format('svg');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'calibri_web';
	src: url('./fonts/calibriz.eot');
	src: url('./fonts/calibriz.eot?#iefix') format('embedded-opentype'),
		 url('./fonts/calibriz.woff') format('woff'),
		 url('./fonts/calibriz.ttf') format('truetype'),
		 url('./fonts/calibriz.svg#calibri') format('svg');
	font-weight: bold;
	font-style: italic;
}	
BODY{
margin:0px;
font-family: calibri, 'calibri_web', verdana;
font-size:18px;
color:#303030;
}
INPUT, TEXTAREA, BUTTON, SELECT{
font-family: calibri, 'calibri_web', verdana;
font-size:18px;
}
.bodytext{
width:1200px;
margin: auto;
position:relative;
}
.nourl{
text-decoration:none;
color:inherit;
border:none;
}
.siteriadiv{
margin-top: 40px;
font-size: 14px;
display: inline-block;
width: 230px;
text-align: left;
margin-bottom:20px;
}
.siteriadiv IMG{
float: left;
margin-right: 10px;
margin-top: 2px;
}
.siteriaurl{
display: block;
text-decoration: none;
color: inherit;
font-weight: bold;
transition:.3s;
font-size: 12px;
margin-top: 7px;
}
.siteriaurl:HOVER{
color: #FF4700;
}
.mobile{
display:none;
}
.mainlogo{
display: inline-block;
vertical-align: middle;	
}
.header{
padding: 20px 0px;
box-shadow: 2px 2px 4px #999;
}
.header1{
display:inline-block;	
vertical-align: middle;
width: 340px;
font-weight: bold;
font-size: 20px;
/* font-size:14px; */
}
.header2{
display:inline-block;	
vertical-align: middle;
width: 700px;
}
.header3{
display:inline-block;	
vertical-align: middle;
width: 150px;
text-align: right;
}
.menu{
display: inline-block;	
vertical-align:middle;
padding-bottom: 4px;
}
.menus{
display: inline-block;
padding: 8px 8px;
font-size: 16px;
position:relative;
border-radius:6px;
}
.menus:HOVER{
background: var(--green);	
color:#fff;
}
.menus:HOVER .menuurl{
color:#fff;	
}
.menuactive{
background: var(--green);	
color:#fff;	
}
.menuactive .menuurl{
color:#fff;		
}
.menus:HOVER .dropMenu{
display:inline-block;	
}
.menuurl{
text-decoration:none;
color:inherit;	
display:inline-block;
}
.headerphone{
margin:0px;	
}
.mesicons{
vertical-align:middle;	
font-size: 36px;
margin-left: 2px;
}
.mesicons:nth-of-type(1){
color:#784F99;	
}
.mesicons:nth-of-type(2){
color:#2BB140;	
}
.dropMenu{
position: absolute;
top: 27px;
left: 0px;
padding: 10px;
display: none;
z-index: 2;
background: var(--green);
width: max-content;
border-radius:6px;
}
.dropMenu .menuurl{
padding:5px 0px;	
display: block;
}
.green{
	
}
.topDiv{
height:400px;
margin-bottom:40px;
}
.topDiv DIV{
height:400px;	
}
.slider1{
background:url('./img/slider-bg.jpg') no-repeat center;	
padding-top: 120px;	
}
.slider2{
background:url('./img/slider2.jpg') no-repeat center;	
padding-top: 120px;	
}
.sliderName{
color:#fff;
font-size:40px;
text-shadow:2px 2px 2px #555;	
margin:0px;
}
.sliderText{
color:#fff;
font-size:30px;
text-shadow:2px 2px 2px #555;	
margin:0px;	
}
.buttonsBlue{
padding:10px 20px;
color:#fff;
display:inline-block;	
background:var(--blue);
text-decoration:none;
font-size: 20px;
margin: 20px 0px;
border-radius:6px;
cursor:pointer;
border:none;
}
.buttonsBlue:HOVER{	
background:#5ABEFF;
}
.buttonsGreen{
padding:10px 20px;
color:#fff;
display:inline-block;	
background:var(--green);
text-decoration:none;
font-size: 20px;
margin: 20px 0px;
border-radius:6px;
cursor:pointer;
border:none;
}
.buttonsGreen:HOVER{
background:#03e103;
}

.buttonPage{
padding:10px 20px;
color:#fff;
display:inline-block;	
background:var(--blue);
text-decoration:none;
font-size: 20px;
margin: 20px 0px;
border-radius:6px;
cursor:pointer;
border:none;	
margin-left:4px;
}
.buttonPage:HOVER{
background:#5ABEFF;	
}
.buttonPageActive{
background:#5ABEFF;		
}
.nametext{
font-size:40px;	
text-transform:uppercase;
font-weight:bold;
margin:30px 0px;
}
.preimDiv{
display:inline-block;
box-shadow:2px 2px 6px #999;
padding:40px;	
text-align:center;
width:calc(100% / 3 - 20px);
margin-right:30px;
background:#F5FAFA;
border-radius: 10px;
margin-top:10px;
margin-bottom:20px;
}
.preimDiv:nth-of-type(3){
margin-right:0px;	
}
.preimName{
font-weight:bold;	
}
.preimImg{
	
}
.preimText{
text-align: left;
margin-bottom: 0px;	
}
.sliderDiv{
height:400px;
border-top:solid 4px var(--green);	
border-bottom:solid 4px var(--blue);	
margin:40px 0px;
}
.sliderDivs{
height:392px;	
}
.sliderImg{
height:392px;	
}
.slick-prev{
left:40px !important;	
}
.slick-next{
right:40px !important;	
}
.center{
text-align:center;	
}
.likeImg{
width: 100px;
margin-right: 55px;
vertical-align: middle;
}
.otzDiv{
position:relative;
margin-bottom: 40px;
}
.otzObl{
background: #F5FAFA;
border-radius: 10px;
box-shadow: 2px 2px 6px #999;
padding: 40px;	
display: inline-block;
width: calc(100% - 160px);
vertical-align: middle;
}
.otzName{
text-align: right;
font-weight: bold;	
font-size:24px;
}
.otzText{
margin:0px;
font-style:italic;	
}
.footer{
padding: 40px 0px;	
}
.footer1{
display:inline-block;	
width:600px;
vertical-align:top;
}
.footer2{
display:inline-block;	
width:600px;
text-align:right;
vertical-align:top;
padding-top: 40px;
}
#overFlow{
display:none;	
}
.map{
border-top:solid 4px var(--green);	
border-bottom:solid 4px var(--blue);	
height: 408px;	
}
.footertext1{
font-size:40px;	
margin: 0px;
}
.footertext2{
font-size:30px;	
margin: 0px;
}
.footer3{
text-align: left;
width: 350px;
display: inline-block;
padding-left: 70px;
}
.footer4{
text-align:right;
width:250px;	
display:inline-block;
}
.footerphone{
margin:0px;
}
.bigText{
font-size:30px;	
}
.nametext+.bigText{
margin-top:-20px;	
}
#otzForm{
display:none;	
}
#otzForm .inputs{
margin-right:20px;
margin-bottom:20px;
}
#otzForm TEXTAREA{
width: 100%;
resize: none;
margin:0px !important;
}
.inputs{
border-radius:6px;	
padding:10px 20px;
border:solid 2px var(--blue);
}
.inputs:FOCUS{
outline: none;
border-color:var(--green);	
}
.likeLabel{
	
}
.likeLabel:nth-of-type(1) I{
color:var(--green);	
font-size: 40px;
vertical-align: middle;
cursor:pointer;
}
.likeLabel:nth-of-type(2) I{
color:red;	
font-size: 40px;
vertical-align: middle;
cursor:pointer;
}
.pageDiv{
margin-bottom: 20px;
text-align: right;
}
.urls{
color:var(--blue);
}
#modalForm{
border-radius: 10px;
padding: 20px;
box-shadow: 0px 4px 8px #444;		
background:#fff;
display:inline-block;
width: 300px;
position:relative;
}
#modalForm .inputs{
width:100%;
margin-bottom:20px;	
}
#modalForm .nametext{
margin: 10px 0px;
font-size: 26px;
}
#modalForm .buttonsGreen{
margin:0px;	
}
#overFlow{
background: #00000099;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
display:none;
z-index: 100;
}
#modalCLose{
position: absolute;
right:20px;
top:20px;
cursor:pointer;
}
.footer2 .mesicons:nth-of-type(2){
margin-right:10px;	
}
.portImg{
height: 200px;
margin-right: 10px;
margin-bottom: 6px;
border-radius: 10px;	
box-shadow: 2px 2px 6px #999;
}
.portImg:HOVER{
box-shadow: 2px 2px 6px #555;	
}
.portImg2{
height: 150px;
margin-right: 10px;
margin-bottom: 6px;
border-radius: 10px;	
box-shadow: 2px 2px 6px #999;	
}
.portImg3{
height: 390px;
margin-right: 10px;
margin-bottom: 6px;
border-radius: 10px;	
box-shadow: 2px 2px 6px #999;		
}
.portImg4{
height: 345px;
margin-right: 10px;
margin-bottom: 6px;
border-radius: 10px;	
box-shadow: 2px 2px 6px #999;			
}
.imgLeft{
float: left;
margin-right: 40px;
width: 220px;	
}
.priceTable{
width:100%;	
}
.priceTable TR:first-child(){
text-align:center;	
}
.priceTable TD{
border: solid 1px var(--blue);
padding: 10px 20px;	
min-width: 150px;
}
.priceName{
background: var(--blue);
color: #fff;
text-align: center;
font-weight: bold;	
}
.mobileMenuOverflow{
display:none;	
}
.headerMobile{
display:none;	
}
.priceDiv{
	
}
.topDiv A{
margin:10px 0px;	
}