BODY {margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; color: #414042; font-size: 16px; font-weight: 400; line-height: 1.6;}

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

.mainFrame {width: 1250px; 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 */
.zeleny-text {color: #46b7a5;}
.modry-text {color: #1eb1e7;}

.maly {font-size: 10px;}
.maly-tucny {font-size: 10px; font-weight: bold;}
.stredni {font-size: 18px;}
.stredni-tucny {font-size: 18px; font-weight: bold;}
.vetsi {font-size: 25px;}
.vetsi-tucny {font-size: 25px; font-weight: bold;}
.nejvetsi {font-size: 50px;}
.nejvetsi-tucny {font-size: 50px; font-weight: bold;}

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

.oddeleniBloku {width: 100%; float: left;}

TABLE.table-kontakt {width: 100%; border-collapse: collapse; border: 0;}
TABLE.table-kontakt THEAD TD {background-color: #f3f3f3; padding: 0px 0px 6px 5px; text-align: left; border-bottom: 2px solid #0055a4; font-weight: 700;}
TABLE.table-kontakt TBODY TD {background-color: #fff; padding: 30px 0px 6px 5px; text-align: left; border-bottom: 1px solid #E3EDEE;}

.table-kontakt {}
.table-kontakt tr td:first-child {width: 50%;}

.table-responz {}
/* tinymce */

.red {color: #d9001a !important;}

.dispNone {display: none;}

INPUT {font-family: 'Open Sans', sans-serif; padding: 0px; border: 0px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
INPUT[type=submit] {cursor: pointer;}
TEXTAREA {font-family: 'Open Sans', 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: inherit; 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;}

.block {width: 100%; float: left;}

.btn {padding: 10px 24px; background-color: #00abeb; color: #fff !important; display: inline-block;}
.btn:HOVER {text-decoration: none !important;}
.btn I {margin-right: 6px;}

.productParamMobile {display: none;}

HEADER {width: 100%; height: auto; float: left;}
HEADER .inner {width: 100%; height: auto; float: left; padding: 15px 0; justify-content: space-between; align-items: center;}
HEADER .inner .left {flex-wrap: wrap; color: #3fadee; font-size: 38px;}
HEADER .inner .center {flex-wrap: wrap; justify-content: flex-end;}
HEADER .inner .center .login {position: relative; width: 300px; height: 53px; line-height: 1.1; padding: 0 0 0 74px; margin-bottom: 5px; background-color: #7f7f7f; color: #fff; align-items: center; background-image: url('/images/icon-user.png'); background-position: left 30px center; background-repeat: no-repeat;}
HEADER .inner .center .login .logout {position: absolute; height: 100%; padding: 0 15px 0 0; right: 0; top: 0; align-items: center;}
HEADER .inner .center .login .loginData {display: none; position: absolute; top: 100%; left: 0; width: 100%; height: auto; padding: 20px; background-color: #f1f1f1; z-index: 1;}
HEADER .inner .center .login .loginData .username {width: 100%; height: 40px; margin: 0 0 10px 0; border: 0; background-color: #fff; padding: 0 0 0 20px;}
HEADER .inner .center .login .loginData .pswd {width: 100%; height: 40px; margin: 0 0 10px 0; border: 0; background-color: #fff; padding: 0 0 0 20px;}
HEADER .inner .center .login .loginData .submit {width: 100%; height: 40px; margin: 0 0 10px 0; border: 0; background-color: #00aeef; padding: 0; text-align: center; color: #fff;}
HEADER .inner .center .login .loginData .forgotten-pswd {color: #7f7f7f; font-size: 14px;}
HEADER .inner .center .login .loginData .forgotten-pswd:HOVER {text-decoration: underline;}
HEADER .inner .center .search {width: 300px; height: 53px; margin-top: 5px;}
HEADER .inner .center .search INPUT[type=text] {width: calc(100% - 54px); height: 100%; padding: 0 0 0 15px; border: 1px solid #d6d4d4; border-right: 0;}
HEADER .inner .center .search INPUT[type=submit] {width: 54px; height: 100%; border: 1px solid #d6d4d4; background-image: url('/images/icon-search.png'); background-position: right center; background-repeat: no-repeat;}
HEADER .inner .right {flex-wrap: wrap; justify-content: flex-end;}
HEADER .inner .right .basket {position: relative; width: 300px; height: 53px; padding: 0 0 0 80px; margin-bottom: 5px; align-items: center; background-color: #ebebec; background-image: url('/images/icon-basket.png'); background-position: left 30px center; background-repeat: no-repeat;}
HEADER .inner .right .basket:after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 53px; background-image: url('/images/icon-arrow-down-gray.png'); background-position: right 30px center; background-repeat: no-repeat;}
HEADER .inner .right .filter {width: 300px; height: 53px; padding: 0 0 0 80px; margin-top: 5px; background-color: #00aeef; color: #fff; text-transform: uppercase; align-items: center; background-image: url('/images/icon-filter.png'); background-position: left 30px center; background-repeat: no-repeat;}

#menuFrame {width: 100%; height: auto; float: left; background-color: #00aeef; color: #fff;}
#menuFrame .inner {width: 100%; height: 75px; float: left; justify-content: space-between; align-items: center;}

.submenuProduktyContent {display: none; position: absolute; left: 0; top: 100%; width: 100%; padding: 33px 62px; background-color: #fafafa; border: 1px solid #85d9f7; z-index: 5000;}
.submenuProduktyContent .inside {}
.submenuProduktyContent .inside .mainCat {width: 100%; height: auto; float: none; display: block; padding: 0; color: #00aeef; font-size: 18px; text-transform: none; border: 0;}
.submenuProduktyContent .inside .mainCat:HOVER {text-decoration: underline;}
.submenuProduktyContent .inside .cat {width: auto; height: auto; float: none; padding: 0; font-weight: 400; color: #1d1d1d; font-size: 14px; text-transform: none; border: 0;}
.submenuProduktyContent .inside .cat:HOVER {text-decoration: underline; color: #00aeef;}
.submenuProduktyContent .inside .delimiter {color: #1d1d1d; font-size: 14px;}
.submenuProduktyContent .inside .column {flex: 1; text-align: left;}
.submenuProduktyContent .inside .column.left {padding-right: 20px;}
.submenuProduktyContent .inside .column.right {padding-left: 20px;}

.submenu {display: none; position: absolute; top: 100%; width: 290px; height: auto; padding: 20px; background-color: #fafafa; border: 1px solid #85d9f7;}
.submenu LI:HOVER {background-color: transparent !important;}
.submenu LI A {color: #00aeef; font-size: 18px; font-weight: 600;}

.submenuProdukty {padding-right: 60px; background-image: url('/images/icon-produkty.png'); background-position: right 30px center; background-repeat: no-repeat;}

NAV {position: relative; width: 100%; height: 100%; float: left;}
NAV UL {width: 100%; height: 100%; float: left; list-style-type: none;}
NAV UL LI {width: auto; height: 100%; float: left; padding: 14px 0; text-align: center;}
NAV UL LI:HOVER {background-color: #fff; color: #00aeef;}
NAV UL LI:last-child A {border: 0;}
NAV UL LI A {width: auto; height: 100%; float: left; padding: 10px 30px; text-transform: uppercase; font-size: 18px; font-weight: 600; text-decoration: none; border-right: 1px solid #fff; align-items: center;}
NAV UL LI UL {display: none; z-index: 100000; position: absolute; width: auto; top: 100%; left: 0; padding: 10px 20px; background-color: #fff;}
NAV UL LI UL LI {width: 100%; height: auto; margin-left: 0;}
NAV UL LI UL LI A {width: 100%; padding: 5px 10px; margin: 0; white-space: nowrap; text-align: left; font-size: 16px; font-weight: 100; text-transform: none;}
NAV UL LI UL LI A:HOVER {color: #1eb1e7; text-decoration: underline;}
NAV UL LI UL LI:nth-child(1) A {padding-left: 10px;}
NAV UL LI.not-products {position: relative;}


#fullNavigation {width: 100%; float: left; padding: 15px 0; background-color: #f2f2f2; font-size: 14px;}


/* HomePage - hlavní kategorie */
#hpMainCategory {width: 100%; float: left; margin: 15px 0;}
#hpMainCategory .inner {width: 100%; flex-wrap: wrap;}
#hpMainCategory .inner .item {width: 290px; margin: 10px 30px 10px 0; border: 1px solid #d3d3d7; flex-wrap: wrap; align-content: space-between;}
#hpMainCategory .inner .item:HOVER {-webkit-box-shadow: inset 0px 0px 14px 6px rgba(242,242,242,1); -moz-box-shadow: inset 0px 0px 14px 6px rgba(242,242,242,1); box-shadow: inset 0px 0px 14px 6px rgba(242,242,242,1);}
#hpMainCategory .inner .item:HOVER {text-decoration: none;}
#hpMainCategory .inner .item:nth-child(4n) {margin-right: 0;}
#hpMainCategory .inner .item .photo {width: 100%; padding: 20px; justify-content: center; align-items: center;}
#hpMainCategory .inner .item .name {width: 100%; padding: 10px 0; color: #00aeef; text-align: center; font-size: 18px; font-weight: 500;}
#hpMainCategory .inner .item .perex {width: 100%; height: 60px; padding: 10px; color: #414042; text-align: center; font-size: 15px; line-height: 1.3; background-color: #f1f1f1; align-items: center; justify-content: center;}
#hpMainCategory .inner .item:HOVER .perex {background-color: #00aeef; color: #fff;}
#hpMainCategory .inner .item.filtr {background-color: #00aeef;}
#hpMainCategory .inner .item.filtr .name {color: #fff;}
#hpMainCategory .inner .item.filtr:HOVER {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}


/* minitabulka s Kategoriemi */
#kategorieMini {width: 100%; float: left; margin: 15px 0; flex-wrap: wrap;}
#kategorieMini .item {width: 24%; margin: 0 1.33333% 16px 0; border: 1px solid #d3d3d7; color: #414042;}
#kategorieMini .item:nth-child(4n) {margin-right: 0;}
#kategorieMini .item:hover {border-color: #00aeef; text-decoration: none;}
#kategorieMini .item .photo {width: 30%; padding: 5px;}
#kategorieMini .item .name {width: 70%; padding: 0 5px 0 15px; align-items: center; text-transform: uppercase; font-weight: 700; font-size: 14px;}


#skupinyProduktu {width: 100%; float: left; margin: 15px 0; flex-wrap: wrap;}
#skupinyProduktu .item {width: 290px; margin: 10px 30px 10px 0; border: 1px solid #d3d3d7; flex-wrap: wrap; align-content: space-between;}
#skupinyProduktu .item:HOVER {-webkit-box-shadow: inset 0px 0px 14px 6px rgba(242,242,242,1); -moz-box-shadow: inset 0px 0px 14px 6px rgba(242,242,242,1); box-shadow: inset 0px 0px 14px 6px rgba(242,242,242,1);}
#skupinyProduktu .item:HOVER {text-decoration: none;}
#skupinyProduktu .item:nth-child(4n) {margin-right: 0;}
#skupinyProduktu .item .photo {width: 100%; padding: 20px; justify-content: center; align-items: center;}
#skupinyProduktu .item .name {width: 100%; padding: 10px 0; color: #00aeef; text-align: center; font-size: 18px; font-weight: 500;}
#skupinyProduktu .item .perex {width: 100%; height: 60px; padding: 10px; color: #414042; text-align: center; font-size: 15px; line-height: 1.3; background-color: #f1f1f1; align-items: center; justify-content: center;}
#skupinyProduktu .item:HOVER .perex {background-color: #00aeef; color: #fff;}


#produkty {width: 100%; float: left; margin: 15px 0; flex-wrap: wrap;}
#produkty .row {width: 100%; border-bottom: 1px solid #d3d3d7; align-items: center;}
#produkty .row.header {background-color: #00aeef; color: #fff;}
#produkty .row .photo {width: 100px; height: 85px; padding: 5px 10px; text-align: center; align-items: center;}
#produkty .row .photo IMG {max-width: 100%; max-height: 100%; object-fit: contain;}
#produkty .row .name {width: 600px; padding-left: 15px; padding-right: 15px;}
#produkty .row .name .description {font-size: 14px; line-height: 1.1; display: inline-block;}
#produkty .row .prutok {width: 200px;}
#produkty .row .pocet {width: 100px;}
#produkty .row .cena {width: 200px;}
#produkty .row .cena .cenaBezDph {display: block; font-size: 14px; font-style: italic; color: #999;}
#produkty .row.header .cena .cenaBezDph {color: #eaeaea;}
#produkty .row .termin {width: 200px;}


/* Detail produktu */
#product {width: 100%; float: left; margin: 15px 0; flex-wrap: wrap;}
#product .inner {width: 100%; flex-wrap: wrap; justify-content: space-between;}
#product .inner .photos {width: 30%; padding: 0 20px 20px 0;}
#product .inner .photos .main {text-align: center;}
#product .inner .photos .other {margin-top: 15px;}
#product .inner .photos .other .photo {margin: 0 10px;}
#product .inner .text {width: 60%; padding-bottom: 20px;}
#product .inner .text H1 {padding: 0 0 0 0; color: #00aeef; font-size: 26px;}
#product .inner .text .perex {padding: 0 0 15px 0; color: #00aeef;}
#product .inner .text UL {padding: 0 0 0 20px;}
#product .inner .text .pocet {padding: 20px 0;}
#product .inner .text .pocet INPUT {border: 1px solid #cbc2c2; width: 30px; text-align: center; padding: 4px 0; background-color: #f9f9f9;}
#product .inner .text .do-kosiku {width: 180px; display: block; margin: 10px 0 0 0; padding: 12px 30px 12px 70px; color: #fff; background-color: #00aeef; background-image: url('/images/icon-basket-white.png'); background-position: left 20px center; background-repeat: no-repeat;}
#product .inner .text .do-kosiku:HOVER {text-decoration: none;}
#product .inner .text .prislusenstvi {width: 180px; display: block; margin: 10px 0 0 0; padding: 12px 30px 12px 60px; color: #464646; background-color: #ebebec; background-image: url('/images/icon-arrow-down-kulate.png'); background-position: left 20px center; background-repeat: no-repeat;}
#product .inner .text .prislusenstvi:HOVER {text-decoration: none;}
#product .inner .ke-stazeni {width: 100%; padding: 20px 0; margin: 20px 0 0 0; border-top: 1px solid #cecece; align-items: center; flex-wrap: wrap;}
#product .inner .ke-stazeni .file {width: 100%; padding: 8px 0 8px 36px; background-image: url('/images/icon-product/icon-img.png'); background-size: 30px auto; background-position: left center; background-repeat: no-repeat;}
#product .inner .ke-stazeni .file.oneRow {width: auto; margin-right: 40px;}
#product .inner .ke-stazeni .file.pdf {background-image: url('/images/icon-product/icon-pdf.png');}
#product .inner .ke-stazeni .file.bim {background-image: url('/images/icon-product/icon-bim.png');}
#product .inner .ke-stazeni .file.dwg {background-image: url('/images/icon-product/icon-dwg.png');}
#product .inner .ke-stazeni .file A {color: #414042;}
#product .inner .ke-stazeni .file A:HOVER {color: #00aeef;}
#product .inner .dalsi-texty {width: 100%; padding: 20px 0 0 0; border-top: 1px solid #cecece;}
#product .inner H3 {width: 100%; padding: 0;}
#product .inner .text2 {width: 100%; padding: 0 0 10px 0;}
#product .prislusenstvi {width: 100%; float: left; border-top: 1px solid #cecece;}
#product .prislusenstvi H3 {color: #00aeef; padding: 20px 0 10px;}


/* HomePage - bannery */
#banners {width: 100%; float: left; margin: 15px 0;}
#banners .inner {width: 100%; flex-wrap: wrap; justify-content: space-between;}
#banners .inner .left {width: 290px; height: auto;}
#banners .inner .right {width: 930px; height: auto;}


/* HomePage - text pod banerem */
#hpTextPodBanerem {width: 100%; float: left; margin: 15px 0;}
#hpTextPodBanerem .inner {width: 100%;}
#hpTextPodBanerem .inner H2 {color: #00aeef; font-size: 22px; font-weight: 400; text-transform: uppercase;}
#hpTextPodBanerem .inner P {font-size: 16px; padding: 0 0 15px 0;}


/* Košík */
#kosikTable {width: 100%; float: left; border: 1px #eeeeee solid; margin: 0px 0px 40px 0px;}
#kosikTable .row {width: 100%; align-items: center;}
#kosikTable .row.bb {border-bottom: 1px #eeeeee solid;}
#kosikTable .row.bt {border-top: 1px #eeeeee solid;}
#kosikTable .row.header {background-color: #eeeeee;}
#kosikTable .row .cell1 {width: 10%; padding: 20px;}
#kosikTable .row .cell1 IMG {display: block;}
#kosikTable .row .cell2 {width: 40%;}
#kosikTable .row .cell3 {width: 15%; padding-right: 20px; text-align: right;}
#kosikTable .row .cell4 {width: 15%; text-align: center;}
#kosikTable .row .cell4 A {padding: 2px 6px; border: 1px solid #ccc;}
#kosikTable .row .cell4 A:HOVER {background-color: #ccc;}
#kosikTable .row .cell4 SPAN {margin: 0 6px;}
#kosikTable .row .cell5 {width: 15%; padding-right: 20px; text-align: right;}
#kosikTable .row .cell6 {width: 5%;}
#kosikTable .row .cell6 A {padding: 2px 6px; border: 1px solid #ccc;}
#kosikTable .row .cell6 A:HOVER {background-color: #ccc;}
#kosikTable .row .cell1234 {width: 80%; padding: 20px;}
#kosikTable .row .cell12 {width: 50%; padding: 20px;}
#kosikTable .row .cell345 {width: 50%; padding: 20px;}


/* Moje objednávky */
#mojeObjednavky {width: 100%; border-collapse: collapse; border: 1px #eeeeee solid;}
#mojeObjednavky TR TH {background-color: #eeeeee;}
#mojeObjednavky TR TD {padding: 4px 12px; border: 1px #eeeeee solid;}


#hpIcons {width: 100%; float: left; margin: 15px 0 0 0; background-color: #ebebec;}
#hpIcons .inner {width: 100%; justify-content: space-between;}
#hpIcons .inner .item {padding: 140px 0 20px 0; color: #7f7f7f; text-transform: uppercase; font-size: 24px; background-repeat: no-repeat;}
#hpIcons .inner .item:HOVER {color: #555454;}
#hpIcons .inner .item.hp-icons-doprava {background-image: url('/images/icon-doprava.png'); background-position: center top 30px;}
#hpIcons .inner .item.hp-icons-doprava:HOVER {background-image: url('/images/icon-doprava-on.png');}
#hpIcons .inner .item.hp-icons-platba {background-image: url('/images/icon-platba.png'); background-position: center top 30px;}
#hpIcons .inner .item.hp-icons-platba:HOVER {background-image: url('/images/icon-platba-on.png');}
#hpIcons .inner .item.hp-icons-reklamace {background-image: url('/images/icon-reklamace.png'); background-position: center top 30px;}
#hpIcons .inner .item.hp-icons-reklamace:HOVER {background-image: url('/images/icon-reklamace-on.png');}
#hpIcons .inner .item.hp-icons-infolinka {background-image: url('/images/icon-infolinka.png'); background-position: center top 30px;}
#hpIcons .inner .item.hp-icons-infolinka:HOVER {background-image: url('/images/icon-infolinka-on.png');}


#fullMainContent {width: 100%; height: auto; float: left; padding: 20px 0 50px 0;}
#fullMainContent A {color: #1eb1e7;}
#fullMainContent A:HOVER {text-decoration: underline;}
#fullMainContent .content H1 {width: 100%; font-size: 28px; font-weight: 700; margin: 0; padding: 20px 0 0 0; text-align: left;}
#fullMainContent .content P {width: 100%; margin-top: 15px;}
#fullMainContent .content UL {}
#fullMainContent .content UL LI {width: 100%;}
#fullMainContent .content UL LI P {width: 100%; margin: 0;}
#fullMainContent .content H2 {width: 100%; float: left; padding: 15px 0; margin: 0;}
#fullMainContent .content .btn-back {float: left; margin-top: 15px; background-color: #7f7f7f; color: #fff; padding: 10px 30px;}


/* NEWS */
#news {width: 100%; height: auto; float: left; margin: 10px 0 0 0; justify-content: space-between; flex-wrap: wrap;}
#news .item {width: 100%; padding: 15px; flex-wrap: wrap; align-items: center; color: #414042;}
#news .item:HOVER {-webkit-box-shadow: 0px 0px 15px 5px rgba(204,204,204,1); -moz-box-shadow: 0px 0px 15px 5px rgba(204,204,204,1); box-shadow: 0px 0px 15px 5px rgba(204,204,204,1);}
#news .item .photo {width: 20%;}
#news .item .photo IMG {display: block;}
#news .item .title {width: 40%; padding: 0 30px 0 30px; font-size: 26px; text-transform: uppercase;}
#news .item .perex {width: 40%;}
#news .item .perex P {margin: 10px 0;}
#news .item:HOVER {text-decoration: none !important;}


/* Filtrované vyhledávání */
#filtr {width: 100%; height: auto; float: left; margin-top: 20px;}
#filtr .row {width: 100%; height: auto; float: left; margin: 5px 0; align-items: center; justify-content: space-between;}
#filtr .row.prutok {justify-content: space-between;}
#filtr .row .name {width: 30%;}
#filtr .row .name.checkbox {width: 60%; text-transform: uppercase;}
#filtr .row .inputs {align-items: center;}
#filtr .row .inputs .txt {margin: 0 15px;}
#filtr .row .inputs .prutokInput {height: 45px; padding: 0 10px; border: 1px solid #dedede; text-align: center;}
#filtr .row .select {width: 70%;}
#filtr .row .select SELECT {width: 100%; height: 45px; border: 1px solid #dedede;}
#filtr .funkce {width: 100%; height: auto; float: left; padding: 15px 0 5px; margin: 30px 0 0 0; justify-content: space-between; border-bottom: 1px solid #dbdbdb;}
#filtr .funkce SPAN {color: #00abeb;}


#filtrovane-produkty {width: 100%; height: auto; float: left;}
#filtrovane-produkty .row {width: 100%; height: auto; float: left; border-bottom: 1px solid #dbdbdb;}
#filtrovane-produkty .row .photo {width: 100px; height: 85px; margin-right: 2%; padding: 10px 10px 10px 0;}
#filtrovane-produkty .row .photo IMG {max-width: 100%; max-height: 100%; object-fit: contain;}
#filtrovane-produkty .row .name {width: 78%; margin-right: auto; margin-left: 20px;}
#filtrovane-produkty .row .link {width: 10%; margin-left: 2%; text-align: right;}


#mainpage-loader {display: none;}
#mainpage-loader .overlay {width: 100%; height: 100%; background-color: #000; opacity: 0.5; position: fixed; z-index: 99;}
#mainpage-loader .content {width: 100%; height: 100%; position: fixed; z-index: 100; display: flex; justify-content: center; flex-direction: column; align-items: center; color: #FFF; font-size: 13px; font-weight: 700;}
#mainpage-loader .content P {margin-top: 20px;}

FOOTER {width: 100%; height: auto; float: left; padding: 40px 0; background-color: #555454; color: #fff;}
FOOTER A:HOVER {text-decoration: underline;}
FOOTER .inner {width: 100%; height: auto; float: left; flex-wrap: wrap; justify-content: space-between;}
FOOTER .inner .col {width: 22%;}




#hamburger {display: none; width: 100%; height: 40px; margin-left: 10px; position: relative; line-height: 1; cursor: pointer;}
#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); }


#controlLine {width: 100%; height: auto; border-bottom: 1px solid #d6d1d1; justify-content: flex-end;}
#controlLine A {color: #414042; text-decoration: none; cursor: pointer;}
#controlLine A:HOVER {text-decoration: none;}


.modal-window {display: none;}
.modal-window .overlay {width: 100%; height: 100%; background-color: #000; opacity: 0.5; position: fixed; z-index: 99;}
.modal-window .content {width: 100%; height: 100%; position: fixed; z-index: 100; display: flex; justify-content: center; flex-direction: column; align-items: center; color: #FFF; font-size: 13px; font-weight: 700;}
.modal-window .content P {padding: 20px 40px; background-color: #00aeef;}

.arrow-float {display: none; position: fixed; bottom: 20px; right: 60px; width: 60px; height: 60px; cursor: pointer; color: #fff; border-radius: 6px; background-color: #ade1f5; z-index: 111111;}
.arrow-float .inner {width: 100%; height: 100%; justify-content: center; align-items: center; font-size: 28px;}