/* COMPATIBILITA HTML5 TAGŮ U STARŠÍCH PROHLÍŽEČŮ */
HEADER, NAV, ARTICLE, FOOTER { display: block; }

* { box-sizing: border-box; -webkit-box-sizing: border-box; }

BODY { margin: 0; font-family: 'Roboto', sans-serif; background-color: #fff; font-size: 13px; color: #3a3a3a; }
  
.fullFrame { width: 100%; min-width: 1200px; float: left; }                                                                                                
.mainFrame { width: 1200px; position: relative; margin: 0px auto; }
.hidden {display: none;}
.kotva {width: 100%; height: 0px; float: left; line-height: 0px;}
.obrazekVlevo {float: left; margin: 0px 15px 10px 0px;}
.obrazekVpravo {float: right; margin: 0px 0px 10px 15px;}
.floatL {float: left;}
.floatR {float: right;}
.container, .row {width: 100%; float: left;}   

IMG { max-width: 100%; display: block; border: 0px; }
P, H1, H2, H3, H4, H5, H6 {margin: 0px;}
A {color: inherit; text-decoration: none;}
H1 {font-size: 30px; font-weight: 400; margin: 20px 0px 30px 0px; text-transform: uppercase;}
H1:first-child { margin-top: 0; }
H2 {font-size: 25px; font-weight: 400; margin: 20px 0px 30px 0px; text-transform: uppercase;}
H3 {font-size: 22px; font-weight: 400; margin: 20px 0px 20px 0px;}
H4 {font-size: 20px; font-weight: 400; margin: 20px 0px 15px 0px;}
H5 {font-size: 18px; font-weight: 400; margin: 20px 0px 10px 0px;}
P {line-height: 1.5; margin: 5px 0px; font-weight: 400; }
UL {line-height: 1.5; margin: 0; padding: 0;}  

.headerBg { position: relative; padding: 0 75px; }
.headerBg:before, .headerBg:after { content: ''; width: 52px; height: 3px; position: absolute; top: calc(50% - 1px); background-image: url('/images/backgrounds/bg-header.png'); }
.headerBg:before { left: 0; }
.headerBg:after { right: 0; }

HEADER .logo, .headerInfo .address, .headerInfo .phone, NAV UL LI A, NAV UL LI A:before, NAV LI A:after, NAV UL LI SPAN, NAV UL LI SPAN:before, NAV LI SPAN:after, 
.headerBg:before, .headerBg:after, .jezek, .flowers, .flower, .articlePhoto:before, .articleDate, 
FOOTER:before, .kid, .mouses, .bee, .logoZahrada, .eventDate, .events HR, .iconNavHome { background-repeat: no-repeat; }

.flexbox {display: -webkit-flex !important; display: -webkit-box !important; display: -moz-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important;}

#menuMobile {display: none;}
#hamburger {display: none;}

/* HEADER */
HEADER {  }
 header .inner {width: 100%; float: left;}
 HEADER .logo { height: 135px; float: left; display: flex; align-items: center; margin-top: 25px; padding-left: 160px; background-image: url('/images/logo.png'); background-position: left center; font-family: 'Patrick Hand', comic-sans; font-size: 50px; line-height: 0.9; }
 .headerInfo { float: right; margin-top: 45px; display: flex; flex-direction: column; font-weight: bold; }
  .headerInfo .address, .headerInfo .phone { float: left; display: flex; align-items: center; padding-left: 40px; background-position: left center; transition-property: background-image, color; transition-duration: 0.25s; }
  .headerInfo .address:hover, .headerInfo .phone:hover { color: #b6d02e; }
  .headerInfo .address { height: 19px; margin-bottom: 30px; background-position: left center; background-image: url('/images/icon/icon-map-marker.png'); }
  .headerInfo .address:hover { background-image: url('/images/icon/icon-map-marker-hover.png'); }
  .headerInfo .phone { height: 17px; background-position: 1px center; background-image: url('/images/icon/icon-phone.png'); }
  .headerInfo .phone:hover { background-image: url('/images/icon/icon-phone-hover.png'); }
  .headerInfo .notice { margin-top: 25px; margin-bottom: 0; padding-left: 40px; font-weight: bold; color: rgba(233, 90, 38, 1); }

/* MENU */  
NAV { width: 100%; float: left; position: relative; margin-top: 20px; }
 NAV UL { list-style-type: none; }
 NAV UL:not(.submenu) { display: flex; justify-content: space-between; border-color: #eeeded; border-style: solid; border-width: 1px 0; list-style-type: none; }
  NAV LI { float: left; }
   NAV LI A, NAV LI SPAN { float: left; position: relative; padding: 23px 5px 17px 35px; background-position: left center; font-size: 15px; font-weight: 500; text-transform: uppercase; }
   NAV LI A:hover, NAV LI SPAN:hover { animation-name: bounceBackground; animation-duration: 0.25s; animation-iteration-count: 1; }
   NAV LI A:hover:before, NAV LI A.active:before, NAV LI A.hasSubmenu:hover:after, NAV LI SPAN:hover:before, NAV LI SPAN.active:before, NAV LI SPAN.hasSubmenu:hover:after { opacity: 1; }
   NAV LI A:before { content: ''; width: 18px; height: 9px; position: absolute; top: 0; left: calc(50% - 9px); opacity: 0; transition: opacity 0.25s; }
   NAV LI A.hasSubmenu:after { content: ''; width: 10px; height: 5px; position: absolute; top: calc(100% - 4px); left: calc(50% - 5px); z-index: 2; background-image: url('/images/icon/icon-house-hover.png'); background-size: 100% auto; opacity: 0; transform: rotate(180deg); transition: opacity 0.25s; }
 NAV .submenu { display: none; width: 1200px; height: 55px; position: absolute; top: 63px; left: 0; z-index: 1; padding-left: 15px; background-color: rgba(176, 210, 72, 0.85); border-top: 1px rgba(255, 255, 255, 1) solid; }
 NAV .submenu.home { background-color: rgba(176, 210, 72, 0.95); }
  NAV .submenu LI { height: 100%; position: relative; margin-right: 60px; display: flex; align-items: center; padding: 0 0 0 15px; }
  NAV .submenu LI:last-child { margin-right: 0; }
  NAV .submenu LI:before { content: ''; width: 6px; height: 6px; position: absolute; top: calc(50% - 3px); left: 0; background-color: #fff; border-radius: 50%; }
   NAV .submenu LI A { height: auto; padding: 0; color: #fff; font-size: 13px; text-transform: none; }
   NAV .submenu LI A:hover { text-decoration: underline; }
   
/* NAVIGATION */
.navigation { height: 55px; padding-top: 13px; background-color: #b0d248; color: #fff; }
 .navigation A:not(.iconNavHome), .navigation SPAN { float: left; margin-top: 7px; margin-left: 15px; }
 .navigation A:hover { text-decoration: underline; }
 .iconNavHome { width: 29px; height: 29px; float: left; }
 
/* HOME PAGE */
.homeFrame { position: relative; margin-bottom: 76px; padding-top: 70px; padding-bottom: 40px; background-color: #d3ee84; }
.homeFrame:before { content: ''; width: 100%; height: 108px; position: absolute; top: -108px; left: 0; background-image: url('/images/backgrounds/bg-home-cover-top.png'); background-position: center center; }
.homeFrame:after { content: ''; width: 100%; height: 76px; position: absolute; bottom: -76px; left: 0; background-image: url('/images/backgrounds/bg-home-cover-bottom.png'); background-position: center center; }
 .homeFrame H1 { font-size: 25px; }
 .logoZahrada { width: 244px; height: 156px; position: absolute; top: -228px; right: 0; background-image: url('/images/logo-zahrada.png'); }
 .homeImage { width: 343px; float: left; position: relative; }
  .homeImage:hover .jezek { animation-name: bounceBackground; animation-duration: 0.25s; animation-iteration-count: 1; }
  .homeImage IMG { width: 100%; }
  .jezek { position: absolute; background-position: center center; }
  .jezek1 { width: 47px; height: 36px; bottom: 20px; left: 45px; background-image: url('/images/graphics/jezek-1.png'); }
  .jezek2 { width: 30px; height: 24px; bottom: 37px; left: 133px; background-image: url('/images/graphics/jezek-2.png'); }
 .homeContent { width: 66%; float: right; }
 
/* CONTENT PAGE */
.contentFrame { margin-bottom: 45px; padding: 45px 0; }
 .homeContent UL, .contentFrame UL { padding-left: 15px; }
 .homeContent A:hover, .contentFrame A:hover { text-decoration: underline; }
 .homeContent A, .contentFrame A { color: #42922d; }
 
/* FLOWERS */
.flowers { height: 250px; background-image: url('/images/backgrounds/bg-string-hands-fix.png'); background-position: center top; }
 .flowersList { position: relative; margin-top: 112px; }
  .flower { width: 150px; position: absolute; top: 0; text-align: center; }
  .flower:nth-child(1) { left: -32px; }
  .flower:nth-child(2) { left: 243px; }
  .flower:nth-child(3) { left: 525px; }
  .flower:nth-child(4) { left: 795px; }
  .flower:nth-child(5) { left: 1067px; }
  .flower IMG { margin: 0 auto 25px auto; }
  .flower SPAN { font-size: 15px; font-weight: 500; text-transform: uppercase; }
  .flower:hover IMG { animation-name: spin; animation-duration: 2s; animation-iteration-count: 1; }

/* NEWS */
.news { margin-top: 115px; margin-bottom: 105px; }
 .newsList {}
  ARTICLE { width: 46.85%; float: left; margin-top: 75px; }
  ARTICLE:nth-child(-n + 2) { margin-top: 0; }
  ARTICLE:nth-child(even) { float: right; }
  ARTICLE:hover .articleDate { left: -10px; transform: rotate(-35deg); }
  ARTICLE:HOVER .articleContent { transform: scale(1.025); }
   .articlePhoto { width: 42.2%; float: left; position: relative; }
   .articlePhoto:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background-image: url('/images/backgrounds/bg-article-image-cover.png'); background-size: 100% 100%; }
    .articleDate { width: 75px; height: 40px; position: absolute; top: 10px; left: 20px; z-index: 2; padding-top: 12px; padding-right: 10px; background-image: url('/images/backgrounds/bg-article-date.png'); color: #fff; font-weight: 700; font-size: 16px; text-align: right; transition-duration: 0.5s; transition-property: transform, left; }
    ARTICLE IMG { width: 100%; }
   .articleContent { width: 55%; float: right; transition: transform 0.15s; }
    ARTICLE H3 { margin-top: 0; margin-bottom: 10px; font-size: 18px; font-weight: 500; color: #3a3a3a; }
    ARTICLE P { color: #3a3a3a; }
    ARTICLE .more { display: block; margin-top: 15px; color: #42922d; text-decoration: underline; }
    
/* FOOTER */
FOOTER { position: relative; margin-top: 165px; color: #fff; }
FOOTER:before { content: ''; width: 100%; height: 160px; position: absolute; top: -54px; left: 0; z-index: 1; background-image: url('/images/backgrounds/footer-cover-top.png'); background-position: center center; }
 .kid { position: absolute; z-index: 2; transition: transform 0.25s; }
 .kid:hover { transform: scale(1.05); }
 .kid.kid1 { width: 136px; height: 138px; top: -67px; left: -0.41%; background-image: url('/images/graphics/kid-1.png'); }
 .kid.kid2 { width: 147px; height: 164px; top: -92px; left: 16.25%; background-image: url('/images/graphics/kid-2.png'); }
 .kid.kid3 { width: 141px; height: 186px; top: -92px; left: 35.41%; background-image: url('/images/graphics/kid-3.png'); }
 .kid.kid4 { width: 113px; height: 144px; top: -49px; left: 55.41%; background-image: url('/images/graphics/kid-4.png'); }
 .kid.kid5 { width: 124px; height: 166px; top: -70px; left: 72.08%; background-image: url('/images/graphics/kid-5.png'); }
 .mouses { width: 83px; height: 52px; position: absolute; top: 72px; right: 10%; z-index: 2; background-image: url('/images/graphics/mouses.png'); background-position: center center; }
 .mouses:hover { animation-name: bounceBackground; animation-duration: 0.25s; animation-iteration-count: 1; }
 .dog { width: 118px; height: 82px; position: absolute; top: 0px; right: -13.33%; z-index: 0; background-image: url('/images/graphics/dog.png'); }
 .bee { position: absolute; z-index: 2; }
 .bee.bee1 { width: 27px; height: 35px; top: -240px; right: 2.5%; background-image: url('/images/graphics/bee-1.png'); }
 .bee.bee2 { width: 56px; height: 75px; top: -225px; right: 7%; background-image: url('/images/graphics/bee-2.png'); }
 .footerContent { background-color: #6fc059; margin-top: 106px; padding-top: 55px; padding-bottom: 105px; }
  .footerContent H4 { margin-top: 0; margin-bottom: 20px; padding-bottom: 10px; font-size: 16px; font-weight: 400; border-bottom: 2px #fff dotted; }
  .footerContent A:hover { text-decoration: underline; }
  .aboutUs { float: left; margin-right: 250px; }
   .aboutUs UL { float: left; margin-right: 70px; list-style-type: none; }
   .aboutUs UL:last-child { margin-right: 0; }
  .contact { float: left; }  
   .contact P { margin-top: 0; margin-bottom: 5px; } 
   .contact P:last-child { margin-bottom: 0; }  
  .netsimple { float: right; margin-top: 120px; font-weight: 500; } 
  .logos { margin-bottom: 80px; }
    .logos .title { text-transform: uppercase; font-size: 25px; font-weight: bold; }
    .logos .list { display: -webkit-flex; -webkit-justify-content: space-between; -webkit-align-items: center; }
    .logos .list { margin-top: 50px; display: flex; justify-content: space-between; align-items: center; }
      .logos .logo img { -webkit-filter: grayscale(100%);  filter: grayscale(100%); transition: filter ease-in-out .200s; }
      .logos .logo img:hover { filter: none; }
  
/* EVENTS */
.events { } 
 .events HR { width: 100%; height: 1px; float: left; margin: 50px 0; background-image: url('/images/backgrounds/bg-line.png'); background-size: 100% auto; border: 0; }  
 .eventImg { width: 25%; float: left; } 
 .eventContent { width: 71.25%; float: right; }  
  .eventMonthDate { width: 145px; height: 61px; float: left; padding-top: 22px; padding-left: 10px; background-image: url('/images/backgrounds/bg-event-date.png'); color: #fff; font-size: 20px; text-align: center; text-transform: uppercase; }                              
  .eventContent UL { list-style-type: none; }
   .eventContent LI { width: 100%; float: left; position: relative; margin-top: 30px; padding-left: 20px; }
   .eventContent LI:before { content: ''; width: 7px; height: 7px; position: absolute; top: 6px; left: 0; background-color: #b0d248; border-radius: 50%; }
    .eventDate { float: left; margin-right: 20px; font-weight: 500; }
    .eventContent A { width: 89%; float: right; text-align: left; }
    .eventContent A:hover { text-decoration: underline; }
    .eventContent P { margin: 0; }
.eventDetailDate { font-size: 15px; font-weight: 500; }

.years { margin-bottom: 40px; }
 .contentFrame .year { float: left; padding: 0 25px; background-color: #6fc059; line-height: 40px; color: #fff; border-radius: 15px; transition: background-color .5s; }
 .year:not(:last-child) { margin-right: 10px; }
 .contentFrame .year:hover { text-decoration: none; }
 .contentFrame .year.active,
 .contentFrame .year:hover { background-color: #42922d; }

/* KONTAKT */
.col40 { width: 40%; float: left; }
.col55 { width: 55%; float: right; }
#googleMap { height: 600px; }
.contactForm { margin-top: 100px; }
  
/* IKONY */
.iconHouse { background-image: url('/images/icon/icon-house.png'); }
 .iconHouse:before { background-image: url('/images/icon/icon-house-hover.png'); }
 
.iconPencil { padding-left: 30px; background-image: url('/images/icon/icon-pencil.png'); }
 .iconPencil:before { background-image: url('/images/icon/icon-pencil-hover.png'); }
 
.iconEmployees { padding-left: 31px; background-image: url('/images/icon/icon-employees.png'); }
 .iconEmployees:before { background-image: url('/images/icon/icon-employees-hover.png'); }
 
.iconClasses { background-image: url('/images/icon/icon-classes.png'); }
 .iconClasses:before { background-image: url('/images/icon/icon-classes-hover.png'); }
 
.iconActivities { padding-left: 31px; background-image: url('/images/icon/icon-activities.png'); }
 .iconActivities:before { background-image: url('/images/icon/icon-activities-hover.png'); }
 
.iconProjects { padding-left: 45px; background-image: url('/images/icon/icon-projects.png'); }
 .iconProjects:before { background-image: url('/images/icon/icon-projects-hover.png'); }
 
.iconContacts { padding-left: 30px; background-image: url('/images/icon/icon-contacts.png'); }
 .iconContacts:before { background-image: url('/images/icon/icon-contacts-hover.png'); } 
 
.iconNavHome { background-image: url('/images/icon/icon-nav-home.png'); } 
 
 /* ANIMACE */
@keyframes bounceBackground {
  0% { background-position: left calc(50% - 4px); }
  33% { background-position: left center; }
  66% { background-position: left calc(50% - 2px); }
  100% { background-position: left center; }
}

 /* ANIMACE */
@keyframes spin {
  100% { transform: rotate(360deg); }
}

.textCenter { text-align: center; }