@charset "UTF-8";
@charset 'UTF-8';
.slick-slider
{
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(https://standoor.comma-abc.com/wp-content/themes/standoor/assets/vendor/slick-carousel/slick/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://standoor.comma-abc.com/wp-content/themes/standoor/assets/vendor/slick-carousel/slick/fonts/slick.eot);
src: url(https://standoor.comma-abc.com/wp-content/themes/standoor/assets/vendor/slick-carousel/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://standoor.comma-abc.com/wp-content/themes/standoor/assets/vendor/slick-carousel/slick/fonts/slick.woff) format('woff'), url(https://standoor.comma-abc.com/wp-content/themes/standoor/assets/vendor/slick-carousel/slick/fonts/slick.ttf) format('truetype'), url(https://standoor.comma-abc.com/wp-content/themes/standoor/assets/vendor/slick-carousel/slick/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
margin-top: -10px\9; -webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: 0px;
display: block;
width: 100%;
padding: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}
   body { font-family: 'Roboto Condensed', sans-serif; font-weight: 300; font-style: normal; color: #fff; background-color: #fff; padding: 0px 0px 0 0px; } a { color: #000; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; } a:hover, a:focus { opacity: 0.8; color: #000; text-decoration: none; outline: none; } h1 { color: #000; } h2 { color: #000; } h3 { color: #000; } h4 { color: #000; } h5 { color: #000; } h6 { color: #000; } .border-title { position: relative; z-index: 1; } .border-title:before { content: ""; margin: 0 auto; position: absolute; top: 50%; left: 0; right: 0; bottom: 0; width: 100%; z-index: -1; border-top: none; } .border-title:after { border-bottom: 1px solid #808080; content: ""; margin: 0 auto; position: absolute; top: 45%; left: 0; right: 0; width: 100%; z-index: -1; } .border-title span { background: #fff; padding: 0 15px; } * { margin: 0; } html, body { height: 100%; } .page-wrap { min-height: 100%; margin-top: 1em; }
@media screen and (max-width: 1024px) { .page-wrap { margin-top: 0; } } .page-wrap:after { content: ""; display: block; } .site-footer, .page-wrap:after { min-height: 100%; } @font-face { font-family: "Flaticon-3"; src: url(//standoor.comma-abc.com/wp-content/themes/assets/fonts/font/Flaticon.eot); src: url(//standoor.comma-abc.com/assets/fonts/font/Flaticon.eot?#iefix) format("embedded-opentype"), url(//standoor.comma-abc.com/wp-content/themes/standoor/assets/fonts/font/Flaticon.woff2) format("woff2"), url(//standoor.comma-abc.com/wp-content/themes/standoor/assets/fonts/font/Flaticon.woff) format("woff"), url(//standoor.comma-abc.com/wp-content/themes/standoor/assets/fonts/font/Flaticon.ttf) format("truetype"), url(//standoor.comma-abc.com/wp-content/themes/standoor/assets/fonts/font/Flaticon.svg#Flaticon) format("svg"); font-weight: normal; font-style: normal; }
@media screen and (-webkit-min-device-pixel-ratio: 0) { @font-face { font-family: "Flaticon-3"; src: url(//standoor.comma-abc.com/wp-content/themes/standoor/assets/fonts/font/Flaticon.svg#Flaticon) format("svg"); } } .fi:before { display: inline-block; font-family: "Flaticon-3"; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } .flaticon-earth:before { content: "\f100"; } .flaticon-magnifying-glass:before { content: "\f101"; } .flaticon-next:before { content: "\f102"; } .flaticon-customer-support:before { content: "\f103"; } .flaticon-wrench:before { content: "\f104"; } .flaticon-award:before { content: "\f105"; } .flaticon-diploma:before { content: "\f106"; } .flaticon-arrow-point-to-right:before { content: "\f107"; } .flaticon-play-button:before { content: "\f108"; } .flaticon-facebook-logo-button:before { content: "\f109"; } .flaticon-youtube-logotype:before { content: "\f10a"; } .flaticon-plus:before { content: "\f10b"; } .flaticon-share-symbol:before { content: "\f10c"; } .flaticon-play-button-1:before { content: "\f10d"; } .flaticon-remove:before { content: "\f10e"; } .flaticon-minus:before { content: "\f10f"; } .flaticon-round-add-button:before { content: "\f110"; } .flaticon-group:before { content: "\f111"; } .flaticon-add-contact:before { content: "\f112"; } .flaticon-phone-symbol-of-an-auricular-inside-a-circle:before { content: "\f113"; } .flaticon-send:before { content: "\f114"; } .flaticon-mail-black-envelope-symbol:before { content: "\f115"; } .flaticon-pin:before { content: "\f116"; } .flaticon-play-button-2:before { content: "\f117"; } .flaticon-menu-button:before { content: "\f118"; } .flaticon-user:before { content: "\f119"; } .flaticon-star:before { content: "\f11a"; } .flaticon-star-1:before { content: "\f11b"; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .ps-table { display: table; table-layout: fixed; width: 100%; } .ps-table-row { display: table-row; } .ps-table-cell { display: table-cell; } .ps-mail-table { display: table; table-layout: fixed; width: 100%; }
@media screen and (max-width: 900px) { .ps-mail-table { display: block; } } .ps-mail-table-cell { display: table-cell; float: none; height: 100%; vertical-align: middle; } .ps-mail-table-cell .comma-form-wrapper { margin-top: -8px; }
@media screen and (max-width: 767px) { .ps-mail-table-cell { display: block; float: inherit; height: inherit; } .ps-mail-table-cell .comma-form-wrapper { margin-top: 5px; } .ps-mail-table-cell form { max-width: 364px; margin-top: 20px; margin: auto; } .ps-mail-table-cell img { max-width: 364px; margin: auto; } }
@media screen and (max-width: 518px) { .ps-mail-table-cell img { max-width: 100%; } } header.page-header { background-color: transparent; text-align: center; margin: 0 0 30px; padding: 0px 0 40px; } header.page-header .fi { font-size: 2em; } header.page-header h2 { font-size: 1.5em; margin: 0; } header.page-header .small-line { width: 50px; margin: 10px auto; border-bottom: 1px solid #000; } header.page-header h1 { font-size: 2.5em; margin: 0; font-weight: bold; }
@media screen and (max-width: 767px) { header.page-header h1 { font-size: 1.8em; } } .ps-select-wrapper { width: 70%; margin: 20px auto 0; }
@media screen and (min-width: 580px) and (max-width: 994px) { .ps-select-wrapper { width: 100%; } } .ps-select-wrapper label { position: relative; width: 100%; border-bottom: 1px solid #fff; text-align: left; font-size: 0.9em; } .ps-select-wrapper label:after { content: ""; font-family: Flaticon; color: #fff; background-color: #000; right: 0px; top: 6px; padding: 0 0 2px; border: none; position: absolute; pointer-events: none; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); } .ps-select-wrapper label:before { } .ps-select-wrapper label select { width: 100%; padding: 0; margin: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #000; color: #fff; border: none; outline: none; display: inline-block; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; font-weight: 500; font-size: 1em; }
@media screen and (-webkit-min-device-pixel-ratio: 0) { .ps-select-wrapper label select { padding-right: 18px; } } .table-responsive { overflow-x: auto; min-height: .01%; }
@media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: none; } } a.ps-a-button { background-color: #000; color: #fff; padding: 5px 20px; text-decoration: none; border: 1px solid #000; -webkit-transition: all 0.4s; transition: all 0.4s; } a.ps-a-button:hover { background-color: #fff; color: #000; border: 1px solid #000; } @-webkit-keyframes uil-ripple { 0% { width: 0; height: 0; opacity: 0; margin: 0 0 0 0; }
33% { width: 44%; height: 44%; margin: -22% 0 0 -22%; opacity: 1; }
100% { width: 88%; height: 88%; margin: -44% 0 0 -44%; opacity: 0; } }
@-webkit-keyframes uil-ripple { 0% { width: 0; height: 0; opacity: 0; margin: 0 0 0 0; }
33% { width: 44%; height: 44%; margin: -22% 0 0 -22%; opacity: 1; }
100% { width: 88%; height: 88%; margin: -44% 0 0 -44%; opacity: 0; } }
@-moz-keyframes uil-ripple { 0% { width: 0; height: 0; opacity: 0; margin: 0 0 0 0; }
33% { width: 44%; height: 44%; margin: -22% 0 0 -22%; opacity: 1; }
100% { width: 88%; height: 88%; margin: -44% 0 0 -44%; opacity: 0; } }
@-ms-keyframes uil-ripple { 0% { width: 0; height: 0; opacity: 0; margin: 0 0 0 0; }
33% { width: 44%; height: 44%; margin: -22% 0 0 -22%; opacity: 1; }
100% { width: 88%; height: 88%; margin: -44% 0 0 -44%; opacity: 0; } }
@-moz-keyframes uil-ripple { 0% { width: 0; height: 0; opacity: 0; margin: 0 0 0 0; }
33% { width: 44%; height: 44%; margin: -22% 0 0 -22%; opacity: 1; }
100% { width: 88%; height: 88%; margin: -44% 0 0 -44%; opacity: 0; } }
@-webkit-keyframes uil-ripple { 0% { width: 0; height: 0; opacity: 0; margin: 0 0 0 0; }
33% { width: 44%; height: 44%; margin: -22% 0 0 -22%; opacity: 1; }
100% { width: 88%; height: 88%; margin: -44% 0 0 -44%; opacity: 0; } }
@-o-keyframes uil-ripple { 0% { width: 0; height: 0; opacity: 0; margin: 0 0 0 0; }
33% { width: 44%; height: 44%; margin: -22% 0 0 -22%; opacity: 1; }
100% { width: 88%; height: 88%; margin: -44% 0 0 -44%; opacity: 0; } }
@keyframes uil-ripple { 0% { width: 0; height: 0; opacity: 0; margin: 0 0 0 0; }
33% { width: 44%; height: 44%; margin: -22% 0 0 -22%; opacity: 1; }
100% { width: 88%; height: 88%; margin: -44% 0 0 -44%; opacity: 0; } } .uil-ripple-css { background: none; position: relative; width: 200px; height: 200px; } .uil-ripple-css div { position: absolute; top: 50%; left: 50%; margin: 0; width: 0; height: 0; opacity: 0; border-radius: 50%; border-width: 12px; border-style: solid; -ms-animation: uil-ripple 2s ease-out infinite; -moz-animation: uil-ripple 2s ease-out infinite; -webkit-animation: uil-ripple 2s ease-out infinite; -o-animation: uil-ripple 2s ease-out infinite; animation: uil-ripple 2s ease-out infinite; } .uil-ripple-css div:nth-of-type(1) { border-color: #000000; } .uil-ripple-css div:nth-of-type(2) { border-color: #000000; -ms-animation-delay: 1s; -moz-animation-delay: 1s; -webkit-animation-delay: 1s; -o-animation-delay: 1s; animation-delay: 1s; } .ps-pagination-wrapper { text-align: right; position: relative; } .ps-pagination-wrapper:before { content: ''; display: block; width: calc(100% - 20px); border-top: 1px solid #acacac; position: absolute; top: 30px; z-index: -1; } .ps-pagination-wrapper nav.pagination { background-color: #fff; padding: 0 0 0 20px; } .ps-pagination-wrapper nav.pagination .nav-links span.current { margin: 0 5px; font-weight: 700; } .ps-pagination-wrapper nav.pagination .nav-links a.page-numbers { margin: 0 5px; color: #707175; } .ps-pagination-wrapper nav.pagination .nav-links a.prev { color: #000; margin-right: 20px; } .ps-pagination-wrapper nav.pagination .nav-links a.next { color: #000; margin-left: 20px; }  .ps-breadcrumbs { margin-bottom: 10px; font-size: 0.8em; } .ps-breadcrumbs .breadcrumb-home { color: #707175; } .border-dotted { position: relative; } .border-dotted:before { content: ''; display: block; width: calc(100% - 20px); border-top: 2px dotted transparent; position: absolute; bottom: 0; z-index: -1; background-image: linear-gradient(to right, black 33%, rgba(255, 255, 255, 0) 0%); background-position: bottom; background-size: 6px 4px; background-repeat: repeat-x; } .mc4wp-response { font-size: 11px; font-style: italic; text-align: left; }
@media screen and (max-width: 767px) { .slick-lightbox-close:before { font-size: 40px; } } .slick-slider { outline: 0; margin: 0; } .slick-slider button.slick-prev { position: absolute; padding: 0; top: 50%; z-index: 3; outline: 0; left: -5.5%; -webkit-transition: all 0.4s; transition: all 0.4s; width: auto; height: auto; }
@media screen and (max-width: 1024px) { .slick-slider button.slick-prev { left: -3.5%; } }
@media screen and (max-width: 1024px) { .slick-slider button.slick-prev { left: -4.5%; } }
@media screen and (max-width: 550px) { .slick-slider button.slick-prev { left: -5.5%; } } .slick-slider button.slick-prev:before { font-size: 5rem; color: #fff; z-index: 4; font-family: "Flaticon-3"; content: ""; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); display: inline-block; font-weight: bold; }
@media screen and (max-width: 767px) { .slick-slider button.slick-prev:before { font-size: 5rem; } }
@media screen and (max-width: 550px) { .slick-slider button.slick-prev:before { font-size: 6rem; } } .slick-slider button.slick-prev:hover { opacity: 0.6; } .slick-slider button.slick-prev:focus { outline: 0; } .slick-slider button.slick-next { position: absolute; padding: 0; top: 50%; z-index: 3; right: -1.5%; -webkit-transition: all 0.4s; transition: all 0.4s; width: auto; height: auto; }
@media screen and (max-width: 1024px) { .slick-slider button.slick-next { right: -3.5%; } }
@media screen and (max-width: 1024px) { .slick-slider button.slick-next { right: -4.5%; } }
@media screen and (max-width: 550px) { .slick-slider button.slick-next { right: -4.5%; } } .slick-slider button.slick-next:before { font-size: 5rem; color: #fff; z-index: 4; font-family: "Flaticon-3"; content: ""; font-weight: bold; }
@media screen and (max-width: 767px) { .slick-slider button.slick-next:before { font-size: 5rem; } }
@media screen and (max-width: 550px) { .slick-slider button.slick-next:before { font-size: 6rem; } } .slick-slider button.slick-next:hover { opacity: 0.6; } figure.slick-slide.slick-current.slick-active:focus { outline: 0; }  .slider-nav-thumbnails .slick-slide { opacity: 0.3; padding: 0 2px; }
@media screen and (max-width: 767px) { .slider-nav-thumbnails .slick-slide { opacity: 1; } } .slider-nav-thumbnails .slick-slide.slick-active { opacity: 1; } .slick-track { margin: auto; } .carousel-nav-slide { cursor: pointer; } .carousel-slide img { margin: auto; width: 100%; }
@media screen and (max-width: 767px) { .homepage-carousel .slick-list .slick-track { padding-bottom: 0; } } .carousel-slide.slick-slide { opacity: 0.7; z-index: 1; transition: 0.5s; } .carousel-slide.slick-slide.slick-current.slick-active.slick-center { opacity: 1; } .carousel-slide.slick-slide.slick-current.slick-active { opacity: 1; } header.site-header { position: relative; z-index: 2; }
@media screen and (max-width: 767px) { header.site-header { padding: 1em 0; } }
@media screen and (max-width: 1880px) { header.site-header .container-fluid .row .col-xs-7.col-sm-8.col-md-10.text-center { padding: 0; } } .says, .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } input.search-field { width: 100%; padding-left: 10px; font-size: 11px; line-height: 24px; background-color: transparent; border: 1px solid #cdcdcd; color: #fff; font-weight: normal; } input.search-field:focus { outline: none; } .search-form-wrapper { padding-top: 20px; } .search-form-wrapper input { margin: 0; padding: 0 0 0 5px; } .lang-selector { position: absolute; height: 103px; background: #555; top: -15px; width: 4%; right: 0; } .lang-selector i.fi.flaticon-earth { font-size: 30px; position: absolute; bottom: 25%; left: 0; right: 0; margin: auto; text-align: center; } .lang-selector i.fi.flaticon-earth select#lang_choice_1 { position: absolute; left: 0; right: 0; font-size: 15px; opacity: 0; top: 30%; height: 50px; width: 100%; }
@media screen and (max-width: 767px) { .lang-selector i.fi.flaticon-earth select#lang_choice_1 { top: -5%; height: 50px; } } .lang-selector i.fi.flaticon-earth select#lang_choice_1 option { font-style: initial; font-size: 15px; background-color: #555; color: #fff; height: 50px; }
@media screen and (max-width: 1024px) { .lang-selector { position: absolute; height: 108px; background: #555; top: -17px; width: 6%; right: 85px; } }
@media screen and (max-width: 767px) { .lang-selector { position: absolute; height: 80px; background: #555; top: 2px; width: 13%; right: 65px; } } .lang-selector div#polylang-2 ul { width: 0px; padding: 0; margin: 0; height: 0; } .lang-selector div#polylang-2 ul button.dropdown-toggle { width: 0px; background: transparent; border: 0; outline: transparent; } .lang-selector div#polylang-2 ul ul.dropdown-menu { background: #555; border-radius: 0; position: absolute; min-width: 76px; right: 0; left: 0; top: 0; transition: 0.5s; transition-property: all; transition-duration: 0.5s; transition-timing-function: ease-out; transition-delay: 0s; }
@media screen and (max-width: 1024px) { .lang-selector div#polylang-2 ul ul.dropdown-menu { top: 15px; } } .lang-selector div#polylang-2 ul ul.dropdown-menu li { background: #555; } .lang-selector div#polylang-2 ul ul.dropdown-menu li a { padding: 16px; text-transform: uppercase; text-align: center; font-weight: bold; color: #fff; background: #555; }
@media screen and (max-width: 1024px) { .lang-selector div#polylang-2 ul ul.dropdown-menu li a { width: 62px; } }
@media screen and (max-width: 880px) { .lang-selector div#polylang-2 ul ul.dropdown-menu li a { padding: 15.5px 0; } }
@media screen and (max-width: 767px) { .lang-selector div#polylang-2 ul ul.dropdown-menu li a { padding: 13px 0 13px 5px; letter-spacing: 5px; font-size: 10px; } }
@media screen and (max-width: 550px) { .lang-selector div#polylang-2 ul ul.dropdown-menu li a { width: 52px; } }
@media screen and (max-width: 430px) { .lang-selector div#polylang-2 ul ul.dropdown-menu li a { width: 52px; } }
@media screen and (max-width: 380px) { .lang-selector div#polylang-2 ul ul.dropdown-menu li a { width: 48px; } }
@media screen and (max-width: 365px) { .lang-selector div#polylang-2 ul ul.dropdown-menu li a { width: 46px; } } .lang-selector div#polylang-2 ul ul.dropdown-menu li a:hover { background: #ba2350; } .lang-selector div#polylang-2 ul ul.dropdown-menu li a img { display: none; } .lang-selector div#polylang-2 ul ul.dropdown-menu li a.el-el { background: #ba2350; }
@media screen and (max-width: 1024px) { .lang-selector div#polylang-2 ul ul.dropdown-menu li a.el-el { width: 60px; top: -8px; margin-top: -15px; } }
@media screen and (max-width: 768px) { .lang-selector div#polylang-2 ul ul.dropdown-menu li a.el-el { width: 62px; top: 0; margin-top: 0; } }
@media screen and (max-width: 550px) { .lang-selector div#polylang-2 ul ul.dropdown-menu li a.el-el { width: 52px; } }
@media screen and (max-width: 430px) { .lang-selector div#polylang-2 ul ul.dropdown-menu li a.el-el { width: 52px; } }
@media screen and (max-width: 380px) { .lang-selector div#polylang-2 ul ul.dropdown-menu li a.el-el { width: 48px; } }
@media screen and (max-width: 365px) { .lang-selector div#polylang-2 ul ul.dropdown-menu li a.el-el { width: 46px; } } .lang-selector div#polylang-2 ul ul.dropdown-menu li a.en-en { background: #ba2350; }
@media screen and (max-width: 1024px) { .lang-selector div#polylang-2 ul ul.dropdown-menu li a.en-en { width: 60px; top: -8px; margin-top: -15px; } }
@media screen and (max-width: 768px) { .lang-selector div#polylang-2 ul ul.dropdown-menu li a.en-en { width: 62px; top: 0; margin-top: 0; } }
@media screen and (max-width: 550px) { .lang-selector div#polylang-2 ul ul.dropdown-menu li a.en-en { width: 52px; } }
@media screen and (max-width: 430px) { .lang-selector div#polylang-2 ul ul.dropdown-menu li a.en-en { width: 52px; } }
@media screen and (max-width: 380px) { .lang-selector div#polylang-2 ul ul.dropdown-menu li a.en-en { width: 48px; } }
@media screen and (max-width: 365px) { .lang-selector div#polylang-2 ul ul.dropdown-menu li a.en-en { width: 46px; } }
@media screen and (max-width: 1800px) { .lang-selector div#polylang-2 ul ul.dropdown-menu { min-width: 10px; width: 5.1em; } }
@media screen and (max-width: 1750px) { .lang-selector div#polylang-2 ul ul.dropdown-menu { width: 5em; } }
@media screen and (max-width: 1700px) { .lang-selector div#polylang-2 ul ul.dropdown-menu { width: 4.8em; } }
@media screen and (max-width: 1650px) { .lang-selector div#polylang-2 ul ul.dropdown-menu { width: 4.7em; } }
@media screen and (max-width: 1600px) { .lang-selector div#polylang-2 ul ul.dropdown-menu { width: 4.5em; } }
@media screen and (max-width: 1550px) { .lang-selector div#polylang-2 ul ul.dropdown-menu { width: 4.4em; } }
@media screen and (max-width: 1500px) { .lang-selector div#polylang-2 ul ul.dropdown-menu { width: 4.2em; } }
@media screen and (max-width: 1450px) { .lang-selector div#polylang-2 ul ul.dropdown-menu { width: 4.1em; } }
@media screen and (max-width: 1400px) { .lang-selector div#polylang-2 ul ul.dropdown-menu { width: 3.9em; } }
@media screen and (max-width: 1368px) { .lang-selector div#polylang-2 ul ul.dropdown-menu { width: 3.8em; } }
@media screen and (max-width: 1300px) { .lang-selector div#polylang-2 ul ul.dropdown-menu { width: 3.7em; } }
@media screen and (max-width: 1250px) { .lang-selector div#polylang-2 ul ul.dropdown-menu { width: 3.6em; } }
@media screen and (max-width: 1200px) { .lang-selector div#polylang-2 ul ul.dropdown-menu { width: 3.4em; } }
@media screen and (max-width: 1150px) { .lang-selector div#polylang-2 ul ul.dropdown-menu { width: 3.3em; } }
@media screen and (max-width: 1100px) { .lang-selector div#polylang-2 ul ul.dropdown-menu { width: 3.1em; } }
@media screen and (max-width: 880px) { .lang-selector div#polylang-2 ul ul.dropdown-menu { width: 3.3em; } }
@media screen and (max-width: 767px) { .lang-selector div#polylang-2 ul ul.dropdown-menu { width: 3.2em; right: 0; left: 1px; top: 0px; min-width: 10px; } } .lang-selector div#polylang-2 ul.open button.dropdown-toggle { width: 0px; background: transparent; border: 0; outline: transparent; right: 24%; left: 0; position: absolute; margin: auto; bottom: 0; text-align: center; } .lang-selector div#polylang-2 ul.open button.dropdown-toggle:hover { background-color: transparent; border-color: transparent; outline: transparent; } .lang-selector div#polylang-2 ul.open ul.dropdown-menu { background: #555; border-radius: 0; position: absolute; min-width: 76px; right: 0; left: 0; top: 25%; transition: 0.5s; transition-property: all; transition-duration: 0.5s; transition-timing-function: ease-out; transition-delay: 0s; }
@media screen and (max-width: 1800px) { .lang-selector div#polylang-2 ul.open ul.dropdown-menu { min-width: 10px; width: 5.1em; } }
@media screen and (max-width: 1750px) { .lang-selector div#polylang-2 ul.open ul.dropdown-menu { width: 5em; } }
@media screen and (max-width: 1700px) { .lang-selector div#polylang-2 ul.open ul.dropdown-menu { width: 4.8em; } }
@media screen and (max-width: 1650px) { .lang-selector div#polylang-2 ul.open ul.dropdown-menu { width: 4.7em; } }
@media screen and (max-width: 1600px) { .lang-selector div#polylang-2 ul.open ul.dropdown-menu { width: 4.5em; } }
@media screen and (max-width: 1550px) { .lang-selector div#polylang-2 ul.open ul.dropdown-menu { width: 4.4em; } }
@media screen and (max-width: 1500px) { .lang-selector div#polylang-2 ul.open ul.dropdown-menu { width: 4.2em; } }
@media screen and (max-width: 1450px) { .lang-selector div#polylang-2 ul.open ul.dropdown-menu { width: 4.1em; } }
@media screen and (max-width: 1400px) { .lang-selector div#polylang-2 ul.open ul.dropdown-menu { width: 3.9em; } }
@media screen and (max-width: 1368px) { .lang-selector div#polylang-2 ul.open ul.dropdown-menu { width: 3.8em; } }
@media screen and (max-width: 1300px) { .lang-selector div#polylang-2 ul.open ul.dropdown-menu { width: 3.7em; } }
@media screen and (max-width: 1250px) { .lang-selector div#polylang-2 ul.open ul.dropdown-menu { width: 3.6em; } }
@media screen and (max-width: 1200px) { .lang-selector div#polylang-2 ul.open ul.dropdown-menu { width: 3.4em; } }
@media screen and (max-width: 1150px) { .lang-selector div#polylang-2 ul.open ul.dropdown-menu { width: 3.3em; } }
@media screen and (max-width: 1100px) { .lang-selector div#polylang-2 ul.open ul.dropdown-menu { width: 3.1em; } }
@media screen and (max-width: 880px) { .lang-selector div#polylang-2 ul.open ul.dropdown-menu { width: 3.3em; } }
@media screen and (max-width: 767px) { .lang-selector div#polylang-2 ul.open ul.dropdown-menu { width: 3.2em; right: 0; left: 1px; top: 0px; min-width: 10px; } } .lang-selector div#polylang-2 ul.open ul.dropdown-menu li { background: #555; } .lang-selector div#polylang-2 ul.open ul.dropdown-menu li a img { display: none; } .lang-selector div ul button i:before { color: #000; } .lang-selector div ul button.dropdown-toggle { width: 0px; background: transparent; border: 0; outline: transparent; right: 24%; left: 0; position: absolute; margin: auto; bottom: 25%; text-align: center; } .lang-selector div ul button.dropdown-toggle:hover { background-color: transparent; border-color: transparent; outline: transparent; } .lang-selector div ul ul.dropdown-menu { opacity: 1; visibility: visible; background: #555; border-radius: 0; position: absolute; min-width: 75px; right: 0; left: 0; top: 25%; transition: 0.5s; transition-property: all; transition-duration: 0.5s; transition-timing-function: ease-out; transition-delay: 0s; } .lang-selector div ul ul.dropdown-menu li { background: #555; } .lang-selector div ul ul.dropdown-menu li a img { display: none; } .fixed-top-header { position: fixed; width: 100%; z-index: 2; background-color: #fff; } a.site-logo { display: inline-block; margin: 0 auto 1em auto; }
@media screen and (max-width: 1024px) { a.site-logo { margin: 1em auto 1em auto; } }
@media screen and (max-width: 767px) { a.site-logo { margin: 0; } }
@media screen and (max-width: 368px) { a.site-logo { margin-top: 0; } } #top-search-toggle { cursor: pointer; } .search-header-wrapper { text-align: right; } .search-header-wrapper .search-form { position: relative; text-align: right; display: inline-block; overflow: hidden; right: 200px; opacity: 0; transition: 0.4s all; } .search-header-wrapper .search-form.show-form { right: 0; opacity: 1; display: inline-block; } .search-header-wrapper .search-form.show-form button.arrow-submit { opacity: 1; } .search-header-wrapper .search-form label { display: block; width: 180px; float: left; } .search-header-wrapper .search-form label input.search-field { width: 100%; padding-left: 0; font-size: 11px; line-height: 24px; background-color: transparent; border: none; border-bottom: 1px solid #808080; color: #000; font-weight: normal; } .search-header-wrapper .search-form label input.search-field:focus { outline: none; } .search-header-wrapper .search-form button.arrow-submit { background-color: transparent; border: none; float: left; margin-top: 10px; opacity: 0; } .search-header-wrapper .search-form button.arrow-submit i.fi { font-size: 1em; } .header-top-logo-menu { margin-top: 3em; z-index: 12; position: relative; }
@media screen and (max-width: 767px) { .header-top-logo-menu { margin-top: 1em; } } .header-top-logo-menu .lang-menu { z-index: 2; margin-top: 2.5%; }
@media screen and (max-width: 1366px) { .header-top-logo-menu .lang-menu { margin-top: 3.5%; } }
@media screen and (max-width: 767px) { .header-top-logo-menu .lang-menu { display: none; } } .main-header-top-menu { z-index: 2; }
@media screen and (max-width: 767px) { .main-header-top-menu { padding: 0; } } .main-header-top-menu .top-menu { float: right; }
@media screen and (max-width: 767px) { .main-header-top-menu .top-menu { float: none; margin-top: -4.3em; } } .main-header-top-menu .top-menu .top-menu-items { text-align: right; margin-right: 1.5em; } .main-header-top-menu .top-menu .top-menu-items a { padding: 3px 10px; color: #fff; }
@media screen and (max-width: 768px) { .main-header-top-menu .top-menu .top-menu-items a { font-size: 10px; } }
@media screen and (max-width: 767px) { .main-header-top-menu .top-menu .top-menu-items { display: none; } }
@media screen and (max-width: 767px) { .col-sm-3.col-xs-9.mobile-logo.text-center { float: right; } } #menu-item-2892-el { display: none; }
@media screen and (max-width: 767px) { #menu-item-2892-el { display: block; } } #menu-item-2893-en { display: none; }
@media screen and (max-width: 767px) { #menu-item-2893-en { display: block; } } #menu-item-2882-el { display: none; }
@media screen and (max-width: 767px) { #menu-item-2882-el { display: block; } } #menu-item-2883-en { display: none; }
@media screen and (max-width: 767px) { #menu-item-2883-en { display: block; } } .menu-item-2883-en { display: none; }
@media screen and (max-width: 767px) { .menu-item-2883-en { display: block; } } .menu-item-2882-el { display: none; }
@media screen and (max-width: 767px) { .menu-item-2882-el a { display: block; } } li.lang-item-en.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-2883-en { display: none; }
@media screen and (max-width: 767px) { li.lang-item-en.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-2883-en { display: block; } } li.lang-item-el.lang-item-first.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-2882-el { display: none; }
@media screen and (max-width: 767px) { li.lang-item-el.lang-item-first.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-2882-el { display: block; } } li.lang-item { list-style-type: none; }
@media screen and (max-width: 767px) { li.lang-item { text-align: left; } } li.lang-item a { color: #fff; }
@media screen and (max-width: 767px) { li.lang-item a { color: #fff; } } .spinner-wrapper { position: absolute; top: 9%; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 999999; }
@media screen and (max-width: 1250px) { .spinner-wrapper { top: 13%; height: 100vh; } }
@media screen and (max-device-width: 1024px) and (orientation: landscape) { .spinner-wrapper { top: 10%; } }
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { .spinner-wrapper { top: 6.5%; } }
@media screen and (max-width: 992px) { .spinner-wrapper { top: 11%; } }
@media screen and (max-width: 800px) { .spinner-wrapper { top: 10%; } }
@media screen and (max-width: 420px) { .spinner-wrapper { top: 11%; } }
@media screen and (max-width: 380px) { .spinner-wrapper { top: 10.5%; } }
@media screen and (max-width: 361px) { .spinner-wrapper { top: 12%; } }
@media screen and (max-width: 321px) { .spinner-wrapper { top: 13%; } } .sk-fading-circle { margin: 100px auto; width: 60px; height: 60px; top: 40%; left: 0; position: relative; }
@media screen and (max-width: 550px) { .sk-fading-circle { top: 25%; } } .sk-fading-circle .sk-circle { width: 100%; height: 100%; position: absolute; } .sk-fading-circle .sk-circle:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #ba2350; border-radius: 100%; -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; } .sk-fading-circle .sk-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } .sk-fading-circle .sk-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } .sk-fading-circle .sk-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .sk-fading-circle .sk-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } .sk-fading-circle .sk-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); } .sk-fading-circle .sk-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sk-fading-circle .sk-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); } .sk-fading-circle .sk-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); } .sk-fading-circle .sk-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .sk-fading-circle .sk-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); } .sk-fading-circle .sk-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); } .sk-fading-circle .sk-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-fading-circle .sk-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-fading-circle .sk-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-fading-circle .sk-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .sk-fading-circle .sk-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .sk-fading-circle .sk-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .sk-fading-circle .sk-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .sk-fading-circle .sk-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .sk-fading-circle .sk-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .sk-fading-circle .sk-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .sk-fading-circle .sk-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; }
@-webkit-keyframes sk-circleFadeDelay { 0%, 39%, 100% { opacity: 0; }
40% { opacity: 1; } }
@keyframes sk-circleFadeDelay { 0%, 39%, 100% { opacity: 0; }
40% { opacity: 1; } } .lang-selector { display: none; } footer.site-footer > div { background-color: #fff; background-clip: content-box; padding: 0; } footer.site-footer div div.col-sm-12 .footer-inner-wrapper { margin-top: 0em; } footer.site-footer div div.col-sm-12 .footer-inner-wrapper .first { background: #ba2350; position: relative; } footer.site-footer div div.col-sm-12 .footer-inner-wrapper .first .footer-main-title { font-size: 35px; font-family: 'Roboto', sans-serif; font-weight: 900; text-align: center; margin-top: 1em; }
@media screen and (max-width: 767px) { footer.site-footer div div.col-sm-12 .footer-inner-wrapper .first .footer-main-title { font-size: 40px; } } footer.site-footer div div.col-sm-12 .footer-inner-wrapper .first .footer-main-text { font-size: 14px; font-family: 'Roboto Mono', monospace; color: #fff; text-align: center; padding: 0.5em 0 3em; } footer.site-footer div div.col-sm-12 .footer-inner-wrapper .first .contact-arrow { position: absolute; left: 50%; background: #ba2350; border-radius: 50%; width: 65px; height: 65px; bottom: -20%; }
@media screen and (max-width: 767px) { footer.site-footer div div.col-sm-12 .footer-inner-wrapper .first .contact-arrow { left: 0; bottom: -13%; right: 0; margin: auto; } } footer.site-footer div div.col-sm-12 .footer-inner-wrapper .first .contact-arrow i.fi:before { position: absolute; left: 0; right: 0; margin: auto; text-align: center; top: 25%; vertical-align: middle; display: flex; justify-content: center; align-items: center; font-size: 35px; color: #fff; } footer.site-footer div div.col-sm-12 .footer-inner-wrapper .first .contact-arrow:hover i:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); transition: 0.5s ease; } footer.site-footer div div.col-sm-12 .footer-inner-wrapper .second { padding: 3em; background: #404040; }
@media screen and (max-width: 1024px) { footer.site-footer div div.col-sm-12 .footer-inner-wrapper .second { padding: 1em; } }
@media screen and (max-width: 767px) { footer.site-footer div div.col-sm-12 .footer-inner-wrapper .second { padding: 5em 0 1em; } } footer.site-footer div div.col-sm-12 .footer-inner-wrapper .second div div .homepage-newsletter-wrapper .comma-newsletter.text-left { font-size: 18px; font-weight: 900; font-family: 'Roboto', sans-serif; }
@media screen and (max-width: 767px) { footer.site-footer div div.col-sm-12 .footer-inner-wrapper .second div div .homepage-newsletter-wrapper .comma-newsletter.text-left { text-align: left; font-size: 23px; font-weight: bold; } } footer.site-footer div div.col-sm-12 .footer-inner-wrapper .second div div .homepage-newsletter-wrapper .comma-form-wrapper form#mc4wp-form-1 { margin-top: 4%; border: 1px solid #d0d0d0; padding: 0.5em; max-width: 350px; width: 350px; }
@media screen and (max-width: 767px) { footer.site-footer div div.col-sm-12 .footer-inner-wrapper .second div div .homepage-newsletter-wrapper .comma-form-wrapper form#mc4wp-form-1 { padding: 0; max-width: -webkit-fill-available; width: auto; } } footer.site-footer div div.col-sm-12 .footer-inner-wrapper .second div div .homepage-newsletter-wrapper .comma-form-wrapper form#mc4wp-form-1 .mc4wp-form-fields label { position: relative; top: -5px; } footer.site-footer div div.col-sm-12 .footer-inner-wrapper .second div div .homepage-newsletter-wrapper .comma-form-wrapper form#mc4wp-form-1 .mc4wp-form-fields label input { background: #404040; border: none; max-width: 250px; width: 250px; padding-left: 10%; }
@media screen and (max-width: 360px) { footer.site-footer div div.col-sm-12 .footer-inner-wrapper .second div div .homepage-newsletter-wrapper .comma-form-wrapper form#mc4wp-form-1 .mc4wp-form-fields label input { width: 200px; } } footer.site-footer div div.col-sm-12 .footer-inner-wrapper .second div div .homepage-newsletter-wrapper .comma-form-wrapper form#mc4wp-form-1 .mc4wp-form-fields button.search-submit.arrow-submit { background: #404040; border: none; width: 1em; position: relative; right: -10%; }
@media screen and (max-width: 767px) { footer.site-footer div div.col-sm-12 .footer-inner-wrapper .second div div .homepage-newsletter-wrapper .comma-form-wrapper form#mc4wp-form-1 .mc4wp-form-fields button.search-submit.arrow-submit { right: 5%; width: 50px; } }
@media screen and (max-width: 550px) { footer.site-footer div div.col-sm-12 .footer-inner-wrapper .second div div .homepage-newsletter-wrapper .comma-form-wrapper form#mc4wp-form-1 .mc4wp-form-fields button.search-submit.arrow-submit { right: -13%; } }
@media screen and (max-width: 380px) { footer.site-footer div div.col-sm-12 .footer-inner-wrapper .second div div .homepage-newsletter-wrapper .comma-form-wrapper form#mc4wp-form-1 .mc4wp-form-fields button.search-submit.arrow-submit { right: -1%; } }
@media screen and (max-width: 360px) { footer.site-footer div div.col-sm-12 .footer-inner-wrapper .second div div .homepage-newsletter-wrapper .comma-form-wrapper form#mc4wp-form-1 .mc4wp-form-fields button.search-submit.arrow-submit { right: -13%; } }
@media screen and (max-width: 330px) { footer.site-footer div div.col-sm-12 .footer-inner-wrapper .second div div .homepage-newsletter-wrapper .comma-form-wrapper form#mc4wp-form-1 .mc4wp-form-fields button.search-submit.arrow-submit { right: -0%; } } footer.site-footer div div.col-sm-12 .footer-inner-wrapper .second div div .homepage-newsletter-wrapper .comma-form-wrapper form#mc4wp-form-1 .mc4wp-form-fields button.search-submit.arrow-submit i.fi:before { padding: 8px; color: #ba2350; font-size: 25px; } footer.site-footer div div.col-sm-12 .footer-inner-wrapper .second div div .homepage-newsletter-wrapper .comma-form-wrapper form#mc4wp-form-1 .mc4wp-form-fields button.search-submit.arrow-submit:hover i:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); transition: 0.5s ease; } footer.site-footer div div.col-sm-12 .footer-inner-wrapper .second div div .homepage-newsletter-wrapper .footer-social { padding: 3em 0 1em; } footer.site-footer div div.col-sm-12 .footer-inner-wrapper .second div div .homepage-newsletter-wrapper .footer-social span#social-title { font-size: 18px; font-weight: 900; font-family: 'Roboto', sans-serif; position: relative; top: -5px; } footer.site-footer div div.col-sm-12 .footer-inner-wrapper .second div div .homepage-newsletter-wrapper .footer-social span.facebook { padding-left: 10px; } footer.site-footer div div.col-sm-12 .footer-inner-wrapper .second div div .homepage-newsletter-wrapper .footer-social span.youtube { padding-left: 10px; } footer.site-footer div div.col-sm-12 .footer-inner-wrapper .second div div .homepage-newsletter-wrapper .footer-social i.fi:before { color: #fff; font-size: 30px; } footer.site-footer div div.col-sm-12 .footer-inner-wrapper .second .container .landing-message { display: none; } footer.site-footer .footer-inner-wrapper { padding: 30px 0 0; }
@media screen and (max-width: 1024px) { footer.site-footer .footer-inner-wrapper { padding: 10px 0 0px; } }
@media screen and (max-width: 767px) { footer.site-footer .footer-inner-wrapper { padding: 30px 0 0; } } body.page-template.page-template-diamoni-template div footer.site-footer div div.col-sm-12 .footer-inner-wrapper { margin-top: -14em; background: #e6e4e1; }
@media screen and (max-width: 767px) { .footer-menu-wrapper { text-align: center; } } .footer-menu-wrapper ul { padding: 0; } .footer-menu-wrapper ul li.menu-item { display: block; margin: 0; color: #808080; font-size: 11px; line-height: 18px; }
@media screen and (max-width: 767px) { .footer-menu-wrapper ul li.menu-item { margin: 0 5px 5px 0; } } .footer-menu-wrapper ul li.menu-item:first-child { margin: 0 0 10px; font-size: 12px; font-weight: bold; } .footer-menu-wrapper ul li.menu-item:first-child a { color: #808080; } .footer-menu-wrapper ul li.menu-item a { color: #808080; }
@media screen and (max-width: 767px) { .footer-menu-wrapper ul li.menu-item a { font-size: 1em; } } .footer-menu-wrapper ul li.menu-item a:hover { text-decoration: none; opacity: 0.7; } .footer-menu-wrapper ul li.menu-item a span { display: block; opacity: inherit; } .footer-menu-wrapper ul li.menu-item.footer-top-link a { cursor: default; } .footer-menu-wrapper ul li.menu-item.footer-top-link a:hover { opacity: 1; text-decoration: none; } .footer-submenu-wrapper li.menu-item { display: inline-block; margin: 2px 10px 2px 10px; width: 90px; } .footer-submenu-wrapper li.menu-item a { color: #fff; opacity: 0.7; } .footer-submenu-wrapper li.menu-item a:hover { text-decoration: none; opacity: 0.9; } .footer-submenu-wrapper li.menu-item a span { display: block; opacity: inherit; } .footer-collaborators { margin: 5px 0; } .scrollup { color: #fff; padding: 6px 10px 6px 10px; position: fixed; bottom: 20px; right: 20px; font-size: 20px; background-color: rgba(0, 0, 0, 0.8); z-index: 6; display: none; } .scrollup:hover { color: #fff; }
@media screen and (max-width: 767px) { .footer-social-wrapper { text-align: center; } } .footer-social-wrapper h5 { margin: 0 0 10px; color: #808080; font-size: 12px; font-weight: bold; } .footer-social-wrapper a { color: #808080; font-size: 20px; } .footer-social-wrapper a i { color: #414143; } .footer-social-wrapper a i:hover { color: #3B5998; } .footer-contact-details { color: #fff; font-family: 'Roboto Mono', monospace; text-align: right; font-size: 13px; } .footer-contact-details .footer-logo { float: right; }
@media screen and (max-width: 767px) { .footer-contact-details .footer-logo { float: none; margin-top: 2em; } } .footer-contact-details .contact-info { float: right; padding-top: 1.5em; }
@media screen and (max-width: 767px) { .footer-contact-details .contact-info { text-align: left; padding: 1.5em; } } .footer-contact-details .contact-info p { margin: 0; }
@media screen and (max-width: 767px) { .footer-contact-details .contact-info p { font-weight: bold; color: #fff; } } .footer-copyright { background: #6d6e70; } .footer-copyright .copyright { text-align: center; font-family: 'Roboto'; font-size: 10px; color: #6d6e70; padding: 1em; }
@media screen and (max-width: 1024px) { .footer-copyright .copyright { font-size: 10px; } }
@media screen and (max-width: 768px) { .footer-copyright .copyright { padding: 1em 0; } } .footer-copyright .copyright a { color: #fff; font-size: 10px; font-weight: bold; letter-spacing: 1px; } .footer-made-by { background: #000; } .footer-made-by .comma-copyright { text-align: center; font-family: 'Roboto', sans-serif; padding: 1em; } .footer-made-by .comma-copyright a { color: #fff; font-size: 9px; font-weight: bold; letter-spacing: 1px; } .footer-social { padding: 3em 0 1em; }
@media screen and (max-width: 767px) { .footer-social { padding: 3em 2.5em 1em; } } .footer-social span#social-title { font-size: 18px; font-weight: 900; font-family: 'Roboto', sans-serif; position: relative; top: -5px; }
@media screen and (max-width: 550px) { .footer-social span#social-title { color: #fff; } } .footer-social span.facebook { padding-left: 10px; } .footer-social span.youtube { padding-left: 10px; } .footer-social i.fi:before { color: #fff; font-size: 30px; } .navbar-collapse.in { overflow-y: visible; }
@media screen and (max-width: 767px) { .navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover { background-image: none; background-color: #fff; color: #000; } } .navbar-default { background-color: transparent; } .navbar-default .navbar-nav { display: inline-block; float: right; vertical-align: top; text-align: left; padding-right: 2.5%; }
@media screen and (max-width: 1024px) { .navbar-default .navbar-nav { float: none; } }
@media screen and (max-width: 767px) { .navbar-default .navbar-nav { display: block; } }
@media screen and (max-width: 1024px) { .navbar-default .navbar-nav > li { width: 100%; border-bottom: 1px solid #fff; margin: 10px 0; } }
@media screen and (max-width: 767px) { .navbar-default .navbar-nav > li.open > a:hover { background-color: transparent; color: #fff; padding-bottom: 0; } } .navbar-default .navbar-nav > li > a { color: #000; font-size: 13px; font-family: 'Roboto Condensed', sans-serif; font-weight: normal; text-transform: uppercase; letter-spacing: 2px; }
@media screen and (max-width: 1024px) { .navbar-default .navbar-nav > li > a { color: #fff !important; } } .navbar-default .navbar-nav > li > a:after { content: ''; position: absolute; border: 0.5px solid; width: 2px; height: 2px; right: 0; margin: auto; top: 48%; }
@media screen and (max-width: 1024px) { .navbar-default .navbar-nav > li > a:after { width: 0; height: 0; } }
@media screen and (min-width: 1025px) { .navbar-default .navbar-nav > li > a:after { right: -10px; } }
@media screen and (max-width: 1024px) { .navbar-default .navbar-nav > li > a { color: #fff; } }
@media screen and (max-width: 1024px) { .navbar-default .navbar-nav li.menu-item-has-children a:after { content: ""; font-family: "Flaticon-3"; border: 0; top: 30%; right: 5%; } }
@media screen and (max-width: 1024px) { .navbar-default .navbar-nav li.menu-item-has-children.dropdown.open a:after { content: ""; color: #fff; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); right: 3%; } } .navbar .navbar-collapse { text-align: center; border-top: none; -webkit-box-shadow: none; box-shadow: none; margin-top: 1.3em; }
@media screen and (max-width: 1024px) { .navbar .navbar-collapse { background: #ba2350; margin-top: 3em; margin-left: -1.1em; width: 100vw; } }
@media screen and (max-width: 767px) { .navbar .navbar-collapse { margin-top: 5.8em; } } .navbar-default { background-image: none; border-radius: 0; border: 0; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; border-color: transparent; padding: 0px; margin: 0; margin-bottom: 0px; }
@media screen and (max-width: 1024px) { .navbar-default { position: absolute; top: 3em; right: 0; } }
@media screen and (max-width: 767px) { .navbar-default { position: absolute; top: -0.85em; right: 0; } }
@media screen and (max-width: 1024px) { div#burger-menu { margin-right: 1em; } }
@media screen and (max-width: 767px) { div#burger-menu { margin-right: 0.7em; top: 2.5em; } } .navbar-toggle { float: none; margin-top: 0; margin-right: 0; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a { color: #fff; background: #ba2250; padding-bottom: 40px; }
@media screen and (min-width: 768px) { .navbar-default .navbar-nav > .active > a:after, .navbar-default .navbar-nav > .open > a:after { display: none; } }
@media screen and (max-width: 1024px) { .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a { color: #fff; background: transparent; padding-bottom: 0; } }
@media screen and (max-width: 1024px) { .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a { background: none; box-shadow: none; color: #6d6e70; } } .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background-color: transparent; }  #burger-menu { width: 40px; position: relative; border: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; margin: 1.5em auto; } #burger-menu:hover { background-color: transparent; } #burger-menu span { display: block; position: absolute; height: 4px; width: 100%; background: #6d6e70; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } #burger-menu span:nth-child(1) { top: 0px; } #burger-menu span:nth-child(2), #burger-menu span:nth-child(3) { top: 10px; } #burger-menu span:nth-child(4) { top: 20px; } #burger-menu.active span:nth-child(1) { top: 18px; width: 0%; left: 50%; } #burger-menu.active span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #burger-menu.active span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #burger-menu.active span:nth-child(4) { top: 18px; width: 0%; left: 50%; }  .navbar-nav > li > .dropdown-menu { border-radius: 0; margin-top: 10px; } .navbar-nav > li > .dropdown-menu > li > a { letter-spacing: 0.05em; }
@media screen and (max-width: 892px) { .navbar-nav > li > .dropdown-menu > li > a { font-size: 0.9em; } }
@media screen and (max-width: 840px) { .navbar-nav > li > .dropdown-menu > li > a { font-size: 0.77em; } } .navbar-transparent .dropdown-menu .divider, [class*="navbar-ct"] .dropdown-menu .divider { background-color: rgba(255, 255, 255, 0.2); } .dropdown-menu { visibility: hidden; margin: 0; padding: 0; border-radius: 10px; display: block; z-index: 9000; position: absolute; opacity: 0; filter: alpha(opacity=0); -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.125); box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.125); } .open .dropdown-menu { opacity: 1; filter: alpha(opacity=100); visibility: visible; }
@media screen and (min-width: 768px) { .navbar-nav > li > .dropdown-menu, .dropdown .dropdown-menu { margin-top: 4px; } }
@media screen and (min-width: 768px) { .navbar-nav > li.open > .dropdown-menu, .dropdown.open .dropdown-menu { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .navbar-nav.navbar-right > li > .dropdown-menu:before { left: auto; right: 12px; } .navbar-nav.navbar-right > li > .dropdown-menu:after { left: auto; right: 12px; } .navbar-nav .open .dropdown-menu > li > a { padding: 5px 15px 5px 15px; } .navbar-nav .open .dropdown-menu > li:first-child > a { } .navbar-nav .open .dropdown-menu > li:last-child > a { } .navbar-nav .open .dropdown-menu > li.active a { background-image: none; color: #fff; } .navbar-nav .open .dropdown-menu > li.active:after { width: 15%; }
@media screen and (min-width: 768px) { .comma-menu-style-1 .nav > li { position: static; } .comma-menu-style-1 .nav > li:not(.dropdown):hover a { color: #fff; } .comma-menu-style-1 .nav > li.open a:hover, .comma-menu-style-1 .nav > li.open a:focus { background-color: #ba2250; color: #fff; opacity: 1; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .comma-menu-style-1 .nav > li.open a:hover, .comma-menu-style-1 .nav > li.open a:focus { background-color: transparent; padding: 10px; color: #fff; } }
@media screen and (min-width: 768px) { .comma-menu-style-1 .nav > li a { -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; } .comma-menu-style-1 .nav > li a:hover, .comma-menu-style-1 .nav > li a:focus { opacity: 1; } .comma-menu-style-1 .nav > li a.dropdown-toggle span.caret { display: none; } .comma-menu-style-1 .dropdown-menu { width: 100%; left: 0; right: 0; margin-left: auto; margin-right: auto; text-align: center; padding: 10px 0; margin: 0; top: 25px; } .comma-menu-style-1 .dropdown-menu:before, .comma-menu-style-1 .dropdown-menu:after { display: none !important; } .comma-menu-style-1 .dropdown-menu > li.active a { text-decoration: underline; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .comma-menu-style-1 .dropdown-menu > li.active a:after { display: none; } }
@media screen and (min-width: 768px) { .comma-menu-style-1 .dropdown-menu > li a { color: #fff; } .comma-menu-style-1 .dropdown-menu > li a:hover { background-color: transparent; background-image: none; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .comma-menu-style-1 .dropdown-menu > li a:after { display: none; } }  #burger-menu { width: 40px; position: relative; border: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; margin: 0em auto; } #burger-menu:hover { background-color: transparent; } #burger-menu span { display: block; position: absolute; height: 4px; width: 100%; background: #6d6e70; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } #burger-menu span:nth-child(1) { top: 0px; } #burger-menu span:nth-child(2), #burger-menu span:nth-child(3) { top: 10px; } #burger-menu span:nth-child(4) { top: 20px; }
@media screen and (max-width: 767px) { #burger-menu span { background: #fff; margin-right: 1em; top: 2.5em; } } #burger-menu.active span:nth-child(1) { top: 18px; width: 0%; left: 50%; } #burger-menu.active span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #burger-menu.active span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #burger-menu.active span:nth-child(4) { top: 18px; width: 0%; left: 50%; }
@media screen and (max-width: 768px) { #burger-menu { float: right; } } #burger-menu.navbar-toggle.collapsed.active { margin: 0 0 1.5em auto; right: 1em; position: absolute; }
@media screen and (max-width: 767px) { #burger-menu { right: 0em; position: absolute; } }  .navbar-nav > li > .dropdown-menu { border-radius: 0; margin-top: 10px; } .navbar-nav > li > .dropdown-menu > li > a { letter-spacing: 0.05em; }
@media screen and (max-width: 892px) { .navbar-nav > li > .dropdown-menu > li > a { font-size: 0.9em; } }
@media screen and (max-width: 767px) { .navbar-nav > li > .dropdown-menu > li > a { font-size: 4vw; } } .navbar-transparent .dropdown-menu .divider, [class*="navbar-ct"] .dropdown-menu .divider { background-color: rgba(255, 255, 255, 0.2); } .dropdown-menu { visibility: hidden; margin: 0; padding: 0; border-radius: 10px; display: block; z-index: 9000; position: absolute; opacity: 0; filter: alpha(opacity=0); -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.125); box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.125); } .open .dropdown-menu { opacity: 1; filter: alpha(opacity=100); visibility: visible; }
@media screen and (min-width: 768px) { .navbar-nav > li > .dropdown-menu, .dropdown .dropdown-menu { margin-top: 0px; background: none; color: #fff; border: none; top: 6.3em; padding: 0; left: -21.1%; width: 99vw; } }
@media screen and (min-width: 768px) { .navbar-nav > li.open > .dropdown-menu, .dropdown.open .dropdown-menu { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; background: #ba2250; padding: 4% 25%; min-height: 350px; } }
@media screen and (max-width: 1366px) { .navbar-nav > li.open > .dropdown-menu, .dropdown.open .dropdown-menu { padding: 4% 10%; } }
@media screen and (max-width: 1024px) { .navbar-nav > li.open > .dropdown-menu, .dropdown.open .dropdown-menu { min-height: 300px; left: 3em; width: 80%; padding: 4% 0; } }
@media screen and (max-width: 767px) { .navbar-nav > li.open > .dropdown-menu, .dropdown.open .dropdown-menu { min-height: auto; } } .navbar-nav.navbar-right > li > .dropdown-menu:before { left: auto; right: 12px; } .navbar-nav.navbar-right > li > .dropdown-menu:after { left: auto; right: 12px; } .navbar-nav .open .dropdown-menu > li > a { color: #fff; background: transparent; font-weight: bold; white-space: pre-wrap; }
@media screen and (max-width: 1024px) { .navbar-nav .open .dropdown-menu > li > a { font-size: 13px; } } .navbar-nav .open .dropdown-menu > li:first-child > a { color: #fff; background: transparent; font-weight: bold; white-space: pre-wrap; }
@media screen and (max-width: 1024px) { .navbar-nav .open .dropdown-menu > li:first-child > a { text-decoration: none; font-size: 15px; } } .navbar-nav .open .dropdown-menu > li:last-child > a { color: #fff; background: transparent; font-weight: bold; white-space: pre-wrap; } .navbar-nav .open .dropdown-menu > li.active a { font-family: 'Roboto', sans-serif; }
@media screen and (min-width: 768px) { .comma-menu-style-1 .nav > li { position: static; } .comma-menu-style-1 .nav > li:not(.dropdown):hover a { color: #fff; opacity: 1; background: #ba2250; padding-bottom: 40px; } }
@media screen and (min-width: 768px) and (min-width: 768px) { .comma-menu-style-1 .nav > li:not(.dropdown):hover a:after { display: none; } }
@media screen and (min-width: 768px) { .comma-menu-style-1 .nav > li a { -webkit-transition: .2s ease-in-out; -moz-transition: .2s ease-in-out; -o-transition: .2s ease-in-out; transition: .2s ease-in-out; padding: 10px 10px; margin: 0 10px; font-family: 'Roboto Mono',sans-serif; } .comma-menu-style-1 .nav > li a:hover, .comma-menu-style-1 .nav > li a:focus { } .comma-menu-style-1 .nav > li a.dropdown-toggle span.caret { display: none; } .comma-menu-style-1 .dropdown-menu { width: 100%; left: 0; right: 0; margin-left: auto; margin-right: auto; text-align: center; padding: 10px 0; margin: 0; top: 25px; background-color: #000; } .comma-menu-style-1 .dropdown-menu:before, .comma-menu-style-1 .dropdown-menu:after { display: none !important; } .comma-menu-style-1 .dropdown-menu > li.menu-image { width: 50%; float: right; position: absolute; left: 50%; top: 20%; background-image: url(//standoor.comma-abc.com/content/uploads/2019/10/facilities-01new.jpg); height: 250px; max-height: 250px; background-repeat: no-repeat; background-size: 350px 200px; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .comma-menu-style-1 .dropdown-menu > li.menu-image { width: 45%; top: 10%; } }
@media screen and (min-width: 768px) and (max-width: 767px) { .comma-menu-style-1 .dropdown-menu > li.menu-image { display: none; } }
@media screen and (min-width: 768px) { .comma-menu-style-1 .dropdown-menu > li.menu-image:after { display: none; } .comma-menu-style-1 .dropdown-menu > li.menu-image a { display: none; } .comma-menu-style-1 .dropdown-menu > li { text-align: left; font-size: 11px; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; position: relative; } .comma-menu-style-1 .dropdown-menu > li:after { content: ''; position: absolute; border: 1px solid #fff; left: 25%; top: 10px; width: 21%; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { .comma-menu-style-1 .dropdown-menu > li:after { display: none; } }
@media screen and (min-width: 768px) { .comma-menu-style-1 .dropdown-menu > li.active a { text-decoration: underline; } .comma-menu-style-1 .dropdown-menu > li a { color: #fff; } .comma-menu-style-1 .dropdown-menu > li a:hover { background-color: transparent; background-image: none; } }
@media screen and (max-width: 767px) { .menu-image { display: none; } } p.top-menu span { padding: 0px 10px; } .lang { color: #fff; } .lang:before { content: ''; margin: auto; border: 1px solid #fff; position: absolute; bottom: 25px; left: 0; right: 0; height: 2em; width: 2px; } .caret { display: none; }
@media screen and (min-width: 768px) { .menu-mobile-only { display: none !important; } }
@media screen and (max-width: 767px) { li#menu-item { color: #000; } }
@media screen and (max-width: 1024px) { .menu-item { padding-left: 2em; text-align: left; color: #fff; } } li.hover-effect-border a { position: relative; display: block; overflow: hidden; } li.hover-effect-border a:before { box-sizing: border-box; transform: translateX(100%); content: ''; position: absolute; bottom: 0; left: 0; width: 99.5%; height: 2px; border-bottom: 2px solid transparent; border-left: 2px solid transparent; } li.hover-effect-border a:after { box-sizing: border-box; transform: translateX(-100%); content: ''; position: absolute; top: 0; left: 0; width: 99.5%; height: 2px; border-top: 2px solid transparent; border-right: 2px solid transparent; } li.hover-effect-border a:hover { text-decoration: none; } li.hover-effect-border a:hover:before { transition: .1s transform linear, .1s height linear .1s; transform: translateX(0); height: 100%; border-color: #fff; }
@media screen and (max-width: 767px) { li.hover-effect-border a:hover:before { border-color: transparent; } } li.hover-effect-border a:hover:after { transition: .1s transform linear .2s, .1s height linear .3s; transform: translateX(0); height: 100%; border-color: #fff; }
@media screen and (max-width: 767px) { li.hover-effect-border a:hover:after { border-color: transparent; } } div.hover-effect-border a { position: relative; display: inline-block; overflow: hidden; } div.hover-effect-border a:before { box-sizing: border-box; transform: translateX(100%); content: ''; position: absolute; bottom: 0; left: 0; width: 99.5%; height: 2px; border-bottom: 2px solid transparent; border-left: 2px solid transparent; } div.hover-effect-border a:after { box-sizing: border-box; transform: translateX(-100%); content: ''; position: absolute; top: 0; left: 0; width: 99.5%; height: 2px; border-top: 2px solid transparent; border-right: 2px solid transparent; } div.hover-effect-border a:hover { color: inherit; text-decoration: none; } div.hover-effect-border a:hover:before { transition: .1s transform linear, .1s height linear .1s; transform: translateX(0); height: 100%; border-color: #fff; } div.hover-effect-border a:hover:after { transition: .1s transform linear .2s, .1s height linear .3s; transform: translateX(0); height: 100%; border-color: #fff; }
@media screen and (max-width: 767px) { ul.dropdown-menu { background-color: #f6f6f6; } ul.dropdown-menu li a { color: #fff; } .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #fff; font-size: 11px; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:after { display: none; } .navbar-nav { margin: 0px -15px; } } .sidenav { display: none; height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: #383b3f; overflow-x: hidden; transition: 0.3s; padding-top: 60px; }
@media screen and (max-width: 767px) { .sidenav { display: block; } } .sidenav a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 18px; color: #fff; display: block; transition: 0.3s; font-weight: 100; } .sidenav a:hover { color: #fff; } .sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 50px; margin-left: 50px; }
@media screen and (max-height: 450px) { .sidenav { padding-top: 15px; } .sidenav a { font-size: 18px; } } .nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background-color: transparent; border-color: transparent; } .nav > li > a:focus, .nav > li > a:hover { background-color: transparent; } li.book-now:after { content: ''; height: 30px; margin: auto; border: 0.5px solid #fff; position: absolute; top: 12px; transition: 0.5s; }
@media screen and (max-width: 1024px) { li.book-now:after { display: none; } } .mobile-menu { padding: 0 0 1em 0; } .mobile-menu .col-xs-2:nth-child(1) { padding: 1em 0; } .mobile-menu .menu-xs { text-align: center; padding: 1em 0; } .mobile-menu .menu-xs a img { width: 70%; } .book-now-mobile { background: #fff; min-height: 10px; font-size: 14px; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; font-weight: 600; padding: 10px; text-align: center; margin-bottom: 10px; margin-top: -15px; letter-spacing: 3px; } .book-now-mobile a { color: #6d6e70; } div.mobile-menu-text { display: none; }
@media screen and (max-width: 1024px) { div.mobile-menu-text { display: block; font-family: 'Roboto Condensed', sans-serif; font-size: 10px; color: #777; text-transform: uppercase; font-weight: bold; letter-spacing: 5px; position: absolute; top: -2.5em; right: 1em; } .navbar-header { float: none; } }
@media screen and (max-width: 767px) { div.mobile-menu-text { top: 1.5em; right: 0.5em; color: #fff; } .navbar-header { height: 80px; background: #ba2350; top: 0; width: 62px; right: 1px; position: absolute; } } ul.dropdown-menu { border: none; box-shadow: none; } li.pll-parent-menu-item.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.dropdown { position: absolute; left: 0; }
@media screen and (max-width: 1024px) { li.pll-parent-menu-item.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.dropdown { margin-top: 10%; z-index: 20; } li.pll-parent-menu-item.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.dropdown a:hover { color: #555 !important; } li.pll-parent-menu-item.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.dropdown a:focus { color: #555 !important; } }
@media screen and (max-width: 1024px) { li.pll-parent-menu-item.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.dropdown { display: none; } } li.pll-parent-menu-item.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.dropdown a:hover { background-color: transparent; color: #fff; opacity: 1; } li.pll-parent-menu-item.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.dropdown a:focus { background-color: transparent; color: #fff; opacity: 1; }
@media screen and (max-width: 1024px) { .lang-mobile select { background: #6d6e70; text-transform: uppercase; position: absolute; right: 0%; top: 0; font-family: 'Roboto Condensed', sans-serif; font-size: 12px; border-radius: 5%; letter-spacing: 2px; font-weight: bold; } .lang-mobile select option { font-size: 10px; font-weight: bold; letter-spacing: 4px; padding: 0; line-height: 10px; } } img.tablet-view { display: none; }
@media screen and (max-width: 1024px) { img.tablet-view { display: block; } }
@media screen and (max-width: 767px) { img.tablet-view { display: none; } } img.desktop-view { display: block; }
@media screen and (max-width: 1024px) { img.desktop-view { display: none; } }  .navbar-toggle { display: none; }
@media screen and (max-width: 1024px) { .navbar-toggle { display: block !important; } }
@media screen and (max-width: 1024px) { .navbar-collapse.collapse { display: none !important; } }
@media screen and (max-width: 1024px) { .collapse.in { display: block !important; } } .lang-mobile select { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 5px 15px; border-radius: 0; border: none; } .lang-mobile:after { font-size: 10px !important; color: #fff !important; font-family: Flaticon-2; content: ""; font-weight: bold; position: absolute; right: 5px; top: 7px; } li#menu-item-106 a:after { display: none; } body.search-results header.page-header, body.search-no-results header.page-header { position: relative; margin-bottom: 50px; } body.search-results header.page-header .searched-for-wrapper, body.search-no-results header.page-header .searched-for-wrapper { position: absolute; left: 0; right: 0; margin-left: auto; margin-right: auto; bottom: -30px; } body.search-results header.page-header .searched-for-wrapper > div, body.search-no-results header.page-header .searched-for-wrapper > div { bottom: -20px; padding: 20px 0; width: 70%; background-color: #000; color: #fff; display: inline-block; font-weight: 700; font-size: 16px; } .search-results-wrapper article.search-result-article { padding: 30px 0; margin: auto; text-align: center; border-top: 1px solid #59595B; } .search-results-wrapper article.search-result-article:first-child { border-top: 0; } .search-results-wrapper article.search-result-article h1, .search-results-wrapper article.search-result-article h2 { font-size: 34px; font-weight: 700; margin: auto; } .search-results-wrapper article.search-result-article .search-result-desc { color: #808080; } .search-results-wrapper article.search-result-article .search-result-link { margin: 20px 0; } .search-results-wrapper article.search-result-article .search-result-link a { font-style: italic; font-size: 14px; } .search-no-results-form, .comma-search-form-wrapper { margin-top: 20px; } .search-no-results-form .search-form, .comma-search-form-wrapper .search-form { position: relative; text-align: right; display: inline-block; overflow: hidden; transition: 0.4s all; } .search-no-results-form .search-form.show-form, .comma-search-form-wrapper .search-form.show-form { right: 0; opacity: 1; display: inline-block; } .search-no-results-form .search-form label, .comma-search-form-wrapper .search-form label { display: block; width: 180px; float: left; } .search-no-results-form .search-form label input.search-field, .comma-search-form-wrapper .search-form label input.search-field { width: 100%; padding-left: 0; font-size: 11px; line-height: 24px; background-color: transparent; border: none; border-bottom: 1px solid #808080; color: #000; font-weight: normal; } .search-no-results-form .search-form label input.search-field:focus, .comma-search-form-wrapper .search-form label input.search-field:focus { outline: none; } .search-no-results-form .search-form button.arrow-submit, .comma-search-form-wrapper .search-form button.arrow-submit { background-color: transparent; border: none; float: left; margin-top: 10px; } .search-no-results-form .search-form button.arrow-submit i.fi, .comma-search-form-wrapper .search-form button.arrow-submit i.fi { font-size: 1em; } .standoor-container .row { margin: 0; } .standoor-container .row .main-block { position: relative; } .standoor-container .row .main-block .col-sm-4 { position: relative; padding: 0; } .standoor-container .row .main-block .col-sm-4 a span { position: absolute; left: 7%; top: 60%; margin: auto; color: #fff; font-size: 19px; font-weight: 600; font-family: 'Roboto Condensed', sans-serif; } .standoor-container .row .main-block .col-sm-4 a span:after { content: ''; border: 1px solid #fff; position: absolute; width: 30%; bottom: -30%; } .standoor-container .main-text { position: absolute; left: 0; right: 0; margin: auto; text-align: center; top: 45%; font-size: 50px; font-weight: 900; font-family: 'Roboto', sans-serif; }
@media screen and (max-width: 1368px) { .standoor-container .main-text { top: 40%; } }
@media screen and (max-width: 1024px) { .standoor-container .main-text { top: 30%; font-size: 35px; } }
@media screen and (max-width: 880px) { .standoor-container .main-text { top: 20%; } }
@media screen and (max-width: 767px) { .standoor-container .main-text { display: none; } } .standoor-container .row.second-block { background: #ba2350; padding: 3em 0 0em 0; font-family: 'Roboto', sans-serif; } .standoor-container .row.second-block .container .main-text-right { height: 540px; display: flex; justify-content: center; align-items: center; }
@media screen and (max-width: 1024px) { .standoor-container .row.second-block .container .main-text-right { height: 450px; } }
@media screen and (max-width: 767px) { .standoor-container .row.second-block .container .main-text-right { height: auto; } } .standoor-container .row.second-block .container .main-text-right .centered-middle .subtitle { font-family: 'Roboto Mono', monospace; font-size: 14px; } .standoor-container .row.second-block .container .main-text-right .centered-middle .title { font-size: 35px; font-weight: 900; font-family: 'Roboto', sans-serif; padding: 5px 0 25px; }
@media screen and (max-width: 767px) { .standoor-container .row.second-block .container .main-text-right .centered-middle .title { font-size: 30px; text-align: center; } } .standoor-container .row.second-block .container .main-text-right .centered-middle .text { font-size: 15px; line-height: 21px; }
@media screen and (max-width: 767px) { .standoor-container .row.second-block .container .main-text-right .centered-middle .text { font-size: 15px; } } .standoor-container .row.second-block .container .main-text-right .centered-middle .learn-more { margin: 5em 0; position: relative; font-size: 12px; letter-spacing: 2px; font-family: 'Roboto', sans-serif; } .standoor-container .row.second-block .container .main-text-right .centered-middle .learn-more:after { content: ''; width: 0px; height: 0px; border-style: solid; border-width: 0px 90px 80px 0; border-color: transparent transparent rgba(255, 255, 255, 0.2) transparent; display: inline-block; vertical-align: middle; position: absolute; top: -40px; left: 23%; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .standoor-container .row.second-block .container .main-text-right .centered-middle .learn-more a { color: #fff; } .standoor-container .row.second-block .container .main-text-right .centered-middle .learn-more:hover:after { border-width: 0 90px 90px 50px; } .standoor-container .row.second-block .container div img:after { content: ''; position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: rgba(255, 255, 255, 0.4); -webkit-transition: none; -moz-transition: none; transition: none; } .standoor-container .row.second-block .container div img:hover:after { width: 120%; background-color: rgba(255, 255, 255, 0); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .standoor-container .row.second-block#second-section { background: #ba2350; padding: 0em 0 15em 0; font-family: 'Roboto', sans-serif; }
@media screen and (max-width: 1024px) { .standoor-container .row.second-block#second-section { padding: 0em 0 10em 0; } } .standoor-container .row.third-block .container.icon-block { background: #404040; text-align: center; padding: 4% 0; position: relative; top: -11em; }
@media screen and (max-width: 1368px) { .standoor-container .row.third-block .container.icon-block { top: -10em; } }
@media screen and (max-width: 1024px) { .standoor-container .row.third-block .container.icon-block { top: -5em; padding: 8% 0; } }
@media screen and (max-width: 767px) { .standoor-container .row.third-block .container.icon-block { top: -10em; } }
@media screen and (max-width: 767px) { .standoor-container .row.third-block .container.icon-block .col-xs-12.col-sm-4.col-md-4 { padding: 5%; } } .standoor-container .row.third-block .container.icon-block .col-xs-12.col-sm-4.col-md-4 .icon { position: relative; } .standoor-container .row.third-block .container.icon-block .col-xs-12.col-sm-4.col-md-4 .icon i:before { font-size: 50px; z-index: 1; position: relative; background: #404040; padding: 5px; margin: 0; } .standoor-container .row.third-block .container.icon-block .col-xs-12.col-sm-4.col-md-4 .icon i .line { width: 130px; height: 60px; border-bottom: 2px solid #fff; -webkit-transform: translateY(20px) translateX(3px) rotate(-45deg); position: absolute; top: -40px; left: 25%; z-index: 0; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; }
@media screen and (max-width: 1024px) { .standoor-container .row.third-block .container.icon-block .col-xs-12.col-sm-4.col-md-4 .icon i .line { top: -45px; left: 10%; } }
@media screen and (max-width: 767px) { .standoor-container .row.third-block .container.icon-block .col-xs-12.col-sm-4.col-md-4 .icon i .line { left: -3em; right: 0; margin: auto; } } .standoor-container .row.third-block .container.icon-block .col-xs-12.col-sm-4.col-md-4 .title { font-size: 15px; text-transform: uppercase; font-family: 'Roboto', sans-serif; text-align: center; margin-top: 10%; } .standoor-container .row.third-block .container.icon-block .col-xs-12.col-sm-4.col-md-4 .text { padding: 1em 0; font-size: 12px; } .standoor-container .row.third-block .container.icon-block .col-xs-12.col-sm-4.col-md-4:hover div i .line { -webkit-transform: translateY(20px) translateX(3px) rotate(-89deg); position: absolute; top: -25px; left: 23%; }
@media screen and (max-width: 880px) { .standoor-container .row.third-block .container.icon-block .col-xs-12.col-sm-4.col-md-4:hover div i .line { width: 100px; height: 65px; top: -22px; left: -20%; } } .standoor-container .row.fourth-block.all-productsrow { margin: -2em 0 1em 0; padding: 0 3%; position: relative; }
@media screen and (max-width: 1480px) { .standoor-container .row.fourth-block.all-productsrow { margin: -2em 0 4em 0; } }
@media screen and (max-width: 767px) { .standoor-container .row.fourth-block.all-productsrow { margin: -2em 0 0em 0; top: -4em; text-align: center; } } .standoor-container .row.fourth-block.all-productsrow .title { font-size: 40px; color: #000; font-weight: bold; padding: 0 0 1em 0; position: relative; } .standoor-container .row.fourth-block.all-productsrow slick-slider { position: unset; } .standoor-container .row.fourth-block.all-productsrow div#products, .standoor-container .row.fourth-block.all-productsrow #products-bottom { position: unset; } .standoor-container .row.fourth-block.all-productsrow div#products .slick-list.draggable .slick-track div, .standoor-container .row.fourth-block.all-productsrow #products-bottom .slick-list.draggable .slick-track div { position: relative; } .standoor-container .row.fourth-block.all-productsrow div#products .slick-list.draggable .slick-track div a img, .standoor-container .row.fourth-block.all-productsrow #products-bottom .slick-list.draggable .slick-track div a img { width: 89.3%; }
@media screen and (max-width: 767px) { .standoor-container .row.fourth-block.all-productsrow div#products .slick-list.draggable .slick-track div a img, .standoor-container .row.fourth-block.all-productsrow #products-bottom .slick-list.draggable .slick-track div a img { width: auto; } } .standoor-container .row.fourth-block.all-productsrow div#products .slick-list.draggable .slick-track div a .overlay, .standoor-container .row.fourth-block.all-productsrow #products-bottom .slick-list.draggable .slick-track div a .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 89.3%; opacity: 0; transition: .2s ease-in-out; background-color: #ba2350; }
@media screen and (max-width: 767px) { .standoor-container .row.fourth-block.all-productsrow div#products .slick-list.draggable .slick-track div a .overlay, .standoor-container .row.fourth-block.all-productsrow #products-bottom .slick-list.draggable .slick-track div a .overlay { width: auto; } } .standoor-container .row.fourth-block.all-productsrow div#products .slick-list.draggable .slick-track div a span.image-slide-text, .standoor-container .row.fourth-block.all-productsrow #products-bottom .slick-list.draggable .slick-track div a span.image-slide-text { position: absolute; bottom: 10%; text-transform: uppercase; color: #fff; font-size: 15px; font-weight: 600; left: 5%; max-width: 150px; }
@media screen and (max-width: 767px) { .standoor-container .row.fourth-block.all-productsrow div#products .slick-list.draggable .slick-track div a span.image-slide-text, .standoor-container .row.fourth-block.all-productsrow #products-bottom .slick-list.draggable .slick-track div a span.image-slide-text { position: relative; top: 0.3em; color: #000; font-size: 30px; left: 0; } } .standoor-container .row.fourth-block.all-productsrow div#products .slick-list.draggable .slick-track div a:hover .overlay, .standoor-container .row.fourth-block.all-productsrow #products-bottom .slick-list.draggable .slick-track div a:hover .overlay { opacity: 0.7; } .standoor-container .row.fourth-block.all-productsrow div#products button.slick-prev.slick-arrow, .standoor-container .row.fourth-block.all-productsrow #products-bottom button.slick-prev.slick-arrow { top: 57%; z-index: 2; left: 0%; }
@media screen and (max-width: 880px) { .standoor-container .row.fourth-block.all-productsrow div#products button.slick-prev.slick-arrow, .standoor-container .row.fourth-block.all-productsrow #products-bottom button.slick-prev.slick-arrow { top: 68%; } }
@media screen and (max-width: 767px) { .standoor-container .row.fourth-block.all-productsrow div#products button.slick-prev.slick-arrow, .standoor-container .row.fourth-block.all-productsrow #products-bottom button.slick-prev.slick-arrow { top: 45%; left: -5px; } } .standoor-container .row.fourth-block.all-productsrow div#products button.slick-prev.slick-arrow:before, .standoor-container .row.fourth-block.all-productsrow #products-bottom button.slick-prev.slick-arrow:before { color: #ba2350; z-index: 3; content: ""; font-size: 5rem; }
@media screen and (max-width: 1201px) { .standoor-container .row.fourth-block.all-productsrow div#products button.slick-prev.slick-arrow:before, .standoor-container .row.fourth-block.all-productsrow #products-bottom button.slick-prev.slick-arrow:before { font-size: 3rem; } }
@media screen and (max-width: 767px) { .standoor-container .row.fourth-block.all-productsrow div#products button.slick-prev.slick-arrow:before, .standoor-container .row.fourth-block.all-productsrow #products-bottom button.slick-prev.slick-arrow:before { font-size: 3rem; } }
@media screen and (max-width: 550px) { .standoor-container .row.fourth-block.all-productsrow div#products button.slick-prev.slick-arrow:before, .standoor-container .row.fourth-block.all-productsrow #products-bottom button.slick-prev.slick-arrow:before { font-size: 6rem; } } .standoor-container .row.fourth-block.all-productsrow div#products button.slick-next.slick-arrow, .standoor-container .row.fourth-block.all-productsrow #products-bottom button.slick-next.slick-arrow { top: 57%; left: 94.8%; z-index: 2; }
@media screen and (max-width: 1600px) { .standoor-container .row.fourth-block.all-productsrow div#products button.slick-next.slick-arrow, .standoor-container .row.fourth-block.all-productsrow #products-bottom button.slick-next.slick-arrow { left: 94.2%; } }
@media screen and (max-width: 1500px) { .standoor-container .row.fourth-block.all-productsrow div#products button.slick-next.slick-arrow, .standoor-container .row.fourth-block.all-productsrow #products-bottom button.slick-next.slick-arrow { left: 94.1%; } }
@media screen and (max-width: 1368px) { .standoor-container .row.fourth-block.all-productsrow div#products button.slick-next.slick-arrow, .standoor-container .row.fourth-block.all-productsrow #products-bottom button.slick-next.slick-arrow { left: 93.8%; } }
@media screen and (max-width: 1201px) { .standoor-container .row.fourth-block.all-productsrow div#products button.slick-next.slick-arrow, .standoor-container .row.fourth-block.all-productsrow #products-bottom button.slick-next.slick-arrow { left: 94.7%; } }
@media screen and (max-width: 800px) { .standoor-container .row.fourth-block.all-productsrow div#products button.slick-next.slick-arrow, .standoor-container .row.fourth-block.all-productsrow #products-bottom button.slick-next.slick-arrow { top: 68%; left: 94%; } }
@media screen and (max-width: 767px) { .standoor-container .row.fourth-block.all-productsrow div#products button.slick-next.slick-arrow, .standoor-container .row.fourth-block.all-productsrow #products-bottom button.slick-next.slick-arrow { top: 45%; right: -4px; left: auto; } }
@media screen and (max-width: 550px) { .standoor-container .row.fourth-block.all-productsrow div#products button.slick-next.slick-arrow, .standoor-container .row.fourth-block.all-productsrow #products-bottom button.slick-next.slick-arrow { right: 0px; } } .standoor-container .row.fourth-block.all-productsrow div#products button.slick-next.slick-arrow:before, .standoor-container .row.fourth-block.all-productsrow #products-bottom button.slick-next.slick-arrow:before { color: #ba2350; z-index: 3; font-size: 5rem; content: ""; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
@media screen and (max-width: 1201px) { .standoor-container .row.fourth-block.all-productsrow div#products button.slick-next.slick-arrow:before, .standoor-container .row.fourth-block.all-productsrow #products-bottom button.slick-next.slick-arrow:before { font-size: 3rem; } }
@media screen and (max-width: 767px) { .standoor-container .row.fourth-block.all-productsrow div#products button.slick-next.slick-arrow:before, .standoor-container .row.fourth-block.all-productsrow #products-bottom button.slick-next.slick-arrow:before { font-size: 3rem; } }
@media screen and (max-width: 550px) { .standoor-container .row.fourth-block.all-productsrow div#products button.slick-next.slick-arrow:before, .standoor-container .row.fourth-block.all-productsrow #products-bottom button.slick-next.slick-arrow:before { font-size: 6rem; } } .standoor-container .row.fourth-block.all-productsrow .all-products { margin: 4% 0; position: relative; }
@media screen and (max-width: 767px) { .standoor-container .row.fourth-block.all-productsrow .all-products { display: none; } } .standoor-container .row.fourth-block.all-productsrow .all-products .learn-more { margin: 5em 0; font-size: 12px; letter-spacing: 2px; font-family: 'Roboto', sans-serif; } .standoor-container .row.fourth-block.all-productsrow .all-products .learn-more:after { content: ''; width: 0px; height: 0px; border-style: solid; border-width: 0px 90px 80px 0; border-color: transparent transparent rgba(0, 0, 0, 0.2) transparent; display: inline-block; vertical-align: middle; position: absolute; top: -40px; left: 8%; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .standoor-container .row.fourth-block.all-productsrow .all-products .learn-more a { color: #000; } .standoor-container .row.fourth-block.all-productsrow .all-products .learn-more:hover:after { border-width: 0 90px 90px 50px; } .standoor-container .row.fifth-block { padding: 5% 10%; }
@media screen and (max-width: 1368px) { .standoor-container .row.fifth-block { padding: 3% 2%; } } .standoor-container .row.fifth-block div { padding: 0 3% 0 0; }
@media screen and (max-width: 767px) { .standoor-container .row.fifth-block div { padding: 0; } } .standoor-container .row.fifth-block div .news { background: #ba2350; width: 90%; max-height: 33.5em; }
@media screen and (max-width: 767px) { .standoor-container .row.fifth-block div .news { background: #f0f0f0; width: 100%; max-height: 33.5em; padding-top: 1em; } } .standoor-container .row.fifth-block div .news div { color: #fff; font-size: 35px; font-weight: 900; }
@media screen and (max-width: 1368px) { .standoor-container .row.fifth-block div .news div { font-size: 30px; } }
@media screen and (max-width: 767px) { .standoor-container .row.fifth-block div .news div { color: #000; } } .standoor-container .row.fifth-block div .news div.view-all { font-size: 20px; font-weight: 500; color: #fff; text-align: right; height: 50px; display: flex; justify-content: center; align-items: center; position: relative; left: 10%; }
@media screen and (max-width: 767px) { .standoor-container .row.fifth-block div .news div.view-all { position: inherit; } } .standoor-container .row.fifth-block div .news div.view-all a { font-family: 'Roboto Mono', monospace; color: #fff; font-size: 14px; font-weight: 100; }
@media screen and (max-width: 767px) { .standoor-container .row.fifth-block div .news div.view-all a { color: #000; } } .standoor-container .row.fifth-block div .news div.view-all a i:before { font-size: 20px; position: relative; top: 3px; transition: 0.5s ease; } .standoor-container .row.fifth-block div .news div.view-all a:hover i:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); transition: 0.5s ease; } .standoor-container .row.fifth-block div .news .row.title { margin: 0.5em 0 0 2em; }
@media screen and (max-width: 767px) { .standoor-container .row.fifth-block div .news .row.title { margin: auto; text-align: center; } } .standoor-container .row.fifth-block div .news .row.featured-news { position: relative; top: 0.5em; background: #f0f0f0; margin: 0em 0 0 2em; width: 100%; padding: 10% 5% 5% 5%; min-height: 12.5em; }
@media screen and (max-width: 767px) { .standoor-container .row.fifth-block div .news .row.featured-news { margin: auto; padding: 0 5% 10% 5%; min-height: auto; } } .standoor-container .row.fifth-block div .news .row.featured-news .row div.post-date p#day { font-size: 100px; font-family: 'Roboto',sans-serif; font-weight: 900; color: #231f20; text-align: center; margin-top: -15px; } .standoor-container .row.fifth-block div .news .row.featured-news .row div.post-date p#month-year { font-family: 'Roboto Mono', monospace; color: #231f20; font-size: 14px; font-weight: 100; text-align: center; margin-top: -15px; }
@media screen and (max-width: 767px) { .standoor-container .row.fifth-block div .news .row.featured-news .row .post-details { text-align: center; } } .standoor-container .row.fifth-block div .news .row.featured-news .row .post-details h3 { font-weight: 900; font-size: 18px; text-transform: uppercase; color: #231f20; }
@media screen and (max-width: 550px) { .standoor-container .row.fifth-block div .news .row.featured-news .row .post-details h3 { text-align: left; } } .standoor-container .row.fifth-block div .news .row.featured-news .row .post-details span#post-content { font-size: 15px; font-weight: 500; color: #231f20; }
@media screen and (max-width: 767px) { .standoor-container .row.fifth-block div .news .row.featured-news .row .post-details span#post-content { text-align: justify; display: none; } } .standoor-container .row.fifth-block div .news .row.featured-news .row .post-details div.learn-more { font-size: 14px; font-family: 'Roboto Mono', monospace; color: #231f20; }
@media screen and (max-width: 550px) { .standoor-container .row.fifth-block div .news .row.featured-news .row .post-details div.learn-more { text-align: left; } } .standoor-container .row.fifth-block div .news .row.featured-news .row .post-details div.learn-more a i:before { font-size: 20px; position: relative; top: 3px; transition: 0.5s ease; } .standoor-container .row.fifth-block div .news .row.featured-news .row .post-details div.learn-more a:hover i:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); transition: 0.5s ease; } .standoor-container .row.fifth-block div .our-customers { background: #ba2350; width: 90%; max-height: 33.5em; }
@media screen and (max-width: 1024px) { .standoor-container .row.fifth-block div .our-customers { margin: 13% 0 7%; } }
@media screen and (max-width: 767px) { .standoor-container .row.fifth-block div .our-customers { color: #000; text-align: center; } }
@media screen and (max-width: 767px) { .standoor-container .row.fifth-block div .our-customers { width: auto; background: transparent; } } .standoor-container .row.fifth-block div .our-customers .row.title { margin: 0.5em 0 0 2em; }
@media screen and (max-width: 767px) { .standoor-container .row.fifth-block div .our-customers .row.title { text-align: center; margin: auto; } } .standoor-container .row.fifth-block div .our-customers div { color: #fff; font-size: 35px; font-weight: 900; }
@media screen and (max-width: 1368px) { .standoor-container .row.fifth-block div .our-customers div { font-size: 30px; } }
@media screen and (max-width: 767px) { .standoor-container .row.fifth-block div .our-customers div { color: #000; } } .standoor-container .row.fifth-block div .our-customers div a img { vertical-align: middle; mix-blend-mode: multiply; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .standoor-container .row.fifth-block div .our-customers div a img:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); } .standoor-container .row.fifth-block div .our-customers div.view-all { font-size: 20px; font-weight: 500; color: #fff; text-align: right; height: 50px; display: flex; justify-content: center; align-items: center; position: relative; left: 10%; }
@media screen and (max-width: 767px) { .standoor-container .row.fifth-block div .our-customers div.view-all { position: inherit; } } .standoor-container .row.fifth-block div .our-customers div.view-all a { font-family: 'Roboto Mono', monospace; color: #fff; font-size: 14px; font-weight: 100; }
@media screen and (max-width: 767px) { .standoor-container .row.fifth-block div .our-customers div.view-all a { color: #000; } } .standoor-container .row.fifth-block div .our-customers div.view-all a i:before { font-size: 20px; position: relative; top: 3px; transition: 0.5s ease; } .standoor-container .row.fifth-block div .our-customers div.view-all a:hover i:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); transition: 0.5s ease; } .standoor-container .row.fifth-block div .our-customers .row.customers { position: relative; top: 0.5em; background: #f0f0f0; margin: 0em 0 0 2em; width: 100%; padding: 10% 5% 5% 5%; min-height: 12.5em; }
@media screen and (max-width: 767px) { .standoor-container .row.fifth-block div .our-customers .row.customers { position: inherit; top: 0; background: transparent; margin: auto; width: 100%; padding: 0; min-height: auto; } } div.main-slide { font-family: 'Raleway', Arial, sans-serif; position: relative; overflow: hidden; width: 100%; background: #000000; color: #ffffff; text-align: center; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); } div.main-slide * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } div.main-slide img { max-width: 100%; position: relative; opacity: 0.4; }
@media screen and (max-width: 767px) { div.main-slide img { opacity: 1; object-fit: cover; height: 200px; width: 100%; } } div.main-slide span { position: absolute; top: 0; left: 0; bottom: 0; right: 0; } div.main-slide h2 { position: absolute; left: 7%; top: 60%; margin: auto; color: #fff; font-size: 20px; font-weight: 600; font-family: 'Roboto Condensed', sans-serif; }
@media screen and (max-width: 767px) { div.main-slide h2 { left: 0; right: 0; top: 50%; } } div.main-slide h2:after { content: ''; border: 1px solid #fff; position: absolute; width: 30%; bottom: -50%; left: 0; }
@media screen and (max-width: 767px) { div.main-slide h2:after { border: 0px; } } div.main-slide h2 span { font-weight: 800; } div.main-slide:before { height: 100%; width: 100%; bottom: 0; left: 35%; content: ''; background: #ba2350; position: absolute; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: rotate(110deg) translateY(-50%); transform: rotate(110deg) translateY(-50%); }
@media screen and (max-width: 767px) { div.main-slide:before { display: none; } } div.main-slide a { left: 0; right: 0; top: 0; bottom: 0; position: absolute; z-index: 1; } div.main-slide:hover img, div.main-slide.hover img { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } div.main-slide:hover h2, div.main-slide.hover h2 { -webkit-transform: skew(-10deg) rotate(-10deg) translate(-150%, -50%); transform: skew(-10deg) rotate(-10deg) translate(-150%, -50%); } div.main-slide:hover:before, div.main-slide.hover:before { -webkit-transform: rotate(110deg) translateY(-150%); transform: rotate(110deg) translateY(-150%); }  figure { margin: 0; padding: 0; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }  .hover14 figure { position: relative; } .hover14 figure::before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .hover14 figure:hover::before { -webkit-animation: shine 1s; animation: shine 1s; }
@-webkit-keyframes shine { 100% { left: 125%; } }
@keyframes shine { 100% { left: 125%; } }  .hover15 figure { position: relative; } .hover15 figure::before { position: absolute; top: 50%; left: 50%; z-index: 2; display: block; content: ''; width: 0; height: 0; background: rgba(255, 255, 255, 0.2); border-radius: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; } .hover15 figure:hover::before { -webkit-animation: circle .75s; animation: circle .75s; }
@-webkit-keyframes circle { 0% { opacity: 1; }
40% { opacity: 1; }
100% { width: 200%; height: 200%; opacity: 0; } }
@keyframes circle { 0% { opacity: 1; }
40% { opacity: 1; }
100% { width: 200%; height: 200%; opacity: 0; } }
@media screen and (max-width: 550px) { .standoor-container .row.fifth-block div .news p br { display: none; } } .standoor-container.company { position: relative; z-index: 1; } .standoor-container.company .main-text.company { top: 11%; }
@media screen and (max-width: 1024px) { .standoor-container.company .main-text.company { top: 3%; display: block; } }
@media screen and (max-width: 550px) { .standoor-container.company .main-text.company { font-size: 27px; top: 6%; } } .standoor-container.company div div.main-block { padding: 0 4%; }
@media screen and (max-width: 1368px) { .standoor-container.company div div.main-block { padding: 0 2%; } } .standoor-container.company .row.second-block { margin-top: -4%; z-index: 0; padding-top: 10%; padding-bottom: 15%; }
@media screen and (min-width: 1268px) { .standoor-container.company .row.second-block .container { width: 1268px; } } .standoor-container.company .row.second-block .container div figure img { transform: scale(1.06); } .standoor-container.company .row.second-block .container div.col-sm-6 { height: 650px; display: flex; justify-content: center; align-items: center; }
@media screen and (max-width: 767px) { .standoor-container.company .row.second-block .container div.col-sm-6 { height: 350px; } } .standoor-container.company .row.second-block .container div.col-sm-6.main-text-right { height: auto; padding: 0 0 0 25px; }
@media screen and (max-width: 767px) { .standoor-container.company .row.second-block .container div.col-sm-6.main-text-right { padding: 0; } }
@media screen and (max-width: 767px) { .standoor-container.company .row.second-block .container div.col-sm-6.main-text-right .centered-middle .subtitle { text-align: center; } } .standoor-container.company .row.second-block .container div.col-sm-6.main-text-right .centered-middle .number { font-family: 'Roboto', sans-serif; font-size: 100px; font-weight: bold; }
@media screen and (max-width: 767px) { .standoor-container.company .row.second-block .container div.col-sm-6.main-text-right .centered-middle .number { text-align: center; font-size: 40px; margin-top: 10px; } } .standoor-container.company .row.second-block .container div.col-sm-6.main-text-right .centered-middle .title { font-size: 25px; padding: 1px 0 15px; border-bottom: 3px solid #fff; } .standoor-container.company .row.second-block .container div.col-sm-6.main-text-right .centered-middle .text { padding-top: 14px; }
@media screen and (max-width: 767px) { .standoor-container.company .row.second-block .container div.col-sm-6.main-text-right .centered-middle .text { padding: 2em 0 30%; } } .standoor-container.company .company-fourth-block { margin-top: -3%; color: #000; padding-bottom: 3%; }
@media screen and (max-width: 767px) { .standoor-container.company .company-fourth-block { margin-top: 0; position: relative; top: -7em; } }
@media screen and (max-width: 550px) { .standoor-container.company .company-fourth-block { top: -10em; } } .standoor-container.company .company-fourth-block .container .col-sm-6.main-text-left { font-size: 14px; font-family: 'Roboto', sans-serif; font-weight: 500; text-align: right; }
@media screen and (max-width: 550px) { .standoor-container.company .company-fourth-block .container .col-sm-6.main-text-left { text-align: left; } } .standoor-container.company .company-fourth-block .container .col-sm-6.main-text-right { font-size: 25px; font-weight: bold; height: 300px; display: flex; justify-content: left; align-items: center; text-align: left; } .standoor-container.company .row.fourth-block { padding: 0 3% 5%; } .standoor-container.company .row.fourth-block title { margin: auto; top: -5px; } .image-slide-text { position: absolute; bottom: 10%; text-transform: uppercase; color: #fff; font-size: 15px; font-weight: 600; left: 5%; max-width: 150px; }
@media screen and (max-width: 550px) { .standoor-container.company .company-fourth-block .container { display: flex; flex-direction: column-reverse; } }
@media screen and (max-width: 550px) { .standoor-container.company .all-productsrow { margin: 8em 0 -12em 0; top: -14em; text-align: center; } } body.page-template.page-template-landing-template.page-template-landing-template-php .page-wrap .site-header div.row div.col-xs-7 { display: none; } body.page-template.page-template-landing-template.page-template-landing-template-php .page-wrap .site-header div.row .lang-selector { display: none; } body.page-template.page-template-landing-template.page-template-landing-template-php .page-wrap .site-footer .container-fluid div div .footer-inner-wrapper { margin-top: -2.5em; } body.page-template.page-template-landing-template.page-template-landing-template-php .page-wrap .site-footer .container-fluid div div .footer-inner-wrapper .row.first { display: none; } body.page-template.page-template-landing-template.page-template-landing-template-php .page-wrap .site-footer .container-fluid div div .footer-inner-wrapper .second .container .landing-message { display: block; text-align: center; padding: 2%; }
@media screen and (max-width: 1024px) { body.page-template.page-template-landing-template.page-template-landing-template-php .page-wrap .site-footer .container-fluid div div .footer-inner-wrapper .second .container .landing-message { padding: 5% 0; } } body.page-template.page-template-landing-template.page-template-landing-template-php .page-wrap .site-footer .container-fluid div div .footer-inner-wrapper .second .container .landing-message a { color: #fff; font-size: 18px; font-weight: bold; border-bottom: 2px solid; } .standoor-container.product.landing div div#main-product-image { padding: 0 4%; position: relative; z-index: 1; } .standoor-container.product.landing div div#main-product-image ul.slick-dots { bottom: -25px; } .standoor-container.product.landing div div#main-product-image button.slick-prev.slick-arrow { background: #ba2350; border-radius: 50%; width: 60px; height: 60px; top: 46%; left: 2.4%; } .standoor-container.product.landing div div#main-product-image button.slick-prev.slick-arrow:before { content: ""; font-size: 20px; } .standoor-container.product.landing div div#main-product-image button.slick-next.slick-arrow { background: #ba2350; border-radius: 50%; width: 60px; height: 60px; top: 46%; right: 2.4%; } .standoor-container.product.landing div div#main-product-image button.slick-next.slick-arrow:before { content: ""; font-size: 20px; } .standoor-container.product.landing div div#main-product-image div div div#carousel-item { position: relative; } .standoor-container.product.landing div div#main-product-image div div div#carousel-item img { width: 100%; object-fit: cover; }
@media screen and (max-width: 767px) { .standoor-container.product.landing div div#main-product-image div div div#carousel-item img { min-height: 335px; height: 335px; } } .standoor-container.product.landing div div#main-product-image div div div#carousel-item .main-homepage-text.product { position: absolute; left: 0; right: 0; margin: auto; text-align: center; top: 41%; font-size: 35px; font-weight: 900; font-family: 'Roboto', sans-serif; z-index: 8; background: rgba(0, 0, 0, 0.5); padding: 1%; max-width: 100%; }
@media screen and (max-width: 767px) { .standoor-container.product.landing div div#main-product-image div div div#carousel-item .main-homepage-text.product { top: 0; padding: 0 5%; height: 100%; } }
@media screen and (max-width: 767px) { .standoor-container.product.landing div div#main-product-image div div div#carousel-item .main-homepage-text.product span { position: absolute; top: 35%; left: 0; right: 0; } } .standoor-container.product.landing .row.first-block { margin: 0; padding: 0px 15px; } .standoor-container.product.landing .row.first-block div#main-product-image { padding: 0px 4%; }
@media screen and (max-width: 767px) { .standoor-container.product.landing .row.first-block div#main-product-image { padding: 0; } } .standoor-container.product.landing .row.second-block { background: #ba2350; padding: 11em 0 5em 0; font-family: 'Roboto', sans-serif; margin-top: -7em; } .standoor-container.product.landing .row.second-block .container.hover15.column { width: auto; padding: 0em 13% 13em; }
@media screen and (max-width: 1680px) { .standoor-container.product.landing .row.second-block .container.hover15.column { padding: 0em 8% 13em; } }
@media screen and (max-width: 1480px) { .standoor-container.product.landing .row.second-block .container.hover15.column { padding: 0em 2% 10em; } }
@media screen and (max-width: 1024px) { .standoor-container.product.landing .row.second-block .container.hover15.column div figure img { margin: auto; } } .standoor-container.product.landing .row.fourth-block .title { font-size: 40px; color: #000; font-weight: bold; padding: 0 0 1em 0; position: absolute; top: -3%; left: 0; right: 0; margin: auto; text-align: center; } .standoor-container.product.landing .row.fourth-block div.all-blocks { padding: 5%; background: #f0f0f0; }
@media screen and (max-width: 1024px) { .standoor-container.product.landing .row.fourth-block div.all-blocks { padding: 5% 5% 10% 5%; } } .standoor-container.product.landing .row.fourth-block div.all-blocks .row { position: relative; min-height: 500px; height: 500px; } .standoor-container.product.landing .row.fourth-block div.all-blocks .row .left-block { position: absolute; left: 0; z-index: 1; }
@media screen and (max-width: 1024px) { .standoor-container.product.landing .row.fourth-block div.all-blocks .row .left-block { position: relative; } }
@media screen and (max-width: 767px) { .standoor-container.product.landing .row.fourth-block div.all-blocks .row .left-block { padding: 0; } }
@media screen and (max-width: 767px) { .standoor-container.product.landing .row.fourth-block div.all-blocks .row .left-block div#products { padding: 0; } } .standoor-container.product.landing .row.fourth-block div.all-blocks .row .left-block div#products button.slick-prev.slick-arrow { top: 50%; left: -2%; }
@media screen and (max-width: 767px) { .standoor-container.product.landing .row.fourth-block div.all-blocks .row .left-block div#products button.slick-prev.slick-arrow { left: -8%; } } .standoor-container.product.landing .row.fourth-block div.all-blocks .row .left-block div#products button.slick-prev.slick-arrow:before { margin-left: -5px; color: #fff; } .standoor-container.product.landing .row.fourth-block div.all-blocks .row .left-block div#products button.slick-next.slick-arrow { top: 50%; right: 1%; left: auto; }
@media screen and (max-width: 767px) { .standoor-container.product.landing .row.fourth-block div.all-blocks .row .left-block div#products button.slick-next.slick-arrow { right: -7%; } } .standoor-container.product.landing .row.fourth-block div.all-blocks .row .left-block div#products button.slick-next.slick-arrow:before { margin-right: -5px; color: #fff; } .standoor-container.product.landing .row.fourth-block div.all-blocks .row .left-block div#products button { background: #ba2350; border-radius: 50%; width: 60px; height: 60px; } .standoor-container.product.landing .row.fourth-block div.all-blocks .row .left-block div#products .slick-list.draggable .slick-track div#carousel-item img { width: 97%; }
@media screen and (max-width: 767px) { .standoor-container.product.landing .row.fourth-block div.all-blocks .row .left-block div#products .slick-list.draggable .slick-track div#carousel-item img { min-height: 320px; height: 350px; object-fit: cover; } } .standoor-container.product.landing .row.fourth-block div.all-blocks .row .right-block { position: absolute; right: 0; z-index: 0; }
@media screen and (max-width: 1024px) { .standoor-container.product.landing .row.fourth-block div.all-blocks .row .right-block { top: 55%; } }
@media screen and (max-width: 767px) { .standoor-container.product.landing .row.fourth-block div.all-blocks .row .right-block { top: 0; position: relative; padding: 0; } } .standoor-container.product.landing .row.fourth-block div.all-blocks .row .right-block div#products_1 { margin-top: 7%; background: #404040; }
@media screen and (min-width: 1025px) { .standoor-container.product.landing .row.fourth-block div.all-blocks .row .right-block div#products_1 { display: block; } }
@media screen and (max-width: 1024px) { .standoor-container.product.landing .row.fourth-block div.all-blocks .row .right-block div#products_1 { display: none; } } .standoor-container.product.landing .row.fourth-block div.all-blocks .row .right-block div#products_1 .slick-list.draggable { margin-left: 50%; min-height: 500px !important; }
@media screen and (max-width: 1800px) { .standoor-container.product.landing .row.fourth-block div.all-blocks .row .right-block div#products_1 .slick-list.draggable { max-height: 475px; min-height: 475px !important; } }
@media screen and (max-width: 1480px) { .standoor-container.product.landing .row.fourth-block div.all-blocks .row .right-block div#products_1 .slick-list.draggable { min-height: 430px !important; max-height: 430px; } }
@media screen and (max-width: 1024px) { .standoor-container.product.landing .row.fourth-block div.all-blocks .row .right-block div#products_1 .slick-list.draggable { margin-left: 25%; } } .standoor-container.product.landing .row.fourth-block div.all-blocks .row .right-block div#products_1 .slick-list.draggable .slick-track { top: 0 !important; margin-top: 10%; line-height: 40px; } .standoor-container.product.landing .row.fourth-block div.all-blocks .row .right-block div#products_1 .slick-list.draggable .slick-track .slick-slide.slick-cloned { display: none; } .standoor-container.product.landing .row.fourth-block div.all-blocks .row .right-block div#products_1 .slick-list.draggable .slick-track div.slick-slide { display: block; outline: none; letter-spacing: 3px; font-size: 14px; text-transform: uppercase; font-family: 'Roboto', sans-serif; color: #bcbcbe; }
@media screen and (max-width: 1480px) { .standoor-container.product.landing .row.fourth-block div.all-blocks .row .right-block div#products_1 .slick-list.draggable .slick-track div.slick-slide { font-size: 12px; } } .standoor-container.product.landing .row.fourth-block div.all-blocks .row .right-block div#products_1 .slick-list.draggable .slick-track div.slick-slide:hover { cursor: pointer; } .standoor-container.product.landing .row.fourth-block div.all-blocks .row .right-block div#products_1 .slick-list.draggable .slick-track div.slick-slide.slick-current.slick-active #carousel-item { display: block; outline: none; letter-spacing: 3px; font-size: 14px; text-transform: uppercase; font-family: 'Roboto', sans-serif; color: #bcbcbe; } .standoor-container.product.landing .row.fourth-block div.all-blocks .row .right-block div#products_1 .slick-list.draggable .slick-track div.slick-slide.slick-current.slick-active { color: #fff; } .standoor-container.product.landing .row.fourth-block div.all-blocks .row .right-block div#products_1_mobile { margin-top: 7%; background: #404040; }
@media screen and (min-width: 1025px) { .standoor-container.product.landing .row.fourth-block div.all-blocks .row .right-block div#products_1_mobile { display: none; } }
@media screen and (max-width: 1024px) { .standoor-container.product.landing .row.fourth-block div.all-blocks .row .right-block div#products_1_mobile { display: block; } } .standoor-container.product.landing .row.fourth-block div.all-blocks .row .right-block div#products_1_mobile .slick-list.draggable { margin-left: 50%; min-height: 500px !important; }
@media screen and (max-width: 1800px) { .standoor-container.product.landing .row.fourth-block div.all-blocks .row .right-block div#products_1_mobile .slick-list.draggable { max-height: 475px; min-height: 475px !important; } }
@media screen and (max-width: 1480px) { .standoor-container.product.landing .row.fourth-block div.all-blocks .row .right-block div#products_1_mobile .slick-list.draggable { min-height: 430px !important; max-height: 430px; } }
@media screen and (max-width: 1024px) { .standoor-container.product.landing .row.fourth-block div.all-blocks .row .right-block div#products_1_mobile .slick-list.draggable { min-height: 400px !important; max-height: 400px; } }
@media screen and (max-width: 767px) { .standoor-container.product.landing .row.fourth-block div.all-blocks .row .right-block div#products_1_mobile .slick-list.draggable { margin: auto; min-height: 305px !important; max-height: 305px; } } .standoor-container.product.landing .row.fourth-block div.all-blocks .row .right-block div#products_1_mobile .slick-list.draggable .slick-track { top: 0 !important; margin-top: 10%; line-height: 40px; }
@media screen and (max-width: 1024px) { .standoor-container.product.landing .row.fourth-block div.all-blocks .row .right-block div#products_1_mobile .slick-list.draggable .slick-track { margin-top: 5%; line-height: 40px; } }
@media screen and (max-width: 767px) { .standoor-container.product.landing .row.fourth-block div.all-blocks .row .right-block div#products_1_mobile .slick-list.draggable .slick-track { line-height: 30px; } } .standoor-container.product.landing .row.fourth-block div.all-blocks .row .right-block div#products_1_mobile .slick-list.draggable .slick-track .slick-slide.slick-cloned { display: none; } .standoor-container.product.landing .row.fourth-block div.all-blocks .row .right-block div#products_1_mobile .slick-list.draggable .slick-track div.slick-slide { display: block; outline: none; letter-spacing: 3px; font-size: 14px; text-transform: uppercase; font-family: 'Roboto', sans-serif; color: #bcbcbe; }
@media screen and (max-width: 1480px) { .standoor-container.product.landing .row.fourth-block div.all-blocks .row .right-block div#products_1_mobile .slick-list.draggable .slick-track div.slick-slide { font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } }
@media screen and (max-width: 1024px) { .standoor-container.product.landing .row.fourth-block div.all-blocks .row .right-block div#products_1_mobile .slick-list.draggable .slick-track div.slick-slide { min-width: 350px !important; } }
@media screen and (max-width: 767px) { .standoor-container.product.landing .row.fourth-block div.all-blocks .row .right-block div#products_1_mobile .slick-list.draggable .slick-track div.slick-slide { min-width: 280px !important; } } .standoor-container.product.landing .row.fourth-block div.all-blocks .row .right-block div#products_1_mobile .slick-list.draggable .slick-track div.slick-slide:hover { cursor: pointer; } .standoor-container.product.landing .row.fourth-block div.all-blocks .row .right-block div#products_1_mobile .slick-list.draggable .slick-track div.slick-slide.slick-current.slick-active #carousel-item { display: block; outline: none; letter-spacing: 3px; font-size: 14px; text-transform: uppercase; font-family: 'Roboto', sans-serif; color: #bcbcbe; } .standoor-container.product.landing .row.fourth-block div.all-blocks .row .right-block div#products_1_mobile .slick-list.draggable .slick-track div.slick-slide.slick-current.slick-active { color: #fff; background: #ba2350; } .standoor-container.product.landing .row.fourth-block div.all-blocks div#products_2 { margin: 8% auto 0; max-width: 1200px; }
@media screen and (max-width: 1480px) { .standoor-container.product.landing .row.fourth-block div.all-blocks div#products_2 { margin: 6% auto 0; } }
@media screen and (max-width: 1024px) { .standoor-container.product.landing .row.fourth-block div.all-blocks div#products_2 { margin: 40% auto 0; } }
@media screen and (max-width: 767px) { .standoor-container.product.landing .row.fourth-block div.all-blocks div#products_2 { margin: 70% auto 0; } } .standoor-container.product.landing .row.fourth-block div.all-blocks div#products_2 .slick-list.draggable .slick-track div#carousel-item { outline: none; color: #000; font-size: 15px; line-height: 25px; font-weight: normal; } .standoor-container.product.landing .row.fourth-block div.all-blocks div#products_2 .slick-list.draggable .slick-track div#carousel-item .subs { padding: 0 10%; text-align: center; }
@media screen and (max-width: 767px) { .standoor-container.product.landing .row.fourth-block div.all-blocks div#products_2 .slick-list.draggable .slick-track div#carousel-item .subs { padding: 0 3%; } } .standoor-container.product.landing .row.fourth-block div.all-blocks div#products_2 .slick-list.draggable .slick-track div#carousel-item .subs .subcategory-title { display: inline-block; } .standoor-container.product.landing .row.fourth-block div.all-blocks div#products_2 .slick-list.draggable .slick-track div#carousel-item p.title-slide-text { margin: 10px 0 25px; text-align: center; font-size: 35px; color: #000; font-weight: bold; position: relative; }
@media screen and (max-width: 767px) { .standoor-container.product.landing .row.fourth-block div.all-blocks div#products_2 .slick-list.draggable .slick-track div#carousel-item p.title-slide-text { font-size: 30px; } } .standoor-container.product.landing .row.fourth-block div.all-blocks div#products_3 { text-align: center; max-width: 1150px; margin: auto; padding: 1% 0 0%; } .standoor-container.product.landing .row.fourth-block div.all-blocks div#products_3 .slick-list.draggable .slick-track div#carousel-item { outline: none; color: #000; font-size: 15px; line-height: 25px; font-weight: normal; } .standoor-container.product.landing .row.fourth-block div.all-blocks div#products_3 .slick-list.draggable .slick-track div#carousel-item p.title-slide-text { text-align: center; font-size: 20px; color: #000; font-weight: 100; position: relative; text-transform: uppercase; font-family: 'Roboto',sans-serif; } .standoor-container.product.landing .landing-colored-section { background: #ba2350; padding-top: 3%; margin-top: -5%; position: relative; padding-bottom: 5%; } .standoor-container.product.landing .landing-colored-section div .title { position: inherit; font-size: 30px; top: 50%; font-family: 'Roboto', sans-serif; font-weight: bold; text-align: center; } .standoor-container.product.landing .landing-colored-section div .container { position: inherit; padding-top: 2%; } .standoor-container.product.landing .landing-colored-section div .container .col-md-7 { position: inherit; } .standoor-container.product.landing .landing-colored-section div .container div.product_slider { font-size: 40px; color: #000; font-weight: bold; left: 0; right: 0; position: absolute; text-align: center; top: -3%; } .standoor-container.product.landing .landing-colored-section div .container div.product_slider .slick-list.draggable .slick-track img { object-fit: cover; height: 320px; } .standoor-container.product.landing .landing-colored-section div .container div.product_slider button.slick-arrow:before { content: ""; font-size: 35px; } .standoor-container.product.landing .landing-colored-section div .container div.product_slider button.slick-next.slick-arrow { right: -3%; } .standoor-container.product.landing .landing-colored-section div .container div.product_slider button.slick-prev.slick-arrow { left: -8%; } .standoor-container.product.landing .landing-colored-section div .container .col-md-6.main-text-right { width: auto; } .standoor-container.product.landing .landing-colored-section div .container .col-md-6.main-text-right .centered-middle .text { font-size: 15px; line-height: 25px; font-weight: 500; min-height: 210px; } .standoor-container.product.landing .landing-colored-section div .container .col-md-6.main-text-right .centered-middle .more-info-block .pdf-cont { background: #404041; padding: 2%; text-align: center; margin-right: 5px; } .standoor-container.product.landing .landing-colored-section div .container .col-md-6.main-text-right .centered-middle .more-info-block .pdf-cont a.pdf-url { display: inline-block; width: auto; padding: 0 2%; } .standoor-container.product.landing .landing-colored-section div .container .col-md-6.main-text-right .centered-middle .more-info-block .pdf-cont a.pdf-url img { margin: auto; } .standoor-container.product.landing .landing-colored-section div .container .col-md-6.main-text-right .centered-middle .more-info-block .pdf-cont a.pdf-url span.name { font-size: 11px; color: #fff; font-family: 'Roboto',sans-serif; font-weight: 500; } .standoor-container.product.landing .landing-colored-section div .container .col-md-6.main-text-right .centered-middle .more-info-block .video-cont.col-md-2 { position: inherit; background: #404041; padding: 2%; text-align: center; margin-left: 5px; } .standoor-container.product.landing .landing-colored-section div .container .col-md-6.main-text-right .centered-middle .more-info-block .video-cont.col-md-2:hover { cursor: pointer; } .standoor-container.product.landing .landing-colored-section div .container .col-md-6.main-text-right .centered-middle .more-info-block .video-cont.col-md-2 a { position: inherit; display: inline-block; } .standoor-container.product.landing .landing-colored-section div .container .col-md-6.main-text-right .centered-middle .more-info-block .video-cont.col-md-2 a img { margin: auto; } .standoor-container.product.landing .landing-colored-section div .container .col-md-6.main-text-right .centered-middle .more-info-block .video-cont.col-md-2 a span.name { font-size: 11px; color: #fff; font-family: 'Roboto',sans-serif; font-weight: 500; } .standoor-container.product.landing .landing-colored-section div .container .col-md-6.main-text-right .centered-middle .pdf-cont { position: inherit; background: #404041; padding: 2%; text-align: center; margin-right: 5px; } .standoor-container.product.landing .landing-colored-section div .container .col-md-6.main-text-right .centered-middle .pdf-cont a.pdf-url { position: inherit; display: inline-block; width: auto; padding: 0 2%; max-width: 75px; } .standoor-container.product.landing .landing-colored-section div .container .col-md-6.main-text-right .centered-middle .pdf-cont a.pdf-url img { margin: auto; } .standoor-container.product.landing .landing-colored-section div .container .col-md-6.main-text-right .centered-middle .pdf-cont a.pdf-url span.name { font-size: 11px; color: #fff; font-family: 'Roboto',sans-serif; font-weight: 500; display: block; max-width: 98%; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; } .standoor-container.product.landing .landing-colored-section div .container .col-md-6.main-text-right .centered-middle .video-cont.col-md-2 { position: inherit; background: #404041; padding: 2%; text-align: center; margin-left: 5px; } .standoor-container.product.landing .landing-colored-section div .container .col-md-6.main-text-right .centered-middle .video-cont.col-md-2:hover { cursor: pointer; } .standoor-container.product.landing .landing-colored-section div .container .col-md-6.main-text-right .centered-middle .video-cont.col-md-2 a { position: inherit; display: inline-block; } .standoor-container.product.landing .landing-colored-section div .container .col-md-6.main-text-right .centered-middle .video-cont.col-md-2 a img { margin: auto; } .standoor-container.product.landing .landing-colored-section div .container .col-md-6.main-text-right .centered-middle .video-cont.col-md-2 a span.name { font-size: 11px; color: #fff; font-family: 'Roboto',sans-serif; font-weight: 500; } .standoor-container.product.landing .row.fifth-block.contact-bottom-block { background: #ba2350; position: relative; }
@media screen and (max-width: 1480px) { .standoor-container.product.landing .row.fifth-block.contact-bottom-block { padding: 6% 2%; } }
@media screen and (max-width: 1024px) { .standoor-container.product.landing .row.fifth-block.contact-bottom-block { padding: 10% 2%; } }
@media screen and (max-width: 767px) { .standoor-container.product.landing .row.fifth-block.contact-bottom-block { padding: 25% 2%; } } .standoor-container.product.landing .row.fifth-block.contact-bottom-block .container { padding: 0; text-align: center; } .standoor-container.product.landing .row.fifth-block.contact-bottom-block .container .icon { position: absolute; left: 0; right: 0; margin: auto; background: #ba2350; border-radius: 50%; width: 65px; height: 65px; top: -6%; }
@media screen and (max-width: 767px) { .standoor-container.product.landing .row.fifth-block.contact-bottom-block .container .icon { top: -4%; } } .standoor-container.product.landing .row.fifth-block.contact-bottom-block .container .icon i:before { position: absolute; left: 0; right: 0; margin: auto; text-align: center; top: 25%; vertical-align: middle; display: flex; justify-content: center; align-items: center; font-size: 35px; } .standoor-container.product.landing .row.fifth-block.contact-bottom-block .container .title { font-size: 35px; font-weight: 900; font-family: 'Roboto', sans-serif; padding: 0; margin-top: -1em; } .standoor-container.product.landing .row.fifth-block.contact-bottom-block .container .text { outline: none; color: #fff; font-size: 15px; line-height: 25px; font-weight: normal; } .standoor-container.product.landing .row.fifth-block.contact-bottom-block .container .contact-form { margin: 5%; } .standoor-container.product.landing .row.fifth-block.contact-bottom-block .container .contact-form div.wpcf7 form.wpcf7-form .first { padding: 0 0% 0 8%; } .standoor-container.product.landing .row.fifth-block.contact-bottom-block .container .contact-form div.wpcf7 form.wpcf7-form .second { padding: 0 0% 0 8%; } .standoor-container.product.landing .row.fifth-block.contact-bottom-block .container .contact-form div.wpcf7 form.wpcf7-form div .row { padding: 1% 0; } .standoor-container.product.landing .row.fifth-block.contact-bottom-block .container .contact-form div.wpcf7 form.wpcf7-form div .row .text { display: inline-block; float: left; } .standoor-container.product.landing .row.fifth-block.contact-bottom-block .container .contact-form div.wpcf7 form.wpcf7-form div .row p { text-align: right; } .standoor-container.product.landing .row.fifth-block.contact-bottom-block .container .contact-form div.wpcf7 form.wpcf7-form div .row p span.wpcf7-form-control-wrap input.wpcf7-form-control.wpcf7-text { background: transparent; border: none; border-bottom: 1px solid; } .standoor-container.product.landing .row.fifth-block.contact-bottom-block .container .contact-form div.wpcf7 form.wpcf7-form div .message { text-align: left; margin-top: 5px; } .standoor-container.product.landing .row.fifth-block.contact-bottom-block .container .contact-form div.wpcf7 form.wpcf7-form div .message span textarea.wpcf7-form-control.wpcf7-textarea { background: transparent; border: 1px solid; height: 125px; width: 93%; } .standoor-container.product.landing .row.fifth-block.contact-bottom-block .container .contact-form div.wpcf7 form.wpcf7-form div .row.code .text { margin-top: 5px; } .standoor-container.product.landing .row.fifth-block.contact-bottom-block .container .contact-form div.wpcf7 form.wpcf7-form div .row.code p span input.wpcf7-form-control.wpcf7-text { background: transparent; border: none; border-bottom: 1px solid; float: left; } .standoor-container.product.landing .row.fifth-block.contact-bottom-block .container .contact-form div.wpcf7 form.wpcf7-form .submit { margin-top: 6%; margin-left: 2em; }
@media screen and (max-width: 767px) { .standoor-container.product.landing .row.fifth-block.contact-bottom-block .container .contact-form div.wpcf7 form.wpcf7-form .submit { margin-top: 10%; } } .standoor-container.product.landing .row.fifth-block.contact-bottom-block .container .contact-form div.wpcf7 form.wpcf7-form .submit span.button { background: #fff; padding: 3% 6%; color: #ba2350; font-weight: normal; font-family: 'Roboto',sans-serif; }
@media screen and (max-width: 767px) { .standoor-container.product.landing .row.fifth-block.contact-bottom-block .container .contact-form div.wpcf7 form.wpcf7-form .submit span.button { padding: 6% 15%; } } .standoor-container.product.landing .row.fifth-block.contact-bottom-block .container .contact-form div.wpcf7 form.wpcf7-form .submit span.button input.wpcf7-form-control.wpcf7-submit { background: none; border: none; width: auto; height: auto; position: relative; z-index: 21; } .standoor-container.product.landing .row.fifth-block.contact-bottom-block .container .contact-form div.wpcf7 form.wpcf7-form .submit span.button .contact-arrow { display: inline-block; } .standoor-container.product.landing .row.fifth-block.contact-bottom-block .container .contact-form div.wpcf7 form.wpcf7-form .submit span.button .contact-arrow i:before { font-size: 30px; position: absolute; top: -3px; left: 0; right: -1em; }
@media screen and (max-width: 767px) { .standoor-container.product.landing .row.fifth-block.contact-bottom-block .container .contact-form div.wpcf7 form.wpcf7-form .submit span.button .contact-arrow i:before { left: auto; right: auto; } } .standoor-container.product.landing .row.fifth-block.contact-bottom-block .container .contact-form div.wpcf7 form.wpcf7-form .submit span.button p { display: none; } .standoor-container.product.landing .product-colored-section.first-colored { padding-top: 6%; } .standoor-container.product.landing .product-section { padding-top: 7%; margin-top: -5%; position: relative; padding-bottom: 8%; } .standoor-container.product.landing .product-section div .title { position: inherit; font-size: 30px; top: 50%; font-family: 'Roboto', sans-serif; font-weight: bold; text-align: center; color: #404040; } .standoor-container.product.landing .product-section div .container { position: inherit; padding-top: 2%; } .standoor-container.product.landing .product-section div .container .col-md-6 { text-align: right; position: inherit; } .standoor-container.product.landing .product-section div .container div.product_slider { max-width: 320px; max-height: 320px; padding: 0; margin-left: 5%; position: relative; } .standoor-container.product.landing .product-section div .container div.product_slider .slick-list.draggable .slick-track img { object-fit: cover; height: 320px; } .standoor-container.product.landing .product-section div .container div.product_slider button.slick-arrow:before { content: ""; font-size: 35px; color: #ba2350; } .standoor-container.product.landing .product-section div .container div.product_slider button.slick-next.slick-arrow { right: -3%; } .standoor-container.product.landing .product-section div .container div.product_slider button.slick-prev.slick-arrow { left: -8%; } .standoor-container.product.landing .product-section div .container .col-md-6.main-text-right { width: auto; float: right; } .standoor-container.product.landing .product-section div .container .col-md-6.main-text-right .centered-middle { position: inherit; } .standoor-container.product.landing .product-section div .container .col-md-6.main-text-right .centered-middle .text { font-size: 15px; line-height: 25px; font-weight: 500; min-height: 210px; color: #404040; } .standoor-container.product.landing .product-section div .container .col-md-6.main-text-right .centered-middle .pdf-cont { background: #404041; padding: 2%; text-align: center; margin-right: 5px; margin-left: -3%; } .standoor-container.product.landing .product-section div .container .col-md-6.main-text-right .centered-middle .pdf-cont a.pdf-url { display: inline-block; width: auto; padding: 0 2%; max-width: 75px; } .standoor-container.product.landing .product-section div .container .col-md-6.main-text-right .centered-middle .pdf-cont a.pdf-url img { margin: auto; } .standoor-container.product.landing .product-section div .container .col-md-6.main-text-right .centered-middle .pdf-cont a.pdf-url span.name { font-size: 11px; color: #fff; font-family: 'Roboto',sans-serif; font-weight: 500; display: block; max-width: 98%; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; } .standoor-container.product.landing .product-section div .container .col-md-6.main-text-right .centered-middle .video-cont.col-md-2 { position: inherit; background: #404041; padding: 2%; text-align: center; margin-left: 5px; } .standoor-container.product.landing .product-section div .container .col-md-6.main-text-right .centered-middle .video-cont.col-md-2:hover { cursor: pointer; } .standoor-container.product.landing .product-section div .container .col-md-6.main-text-right .centered-middle .video-cont.col-md-2 a { position: inherit; display: inline-block; } .standoor-container.product.landing .product-section div .container .col-md-6.main-text-right .centered-middle .video-cont.col-md-2 a img { margin: auto; } .standoor-container.product.landing .product-section div .container .col-md-6.main-text-right .centered-middle .video-cont.col-md-2 a span.name { font-size: 11px; color: #fff; font-family: 'Roboto',sans-serif; font-weight: 500; } .responsive-bootstrap-toolkit .modal-backdrop.fade.in { position: fixed; z-index: 0; } .modal-backdrop.fade.in { z-index: 0; } .modal-dialog { position: absolute; left: 0; right: 0; margin: auto; top: 25%; } .modal-content { background: #404040; } button.btn.btn-default { background: none; border: none; box-shadow: none; color: #fff; font-size: 15px; padding: 10px 25px 0; font-family: 'Roboto',sans-serif; font-weight: 100; text-shadow: none; } .modal-footer { padding: 0; } .standoor-container.facilities { position: relative; z-index: 1; } .standoor-container.facilities .main-text.facilities { top: 11%; }
@media screen and (min-width: 1400px) { .standoor-container.facilities .main-text.facilities { max-width: 70%; } }
@media screen and (max-width: 1024px) { .standoor-container.facilities .main-text.facilities { top: 4%; display: block; font-size: 30px; padding: 0 5%; } }
@media screen and (max-width: 550px) { .standoor-container.facilities .main-text.facilities { font-size: 26px; top: 6%; } } .standoor-container.facilities div div.main-block { padding: 0 4%; }
@media screen and (max-width: 1368px) { .standoor-container.facilities div div.main-block { padding: 0 2%; } } .standoor-container.facilities .row.second-block { margin-top: -4%; z-index: 0; padding-top: 10%; padding-bottom: 5%; }
@media screen and (max-width: 767px) { .standoor-container.facilities .row.second-block { padding-top: 25%; } } .standoor-container.facilities .row.second-block .container.second { margin-top: 3%; } .standoor-container.facilities .row.second-block .container div figure img { transform: scale(1.06); } .standoor-container.facilities .row.second-block .container div.col-sm-6 { height: 450px; display: flex; justify-content: center; align-items: center; }
@media screen and (max-width: 767px) { .standoor-container.facilities .row.second-block .container div.col-sm-6 { height: auto; } } .standoor-container.facilities .row.second-block .container div.col-sm-6 .centered-middle.second-section { text-align: right; line-height: 25px; }
@media screen and (max-width: 550px) { .standoor-container.facilities .row.second-block .container div.col-sm-6 .centered-middle.second-section { text-align: left; } } .standoor-container.facilities .row.second-block .container div.col-sm-6.main-text-right { height: auto; padding: 0 0 0 25px; }
@media screen and (max-width: 767px) { .standoor-container.facilities .row.second-block .container div.col-sm-6.main-text-right { padding: 10% 0 10%; } }
@media screen and (max-width: 767px) { .standoor-container.facilities .row.second-block .container div.col-sm-6.main-text-right .centered-middle .subtitle { text-align: center; } } .standoor-container.facilities .row.second-block .container div.col-sm-6.main-text-right .centered-middle .number { font-family: 'Roboto', sans-serif; font-size: 100px; font-weight: bold; }
@media screen and (max-width: 767px) { .standoor-container.facilities .row.second-block .container div.col-sm-6.main-text-right .centered-middle .number { text-align: center; } }
@media screen and (max-width: 550px) { .standoor-container.facilities .row.second-block .container div.col-sm-6.main-text-right .centered-middle .number { font-size: 40px; } } .standoor-container.facilities .row.second-block .container div.col-sm-6.main-text-right .centered-middle .title { font-size: 25px; padding: 1px 0 15px; border-bottom: 3px solid #fff; } .standoor-container.facilities .row.second-block .container div.col-sm-6.main-text-right .centered-middle .text { padding-top: 14px; } .standoor-container.facilities .facilities-fourth-block { margin-top: -3%; color: #000; padding-bottom: 3%; } .standoor-container.facilities .facilities-fourth-block .container .col-sm-6.main-text-left { font-size: 14px; font-family: 'Roboto', sans-serif; font-weight: 500; text-align: right; } .standoor-container.facilities .facilities-fourth-block .container .col-sm-6.main-text-right { font-size: 25px; font-weight: bold; height: 300px; display: flex; justify-content: left; align-items: center; text-align: left; } .standoor-container.facilities .row.fourth-block { margin-top: 5%; padding: 0 3% 5%; }
@media screen and (max-width: 767px) { .standoor-container.facilities .row.fourth-block { margin-top: 20%; padding: 0 3% 0%; } } .standoor-container.facilities .row.fourth-block title { margin: auto; top: -5px; } .image-slide-text { position: absolute; bottom: 10%; text-transform: uppercase; color: #fff; font-size: 15px; font-weight: 600; left: 5%; max-width: 150px; } .standoor-container.services { position: relative; z-index: 1; } .standoor-container.services .main-text.services { top: 11%; }
@media screen and (max-width: 1400px) { .standoor-container.services .main-text.services { max-width: 70%; } }
@media screen and (max-width: 1024px) { .standoor-container.services .main-text.services { top: 5%; } }
@media screen and (max-width: 767px) { .standoor-container.services .main-text.services { top: 3%; display: block; } } .standoor-container.services div div.main-block { padding: 0 4%; }
@media screen and (max-width: 1368px) { .standoor-container.services div div.main-block { padding: 0 2%; } } .standoor-container.services .row.second-block.fourth { margin-top: 0; z-index: 0; padding-top: 2%; padding-bottom: 2%; }
@media screen and (max-width: 767px) { .standoor-container.services .row.second-block.fourth { padding-top: 15%; } } .standoor-container.services .row.second-block.fourth div .main-text-right { height: 400px; } .standoor-container.services .row.second-block { margin-top: -4%; z-index: 0; padding-top: 10%; padding-bottom: 7%; }
@media screen and (max-width: 1024px) { .standoor-container.services .row.second-block { margin-top: -4%; z-index: 0; padding-top: 18%; padding-bottom: 13%; } }
@media screen and (max-width: 767px) { .standoor-container.services .row.second-block { padding-top: 25%; } } .standoor-container.services .row.second-block .container.second { margin-top: 3%; } .standoor-container.services .row.second-block .container div figure img { transform: scale(1.06); } .standoor-container.services .row.second-block .container div.col-sm-6 { height: 450px; display: flex; justify-content: center; align-items: center; }
@media screen and (max-width: 767px) { .standoor-container.services .row.second-block .container div.col-sm-6 { height: 250px; } } .standoor-container.services .row.second-block .container div.col-sm-6 .centered-middle.second-section { text-align: right; line-height: 25px; } .standoor-container.services .row.second-block .container div.col-sm-6.main-text-right { padding: 0 0 0 25px; }
@media screen and (max-width: 767px) { .standoor-container.services .row.second-block .container div.col-sm-6.main-text-right { padding: 20% 0 0; height: auto; } }
@media screen and (max-width: 767px) { .standoor-container.services .row.second-block .container div.col-sm-6.main-text-right .centered-middle .subtitle { text-align: center; } } .standoor-container.services .row.second-block .container div.col-sm-6.main-text-right .centered-middle .number { font-family: 'Roboto', sans-serif; font-size: 100px; font-weight: bold; }
@media screen and (max-width: 767px) { .standoor-container.services .row.second-block .container div.col-sm-6.main-text-right .centered-middle .number { text-align: center; } } .standoor-container.services .row.second-block .container div.col-sm-6.main-text-right .centered-middle .title { font-size: 45px; padding: 1px 0 15px; border-bottom: 3px solid #fff; } .standoor-container.services .row.second-block .container div.col-sm-6.main-text-right .centered-middle .text { padding-top: 14px; } .standoor-container.services .row.third-block { padding: 3% 0; }
@media screen and (max-width: 767px) { .standoor-container.services .row.third-block { padding: 10% 0; } }
@media screen and (max-width: 550px) { .standoor-container.services .row.third-block { padding: 10% 0; } } .standoor-container.services .row.third-block .container div figure img { margin: auto; } .standoor-container.services .row.third-block .container div .centered-middle.second-section div.title { border-bottom: 3px solid #000; font-size: 45px; padding: 1px 0 15px; color: #000; font-family: 'Roboto',sans-serif; font-weight: bold; float: right; }
@media screen and (max-width: 767px) { .standoor-container.services .row.third-block .container div .centered-middle.second-section div.title { font-size: 40px; float: none; text-align: center; padding: 15% 0 0; } } .standoor-container.services .row.second-block.fifth.third .container.hover15.column .main-text-right .centered-middle .text { padding: 5em 0 0 2.5em; }
@media screen and (max-width: 550px) { .standoor-container.services .row.second-block.fifth.third .container.hover15.column .main-text-right .centered-middle .text { padding: 0; margin-top: 116px; } } .standoor-container.services .row.second-block.fifth { background: transparent; color: #000; padding: 3% 0; margin: auto; }
@media screen and (max-width: 767px) { .standoor-container.services .row.second-block.fifth { padding: 10% 0; } } .standoor-container.services .row.second-block.fifth .container .main-text-right { height: 350px; }
@media screen and (max-width: 550px) { .standoor-container.services .row.second-block.fifth .container .main-text-right { padding: 0; } } .standoor-container.services .row.second-block.fifth .container .main-text-right .centered-middle .title { text-align: right; }
@media screen and (max-width: 767px) { .standoor-container.services .row.second-block.fifth .container .main-text-right .centered-middle .title { text-align: center; } } .standoor-container.services .row.second-block.fifth .container .main-text-right .centered-middle .title span { border-bottom: 3px solid #000; font-size: 45px; padding: 1px 0 15px; color: #000; font-family: 'Roboto',sans-serif; font-weight: bold; float: right; }
@media screen and (max-width: 767px) { .standoor-container.services .row.second-block.fifth .container .main-text-right .centered-middle .title span { padding: 15% 0 9px; } }
@media screen and (max-width: 550px) { .standoor-container.services .row.second-block.fifth .container .main-text-right .centered-middle .title span { padding: 0px; } } .standoor-container.services .row.second-block.fifth .container .main-text-right .centered-middle .text { padding-top: 5em; }
@media screen and (max-width: 1024px) { .standoor-container.services .row.second-block.fifth .container .main-text-right .centered-middle .text { padding-top: 10em; } }
@media screen and (max-width: 767px) { .standoor-container.services .row.second-block.fifth .container .main-text-right .centered-middle .text { padding-top: 15em; } }
@media screen and (max-width: 550px) { .standoor-container.services .row.second-block.fifth .container .main-text-right .centered-middle .text { padding-top: 10em; } } .standoor-container.services .row.second-block.fifth .container div figure img { margin: auto; transform: scale(1); } .image-slide-text { position: absolute; bottom: 10%; text-transform: uppercase; color: #fff; font-size: 15px; font-weight: 600; left: 5%; max-width: 150px; }
@media screen and (max-width: 550px) { .col-sm-7.main-text-right p br { display: none; } }
@media screen and (max-width: 550px) { .col-sm-6.main-text-right p br { display: none; } } .standoor-container.projects { position: relative; z-index: 1; } .standoor-container.projects .main-text.projects { top: 11%; padding: 0 10%; }
@media screen and (max-width: 1400px) { .standoor-container.projects .main-text.projects { max-width: 70%; top: 6%; } }
@media screen and (max-width: 1024px) { .standoor-container.projects .main-text.projects { top: 4%; display: block; max-width: -webkit-fill-available; } }
@media screen and (max-width: 767px) { .standoor-container.projects .main-text.projects { padding: 0; } } .standoor-container.projects div div.main-block { padding: 0 4%; }
@media screen and (max-width: 1368px) { .standoor-container.projects div div.main-block { padding: 0 2%; } } .standoor-container.projects .row .container.project { max-width: 50%; }
@media screen and (max-width: 1024px) { .standoor-container.projects .row .container.project { max-width: 90%; } }
@media screen and (max-width: 767px) { .standoor-container.projects .row .container.project { max-width: 100%; } } .standoor-container.projects .row .container.project .info { padding: 0 15%; }
@media screen and (max-width: 767px) { .standoor-container.projects .row .container.project .info { padding: 0; } } .standoor-container.projects .row .container.project .subtitle { font-family: 'Roboto Mono', monospace; font-size: 14px; } .standoor-container.projects .row .container.project .title { font-size: 50px; font-weight: 900; font-family: 'Roboto', sans-serif; padding: 5px 0 5px; border-bottom: 3px solid #fff; }
@media screen and (max-width: 767px) { .standoor-container.projects .row .container.project .title { font-size: 40px; } } .standoor-container.projects .row .container.project .text { font-size: 15px; line-height: 21px; padding: 3% 0; font-weight: normal; } .standoor-container.projects .row .container.project .slick-slider .slick-list .slick-track #carousel-item img { width: 100%; } .standoor-container.projects .row .container.project div#project_1 button.slick-arrow { top: 50%; } .standoor-container.projects .row .container.project div#project_1 button.slick-prev { left: -4%; } .standoor-container.projects .row .container.project div#project_1 button.slick-next { right: -4%; } .standoor-container.projects .row .container.project div#project_2 button.slick-arrow { top: 40%; } .standoor-container.projects .row .container.project div#project_2 button.slick-arrow:before { color: #ba2350; } .standoor-container.projects .row .container.project div#project_2 button.slick-prev { left: -4%; } .standoor-container.projects .row .container.project div#project_2 button.slick-next { right: -4%; } .standoor-container.projects .row .container.project div#project_3 button.slick-arrow { top: 50%; } .standoor-container.projects .row .container.project div#project_3 button.slick-prev { left: -4%; } .standoor-container.projects .row .container.project div#project_3 button.slick-next { right: -4%; } .standoor-container.projects .second-block { margin-top: -5%; z-index: 0; padding-top: 10%; padding-bottom: 7%; } .standoor-container.projects .third-block .container.project .info { padding: 5% 15%; color: #000; } .standoor-container.projects .third-block .container.project .info .title { border-bottom: 3px solid #000; } .standoor-container.projects .third-block .container.project div#project_2 { padding-bottom: 10%; } .standoor-container.projects .second-block.fourth { z-index: 0; padding-top: 3%; padding-bottom: 5%; margin-top: 0; } .standoor-container.product { position: relative; z-index: 1; } .standoor-container.product div.stand-main { position: relative; } .standoor-container.product div.stand-main div.slide-products { padding: 0 4%; position: relative; } .standoor-container.product div.stand-main div.slide-products .slick-list.draggable { z-index: 7; } .standoor-container.product div.stand-main div.slide-products button.slick-prev.slick-arrow { background: #ba2350; border-radius: 50%; width: 60px; height: 60px; top: 50%; left: 2.4%; z-index: 9; }
@media screen and (max-width: 1368px) { .standoor-container.product div.stand-main div.slide-products button.slick-prev.slick-arrow { top: 51%; } }
@media screen and (max-width: 767px) { .standoor-container.product div.stand-main div.slide-products button.slick-prev.slick-arrow { width: 40px; height: 40px; left: 0.4%; } } .standoor-container.product div.stand-main div.slide-products button.slick-prev.slick-arrow:before { content: ""; font-size: 20px; }
@media screen and (max-width: 767px) { .standoor-container.product div.stand-main div.slide-products button.slick-prev.slick-arrow:before { left: -3px; position: relative; } } .standoor-container.product div.stand-main div.slide-products button.slick-next.slick-arrow { background: #ba2350; border-radius: 50%; width: 60px; height: 60px; top: 50%; right: 2.4%; z-index: 9; }
@media screen and (max-width: 1368px) { .standoor-container.product div.stand-main div.slide-products button.slick-next.slick-arrow { top: 51%; } }
@media screen and (max-width: 767px) { .standoor-container.product div.stand-main div.slide-products button.slick-next.slick-arrow { width: 40px; height: 40px; right: 0.4%; } } .standoor-container.product div.stand-main div.slide-products button.slick-next.slick-arrow:before { content: ""; font-size: 20px; }
@media screen and (max-width: 767px) { .standoor-container.product div.stand-main div.slide-products button.slick-next.slick-arrow:before { right: -3px; position: relative; } } .standoor-container.product div.stand-main div.slide-products div div div#carousel-item { position: relative; } .standoor-container.product div.stand-main div.slide-products div div div#carousel-item img { width: 100%; object-fit: cover; }
@media screen and (max-width: 767px) { .standoor-container.product div.stand-main div.slide-products div div div#carousel-item img { height: 400px; } } .standoor-container.product div.stand-main div.slide-products div div div#carousel-item .main-homepage-text.product { position: absolute; font-size: 30px; top: 42%; font-family: 'Roboto', sans-serif; font-weight: bold; left: 0; right: 0; text-align: center; background: rgba(0, 0, 0, 0.5); padding: 1.1%; }
@media screen and (max-width: 767px) { .standoor-container.product div.stand-main div.slide-products div div div#carousel-item .main-homepage-text.product { top: 35%; } } .standoor-container.product div.stand-main div.slide-products div div div#carousel-item .main-homepage-text.product span { border-bottom: 2px solid #fff; } .standoor-container.product .main-text { position: absolute; left: 0; right: 0; margin: auto; text-align: center; top: 45.5%; font-size: 35px; font-weight: 900; font-family: 'Roboto', sans-serif; z-index: 8; background: rgba(0, 0, 0, 0.5); padding: 1%; max-width: 92%; }
@media screen and (max-width: 1201px) { .standoor-container.product .main-text { top: 44%; } }
@media screen and (max-width: 1025px) { .standoor-container.product .main-text { top: 43.5%; } }
@media screen and (max-width: 880px) { .standoor-container.product .main-text { top: 42.2%; } }
@media screen and (max-width: 767px) { .standoor-container.product .main-text { display: block; font-size: 27px; top: 45%; } } .standoor-container.product .product-colored-section { background: #ba2350; padding-top: 3%; margin-top: -5%; position: relative; padding-bottom: 5%; } .standoor-container.product .product-colored-section div .title { position: inherit; font-size: 30px; top: 50%; font-family: 'Roboto', sans-serif; font-weight: bold; text-align: center; } .standoor-container.product .product-colored-section div .container { position: inherit; padding-top: 2%; }
@media screen and (max-width: 767px) { .standoor-container.product .product-colored-section div .container { padding-top: 5%; } } .standoor-container.product .product-colored-section div .container .col-sm-7 { position: inherit; } .standoor-container.product .product-colored-section div .container div.product_slider { max-width: 320px; max-height: 320px; padding: 0; margin-left: 10%; margin-right: 5%; }
@media screen and (max-width: 1024px) { .standoor-container.product .product-colored-section div .container div.product_slider { margin-left: 0; margin-right: 0; } }
@media screen and (max-width: 767px) { .standoor-container.product .product-colored-section div .container div.product_slider { margin-left: 5px; margin-right: 0; } }
@media screen and (max-width: 550px) { .standoor-container.product .product-colored-section div .container div.product_slider { margin: auto; } } .standoor-container.product .product-colored-section div .container div.product_slider .slick-list.draggable .slick-track img { object-fit: cover; height: 320px; } .standoor-container.product .product-colored-section div .container div.product_slider button.slick-arrow:before { content: ""; font-size: 35px; z-index: 3; }
@media screen and (max-width: 550px) { .standoor-container.product .product-colored-section div .container div.product_slider button.slick-arrow:before { font-size: 6rem; } } .standoor-container.product .product-colored-section div .container div.product_slider button.slick-next.slick-arrow { right: -5%; } .standoor-container.product .product-colored-section div .container div.product_slider button.slick-prev.slick-arrow { left: -5%; } .standoor-container.product .product-colored-section div .container .main-text-right { width: auto; }
@media screen and (max-width: 1024px) { .standoor-container.product .product-colored-section div .container .main-text-right { padding: 0; } }
@media screen and (max-width: 550px) { .standoor-container.product .product-colored-section div .container .main-text-right { margin-top: 15px; } } .standoor-container.product .product-colored-section div .container .main-text-right .centered-middle .text { font-size: 15px; line-height: 25px; font-weight: 500; min-height: 210px; }
@media screen and (max-width: 767px) { .standoor-container.product .product-colored-section div .container .main-text-right .centered-middle .text { min-height: auto; } } .standoor-container.product .product-colored-section div .container .main-text-right .centered-middle .more-info-block .pdf-cont { background: #404041; padding: 2%; text-align: center; margin-right: 5px; }
@media screen and (max-width: 1024px) { .standoor-container.product .product-colored-section div .container .main-text-right .centered-middle .more-info-block .pdf-cont { margin-right: 0; } } .standoor-container.product .product-colored-section div .container .main-text-right .centered-middle .more-info-block .pdf-cont a.pdf-url { display: inline-block; width: auto; padding: 0 2%; }
@media screen and (max-width: 767px) { .standoor-container.product .product-colored-section div .container .main-text-right .centered-middle .more-info-block .pdf-cont a.pdf-url { padding: 2% 2% 0; } } .standoor-container.product .product-colored-section div .container .main-text-right .centered-middle .more-info-block .pdf-cont a.pdf-url img { margin: auto; } .standoor-container.product .product-colored-section div .container .main-text-right .centered-middle .more-info-block .pdf-cont a.pdf-url span.name { font-size: 11px; color: #fff; font-family: 'Roboto',sans-serif; font-weight: 500; } .standoor-container.product .product-colored-section div .container .main-text-right .centered-middle .more-info-block .video-cont { position: inherit; background: #404041; padding: 2%; text-align: center; margin-left: 5px; }
@media screen and (max-width: 1024px) { .standoor-container.product .product-colored-section div .container .main-text-right .centered-middle .more-info-block .video-cont { margin-left: 0; } }
@media screen and (max-width: 767px) { .standoor-container.product .product-colored-section div .container .main-text-right .centered-middle .more-info-block .video-cont { margin-top: 5px; padding-top: 10px; } } .standoor-container.product .product-colored-section div .container .main-text-right .centered-middle .more-info-block .video-cont:hover { cursor: pointer; } .standoor-container.product .product-colored-section div .container .main-text-right .centered-middle .more-info-block .video-cont a { position: inherit; display: inline-block; } .standoor-container.product .product-colored-section div .container .main-text-right .centered-middle .more-info-block .video-cont a img { margin: auto; }
@media screen and (max-width: 1024px) { .standoor-container.product .product-colored-section div .container .main-text-right .centered-middle .more-info-block .video-cont a img { display: block; } } .standoor-container.product .product-colored-section div .container .main-text-right .centered-middle .more-info-block .video-cont a span.name { font-size: 11px; color: #fff; font-family: 'Roboto',sans-serif; font-weight: 500; } .standoor-container.product .product-colored-section div .container .main-text-right .centered-middle .pdf-cont { position: inherit; background: #404041; padding: 2%; text-align: center; margin-right: 5px; }
@media screen and (max-width: 1024px) { .standoor-container.product .product-colored-section div .container .main-text-right .centered-middle .pdf-cont { margin-right: 0; } } .standoor-container.product .product-colored-section div .container .main-text-right .centered-middle .pdf-cont a.pdf-url { position: inherit; display: inline-block; width: auto; padding: 0 2%; max-width: 75px; }
@media screen and (max-width: 767px) { .standoor-container.product .product-colored-section div .container .main-text-right .centered-middle .pdf-cont a.pdf-url { max-width: 65px; } } .standoor-container.product .product-colored-section div .container .main-text-right .centered-middle .pdf-cont a.pdf-url img { margin: auto; }
@media screen and (max-width: 1024px) { .standoor-container.product .product-colored-section div .container .main-text-right .centered-middle .pdf-cont a.pdf-url img { display: block; } } .standoor-container.product .product-colored-section div .container .main-text-right .centered-middle .pdf-cont a.pdf-url span.name { font-size: 11px; color: #fff; font-family: 'Roboto',sans-serif; font-weight: 500; display: block; max-width: 98%; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; } .standoor-container.product .product-colored-section div .container .main-text-right .centered-middle .video-cont { position: inherit; background: #404041; padding: 2%; text-align: center; margin-left: 5px; }
@media screen and (max-width: 1024px) { .standoor-container.product .product-colored-section div .container .main-text-right .centered-middle .video-cont { margin-left: 0; } }
@media screen and (max-width: 767px) { .standoor-container.product .product-colored-section div .container .main-text-right .centered-middle .video-cont { margin-top: 5px; padding-top: 10px; } } .standoor-container.product .product-colored-section div .container .main-text-right .centered-middle .video-cont:hover { cursor: pointer; } .standoor-container.product .product-colored-section div .container .main-text-right .centered-middle .video-cont a { position: inherit; display: inline-block; } .standoor-container.product .product-colored-section div .container .main-text-right .centered-middle .video-cont a img { margin: auto; }
@media screen and (max-width: 1024px) { .standoor-container.product .product-colored-section div .container .main-text-right .centered-middle .video-cont a img { display: block; } } .standoor-container.product .product-colored-section div .container .main-text-right .centered-middle .video-cont a span.name { font-size: 11px; color: #fff; font-family: 'Roboto',sans-serif; font-weight: 500; } .standoor-container.product .product-colored-section.first-colored { padding-top: 8%; }
@media screen and (max-width: 767px) { .standoor-container.product .product-colored-section.first-colored { padding-top: 15%; } } .standoor-container.product .product-section { padding-top: 8%; margin-top: -5%; position: relative; padding-bottom: 8%; } .standoor-container.product .product-section div .title { position: inherit; font-size: 30px; top: 50%; font-family: 'Roboto', sans-serif; font-weight: bold; text-align: center; color: #404040; } .standoor-container.product .product-section div .container { position: inherit; padding-top: 2%; } .standoor-container.product .product-section div .container .col-sm-6 { text-align: right; position: inherit; }
@media screen and (max-width: 767px) { .standoor-container.product .product-section div .container .col-sm-6 { text-align: left; } }
@media screen and (max-width: 767px) { .standoor-container.product .product-section div .container div#doors_6 { margin-top: 10px; } }
@media screen and (max-width: 767px) { .standoor-container.product .product-section div .container div#doors_2 { margin-top: 10px; } } .standoor-container.product .product-section div .container div.product_slider { max-width: 320px; max-height: 320px; padding: 0; margin-left: 5%; position: relative; }
@media screen and (max-width: 767px) { .standoor-container.product .product-section div .container div.product_slider { margin-left: 5px; margin-top: 5%; } }
@media screen and (max-width: 550px) { .standoor-container.product .product-section div .container div.product_slider { margin: auto; } } .standoor-container.product .product-section div .container div.product_slider .slick-list.draggable .slick-track img { object-fit: cover; height: 320px; } .standoor-container.product .product-section div .container div.product_slider button.slick-arrow:before { content: ""; font-size: 35px; color: #ba2350; }
@media screen and (max-width: 550px) { .standoor-container.product .product-section div .container div.product_slider button.slick-arrow:before { font-size: 6rem; } } .standoor-container.product .product-section div .container div.product_slider button.slick-next.slick-arrow { right: -5%; } .standoor-container.product .product-section div .container div.product_slider button.slick-prev.slick-arrow { left: -5%; } .standoor-container.product .product-section div .container .main-text-right { width: auto; float: right; color: #000; }
@media screen and (max-width: 767px) { .standoor-container.product .product-section div .container .main-text-right { float: none; padding: 0; } }
@media screen and (max-width: 550px) { .standoor-container.product .product-section div .container .main-text-right { margin-top: 15px; } } .standoor-container.product .product-section div .container .main-text-right .cent .centered-middle { position: inherit; } .standoor-container.product .product-section div .container .main-text-right .cent .centered-middle .text { font-size: 15px; line-height: 25px; font-weight: 500; min-height: 210px; color: #404040; }
@media screen and (max-width: 767px) { .standoor-container.product .product-section div .container .main-text-right .cent .centered-middle .text { min-height: auto; } } .standoor-container.product .product-section div .container .main-text-right .pdf-cont { background: #404041; padding: 2%; text-align: center; margin-right: 5px; }
@media screen and (max-width: 1024px) { .standoor-container.product .product-section div .container .main-text-right .pdf-cont { margin-left: 0; margin-right: 0; } } .standoor-container.product .product-section div .container .main-text-right .pdf-cont a.pdf-url { display: inline-block; width: auto; padding: 0 2%; max-width: 75px; }
@media screen and (max-width: 767px) { .standoor-container.product .product-section div .container .main-text-right .pdf-cont a.pdf-url { max-width: 65px; } } .standoor-container.product .product-section div .container .main-text-right .pdf-cont a.pdf-url img { margin: auto; } .standoor-container.product .product-section div .container .main-text-right .pdf-cont a.pdf-url span.name { font-size: 11px; color: #fff; font-family: 'Roboto',sans-serif; font-weight: 500; display: block; max-width: 98%; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; } .standoor-container.product .product-section div .container .main-text-right .video-cont { position: inherit; background: #404041; padding: 2%; text-align: center; margin-left: 5px; max-width: 15%; }
@media screen and (max-width: 1024px) { .standoor-container.product .product-section div .container .main-text-right .video-cont { margin-left: 0; } }
@media screen and (max-width: 767px) { .standoor-container.product .product-section div .container .main-text-right .video-cont { max-width: -webkit-fill-available; } } .standoor-container.product .product-section div .container .main-text-right .video-cont:hover { cursor: pointer; } .standoor-container.product .product-section div .container .main-text-right .video-cont a { position: inherit; display: inline-block; } .standoor-container.product .product-section div .container .main-text-right .video-cont a img { margin: auto; }
@media screen and (max-width: 1024px) { .standoor-container.product .product-section div .container .main-text-right .video-cont a img { display: block; } } .standoor-container.product .product-section div .container .main-text-right .video-cont a span.name { font-size: 11px; color: #fff; font-family: 'Roboto',sans-serif; font-weight: 500; } .responsive-bootstrap-toolkit .modal-backdrop.fade.in { position: fixed; z-index: 0; } .modal-backdrop.fade.in { z-index: 0; } .modal-dialog { position: absolute; left: 0; right: 0; margin: auto; top: 25%; } .modal-content { background: #404040; } button.btn.btn-default { background: none; border: none; box-shadow: none; color: #fff; font-size: 15px; padding: 10px 25px 0; font-family: 'Roboto',sans-serif; font-weight: 100; text-shadow: none; } .modal-footer { padding: 0; } .postid-306 .page-wrap .standoor-container.product .product-section.sixth { padding-bottom: 2%; }  .all-productsrow { padding: 0 3%; position: relative; }
@media screen and (max-width: 767px) { .all-productsrow { margin: 8em 0 -2em 0; top: -4em; text-align: center; } } .all-productsrow .title { font-size: 40px; color: #000; font-weight: bold; padding: 0.5em 0 0.5em 0; position: relative; }
@media screen and (max-width: 550px) { .all-productsrow .title { padding: 0.5em 0 0em 0; } } .all-productsrow slick-slider { position: unset; } .all-productsrow div#products, .all-productsrow #products-bottom { position: unset; } .all-productsrow div#products .slick-list.draggable .slick-track div, .all-productsrow #products-bottom .slick-list.draggable .slick-track div { position: relative; } .all-productsrow div#products .slick-list.draggable .slick-track div a img, .all-productsrow #products-bottom .slick-list.draggable .slick-track div a img { width: 89.3%; }
@media screen and (max-width: 767px) { .all-productsrow div#products .slick-list.draggable .slick-track div a img, .all-productsrow #products-bottom .slick-list.draggable .slick-track div a img { width: auto; } } .all-productsrow div#products .slick-list.draggable .slick-track div a .overlay, .all-productsrow #products-bottom .slick-list.draggable .slick-track div a .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 89.3%; opacity: 0; transition: .2s ease-in-out; background-color: #ba2350; }
@media screen and (max-width: 767px) { .all-productsrow div#products .slick-list.draggable .slick-track div a .overlay, .all-productsrow #products-bottom .slick-list.draggable .slick-track div a .overlay { width: auto; } } .all-productsrow div#products .slick-list.draggable .slick-track div a span.image-slide-text, .all-productsrow #products-bottom .slick-list.draggable .slick-track div a span.image-slide-text { position: absolute; bottom: 10%; text-transform: uppercase; color: #fff; font-size: 15px; font-weight: 600; left: 5%; max-width: 150px; }
@media screen and (max-width: 767px) { .all-productsrow div#products .slick-list.draggable .slick-track div a span.image-slide-text, .all-productsrow #products-bottom .slick-list.draggable .slick-track div a span.image-slide-text { position: relative; top: 0.3em; color: #000; font-size: 30px; left: 0; } } .all-productsrow div#products .slick-list.draggable .slick-track div a:hover .overlay, .all-productsrow #products-bottom .slick-list.draggable .slick-track div a:hover .overlay { opacity: 0.7; } .all-productsrow div#products button.slick-prev.slick-arrow, .all-productsrow #products-bottom button.slick-prev.slick-arrow { top: 60%; z-index: 2; left: 0%; }
@media screen and (max-width: 1500px) { .all-productsrow div#products button.slick-prev.slick-arrow, .all-productsrow #products-bottom button.slick-prev.slick-arrow { top: 64%; } }
@media screen and (max-width: 1025px) { .all-productsrow div#products button.slick-prev.slick-arrow, .all-productsrow #products-bottom button.slick-prev.slick-arrow { top: 70%; } }
@media screen and (max-width: 1025px) { .all-productsrow div#products button.slick-prev.slick-arrow, .all-productsrow #products-bottom button.slick-prev.slick-arrow { top: 67%; } }
@media screen and (max-width: 800px) { .all-productsrow div#products button.slick-prev.slick-arrow, .all-productsrow #products-bottom button.slick-prev.slick-arrow { top: 72%; } }
@media screen and (max-width: 767px) { .all-productsrow div#products button.slick-prev.slick-arrow, .all-productsrow #products-bottom button.slick-prev.slick-arrow { top: 45%; left: -5px; } }
@media screen and (max-width: 550px) { .all-productsrow div#products button.slick-prev.slick-arrow, .all-productsrow #products-bottom button.slick-prev.slick-arrow { top: 57%; } }
@media screen and (max-width: 361px) { .all-productsrow div#products button.slick-prev.slick-arrow, .all-productsrow #products-bottom button.slick-prev.slick-arrow { top: 53%; } } .all-productsrow div#products button.slick-prev.slick-arrow:before, .all-productsrow #products-bottom button.slick-prev.slick-arrow:before { color: #ba2350; z-index: 3; content: ""; font-size: 5rem; }
@media screen and (max-width: 1201px) { .all-productsrow div#products button.slick-prev.slick-arrow:before, .all-productsrow #products-bottom button.slick-prev.slick-arrow:before { font-size: 3rem; } }
@media screen and (max-width: 767px) { .all-productsrow div#products button.slick-prev.slick-arrow:before, .all-productsrow #products-bottom button.slick-prev.slick-arrow:before { font-size: 3rem; } }
@media screen and (max-width: 550px) { .all-productsrow div#products button.slick-prev.slick-arrow:before, .all-productsrow #products-bottom button.slick-prev.slick-arrow:before { font-size: 6rem; } } .all-productsrow div#products button.slick-next.slick-arrow, .all-productsrow #products-bottom button.slick-next.slick-arrow { top: 60%; left: 94.8%; z-index: 2; }
@media screen and (max-width: 1600px) { .all-productsrow div#products button.slick-next.slick-arrow, .all-productsrow #products-bottom button.slick-next.slick-arrow { left: 94.2%; } }
@media screen and (max-width: 1500px) { .all-productsrow div#products button.slick-next.slick-arrow, .all-productsrow #products-bottom button.slick-next.slick-arrow { left: 94.1%; top: 64%; } }
@media screen and (max-width: 1368px) { .all-productsrow div#products button.slick-next.slick-arrow, .all-productsrow #products-bottom button.slick-next.slick-arrow { left: 93.8%; } }
@media screen and (max-width: 1201px) { .all-productsrow div#products button.slick-next.slick-arrow, .all-productsrow #products-bottom button.slick-next.slick-arrow { left: 94.7%; } }
@media screen and (max-width: 1025px) { .all-productsrow div#products button.slick-next.slick-arrow, .all-productsrow #products-bottom button.slick-next.slick-arrow { top: 67%; } }
@media screen and (max-width: 800px) { .all-productsrow div#products button.slick-next.slick-arrow, .all-productsrow #products-bottom button.slick-next.slick-arrow { top: 72%; left: 94%; } }
@media screen and (max-width: 767px) { .all-productsrow div#products button.slick-next.slick-arrow, .all-productsrow #products-bottom button.slick-next.slick-arrow { top: 45%; right: -4px; left: auto; } }
@media screen and (max-width: 550px) { .all-productsrow div#products button.slick-next.slick-arrow, .all-productsrow #products-bottom button.slick-next.slick-arrow { right: 0px; top: 57%; } }
@media screen and (max-width: 361px) { .all-productsrow div#products button.slick-next.slick-arrow, .all-productsrow #products-bottom button.slick-next.slick-arrow { top: 53%; } } .all-productsrow div#products button.slick-next.slick-arrow:before, .all-productsrow #products-bottom button.slick-next.slick-arrow:before { color: #ba2350; z-index: 3; font-size: 5rem; content: ""; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
@media screen and (max-width: 1201px) { .all-productsrow div#products button.slick-next.slick-arrow:before, .all-productsrow #products-bottom button.slick-next.slick-arrow:before { font-size: 3rem; } }
@media screen and (max-width: 767px) { .all-productsrow div#products button.slick-next.slick-arrow:before, .all-productsrow #products-bottom button.slick-next.slick-arrow:before { font-size: 3rem; } }
@media screen and (max-width: 550px) { .all-productsrow div#products button.slick-next.slick-arrow:before, .all-productsrow #products-bottom button.slick-next.slick-arrow:before { font-size: 6rem; } } .all-productsrow .all-products { margin: 4% 0; position: relative; }
@media screen and (max-width: 767px) { .all-productsrow .all-products { display: none; } } .all-productsrow .all-products .learn-more { margin: 5em 0; font-size: 12px; letter-spacing: 2px; font-family: 'Roboto', sans-serif; } .all-productsrow .all-products .learn-more:after { content: ''; width: 0px; height: 0px; border-style: solid; border-width: 0px 90px 80px 0; border-color: transparent transparent rgba(0, 0, 0, 0.2) transparent; display: inline-block; vertical-align: middle; position: absolute; top: -40px; left: 8%; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; } .all-productsrow .all-products .learn-more a { color: #000; } .all-productsrow .all-products .learn-more:hover:after { border-width: 0 90px 90px 50px; } .standoor-container.news { position: relative; z-index: 1; } .standoor-container.news .row { position: relative; } .standoor-container.news footer.site-footer .container-fluid div div.col-sm-12 { padding: 0; } .standoor-container.news .main-text.projects { top: 50%; z-index: 3; }
@media screen and (max-width: 1366px) { .standoor-container.news .main-text.projects { max-width: 70%; } }
@media screen and (max-width: 767px) { .standoor-container.news .main-text.projects { padding: 0 5%; display: block; } }
@media screen and (max-width: 550px) { .standoor-container.news .main-text.projects { top: 40%; } } .standoor-container.news div div.main-block { padding: 0 4%; z-index: 2; }
@media screen and (max-width: 1368px) { .standoor-container.news div div.main-block { padding: 0 2%; } } .standoor-container.news .second-block { padding: 10em 5em 3em; margin-top: -5em; }
@media screen and (max-width: 1468px) { .standoor-container.news .second-block { padding: 10em 0 3em; } }
@media screen and (max-width: 1368px) { .standoor-container.news .second-block { padding: 10em 0 5em; } }
@media screen and (max-width: 767px) { .standoor-container.news .second-block { padding: 5em 0; } } .standoor-container.news .second-block .row div section#primary main#main .col-sm-6 .news { min-height: 450px; }
@media screen and (max-width: 1368px) { .standoor-container.news .second-block .row div section#primary main#main .col-sm-6 .news { min-height: 400px; } }
@media screen and (max-width: 1024px) { .standoor-container.news .second-block .row div section#primary main#main .col-sm-6 .news { min-height: 500px; } }
@media screen and (max-width: 880px) { .standoor-container.news .second-block .row div section#primary main#main .col-sm-6 .news { min-height: 600px; } }
@media screen and (max-width: 767px) { .standoor-container.news .second-block .row div section#primary main#main .col-sm-6 .news { padding: 10% 0; min-height: auto; } } .standoor-container.news .second-block .row div section#primary main#main .col-sm-6 .news .post-image .home-blog-post-image { position: relative; height: 20em; width: 90%; z-index: 2; background-repeat: no-repeat; background-position: center center; background-size: cover; } .standoor-container.news .second-block .row div section#primary main#main .col-sm-6 .news .post-image .home-blog-post-image a img { position: relative; z-index: 2; } .standoor-container.news .second-block .row div section#primary main#main .col-sm-6 .news .post-image .background-grey { background: #555; height: 21em; position: absolute; top: 10%; width: 90%; left: 15%; z-index: 1; }
@media screen and (max-width: 1800px) { .standoor-container.news .second-block .row div section#primary main#main .col-sm-6 .news .post-image .background-grey { height: 20em; } }
@media screen and (max-width: 1700px) { .standoor-container.news .second-block .row div section#primary main#main .col-sm-6 .news .post-image .background-grey { height: 19.2em; } }
@media screen and (max-width: 1600px) { .standoor-container.news .second-block .row div section#primary main#main .col-sm-6 .news .post-image .background-grey { height: 18em; } }
@media screen and (max-width: 1500px) { .standoor-container.news .second-block .row div section#primary main#main .col-sm-6 .news .post-image .background-grey { height: 17em; } }
@media screen and (max-width: 1480px) { .standoor-container.news .second-block .row div section#primary main#main .col-sm-6 .news .post-image .background-grey { height: 16.5em; } }
@media screen and (max-width: 1368px) { .standoor-container.news .second-block .row div section#primary main#main .col-sm-6 .news .post-image .background-grey { height: 16em; } } .standoor-container.news .second-block .row div section#primary main#main .col-sm-6 .news .project { position: relative; z-index: 3; }
@media screen and (max-width: 1480px) { .standoor-container.news .second-block .row div section#primary main#main .col-sm-6 .news .project article { margin-left: 10px; } } .standoor-container.news .second-block .row div section#primary main#main .col-sm-6 .news .project article .post-excerpt .post-header div p#day { font-size: 100px; font-family: 'Roboto',sans-serif; font-weight: 900; color: #fff; text-align: left; margin-top: 0; padding-left: 2%; } .standoor-container.news .second-block .row div section#primary main#main .col-sm-6 .news .project article .post-excerpt .post-header div p#month-year { font-family: 'Roboto Mono', monospace; color: #fff; font-size: 14px; font-weight: 100; text-align: left; margin-top: -30px; padding-left: 2%; } .standoor-container.news .second-block .row div section#primary main#main .col-sm-6 .news .project article .post-excerpt h2.post-title { font-weight: 900; font-size: 18px; text-transform: uppercase; } .standoor-container.news .second-block .row div section#primary main#main .col-sm-6 .news .project article .post-excerpt h2.post-title a { color: #fff; } .standoor-container.news .second-block .row div section#primary main#main .col-sm-6 .news .project article .post-excerpt .post-content .excerpt-wrapper { font-size: 15px; font-weight: 500; color: #fff; } .standoor-container.news .second-block .row div section#primary main#main .col-sm-6 .news .project article .post-excerpt .post-content .read-more { font-size: 14px; font-family: 'Roboto Mono', monospace; padding-top: 1.5em; } .standoor-container.news .second-block .row div section#primary main#main .col-sm-6 .news .project article .post-excerpt .post-content .read-more a { color: #fff; } .standoor-container.news .second-block .row div section#primary main#main .col-sm-6 .news .project article .post-excerpt .post-content .read-more a i.fi.flaticon-next { padding-left: 10px; top: 1px; position: relative; } .standoor-container.news .second-block .row div section#primary main#main .col-sm-6 .news .project article .post-excerpt .post-content .read-more a i.fi.flaticon-next:before { font-size: 20px; position: relative; top: 3px; transition: 0.5s ease; } .standoor-container.news .second-block .row div section#primary main#main .col-sm-6 .news .project article .post-excerpt .post-content .read-more:hover a i:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); transition: 0.5s ease; } nav.navigation.pagination { float: left; left: 50%; position: absolute; transform: translateX(-50%); top: 98%; }
@media screen and (max-width: 550px) { nav.navigation.pagination { top: 100%; } } nav.navigation.pagination .nav-links { font-size: 20px; width: 400px; text-align: center; }
@media screen and (max-width: 550px) { nav.navigation.pagination .nav-links { font-size: 17px; } } nav.navigation.pagination .nav-links a { color: #fff; } nav.navigation.pagination .nav-links a.prev.page-numbers { margin-right: 25px; } nav.navigation.pagination .nav-links a.next.page-numbers { margin-left: 20px; } span.page-numbers.current { border: 2px solid #fff; border-radius: 50%; padding: 1% 2.5%; } .standoor-container.customers { position: relative; z-index: 1; } .standoor-container.customers .main-text.customers { top: 15%; }
@media screen and (min-width: 1400px) { .standoor-container.customers .main-text.customers { max-width: 70%; } }
@media screen and (max-width: 1024px) { .standoor-container.customers .main-text.customers { top: 10%; display: block; padding: 0 5%; } }
@media screen and (max-width: 550px) { .standoor-container.customers .main-text.customers { top: 13%; } } .standoor-container.customers div div.main-block { padding: 0 4%; }
@media screen and (max-width: 1368px) { .standoor-container.customers div div.main-block { padding: 0 2%; } } .standoor-container.customers .row.second-block { margin-top: -4%; z-index: 0; padding-top: 10%; padding-bottom: 10%; } .standoor-container.customers .row.second-block .container.second { margin-top: 3%; } .standoor-container.customers .row.second-block .container div figure img { transform: scale(1.06); } .standoor-container.customers .row.second-block .container div.col-sm-6 { height: 450px; display: flex; justify-content: center; align-items: center; } .standoor-container.customers .row.second-block .container div.col-sm-6 .centered-middle.second-section { text-align: right; line-height: 25px; } .standoor-container.customers .row.second-block .container div.col-sm-6.main-text-right { height: auto; padding: 0 0 0 25px; }
@media screen and (max-width: 767px) { .standoor-container.customers .row.second-block .container div.col-sm-6.main-text-right { padding: 0; } }
@media screen and (max-width: 767px) { .standoor-container.customers .row.second-block .container div.col-sm-6.main-text-right .centered-middle .subtitle { text-align: center; } } .standoor-container.customers .row.second-block .container div.col-sm-6.main-text-right .centered-middle .number { font-family: 'Roboto', sans-serif; font-size: 100px; font-weight: bold; }
@media screen and (max-width: 767px) { .standoor-container.customers .row.second-block .container div.col-sm-6.main-text-right .centered-middle .number { text-align: center; } } .standoor-container.customers .row.second-block .container div.col-sm-6.main-text-right .centered-middle .title { font-size: 25px; padding: 1px 0 15px; border-bottom: 3px solid #fff; } .standoor-container.customers .row.second-block .container div.col-sm-6.main-text-right .centered-middle .text { padding-top: 14px; } .standoor-container.customers .row.third-block .container.icon-block { background: #404040; text-align: center; padding: 2% 0; position: relative; top: -6em; width: 40%; }
@media screen and (max-width: 1024px) { .standoor-container.customers .row.third-block .container.icon-block { top: -3em; width: 60%; } }
@media screen and (max-width: 767px) { .standoor-container.customers .row.third-block .container.icon-block { top: -2em; width: 90%; } } .standoor-container.customers .row.third-block .container.icon-block .col-sm-12 .text a { color: #fff; } .standoor-container.customers .customers-fourth-block { margin-top: -3%; color: #000; padding-bottom: 3%; } .standoor-container.customers .customers-fourth-block .container .col-sm-6.main-text-left { font-size: 14px; font-family: 'Roboto', sans-serif; font-weight: 500; text-align: right; } .standoor-container.customers .customers-fourth-block .container .col-sm-6.main-text-right { font-size: 25px; font-weight: bold; height: 300px; display: flex; justify-content: left; align-items: center; text-align: left; } .standoor-container.customers .row.fourth-block { margin-top: 0%; padding: 0 3% 5%; }
@media screen and (max-width: 767px) { .standoor-container.customers .row.fourth-block { top: 0em; } } .standoor-container.customers .row.fourth-block title { margin: auto; top: -5px; } .image-slide-text { position: absolute; bottom: 10%; text-transform: uppercase; color: #fff; font-size: 15px; font-weight: 600; left: 5%; max-width: 150px; } .taxonomy-article-wrapper { position: relative; margin-bottom: 20px; } .taxonomy-article-wrapper .taxonomy-article-icon-wrapper { position: absolute; top: 0; left: 0; } .taxonomy-article-wrapper .taxonomy-article-icon-wrapper .taxonomy-article-icon-outer { display: table-cell; vertical-align: middle; background-color: #000; } .taxonomy-article-wrapper .taxonomy-article-icon-wrapper .taxonomy-article-icon-outer.no-bg-color { background-color: transparent; width: 2px; } .taxonomy-article-wrapper .taxonomy-article-icon-wrapper .taxonomy-article-icon-outer .taxonomy-article-icon, .taxonomy-article-wrapper .taxonomy-article-icon-wrapper .taxonomy-article-icon-outer .taxonomy-article-icon-text { padding: 6px; color: #808080; display: inline-block; font-size: 15px; line-height: 14px; text-align: center; } .taxonomy-article-wrapper .taxonomy-article-icon-wrapper .taxonomy-article-icon-outer .taxonomy-article-icon .fi, .taxonomy-article-wrapper .taxonomy-article-icon-wrapper .taxonomy-article-icon-outer .taxonomy-article-icon-text .fi { font-size: 24px; } .taxonomy-article-wrapper .taxonomy-article-icon-wrapper .taxonomy-article-icon-outer .taxonomy-article-icon .the-levels, .taxonomy-article-wrapper .taxonomy-article-icon-wrapper .taxonomy-article-icon-outer .taxonomy-article-icon-text .the-levels { font-size: 0.8em; } .taxonomy-article-wrapper .taxonomy-article-icon-wrapper .taxonomy-article-icon-outer .taxonomy-article-icon .the-title, .taxonomy-article-wrapper .taxonomy-article-icon-wrapper .taxonomy-article-icon-outer .taxonomy-article-icon-text .the-title { font-size: 0.6em; } .taxonomy-article-wrapper .taxonomy-article-text-wrapper { position: absolute; bottom: -10px; left: 0; right: 0; margin-left: auto; margin-right: auto; text-align: center; }
@media screen and (max-width: 1100px) { .taxonomy-article-wrapper .taxonomy-article-text-wrapper { position: relative; } } .taxonomy-article-wrapper .taxonomy-article-text-wrapper .taxonomy-article-text-wrapper-inner { background-color: #fff; padding: 2px 40px 0; margin: 0 10%; } .taxonomy-article-wrapper .taxonomy-article-text-wrapper .taxonomy-article-text-wrapper-inner h2, .taxonomy-article-wrapper .taxonomy-article-text-wrapper .taxonomy-article-text-wrapper-inner h3 { margin: 0; font-size: 1.3em; font-weight: 300; font-style: italic; } .taxonomy-article-wrapper .taxonomy-article-text-wrapper .taxonomy-article-text-wrapper-inner a.taxonomy-article-url, .taxonomy-article-wrapper .taxonomy-article-text-wrapper .taxonomy-article-text-wrapper-inner .taxonomy-article-more { display: block; margin: 10px 0; color: #000; } .article-excerpt { padding: 0 20px; text-align: center; font-size: 0.95em; color: #808080; } .article-permalink { text-align: center; margin-top: 0; font-style: italic; font-size: 1em; } .tax-articles_category header.page-header { background-color: #E4E4E4; text-align: center; margin: 0 0 30px; padding: 20px 0 40px; } .tax-articles_category header.page-header .fi { font-size: 2em; } .tax-articles_category header.page-header h2 { font-size: 1.5em; margin: 0; color: #000; } .tax-articles_category header.page-header .small-line { width: 50px; margin: 10px auto; border-bottom: 1px solid #000; } .tax-articles_category header.page-header h1 { font-size: 2.5em; margin: 0; font-weight: bold; }
@media screen and (max-width: 767px) { .tax-articles_category header.page-header h1 { font-size: 1.8em; } } .grid .grid-sizer, .grid .grid-item { width: 48%; }
@media screen and (max-width: 767px) { .grid .grid-sizer, .grid .grid-item { width: 100%; } } .grid .gutter-sizer { width: 4%; }
@media screen and (max-width: 767px) { .grid .gutter-sizer { width: 0; } }  .share-links { position: relative; margin: 20px 0; padding-top: 3px; text-align: right; } .share-links:before { content: ''; display: block; width: calc(100% - 20px); border-top: 2px dotted transparent; position: absolute; top: 24px; z-index: -1; background-image: linear-gradient(to right, black 33%, rgba(255, 255, 255, 0) 0%); background-position: bottom; background-size: 6px 4px; background-repeat: repeat-x; } .share-links.is-hover:before { width: calc(100% - 200px); } .share-links .share-article-loop { position: relative; z-index: 1; background-color: #fff; } .share-links .post-link:before { -moz-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1); -o-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.25s cubic-bezier(0.165, 0.84, 0.44, 1); } .share-links .post-link.share-article-loop:hover .boxed-icon { -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; } .share-links .post-link.share-article-loop .boxed-icon { -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; -webkit-transition: all 0.15s linear; transition: all 0.15s linear; } .share-links .post-link { display: inline-block; height: 40px; line-height: 40px; position: relative; text-align: center; } .share-links .post-link:before { content: ''; display: inline-block; opacity: 0.3; } .share-links .post-link:hover:before { opacity: 1; } .share-links .post-link.comment-link { width: 42px; margin-right: 2px; } .share-links .post-link.comment-link:before { width: 16px; height: 15px; vertical-align: middle; background: transparent url(//standoor.comma-abc.com/wp-content/themes/standoor/assets/images/comment-icon.png); -moz-background-size: 16px 15px; -o-background-size: 16px 15px; -webkit-background-size: 16px 15px; background-size: 16px 15px; } .share-links .post-link.share-article-loop { min-width: 42px; line-height: 40px; cursor: pointer; margin-right: -10px; } .share-links .post-link.share-article-loop:before { width: 17px; height: 17px; vertical-align: middle; background: transparent url(//standoor.comma-abc.com/wp-content/themes/standoor/assets/images/share-icon.png) -1px center; -moz-background-size: 361px 17px; -o-background-size: 361px 17px; -webkit-background-size: 361px 17px; background-size: 361px 17px; -webkit-animation: shareplay-reverse 0.25s steps(9) forwards; -moz-animation: shareplay-reverse 0.25s steps(9) forwards; animation: shareplay-reverse 0.25s steps(9) forwards; } .share-links .post-link.share-article-loop:hover:before { -webkit-animation: shareplay 0.25s steps(9) forwards; -moz-animation: shareplay 0.25s steps(9) forwards; animation: shareplay 0.25s steps(9) forwards; } .share-links .post-link.share-article-loop .boxed-icon { cursor: pointer; width: 42px; height: 40px; line-height: 42px; position: absolute; top: -1px; left: 0; font-size: 23px; opacity: 0; }
@-moz-document url-prefix() { .share-links .post-link.share-article-loop .boxed-icon { line-height: 45px; } } .share-links .post-link.share-article-loop .boxed-icon:nth-child(1) { z-index: 4; -moz-transform: translateX(-30px); -ms-transform: translateX(-30px); -webkit-transform: translateX(-30px); transform: translateX(-30px); } .share-links .post-link.share-article-loop .boxed-icon:nth-child(2) { z-index: 3; -moz-transform: translateX(-72px); -ms-transform: translateX(-72px); -webkit-transform: translateX(-72px); transform: translateX(-72px); } .share-links .post-link.share-article-loop .boxed-icon:nth-child(3) { z-index: 2; -moz-transform: translateX(-114px); -ms-transform: translateX(-114px); -webkit-transform: translateX(-114px); transform: translateX(-114px); } .share-links .post-link.share-article-loop .boxed-icon:nth-child(4) { z-index: 1; -moz-transform: translateX(-156px); -ms-transform: translateX(-156px); -webkit-transform: translateX(-156px); transform: translateX(-156px); } .share-links .post-link.share-article-loop:hover .boxed-icon { opacity: 1; background-color: #fff; } .share-links .post-link.share-article-loop:hover .boxed-icon:nth-child(1) { -moz-transform: translateX(-41px); -ms-transform: translateX(-41px); -webkit-transform: translateX(-41px); transform: translateX(-41px); -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; } .share-links .post-link.share-article-loop:hover .boxed-icon:nth-child(1):hover { -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; } .share-links .post-link.share-article-loop:hover .boxed-icon:nth-child(2) { -moz-transform: translateX(-83px); -ms-transform: translateX(-83px); -webkit-transform: translateX(-83px); transform: translateX(-83px); -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .share-links .post-link.share-article-loop:hover .boxed-icon:nth-child(2):hover { -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; } .share-links .post-link.share-article-loop:hover .boxed-icon:nth-child(3) { -moz-transform: translateX(-125px); -ms-transform: translateX(-125px); -webkit-transform: translateX(-125px); transform: translateX(-125px); -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; } .share-links .post-link.share-article-loop:hover .boxed-icon:nth-child(3):hover { -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; } .share-links .post-link.share-article-loop:hover .boxed-icon:nth-child(4) { -moz-transform: translateX(-167px); -ms-transform: translateX(-167px); -webkit-transform: translateX(-167px); transform: translateX(-167px); -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .share-links .post-link.share-article-loop:hover .boxed-icon:nth-child(4):hover { -moz-transition-delay: 0s; -o-transition-delay: 0s; -webkit-transition-delay: 0s; transition-delay: 0s; } .share-links span { font-size: 10px; line-height: 40px; margin-left: 5px; color: #959595; text-transform: uppercase; vertical-align: middle; } .share-links.just-shares { display: block; } .share-links.just-shares:before { content: ''; display: inline-block; position: relative; top: 0; width: 15px; height: 9px; background: transparent url(//standoor.comma-abc.com/wp-content/themes/standoor/assets/images/share-icon.png); -moz-background-size: 15px 8.25px; -o-background-size: 15px 8.25px; -webkit-background-size: 15px 8.25px; background-size: 15px 8.25px; } .share-links.just-shares span { line-height: 1; } .boxed-icon { display: inline-block; width: 24px; height: 24px; line-height: 24px; text-align: center; font-size: 12px; border: 1px solid #eaeaea; } .boxed-icon.icon-1x { width: 24px; height: 24px; line-height: 24px; font-size: 12px; } .boxed-icon.icon-2x { width: 30px; height: 28px; line-height: 28px; font-size: 14px; } .boxed-icon.icon-3x { width: 40px; height: 38px; line-height: 38px; font-size: 16px; } .boxed-icon.icon-4x { width: 56px; height: 54px; line-height: 54px; font-size: 18px; } .boxed-icon.large { width: 56px; height: 54px; line-height: 54px; } .boxed-icon.fill { background: #222; border-color: #222; color: #fff; } .boxed-icon.fill:hover { background: #090909; border-color: #090909; } .facebook { color: #999; } .facebook:hover { color: #3f2a56; } .facebook.boxed-icon { background: none; border: none; } .facebook.boxed-icon:hover { color: #3f2a56; background: none; } .facebook.boxed-icon.fill { color: #acacac; } .facebook.boxed-icon.fill:hover { color: #3f2a56; } .google-plus { color: #999; } .google-plus:hover { color: #3f2a56; } .google-plus.boxed-icon { background: none; border: none; } .google-plus.boxed-icon:hover { color: #3f2a56; background: none; } .google-plus.boxed-icon.fill { color: #acacac; } .google-plus.boxed-icon.fill:hover { color: #3f2a56; } .linkedin { color: #999; } .linkedin:hover { color: #3f2a56; } .linkedin.boxed-icon { background: none; border: none; } .linkedin.boxed-icon:hover { color: #3f2a56; background: none; } .linkedin.boxed-icon.fill { color: #acacac; } .linkedin.boxed-icon.fill:hover { color: #3f2a56; } .pinterest { color: #999; } .pinterest:hover { color: #3f2a56; } .pinterest.boxed-icon { background: none; border: none; } .pinterest.boxed-icon:hover { color: #3f2a56; background: none; } .pinterest.boxed-icon.fill { color: #acacac; } .pinterest.boxed-icon.fill:hover { color: #3f2a56; } .twitter { color: #999; } .twitter:hover { color: #3f2a56; } .twitter.boxed-icon { background: none; border: none; } .twitter.boxed-icon:hover { color: #3f2a56; background: none; } .twitter.boxed-icon.fill { color: #acacac; } .twitter.boxed-icon.fill:hover { color: #3f2a56; } .instagram { color: #999; } .instagram:hover { color: #3f2a56; } .instagram.boxed-icon { background: none; border: none; } .instagram.boxed-icon:hover { color: #3f2a56; background: none; } .instagram.boxed-icon.fill { color: #acacac; } .instagram.boxed-icon.fill:hover { color: #3f2a56; }
@-webkit-keyframes shareplay { from { background-position: -1px; }
to { background-position: -343px; } }
@-moz-keyframes shareplay { from { background-position: -1px; }
to { background-position: -343px; } }
@keyframes shareplay { from { background-position: -1px; }
to { background-position: -343px; } }
@-webkit-keyframes shareplay-reverse { from { background-position: -343px; }
to { background-position: -1px; } }
@-moz-keyframes shareplay-reverse { from { background-position: -343px; }
to { background-position: -1px; } }
@keyframes shareplay-reverse { from { background-position: -343px; }
to { background-position: -1px; } }  .share-links > aside.share-article-loop.post-link a.boxed-icon.fill.pinterest:hover { color: #D01D17; } .share-links > aside.share-article-loop.post-link a.boxed-icon.fill.facebook:hover { color: #3B5998; } .share-links > aside.share-article-loop.post-link a.boxed-icon.fill.google-plus:hover { color: #DC4A38; } .share-links > aside.share-article-loop.post-link a.boxed-icon.fill.twitter:hover { color: #55ACEE; } .standoor-container.news.single-post .main-text.projects { top: 25%; z-index: 3; }
@media screen and (max-width: 1366px) { .standoor-container.news.single-post .main-text.projects { max-width: 70%; top: 25%; } }
@media screen and (max-width: 1201px) { .standoor-container.news.single-post .main-text.projects { top: 20%; } }
@media screen and (max-width: 800px) { .standoor-container.news.single-post .main-text.projects { top: 13%; } }
@media screen and (max-width: 767px) { .standoor-container.news.single-post .main-text.projects { top: 25%; padding: 0 5%; display: block; } }
@media screen and (max-width: 550px) { .standoor-container.news.single-post .main-text.projects { top: 15%; } }
@media screen and (max-width: 360px) { .standoor-container.news.single-post .main-text.projects { top: 12%; } } .standoor-container.news.single-post .row.second-block .row .container .content-area main#main article .col-xs-12.col-sm-12.col-md-7 { height: 20em; display: flex; align-items: center; }
@media screen and (max-width: 880px) { .standoor-container.news.single-post .row.second-block .row .container .content-area main#main article .col-xs-12.col-sm-12.col-md-7 { height: 10em; display: initial; margin: 4em 0; } }
@media screen and (max-width: 767px) { .standoor-container.news.single-post .row.second-block .row .container .content-area main#main article .col-xs-12.col-sm-12.col-md-7 { height: auto; margin: 3em 0; } } .standoor-container.news.single-post .row.second-block .row .container .content-area main#main article div img { border-radius: 50%; width: 30em; height: 30em; }
@media screen and (max-width: 880px) { .standoor-container.news.single-post .row.second-block .row .container .content-area main#main article div img { margin: auto; } }
@media screen and (max-width: 767px) { .standoor-container.news.single-post .row.second-block .row .container .content-area main#main article div img { width: 20em; height: 20em; } } .standoor-container.news.single-post .row.second-block .row .container .content-area main#main article div .info-post .back-to-news { font-family: 'Roboto Mono', monospace; color: #fff; font-size: 14px; } .standoor-container.news.single-post .row.second-block .row .container .content-area main#main article div .info-post .back-to-news a { color: #fff; } .standoor-container.news.single-post .row.second-block .row .container .content-area main#main article div .info-post h2.post-title { font-size: 25px; font-family: 'Roboto',sans-serif; color: #fff; border-bottom: 3px solid #fff; padding-bottom: 25px; font-weight: 600; } .standoor-container.news.single-post .row.second-block .row .container .content-area main#main article div .info-post .article-inner-wrapper { padding-top: 15px; } .standoor-container.review { position: relative; z-index: 1; } .standoor-container.review .row .main-block img { margin: auto; } .standoor-container.review .main-text { top: 45%; }
@media screen and (max-width: 1468px) { .standoor-container.review .main-text { top: 45%; } }
@media screen and (max-width: 1024px) { .standoor-container.review .main-text { top: 40%; } }
@media screen and (max-width: 880px) { .standoor-container.review .main-text { top: 40%; } }
@media screen and (max-width: 767px) { .standoor-container.review .main-text { display: block; padding: 0 2%; } }
@media screen and (max-width: 550px) { .standoor-container.review .main-text { top: 45%; } } .standoor-container.review .all-reviews { background: #ba2350; font-family: 'Roboto', sans-serif; z-index: 0; padding: 9% 0 5%; }
@media screen and (max-width: 1468px) { .standoor-container.review .all-reviews { padding: 11% 0 6%; } }
@media screen and (max-width: 1024px) { .standoor-container.review .all-reviews { padding: 14% 0 5%; } } .standoor-container.review .all-reviews .container div.col-sm-4 { text-align: right; } .standoor-container.review .all-reviews .container div.col-sm-4 .circle { background: rgba(255, 255, 255, 0.1); height: 18em; width: 18em; position: absolute; border-radius: 50%; right: -10%; top: -90%; }
@media screen and (max-width: 880px) { .standoor-container.review .all-reviews .container div.col-sm-4 .circle { top: -25%; } }
@media screen and (max-width: 767px) { .standoor-container.review .all-reviews .container div.col-sm-4 .circle { right: -3%; } } .standoor-container.review .all-reviews .container div.col-sm-4 .left { display: inline-block; padding-right: 15%; } .standoor-container.review .all-reviews .container div.col-sm-4 .left .day { font-size: 40px; font-weight: bold; font-family: 'Roboto Mono', monospace; } .standoor-container.review .all-reviews .container div.col-sm-4 .left .date { font-family: 'Roboto Mono', monospace; font-size: 14px; } .standoor-container.review .all-reviews .container div.col-sm-4 .right { display: inline-block; } .standoor-container.review .all-reviews .container div.col-sm-4 .right .icon { font-size: 80px; } .standoor-container.review .all-reviews .container div.col-sm-8 { padding-left: 2em; margin-top: -9.5%; } .standoor-container.review .all-reviews .container div.col-sm-8 .review .row { padding: 0 0 1em 0; } .standoor-container.review .all-reviews .container div.col-sm-8 .review .row i.fi { font-size: 20px; } .standoor-container.review .all-reviews .container div.col-sm-8 .review .name { font-size: 25px; font-family: 'Roboto',sans-serif; color: #fff; border-bottom: 3px solid #fff; padding-bottom: 25px; font-weight: 600; } .standoor-container.review .all-reviews .container div.col-sm-8 .review .text { padding-top: 2em; }
@media screen and (max-width: 767px) { .standoor-container.review .all-reviews .container div.col-sm-8 { margin-top: 0; } } .standoor-container.review .all-reviews:nth-child(3) { padding: 13% 0 5%; margin-top: -5%; }
@media screen and (max-width: 1368px) { .standoor-container.review .all-reviews:nth-child(3) { padding: 15% 0 7%; } }
@media screen and (max-width: 1024px) { .standoor-container.review .all-reviews:nth-child(3) { padding: 18% 0 7%; } } .standoor-container.review .all-reviews:nth-child(3) .container .col-sm-8 { padding-left: 2em; margin-top: -9.5%; } .standoor-container.review .all-reviews:nth-child(2n) { background: #fff; padding-top: 4%; padding-bottom: 0; margin: 5% 0; }
@media screen and (max-width: 1468px) { .standoor-container.review .all-reviews:nth-child(2n) { padding-top: 6%; padding-bottom: 1%; } }
@media screen and (max-width: 1024px) { .standoor-container.review .all-reviews:nth-child(2n) { padding-top: 10%; padding-bottom: 1%; } } .standoor-container.review .all-reviews:nth-child(2n) .container { color: #222; } .standoor-container.review .all-reviews:nth-child(2n) .container .col-sm-4 .right .icon { color: #ba2350; } .standoor-container.review .all-reviews:nth-child(2n) .container .col-sm-4 .circle { background: rgba(191, 184, 184, 0.08); } .standoor-container.review .all-reviews:nth-child(2n) .container .col-sm-8 { padding-left: 2em; margin-top: -9.5%; }
@media screen and (max-width: 767px) { .standoor-container.review .all-reviews:nth-child(2n) .container .col-sm-8 { margin-top: 0; } } .standoor-container.review .all-reviews:nth-child(2n) .container .col-sm-8 .review .name { color: #222; border-bottom: 3px solid #222; padding-bottom: 25px; font-weight: 600; } .is-loading { overflow: hidden; }  #preloader { position: absolute; width: 100%; height: 100%; z-index: 101; background-color: #212121; color: #ffffff; } #preloader .txt { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #preloader .txt-perc { font-size: 35px; font-family: 'Roboto Condensed', Helvetica, Helvetica Neue, Arial, sans-serif; opacity: 1; margin: 0 0 6px 0; max-width: 400px; text-align: center; } #preloader .progress { width: 100px; height: 3px; background-color: rgba(255, 255, 255, 0.2); margin: 0 auto 15px auto; } #preloader .progress span { display: block; width: 0; height: 100%; background-color: rgba(255, 255, 255, 0.8); } #preloader.is-hidden { visibility: hidden; opacity: 0; } .day-wrapper { margin: 10px 20px; display: inline-block; } .day-wrapper.current-day .circle { background: #000; color: #fff; } .day-wrapper .circle { width: 12vw; height: 12vw; line-height: 12vw; width: 140px; height: 140px; line-height: 140px; border-radius: 50%; font-size: 2em; background: #D9D9D9; color: #707175; text-align: center; } .day-wrapper .day-time { margin-top: 5px; font-size: 0.9em; color: #707175; } .timetable-title { font-size: 1.9em; font-weight: bold; margin: 60px 0 50px; word-wrap: break-word; } .ps-timetable-outer-wrapper { margin: 30px 0; border-top: 1px solid #707175; } .timetable-page-link { font-style: italic; margin: 10px auto; display: block; } .timetable-page-link:hover { text-decoration: none; color: #000; } .standoor-container.contact { position: relative; z-index: 1; } .standoor-container.contact .main-text.contact { top: 15%; }
@media screen and (max-width: 1400px) { .standoor-container.contact .main-text.contact { max-width: 70%; top: 12%; } }
@media screen and (max-width: 1024px) { .standoor-container.contact .main-text.contact { top: 8%; display: block; } }
@media screen and (max-width: 767px) { .standoor-container.contact .main-text.contact { top: 10%; display: block; } } .standoor-container.contact div div.main-block { padding: 0 4%; }
@media screen and (max-width: 1368px) { .standoor-container.contact div div.main-block { padding: 0 2%; } } .standoor-container.contact .row .container.contact { max-width: 50%; }
@media screen and (max-width: 1024px) { .standoor-container.contact .row .container.contact { max-width: initial; } }
@media screen and (max-width: 767px) { .standoor-container.contact .row .container.contact { max-width: 100%; } } .standoor-container.contact .row .container.contact .info { padding: 0 15%; }
@media screen and (max-width: 767px) { .standoor-container.contact .row .container.contact .info { padding: 0; } } .standoor-container.contact .row .container.contact .info .title { font-size: 50px; font-weight: 900; font-family: 'Roboto', sans-serif; padding: 5px 0 5px; border-bottom: 3px solid #fff; }
@media screen and (max-width: 767px) { .standoor-container.contact .row .container.contact .info .title { font-size: 40px; } } .standoor-container.contact .row .container.contact .more-info { padding: 5% 0; } .standoor-container.contact .row .container.contact .more-info .text { font-size: 15px; line-height: 21px; padding: 1.5% 0; font-weight: normal; font-family: 'Roboto',sans-serif; } .standoor-container.contact .row .container.contact .more-info .text i.fi:before { font-size: 25px; } .standoor-container.contact .row .container.contact .more-info .text span { position: relative; top: -3px; } .standoor-container.contact .second-block { padding: 8% 0 3%; margin-top: -5em; }
@media screen and (max-width: 1024px) { .standoor-container.contact .second-block { padding: 10% 0 3%; } }
@media screen and (max-width: 767px) { .standoor-container.contact .second-block { padding: 20% 0 5%; margin-top: -4em; } } .standoor-container.contact .third-block .title { font-family: 'Roboto',sans-serif; font-weight: bold; color: #000; font-size: 50px; text-align: center; padding: 2% 0; }
@media screen and (max-width: 767px) { .standoor-container.contact .third-block .title { font-size: 30px; padding: 10% 0; } } .standoor-container.contact .third-block .contact-page-form div.wpcf7 form { padding: 0 4%; }
@media screen and (max-width: 767px) { .standoor-container.contact .third-block .contact-page-form div.wpcf7 form { padding: 0; } } .standoor-container.contact .third-block .contact-page-form div.wpcf7 form .row { text-align: center; color: #000; font-family: 'Roboto',sans-serif; font-size: 14px; padding: 1% 0; } .standoor-container.contact .third-block .contact-page-form div.wpcf7 form .row .text { display: inline-block; float: left; position: relative; top: 5px; } .standoor-container.contact .third-block .contact-page-form div.wpcf7 form .row p { text-align: right; } .standoor-container.contact .third-block .contact-page-form div.wpcf7 form .row p span input { background: none; border: none; border-bottom: 1px solid #000; width: 80%; }
@media screen and (max-width: 767px) { .standoor-container.contact .third-block .contact-page-form div.wpcf7 form .row p span input { width: 70%; } } .standoor-container.contact .third-block .contact-page-form div.wpcf7 form .row p span textarea { width: 80%; background: none; border: 1px solid #000; }
@media screen and (max-width: 767px) { .standoor-container.contact .third-block .contact-page-form div.wpcf7 form .row p span textarea { width: 70%; } } .standoor-container.contact .third-block .contact-page-form div.wpcf7 form .submit { margin-top: 6%; margin-left: 2em; text-align: center; }
@media screen and (max-width: 767px) { .standoor-container.contact .third-block .contact-page-form div.wpcf7 form .submit { margin-top: 10%; } } .standoor-container.contact .third-block .contact-page-form div.wpcf7 form .submit span.button { background: #ba2350; padding: 4% 10% 4% 8%; color: #fff; font-weight: normal; font-family: 'Roboto',sans-serif; }
@media screen and (max-width: 767px) { .standoor-container.contact .third-block .contact-page-form div.wpcf7 form .submit span.button { padding: 6% 15%; } } .standoor-container.contact .third-block .contact-page-form div.wpcf7 form .submit span.button input.wpcf7-form-control.wpcf7-submit { background: none; border: none; width: auto; height: auto; position: relative; z-index: 21; } .standoor-container.contact .third-block .contact-page-form div.wpcf7 form .submit span.button .contact-arrow { display: inline-block; position: relative; } .standoor-container.contact .third-block .contact-page-form div.wpcf7 form .submit span.button .contact-arrow i:before { font-size: 30px; position: absolute; top: -20px; left: -15px; }
@media screen and (max-width: 767px) { .standoor-container.contact .third-block .contact-page-form div.wpcf7 form .submit span.button .contact-arrow i:before { left: auto; right: auto; } } .standoor-container.contact .third-block .contact-page-form div.wpcf7 form .submit span.button p { display: none; } .standoor-container.contact .third-block .contact-page-form div.wpcf7 form .wpcf7-acceptance-missing { border: none; } div#contact-map-desktop { height: auto; overflow: hidden; padding-bottom: 40%; position: relative; height: 0; }
@media screen and (max-width: 767px) { div#contact-map-desktop { padding-bottom: 83%; } }
@media screen and (max-width: 550px) { div#contact-map-desktop { padding-bottom: 120%; } } div#contact-map-desktop iframe { left: 0; top: 0; height: 100%; width: 100%; position: absolute; } div#map_show_hide_container { background-image: url(http://www.standoor.gr/theme/images/googlemap_button.png); line-height: 1; position: absolute; bottom: 0; left: 4%; width: 142px; height: 89px; font-size: 11px; font-weight: bold; color: white; z-index: 1; cursor: pointer; text-align: center; }
@media screen and (max-width: 1368px) { div#map_show_hide_container { left: 2%; } } .row.main-content.error-404.not-found { background: url(//standoor.comma-abc.com/content/uploads/2019/11/404.jpg) no-repeat; background-size: cover; height: 100vh; background-position: 30% 0%; display: flex; align-items: center; justify-content: center; } .row.main-content.error-404.not-found div { text-align: center; color: #fff; font-size: 30px; } .row.main-content.error-404.not-found div div a { color: #fff; }
@media screen and (max-width: 550px) { .row.main-content.error-404.not-found div div a { FONT-SIZE: 20px; } } .row.main-content.error-404.not-found div div p { color: #fff; }
@media screen and (max-width: 550px) { .row.main-content.error-404.not-found div div p { FONT-SIZE: 25px; } } .row.main-content.error-404.not-found div div h2 { color: #fff; } .row.main-content.error-404.not-found div div h1 { color: #fff; } .row.main-content.error-404.not-found .santa-maura-container .homepage-first-section.error-page .homepage-image h1 { position: absolute; top: 47%; font-size: 100px; color: #fff; text-align: center; margin: auto 0; width: 100%; font-family: 'Roboto','sans'; }
@media screen and (max-width: 1024px) { .row.main-content.error-404.not-found .santa-maura-container .homepage-first-section.error-page .homepage-image h1 { top: 10%; font-size: 50px; line-height: 50px; } }
@media screen and (max-width: 1024px) { .row.main-content.error-404.not-found .santa-maura-container .homepage-first-section.error-page .homepage-image p.subtitle { font-size: 16px; top: 40%; } } .row.main-content.error-404.not-found .santa-maura-container .homepage-first-section.error-page .homepage-image p.subtitle.error { top: 65% !important; }
@media screen and (max-width: 1366px) { .row.main-content.error-404.not-found .santa-maura-container .homepage-first-section.error-page .homepage-image p.subtitle.error { top: 75% !important; } }
@media screen and (max-width: 1024px) { .row.main-content.error-404.not-found .santa-maura-container .homepage-first-section.error-page .homepage-image p.subtitle.error { top: 60% !important; } } .row.main-content.error-404.not-found .santa-maura-container .homepage-first-section.error-page .homepage-image p.subtitle.error-link { top: 70% !important; }
@media screen and (max-width: 1366px) { .row.main-content.error-404.not-found .santa-maura-container .homepage-first-section.error-page .homepage-image p.subtitle.error-link { top: 80% !important; } }
@media screen and (max-width: 767px) { .row.main-content.error-404.not-found .santa-maura-container .homepage-first-section.error-page .homepage-image p.subtitle.error-link { top: 85% !important; } }
@media screen and (max-width: 1024px) { .row.main-content.error-404.not-found body.error404 .page-wrap footer.site-footer { margin-top: 5px; } } .slide-to-top { display: block; width: 50%; margin-left: auto; margin-right: auto; text-align: center; font-family: sans-serif; position: relative; opacity: 0.0; } .box { width: 300px; height: 300px; margin: 500px 50px; background: red; transition: 1.5s; } .rotate.triggeredCSS3 { transform: rotate(360deg); } .scale.triggeredCSS3 { transform: scale(1.6); } .translate.triggeredCSS3 { transform: translate3d(400px, 0, 0); }