@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;1,300;1,400;1,700&display=swap');

BODY {
background-color:#ffffff;
margin-top:0px;
margin-bottom:0px;
-webkit-text-size-adjust: 100%;
margin-left:0px;
margin-right:0px;
text-align:center;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html {overflow-y: scroll;} 

.floatleftbox{
margin:6px;
float:left;
min-height:34px;
}


.imagebox{
width:1199px;
margin-right:auto;
margin-left:auto;
padding-top:0px;
margin-top:0px;
}

.newbodyunderlayhome{
width:100%;
max-width:2200px;
background:transparent;
margin-right:auto;
margin-left:auto;
}


.newbodyunderlay{
width:100%;
max-width:2200px;
background:#5c5968;
margin-right:auto;
margin-left:auto;
background-position:center -70;
}


.sitemapcontainer{
padding:7px;
margin:5px;
color: #fff;
background:#486555;
background:#2c5518;
}

strong.ql-size-large{font-size:120%;}

.centerbox{
margin-right:auto;
margin-left:auto;
}

#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #5d7064; /* Set a background color */
    color: white;
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 50%; /* Rounded corners */
}
#myBtn:hover {
    background-color: #6d945d; 
}  

.bottomnewbanner{
margin:0px;
padding:7px;
background:transparent;
background-position:right bottom 12px;
width:90%;
}

.innerbottomnewbanner{
  width: 980px ;
  margin-left: auto ;
  margin-right: auto ;
}

