header {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 90px;
line-height: 90px;
z-index: 5;
background: #fff;
color: #1a1a1a;
border-bottom: 1px solid transparent;
-webkit-transition: top 0.6s 0.3s, opacity 0.3s 0.3s, pointer-events 0.6s 0.3s, border-bottom 0.6s 0s, background 0.3s 0s, height 0.3s 0s, line-height 0.3s 0s;
-moz-transition: top 0.6s 0.3s, opacity 0.3s 0.3s, pointer-events 0.6s 0.3s, border-bottom 0.6s 0s, background 0.3s 0s, height 0.3s 0s, line-height 0.3s 0s;
-ms-transition: top 0.6s 0.3s, opacity 0.3s 0.3s, pointer-events 0.6s 0.3s, border-bottom 0.6s 0s, background 0.3s 0s, height 0.3s 0s, line-height 0.3s 0s;
-o-transition: top 0.6s 0.3s, opacity 0.3s 0.3s, pointer-events 0.6s 0.3s, border-bottom 0.6s 0s, background 0.3s 0s, height 0.3s 0s, line-height 0.3s 0s;
transition: top 0.6s 0.3s, opacity 0.3s 0.3s, pointer-events 0.6s 0.3s, border-bottom 0.6s 0s, background 0.3s 0s, height 0.3s 0s, line-height 0.3s 0s;
}
header.scrolled {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
header.active .contentWrapper .cols .col {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
header .contentWrapper .cols .col {
display: inline-block;
vertical-align: top;
width: 50%;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-o-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
-webkit-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s, transform 0.3s 0.3s;
-moz-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s, transform 0.3s 0.3s;
-ms-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s, transform 0.3s 0.3s;
-o-transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s, transform 0.3s 0.3s;
transition: opacity 0.3s 0.3s, visibility 0.3s 0.3s, transform 0.3s 0.3s;
}
header .contentWrapper .cols .col:last-child {
-webkit-transition: opacity 0.3s 0.45s, visibility 0.3s 0.45s, transform 0.3s 0.45s;
-moz-transition: opacity 0.3s 0.45s, visibility 0.3s 0.45s, transform 0.3s 0.45s;
-ms-transition: opacity 0.3s 0.45s, visibility 0.3s 0.45s, transform 0.3s 0.45s;
-o-transition: opacity 0.3s 0.45s, visibility 0.3s 0.45s, transform 0.3s 0.45s;
transition: opacity 0.3s 0.45s, visibility 0.3s 0.45s, transform 0.3s 0.45s;
}
header .contentWrapper .cols .col .logo a {
display: inline-block;
vertical-align: middle;
}
header .contentWrapper .cols .col .logo a img {
max-height: 50px;
width: auto;
display: block;
}
header .contentWrapper .cols .col .logo a svg {
width: 100px;
height: auto;
display: block;
}
header .contentWrapper .cols .col .textLink.resp {
display: none;
}
@media all and (max-width: 767px) {
header .contentWrapper .cols .col:last-child {
text-align: right;
}
header .contentWrapper .cols .col .textLink {
display: none;
}
header .contentWrapper .cols .col .textLink.resp {
display: inline-block;
}
}footer {
padding: 50px 0;
background: #1a1a1a;
color: #fff;
}
footer .cols .col {
display: inline-block;
vertical-align: top;
width: 50%;
color: #fff;
}
footer .cols .col .logo a {
display: inline-block;
vertical-align: middle;
}
footer .cols .col .logo a img {
max-width: 220px;
height: auto;
display: block;
}
footer .cols .col .subCol {
display: inline-block;
vertical-align: top;
width: 50%;
margin-top: 35px;
}
footer .cols .col .subCol a {
color: #fff;
opacity: 1;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
footer .cols .col .subCol a:hover {
opacity: 0.6;
}
@media all and (max-width: 1024px) {
footer .cols .col {
width: 100%;
}
footer .cols .col .subCol {
margin-top: 50px;
}
}
@media all and (max-width: 767px) {
footer .cols .col .subCol {
width: 100%;
}
}.slider {
overflow: hidden !important;
}
.slider .slidesContainer {
white-space: nowrap;
position: relative;
z-index: 1;
width: 100%;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}
.slider .slidesContainer .square {
min-width: 300px;
display: inline-block;
float: none;
}
.slider.single .indicator {
display: none;
}
.slider.single .sliderBullets {
display: none;
}
.slider.single .sliderButton {
display: none;
}
.slider .indicator {
height: 65px;
left: 324px;
position: absolute;
top: 50%;
width: 65px;
z-index: 30;
border-radius: 65px;
margin-top: -30px;
border: 2px solid #ffffff;
margin-left: -38px;
touch-action: none;
pointer-events: none;
}
.slider .sliderBullets {
position: absolute;
right: 0px;
bottom: 0px;
z-index: 1;
}
.slider .sliderBullets.black .bullet:after {
background: #1a1a1a;
}
.slider .sliderBullets.black .bullet.active:after {
border: 2px solid #1a1a1a;
}
.slider .sliderBullets .bullet {
display: inline-block;
vertical-align: middle;
width: 12px;
height: 12px;
position: relative;
margin-left: 10px;
cursor: pointer;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.slider .sliderBullets .bullet:after {
content: "";
display: block;
height: 2px;
left: 50%;
position: absolute;
top: 50%;
width: 2px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border: 2px solid transparent;
border-radius: 50%;
background: #fff;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.slider .sliderBullets .bullet:hover:after {
background: #707070;
}
.slider .sliderBullets .bullet.active {
cursor: default;
}
.slider .sliderBullets .bullet.active:after {
border: 2px solid #fff;
background: transparent;
height: 8px;
width: 8px;
}
.slider .sliderBullets .bullet:last-child {
margin-right: -3px;
}
.slider .sliderButton {
background: #fff;
font-size: 20px;
color: #1a1a1a;
width: 60px;
height: 60px;
z-index: 1;
display: inline-block;
text-align: center;
cursor: pointer;
position: relative;
opacity: 1;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.slider .sliderButton i {
position: absolute;
top: 50%;
left: 50%;
font-size: 30px;
margin-top: 1px;
opacity: 1;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.slider .sliderButton:hover i {
opacity: 0.6;
}
.slider .sliderButton.hidden {
opacity: 0.2;
}
.slider .sliderButton.next,
.slider .sliderButton.prev {
position: absolute;
top: 50%;
right: 0;
z-index: 2;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.slider .sliderButton.next.disabled,
.slider .sliderButton.prev.disabled {
opacity: 0.2;
pointer-events: none;
}
.slider .sliderButton.prev {
left: 0;
}