.wpml-ls-statics-post_translations{clear:both}.wpml-ls-statics-post_translations .wpml-ls-item{padding:0;margin:0;display:inline-block}.wpml-ls-statics-post_translations .wpml-ls-item:not(:last-child):after{content:', '}.wpml-ls-statics-post_translations a{line-height:1;text-decoration:none;display:inline-block}.wpml-ls-statics-post_translations .wpml-ls-flag{display:inline;vertical-align:baseline;width:18px;height:12px}.wpml-ls-statics-post_translations .wpml-ls-flag+span{margin-left:.3em}.rtl .wpml-ls-statics-post_translations .wpml-ls-flag+span{margin-left:0;margin-right:.3em}.wpml-ls-menu-item .wpml-ls-flag{display:inline;vertical-align:baseline;width:18px;height:12px}.wpml-ls-menu-item .wpml-ls-flag+span{margin-left:.3em}.rtl .wpml-ls-menu-item .wpml-ls-flag+span{margin-left:0;margin-right:.3em}  select {
display: none;
}
.overlay {
background:transparent; 
position:relative; 
width:100%;
height:400px; top:480px; margin-top:-480px; } #search-box-blog {
color: black;
margin-top: 220px;
}
#search-box-blog2 {
color: black;
text-align: center;
margin-top:100px;
}
span.tagged_as {
display:none!important;
}
#myDIV {
margin-top:15px;
display:none;
}
#myDIV2 {
margin-top:50px;
display:none;
margin-bottom:80px;
}
#myDIV3 {
margin-top:100px;
display:none;
margin-bottom:80px;
}
.sidebar-box {
max-height: 220px;
position: relative;
overflow: hidden;
height:100%!important;
}
.sidebar-box .read-more { 
position: absolute; 
bottom: 0; 
left: 0;
width: 100%; 
text-align: center; 
margin: 0; padding: 30px 0; background-image: linear-gradient(to bottom, transparent, white);
} ul.page-numbers {
text-align: center;
margin-top: 80px;
margin-bottom: 40px;
font-size: 120%;
}
ul.page-numbers li {
display:inline!important;
width:100%;
}
span.page-numbers.current {
font-weight: bold;
}
div.description h2 {
margin-top: 40px;
}
.page-title {
display:none;
}
.woof_products_top_panel ul li {
display:none;
}
.woocommerce-result-count {
display:none;
}
.woocommerce-ordering {
display:none;
}
.woof_submit_search_form_container button {
float: right;
font-size: 18px;
border: 1px solid gray;
padding: 10px 30px 10px 30px;
margin-top: 15px;
}
.woof_reset_search_form {
float:right!important;
}
.attachment-shop_single, .size-shop_single, .wp-post-image {
width: 100%!important;
}
.wp-post-image {
height:auto!important;
}
.woocommerce-info {
padding: 50px!important;
} .newer {
border: 1px solid lightgray;
padding: 13px 30px;
}
.older {
border: 1px solid lightgray;
padding: 13px 30px;
} html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
html {
font-size: 62.5%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body {
background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
ol, ul {
list-style: none;
}
table { border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a:focus {
outline: thin dotted;
}
a:hover,
a:active { outline: 0;
}
a img {
border: 0;
} .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }   html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding-right: 25px;
text-align: left!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;
} input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}  img {
vertical-align: middle!important;
}
.img-responsive,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
max-width: 100%;
height: auto;
}      [role="button"] {
cursor: pointer;
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 7.5px;
padding-right: 7.5px;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0%;
}
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666667%;
}
.col-sm-pull-10 {
right: 83.33333333%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666667%;
}
.col-sm-pull-7 {
right: 58.33333333%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666667%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.66666667%;
}
.col-sm-pull-1 {
right: 8.33333333%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666667%;
}
.col-sm-push-10 {
left: 83.33333333%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
.col-sm-push-7 {
left: 58.33333333%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666667%;
}
.col-sm-push-4 {
left: 33.33333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.66666667%;
}
.col-sm-push-1 {
left: 8.33333333%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666667%;
}
.col-lg-pull-10 {
right: 83.33333333%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666667%;
}
.col-lg-pull-7 {
right: 58.33333333%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666667%;
}
.col-lg-pull-4 {
right: 33.33333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.66666667%;
}
.col-lg-pull-1 {
right: 8.33333333%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666667%;
}
.col-lg-push-10 {
left: 83.33333333%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666667%;
}
.col-lg-push-7 {
left: 58.33333333%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666667%;
}
.col-lg-push-4 {
left: 33.33333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.66666667%;
}
.col-lg-push-1 {
left: 8.33333333%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
}
.carousel {
position: relative;
}
.carousel-inner {
position: relative;
overflow: hidden;
width: 100%;
}
.carousel-inner > .item {
display: none;
position: relative;
-webkit-transition: 0.6s ease-in-out left;
-o-transition: 0.6s ease-in-out left;
transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner > .item {
-webkit-transition: -webkit-transform 0.6s ease-in-out;
-moz-transition: -moz-transform 0.6s ease-in-out;
-o-transition: -o-transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px;
}
.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
left: 0;
}
.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
left: 0;
}
.carousel-inner > .item.next.left,
.carousel-inner > .item.prev.right,
.carousel-inner > .item.active {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
left: 0;
}
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
display: block;
}
.carousel-inner > .active {
left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel-inner > .next {
left: 100%;
}
.carousel-inner > .prev {
left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
left: 0;
}
.carousel-inner > .active.left {
left: -100%;
}
.carousel-inner > .active.right {
left: 100%;
}
.carousel-control {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 15%;
opacity: 0.5;
filter: alpha(opacity=50);
font-size: 20px;
color: #ffffff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
background-color: rgba(0, 0, 0, 0);
}
.carousel-control.right {
left: auto;
right: 0;
}
.carousel-control:hover,
.carousel-control:focus {
outline: 0;
color: #ffffff;
text-decoration: none;
opacity: 0.9;
filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
position: absolute;
top: 50%;
margin-top: -10px;
z-index: 5;
display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
left: 50%;
margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
right: 50%;
margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 20px;
height: 20px;
line-height: 1;
font-family: serif;
}
.carousel-control .icon-prev:before {
content: '\2039';
}
.carousel-control .icon-next:before {
content: '\203a';
}
.carousel-indicators {
position: absolute;
left: 50%;
width: 60%;
margin-left: -30%;
list-style: none;
text-align: center;
}
.carousel-indicators li {
display: inline-block;
cursor: pointer;
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0);
}
.carousel-caption {
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
} .clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
content: " ";
display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
clear: both;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
}
.affix {
position: fixed;
}
@-ms-viewport {
width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table !important;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.visible-xs-block {
display: block !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table !important;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table !important;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table !important;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table !important;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}
*:focus {
outline: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin-top: 0;
margin-bottom: 0;
font-size: inherit;
font-weight: 700;
}
a {
color: inherit;
text-decoration: none;
}
a:hover,
a:focus {
text-decoration: none;
}
p {
margin-top: 0.5em;
margin-bottom: 1.5em;
line-height: 1.75;
text-align: justify;
}
p.p1 {
text-align: center;
}
ul {
list-style: none;
}
ul,
ol {
padding-left: 0;
margin: 0;
}
button {
border: 0;
border-radius: 0;
padding: 0;
background-color: transparent;
text-transform: inherit;
}
img {
max-width: 100%;
}
input,
select,
textarea,
button {
-webkit-appearance: none;
-webkit-border-radius: 0;
}
fieldset {
border: none;
margin: auto;
padding: 0;
}
address {
font-style: normal;
}
.fadeIn {
opacity: 1;
visibility: visible;
}
.cssTriangle {
width: 0;
height: 0;
position: absolute;
border-style: solid;
}
.carouselIndicators {
width: auto;
margin-left: auto;
}
.carouselIndicators li {
width: 13px;
height: 13px;
margin-left: 5px;
vertical-align: top;
}
.carouselIndicators .active {
background-color: #00bbea;
}
.text-center {
text-align: center;
}
.inline-blocks .row {
padding-right: 1px;
}
.inline-blocks [class^="col-"],
.inline-blocks [class*=" col-"] {
display: inline-block;
vertical-align: top;
margin-right: -0.25em;
float: none;
}
@media (min-width: 1200px) {
.hidden-desktop {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-desktop {
display: none !important;
}
}
@media (max-width: 767px) {
.hidden-mobile {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-mobile {
display: none !important;
}
}
.accordBtnArrow {
content: '\e800';
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.accordBtnArrowExpanded {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.carousel-fade .carousel-inner .item {
opacity: 0;
-webkit-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.carousel-fade .carousel-inner .active {
opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
opacity: 0;
z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.left,
.carousel-fade .carousel-inner .next.right,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-control {
z-index: 1;
}
@font-face {
font-family: 'fontello';
src: url(//wykladziny.pl/wp-content/themes/wykladziny_fox/font/fontello.eot?94098497);
src: url(//wykladziny.pl/wp-content/themes/wykladziny_fox/font/fontello.eot?94098497#iefix) format('embedded-opentype'), url(//wykladziny.pl/wp-content/themes/wykladziny_fox/font/fontello.woff2?94098497) format('woff2'), url(//wykladziny.pl/wp-content/themes/wykladziny_fox/font/fontello.woff?94098497) format('woff'), url(//wykladziny.pl/wp-content/themes/wykladziny_fox/font/fontello.ttf?94098497) format('truetype'), url(//wykladziny.pl/wp-content/themes/wykladziny_fox/font/fontello.svg?94098497#fontello) format('svg');
font-weight: normal;
font-style: normal;
}   [class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;  font-variant: normal;
text-transform: none;      -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;  }
.icon-down-open-big:before {
content: '\e800';
} .icon-up-open-big:before {
content: '\e801';
} .icon-right-dir:before {
content: '\e802';
} .icon-left-dir:before {
content: '\e803';
} .icon-up-dir:before {
content: '\e804';
} .icon-down-dir:before {
content: '\e805';
} .icon-biura:before {
content: '\e806';
} .icon-wojsko-policja:before {
content: '\e807';
} .icon-transport:before {
content: '\e808';
} .icon-terminowi:before {
content: '\e809';
} .icon-szukaj:before {
content: '\e80a';
} .icon-domy-i-mieszkania:before {
content: '\e80b';
} .icon-doradztwo:before {
content: '\e80c';
} .icon-dyspozycyjni:before {
content: '\e80d';
} .icon-hotele-i-pensjonaty:before {
content: '\e80e';
} .icon-kina-i-teatry:before {
content: '\e80f';
} .icon-restauracje:before {
content: '\e80g';
} .icon-konkurencyjni:before {
content: '\e810';
} .icon-kreatywni:before {
content: '\e811';
} .icon-laboratoria:before {
content: '\e812';
} .icon-montaz:before {
content: '\e813';
} .icon-obiekty-sportowe:before {
content: '\e814';
} .icon-profesjonalni:before {
content: '\e815';
} .icon-projekt:before {
content: '\e816';
} .icon-przemysl:before {
content: '\e817';
} .icon-sklepy:before {
content: '\e818';
} .icon-solidni:before {
content: '\e819';
} .icon-sprzedaz-chemii-i-narzedzi:before {
content: '\e81a';
} .icon-sprzedaz-wykladzin:before {
content: '\e81b';
} .icon-szkoly:before {
content: '\e81c';
} .icon-szpitale:before {
content: '\e81d';
} .icon-pdf:before {
content: '\e81e';
} .icon-google-plus:before {
content: '\e81f';
} .icon-facebook:before {
content: '\e820';
} .icon-cad:before {
content: '\e821';
} .icon-zoom:before {
content: '\e822';
} .icon-left-open-big:before {
content: '\e823';
} .icon-right-open-big:before {
content: '\e824';
} .icon-cancel:before {
content: '\e825';
} .btn-1,
.btn-11,
.btn-2 {
text-align: center;
}
.btn-1 {
}
a.btn-1,
a.btn-2 {
display: inline-block;
vertical-align: top;
}
a.btn-11 {
display:block;
}
.btn-1,
.btn-11 {
color: #ffffff !important;
background-color: #00bbea;
}
.btn-11 {
float:right;
}
.btn-1.dark,
.btn-11.dark {
background-color: #091c56;
}
a.btn-1,
button.btn-1,
a.btn-11,
button.btn-11 {
padding: 13px 30px;
}
.btn-1:active,
.btn-11:active {
background-color: #000000;
}
.btn-2 {
color: #000000;
border: 1px solid #00bbea;
}
a.btn-2,
button.btn-2 {
padding: 12px 30px;
}
.btn-2:active {
color: #ffffff;
border-color: #00bbea;
background-color: #00bbea;
}
@media (min-width: 992px) {
.btn-1:hover,
.btn-11:hover  {
background-color: #000000;
}
.btn-2:hover {
color: #ffffff;
border-color: #00bbea;
background-color: #00bbea;
}
}
.boxes-1 {
text-align: center;
}
.box-1 {
text-align: center;
display: inline-block;
margin-bottom: 30px;
position: relative;
background-color: #091c56;
min-height: 300px;
width: 100%;
max-width: 380px;
}
.box-1:before {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.6);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s 0s;
-o-transition: all 0.3s 0s;
transition: all 0.3s 0s;
}
.box-1 .heading-1 {
color: #ffffff;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
left: 15px;
right: 15px;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.box-1 .text {
display: block;
font-style: italic;
margin-top: 10px;
font-weight: 300;
}
.box-2 {
font-weight: 300;
background-color: #ffffff;
max-width: 380px;
margin: auto auto 30px;
}
.box-2 .heading-1 {
margin-bottom: 0.9em;
}
.box-3 {
padding: 30px 15px 25px;
background-color: #ffffff;
margin-bottom: 15px;
}
.box-3 .heading {
text-align: center;
margin-bottom: 25px;
}
.box-4 {
background-color: #ffffff;
margin-top: 35px;
}
.box-4 .photo {
overflow: hidden;
}
.box-4 .variants {
margin-bottom: 40px;
display: table;
}
.box-4 .variants .box {
display: table-cell;
vertical-align: top;
}
.box-4 .variants .label {
font-size: 13px;
font-size: 0.8125rem;
padding-top: 6px;
font-weight: 700;
}
.box-4 .variants .sample {
width: 45px;
height: 45px;
margin-left: 9px;
margin-bottom: 9px;
}
.box-4 .text {
margin-bottom: 30px;
}
.box-4 .heading {
line-height: 1.5;
font-size: 16px;
font-size: 1rem;
font-weight: 700;
margin-top: 35px;
margin-bottom: 25px;
text-transform: uppercase;
}
.box-4 .btn-2 {
width: 100%;
font-size: 15px;
font-size: 0.9375rem;
}
.colors-productlist img {
width: 40px;
height: 40px;
margin-bottom: 5px;
}
@-webkit-keyframes slideInUp {
from {
opacity: 0;
top: 100%;
-webkit-transform: translate(0, 0);
}
to {
opacity: 1;
top: 50%;
-webkit-transform: translate(0, -50%);
}
}
@keyframes slideInUp {
from {
opacity: 0;
top: 100%;
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
to {
opacity: 1;
top: 50%;
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
}
.box-5 {
color: #ffffff;
text-align: center;
background-position: left top;
margin-bottom: 0px;
padding-left: 15px;
padding-right: 15px;
position: relative;
background: left top / cover no-repeat;
}
.box-5 .heading {
line-height: 1.1em;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.box-5 .subtitle {
display: block;
line-height: 1.2em;
font-size: 0.45em;
}
.box-5:not(.target) {
background-image: url(http://wykladziny.pl/wp-content/themes/wykladziny_fox/img/header_bg.jpg);
}
.box-5 .btn {
position: absolute;
width: 270px;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
border-color: inherit;
color: inherit;
text-transform: uppercase;
}
.box-5 .btn:active,
.box-5 .btn:hover {
border-color: #00bbea;
color: #ffffff;
background-color: #00bbea;
}
.box-5.target .heading {
margin-top: -35px;
}
.box-6 {
background-color: #ffffff;
margin-bottom: 30px;
}
.box-6 .logo {
height: 100px;
margin-bottom: 25px;
}
.box-6 .logo img {
max-height: 100px;
}
.box-6 .text {
margin-bottom: 30px;
}
.box-66 {
background-color: #ffffff;
margin-bottom: 30px;
}
.box-66 .logo {
height: 100px;
margin-bottom: 25px;
}
.box-66 .logo img {
max-height: 100px;
}
.box-66 .text {
margin-bottom: 30px;
}
.box-8 {
background-color: #091c56;
color: #ffffff;
text-align: center;
font-weight: 300;
margin-bottom: 30px;
}
.box-8 .glyph {
display: inline-block;
vertical-align: top;
height: 100px;
}
.box-8 .glyph:before {
font-size: 100px;
font-size: 6.25rem;
}
.box-8 .heading-1 {
margin-bottom: 20px;
}
.box-9,
.box-12 {
color: #ffffff;
text-align: center;
}
.box-9 .heading-1,
.box-12 .heading-1 {
font-size: 30px;
font-size: 1.875rem;
}
.box-9 .accord-btn:after {
content: '\e800';
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
font-size: 1.4em;
margin-top: 5px;
display: block;
}
.box-9 .accord-btn.expanded:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.box-9 .accord-box {
display: none;
}
.box-10 {
margin-bottom: 30px;
position: relative;
z-index: 0;
background: right top no-repeat #ffffff;
}
.box-10 .anchor {
position: absolute;
left: 0;
top: 0;
margin-top: -80px;
}
.box-10.center {
text-align: center;
}
.box-10.center .content {
max-width: 680px;
margin-left: auto;
margin-right: auto;
}
.box-10.dark {
background-color: #091c56;
color: #ffffff;
}
.box-10.light {
color: #ffffff;
}
.box-10.light .heading-1:before {
color: #ffffff;
}
.box-10 .content {
position: relative;
z-index: 1;
}
.box-10 .heading-1:before {
font-size: 95px;
font-size: 5.9375rem;
color: #00bbea;
line-height: 1em;
display: block;
}
.box-11 {
background-color: #ffffff;
}
.box-11 .btn-1,
.box-11 .btn-11, {
width: 250px;
}
.box-11 .article {
margin-bottom: 30px;
}
.box-11.text-center .link {
margin-left: auto;
padding-left: 0;
}
.box-12 {
background-color: #091c56;
}
.date:before {
font-size: 1.25em;
margin-right: 10px;
content: '\e826';
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
}
.box-13 {
background-color: #ffffff;
margin-bottom: 30px;
font-weight: 300;
}
.box-13 .category {
color: #091c56;
margin-bottom: 15px;
}
.box-13 .heading {
line-height: 1.2;
margin-bottom: 25px;
color: #00bbea;
font-weight: 700;
}
.box-13 .heading a:hover {
color: #091c56;
}
.box-13 .date {
margin-bottom: 20px;
}
.box-13 .more {
font-weight: 400;
font-size: 15px;
font-size: 0.9375rem;
}
.box-14 {
display: table;
margin-bottom: 25px;
max-width: 350px;
}
.box-14 .photo,
.box-14 .content {
display: table-cell;
vertical-align: top;
}
.box-14 .photo {
width: 120px;
}
.box-14 .content {
font-size: 15px;
font-size: 0.9375rem;
position: relative;
padding: 0 0 30px 15px;
}
.box-14 .heading {
color: #091c56;
}
.box-14 .date {
position: absolute;
bottom: 0;
font-size: 12px;
font-size: 0.75rem;
}
.box-14 a:hover {
color: #00bbea;
}
.box-15 {
background-color: #ffffff;
margin-bottom: 30px;
}
.box-15 .main-heading {
color: #091c56;
font-size: 24px;
font-size: 1.5rem;
text-transform: uppercase;
margin-bottom: 35px;
}
@media (max-width: 480px) {
.box-14,
.box-14 .photo,
.box-14 .content {
display: block;
padding-left: 0;
}
.box-14 .photo {
margin-bottom: 15px;
}
}
@media (max-width: 767px) {
.box-1 {
max-width: 380px;
width: 100%;
}
.box-1:active:before {
opacity: 1;
visibility: visible;
}
.box-2 .content {
padding: 40px 35px 35px;
}
.box-13 .content {
padding: 30px;
}
.box-13 .category {
font-size: 15px;
font-size: 0.9375rem;
}
.box-13 .heading {
font-size: 28px;
font-size: 1.75rem;
}
.box-13 .date {
font-size: 12px;
font-size: 0.75rem;
}
.box-13 .text {
margin-bottom: 25px;
}
.box-11 {
padding: 30px 15px;
}
.box-11 .link {
text-align: center;
}
.box-4 .variants .label {
width: 90px;
}
.box-5 {
height: 140px;
}
.box-5 .heading {
font-size: 30px;
font-size: 1.875rem;
}
.box-5.target {
height: 250px;
}
.box-5 .btn {
bottom: 30px;
}
.box-6 {
padding: 40px 15px 30px;
}
.box-66 {
padding: 40px 15px 30px;
}
.box-66 {
max-height: 120px!important;
position: relative;
overflow: hidden;
}
.box-66 .btn-11 { 
position: absolute; 
bottom: 0; 
left: 0;
width: 100%; 
text-align: center; 
margin: 0; padding: 30px 0; background-image: linear-gradient(to bottom, transparent, black);
}
.box-8 {
margin-left: auto;
margin-right: auto;
max-width: 380px;
padding: 20px 15px 30px;
}
.box-8 .heading-1 {
font-size: 26px;
font-size: 1.625rem;
}
.box-9,
.box-12 {
padding-top: 30px;
}
.box-9 .heading-1 {
margin-bottom: 15px;
}
.box-9 .accord-btn {
margin-bottom: 20px;
}
.box-12 .heading-1 {
margin-bottom: 30px;
}
}
@media (min-width: 768px) {
.box-2 {
max-width: none;
display: table;
width: 100%;
margin-bottom: 45px;
}
.box-2 .photo,
.box-2 .content {
display: table-cell;
vertical-align: middle;
}
.box-3 {
margin-bottom: 40px;
}
.box-3 .heading {
margin-bottom: 35px;
}
.box-13 .content {
padding: 40px;
}
.box-13 .category {
font-size: 18px;
font-size: 1.125rem;
}
.box-13 .heading {
font-size: 31px;
font-size: 1.9375rem;
}
.box-13 .date {
font-size: 14px;
font-size: 0.875rem;
}
.box-13 .text {
margin-bottom: 30px;
}
.boxes-1 {
margin-bottom: 30px;
}
.box-6 {
position: relative;
padding: 45px 30px 105px;
}
.box-6 .btn-1   {
bottom: 30px;
left: 30px;
float:left;
}
.box-6 .btn-11   {
bottom: 30px;
left: 30px;
}
.box-66 {
position: relative;
padding: 45px 30px 105px;
height: auto!important;
}
.box-66 .btn-1   {
bottom: 30px;
left: 30px;
float:left;
margin-top: 30px;
}
.box-66 .btn-11   {
bottom: 30px;
left: 30px;
}
.box-8 {
padding: 20px 30px 30px;
}
.box-9,
.box-12 {
padding-top: 60px;
}
.box-9 .heading-1,
.box-12 .heading-1 {
font-size: 36px;
font-size: 2.25rem;
}
.box-9 .heading-1 {
margin-bottom: 20px;
}
.box-9 .accord-btn {
margin-bottom: 40px;
}
.box-11 .link {
padding-left: 15px;
margin-left: 50%;
}
.box-12 .heading-1 {
margin-bottom: 60px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.box-2 {
font-size: 14px;
font-size: 0.875rem;
}
.box-2 .photo {
width: 340px;
}
.box-2 .content {
padding: 30px 30px 25px;
}
.box-2 .heading-1 {
font-size: 32px;
font-size: 2rem;
}
.box-11 {
padding: 50px 40px;
}
.box-11.text-center .article {
margin-bottom: 45px;
}
.box-5 {
height: 200px;
}
.box-5 .heading {
font-size: 42px;
font-size: 2.625rem;
}
.box-5.target {
height: 400px;
}
.box-5 .btn {
bottom: 50px;
}
}
@media (min-width: 992px) {
.woof_container_inner {
width: 18%;
}
.button.button.woof_submit_search_form {
margin-top:15px;
}
}
@media (max-width: 991px) {
#blog-container {
margin-top:30px;
}
.woof_container_inner {
width: 100%;
}
.button.button.woof_submit_search_form {
margin-top: 0px;
margin-left: 0px;
}
.woof_submit_search_form_container button {
margin-top: 0px;
}
.box-11 {
margin-bottom: 50px;
}
.box-10 {
padding: 20px 30px 40px 30px;
text-align: center;
}
.box-10 .heading-1 {
font-size: 30px;
font-size: 1.875rem;
margin-bottom: 25px;
}
.box-10 .btn-1,
.box-10 .btn-11  {
margin-top: 20px;
}
.box-10.light {
background-color: #00bbea; }
.box-4 .photo {
height: 180px;
}
.box-4 .photo img {
margin-top: -20%;
}
.box-4 .content {
padding: 40px 25px 30px;
}
.box-4 .btn-2 {
max-width: 350px;
}
.box-5 .heading {
position: relative;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.box-5.blog .heading {
font-size: 42px;
font-size: 2.625rem;
}
.box-7 .article {
margin-bottom: 10px;
}
.box-7 .article-header {
font-size: 26px;
font-size: 1.625rem;
margin-bottom: 20px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.box-14 .photo {
width: 95px;
}
.box-14 .date {
font-size: 11px;
font-size: 0.6875rem;
}
}
@media (min-width: 768px) and (max-width: 1199px) {
.box-4 .content {
padding: 35px 30px 35px 50px;
}
}
@media (min-width: 992px) {
.box-1:hover:before {
opacity: 1;
visibility: visible;
}
.box-2 .photo {
width: 400px;
}
.box-2 .content {
padding: 40px 80px;
}
.box-3 {
padding: 40px 50px;
}
.box-11 {
padding: 70px 75px;
margin-bottom: 60px;
}
.box-11.text-center .article {
margin-bottom: 65px;
}
.box-11 .article.row {
margin-left: -30px;
margin-right: -30px;
}
.box-11 .article.row [class^="col-"],
.box-11 .article.row [class*=" col-"] {
padding-left: 30px;
padding-right: 30px;
}
.box-11 .link {
padding-left: 30px;
}
.box-4 {
display: table;
width:100%!important;
}
.box-4 .photo {
width: 300px;
}
.box-4 .photo,
.box-4 .content {
display: table-cell;
vertical-align: top;
}
.box-4 .variants .label {
width: 110px;
}
.box-4 .btn-2 {
max-width: 250px;
}
.box-5 {
height: 320px;
overflow: hidden;
}
.box-5 .heading {
position: relative;
top: 100%;
-webkit-animation: slideInUp 1s 1s forwards;
-o-animation: slideInUp 1s 1s forwards;
animation: slideInUp 1s 1s forwards;
font-size: 60px;
font-size: 3.75rem;
}
.box-5.target {
height: 500px;
}
.box-5.target .heading {
opacity: 0;
}
.box-5.blog {
margin-bottom: 40px;
}
.box-5 .btn {
bottom: 80px;
font-size: 16px;
font-size: 1rem;
}
.box-7 .article-header {
font-size: 39px;
font-size: 2.4375rem;
line-height: 1.2;
margin-bottom: 45px;
}
.fade-box {
opacity: 0;
-webkit-transform: translate(0, -100px);
-ms-transform: translate(0, -100px);
-o-transform: translate(0, -100px);
transform: translate(0, -100px);
}
.reveal .fade-box {
-webkit-transition: opacity 0.5s, -webkit-transform 0.5s, transform 0.5s;
-o-transition: opacity 0.5s, -webkit-transform 0.5s, transform 0.5s;
transition: opacity 0.5s, -webkit-transform 0.5s, transform 0.5s;
opacity: 1;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.reveal .fade-box:nth-child(1) {
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.reveal .fade-box:nth-child(2) {
-webkit-transition-delay: 1.3s;
transition-delay: 1.3s;
}
.reveal .fade-box:nth-child(3) {
-webkit-transition-delay: 1.6s;
transition-delay: 1.6s;
}
.reveal .fade-box:nth-child(4) {
-webkit-transition-delay: 1.9000000000000001s;
transition-delay: 1.9000000000000001s;
}
.reveal .fade-box:nth-child(5) {
-webkit-transition-delay: 2.2s;
transition-delay: 2.2s;
}
.reveal .fade-box:nth-child(6) {
-webkit-transition-delay: 2.5s;
transition-delay: 2.5s;
}
.reveal .fade-box:nth-child(7) {
-webkit-transition-delay: 2.8s;
transition-delay: 2.8s;
}
.reveal .fade-box:nth-child(8) {
-webkit-transition-delay: 3.0999999999999996s;
transition-delay: 3.0999999999999996s;
}
.reveal .fade-box:nth-child(9) {
-webkit-transition-delay: 3.3999999999999995s;
transition-delay: 3.3999999999999995s;
} .box-10 {
padding: 60px 60px 80px;
}
.box-10 .btn-1,
.box-10 .btn-11  {
margin-top: 40px;
}
.box-10 .heading-1 {
margin-bottom: 60px;
}
.box-10.center .heading-1:before {
margin-bottom: 20px;
}
.box-10:not(.center) {
padding-top: 80px;
}
.box-10:not(.center) .content {
width: 48%;
max-width: 470px;
min-width: 400px;
}
.box-10:not(.center) .heading-1 {
position: relative;
padding-left: 70px;
}
.box-10:not(.center) .heading-1:before {
position: absolute;
left: 0;
top: 0;
margin-left: -0.25em;
margin-top: -0.25em;
}
}
@media (min-width: 1200px) {
.box-4 .content {
padding: 0 0 40px;
}
.box-4 .variants {
float: left;
max-width: 400px;
margin-bottom: 0;
}
.box-4 .variants .sample {
margin-bottom: 0;
}
.box-4 .variants .sample:nth-child(n + 6) {
margin-top: 9px;
}
.box-4 .btn-2 {
float: right;
}
}  .woof_list_checkbox {
display:inline!important;
}
.woof_container_inner {
float: left;
display:inline!important;
margin-right: 15px;
margin-top: 15px;
margin-bottom: 15px;
} 
#woof_widget-2 h2{
display: none;
}
.widget-woof h2{
display:none;
}
a.woof_edit_view2 {
display:none!important;
}
li#woof_widget-2.WOOF_Widget:first-child {
list-style: none;
}
.WOOF_Widget {
margin-top: -30px;
}
.woof_show_text_search_container {
width:112%!important;
}
.button.button.woof_submit_search_form {
font-size: 18px;
border: 1px solid gray;
padding: 10px 30px 10px 30px;
float:right!important;
text-align: center;
color: #ffffff !important;
background-color: #00bbea;
text-transform: uppercase;
}  .selectric-wrapper {
position: relative;
cursor: pointer;
}
.selectric-responsive {
width: 100%;
}
.selectric {
background: #ffffff;
position: relative;
border-radius: 0px;
}
.selectric .label {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 0 50px 0 25px;
line-height: 50px;
color: #9F9F9F;
height: 50px;
}
.selectric .button {
display: block;
position: absolute;
right: 0px;
top: 0;
bottom: 0;
margin: auto;
width: 40px;
line-height: 50px;
color: #9F9F9F;
text-align: center;
}  .selectric-open {
z-index: 1;
}
.selectric-open .selectric-items {
display: block;
}
.selectric-disabled {
filter: alpha(opacity=50);
opacity: 0.5;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.selectric-hide-select {
position: relative;
overflow: hidden;
width: 0;
height: 0;
}
.selectric-hide-select select {
position: absolute;
left: -100%;
display: none;
}
.selectric-input {
position: absolute !important;
top: 0 !important;
left: 0 !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
margin: 0 !important;
padding: 0 !important;
width: 1px !important;
height: 1px !important;
outline: none !important;
border: none !important;
*font: NaN a !important;
background: none !important;
}
.selectric-temp-show {
position: absolute !important;
visibility: hidden !important;
display: block !important;
} .selectric-items {
display: none;
position: absolute;
top: 100%;
left: 0;
background: #ffffff;
z-index: -1;
}
.selectric-items .selectric-scroll {
height: 100%;
overflow: auto;
}
.selectric-above .selectric-items {
top: auto;
bottom: 100%;
}
.selectric-items li {
display: block;
padding: 14px 25px;
cursor: pointer;
border: 1px solid #9f9f9f;
border-bottom: none;
}
.selectric-items li:last-child {
border-bottom: 1px solid #9f9f9f;
}
.selectric-items li.selected {
color: #00bbea;
display:none;
}
.selectric-items li:active {
background-color: #f1f1f1;
}
.selectric-items li:hover {
border-color: #00bbea;
}
.selectric-items li:hover + li {
border-top-color: #00bbea;
}
.selectric-items .disabled {
filter: alpha(opacity=50);
opacity: 0.5;
cursor: default !important;
background: none !important;
color: #666 !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.selectric-items .selectric-group .selectric-group-label {
font-weight: bold;
padding-left: 10px;
cursor: default;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background: none;
color: #444;
}
.selectric-items .selectric-group.disabled li {
filter: alpha(opacity=100);
opacity: 1;
}
.selectric-items .selectric-group li {
padding-left: 25px;
}
.custom-form input[type='text'],
.custom-form input[type='password'],
.custom-form input[type='email'],
.custom-form input[type='submit'] {
height: 50px;
border: 1px solid transparent;
}
.custom-form input[type='text'],
.custom-form input[type='password'],
.custom-form input[type='email'],
.custom-form textarea {
background-color: #ffffff;
padding-left: 20px;
padding-right: 20px;
}
.custom-form input[type='text']:focus,
.custom-form input[type='password']:focus,
.custom-form input[type='email']:focus,
.custom-form textarea:focus {
border-color: #00bbea;
}
.custom-form input[type='text']::-moz-placeholder,
.custom-form input[type='password']::-moz-placeholder,
.custom-form input[type='email']::-moz-placeholder,
.custom-form textarea::-moz-placeholder {
color: #9f9f9f !important;
opacity: 1 !important;
}
.custom-form input[type='text']:-ms-input-placeholder,
.custom-form input[type='password']:-ms-input-placeholder,
.custom-form input[type='email']:-ms-input-placeholder,
.custom-form textarea:-ms-input-placeholder {
color: #9f9f9f !important;
}
.custom-form input[type='text']::-webkit-input-placeholder,
.custom-form input[type='password']::-webkit-input-placeholder,
.custom-form input[type='email']::-webkit-input-placeholder,
.custom-form textarea::-webkit-input-placeholder {
color: #9f9f9f !important;
}
.custom-form input[type='checkbox'] {
display: none;
}
.custom-form input[type='checkbox'] + label {
cursor: pointer;
position: relative;
padding-left: 40px;
}
.custom-form input[type='checkbox'] + label:before,
.custom-form input[type='checkbox'] + label:after {
content: '';
position: absolute;
left: 0;
}
.custom-form input[type='checkbox'] + label:before {
width: 19px;
height: 19px;
border: 1px solid;
}
.custom-form input[type='checkbox'] + label:after {
opacity: 0;
width: 9px;
height: 9px;
margin-left: 5px;
margin-top: 5px;
}
.custom-form input[type='checkbox']:checked + label:after {
opacity: 1;
}
#color-picker .sample-label {
display: inline-block;
vertical-align: -4px;
width: 20px;
height: 20px;
margin-right: 10px;
}
#color-picker .selectric-items {
background-color: transparent;
}
#color-picker .selectric-scroll ul {
width: 171px;
margin-left: -1px;
}
#color-picker .selectric-scroll li {
padding: 13px;
margin: 1px;
background-color: #ffffff;
width: 55px;
height: 50px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.35);
float: left;
border: 1px solid;
}
#color-picker .selectric-scroll li:hover {
border-color: #00bbea;
}
#color-picker .selectric-scroll li:hover + li {
border-top-color: inherit;
}
#color-picker .selectric-scroll .sample {
width: 26px;
height: 23px;
border: 1px solid #dfdfdf;
display: block;
}
.stickySearchBox .custom-form {
padding: 40px 20px 0 20px;
right: 0;
overflow-y: auto;
width: 320px;
}
.stickySearchBox .reset-btn {
display: none;
margin-bottom: 20px;
}
.stickySearchBox .btns-box {
margin-bottom: 40px;
}
.stickySearchBox .shown + .btns-box .reset-btn {
display: block;
}
#search-btn {
right: 0;
color: #ffffff;
background-color: #00bbea;
}
#search-btn:active,
#search-btn.shown {
background-color: #091c56;
}
#search-box.sticky .custom-form {
padding: 40px 20px 0 20px;
right: 0;
overflow-y: auto;
width: 320px;
}
#search-box.sticky .reset-btn {
display: none;
margin-bottom: 20px;
}
#search-box.sticky .btns-box {
margin-bottom: 40px;
}
#search-box.sticky .shown + .btns-box .reset-btn {
display: block;
}
#search-box .custom-form {
background-color: #091c56;
}
#search-box label,
#search-box .heading {
display: inline-block;
vertical-align: top;
color: #dfdfdf;
font-size: 13px;
font-size: 0.8125rem;
margin-bottom: 15px;
}
#search-box .filters {
display: none;
}
#search-box .box {
margin-bottom: 25px;
}
#search-box input[type='submit'] {
text-align: center;
color: #ffffff !important;
background-color: #00bbea;
text-transform: uppercase;
}
a#search-box input[type='submit'] {
display: inline-block;
vertical-align: top;
}
#search-box input[type='submit'].dark {
background-color: #091c56;
}
a#search-box input[type='submit'],
button#search-box input[type='submit'] {
padding: 13px 30px;
}
#search-box input[type='submit']:active {
background-color: #000000;
}
#search-box .reset-btn {
color: #ffffff;
border: 1px solid;
height: 50px;
margin-bottom: 25px;
}
#search-box .reset-btn:active {
color: #00bbea;
}
#search-box .reset-btn,
#search-box input[type='submit'] {
width: 100%;
display: block;
}
#search-box input[type='text'] {
width: 100%;
display: block;
}
#search-box .btns-box {
max-width: 270px;
width: 100%;
}
#search-box .expand {
color: #ffffff;
font-size: 13px;
font-size: 0.8125rem;
text-decoration: underline;
padding: 5px;
margin: -5px auto 20px -5px;
}
#search-box .expand:active {
color: #00bbea;
}
#search-box .label-box label {
margin-bottom: 0;
}
#search-box .label-box + .label-box {
margin-top: 20px;
}
#search-box input[type='checkbox'] + label {
color: #ffffff;
}
#search-box input[type='checkbox'] + label:after {
background-color: #ffffff;
}
#search-box input[type='checkbox'] + label:active {
color: #dfdfdf;
}
#search-box input[type='checkbox'] + label:active:before {
border-color: #dfdfdf;
}
#search-box input[type='checkbox'] + label:active:after {
background-color: #dfdfdf;
}
@media (max-width: 991px) {
#search-btn {
position: fixed;
top: 39px;
z-index: 2;
-webkit-backface-visibility: hidden;
width: 40px;
height: 41px;
line-height: 39px;
font-size: 50px;
font-size: 3.125rem;
}
#search-btn:before {
margin-left: -4px;
}
#search-box .custom-form {
display: none;
position: fixed;
top: 80px;
z-index: 1;
-webkit-backface-visibility: hidden;
max-height: -webkit-calc(100% - 80px);
max-height: calc(100% - 80px);
}
#search-box:not(.sticky) .custom-form {
padding: 40px 20px 0 20px;
right: 0;
overflow-y: auto;
width: 320px;
}
#search-box:not(.sticky) .reset-btn {
display: none;
margin-bottom: 20px;
}
#search-box:not(.sticky) .btns-box {
margin-bottom: 40px;
}
#search-box:not(.sticky) .shown + .btns-box .reset-btn {
display: block;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#search-box .btns-box {
max-width: 250px;
}
}
@media (min-width: 992px) {
#search-box .reset-btn:hover {
color: #00bbea;
}
#search-box:not(.sticky) #search-btn {
display: none;
}
#search-box:not(.sticky) .custom-form {
padding: 60px 0 20px;
display: block !important;
margin-bottom: 30px;
}
#search-box:not(.sticky) .container-fluid {
position: relative;
}
#search-box:not(.sticky) .btns-box {
position: absolute;
right: 15px;
bottom: 70px;
}
#search-box:not(.sticky) .shown + .btns-box {
bottom: 25px;
}
#search-box:not(.sticky) .shown + .btns-box .reset-btn {
opacity: 1;
visibility: visible;
}
#search-box:not(.sticky) .reset-btn {
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s 0s;
-o-transition: all 0.3s 0s;
transition: all 0.3s 0s;
float: right;
}
#search-box:not(.sticky) .expand:hover {
color: #00bbea;
}
#search-box:not(.sticky) .box {
width: 25%;
float: left;
padding-right: 50px;
}
#search-box:not(.sticky) .box:nth-child(4n) {
clear: left;
}
#search-box:not(.sticky) input[type='checkbox'] + label:hover {
color: #dfdfdf;
}
#search-box:not(.sticky) input[type='checkbox'] + label:hover:before {
border-color: #dfdfdf;
}
#search-box:not(.sticky) input[type='checkbox'] + label:hover:after {
background-color: #dfdfdf;
}
.sticky .selectric-above .selectric-items {
bottom: auto;
}
.sticky #search-btn {
-webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
position: absolute;
top: 500px;
z-index: 1;
width: 65px;
height: 60px;
line-height: 60px;
}
.sticky #search-btn:before {
font-size: 60px;
font-size: 3.75rem;
}
.sticky #search-btn:hover {
background-color: #091c56;
}
.sticky .custom-form {
display: none;
position: absolute;
top: 500px;
z-index: 1;
margin-top: 60px;
}
.search-sticky .sticky #search-btn,
.search-sticky .sticky .custom-form {
position: fixed;
top: 110px;
z-index: 1;
-webkit-backface-visibility: hidden;
}
.search-sticky .sticky .custom-form {
max-height: -webkit-calc(100% - 165px);
max-height: calc(100% - 165px);
}
}
#page-wrapper {
padding-top: 80px;
}
#top-bar {
position: fixed;
top: 0;
z-index: 2;
-webkit-backface-visibility: hidden;
height: 80px;
left: 0;
right: 0;
background-color: #ffffff;
}
#logo-bar .logo,
#logo-bar .social {
display: inline-block;
vertical-align: top;
margin-right: auto;
}
#logo-bar .social {
float: right;
font-size: 25px;
font-size: 1.5625rem;
}
#logo-bar .social a + a {
margin-left: 5px;
}
#logo-bar .social a:hover {
color: #00bbea;
}
#menu-box {
color: #000000;
font-weight: 300;
}
#menu-box .list .active > a,
#menu-box .list .active > button,
#menu-box .list .active .link {
color: #00bbea;
}
#menu-box .list li li {
color: #535353;
}
#menu-box .list a:before {
font-size: 58px;
font-size: 3.625rem;
margin-right: 5px;
line-height: 0;
color: #00bbea;
}
#menu-box .submenu {
display: none;
}
@media (max-width: 991px) {
#logo-bar .logo {
max-width: 70px;
}
.menu,
#logo-bar {
line-height: 37px;
border-bottom: 1px solid #dfdfdf;
}
#hamburger {
vertical-align: top;
padding-left: 15px;
padding-right: 15px;
height: 40px;
}
#hamburger .trigram {
display: block;
height: 14px;
width: 22px;
margin-left: auto;
margin-right: auto;
position: relative;
}
#hamburger .trigram span {
display: block;
height: 2px;
background-color: #091c56;
-webkit-transition: -webkit-transform 0.3s;
-webkit-transition: transform 0.3s;
-o-transition: transform 0.3s;
transition: transform 0.3s;
}
#hamburger .trigram span + span {
margin-top: 4px;
}
#hamburger:active .trigram span,
#hamburger.shown:active .trigram span {
background-color: #00bbea;
}
#hamburger.shown .trigram {
padding-top: 6px;
}
#hamburger.shown .trigram span {
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
}
#hamburger.shown .trigram .first {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#hamburger.shown .trigram .second {
display: none;
}
#hamburger.shown .trigram .third {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#menu-box {
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s 0s;
-o-transition: all 0.3s 0s;
transition: all 0.3s 0s;
max-height: -webkit-calc(100vh - 80px);
max-height: calc(100vh - 80px);
overflow-y: auto;
overflow-x: hidden;
background-color: #ffffff;
position: absolute;
left: 0;
width: 280px;
border: 1px solid #dfdfdf;
border-bottom: none;
font-size: 13px;
font-size: 0.8125rem;
}
#menu-box.shown {
opacity: 1;
visibility: visible;
}
#menu-box .submenu {
background-color: #fafafa;
}
#menu-box .list a,
#menu-box .list button {
display: block;
line-height: 45px;
padding-right: 15px;
border: 1px solid transparent;
border-bottom: 1px solid #dfdfdf;
}
#menu-box .list a:active,
#menu-box .list button:active {
border-color: #00bbea;
}
#menu-box .list a:before,
#menu-box .list button:before {
margin-left: -65px;
vertical-align: -15px;
}
#menu-box .list > li > a,
#menu-box .list > li button {
padding-left: 30px;
}
#menu-box .list button {
text-align: left;
width: 100%;
}
#menu-box .list button:after {
content: '\e802';
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
color: #9f9f9f;
float: right;
-webkit-transition: -webkit-transform 0.3s;
-webkit-transition: transform 0.3s;
-o-transition: transform 0.3s;
transition: transform 0.3s;
}
#menu-box .list button.expanded:after {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
#menu-box .list .col-4 .submenu a,
#menu-box .list .col-2 .submenu a {
padding-left: 90px;
}
#menu-box .list .col-1 .submenu a {
padding-left: 40px;
}
#menu-box .list .col-4 .main-cat-mobile a,
#menu-box .list .col-2 .main-cat-mobile a,
#menu-box .list .col-1 .main-cat-mobile a {
font-weight: 400;
padding-left: 40px;
}
#menu-box:not(*:root) {
max-height: -webkit-calc(100% - 80px);
max-height: calc(100% - 80px);
position: fixed;
top: auto;
z-index: auto;
-webkit-backface-visibility: hidden;
}
}
@media (min-width: 992px) {
#top-bar {
border-bottom: 1px solid #dfdfdf;
}
#logo-bar .logo,
#logo-bar .social {
position: relative;
z-index: 1;
margin-top: 21px;
}
.menu {
position: absolute;
top: 0;
text-align: right;
padding-left: 15px;
font-size: 17px;
font-size: 1.0625rem;
}
#menu-box a:hover {
color: #00bbea;
}
#menu-box li {
display: inline-block;
}
#menu-box .main-cat-mobile {
display: none !important;
}
#menu-box .submenu {
display: block;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s 0s;
-o-transition: all 0.3s 0s;
transition: all 0.3s 0s;
position: absolute;
left: 0;
background-color: #ffffff;
border: 1px solid #dfdfdf;
border-top: none;
}
#menu-box .list > li {
text-align: left;
position: relative;
}
#menu-box .list > li > a,
#menu-box .list > li .link {
display: block;
line-height: 80px;
padding-left: 20px;
padding-right: 20px;
}
#menu-box .list > li:hover .submenu {
opacity: 1;
visibility: visible;
}
#menu-box .list .submenu a {
color: #535353;
border: 1px solid transparent;
}
#menu-box .list .submenu a:hover {
border-color: #00bbea;
}
#menu-box .list .col-2 li,
#menu-box .list .col-4 li {
float: left;
}
#menu-box .list .col-2 li a,
#menu-box .list .col-4 li a {
display: table-cell;
vertical-align: middle;
display: -ms-flex;
display: -webkit-flex;
display: flex;
align-items: center;
width: 100%;
height: 80px; }
#menu-box .list .col-2 .submenu {
width: 600px;
}
#menu-box .list .col-2 .submenu li {
width: 50%;
}
#menu-box .list .col-4 {
position: static;
}
#menu-box .list .col-4 li {
width: 25%;
}
#menu-box .list .col-4 .submenu {
left: 15px;
right: 15px;
}
#menu-box .list .col-1 li {
display: list-item;
}
#menu-box .list .col-1 li a {
display: block;
padding: 15px 20px;
}
#menu-box .list .col-1 .submenu {
width: 220px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.menu {
left: 0;
right: 0;
padding-right: 90px;
}
#menu-box .list .col-2 li a,
#menu-box .list .col-4 li a {
padding-left: 15px;
padding-right: 15px;
}
}
@media (min-width: 1200px) {
#logo-bar .social {
margin-top: 18px;
font-size: 30px;
font-size: 1.875rem;
}
.menu {
left: -webkit-calc((100% - 1200px)/2);
left: calc((100% - 1200px)/2);
right: -webkit-calc((100% - 1200px)/2);
right: calc((100% - 1200px)/2);
padding-right: 115px;
}
#menu-box .list > li + li {
margin-left: 10px;
}
#menu-box .list .col-2 li a,
#menu-box .list .col-4 li a {
padding-left: 25px;
padding-right: 25px;
}
}
.box-7 .slider,
.box-12 .slider {
text-align: center;
}
.box-7 .slider img,
.box-12 .slider img {
display: inline-block;
vertical-align: top;
}
.box-7 .slider .carousel-indicators,
.box-12 .slider .carousel-indicators {
position: static;
width: auto;
margin-left: auto;
}
.box-7 .slider .carousel-indicators li,
.box-12 .slider .carousel-indicators li {
width: 13px;
height: 13px;
margin-left: 5px;
vertical-align: top;
}
.box-7 .slider .carousel-indicators .active,
.box-12 .slider .carousel-indicators .active {
background-color: #00bbea;
}
.box-7 .slider .carousel-indicators li {
background-color: #091c56;
}
.box-12 .slider {
color: #9f9f9f;
max-width: 100%;
}
.box-12 .slider .item {
background-color: #ffffff;
}
.box-12 .slider .heading {
line-height: 1.2em;
}
.box-12 .slider .carousel-indicators {
margin-bottom: 25px;
}
.box-12 .slider .carousel-indicators li {
background-color: #ffffff;
margin-bottom: 5px;
}
.box-12 .slider .carousel-inner {
margin-bottom: 30px;
}
.box-12 .slider .btn-1 {
width: 250px;
}
#slider .carousel-indicators {
bottom: 30px;
z-index: 1;
}
#slider .carousel-indicators li {
width: 14px;
height: 14px;
background-color: #ffffff;
}
#slider .carousel-indicators li + li {
margin-left: 10px;
}
#slider .carousel-indicators .active {
background-color: #091c56;
}
#slider a {
display: block;
}
#slider .heading-1 {
color: #ffffff;
font-weight: 700;
}
#product-slider {
max-width: 600px;
text-align: center;
}
#product-slider .carousel-control {
display: none;
}
#product-slider .popup-photo {
display: none;
}
#product-slider .carousel-indicators {
position: static;
margin-left: auto;
max-height: 100%;
width:100%;
display: table;
overflow:hidden;
}
#product-slider .carousel-indicators li {
width: 33.333333%;
float: left;
display: block;
padding: 2px 1px 0;
position: relative;
overflow:hidden;
}
#product-slider .carousel-indicators li:before {
content: '';
opacity: 0;
-webkit-transition: opacity 0.15s;
-o-transition: opacity 0.15s;
transition: opacity 0.15s;
background-color: rgba(0, 0, 0, 0.7);
position: absolute;
left: 1px;
right: 1px;
top: 1px;
bottom: 0;
}
#product-slider .carousel-indicators li:after {
content: '\e822';
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
left: 0;
right: 0;
color: #ffffff;
font-size: 48px;
font-size: 3rem;
opacity: 0;
}
#product-slider .carousel-indicators li:active:before,
#product-slider .carousel-indicators li:active:after {
opacity: 1;
}
#product-slider .carousel-indicators li img {
max-width:100%;
max-height:100%;
display: table-cell;
vertical-align: middle;
overflow:hidden;
}
@media (max-width: 767px) {
.box-12 .slider .heading {
font-size: 30px;
font-size: 1.875rem;
}
#slider img {
width: auto;
max-width: none;
max-height: 400px;
}
#product-slider .carousel-inner .item {
opacity: 0;
-webkit-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
#product-slider .carousel-inner .active {
opacity: 1;
}
#product-slider .carousel-inner .active.left,
#product-slider .carousel-inner .active.right {
left: 0;
opacity: 0;
z-index: 1;
}
#product-slider .carousel-inner .next.left,
#product-slider .carousel-inner .prev.left,
#product-slider .carousel-inner .next.right,
#product-slider .carousel-inner .prev.right {
opacity: 1;
}
#product-slider .carousel-control {
z-index: 1;
}
}
@media (min-width: 768px) {
#product-slider .item {
cursor: pointer;
}
#product-slider .carousel-control {
position: fixed;
}
#product-slider .carousel-control.left {
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.0001) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.0001) 100%);
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.0001) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40000000', endColorstr='#00000000', GradientType=1);
}
#product-slider .carousel-control.left .glyphicon {
left: 40px;
}
#product-slider .carousel-control.right {
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.25) 100%);
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.25) 100%);
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.25) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#40000000', GradientType=1);
}
#product-slider .carousel-control.right .glyphicon {
right: 40px;
}
#product-slider .carousel-control .glyphicon {
font-size: 100px;
font-size: 6.25rem;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.box-12 .slider .heading {
font-size: 36px;
font-size: 2.25rem;
}
}
@media (max-width: 991px) {
.box-7 .slider img,
.box-12 .slider img {
max-height: 450px;
}
.box-7 .slider .carousel-inner {
margin-bottom: 30px;
}
.box-7 .slider .carousel-indicators {
margin-bottom: 15px;
}
.box-7 .slider .carousel-indicators li {
margin-bottom: 5px;
}
.box-12 .slider {
display: inline-block;
vertical-align: top;
}
.box-12 .slider .content {
padding: 30px 30px 40px;
}
.box-12 .slider .heading {
margin-bottom: 30px;
}
.box-12 .slider .carousel-indicators {
margin-bottom: 25px;
}
#slider {
margin-bottom: 30px;
}
#slider .heading-1 {
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
z-index: 0;
font-size: 30px;
font-size: 1.875rem;
left: 15px;
right: 15px;
text-align: center;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#slider .heading-1 {
left: 15px;
right: 15px;
}
#slider .carousel-indicators {
left: 15px;
}
.box-12 .slider .content {
padding: 35px 40px;
}
}
@media (min-width: 992px) {
.box-7 .slider .carousel-indicators {
margin-bottom: 20px;
}
.box-7 .slider .carousel-inner {
margin-bottom: 45px;
}
.box-12 .slider {
text-align: left;
}
.box-12 .slider .box {
display: table;
width: 100%;
}
.box-12 .slider .heading {
margin-bottom: 50px;
}
.box-12 .slider .photo {
width: 600px;
vertical-align: top;
}
.box-12 .slider .photo,
.box-12 .slider .content {
display: table-cell;
}
.box-12 .slider .content {
vertical-align: middle;
}
#slider .heading-1 {
position: absolute;
bottom: 120px;
font-size: 60px;
font-size: 3.75rem;
}
#slider .carousel-indicators {
width: auto;
margin-left: auto;
}
#product-slider .carousel-indicators li:hover:before,
#product-slider .carousel-indicators li:hover:after {
opacity: 1;
}
}
@media (min-width: 1200px) {
#slider .heading-1 {
right: -webkit-calc((100% - 1200px)/2);
right: calc((100% - 1200px)/2);
}
#slider .carousel-indicators,
#slider .heading-1 {
left: -webkit-calc((100% - 1200px)/2);
left: calc((100% - 1200px)/2);
padding-left: 15px;
padding-right: 15px;
}
.box-12 .slider .content {
padding: 50px 70px;
}
}
.close-popup {
display: none;
}
@media (min-width: 768px) {
.close-popup {
position: fixed;
top: 30px;
z-index: 5;
-webkit-backface-visibility: hidden;
right: 40px;
color: #ffffff;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
line-height: 1em;
width: 60px;
height: 60px;
font-size: 60px;
font-size: 3.75rem;
}
.close-popup:active,
.close-popup:hover {
color: #00bbea;
}
#page-wrapper:not(.gallery-popup) #product-slider .carousel-inner .item {
opacity: 0;
-webkit-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
}
#page-wrapper:not(.gallery-popup) #product-slider .carousel-inner .active {
opacity: 1;
}
#page-wrapper:not(.gallery-popup) #product-slider .carousel-inner .active.left,
#page-wrapper:not(.gallery-popup) #product-slider .carousel-inner .active.right {
left: 0;
opacity: 0;
z-index: 1;
}
#page-wrapper:not(.gallery-popup) #product-slider .carousel-inner .next.left,
#page-wrapper:not(.gallery-popup) #product-slider .carousel-inner .prev.left,
#page-wrapper:not(.gallery-popup) #product-slider .carousel-inner .next.right,
#page-wrapper:not(.gallery-popup) #product-slider .carousel-inner .prev.right {
opacity: 1;
}
#page-wrapper:not(.gallery-popup) #product-slider .carousel-control {
z-index: 1;
}
.gallery-popup .popup {
position: fixed;
top: 0;
z-index: 4;
-webkit-backface-visibility: hidden;
left: 0;
right: 0;
bottom: 0;
background-color: #ffffff;
max-width: none !important;
width: auto;
}
.gallery-popup .popupOverflow {
height: 100%;
overflow-y: auto;
overflow-x: hidden;
}
.gallery-popup .close-popup {
display: block;
}
.gallery-popup #product-slider .carousel-inner {
height: 100%;
overflow-y: auto;
overflow-x: hidden;
}
.gallery-popup #product-slider .photo {
display: inline-block;
width:60%;
}
.gallery-popup #product-slider .carousel-control {
display: block;
}
.gallery-popup #product-slider .carousel-indicators {
display: none;
}
.gallery-popup #product-slider .item {
margin: 40px auto;
cursor: default;
}
.gallery-popup #recommendations .popup {
height: 100%;
overflow-y: auto;
overflow-x: hidden;
}
.gallery-popup #recommendations .popup + .box {
margin-left: 33.33333333%;
}
.gallery-popup #recommendations .popup .photo {
margin-top: 20px;
margin-bottom: 20px;
-webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3);
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3);
max-height: none;
}
.gallery-popup #recommendations .item {
-webkit-transition: none;
-o-transition: none;
transition: none;
-webkit-transform: none;
transform: none;
-webkit-perspective: none;
-moz-perspective: none;
perspective: none;
}
}
#pagination {
margin: 50px auto;
text-align: center;
font-size: 19px;
font-size: 1.1875rem;
}
#blog-container #pagination {
margin-top: 20px;
}
#pagination li {
display: inline-block;
vertical-align: top;
margin-right: 5px;
}
#pagination a {
text-align: center;
color: #535353;
display: block;
width: 45px;
height: 45px;
border: 1px solid #00bbea;
line-height: 45px;
}
#pagination a:active {
border-color: inherit;
}
#pagination .active a {
border-color: #091c56;
background-color: #091c56;
color: #ffffff;
}
@media (min-width: 992px) {
#pagination {
text-align: right;
}
#pagination li:not(.active) a:hover {
border-color: inherit;
}
#blog-container #pagination {
margin: 30px auto 40px;
}
} .responsive-tabs__heading {
display: none;
}
.responsive-tabs__list__item {
display: inline-block;
vertical-align: top;
cursor: pointer;
} @-webkit-keyframes fadeTab {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeTab {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@media (max-width: 767px) {
.responsive-tabs__list {
display: none;
}
.responsive-tabs__heading {
display: block;
cursor: pointer;
}
.responsive-tabs__panel--closed-accordion-only {
display: none;
}
#tabs .wrapper .heading {
line-height: 40px;
margin-bottom: 1px;
font-size: 16px;
font-size: 1rem;
position: relative;
text-align: center;
color: #ffffff !important;
background-color: #00bbea;
}
#tabs .wrapper .heading:after {
content: '\e800';
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
position: absolute;
right: 15px;
}
a#tabs .wrapper .heading {
display: inline-block;
vertical-align: top;
}
#tabs .wrapper .heading.dark {
background-color: #091c56;
}
a#tabs .wrapper .heading,
button#tabs .wrapper .heading {
padding: 13px 30px;
}
#tabs .wrapper .heading:active {
background-color: #000000;
}
#tabs .wrapper .heading.responsive-tabs__heading--active {
background-color: #091c56;
}
#tabs .wrapper .heading.responsive-tabs__heading--active:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
#tabs .content {
display: none;
padding-bottom: 10px;
}
}
@media (min-width: 768px) {
.responsive-tabs__panel--closed-accordion-only {
display: block !important;
}
#tabs .responsive-tabs__list {
color: #00bbea;
}
#tabs .responsive-tabs__list__item {
padding-left: 15px;
padding-right: 15px;
margin-right: 15px;
margin-bottom: 10px;
line-height: 45px;
border: 1px solid transparent;
}
#tabs .responsive-tabs__list__item:hover {
color: #000000;
}
#tabs .responsive-tabs__list__item--active {
border-color: #00bbea;
color: #000000;
}
#tabs .responsive-tabs__panel--active {
-webkit-animation: fadeTab 0.3s;
-o-animation: fadeTab 0.3s;
animation: fadeTab 0.3s;
}
}
@media (min-width: 768px) and (max-width: 991px) {
#search-box-blog {
margin-top: 180px;
}
#tabs .responsive-tabs__list {
margin-bottom: 10px;
}
}
@media (min-width: 992px) {
#tabs .responsive-tabs__list {
margin-bottom: 20px;
font-size: 18px;
font-size: 1.125rem;
}
}
.article header {
margin-bottom: 3em;
}
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
color: #00bbea;
}
#blog-container .article {
line-height: 1.75;
}
#blog-container .article h1,
#blog-container .article h2,
#blog-container .article h3,
#blog-container .article h4,
#blog-container .article h5,
#blog-container .article h6 {
margin-bottom: 1em;
}
#blog-container .article h1 {
font-size: 1.8em;
}
#blog-container .article h2 {
font-size: 1.6em;
}
#blog-container .article h3 {
font-size: 1.4em;
}
#blog-container .article h4 {
font-size: 1.2em;
}
#blog-container .article h5,
#blog-container .article h6 {
font-size: 1em;
}
#blog-container .article .social {
float: right;
margin-top: 1.5em;
}
.article a {
color: #535353;
text-decoration: none;
}
.article ol,
.article ul,
.article img {
margin-bottom: 1em;
}
.article ol,
.article ul {
margin-left: 1em;
}
.article ul {
list-style-type: disc;
}
#page-footer {
font-size: 14px;
font-size: 0.875rem;
color: #ffffff;
}
#page-footer a:hover {
color: #dfdfdf;
}
#page-footer .content {
max-width: 335px;
}
#map {
height: 270px;
}
#map2 {
height: 270px;
}
#company-address {
background-color: #142866;
padding: 55px 30px 20px;
}
#company-address .box {
margin-bottom: 30px;
line-height: 2;
}
#company-address .heading,
#newsletter .heading {
text-transform: uppercase;
font-size: 25px;
font-size: 1.5625rem;
margin-bottom: 30px;
}
#newsletter {
background-color: #091c56;
padding: 55px 30px 70px;
}
#newsletter label {
margin-bottom: 30px;
display: inline-block;
line-height: 1.8;
}
#newsletter input[type='email'] {
color: #000000;
width: 100%;
display: block;
}
#newsletter input[type='submit'] {
float: right;
margin-top: 45px;
width: 255px;
font-size: 15px;
font-size: 0.9375rem;
text-align: center;
color: #ffffff !important;
background-color: #00bbea;
}
a#newsletter input[type='submit'] {
display: inline-block;
vertical-align: top;
}
#newsletter input[type='submit'].dark {
background-color: #091c56;
}
a#newsletter input[type='submit'],
button#newsletter input[type='submit'] {
padding: 13px 30px;
}
#newsletter input[type='submit']:active {
background-color: #000000;
}
#contacts {
background-color: #00bbea;
}
#contacts .heading {
font-size: 14px;
font-size: 0.875rem;
margin-bottom: 30px;
color: #000000;
}
#contacts .content {
padding-bottom: 25px;
text-align: left;
}
#contacts .box {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.6;
margin-bottom: 15px;
}
#contacts .box b {
color: #000000;
}
#contacts .first {
margin-bottom: 35px;
}
#contacts a:hover {
color: #dfdfdf;
}
@media (max-width: 480px) {
#contacts .col-xs-6 {
width: 100%;
}
}
@media (max-width: 767px) {
#search-box-blog {
margin-top: 110px;
}
#contacts .accord-btn:active {
color: #091c56;
}
#contacts .second [class^="col-"],
#contacts .second [class*=" col-"] {
margin-bottom: 40px;
}
#map {
position: relative;
}
#map:before {
content: '';
position: absolute;
z-index: 1;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
#map2 {
position: relative;
}
#map2:before {
content: '';
position: absolute;
z-index: 1;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
}
@media (min-width: 768px) {
#contacts .content {
padding-bottom: 50px;
}
#contacts .heading {
font-size: 16px;
font-size: 1rem;
}
#contacts .accord-btn:hover {
color: #091c56;
}
#page-footer .content {
margin-left: auto;
margin-right: auto;
}
}
html {
font-size: 1rem;
}
body {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
font-size: 0.8125rem;
color: #929292;
font-weight: 400;
background-color: #f1f1f1;
}
.marked {
color: #00bbea;
}
img.mobile-img {
width: 100%;
}
.heading-1 {
font-size: 39px;
font-size: 2.4375rem;
line-height: 1.2;
}
.container-fluid {
max-width: 1200px;
}
#deprecated {
padding: 25px 15px 30px;
background-color: #091c56;
color: #ffffff;
}
#cookies {
position: fixed;
top: auto;
z-index: 4;
-webkit-backface-visibility: hidden;
bottom: 0;
left: 0;
right: 0;
padding: 10px 0;
background-color: #000000;
color: #ffffff;
font-size: 11px;
font-size: 0.6875rem;
text-align: center;
}
#cookies .btn-1 {
padding: 10px 20px;
}
#cookies .btn-1:hover {
background-color: #091c56;
}
#page-wrapper {
max-width: 1400px;
width: 100%;
margin-left: auto;
margin-right: auto;
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}
#main-heading-process {
margin-bottom: 40px;
font-size: 20px;
font-size: 1.25rem;
text-align: center;
color: #00bbea;
}
#main-heading-process .heading-1 {
font-size: 32px;
font-size: 2rem;
margin-bottom: 10px;
}
#product-container {
font-size: 13px;
font-size: 0.8125rem;
}
#product-container .buttons .box {
display: inline-block;
}
#product-container .buttons .btn-1,
#product-container .buttons .btn-11,
#product-container .buttons .btn-2 {
font-size: 13px;
font-size: 0.8125rem;
white-space: nowrap;
width: 180px;
margin-bottom: 10px;
margin-right: 10px;
}
#product-container .buttons .btn-1:last-child,
#product-container .buttons .btn-11:last-child {
margin-right: 0;
}
#product-container .product-header {
color: #000000;
padding-top: 25px;
padding-bottom: 15px;
}
#product-container .product-header .heading-1 {
margin-bottom: 15px;
font-size: 23px;
font-size: 1.4375rem;
text-transform: uppercase;
}
#product-container .breadcrumbs {
margin-bottom: 25px;
font-size: 11px;
font-size: 0.6875rem;
}
#product-container .breadcrumbs a {
display: inline-block;
margin-bottom: 3px;
text-decoration: underline;
}
#product-container .breadcrumbs a:hover {
color: #00bbea;
}
#product-container .product-description {
background-color: #ffffff;
margin-bottom: 15px;
}
#product-container .product-description .description {
position: relative;
padding: 40px 15px 180px;
}
#product-container .product-description .text {
margin-bottom: 50px;
}
#product-container .product-description .specs {
line-height: 2;
}
#product-container .product-description .company-logo {
position: absolute;
right: 15px;
max-width: 280px;
margin-top: 1em;
}
#product-container .product-description .company-logo img {
max-height: 135px;
}
#product-container .product-details .symbol {
display: inline-block;
vertical-align: top;
margin-right: 5px;
height: 40px;
position: relative;
margin-bottom: 5px;
}
#product-container .product-variants {
padding-right: 0;
}
#product-container .product-variants li {
float: left;
display: block;
position: relative;
margin-right: 15px;
margin-bottom: 15px;
width: 90px;
height: 90px;
}
#product-container .product-variants li:focus .box {
width: 200px;
-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
position: absolute;
padding: 15px;
z-index: 1;
left: -70px;
top: -70px;
}
#product-container .product-variants li:focus .text {
opacity: 1;
color: #000000;
}
#product-container .product-variants li:focus img {
margin-bottom: 10px;
}
#product-container .product-variants .box {
line-height: 1.2;
background-color: #ffffff;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
#product-container .product-variants .text {
font-weight: 700;
font-size: 13px;
font-size: 0.8125rem;
display: block;
text-align: center;
opacity: 0;
}
#product-container .product-download {
margin-bottom: 30px;
}
#product-container .product-download .link {
white-space: nowrap;
margin-bottom: 5px;
display: inline-block;
vertical-align: top;
margin-right: 25px;
}
#product-container .product-download .link:before {
color: #000000;
margin-right: 8px;
font-size: 30px;
font-size: 1.875rem;
vertical-align: middle;
}
#product-container .product-download .link:hover:before {
color: #00bbea;
}
#search-results .main-heading {
color: #091c56;
}
#about {
margin-bottom: 30px;
}
#about .box {
background-color: #ffffff;
}
#about .photo,
#about .text {
margin-bottom: 30px;
}
#about .btn-1,
#about .btn-11 {
text-transform: uppercase;
}
#recommendations {
background-color: #091c56;
}
#recommendations .heading-1 {
background-color: #091c56;
color: #00bbea;
}
#recommendations .accord-box {
padding-bottom: 25px;
}
#recommendations .carousel-indicators li:not(.active) {
background-color: #ffffff;
}
#map-places {
margin-bottom: 60px;
margin-top: -30px;
}
#map-places2 {
margin-bottom: 0px;
margin-top: -30px;
overflow:hidden;
}
.projects {
background-color: #ffffff;
}
.projects .heading-1 {
color: #091c56;
text-align: center;
margin-bottom: 35px;
}
.projects .more {
margin-top: 50px;
display: block;
text-transform: uppercase;
width: 270px;
margin-left: auto;
margin-right: auto;
}
#offer {
margin-bottom: 20px;
}
#blog-filters {
text-transform: uppercase;
}
#blog-filters .list a {
padding: 12px 22px;
display: block;
}
#blog-filters .list a:active {
color: #00bbea;
}
#blog-filters .list .active {
border-color: #00bbea !important;
}
#blog-container,
#blog-filters {
margin-left: auto;
margin-right: auto;
}
#blog-container {
margin-bottom: 20px;
}
@media (min-width: 768px) and (max-width: 1200px) {
#blog-container {
margin-left: 0%;
margin-right: 0%;
}
}
#blog-container .article {
background-color: #ffffff;
}
#blog-container .slider {
text-align: center;
position: relative;
}
#blog-container .slider img {
display: inline-block;
vertical-align: top;
margin-bottom: 0;
}
#blog-container .slider .carousel-indicators {
width: auto;
margin-left: auto;
margin-bottom: 0;
left: auto;
bottom: 20px;
}
#blog-container .slider .carousel-indicators li {
width: 13px;
height: 13px;
margin-left: 5px;
vertical-align: top;
}
#blog-container .slider .carousel-indicators .active {
background-color: #00bbea;
}
#blog-container .slider .carousel-indicators li {
background-color: #ffffff;
}
#tags {
padding: 45px 30px;
}
#tags .tag {
text-transform: uppercase;
display: inline-block;
vertical-align: top;
margin-right: 6px;
margin-bottom: 8px;
border: 1px solid;
padding: 8px 15px;
font-size: 14px;
font-size: 0.875rem;
}
#tags .tag:hover {
color: #00bbea;
}
#recommended {
padding: 45px 30px 35px;
}
#recommended li + li {
border-top: 1px solid #dfdfdf;
padding-top: 25px;
}
#prev-posts {
padding: 40px 30px 0;
}
#prev-posts .photo {
margin-bottom: 20px;
}
#prev-posts .heading {
font-size: 25px;
font-size: 1.5625rem;
margin-bottom: 15px;
}
#prev-posts .box-13 {
margin-bottom: 50px;
}
#blog-art-header {
line-height: 1.15;
color: #ffffff;
background-repeat: no-repeat;
}
#blog-art-header .category {
font-size: 1.15em;
}
#blog-art-header .date {
font-size: 1.2em;
opacity: 0.65;
font-weight: 300;
}
#blog-art-header .heading {
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
@media (max-width: 767px) {
#cookies .btn-1 {
display: block;
margin: 10px auto 0;
}
#deprecated {
font-size: 18px;
font-size: 1.125rem;
}
#product-container {
max-width: 600px;
}
#product-container .product-header .heading-1 {
text-align: center;
}
#manufacturers {
max-width: 580px;
}
#about .box {
text-align: center;
padding: 40px 15px;
}
#about .text {
text-align: left;
}
#about .photo {
text-align: center;
}
#recommendations .accord-btn:active {
color: #00bbea;
}
#recommendations .box {
margin-left: auto;
margin-right: auto;
}
#recommendations .box + .box {
margin-top: 20px;
}
.projects {
padding-top: 35px;
padding-bottom: 45px;
}
.projects .wrapper {
margin-bottom: 45px;
}
#blog-container .article {
padding: 30px;
}
#blog-container .slider {
margin: 50px -30px 40px;
}
#blog-container .slider .carousel-inner {
margin-bottom: 20px;
}
#blog-container .slider .carousel-indicators {
position: static;
}
#blog-container .slider .carousel-indicators li {
background-color: #091c56;
}
#blog-container,
#blog-filters {
max-width: 725px;
}
#blog-filters {
margin-bottom: 30px;
}
#blog-filters .heading {
display: block;
width: 100%;
position: relative;
}
#blog-filters .heading:after {
position: absolute;
margin-top: 3px;
right: 15px;
content: '\e800';
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
text-align: center;
font-variant: normal;
text-transform: none;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
#blog-filters .heading.shown:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
#blog-filters .list {
background-color: #ffffff;
text-align: center;
display: none;
}
#blog-filters .list li {
border: 1px solid #dfdfdf;
border-bottom: none;
}
#blog-filters .list li:last-child {
border-bottom: 1px solid #dfdfdf;
}
#blog-filters .list .active + li {
border-top: 1px solid #00bbea;
}
#blog-art-header {
padding-top: 40px;
padding-bottom: 40px;
}
#blog-art-header .heading {
font-size: 30px;
font-size: 1.875rem;
}
#blog-art-header .heading,
#blog-art-header .category {
margin-bottom: 12px;
}
}
@media (min-width: 768px) {
body {
font-size: 14px;
font-size: 0.875rem;
}
#cookies .text {
margin-right: 15px;
}
#deprecated {
font-size: 30px;
font-size: 1.875rem;
}
#main-heading-process {
margin-bottom: 60px;
}
#product-container {
font-size: inherit;
}
#product-container .product-header {
padding-top: 20px;
margin-bottom: 10px;
}
#product-container .product-header .heading,
#product-container .product-header .buttons {
display: inline-block;
vertical-align: middle;
margin-right: auto;
float: none;
}
#product-container .product-header .buttons {
margin-left: -0.26em;
}
#product-container .product-header .heading-1 {
font-size: 36px;
font-size: 2.25rem;
}
#product-container .product-description {
margin-bottom: 40px;
}
#product-container .product-details .symbol {
height: 60px;
}
#product-container .product-download .link:before {
font-size: 43px;
font-size: 2.6875rem;
margin-right: 12px;
}
#product-container .bottom-buttons .box {
float: right;
}
#about .box {
display: table;
}
#about .photo,
#about .content {
display: table-cell;
vertical-align: middle;
}
#about .photo {
text-align: center;
width: 40%;
}
#recommendations .accord-btn:hover {
color: #00bbea;
}
.projects {
padding-top: 55px;
padding-bottom: 60px;
}
.projects .wrapper {
margin-bottom: 50px;
}
#blog-container .article {
padding: 40px 70px;
}
#blog-container .slider {
margin: 70px -70px;
}
#blog-container .slider .carousel-indicators {
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
}
#blog-filters {
font-weight: 700;
color: #ffffff;
background-color: rgba(0, 0, 0, 0.55);
position: absolute;
left: 0;
right: 0;
max-width: 1400px;
width: 100%;
}
#blog-filters .list {
display: block !important;
}
#blog-filters li {
letter-spacing: 0.02em;
display: inline-block;
vertical-align: top;
}
#blog-filters .active {
border: 1px solid;
}
#blog-art-header .container-fluid {
height: 390px;
position: relative;
}
#blog-art-header .content {
position: absolute;
bottom:75px;
}
#blog-art-header .heading,
#blog-art-header .category {
margin-bottom: 0px;
}
}
@media (max-width: 991px) {
#search-results {
max-width: 400px;
}
#search-results .main-heading {
margin-top: 35px;
font-size: 20px;
font-size: 1.25rem;
}
#offer {
max-width: 580px;
}
#map-places {
height: 300px;
}
#map-places2 {
height: 300px;
}
#product-container {
margin-bottom: 20px;
}
#blog-container .article {
margin-bottom: 30px;
}
#blog-art-header {
margin-bottom: 30px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
#about .photo,
#about .content {
padding: 40px 30px;
}
#blog-container {
max-width: 951px;
}
#blog-container {
margin-bottom: 20px;
}
#blog-filters {
height: 50px;
margin-top: -50px;
padding-top: 10px;
font-size: 13px;
font-size: 0.8125rem;
}
#blog-filters .list a {
padding: 5px 12px;
}
#blog-filters .container-fluid {
max-width: 800px;
}
#blog-art-header .heading {
font-size: 42px;
font-size: 2.625rem;
}
}
@media (min-width: 992px) {
body {
font-size: 15px;
font-size: 0.9375rem;
}
a:hover {
color: #00bbea;
}
#product-container {
margin-bottom: 70px;
}
#product-container .product-details .symbol:hover {
cursor: help;
}
#product-container .product-variants {
padding-right: 35px;
}
#product-container .product-variants li {
width: 140px;
height: auto;
}
#product-container .product-variants li:before {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.7);
}
#product-container .product-variants li:before,
#product-container .product-variants li .text {
opacity: 0;
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
#product-container .product-variants li:not(:focus) {
cursor: zoom-in;
overflow:hidden;
}
#product-container .product-variants li:not(:focus):hover:before,
#product-container .product-variants li:not(:focus):hover .text {
opacity: 1;
vertical-align: top;
}
#product-container .product-variants li:focus .text {
position: static;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
#product-container .product-variants .text {
font-size: 15px;
font-size: 0.9375rem;
color: #ffffff;
position: absolute;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
left: 10px;
right: 10px;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
#about .photo,
#about .content {
padding: 50px 40px;
}
#recommendations .photo {
cursor: pointer;
}
#map-places {
height: 530px;
}
#map-places2 {
height: 340px;
}
#offer-1 {
background-image: url(http://wykladziny.pl/wp-content/themes/wykladziny_fox/img/offer_1_bg.jpg);
}
#offer-3 {
background-image: url(http://wykladziny.pl/wp-content/themes/wykladziny_fox/img/offer_3_bg.jpg);
background-size: contain;
}
#offer-5 {
background-image: url(http://wykladziny.pl/wp-content/themes/wykladziny_fox/img/offer_5_bg.jpg);
background-size: cover;
background-position: center center;
}
#offer-6 {
background-image: url(http://wykladziny.pl/wp-content/themes/wykladziny_fox/img/offer_6_bg.jpg);
}
#offer-1,
#offer-6 {
background-size: 50% auto;
}
#blog-container .article {
margin-bottom: 0px;
}
#blog-art-header {
margin-bottom: 40px;
}
#blog-art-header .heading {
font-size: 50px;
font-size: 3.125rem;
}
#blog-filters {
height: 70px;
font-size: 14px;
font-size: 0.875rem;
padding: 10px 0;
margin-top: -110px;
padding-top: 12px;
}
#prev-posts {
padding-left: 45px;
padding-right: 45px;
}
}
@media (max-width: 1199px) {
#map-places {
position: relative;
}
#map-places:before {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: transparent;
z-index: 1;
}
#map-places2 {
position: relative;
}
#map-places2:before {
content: '';
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: transparent;
z-index: 1;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
#blog-filters li + li {
margin-left: 10px;
}
}
@media (min-width: 1200px) {
#product-container .product-header .heading {
padding-right: 0;
}
#product-container .product-header .buttons {
text-align: right;
}
#product-container .buttons .btn-1,
#product-container .buttons .btn-11,
#product-container .buttons .btn-2 {
margin-right: 20px;
}
#product-container .buttons .btn-2 {
width: 200px;
}
#product-container .buttons .btn-1,
#product-container .buttons .btn-11   {
width: 250px;
}
#product-container .product-description .description {
padding: 70px 60px 200px 30px;
}
#product-container .product-description .company-logo {
right: 40px;
}
#blog-filters li {
margin-right: 15px;
}
}
@media (max-width: 1250px) {
.newer {
}
.older {
}
}
body .article h2 {
color: #091c56;
font-size: 1.5rem;
text-align: left;
margin-bottom: 15px;
}
.box-7 .article-header h1 {
color: #142866;
}