BODY {margin: 0; padding: 0; font-family: 'Roboto', sans-serif; color: #515151; font-size: 14px; font-weight: 400; line-height: 1.6;}

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

.mainFrame {width: 1200px; margin: 0px auto;}

.trans {-webkit-transition: background .5s ease-out; -moz-transition: background .5s ease-out; -o-transition: background .5s ease-out; transition: background .5s ease-out;}

.linkEffect {-moz-transition: all 300ms ease-in; -webkit-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in;}

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

/* tinymce */
.maly {font-size: 10px;}
.maly-tucny {font-size: 10px; font-weight: bold;}
.vetsi {font-size: 18px;}
.vetsi-tucny {font-size: 18px; font-weight: bold;}
.nejvetsi {font-size: 24px;}
.nejvetsi-tucny {font-size: 24px; font-weight: bold;}

.obecna-oranzova {color: #f6891f;} 

.dospeli-1 {color: #018ea9;}
.dospeli-2 {color: #028097;}

.predskolaci-1 {color: #f26764;}
.predskolaci-2 {color: #d44644;}

.skolaci-1 {color: #f1bb3f;}
.skolaci-2 {color: #f2aa06;}

.studenti-1 {color: #01a89e;}
.studenti-2 {color: #0f958c;}

.teens-1 {color: #a7c853;}
.teens-2 {color: #97b843;}

.obrazekVlevo {float: left; margin: 0px 15px 10px 0px;}
.obrazekVpravo {float: right; margin: 0px 0px 10px 15px;}
/* tinymce */

.predskolaciBorder {border-color: #d44644 !important;}
.skolaciBorder {border-color: #f2aa06 !important;}
.teensBorder {border-color: #97b843 !important;}
.studentiBorder {border-color: #0f958c !important;}
.dospeliBorder {border-color: #028097 !important;}

.predskolaciBg {background-color: #f26764;}
.skolaciBg {background-color: #f1bb3f;}
.teensBg {background-color: #a7c853;}
.studentiBg {background-color: #01a89e;}
.dospeliBg {background-color: #018ea9;}


INPUT {font-family: 'Roboto', sans-serif; padding: 0px; border: 0px; background-color: transparent; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
INPUT[type=submit] {cursor: pointer;}
TEXTAREA {font-family: 'Roboto', sans-serif;}

IMG {border: 0px; max-width: 100%;}
P, H1, H2, H3, H4, H5, H6 {margin: 0px;}
UL, LI {margin: 0px; padding: 0; list-style-position: inside;}
A {color: #f6891f; text-decoration: none; -moz-transition: all 200ms ease-in; -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; transition: all 200ms ease-in;}
A:HOVER {-moz-transition: all 200ms ease-in; -webkit-transition: all 200ms ease-in; -o-transition: all 200ms ease-in; transition: all 200ms ease-in;}

HR {width: 100%; height: 1px; float: left; background-color: #ccc; border: 0px; margin: 25px 0 10px 0; padding: 0;}


#faqList {width: 100%; float: left; margin: 20px 0 0 0;}
#faqList .faq {width: 100%; float: left; padding: 6px 0; border-bottom: 1px dotted #ccc; cursor: pointer;}
#faqList .faq .otazka {width: 100%; float: left;}
#faqList .faq .odpoved {width: 100%; float: left; display: none;}
#faqList .faq .odpoved p {margin: 0; padding: 10px 0;}


HEADER {width: 100%; height: auto; float: left;}
HEADER .inner {width: 100%; height: auto; float: left; padding: 0; flex-wrap: wrap; justify-content: space-between; align-items: center; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;}
HEADER .inner .logo {}
HEADER .inner .search {border: 1px solid #afafaf;}
HEADER .inner .search {padding: 8px 4px 8px 0; background-image: url('/layout/icon-search.png'); background-position: left 10px center; background-repeat: no-repeat;}
HEADER .inner .search INPUT[type=submit] {width: 40px; height: 100%;}
HEADER .inner .search INPUT[type=text] {width: 300px; font-size: 16px; margin-left: 10px;}
HEADER .inner .contact {}
HEADER .inner .contact .phone {padding: 6px 0 6px 35px; background-image: url('/layout/icon-contact-phone.png'); background-position: left center; background-repeat: no-repeat;}
HEADER .inner .contact .email {padding: 6px 0 6px 35px; background-image: url('/layout/icon-contact-email.png'); background-position: left center; background-repeat: no-repeat;}
HEADER .inner .contact .docs {padding: 6px 0 6px 35px; background-image: url('/layout/icon-docs.png'); background-position: left center; background-repeat: no-repeat;}
HEADER .inner .contact .faq {padding: 6px 0 6px 35px; background-image: url('/layout/icon-faq.png'); background-position: left center; background-repeat: no-repeat;}

#menuFrame {position: relative; z-index: 20000; width: 100%; height: auto; float: left; background-color: #f6892f;}
#menuFrame .inner {width: 100%; height: auto; float: left;}

NAV {width: 100%; float: left;}
NAV UL {width: 100%; float: left; flex-wrap: wrap; align-content: stretch; justify-content: space-between; list-style-type: none; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;}
NAV UL LI {width: auto; position: relative; float: left; padding: 0; text-align: center; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;}
NAV UL LI:nth-child(1) {margin-left: 0;}
NAV UL LI A {width: auto; padding:12px 18px; text-transform: uppercase; font-size: 18px; font-weight: 400; color: #fff; text-decoration: none;}
NAV UL LI A:HOVER {color: #636362;}
NAV UL LI A.on {color: #636362;}
NAV UL LI UL {display: none; z-index: 100000; position: absolute; width: auto; top: 100%; left: 0; padding: 20px 30px; background-color: #f7923e; color: #fff;}
NAV UL LI UL LI {width: 100%; height: auto; margin-left: 0;}
NAV UL LI UL LI:before {content: "\f138"; font-family: FontAwesome; margin: auto 0;}
NAV UL LI UL LI A {width: 100%; white-space: nowrap; text-align: left; font-size: 14px; font-weight: 400; text-transform: none;}
NAV UL LI UL LI A:HOVER {color: #fff; text-decoration: underline;}


#fullSliderFrame {width: 100%; height: auto; float: left; position: relative;}

#navigFrame {width: 100%; float: left; margin-top: -1px; padding: 14px 0; font-size: 13px; font-weight: 300; color: #969696; background-color: #eaeaea;}
#navigFrame A {color: #515151;}
#navigFrame A:HOVER {text-decoration: underline;}

#selectFrame {width: 100%; float: left; margin-top: -1px; padding: 14px 0; font-size: 17px; font-weight: 400; color: #515151; background-color: #eaeaea;}
#selectFrame .inner {align-items: center;}
#selectFrame SELECT {-webkit-appearance:none; width: 350px; height: 50px; margin-left: 15px; padding: 0 10px; font-size: 17px; font-weight: 400; color: #515151; border: 1px solid #515151; text-align: center; text-align: -webkit-center;}
#selectFrame SELECT:disabled {background-color: #e3e3e3;}

#ageGroups {width: 100%; float: left; background-color: #eaeaea; margin-top: -1px; justify-content: center; align-items: flex-end; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;}
#ageGroups .inner {width: 100%; float: left; flex-wrap: wrap; justify-content: center; align-items: flex-end; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;}
#ageGroups .inner .item {width: 20%; border-bottom: 5px solid;}
#ageGroups .inner .item a {width: 100%; float: left; padding: 30px 0; color: #fff; font-size: 20px; font-weight: 700; text-align: center;}

#ageGroups .inner .item .content {display: none; padding: 0 15px 0 15px; height: auto; color: #fcede0; text-align: center; font-size: 14px; font-weight: 300;}
#ageGroups .inner .item .content A {width: 100%; display: block; padding: 3px 0; color: inherit; font-size: 14px; font-weight: 600;}
#ageGroups .inner .item .content A:HOVER {text-decoration: underline;}
#ageGroups .inner .item .content .box {width: 100%; height: 100%; padding-bottom: 30px; flex-wrap: wrap; align-items: stretch; align-content: space-between; justify-content: center; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;}
#ageGroups .inner .item .content .box .perex {width: 100%;}
#ageGroups .inner .item .content .box .link {width: 100%; padding: 4px 0;}

#fullMainContent {width: 100%; height: auto; float: left; padding: 0 0 30px 0;}
#fullMainContent A {}
#fullMainContent A:HOVER {text-decoration: underline;}
#fullMainContent .content .title {width: 100%; height: auto; float: left; align-items: center; justify-content: space-between; border-bottom: 1px solid #dadada; padding: 30px 0 10px; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;}
#fullMainContent .content .title H1 {font-size: 30px; font-weight: 800; margin: 0; padding: 0;}
#fullMainContent .content .title H1.zaMenu {padding-left: 280px;}

#fullMainContent .content .title .btn {padding: 10px 20px; background-color: #fff; color: #585858; border: 1px solid #636362;}
#fullMainContent .content .title .btn:HOVER {background-color: #636362; color: #fff; text-decoration: none;}

#fullMainContent .content .title .backBtn {margin-left: auto; background-color: #636362; color: #fff; padding: 8px 20px;}
#fullMainContent .content P {width: 100%; float: left; margin-top: 20px;}

#fullMainContent .content ul {width: 100%; float: left; padding: 0; margin: 10px 0; list-style: none;}
#fullMainContent .content ul li {width: 100%; float: left; position: relative; padding: 1px 0 1px 20px; margin: 0 0 0 0;}
#fullMainContent .content ul li:before {content: ''; position: absolute; display: block; left: 0; top: 8px; width: 7px; height: 7px; background-color: #000000; border-radius: 50%;}
#fullMainContent .content ul li ul li:before {width: 5px; height: 5px; background-color: #ffffff; border: 1px solid #000000;}


#fullMainContent .content UL LI P {width: 100%; float: left; margin: 0;}
#fullMainContent .content H2 {width: 100%; float: left; padding: 15px 0; margin: 0;}

#fullMainContent .content .drobnyPopis {width: 100%; float: left;}
#fullMainContent .content .drobnyPopis p {margin: 0 0 10px 0;}

#actionCalendar {width: 100%; height: auto; float: left; flex-wrap: wrap; justify-content: space-between; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;}
#actionCalendar .left {width: 240px; height: auto; float: left;}
#actionCalendar .left .title {width: 100%; height: 40px; float: left; padding: 0; margin-top: 20px; align-items: center; border-bottom: 1px solid #dadada; font-weight: 500; text-transform: uppercase; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;}
#actionCalendar .left .items {width: 100%; float: left;}
#actionCalendar .left .items .row {width: 100%; height: 40px; float: left; justify-content: space-between; align-items: center; border-bottom: 1px solid #dadada; font-size: 14px; font-weight: 500; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;}
#actionCalendar .right {width: 920px; height: auto; float: left; margin-top: 60px;}
#actionCalendar .right .vysledky-title {color: #636362; font-size: 16px; font-weight: 500;}
#actionCalendar .right .results {width: 100%; margin-top: 20px; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex; flex-wrap: wrap;}
#actionCalendar .right .results A {color: inherit;}
#actionCalendar .right .results .item {width: 49%; margin: 0 2% 20px 0; padding: 20px; background-color: #eee;}
#actionCalendar .right .results .item:HOVER {background-color: #636362; color: #fff;}
#actionCalendar .right .results .item:nth-child(2n) {margin-right: 0;}
#actionCalendar .right .results .item .perex P {margin: 0;}


.filter {width: 100%; height: auto; float: left; margin-bottom: 20px; border: 1px solid #dadada; padding: 20px; box-shadow: inset 0 0 8px 0px #dadada; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;}
.filter .name {flex: 0 0 90px; font-weight: bold;}
.filter .items {flex-wrap: wrap; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;}
.filter .items .item {margin-right: 20px;}
.filter .items .item.date {margin-left: 3px;}
.filter .items .item.date INPUT {border: 1px solid #dadada; padding: 3px 5px;}


#ageGroup {width: 100%; height: auto; float: left; flex-wrap: wrap; justify-content: space-between; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;}
#ageGroup .left {width: 240px; height: auto; float: left;}
#ageGroup .left .title {width: 100%; height: 40px; float: left; padding: 0; margin-top: 20px; align-items: center; border-bottom: 1px solid #dadada; font-weight: 500; text-transform: uppercase; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;}
#ageGroup .left .items {width: 100%; float: left;}
#ageGroup .left .items .row {width: 100%; height: auto; float: left; justify-content: space-between; align-items: center; border-bottom: 1px solid #dadada; font-size: 14px; font-weight: 500; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex; flex-wrap: wrap;}
#ageGroup .left .items .row A {height: 40px; color: #515151; font-size: 14px; font-weight: 500; cursor: pointer; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex; align-items: center;}
#ageGroup .left .items .row A:HOVER, #ageGroup .left .items .row A.active {text-decoration: underline;}
#ageGroup .left .items .row I {cursor: pointer;}
#ageGroup .left .items .row UL {display: none; width: 100%; list-style-type: none;}
#ageGroup .left .items .row UL LI {padding: 6px 0; margin: 0;}
#ageGroup .left .items .row UL LI A {cursor: pointer;}
#ageGroup .left .items .row UL LI::before {content: "•"; color: inherit; padding: 0 5px 0 2px;}
#ageGroup .left .items .row UL LI:last-child {margin-bottom: 10px;}
#ageGroup .right {width: 920px; height: auto; float: left; margin-top: 26px;}
#ageGroup .right .vrch {width: 100%; float: left;}
#ageGroup .right .vrch .photo {width: 200px; float: left;}
#ageGroup .right .vrch .data {width: 720px; float: left; padding-left: 30px;}
#ageGroup .right .vrch .data.width100 {width: 100%; padding-left: 0;}
#ageGroup .right .akce-data-row {}
#ageGroup .right .akce-data-row .param-title {font-weight: bold;}
#ageGroup .right I.fa-spin {font-size: 26px;}
#ageGroup .right .results {width: 100%; margin-top: 20px; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex; flex-wrap: wrap;}
#ageGroup .right .results .item {width: 49%; margin: 0 2% 20px 0; padding: 20px; border: 1px solid #eee;}
#ageGroup .right .results .item:nth-child(2n) {margin-right: 0;}
#ageGroup .right .results .item .perex P {margin: 0;}
#ageGroup .right .data {}
#ageGroup .right .data.prihlaseni {display: none;}

#ageGroup .right .dofe_popis {width: 100%; height: auto; float: left;}
#ageGroup .right .dofe_popis p {margin: 0;}

#reportList {width: 100%; height: auto; float: left;}
#reportList .inner {width: 100%; height: auto; float: left; padding: 20px 0; flex-wrap: wrap; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;}
#reportList .inner .item {width: 280px; height: auto; float: left; margin-right: 26.6666666px; margin-bottom: 20px; background-color: #f0f0f0; color: #494949;}
#reportList .inner .item:nth-child(4n) {margin-right: 0;}
#reportList .inner .item:HOVER {background-color: #636362; color: #fff;}
#reportList .inner .item .photo {width: 280px; height: 190px; overflow: hidden; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex; justify-content: center; align-items: center;}
#reportList .inner .item .name {padding: 15px; font-weight: 700;}

#uspechList {width: 100%; height: auto; float: left;}
#uspechList .inner {width: 100%; height: auto; float: left; padding: 20px 0; flex-wrap: wrap; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;}
#uspechList .inner .item {width: calc(25% - (75px / 4)); height: auto; float: left; margin-right: 25px; margin-bottom: 20px; background-color: #f0f0f0; color: #494949;}
#uspechList .inner .item:nth-child(4n) {margin-right: 0;}
#uspechList .inner .item:HOVER {background-color: #636362; color: #fff;}
#uspechList .inner .item .photo {width: 100%; height: 190px; overflow: hidden; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex; justify-content: center; align-items: center;}
#uspechList .inner .item .photo {background-repeat: no-repeat; background-position: center; background-size: cover;}
#uspechList .inner .item .name {padding: 15px; font-weight: 700;}

#dofeList {width: 100%; height: auto; float: left;}
#dofeList .inner {width: 100%; height: auto; float: left; padding: 20px 0; flex-wrap: wrap; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;}
#dofeList .inner .item {width: 32%; height: auto; float: left; margin-right: 2%; margin-bottom: 20px; background-color: #f0f0f0; color: #494949;}
#dofeList .inner .item:nth-child(3n) {margin-right: 0;}
#dofeList .inner .item:HOVER {background-color: #636362; color: #fff;}
#dofeList .inner .item .photo {width: 100%; height: 200px; background-repeat: no-repeat; background-size: cover; overflow: hidden; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex; justify-content: center; align-items: center;}
#dofeList .inner .item .name {padding: 15px; font-weight: 700;}

#ideaList {width: 100%; height: auto; float: left;}
#ideaList .inner {width: 100%; height: auto; float: left; padding: 20px 0; flex-wrap: wrap; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;}
#ideaList .inner .item {width: 32%; height: auto; float: left; margin-right: 2%; margin-bottom: 20px; background-color: #f0f0f0; color: #494949;}
#ideaList .inner .item:nth-child(3n) {margin-right: 0;}
#ideaList .inner .item:HOVER {background-color: #636362; color: #fff;}
#ideaList .inner .item .photo {width: 100%; height: 200px; background-repeat: no-repeat; background-size: cover; overflow: hidden; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex; justify-content: center; align-items: center;}
#ideaList .inner .item .name {padding: 15px; font-weight: 700;}

#newsFrame {width: 100%; height: auto; float: left; padding: 0 0 20px 0; background-color: #f2f1f1;}
#newsFrame .inner {width: 100%; height: auto; float: left;}
#newsFrame .inner .title {width: 100%; height: auto; float: left; margin: 20px 0 20px; flex-wrap: wrap; justify-content: space-between; align-items: center; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;}
#newsFrame .inner .title .btn {padding: 10px 20px 10px 40px; background-color: #f6892f; color: #fff; background-image: url('/layout/icon-novinky.png'); background-position: left 15px center; background-repeat: no-repeat;}
#newsFrame .inner .title .btn:HOVER {background-color: #636362;}
#newsFrame .inner .title .btn.kalendar-akci {margin-left: auto; margin-right: 20px;}
#newsFrame .inner .title H2 {font-size: 30px; font-weight: 800; padding: 0; margin: 0;}
#newsFrame .inner .datalist {width: 100%; height: auto; float: left; flex-wrap: wrap; color: #585858; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;}
#newsFrame .inner .datalist .item {width: 49%; margin-right: 2%; margin-bottom: 20px; background-color: #fff; color: inherit; flex-wrap: wrap; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;}
#newsFrame .inner .datalist .item:HOVER {background-color: #636362; color: #fff; -moz-box-shadow: 5px 5px 3px 1px #ccc; -webkit-box-shadow: 5px 5px 3px 1px #ccc; box-shadow: 5px 5px 3px 1px #ccc;}
#newsFrame .inner .datalist .item:nth-child(2n) {margin-right: 0;}
#newsFrame .inner .datalist .item .photo {width: 40%; min-height: 235px; display: grid;}
#newsFrame .inner .datalist .item .text {width: 60%; padding: 30px 20px 0 40px;}
#newsFrame .inner .datalist .item .text H3 {font-size: 19px; font-weight: 700;}
#newsFrame .inner .datalist .item .text .perex {padding: 15px 0 0 0;}
#newsFrame .inner .datalist .item .text .link {padding: 15px 0 0 0; text-transform: uppercase;}

#sekceFrame {width: 100%; height: auto; float: left; padding: 40px 0; background-color: #fff;}
#sekceFrame .inner {width: 100%; height: auto; float: left; flex-wrap: wrap; justify-content: space-between; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;}
#sekceFrame .inner .item {width: 23%; padding: 20px 0; background-color: #f1f0f0; color: #5f5f5f;}
#sekceFrame .inner .item:HOVER {background-color: #6e6e6d; color: #fff; -moz-box-shadow: 5px 5px 3px 1px #ccc; -webkit-box-shadow: 5px 5px 3px 1px #ccc; box-shadow: 5px 5px 3px 1px #ccc;}
#sekceFrame .inner .item:HOVER P A {color: #fff;}
#sekceFrame .inner .item .icon-row {width: 100%; justify-content: center; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;}
#sekceFrame .inner .item .icon-row .icon {width: 100px; height: 100px; background-color: #fff; border-radius: 50%; display: flex; justify-content: center; align-items: center;}
#sekceFrame .inner .item H3 {width: 100%; padding: 15px 0; font-size: 25px; font-weight: 700; text-align: center;}
#sekceFrame .inner .item P {width: 100%; text-align: center;}
#sekceFrame .inner .item P A {color: #5f5f5f; text-decoration: underline;}


FOOTER {width: 100%; height: auto; float: left; padding: 40px 0; background-color: #f6892f; color: #fff;}
FOOTER .inner {width: 100%; height: auto; float: left; flex-wrap: wrap; justify-content: space-between; display:-webkit-flex; display:-webkit-box; display:-moz-flex; display:-moz-box; display:-ms-flexbox; display:flex;}
FOOTER .inner .item {}
FOOTER .inner .item H4 {margin: 0; padding: 8px 0; font-size: 17px; font-weight: 400;}
FOOTER .inner .item .row {width: 100%; margin: 10px 0 20px;}
FOOTER .inner .item .row .btn-nl-register {width: 100%; display: block; padding: 10px 0; margin-top: 5px; border: 0; background-color: #e7e7e7; text-align: center; color: #000;}
FOOTER .inner .item .insta {margin-right: 5px;}
FOOTER .inner .item .fb {margin-right: 5px;}
FOOTER .inner .item .google {}

FOOTER A {color: #6e6e6d; text-decoration: underline;}
FOOTER A:HOVER {text-decoration: none;}





#hamburger {display: none; width: 100%; height: 40px; margin-left: auto; position: relative; line-height: 1; cursor: pointer; background-color: #f6892f;}
#hamburger .text { width: 80px; line-height: 40px; color: #fff; font-size: 26px; padding-left: 10px;}
#hamburger .icon { width: 40px; position: absolute; top: calc(50% - 2px); right: 3%; transition: all .5s;}
#hamburger.active .icon { width: 40px; background: transparent; }
#hamburger .icon, #hamburger .icon:before, #hamburger .icon:after { height: 4px; background: #fff; }
#hamburger .icon:before, .hamburger .icon:after { content: ""; width: 100%; position: absolute; left: 0; transition: all .5s; }
#hamburger .icon:before { top: -10px; }
#hamburger .icon:after { bottom: -10px; }
#hamburger.active .icon:before { top: 0; transform: rotate(45deg); }
#hamburger.active .icon:after { top: 0; transform: rotate(135deg); }


.basicBtn {display: inline-block; padding: 6px 20px; background-color: #f6892f; color: #fff;}
.basicBtn:HOVER {background-color: #636362; text-decoration: none;}