html {
overflow-x: hidden;
}
body {
font-family: "Roboto", sans-serif;
font-size: 16px;
margin: 0;
padding: 0;
color: #231f20;
background: #fff;
}
p {
font-family: "Roboto", sans-serif;
font-size: 1em;
font-weight: 300;
line-height: 1.375em;
margin-top: 30px;
}
a {
font-family: "Roboto", sans-serif;
text-decoration: underline;
color: #0093d1;
}
video {
background: #fff;
padding: 5px;
margin-top: 25px;
}
i.blue {
color: #0093d1;
}
a:hover {
text-decoration: none;
color: #0093d1;
}
.iframe_cont {
position: relative;
overflow: hidden;
padding-top: 30%;
}
.iframe_cont iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
padding: 15px;
}
h1 {
font-size: 2.5em;
font-weight: 500;
line-height: 1.05em;
margin: 20px 0 10px 0;
color: #0093d1;
text-align: center;
padding-left: 0px;
}
h2 {
font-size: 2em;
font-weight: 500;
font-style: normal;
font-variant: normal;
line-height: 1.25em;
margin-top: 45px;
margin-bottom: 0;
color: #0093d1;
position: relative;
text-align: center;
}
h2 b {
font-weight: normal;
}
h3 {
font-size: 1.75em;
font-weight: 400;
font-style: normal;
font-variant: normal;
line-height: 1.25em;
line-height: 15.4px;
margin-top: 45px;
color: #0093d1;
}
blockquote {
font-size: 21px;
font-weight: 400;
font-style: normal;
font-variant: normal;
line-height: 30px;
}
pre {
font-size: 13px;
font-weight: 400;
font-style: normal;
font-variant: normal;
line-height: 18.5714px;
color: #fff;
}
table {
text-align: left;
width: 70%;
margin: auto;
margin-top: 35px;
border-collapse: collapse;
}
table td {
padding: 10px 15px;
}
table tr:nth-child(even) {
background: #e5f7ff;
}
table tr:nth-child(odd) {
background: #fff;
}
table td.price {
text-align: right;
white-space: nowrap;
}
.margin0 {
margin: 0;
}
#header_ghost {
height: 100px;
}
.top_button {
float: right;
width: 40px;
height: 40px;
display: inline-block;
margin-left: 10px;
margin-top: 15px;
}
#show_mobile_menu {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
}
.close_button {
position: absolute;
right: 15px;
top: 15px;
display: none;
width: 25px;
height: 25px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
}
.table_container {
overflow-y: auto;
}
.read_more_container {
max-height: 270px;
overflow: hidden;
position: relative;
display: inline-block;
}
.read_more_container.white .inner_shadow {
background-image: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
}
.read_more_container.blue .inner_shadow {
background-image: linear-gradient(to bottom, rgba(255,255,255,0), #0093d1);
}
.read_more_container.blue_light .inner_shadow {
background-image: linear-gradient(to bottom, rgba(255,255,255,0), #e5f7ff);
}
.read_more_container.short {
max-height: 90px;
}
.read_more_container.short .inner_shadow {
height: 40px;
top: 52px;
}
.read_more_container.shown {
max-height: 1500px;
}
.read_more_container.shown .inner_shadow {
display: none;
}
.read_more_container .inner_shadow {
display: block;
position: absolute;
top: 170px;
left: 0;
width: 100%;
height: 100px;
}
.read_more {
position: relative;
bottom: 15px;
}
.submenu_container {
text-align: center;
padding-top: 35px;
}
.submenu_container .button {
display: inline-block;
padding: 15px;
text-decoration: none;
background: #0093d1;
color: #fff;
font-weight: bold;
text-align: center;
width: 30%;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.submenu_container .button:hover {
background: #fff;
color: #0093d1;
}
section {
padding: 30px 0;
margin: 0;
padding: 0;
min-height: 50px;
}
section h2 {
text-transform: uppercase;
}
section img {
float: left;
}
section#hbot {
padding: 30px;
background: #0093d1;
color: #fff;
}
section#hbot .buttons {
margin-top: 25px;
text-align: center;
}
section#hbot .button {
position: relative;
display: inline-block;
padding-top: 19%;
padding-bottom: 15px;
text-decoration: none;
background: #fff;
color: #0093d1;
font-weight: bold;
text-align: center;
width: 30%;
margin: 0 1%;
-webkit-border-radius: 10px;
border-radius: 10px;
}
section#hbot .button:hover {
background: #0093d1;
color: #fff;
}
section#hbot .button .ico {
display: block;
position: absolute;
width: 50%;
padding-bottom: 50%;
top: 9%;
left: 50%;
margin-left: -25%;
}
section#hbot .button.krasa .ico {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
}
section#hbot .button.krasa:hover .ico {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
}
section#hbot .button.zdravi .ico {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
}
section#hbot .button.zdravi:hover .ico {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
}
section#hbot .button.regenerace .ico {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
}
section#hbot .button.regenerace:hover .ico {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
}
section#hbot a {
color: #fff;
}
section#hbot img#komora {
position: absolute;
top: -170px;
z-index: 99;
width: 450px;
}
section#hbot h1 {
font-weight: 400;
margin: 0;
color: #fff;
}
section#zdravi img,
section#health img {
width: 100%;
margin-top: 20%;
}
section#order_form {
background: #e5f7ff;
padding: 30px;
text-align: center;
}
section#order_form strong {
font-size: 1.1em;
font-weight: 700;
}
section#order_form h2 {
margin-top: 15px;
}
section#order_form .form-control {
background: #fff;
}
section#covid {
background: #e5f7ff;
padding: 30px;
text-align: center;
color: #0093d1;
font-size: 1.2em;
}
section#covid strong {
font-size: 1.1em;
font-weight: 700;
}
section#hbot p,
section#zdravi p,
section#health p,
section#krasa p,
section#beauty p,
section#regenerace p,
section#regeneration p {
text-align: justify;
hyphens: auto;
-webkit-hyphens: auto;
}
section#krasa,
section#beauty {
text-align: center;
}
section#krasa h3,
section#beauty h3 {
color: #000;
margin: 0;
padding: 0;
margin-top: 10px;
font-size: 1.1em;
}
section#krasa p,
section#beauty p {
margin-top: 5px;
}
section#krasa h2,
section#beauty h2 {
padding-bottom: 25px;
border-bottom: 1px solid #e5f7ff;
margin-bottom: 25px;
}
section#krasa img,
section#beauty img {
width: 100%;
}
section#regenerace,
section#regeneration {
background: #e5f7ff;
}
section#regenerace .iframe_cont,
section#regeneration .iframe_cont {
margin-top: 35px;
padding: 15px;
overflow: hidden;
padding-bottom: 70%;
position: relative;
}
section#regenerace .iframe_cont iframe,
section#regeneration .iframe_cont iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
padding: 15px;
}
section#nase-produkty,
section#products {
padding: 30px;
}
section#nase-produkty h2,
section#products h2 {
padding-bottom: 25px;
border-bottom: 1px solid #e5f7ff;
margin-bottom: 25px;
}
.product {
margin: 15px 0;
min-height: 450px;
position: relative;
color: #0093d1;
text-align: left;
background: #fff;
padding: 25px;
-webkit-box-shadow: 11px 14px 30px 8px rgba(0,0,0,0.21);
-moz-box-shadow: 11px 14px 30px 8px rgba(0,0,0,0.21);
box-shadow: 11px 14px 30px 8px rgba(0,0,0,0.21);
}
.product.left {
float: right;
}
.product.right {
float: left;
}
.product .read_more {
bottom: 0;
}
.product .certifications {
position: absolute;
bottom: 15px;
right: 15px;
margin-top: 35px;
text-align: right;
}
.product .certifications img {
float: right;
height: 45px;
}
.product .product_title {
color: #0093d1;
font-size: 1.1em;
}
.product h3.product_name {
color: #0093d1;
padding: 0;
margin: 0;
margin-top: 15px;
font-size: 37pt;
font-weight: 500;
}
.product .main_photo {
width: 100%;
margin: 35px 0;
}
.product .thumbnails {
position: absolute;
top: 180px;
}
.product .thumbnail {
width: 100%;
box-shadow: 0px 0px 8px 8px rgba(0,0,0,0.21);
}
.product p {
margin: 0;
margin-top: 15px;
}
#header_container {
position: relative;
z-index: 101;
height: 100px;
background: #fff;
}
#header_container #main_menu {
height: 100px;
line-height: 100px;
}
#header_container #hbot_header {
position: relative;
z-index: 105;
height: 100px;
text-align: center;
float: right;
color: #0093d1;
position: relative;
top: 20px;
line-height: 1.6em;
font-size: 0.9em;
margin-right: 15px;
}
#header_container #hbot_header a {
text-decoration: none;
}
#header_container #hbot_header a:hover {
text-decoration: underline;
}
@media (min-width: 1024px) {
#header_container #hbot_header {
position: absolute;
float: none;
left: 250px;
top: 22px;
margin-right: 0;
text-align: left;
}
}
@media (min-width: 1024px) and (max-width: 1365px) {
#header_container #hbot_header {
left: 195px;
font-size: 0.75em;
}
}
#header_container #main_phone {
position: absolute;
top: 21px;
left: 5px;
font-size: 1.2em;
font-weight: bold;
color: #0093d1;
z-index: 101;
}
@media (min-width: 1024px) and (max-width: 1365px) {
#header_container #main_phone {
font-size: 1em;
}
}
#header_container #main_phone a {
text-decoration: none;
white-space: nowrap;
position: relative;
top: 7px;
}
#header_container #main_phone span {
float: left;
display: inline-block;
width: 30px;
height: 30px;
position: relative;
top: 5px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 80% 80%;
background-position: center center;
}
#header_container #logo {
position: absolute;
background: #fff;
padding: 25px;
border-radius: 15px;
margin-top: 50px;
color: #fff;
display: block;
z-index: 100;
left: 0;
top: 0;
}
#header_container #logo img {
height: 140px;
}
#header_container #logo span {
display: block;
color: #666;
}
#header_container.fixed {
position: fixed;
z-index: 100;
width: 100%;
height: 100px;
background: rgba(255,255,255,0.9);
}
#header_container.fixed #main_phone {
left: 153px;
}
@media (min-width: 1024px) {
#header_container.fixed #hbot_header {
left: 398px;
}
}
@media (min-width: 1024px) and (max-width: 1365px) {
#header_container.fixed #hbot_header {
left: 345px;
}
}
#header_container.fixed #logo {
margin: 0;
padding: 0;
background: transparent;
left: 50px;
top: 5px;
}
#header_container.fixed #logo img {
height: 90px;
}
#small_banner {
position: relative;
width: 100%;
height: 180px;
background: url("/images/banner-mini.jpg") center center;
}
#languages {
position: absolute;
right: 15px;
top: -15px;
-webkit-border-radius: 15px;
border-radius: 15px;
color: #0093d1;
z-index: 100;
font-size: 1.3em;
background: #fff;
padding: 15px;
padding-top: 25px;
}
#languages a {
display: inline-block;
color: #0093d1;
width: 30px;
margin: 0 8px;
border: 1px solid #0093d1;
}
#languages a img {
float: left;
width: 100%;
}
#full_banner {
width: 100%;
background: transparent;
position: relative;
}
#full_banner .container {
position: relative;
height: 100%;
}
#full_banner .zdravi i {
padding-left: 65px;
}
#full_banner .krasa i {
padding-left: 65px;
}
#full_banner .regenerace i {
padding-left: 65px;
}
#full_banner .motto {
z-index: 105;
position: absolute;
left: 30px;
bottom: 30%;
font-size: 2.5em;
text-align: left;
font-weight: 300;
position: absolute;
color: #fff;
text-shadow: 0px 0px 4px #000;
}
#full_banner .motto strong {
font-size: 2.2em;
display: block;
font-weight: 900;
}
#full_banner .motto i {
position: relative;
bottom: 13px;
}
#full_banner .banner_link {
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-size: auto 100%;
background-position: center top;
}
#full_banner #krasa_banner {
background-image: url("/slider/krasa.jpg");
}
#full_banner #zdravi_banner {
background-image: url("/slider/zdravi.jpg");
}
#full_banner #regenerace_banner {
background-image: url("/slider/regenerace.jpg");
}
#full_banner #oxytherapy_banner {
background-image: url("/slider/main.jpg");
}
#full_banner #oxytherapy_banner_en {
background-image: url("/slider/main-free-en.jpg");
}
@media (max-width: 799px) {
#full_banner {
height: 200px;
}
#full_banner .sliedie_left,
#full_banner .sliedie_right {
display: none;
}
}
@media (min-width: 800px) and (max-width: 1023px) {
#full_banner {
height: 380px;
}
}
@media (min-width: 1024px) and (max-width: 1365px) {
#full_banner {
height: 500px;
}
}
@media (min-width: 1366px) and (max-width: 1799px) {
#full_banner {
height: 590px;
}
}
@media (min-width: 1800px) {
#full_banner {
height: 640px;
}
}
#page_message {
background: #999;
color: #fff;
padding: 10px;
text-align: center;
font-size: 1.2em;
font-weight: 700;
}
#page_message.success {
background: #008000;
}
#page_message.warning {
background: #f00;
}
#cookies_lista {
position: fixed;
font-size: 0.8em;
width: 100%;
bottom: 0;
z-index: 11;
padding: 15px 75px;
background: #231f20;
color: #fff;
border-top: 2px solid #fff;
}
#cookies_lista a {
color: #0093d1;
}
#cookies_lista #cookies_lista_zavrit {
position: absolute;
right: 10px;
top: 15px;
font-size: 0.9em;
color: #0093d1;
}
#kontakty .photo {
margin-top: 35px;
}
#kontakty .photo img {
width: 55%;
}
#kontakty .contact_tab textarea {
height: 250px;
}
#kontakty .contact_tab .checkbox {
margin-top: 15px;
}
#map {
border: 1px solid #0093d1;
margin-top: 55px;
}
#mapa {
height: 550px;
}
#mapa.procedury {
height: 300px;
}
#main_menu {
float: right;
height: 100px;
line-height: 100px;
}
.photo,
.photogallery {
margin-top: 15px;
text-align: center;
}
.photo img,
.photogallery img {
width: 100%;
padding: 0;
border: 2px solid #fff;
}
.photo img:hover,
.photogallery img:hover {
opacity: 0.9;
}
#content_container {
padding-top: 0px;
}
#content {
background: #fff;
position: relative;
min-height: 1000px;
}
#breadcrumb {
padding-top: 15px;
color: #999;
}
#breadcrumb a {
color: #e5f7ff;
}
#breadcrumb strong {
display: inline-block;
}
#footer_container {
margin-top: 35px;
padding: 30px 0;
background: #0093d1;
color: #fff;
}
#footer_container a {
color: #fff;
}
#footer {
position: relative;
text-align: center;
font-weight: 300;
min-height: 150px;
color: #fff;
font-size: 0.8em;
}
#footer p {
color: #fff;
}
#footer #footer_logo {
position: absolute;
bottom: 18px;
left: 0;
width: 140px;
}
#copyright {
font-weight: 300;
margin-top: 30px;
text-align: center;
font-size: 0.8em;
}
.respo_size {
position: fixed;
background: #f00;
color: #fff;
padding: 5px 15px;
border-radius: 10px;
font-weight: bold;
font-size: 2em;
z-index: 10000;
bottom: 0;
opacity: 0.5;
}
.sliedie_container {
overflow: hidden;
width: 100%;
}
.sliedie {
position: relative;
z-index: 90;
overflow: hidden;
list-style-type: none;
margin: 0;
padding: 0;
height: 100%;
text-align: center;
}
.sliedie li {
text-align: center;
position: absolute;
display: block;
width: 100%;
height: 100%;
}
.sliedie_dots {
position: absolute;
right: 25px;
bottom: 25px;
color: #fff;
}
.sliedie_dot {
width: 15px;
height: 15px;
display: inline-block;
margin-left: 7px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
}
.sliedie_dot.active,
.sliedie_dot:hover {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
}
.sliedie_message {
position: absolute;
bottom: 15px;
left: 15px;
color: #fff;
}
.sliedie_left,
.sliedie_right {
position: absolute;
top: 50%;
width: 70px;
height: 90px;
margin-top: -35px;
z-index: 100;
opacity: 0.4;
}
.sliedie_right {
right: 30px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 85% 85%;
background-position: center center;
}
.sliedie_right:hover {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 90% 90%;
background-position: center center;
}
.sliedie_left {
left: 30px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 85% 85%;
background-position: center center;
}
.sliedie_left:hover {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 90% 90%;
background-position: center center;
}
.sliedie_left:hover,
.sliedie_right:hover {
opacity: 0.9;
}
.submenu {
display: none;
position: absolute;
background: #fff;
top: 75px;
left: 0;
margin: 0;
padding: 15px;
-webkit-border-radius: 10px;
border-radius: 10px;
width: 340px;
-webkit-box-shadow: 11px 14px 30px 8px rgba(0,0,0,0.21);
-moz-box-shadow: 11px 14px 30px 8px rgba(0,0,0,0.21);
box-shadow: 11px 14px 30px 8px rgba(0,0,0,0.21);
}
.submenu.shown {
display: block;
}
.submenu li {
margin: 0;
padding: 5px 0;
display: block;
line-height: 35px;
border-top: 1px solid #99e1ff;
}
.submenu li.first {
border-top: none;
}
.submenu li a {
font-weight: 300;
text-decoration: none;
font-size: 11pt;
display: block;
margin: 0;
padding: 0;
}
@media (min-width: 1366px) and (max-width: 1799px) {
.submenu li {
padding: 1px 15px;
font-size: 12pt;
}
}
@media (min-width: 1800px) {
.submenu li {
padding: 1px 15px;
font-size: 12pt;
}
}
.small_menu {
position: relative;
margin: 0;
padding: 0;
}
.small_menu li.simple {
display: inline-block;
padding: 0;
}
.small_menu li.simple.parent {
position: relative;
}
.small_menu li.simple a.menu_link {
padding: 1px 6px;
color: #0093d1;
font-size: 10pt;
text-decoration: none;
position: relative;
font-weight: 300;
}
@media (min-width: 1366px) and (max-width: 1799px) {
.small_menu li.simple a.menu_link {
padding: 1px 10px;
font-size: 10pt;
}
}
@media (min-width: 1800px) {
.small_menu li.simple a.menu_link {
padding: 1px 10px;
font-size: 10pt;
}
}
.small_menu li.simple a.menu_link:hover {
color: #0093d1;
}
.small_menu li.simple a.menu_link:hover::before {
content: "";
position: absolute;
width: 60px;
height: 1px;
bottom: -9px;
left: 50%;
margin-left: -30px;
border-bottom: 3px solid #91ca71;
}
.small_menu li.simple a.menu_link.active {
font-weight: 700;
color: #0093d1;
position: relative;
}
.small_menu li.simple a.menu_link.active::before {
content: "";
position: absolute;
width: 60px;
height: 1px;
bottom: -9px;
left: 50%;
margin-left: -30px;
border-bottom: 3px solid #91ca71;
}
#footer_menu {
margin: 0;
padding: 0;
}
#footer_menu a {
display: inline-block;
padding: 5px 15px;
color: #fff;
font-size: 1.1em;
text-decoration: none;
position: relative;
}
#footer_menu a:hover {
color: #fff;
}
#footer_menu a:hover:before {
content: "";
position: absolute;
width: 30px;
height: 1px;
bottom: -5px;
left: 50%;
margin-left: -15px;
border-bottom: 2px solid $purple;
}
.visible-xs,.visible-sm,.visible-tb,.visible-md,.visible-lg,.visible-xlg{display:none !important}.hidden{display:none}.container{margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px}@media (max-width:479px){.container{width:300px;width:auto}.visible-xs{display:block !important}.hidden-xs{display:none !important}}@media (min-width:480px) and (max-width:799px){.container{width:440px;width:auto}.visible-sm{display:block !important}.hidden-sm{display:none !important}}@media (min-width:800px) and (max-width:1023px){.container{width:760px;margin:auto}.visible-tb{display:block !important}.hidden-tb{display:none !important}}@media (min-width:1024px) and (max-width:1365px){.container{width:960px;margin:auto}.visible-md{display:block !important}.hidden-md{display:none !important}}@media (min-width:1366px) and (max-width:1799px){.container{width:1200px;margin:auto}.visible-lg{display:block !important}.hidden-lg{display:none !important}}@media (min-width:1800px){.container{width:1200px}.visible-xlg{display:block !important}.hidden-xlg{display:none !important}}@media (max-height:300px){body{background:#f00 !important}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body,html{margin:0;padding:0}.marginTop5{margin-top:5px}.marginTop10{margin-top:10px}.marginTop15{margin-top:15px}.marginTop20{margin-top:20px}.marginTop25{margin-top:25px}.marginTop30{margin-top:30px}.marginTop35{margin-top:35px}.marginTop40{margin-top:40px}.marginTop45{margin-top:45px}.marginTop50{margin-top:50px}.marginTop55{margin-top:55px}.marginTop60{margin-top:60px}.marginTop65{margin-top:65px}.marginTop70{margin-top:70px}.marginTop75{margin-top:75px}.marginTop80{margin-top:80px}.marginTop85{margin-top:85px}.marginTop90{margin-top:90px}.marginTop95{margin-top:95px}.marginTop100{margin-top:100px}.marginTop105{margin-top:105px}.marginTop110{margin-top:110px}.marginTop115{margin-top:115px}.marginTop120{margin-top:120px}.marginTop125{margin-top:125px}.marginBottom5{margin-bottom:5px}.marginBottom10{margin-bottom:10px}.marginBottom15{margin-bottom:15px}.marginBottom20{margin-bottom:20px}.marginBottom25{margin-bottom:25px}.marginBottom30{margin-bottom:30px}.marginBottom35{margin-bottom:35px}.marginBottom40{margin-bottom:40px}.marginBottom45{margin-bottom:45px}.marginBottom50{margin-bottom:50px}.marginBottom55{margin-bottom:55px}.marginBottom60{margin-bottom:60px}.marginBottom65{margin-bottom:65px}.marginBottom70{margin-bottom:70px}.marginBottom75{margin-bottom:75px}.marginBottom80{margin-bottom:80px}.marginBottom85{margin-bottom:85px}.marginBottom90{margin-bottom:90px}.marginBottom95{margin-bottom:95px}.marginBottom100{margin-bottom:100px}.marginBottom105{margin-bottom:105px}.marginBottom110{margin-bottom:110px}.marginBottom115{margin-bottom:115px}.marginBottom120{margin-bottom:120px}.marginBottom125{margin-bottom:125px}.padding0{padding:0}.padding5{padding:5px}.padding10{padding:10px}.padding15{padding:15px}.padding20{padding:20px}.padding25{padding:25px}.padding30{padding:30px}.padding35{padding:35px}.padding40{padding:40px}.padding45{padding:45px}.padding50{padding:50px}.padding55{padding:55px}.padding60{padding:60px}.padding65{padding:65px}.padding70{padding:70px}.padding75{padding:75px}.padding80{padding:80px}.padding85{padding:85px}.padding90{padding:90px}.padding95{padding:95px}.padding100{padding:100px}.padding105{padding:105px}.padding110{padding:110px}.padding115{padding:115px}.padding120{padding:120px}.padding125{padding:125px}.margin0{margin:0}.margin5{margin:5px}.margin10{margin:10px}.margin15{margin:15px}.margin20{margin:20px}.margin25{margin:25px}.margin30{margin:30px}.margin35{margin:35px}.margin40{margin:40px}.margin45{margin:45px}.margin50{margin:50px}.margin55{margin:55px}.margin60{margin:60px}.margin65{margin:65px}.margin70{margin:70px}.margin75{margin:75px}.margin80{margin:80px}.margin85{margin:85px}.margin90{margin:90px}.margin95{margin:95px}.margin100{margin:100px}.margin105{margin:105px}.margin110{margin:110px}.margin115{margin:115px}.margin120{margin:120px}.margin125{margin:125px}.relative{position:relative}.alignLeft{text-align:left}.alignRight{text-align:right}.alignCenter{text-align:center}.weightBold{font-weight:bold}.weightNormal{font-weight:normal}.pullLeft{float:left !important}.pullRight{float:right !important}.imageLeft{float:left}.imageRight{float:right}.imageCenter{margin:0 auto}.row{margin-right:-15px;margin-left:-15px}.col-xs-1,.col-sm-1,.col-tb-1,.col-md-1,.col-lg-1,.col-xlg-1{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-2,.col-sm-2,.col-tb-2,.col-md-2,.col-lg-2,.col-xlg-2{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-3,.col-sm-3,.col-tb-3,.col-md-3,.col-lg-3,.col-xlg-3{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-4,.col-sm-4,.col-tb-4,.col-md-4,.col-lg-4,.col-xlg-4{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-5,.col-sm-5,.col-tb-5,.col-md-5,.col-lg-5,.col-xlg-5{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-6,.col-sm-6,.col-tb-6,.col-md-6,.col-lg-6,.col-xlg-6{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-7,.col-sm-7,.col-tb-7,.col-md-7,.col-lg-7,.col-xlg-7{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-8,.col-sm-8,.col-tb-8,.col-md-8,.col-lg-8,.col-xlg-8{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-9,.col-sm-9,.col-tb-9,.col-md-9,.col-lg-9,.col-xlg-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-10,.col-sm-10,.col-tb-10,.col-md-10,.col-lg-10,.col-xlg-10{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-11,.col-sm-11,.col-tb-11,.col-md-11,.col-lg-11,.col-xlg-11{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-12,.col-sm-12,.col-tb-12,.col-md-12,.col-lg-12,.col-xlg-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1{float:left;width:8.333333333333334%}.col-xs-2{float:left;width:16.666666666666668%}.col-xs-3{float:left;width:25%}.col-xs-4{float:left;width:33.333333333333336%}.col-xs-5{float:left;width:41.66666666666667%}.col-xs-6{float:left;width:50%}.col-xs-7{float:left;width:58.333333333333336%}.col-xs-8{float:left;width:66.66666666666667%}.col-xs-9{float:left;width:75%}.col-xs-10{float:left;width:83.33333333333334%}.col-xs-11{float:left;width:91.66666666666667%}.col-xs-12{float:left;width:100%}.col-xs-offset-1{margin-left:8.333333333333334%}.col-xs-offset-2{margin-left:16.666666666666668%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.333333333333336%}.col-xs-offset-5{margin-left:41.66666666666667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.333333333333336%}.col-xs-offset-8{margin-left:66.66666666666667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.33333333333334%}.col-xs-offset-11{margin-left:91.66666666666667%}.col-xs-offset-12{margin-left:100%}@media (min-width:479px){.col-sm-1{float:left;width:8.333333333333334%}.col-sm-2{float:left;width:16.666666666666668%}.col-sm-3{float:left;width:25%}.col-sm-4{float:left;width:33.333333333333336%}.col-sm-5{float:left;width:41.66666666666667%}.col-sm-6{float:left;width:50%}.col-sm-7{float:left;width:58.333333333333336%}.col-sm-8{float:left;width:66.66666666666667%}.col-sm-9{float:left;width:75%}.col-sm-10{float:left;width:83.33333333333334%}.col-sm-11{float:left;width:91.66666666666667%}.col-sm-12{float:left;width:100%}.col-sm-offset-1{margin-left:8.333333333333334%}.col-sm-offset-2{margin-left:16.666666666666668%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.333333333333336%}.col-sm-offset-5{margin-left:41.66666666666667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.333333333333336%}.col-sm-offset-8{margin-left:66.66666666666667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333333333334%}.col-sm-offset-11{margin-left:91.66666666666667%}.col-sm-offset-12{margin-left:100%}}@media (min-width:799px){.col-tb-1{float:left;width:8.333333333333334%}.col-tb-2{float:left;width:16.666666666666668%}.col-tb-3{float:left;width:25%}.col-tb-4{float:left;width:33.333333333333336%}.col-tb-5{float:left;width:41.66666666666667%}.col-tb-6{float:left;width:50%}.col-tb-7{float:left;width:58.333333333333336%}.col-tb-8{float:left;width:66.66666666666667%}.col-tb-9{float:left;width:75%}.col-tb-10{float:left;width:83.33333333333334%}.col-tb-11{float:left;width:91.66666666666667%}.col-tb-12{float:left;width:100%}.col-tb-offset-1{margin-left:8.333333333333334%}.col-tb-offset-2{margin-left:16.666666666666668%}.col-tb-offset-3{margin-left:25%}.col-tb-offset-4{margin-left:33.333333333333336%}.col-tb-offset-5{margin-left:41.66666666666667%}.col-tb-offset-6{margin-left:50%}.col-tb-offset-7{margin-left:58.333333333333336%}.col-tb-offset-8{margin-left:66.66666666666667%}.col-tb-offset-9{margin-left:75%}.col-tb-offset-10{margin-left:83.33333333333334%}.col-tb-offset-11{margin-left:91.66666666666667%}.col-tb-offset-12{margin-left:100%}}@media (min-width:1023px){.col-md-1{float:left;width:8.333333333333334%}.col-md-2{float:left;width:16.666666666666668%}.col-md-3{float:left;width:25%}.col-md-4{float:left;width:33.333333333333336%}.col-md-5{float:left;width:41.66666666666667%}.col-md-6{float:left;width:50%}.col-md-7{float:left;width:58.333333333333336%}.col-md-8{float:left;width:66.66666666666667%}.col-md-9{float:left;width:75%}.col-md-10{float:left;width:83.33333333333334%}.col-md-11{float:left;width:91.66666666666667%}.col-md-12{float:left;width:100%}.col-md-offset-1{margin-left:8.333333333333334%}.col-md-offset-2{margin-left:16.666666666666668%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.333333333333336%}.col-md-offset-5{margin-left:41.66666666666667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.333333333333336%}.col-md-offset-8{margin-left:66.66666666666667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333333333334%}.col-md-offset-11{margin-left:91.66666666666667%}.col-md-offset-12{margin-left:100%}}@media (min-width:1365px){.col-lg-1{float:left;width:8.333333333333334%}.col-lg-2{float:left;width:16.666666666666668%}.col-lg-3{float:left;width:25%}.col-lg-4{float:left;width:33.333333333333336%}.col-lg-5{float:left;width:41.66666666666667%}.col-lg-6{float:left;width:50%}.col-lg-7{float:left;width:58.333333333333336%}.col-lg-8{float:left;width:66.66666666666667%}.col-lg-9{float:left;width:75%}.col-lg-10{float:left;width:83.33333333333334%}.col-lg-11{float:left;width:91.66666666666667%}.col-lg-12{float:left;width:100%}.col-lg-offset-1{margin-left:8.333333333333334%}.col-lg-offset-2{margin-left:16.666666666666668%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.333333333333336%}.col-lg-offset-5{margin-left:41.66666666666667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.333333333333336%}.col-lg-offset-8{margin-left:66.66666666666667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333333333334%}.col-lg-offset-11{margin-left:91.66666666666667%}.col-lg-offset-12{margin-left:100%}}@media (min-width:1799px){.col-xlg-1{float:left;width:8.333333333333334%}.col-xlg-2{float:left;width:16.666666666666668%}.col-xlg-3{float:left;width:25%}.col-xlg-4{float:left;width:33.333333333333336%}.col-xlg-5{float:left;width:41.66666666666667%}.col-xlg-6{float:left;width:50%}.col-xlg-7{float:left;width:58.333333333333336%}.col-xlg-8{float:left;width:66.66666666666667%}.col-xlg-9{float:left;width:75%}.col-xlg-10{float:left;width:83.33333333333334%}.col-xlg-11{float:left;width:91.66666666666667%}.col-xlg-12{float:left;width:100%}.col-xlg-offset-1{margin-left:8.333333333333334%}.col-xlg-offset-2{margin-left:16.666666666666668%}.col-xlg-offset-3{margin-left:25%}.col-xlg-offset-4{margin-left:33.333333333333336%}.col-xlg-offset-5{margin-left:41.66666666666667%}.col-xlg-offset-6{margin-left:50%}.col-xlg-offset-7{margin-left:58.333333333333336%}.col-xlg-offset-8{margin-left:66.66666666666667%}.col-xlg-offset-9{margin-left:75%}.col-xlg-offset-10{margin-left:83.33333333333334%}.col-xlg-offset-11{margin-left:91.66666666666667%}.col-xlg-offset-12{margin-left:100%}}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{display:table;content:' '}.clearfix:after,.container:after,.container-fluid:after,.row:after{clear:both}.bg-navy{background-color:#001f3f}.bg-blue{background-color:#0074d9}.bg-aqua{background-color:#7fdbff}.bg-teal{background-color:#39cccc}.bg-olive{background-color:#3d9970}.bg-green{background-color:#2ecc40}.bg-lime{background-color:#01ff70}.bg-yellow{background-color:#ffdc00}.bg-orange{background-color:#ff851b}.bg-red{background-color:#ff4136}.bg-fuchsia{background-color:#f012be}.bg-purple{background-color:#b10dc9}.bg-maroon{background-color:#85144b}.bg-white{background-color:#fff}.bg-gray{background-color:#aaa}.bg-silver{background-color:#ddd}.bg-black{background-color:#111}.color-navy{color:#001f3f}.color-blue{color:#0074d9}.color-aqua{color:#7fdbff}.color-teal{color:#39cccc}.color-olive{color:#3d9970}.color-green{color:#2ecc40}.color-lime{color:#01ff70}.color-yellow{color:#ffdc00}.color-orange{color:#ff851b}.color-red{color:#ff4136}.color-fuchsia{color:#f012be}.color-purple{color:#b10dc9}.color-maroon{color:#85144b}.color-white{color:#fff}.color-silver{color:#ddd}.color-gray{color:#aaa}.color-black{color:#111}.form-control {
font-family: "Roboto";
font-size: 1em;
font-weight: 300;
display: block;
width: 100%;
padding: 0 10px;
height: 42px;
line-height: 42px;
color: #231f20;
border: 0px;
background-color: #efefef;
background-image: none;
border-bottom: 3px solid #e1e1e1;
border-radius: 7px;
}
.form-control:focus,
.form-control:hover {
border-color: $black90;
outline: none;
}
.form-control::-moz-placeholder {
opacity: 1;
color: #666;
}
.form-control:-ms-input-placeholder {
color: #666;
}
.form-control::-webkit-input-placeholder {
color: #666;
}
.form-control::-ms-expand {
border: 0;
background-color: transparent;
}
.form-control.required_error {
border-color: #f00;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
opacity: 1;
background-color: #eee;
}
.form-control[disabled],
fieldset[disabled] .form-control {
cursor: not-allowed;
}
.form-control.error,
.form-control.warning {
border-color: $red;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 20px 20px;
background-position: center center;
background-position: 96% center;
}
.form-control.success {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 20px 20px;
background-position: center center;
background-position: 96% center;
}
textarea.form-control {
height: auto;
}
.form-group {
margin-bottom: 15px;
}
input[type='radio'],
input[type='checkbox'] {
line-height: normal;
margin: 4px 0 0;
margin-top: 1px 9;
}
input[type='file'] {
display: block;
}
input[type='radio'] {
display: none;
}
input[type='radio'] + label {
font-size: 100%;
}
input[type='radio'] + label span {
display: inline-block;
width: 20px;
height: 20px;
margin: -2px 8px 0 0;
cursor: pointer;
vertical-align: middle;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
}
input[type='radio']:hover + label span {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
}
input[type='radio']:checked + label span {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
}
input[type='radio']:checked:hover + label span {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
}
input[type='checkbox'] {
display: none;
}
input[type='checkbox'] + label span {
display: inline-block;
width: 20px;
height: 20px;
margin: -2px 8px 0 0;
cursor: pointer;
vertical-align: middle;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
}
input[type='checkbox']:hover + label span {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
}
input[type='checkbox']:checked + label span {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
}
input[type='checkbox']:checked:hover + label span {
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
}
input[type='checkbox'].required_error + label {
color: #f00;
}
legend {
font-size: 21px;
line-height: inherit;
display: block;
width: 100%;
margin-bottom: 20px;
padding: 0;
color: #333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
label {
font-weight: bold;
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
}
input {
line-height: normal;
}
input::-moz-focus-inner {
padding: 0;
border: 0;
}
input,
button,
select,
textarea {
font-family: "Roboto";
font-size: 1em;
line-height: inherit;
}
button,
input,
optgroup,
select,
textarea {
font: "Roboto";
margin: 0;
color: #231f20;
}
.btn {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: none;
white-space: nowrap;
font-size: 1.1em;
padding: 10px;
line-height: 25px;
margin: 0;
background: #0093d1;
border-radius: 3px;
color: #fff;
text-decoration: none;
}
.btn_upload {
text-align: center;
border: none;
}
html.lb-disable-scrolling {
overflow: hidden;
/* Position fixed required for iOS. Just putting overflow: hidden; on the body is not enough. */
position: fixed;
height: 100vh;
width: 100vw;
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
display: none;
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
max-height: none;
border-radius: 3px;
/* Image border */
border: 4px solid white;
}
.lightbox a img {
border: none;
}
.lb-outerContainer {
position: relative;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
border-radius: 4px;
/* Background color behind image.
This is visible during transitions. */
background-color: white;
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(/images/lightbox/loading.gif) no-repeat;
}
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.lb-container > .nav {
left: 0;
}
.lb-nav a {
outline: none;
background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}
.lb-prev, .lb-next {
height: 100%;
cursor: pointer;
display: block;
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url(/images/lightbox/prev.png) left 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url(/images/lightbox/next.png) right 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
*zoom: 1;
width: 100%;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}
.lb-data {
padding: 0 4px;
color: #ccc;
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em;
}
.lb-data .lb-caption {
font-size: 13px;
font-weight: bold;
line-height: 1em;
}
.lb-data .lb-caption a {
color: #4ae;
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999999;
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
background: url(/images/lightbox/close.png) top right no-repeat;
text-align: right;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.pagination{margin-top:30px;text-align:center;}.pagination a,.pagination span{display:inline-block;margin:5px;padding:5px 13px;color:#323938;text-decoration:none;}.pagination a.active,.pagination span.active{background:#80cb27;color:#fff;font-weight:bold;}.pagination a.active:hover,.pagination span.active:hover{background:#80cb27}.pagination a:hover,.pagination span:hover{background:#f3fbea}#modal_full_background {
display: none;
background: rgba(0,0,0,0.8);
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 12;
}
#modal {
display: none;
position: fixed;
background: #fff;
padding: 30px;
width: 80%;
min-height: 300px;
top: 200px;
left: 10%;
z-index: 14;
}
#modal_close {
position: absolute;
right: 0;
top: -40px;
width: 40px;
height: 40px;
background: url("data:image/svg+xml;utf8,") no-repeat;
background-size: 100% 100%;
background-color: #fff;
text-indent: 9999px;
overflow: hidden;
}
@media (max-width:799px){body{overflow-x:hidden}p{line-height:1.25em}h1{font-size:2.5em;line-height:1.25em}h2{font-size:1.625em;line-height:1.15384615em}h3{font-size:1.375em;line-height:1.13636364em}#full_banner .motto{font-size:1.2em;}#full_banner .motto i{bottom:2px}.submenu_container .button{font-weight:normal;font-size:.9em}#small_banner{height:70px}#header_container{height:70px;}#header_container #hbot_header{display:none}#header_container #logo{padding:10px 15px 5px 15px;left:5px;margin-top:0;}#header_container #logo img{height:80px}#header_container #main_phone{left:110px;top:14px;font-size:1.2em;}#header_container #main_phone span{-webkit-background-size:50%;-o-background-size:50%;background-size:50%;top:7px}#header_container #main_phone a{top:11px}#header_container .submenu{display:block;position:relative;background:transparent;padding:5px;top:0;left:0;width:auto;}#header_container .submenu li{padding:0;border:none}#header_container #main_menu{padding:15px;height:auto;line-height:35px;text-align:center;top:-1000px;left:0;position:absolute;width:100%;background:#0093d1;z-index:120;}#header_container #main_menu.shown{display:block;}#header_container #main_menu.shown .close_button{display:inline-block;z-index:1000}#header_container #main_menu .small_menu li{display:block}#header_container #main_menu .small_menu a{color:#fff;display:inline-block;}#header_container #main_menu .small_menu a:hover::before{bottom:2px}#header_container #main_menu .small_menu a.active::before{bottom:4px}section{padding:10px}section#nase-produkty{padding:0}section#hbot{padding:10px;}section#hbot h1{margin-top:30px}section#hbot .buttons{margin-top:20px}section#hbot .button{font-weight:normal;font-size:.8em;padding-top:19%;padding-bottom:10px;width:30%}section#hbot img#komora{position:absolute;top:-.7%;z-index:99;width:60%;left:55%;margin-left:-36%}.product{height:auto;padding-bottom:150px;}.product .thumbnails{position:auto}.photo img{width:100%}}@media (min-width: 480px) and (max-width: 799px) {
body {
overflow-x: hidden;
}
.header_back,
.shadow {
display: none;
}
p {
line-height: 1.25em;
}
h1 {
font-size: 2em;
line-height: 1.25em;
}
h2 {
font-size: 1.625em;
ine-height: 1.15384615em;
}
h3 {
font-size: 1.375em;
line-height: 1.13636364em;
}
section#hbot img#komora {
top: -1.7%;
z-index: 99;
width: 47%;
left: 50%;
margin-left: -24.5%;
}
}
@media (min-width: 1024px) and (max-width: 1365px) {
h1 {
font-size: 2.5em;
line-height: 1.125em;
}
h2 {
font-size: 2em;
line-height: 1.25em;
}
h3 {
font-size: 1.5em;
line-height: 1.25em;
}
}
@media (min-width: 800px) and (max-width: 1023px) {
p {
line-height: 1.25em;
}
h1 {
font-size: 2em;
line-height: 1.25em;
}
h2 {
font-size: 1.625em;
line-height: 1.15384615em;
}
h3 {
font-size: 1.375em;
line-height: 1.13636364em;
}
#full_banner .motto {
font-size: 1.8em;
}
#full_banner .motto i {
bottom: 2px;
}
#header_container #hbot_header {
display: none;
}
#header_container #logo {
padding: 5px 15px;
left: 15px;
top: 5px;
margin-top: 0;
}
#header_container #logo img {
height: 90px;
}
#header_container .small_menu a {
font-size: 0.9em;
padding: 5px 4px;
}
#header_container .small_menu li {
padding: 0;
}
section#hbot h1 {
margin-top: 35px;
}
section#hbot img#komora {
width: 43%;
top: -2.7%;
}
}
@media (min-width: 1366px) and (max-width: 1799px) {
h1 {
font-size: 2.9em;
line-height: 1.125em;
}
h2 {
font-size: 2.1em;
line-height: 1.25em;
}
h3 {
font-size: 1.7em;
line-height: 1.25em;
}
.product {
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 1800px) {
h1 {
font-size: 3em;
line-height: 1.135em;
}
h2 {
font-size: 2.2em;
line-height: 1.35em;
}
h3 {
font-size: 1.8em;
line-height: 1.35em;
}
.product {
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
}