.artbox{
float:left;
min-height:337px;
margin:7px;
margin-left:11px;
width:292px;
padding-top:3px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.artboxsmall{
float:left;
min-height:46px;
margin:7px;
width:222px;
padding-top:3px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
.artsleeve{
min-height:299px;
}
.artboxwide{
width:90%;
background:white;
box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
padding:9px;
}
.blogbox{
width:90%;
background:white;
box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
padding:9px;
margin-right:auto;
margin-left:auto;
}
.newtopbar{
background:#809286;
background:#40851e;
background:#2c5518;
min-height:110px;
width:100%;
max-width:2200px;
margin:0px;
padding:0px;
margin-bottom:0px;
}
.newtopbarinner{
width:990px;
margin-right:auto;
margin-left:auto;
background:transparent url(https://www.englishgarden.hu/gifs/logo600.png) no-repeat;
background-position:top 5px left 3px;
min-height:110px;
}

.newtopbarinner2{
background:transparent;
width:710px;
margin-right:auto;
margin-left:auto;
}
.pcnavsleeve{
margin-left:122px;
}

.left{float:left;}

.topcontacthome{
width:100%;
background:#000000;
margin:0px;
padding:0px;
position:fixed;
}

IMG.fullscreenall{display:inline; width:90%;margin:7px;}
IMG.halfscreenleft{display:inline; width:45%;margin:7px;float:left;margin-left:0px;}
IMG.halfscreenright{display:inline; width:45%;margin:7px;float:right;margin-right:0px;}
IMG.img80{width:40%;margin:2px;float:right;}
IMG.album{
width:90%;
box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
margin-bottom:25px;
float:right;
border-radius: 2px; 
-moz-border-radius: 2px; 
-webkit-border-radius: 2px; 
}
IMG.album3{
width:97%;
box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
margin:5px;
margin-bottom:19px;
}
IMG.archivealbum{box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;margin-bottom:25px;float:left;margin-left:11px;}
IMG.logo{
height:111px;
}

.logoblock{
   position: fixed;
    top: 7px !important;
    left: 1px !important;
   z-index:667;
}

IMG.portraits{
height:222px;
}

IMG.insta{
padding-right:21px;
}

IMG.fullscreen{
width:90%;
margin:7px;
}

IMG.gallerypagepic{
width:90%;
margin:7px;
}

IMG.thumbnail{
padding:4px;
}

P.white{
color:white;
text-align:left;
}

P.top{
font-size:15px;
color:#000000;
padding:2px;
margin:10px;
margin-bottom:15px;
background:#111111;
border:1px solid black;
opacity:0.7;
filter:alpha(opacity=70);
width:700px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
  margin-left: auto ;
  margin-right: auto ;
}



.newtopbar{z-index:664;}

.textblock2{
width:980px;
margin-right:auto;
margin-left:auto;
}

.textblock3{
width:780px;
margin-right:auto;
margin-left:auto;
}

.main {
margin-top:0px;
width: 980px ;
margin-left: auto ;
margin-right: auto ;
padding:0px;
background:transparent url(../gifs/back.jpg) no-repeat;
text-align:center;
margin-bottom:50px;
padding-top:325px;
}

.maininner {
margin-top:0px;
width: 1199px ;
margin-left: auto ;
margin-right: auto ;
padding:0px;
background:transparent;
text-align:center;
margin-bottom:50px;
padding-top:560px;
min-height:443px;
}
.maininnerhome {
margin-top:10px;
width: 1199px ;
margin-left: auto ;
margin-right: auto ;
padding:0px;
background:transparent;
text-align:center;
margin-bottom:50px;
padding-top:15px;
min-height:443px;
}
.inner1 {
background:#ffffff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
text-align:left;
}

.inner22{
width:600px;
float:left;
padding-left:22px;
}

.inner21{
width:310px;
float:left;
margin-left:34px;
}

.Button1{
width:180px;
float:left;
}

.lowerbox {
  width: 100% ;
  margin-left: auto ;
  margin-right: auto ;
}

.subbox{
width:450px;
border:#ffffff solid 1px; 
float:left;
padding:5px;
margin:4px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
background:#333;
opacity:0.7;
filter:alpha(opacity=70);
}
EM{
font-weight:700;
color: #333;
}


 






.footerbox{
width:950px;
background:#27302a;
border:1px solid black;
opacity:0.7;
filter:alpha(opacity=70);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
margin-top:10px;
padding:2px;
  margin-left: auto ;
  margin-right: auto ;
font-size:15px;
}

.footerfloatbox{
float:left;
margin:7px;
margin-left:72px;
}

.footerfloatbox2{
float:left;
margin:7px;
margin-left:72px;
}

.textblock{
width:940px;
margin-right:auto;
margin-left:auto;
padding:5px;
}

.text{
color:#FFFFFF;
}

H1{
color: #fff;
font-family:"Lato", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight:400;
margin-top:8px;
letter-spacing:-0.01em;
margin-left:3px;
padding-left:13px;
margin-top:31px;
font-size:32px;
padding-top:35px;
margin-bottom:3px;
text-indent: -9999px;   
}

H1.white{
color:white;
text-align:center;
letter-spacing:0.01em;
padding-right:67px;
font-size:24px;
}

H2{
color: #3e433b;
font-size:29px;
font-family:"Lato", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
margin-top:6px;
letter-spacing:0.1em;
text-align:left;
margin-bottom:11px;
padding-left:2px;
text-align:center;
}

H2.topbannerheader{
color:white;
padding-top:131px;
margin:0px;
font-size:39px;
text-align:center;
text-shadow:none;
}


H3{
color: #3e433b;
font-size:20px;
font-family:"Lato", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight:400;
margin-top:20px;
margin-bottom:7px;
letter-spacing:0.1em;
text-align:left;
background:transparent;
padding-left:3px;
}

.footer{
margin:0px;
padding-top:10px;
min-height:70px;
margin-top:0px;
font-size:15px;
border-top:0px #999999 solid;
margin-left: auto;
margin-right: auto ;
background:#08070d;
background:#203714;
width:100%;
background-position:bottom;
}

P{
color: #29432f;
font-size:17px;
font-family:"Lato", Tahoma, Verdana, Arial, Helvetica, sans-serif;
margin:3px;
line-height:1.5;
font-weight:400;
text-align:left;
}

P.paragraph{
margin-bottom:17px;
}

UL{
margin-left:22px;
list-style:disc;
}

OL {
  max-width: 90%;
  counter-reset: my-awesome-counter;
  list-style: none;
  padding-left: 40px;
}
OL li {
  margin: 0 0 0.5rem 0;
  counter-increment: my-awesome-counter;
  position: relative;
}
OL li::before {
  content: counter(my-awesome-counter);
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: bold;
  position: absolute;
  --size: 32px;
  left: calc(-1 * var(--size) - 10px);
  line-height: var(--size);
  width: var(--size);
  height: var(--size);
  top: 0;
  transform: rotate(-10deg);
  background: black;
  border-radius: 50%;
  text-align: center;
  box-shadow: 1px 1px 0 #999;
}


UL {
margin-left:22px;
list-style:disc;
}

LI{
color: #29432f;
font-size:17px;
font-family:"Lato", Tahoma, Verdana, Arial, Helvetica, sans-serif;
margin:3px;
line-height:1.5;
font-weight:normal;
text-align:left;
}

a:visited{
background-color:transparent;
color: #7f9d65;
text-decoration:none;
font-weight:700;
}

a:link{
background-color:transparent;
color: #7f9d65;
text-decoration:none;
font-weight:700;
}

a:hover{
background-color:transparent;
color: #9fbe84;
text-decoration:none;
font-weight:700;
  background-color: #6d945d;
  color: white;
}

a:active{
background-color:transparent;
color: #7f9d65;
text-decoration:none;
font-weight:700;
}

.linksnavnew a:link{
color:white;
}
.linksnavnew a:active{
color:white;
}
.linksnavnew a:visited{
color:white;
}
.linksnavnew a:hover{
color:white;
text-decoration:underline;
}

 .largeselect { 
    border: 1px solid #c4c4c4; 
    width: 300px; 
    font-size: 15px; 
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 
 
.largeselect:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
} 


 .select { 
    border: 1px solid #c4c4c4; 
    width: 300px; 
    font-size: 15px; 
    font-family:"Lato", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 
 
.select:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
} 


  .smallselect { 
    border: 1px solid #c4c4c4; 
    width: 140px; 
    font-size: 14px; 
    padding: 4px 4px 4px 4px; 
    border-radius: 4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    box-shadow: 0px 0px 8px #d9d9d9; 
    -moz-box-shadow: 0px 0px 8px #d9d9d9; 
    -webkit-box-shadow: 0px 0px 8px #d9d9d9; 
} 
 
.smallselect:focus { 
    outline: none; 
    border: 1px solid #7bc1f7; 
    box-shadow: 0px 0px 8px #7bc1f7; 
    -moz-box-shadow: 0px 0px 8px #7bc1f7; 
    -webkit-box-shadow: 0px 0px 8px #7bc1f7; 
} 


.button {
  background-image: linear-gradient(92.88deg, #455EB5 9.16%, #5643CC 43.89%, #673FD7 64.72%);
  border-radius: 8px;
  border-style: none;
  box-sizing: border-box;
  color: #FFFFFF;
  cursor: pointer;
  flex-shrink: 0;
  font-family: "Lato","SF Pro Display",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  font-size: 16px;
  font-weight: 500;
  height: 4rem;
  padding: 0 1.6rem;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.25) 0 3px 8px;
  transition: all .5s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button:hover {
  box-shadow: rgba(80, 63, 205, 0.5) 0 1px 30px;
  transition-duration: .1s;
}

@media (min-width: 768px) {
  .button {
    padding: 0 2.6rem;
  }
}



IMG.left{
float:left;
padding:5px;
}

IMG.right{
float:right;
padding:5px;
}

P.clear{
clear:both;
}

IMG.right2{
float: right; 
width:41.66%;
margin-left:2rem
}

IMG.img100{width:95%;}

.container {
box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
-khtml-border-radius: 7px;
border-radius: 7px;
position: relative;
padding-top:99px;
width:100%;
margin-right:auto;
margin-left:auto;
min-height:299px;
padding:0px;
background:white;
padding-top:13px;
padding-bottom:34px;
padding-right:1px;
padding-left:1px;
opacity:1.0;
}

.topleft {
    position: absolute;
    top: 8px;
    width:99%;
    font-size: 18px;
}

.topright {
    position: absolute;
    top: 107px;
    right: 16px;
}

.previousbutton {
    position: absolute;
    top: 107px;
    left: 16px;
}

img.background { 
   height:100%;
    width: auto;
    opacity: 1;
}

.mobhide{display:inline;}
.navbar{display:none;}


@media only screen and (max-width : 1199px) {

.imagebox{width:100%;}
.newtopbarinner{width:100%;}

}

@media only screen and (max-width : 1199px) {
.maininnerhome{width:100%;}
.maininner{width:100%;}
}

@media only screen and (min-width : 800px) and (max-width : 999px) {
.imagebox{width:100%;}
.innerbottomnewbanner{width:90%;}
.textblock{width:780px;}
.textblock2{width:780px;}
.footerbox{width:100%;}
.main{width:100%;}
.homebox{width:90%;}
.bodybox{width:90%;}
.bigbodybox{width:90%;}
.bigbodyboxnoop{width:90%;}
.bodyboxnoop{width:90%;}
.select{width:90%;}
.largeselect{width:90%;}
.subbox{width:90%;}
IMG.img80{width:90%;float:none;}
.newtopbarinner{width:100%;}
.maininner {width:100%;}
.maininnerhome {width:100%;}
}


@media only screen and (max-width : 799px) {

.newtopbarinner{
background:transparent url(https://www.englishgarden.hu/gifs/logo400.png) no-repeat;
}


H1.white{font-size:20px;}
IMG.album{width:90%;}
IMG.album3{width:90%;}

.footerfloatbox{
float:left;
margin:7px;
margin-left:12px;
}
.footerfloatbox2{
float:left;
margin:7px;
margin-left:12px;
}
.imagebox{width:100%;}

.newbodyunderlay{
width:100%;
max-width:799px;
background:#3d3448;
margin-right:auto;
margin-left:auto;
background-position:top center;
}

.container {
position: relative;
padding-top:99px;
width:90%;
margin-right:auto;
margin-left:auto;
min-height:299px;
padding:0px;
background:white;
padding-top:13px;
padding-bottom:34px;
padding-right:7px;
padding-left:7px;
}

.newtopbarinner2{width:90%;}
.newtopbar{z-index:668;}


.logoblock{
   position: fixed;
    top: 99px !important;
    left: 0px !important;
    z-index:1;
}
.artbox{width:90%;}
.artboxsmall{width:167px;}
.maininner {width:100%;padding-top:222px;}
.maininnerhome {width:100%;}

H2.topbannerheader{
color:white;
padding-top:381px;
margin:0px;
font-size:30px;
text-align:center;
text-shadow:none;
}

H2{font-size:24px;}

.main{width:100%;padding-top:372px;}
.artboxwide{width:90%;padding:0px;margin:0px;margin-right:auto;margin-left:auto;}

.innerbottomnewbanner{width:90%;}
.mobhide{display:none;}
.navbar{display:inline;}
h1{font-size:19px;text-align:left;}
.textblock{width:90%;}
.textblock2{width:90%;}
.textblock3{width:90%;}
.newtopbarinner{width:100%;
background-position:top 85px left 3px;
min-height:160px;
}

img.background { 
    height: auto;
    width: 100%;
    opacity: 1;
}
.footerbox{width:100%;}

P.top{width:100%;}
.homebox{width:90%;}
.bodybox{width:90%;}
.bigbodybox{width:90%;}
.bigbodyboxnoop{width:90%;}
.bodyboxnoop{width:90%;}
.select{width:90%;}
.largeselect{width:90%;}
.subbox{width:90%;}
IMG.img80{width:90%;}
.inner21{width:100%;
margin-left:3px;}
.inner1{width:90%;}
.inner22{width:100%;}
IMG.fullscreen{width:90%;}
H1.top{width:90%;padding-top:211px;min-height:11px;
background-position:left top;margin:0px;padding-bottom:24px;}
.Button1{width:30%;}
}





@media only screen and (max-width : 499px) {

H1.white{font-size:16px;}

img.background { 
    height: auto;
    width: 100%;
    opacity: 1;
    margin-top:14px;
}

}

@media only screen and (max-width : 399px) {

.newtopbarinnerhide{
background:transparent url(https://www.englishgarden.hu/gifs/logo300.png) no-repeat;
}

H1.white{display:none;}

}