@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,600,600i,700,700i,900,900i&subset=latin-ext');
@font-face { font-family: 'CentSchbook'; src: url('../fonts/CenturySchool/CenturySchool-Roman.eot'); src: url('../fonts/CenturySchool/CenturySchool-Roman.eot?#iefix') format('embedded-opentype'), url('../fonts/CenturySchool/CenturySchool-Roman.woff2') format('woff2'), url('../fonts/CenturySchool/CenturySchool-Roman.woff') format('woff'), url('../fonts/CenturySchool/CenturySchool-Roman.ttf') format('truetype'), url('../fonts/CenturySchool/CenturySchool-Roman.svg#CenturySchoolbookBT-Roman') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'CentSchbook'; src: url('../fonts/CenturySchool/CenturySchool-Italic.eot'); src: url('../fonts/CenturySchool/CenturySchool-Italic.eot?#iefix') format('embedded-opentype'), url('../fonts/CenturySchool/CenturySchool-Italic.woff2') format('woff2'), url('../fonts/CenturySchool/CenturySchool-Italic.woff') format('woff'), url('../fonts/CenturySchool/CenturySchool-Italic.ttf') format('truetype'), url('../fonts/CenturySchool/CenturySchool-Italic.svg#CenturySchoolbookBT-Italic') format('svg'); font-weight: normal; font-style: italic; }
@font-face { font-family: 'CentSchbook'; src: url('../fonts/CenturySchool/CenturySchool-Bold.eot'); src: url('../fonts/CenturySchool/CenturySchool-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/CenturySchool/CenturySchool-Bold.woff2') format('woff2'), url('../fonts/CenturySchool/CenturySchool-Bold.woff') format('woff'), url('../fonts/CenturySchool/CenturySchool-Bold.ttf') format('truetype'), url('../fonts/CenturySchool/CenturySchool-Bold.svg#CenturySchoolbookBT-Bold') format('svg'); font-weight: bold; font-style: normal; }
@font-face { font-family: 'CentSchbook'; src: url('../fonts/CenturySchool/CenturySchool-BoldItalic.eot'); src: url('../fonts/CenturySchool/CenturySchool-BoldItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/CenturySchool/CenturySchool-BoldItalic.woff2') format('woff2'), url('../fonts/CenturySchool/CenturySchool-BoldItalic.woff') format('woff'), url('../fonts/CenturySchool/CenturySchool-BoldItalic.ttf') format('truetype'), url('../fonts/CenturySchool/CenturySchool-BoldItalic.svg#CenturySchoolbookBT-BoldItalic') format('svg'); font-weight: bold; font-style: italic; }
@import url('hover-min.css');

/* SafariHack */
/*@media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0){@media{.equal{display:-moz-box;display:-ms-flexbox;display:flex;display:-webkit-box;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.equal>div[class*=col-]{display:-moz-box;display:-ms-flexbox;display:flex;display:-webkit-box;-webkit-flex-direction:column;flex-direction:column}.equal .flex-text{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-grow:1}.equal-row{margin-left:-15px;margin-right:-15px}.equal-row::after{clear:both}.grey-column>div{background-color:#fbfbfb;min-height:480px;height:100%}.creavit-number{background-color:#1094a4;padding:15px;min-height:260px;height:100%}.manufacturing-site{height:auto}.investment>div[class*=col-]{display:flex}.environment-bg .third,.environment-description,.hr-col,.life-park-dark,.life-park-light,.quality-col,.technology{display:flex!important}.hr-row{bottom:auto}.environment-bg .fourth{display:flex!important;flex-grow:1;position:relative}.environment-description div.content{flex-grow:1;flex-direction:column;height:auto!important}.environment-bg .environment-bar{bottom:-163px!important}}}*/
/* SafariHack */

@font-face { font-family: "creavit"; src: url("../fonts/creavit.eot"); src: url("../fonts/creavit.eot?#iefix") format("embedded-opentype"),
url("../fonts/creavit.woff") format("woff"),/**/
url("../fonts/creavit.ttf") format("truetype"), url("../fonts/creavit.svg#creavit") format("svg"); font-weight: normal; font-style: normal; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face { font-family: "creavit"; src: url("../fonts/creavit.svg#creavit") format("svg"); }
}

[class^="creavit-"]:before, [class*=" creavit-"]:before,
[class^="creavit-"]:after, [class*=" creavit-"]:after { font-family: creavit; font-style: normal; }

.creavit-file-doc:before { content: "\f100"; }
.creavit-file-movie:before { content: "\f101"; }
.creavit-file-empty:before { content: "\f102"; }
.creavit-file-compress:before { content: "\f103"; }
.creavit-file-jar:before { content: "\f104"; }
.creavit-file-xls:before { content: "\f105"; }
.creavit-file-page:before { content: "\f106"; }
.creavit-file-attach:before { content: "\f107"; }
.creavit-file-jpg:before { content: "\f108"; }
.creavit-file-mp4:before { content: "\f109"; }
.creavit-file-txt:before { content: "\f10a"; }
.creavit-file-png:before { content: "\f10b"; }
.creavit-file-mp3:before { content: "\f10c"; }
.creavit-file-zip:before { content: "\f10d"; }
.creavit-file-ai:before { content: "\f10e"; }
.creavit-file-psd:before { content: "\f10f"; }
.creavit-file-searcher:before { content: "\f110"; }
.creavit-file-pdf:before { content: "\f111"; }
.creavit-file-css:before { content: "\f112"; }
.creavit-file-gif:before { content: "\f113"; }
.creavit-file-add:before { content: "\f114"; }
.creavit-file-avi:before { content: "\f115"; }
.creavit-file-newspaper:before { content: "\f116"; }
.creavit-file-eps:before { content: "\f117"; }
.creavit-file-tiff:before { content: "\f118"; }
.creavit-file-wma:before { content: "\f119"; }
.creavit-file-download:before { content: "\f11a"; }
.creavit-file-image:before { content: "\f11b"; }
.creavit-file-text:before { content: "\f11c"; }
.creavit-cog-check:before { content: "\f11d"; }
.creavit-truck:before { content: "\f11e"; }
.creavit-squirrel:before { content: "\f11f"; }
.creavit-vase2:before { content: "\f120"; }
.creavit-vase1:before { content: "\f121"; }
.creavit-flower:before { content: "\f122"; }
.creavit-tulip1:before { content: "\f123"; }
.creavit-tulip2:before { content: "\f124"; }
.creavit-test-tube:before { content: "\f125"; }
.creavit-use-clamps:before { content: "\f126"; }
.creavit-trash:before { content: "\f127"; }
.creavit-speakeroff:before { content: "\f128"; }
.creavit-speakeron:before { content: "\f129"; }
.creavit-pause:before { content: "\f12a"; }
.creavit-play:before { content: "\f12b"; }
.creavit-play-button:before { content: "\f12c"; }
.creavit-left:before { content: "\f12d"; }
.creavit-right:before { content: "\f12e"; }
.creavit-up:before { content: "\f12f"; }
.creavit-down:before { content: "\f130"; }
.creavit-minus:before { content: "\f131"; }
.creavit-plus:before { content: "\f132"; }
.creavit-close:before { content: "\f133"; }
.creavit-file-iso:before { content: "\f134"; }
.creavit-file-html:before { content: "\f135"; }
.creavit-card:before { content: "\f136"; }
.creavit-two:before { content: "\f137"; }
.creavit-cube-line:before { content: "\f138"; }
.creavit-cube-trheed:before { content: "\f139"; }
.creavit-cube-dotted:before { content: "\f13a"; }
.creavit-settings:before { content: "\f13b"; }
.creavit-shopping-cart:before { content: "\f13c"; }
.creavit-select:before { content: "\f13d"; }
.creavit-target:before { content: "\f13e"; }

* { outline: none !important; }
img { max-width: 100%; }
body { padding-top: 121px; color: #4c4c4c; font-family: 'Roboto',-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; }
body, .dropdown-menu, .form-control, .btn, .input-group-text, .popover-header { font-size: 15px; }

body.compareBarOpen { padding-bottom: 81px; }

a { color: #4c4c4c; }
a:hover { text-decoration: none; }
figure { margin: 0; margin-bottom: 15px; }
.form-control,
.form-control-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn,
.form-control-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn,
.valid-tooltip,
.invalid-tooltip,
.btn,
.btn-lg, .btn-group-lg > .btn,
.btn-sm, .btn-group-sm > .btn,
.dropdown-menu,
.input-group-text,
.custom-select,
.custom-checkbox .custom-control-label::before,
.custom-file-label,
.custom-file-label::after,
.card,
.card-header:first-child,
.card-footer:last-child,
.card-img,
.card-group > .card:only-child,
.card-group > .card:not(:first-child):not(:last-child):not(:only-child),
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-top,
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-img-bottom,
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-header,
.card-group > .card:not(:first-child):not(:last-child):not(:only-child) .card-footer,
.accordion .card:not(:first-of-type):not(:last-of-type),
.accordion .card:not(:first-of-type) .card-header:first-child,
.breadcrumb,
.pagination,
.jumbotron,
.alert,
.progress,
.list-group-flush .list-group-item,
.modal-content,
.tooltip-inner,
.popover,
.page-item .page-link,
.page-item:first-child .page-link,
.page-item:last-child .page-link { border-radius: 0; }

.btn { padding: 9px 26px; font-size: 13px; }
.btn-lg, .btn-group-lg > .btn { padding: 0.9rem 1.4rem 0.7rem 1.4rem; font-size: 1rem; line-height: 1rem; }
.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { padding-right: 0.75rem; padding-left: 0.75rem; }
.btn-group-sm > .btn, .btn-sm { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; border-radius: .2rem; }

.btn-creavit-azure { color: #fff; background-color: #374c58; border-color: #374c58; }
.btn-creavit-azure:hover { color: #374c58; background-color: #fff; border-color: rgba(55, 76, 88, 0.7) }
.btn-creavit-azure:focus, .btn-creavit-azure.focus { box-shadow: 0 0 0 0.2rem rgba(55, 76, 88, 0.5) }
.btn-creavit-azure.disabled, .btn-creavit-azure:disabled { color: #374c58; background-color: #fff; border-color: rgba(55, 76, 88, 0.7) }
.btn-creavit-azure:not(:disabled):not(.disabled):active, .btn-creavit-azure:not(:disabled):not(.disabled).active,
.show > .btn-creavit-azure.dropdown-toggle { color: #fff; background-color: #fff; border-color: rgba(55, 76, 88, 0.7) }
.btn-creavit-azure:not(:disabled):not(.disabled):active:focus, .btn-creavit-azure:not(:disabled):not(.disabled).active:focus,
.show > .btn-creavit-azure.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(55, 76, 88, 0.5) }

.btn-creavit-black { color: #fff; background-color: #000; border-color: #000; }
.btn-creavit-black:hover { color: #000; background-color: #fff; border-color: rgba(0, 0, 0, 0.7) }
.btn-creavit-black:focus, .btn-creavit-black.focus { box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5) }
.btn-creavit-black.disabled, .btn-creavit-black:disabled { color: #000; background-color: #fff; border-color: rgba(0, 0, 0, 0.7) }
.btn-creavit-black:not(:disabled):not(.disabled):active, .btn-creavit-black:not(:disabled):not(.disabled).active,
.show > .btn-creavit-black.dropdown-toggle { color: #fff; background-color: #fff; border-color: rgba(0, 0, 0, 0.7) }
.btn-creavit-black:not(:disabled):not(.disabled):active:focus, .btn-creavit-black:not(:disabled):not(.disabled).active:focus,
.show > .btn-creavit-black.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5) }

.btn-outline-creavit-azure { color: #374c58; background-color: transparent; background-image: none; border-color: #374c58; }
.btn-outline-creavit-azure:hover { color: #fff; background-color: #374c58; border-color: #374c58; }
.btn-outline-creavit-azure:focus, .btn-outline-creavit-azure.focus { box-shadow: 0 0 0 0.2rem rgba(55, 76, 88, 0.5); }
.btn-outline-creavit-azure.disabled, .btn-outline-creavit-azure:disabled { color: #374c58; background-color: transparent; }
.btn-outline-creavit-azure:not(:disabled):not(.disabled):active, .btn-outline-creavit-azure:not(:disabled):not(.disabled).active,
.show > .btn-outline-creavit-azure.dropdown-toggle { color: #fff; background-color: #374c58; border-color: #374c58; }
.btn-outline-creavit-azure:not(:disabled):not(.disabled):active:focus, .btn-outline-creavit-azure:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-creavit-azure.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(55, 76, 88, 0.5); }

.btn-outline-creavit-lightgreen { color: #7aa79c; background-color: transparent; background-image: none; border-color: #b7efe2; }
.btn-outline-creavit-lightgreen:hover { color: #7aa79c; background-color: #b7efe2; border-color: #b7efe2; }
.btn-outline-creavit-lightgreen:focus, .btn-outline-creavit-lightgreen.focus { box-shadow: 0 0 0 0.2rem rgba(183, 239, 226, 0.5); }
.btn-outline-creavit-lightgreen.disabled, .btn-outline-creavit-lightgreen:disabled { color: #7aa79c; background-color: transparent; }
.btn-outline-creavit-lightgreen:not(:disabled):not(.disabled):active, .btn-outline-creavit-lightgreen:not(:disabled):not(.disabled).active,
.show > .btn-outline-creavit-lightgreen.dropdown-toggle { color: #7aa79c; background-color: #b7efe2; border-color: #b7efe2; }
.btn-outline-creavit-lightgreen:not(:disabled):not(.disabled):active:focus, .btn-outline-creavit-lightgreen:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-creavit-lightgreen.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(183, 239, 226, 0.5); }

.btn-outline-creavit-pink3 { color: #a87d77; background-color: transparent; background-image: none; border-color: #a87d77; }
.btn-outline-creavit-pink3:hover { color: #fff; background-color: #a87d77; border-color: #a87d77; }
.btn-outline-creavit-pink3:focus, .btn-outline-creavit-pink3.focus { box-shadow: 0 0 0 0.2rem rgba(168, 125, 119, 0.5); }
.btn-outline-creavit-pink3.disabled, .btn-outline-creavit-pink3:disabled { color: #a87d77; background-color: transparent; }
.btn-outline-creavit-pink3:not(:disabled):not(.disabled):active, .btn-outline-creavit-pink3:not(:disabled):not(.disabled).active,
.show > .btn-outline-creavit-pink3.dropdown-toggle { color: #fff; background-color: #a87d77; border-color: #a87d77; }
.btn-outline-creavit-pink3:not(:disabled):not(.disabled):active:focus, .btn-outline-creavit-pink3:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-creavit-pink3.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(168, 125, 119, 0.5); }

.btn-creavit-army { color: #fff; background-color: #918770; border-color: #918770; }
.btn-creavit-army:hover { color: #918770; background-color: #fff; border-color: rgba(145, 135, 112, 0.7) }
.btn-creavit-army:focus, .btn-creavit-army.focus { box-shadow: 0 0 0 0.2rem rgba(145, 135, 112, 0.5) }
.btn-creavit-army.disabled, .btn-creavit-army:disabled { color: #918770; background-color: #fff; border-color: rgba(145, 135, 112, 0.7) }
.btn-creavit-army:not(:disabled):not(.disabled):active, .btn-creavit-army:not(:disabled):not(.disabled).active,
.show > .btn-creavit-army.dropdown-toggle { color: #fff; background-color: #fff; border-color: rgba(145, 135, 112, 0.7) }
.btn-creavit-army:not(:disabled):not(.disabled):active:focus, .btn-creavit-army:not(:disabled):not(.disabled).active:focus,
.show > .btn-creavit-army.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(145, 135, 112, 0.5) }

.btn-outline-creavit-army { color: #918770; background-color: transparent; background-image: none; border-color: #918770; }
.btn-outline-creavit-army:hover { color: #fff; background-color: #918770; border-color: #918770; }
.btn-outline-creavit-army:focus, .btn-outline-creavit-army.focus { box-shadow: 0 0 0 0.2rem rgba(145, 135, 112, 0.5); }
.btn-outline-creavit-army.disabled, .btn-outline-creavit-army:disabled { color: #918770; background-color: transparent; }
.btn-outline-creavit-army:not(:disabled):not(.disabled):active, .btn-outline-creavit-army:not(:disabled):not(.disabled).active,
.show > .btn-outline-creavit-army.dropdown-toggle { color: #fff; background-color: #918770; border-color: #918770; }
.btn-outline-creavit-army:not(:disabled):not(.disabled):active:focus, .btn-outline-creavit-army:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-creavit-army.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(145, 135, 112, 0.5); }

.btn-big-padding { padding: 20px 35px; }
.btn-widebig-padding { padding: 15px 40px; }
.btn-huge-padding { padding: 12px 26px; }

.btn-creavit-pink2 { color: #fff; background-color: #cd6060; border-color: #cd6060; }
.btn-creavit-pink2:hover { color: #cd6060; background-color: #fff; border-color: rgba(205, 96, 96, 0.7); }
.btn-creavit-pink2:focus, .btn-creavit-pink2.focus { box-shadow: 0 0 0 0.2rem rgba(205, 96, 96, 0.5); }
.btn-creavit-pink2.disabled, .btn-creavit-pink2:disabled { color: #cd6060; background-color: #fff; border-color: rgba(205, 96, 96, 0.7); }
.btn-creavit-pink2:not(:disabled):not(.disabled):active, .btn-creavit-pink2:not(:disabled):not(.disabled).active,
.show > .btn-creavit-pink2.dropdown-toggle { color: #fff; background-color: #fff; border-color: rgba(205, 96, 96, 0.7); }
.btn-creavit-pink2:not(:disabled):not(.disabled):active:focus, .btn-creavit-pink2:not(:disabled):not(.disabled).active:focus,
.show > .btn-creavit-pink2.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(205, 96, 96, 0.5); }

.btn-creavit-pink { color: #fff; background-color: #cd6060; border-color: #cd6060; }
.btn-creavit-pink:hover { color: #fff; background-color: #bb4b4b; border-color: #a93939; }
.btn-creavit-pink:focus, .btn-creavit-pink.focus { box-shadow: 0 0 0 0.2rem rgba(205, 96, 96, 0.5); }
.btn-creavit-pink.disabled, .btn-creavit-pink:disabled { color: #fff; background-color: #cd6060; border-color: #cd6060; }
.btn-creavit-pink:not(:disabled):not(.disabled):active, .btn-creavit-pink:not(:disabled):not(.disabled).active,
.show > .btn-creavit-pink.dropdown-toggle { color: #fff; background-color: #ac3535; border-color: #9f2626; }
.btn-creavit-pink:not(:disabled):not(.disabled):active:focus, .btn-creavit-pink:not(:disabled):not(.disabled).active:focus,
.show > .btn-creavit-pink.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(205, 96, 96, 0.5); }
.btn-outline-creavit-pink { color: #cd6060; background-color: transparent; background-image: none; border-color: #cd6060; }
.btn-outline-creavit-pink:hover { color: #fff; background-color: #cd6060; border-color: #cd6060; }
.btn-outline-creavit-pink:focus, .btn-outline-creavit-pink.focus { box-shadow: 0 0 0 0.2rem rgba(205, 96, 96, 0.5); }
.btn-outline-creavit-pink.disabled, .btn-outline-creavit-pink:disabled { color: #cd6060; background-color: transparent; }
.btn-outline-creavit-pink:not(:disabled):not(.disabled):active, .btn-outline-creavit-pink:not(:disabled):not(.disabled).active,
.show > .btn-outline-creavit-pink.dropdown-toggle { color: #fff; background-color: #cd6060; border-color: #cd6060; }
.btn-outline-creavit-pink:not(:disabled):not(.disabled):active:focus, .btn-outline-creavit-pink:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-creavit-pink.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(205, 96, 96, 0.5); }

.btn-outline-creavit-greypink { color: #888888; background-color: transparent; background-image: none; border-color: #e9e9e9; }
.btn-outline-creavit-greypink:hover { color: #fff; background-color: #cd6060; border-color: #cd6060; }
.btn-outline-creavit-greypink:focus, .btn-outline-creavit-greypink.focus { box-shadow: 0 0 0 0.2rem rgba(205, 96, 96, 0.5); }
.btn-outline-creavit-greypink.disabled, .btn-outline-creavit-greypink:disabled { color: #cd6060; background-color: transparent; }
.btn-outline-creavit-greypink:not(:disabled):not(.disabled):active, .btn-outline-creavit-greypink:not(:disabled):not(.disabled).active,
.show > .btn-outline-creavit-greypink.dropdown-toggle { color: #fff; background-color: #cd6060; border-color: #cd6060; }
.btn-outline-creavit-greypink:not(:disabled):not(.disabled):active:focus, .btn-outline-creavit-greypink:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-creavit-greypink.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(205, 96, 96, 0.5); }

.btn-outline-creavit-greypink2 { color: #888888; background-color: transparent; background-image: none; border-color: #727272; }
.btn-outline-creavit-greypink2:hover { color: #fff; background-color: #cd6060; border-color: #cd6060; }
.btn-outline-creavit-greypink2:focus, .btn-outline-creavit-greypink2.focus { box-shadow: 0 0 0 0.2rem rgba(205, 96, 96, 0.5); }
.btn-outline-creavit-greypink2.disabled, .btn-outline-creavit-greypink2:disabled { color: #cd6060; background-color: transparent; }
.btn-outline-creavit-greypink2:not(:disabled):not(.disabled):active, .btn-outline-creavit-greypink2:not(:disabled):not(.disabled).active,
.show > .btn-outline-creavit-greypink2.dropdown-toggle { color: #fff; background-color: #cd6060; border-color: #cd6060; }
.btn-outline-creavit-greypink2:not(:disabled):not(.disabled):active:focus, .btn-outline-creavit-greypink2:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-creavit-greypink2.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(205, 96, 96, 0.5); }

.btn-outline-creavit-grey { color: #bdbdbd; background-color: transparent; background-image: none; border-color: #9f9999; font-size: 30px; }
.btn-outline-creavit-grey:hover { color: #fff; background-color: #cd6060; border-color: #cd6060; }
.btn-outline-creavit-grey:focus, .btn-outline-creavit-grey.focus { box-shadow: 0 0 0 0.2rem rgba(205, 96, 96, 0.5); }
.btn-outline-creavit-grey.disabled, .btn-outline-creavit-grey:disabled { color: #cd6060; background-color: transparent; }
.btn-outline-creavit-grey:not(:disabled):not(.disabled):active, .btn-outline-creavit-grey:not(:disabled):not(.disabled).active,
.show > .btn-outline-creavit-grey.dropdown-toggle { color: #fff; background-color: #cd6060; border-color: #cd6060; }
.btn-outline-creavit-grey:not(:disabled):not(.disabled):active:focus, .btn-outline-creavit-grey:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-creavit-grey.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(205, 96, 96, 0.5); }

.btn-creavit-turquaz { color: #fff; background-color: #1094a4; border-color: #1094a4; }
.btn-creavit-turquaz:hover { color: #fff; background-color: #098998; border-color: #098998; }
.btn-creavit-turquaz:focus, .btn-creavit-turquaz.focus { box-shadow: 0 0 0 0.2rem rgba(16, 148, 164, 0.5); }
.btn-creavit-turquaz.disabled, .btn-creavit-turquaz:disabled { color: #fff; background-color: #026e7a; border-color: #026e7a; }
.btn-creavit-turquaz:not(:disabled):not(.disabled):active, .btn-creavit-turquaz:not(:disabled):not(.disabled).active,
.show > .btn-creavit-turquaz.dropdown-toggle { color: #fff; background-color: #057b89; border-color: #00626d; }
.btn-creavit-turquaz:not(:disabled):not(.disabled):active:focus, .btn-creavit-turquaz:not(:disabled):not(.disabled).active:focus,
.show > .btn-creavit-turquaz.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(16, 148, 164, 0.5); }
.btn-outline-creavit-turquaz { color: #1094a4; background-color: transparent; background-image: none; border-color: #1094a4; }
.btn-outline-creavit-turquaz:hover { color: #fff; background-color: #1094a4; border-color: #1094a4; }
.btn-outline-creavit-turquaz:focus, .btn-outline-creavit-turquaz.focus { box-shadow: 0 0 0 0.2rem rgba(16, 148, 164, 0.5); }
.btn-outline-creavit-turquaz.disabled, .btn-outline-creavit-turquaz:disabled { color: #1094a4; background-color: transparent; }
.btn-outline-creavit-turquaz:not(:disabled):not(.disabled):active, .btn-outline-creavit-turquaz:not(:disabled):not(.disabled).active,
.show > .btn-outline-creavit-turquaz.dropdown-toggle { color: #fff; background-color: #1094a4; border-color: #1094a4; }
.btn-outline-creavit-turquaz:not(:disabled):not(.disabled):active:focus, .btn-outline-creavit-turquaz:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-creavit-turquaz.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(16, 148, 164, 0.5); }

.btn-round { border-radius: 1000px; }
.btn-iconplus { padding: 0 12px; line-height: 32px; height: 32px; }
.btn-iconplus i { padding-right: 5px; font-size: 22px; vertical-align: sub; }
.btn-circleicon { padding: 3px 8px 3px 3px; }
.btn-circleicon > i { vertical-align: sub; display: inline-block; width: 32px; height: 32px; line-height: 32px; text-align: center; border-radius: 50%; border: 1px solid #fff; margin-right: 5px; font-size: 18px; position: relative; }
.btn-circleicon > i > i { position: absolute; right: 0; top: -12px; font-size: 12px; text-shadow: 1px 1px 0 #727272, -1px -1px 0 #727272, -1px 1px 0 #727272, 1px -1px 0 #727272; }

.btn-creavit-pink2.btn-circleicon > i { background: #cd6060; color: #fff !important; }
.btn-creavit-pink2.btn-circleicon > i > i { position: absolute; right: 0; top: -12px; font-size: 12px; text-shadow: 1px 1px 0 #cd6060, -1px -1px 0 #cd6060, -1px 1px 0 #cd6060, 1px -1px 0 #cd6060; }

.btn-circleicon > i { vertical-align: middle; }
.btn-outline-creavit-pink.btn-circleicon > i { background: #cd6060; color: #fff !important; }
.btn-outline-creavit-pink.btn-circleicon > i > i { position: absolute; right: 0; top: -12px; font-size: 12px; text-shadow: 1px 1px 0 #cd6060, -1px -1px 0 #cd6060, -1px 1px 0 #cd6060, 1px -1px 0 #cd6060; }
.creavit-play-filled { display: block; width: 0; height: 0; border-style: solid; border-width: 8px 0px 8px 14px; border-color: transparent transparent transparent #fff }
.btn-circleicon > i > i.centered { position: absolute; left: calc(50% + 1px); top: 50%; transform: translateX(-50%) translateY(-50%); }

.btn-outline-creavit-tabmenu { color: #727272; background-color: transparent; background-image: none; border-color: #727272; padding: 6px; margin-right: 6px; }
.btn-outline-creavit-tabmenu:hover { color: #fff; background-color: #cd6060; border-color: #cd6060; }
.btn-outline-creavit-tabmenu:focus { box-shadow: none; }
.btn-outline-creavit-tabmenu.active { color: #cd6060; background-color: transparent; background-image: none; border-color: #cd6060; }

.btn-abs { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }
.btn-abs.topleft { top: 0; left: 0; transform: none; }
.btn-abs.topcenter { top: 0; left: 50%; transform: translateX(-50%); }
.btn-abs.topright { left: initial; top: 0; right: 0; transform: none; }
.btn-abs.bottomleft { top: initial; bottom: 0; left: 0; transform: none; }
.btn-abs.bottomcenter { top: initial; bottom: 0; left: 50%; transform: translateX(-50%); }
.btn-abs.bottomright { top: initial; bottom: 0; left: initial; right: 0; transform: none; }
.btn-abs.leftcenter { left: 0; transform: translateY(-50%); }
.btn-abs.rightcenter { left: initial; right: 0; transform: translateY(-50%); }

.borderw-2 { border-width: 2px; }

.parallax-window { min-height: 400px; background: transparent; }
.parallax-window.pw2 { min-height: 520px; background: transparent; }

.table-creavit-pink,
.table-creavit-pink > th,
.table-creavit-pink > td { background-color: #e96060; color: #fff; }
.table-hover .table-creavit-pink:hover { background-color: #d44a4a; }
.table-hover .table-creavit-pink:hover > td,
.table-hover .table-creavit-pink:hover > th { background-color: #d44a4a; }
.table-sm-f td, .table-sm-f th { padding: 6px 10px; font-size: 12px; }

.form-control { letter-spacing: -.8px; border-color: #767676; padding: .675rem .75rem; }
.form-control:focus { color: #495057; background-color: #fff; border-color: #464646; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0,0,0,.1); }

.form-control::-webkit-input-placeholder { color: rgba(39, 39, 39, 0.50); }
.form-control::-moz-placeholder { color: rgba(39, 39, 39, 0.50);; }
.form-control:-ms-input-placeholder { color: rgba(39, 39, 39, 0.50);; }
.form-control:-moz-placeholder { color: rgba(39, 39, 39, 0.50);; }

.fw-100 { font-weight: 100 !important; }
.fw-200 { font-weight: 200 !important; }
.fw-300 { font-weight: 300 !important; }
.fw-400 { font-weight: 400 !important; }
.fw-500 { font-weight: 500 !important; }
.fw-600 { font-weight: 600 !important; }
.fw-700 { font-weight: 700 !important; }
.fw-800 { font-weight: 800 !important; }
.fw-900 { font-weight: 900 !important; }
.fw-normal { font-weight: normal !important; }
.fw-lighter { font-weight: lighter !important; }
.fw-bold { font-weight: bold !important; }
.fw-bolder { font-weight: bolder !important; }

.compareHidden { display: none !important; }
.compareList { background: #fff; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 5; }
.compareList .title { color: #fff; background: #2c2e31; padding: 20px; }
.compareList .title > .container { border: 1px solid #b7efe2; padding: 6px 10px; position: relative; }
.compareList .title > .container .arrow { cursor: pointer; position: absolute; display: block; height: 14px; width: 22px; text-align: center; right: -1px; top: -14px; background: #b7efe2; }
.compareList .title > .container .arrow:before { color: #000; content: ""; content: "\f102"; font-family: "Font Awesome 5 Pro"; -moz-osx-font-smoothing: grayscale; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; }
.compareHidden:checked ~ .title > .container .arrow:before { content: "\f103"; }
.compareList .title .btn { padding-top: 2px; padding-bottom: 2px; }
.compareList .title .rightText { padding-top: 4px; }
.compareList .title .badge { margin-left: 10px; }
.compareList .products { height: 0; overflow: hidden; transition: all ease .6s; }
.compareHidden:checked ~ .container .products { height: 210px; }

.compareList .products .media { position: relative; width: 380px; float: left; padding-top: 26px; margin-top: 10px; }
.compareList .products .media figure { width: 200px; text-align: center; }
.compareList .products .media img { max-width: 200px; max-height: 180px; display: inline-block; }
.compareList .products .media h5 { padding-top: 60px; margin: 0; }
.compareList .products .media .removeButton { color: #fff; z-index: 2; position: absolute; left: 0; top: 0; background: #979797; font-size: 12px; padding: 3px 8px; transition: all ease .3s; cursor: pointer; }
.compareList .products .media .removeButton:hover { background: #cd6060; }
.compareList .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-bottom: 0; }

.badge-creavit-blue { color: #2c2e31; background-color: #b7efe2; }
.badge-creavit-blue[href]:hover, .badge-creavit-blue[href]:focus { color: #2c2e31; text-decoration: none; background-color: #b7efe2; }

.dropdown-menu { box-shadow: 0 2px 12px rgba(1, 1, 1, .12); border: 0; display: block; opacity: 0; visibility: hidden; transition: all ease .3s; }
.dropdown-menu.show { opacity: 1; visibility: visible; }
.dropdown-menu.dm-mini { min-width: initial; text-align: center; }
.dropdown-menu.dm-mini img { display: block; min-width: 24px; }
.dropdown-menu.dm-mini .dropdown-item { padding: 6px 10px; }
.dropdown-item { position: relative; padding: .25rem 1rem; transition: all ease .3s; }
.dropdown-menu:not(.dm-mini) .dropdown-item { padding-right: 60px; }
.dropdown-item:focus, .dropdown-item:hover,
.dropdown-item.active, .dropdown-item:active { background: #cd6060; color: #fff; }
.dropdown-menu.dm-style-2 { border-top: 6px solid #727272; padding-left: 5px; padding-right: 5px; }
.dropdown-menu .stickyicon { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); }

.lightMenu { list-style: none !important; margin: 0; padding: 15px 10px 15px 0; margin-bottom: 30px; box-shadow: 0 2px 12px rgba(1, 1, 1, .12); border: 0; display: block; }
.lightMenu li { display: block; margin-bottom: 1px; }
.lightMenu li a { display: block; width: 100%; padding: .25rem 1.5rem; clear: both; font-weight: 400; color: #727272; text-align: inherit;  background-color: transparent; border: 0; position: relative; transition: all ease .3s; }
.lightMenu li a:hover,
.lightMenu li.active a { background: #446c97; color: #fff; }
.lightMenu .stickyicon { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); }

.btn-minilight { position: relative; cursor: pointer; border: 0; padding: 0; background: none; padding-right: 16px; }
.btn-minilight > span { border: 1px solid #000; font-size: 10px; line-height: 10px; padding: 0 3px 0 2px; }
.btn-minilight.dropdown-toggle::after { color: #000; position: absolute; top: 0; right: 0; display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; font-size: 18px; text-rendering: auto; line-height: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\F140"; border: 0; width: initial; height: 0; margin-left: initial; vertical-align: initial; }

.d-md-block.afterClear > * { width: 100%; }

.mCSB_inside > .mCSB_container { margin-right: 0; }
.h2s { color: #727272; }
.h4-5 { color: #010000; font-size: 22px; }
.miniNot { font-size: 10px; color: #aaa; }

ol:not(.breadcrumb) li { list-style: square }
.not-styled { list-style: none !important; padding-left: 5px; }
.not-styled li { list-style: none !important; }
.basic-style { padding-left: 20px; }

.full-width { width: 100%; }

.c4c { color: #4c4c4c; }
.fs80px { font-size: 80px !important; }
.fs53px { font-size: 53px !important; }
.fs30px { font-size: 26px !important; }
.fs26px { font-size: 26px !important; }
.fs24px { font-size: 24px !important; }
.fs20px { font-size: 20px !important; }
.fs18px { font-size: 18px !important; }
.fs16px { font-size: 16px !important; }
.fs14px { font-size: 14px !important; }
.fs12px { font-size: 12px !important; }
.fs10px { font-size: 10px !important; }
hr { border-color: #c2c2c2; }
.c72 { color: #727272; }
.cf { color: #fff !important; }
.c_35c0e3 { color: #35c0e3 !important; }
.c_35e39f { color: #35e39f !important; }
.c_e3bc35 { color: #e3bc35 !important; }
.c_abafcc { color: #abafcc !important; }
.c_c2abcc { color: #c2abcc !important; }
.c_abcbcc { color: #abcbcc !important; }

.mpx-320 { max-width: 320px; }
.mpx-420 { max-width: 420px; }

.half-hover-img { overflow: hidden; }
.half-hover-img img { position: relative; left: -50%; transition: all ease 1s; }
*:hover > * > .half-hover-img img { left: -30%; }

.bc-72 { border-color: #727272 !important; }
.fwb { font-weight: bold !important; }
.fwm { font-weight: 500 !important; }

.btn-absolute-bottom { position: absolute; left: 0; bottom: 0; }
.btn-absolute-bottom.btn-absolute-right { left: initial; right: 0; }
.btn-absolute-middle-bot { position: absolute; bottom: 5%; left: 50%; transform: translate(-50%, 0%); }
.btn-absolute-middle-subbot { position: absolute; bottom: 36%; left: 50%; transform: translate(-50%, -36%); }

.videoMedia { position: absolute; bottom: 2.25%; left: 50%; transform: translate(-50%, -2.25%); }

.placeholder { height: 333px; }


@media (min-width: 1999px){
    .videoMedia { position: absolute; bottom: 7.5%; left: 50%; transform: translate(-50%, -7.5%); }
}

@media (max-width: 1300px){
    .videoMedia { bottom: 0%; transform: translate(-50%, 0%); }
}

@media (max-width: 1199px){
    .btn-absolute-middle-subbot { bottom: 30%; transform: translate(-50%, -30%); }
    .videoMedia .play { width: 900px; height: 507px; }
    .videoMedia { bottom: -5%; transform: translate(-50%, -5%); }
}

@media (max-width: 992px){
    .videoMedia .play { width: 700px; height: 393px; }
    .videoMedia { bottom: 3%; transform: translate(-50%, -3%); }
}

@media (max-width: 767px){
    .btn-absolute-middle-bot { padding: 3px 8px; }
    .videoMedia .play { width: 500px; height: 282px; }
    .videoMedia { bottom: 10%; transform: translate(-50%, -10%); }
}

@media (max-width: 576px){
    .videoMedia .play { width: 300px; height: 169px; }
    .videoMedia { bottom: 5%; transform: translate(-50%, -5%); }
}

.gradient-f3 { background-image: linear-gradient(0deg, #fff, #f3f3f3); }
.gradient-f3-reverse { background-image: linear-gradient(0deg, #f3f3f3, #fff); }
.gradient-d3 { background-image: linear-gradient(0deg, #fff, #d3d3d3); }
.minifyH { background: #f8f6f4; color: #272727; font-size: 13px; padding: 6px; }
.greyH { background: #eeeeef; color: #272727; font-size: 26px; padding: 10px; font-weight: normal; }
.lineH { border: 1px solid #aeaeae; color: #8d8d8d; }
.alink { color: #cd6060; }
.alink:hover { color: #cd6060; text-decoration: underline; }
.bgColorPink { background-color: #cd6060; }
.bgColorE { background-color: #eeeeee !important; }
.bgColorfbf9f8 { background-color: #fbf9f8 !important; }
.bgColorabcbcc { background-color: #abcbcc !important; }
.bgColorc2abcc { background-color: #c2abcc !important; }
.bgColorabafcc { background-color: #abafcc !important; }
.bg_anthracite { background-color: #293133 !important; }
.bg_cappuccino { background-color: #b39f7a !important; }
.bg_basalt { background-color: #41373d !important; }
.bg_white { background-color: #fff !important; }
.bg_black { background-color: #000 !important; }

.mw150 { min-width: 150px; }
.mw200 { min-width: 200px; }
.mxw600 { max-width: 600px; }
.mxw200 { max-width: 200px; }
.w240 { width: 240px; }
select.form-control:not([size]):not([multiple]) { height: calc(2.25rem + 4px); }
select.light { border-color: #e8e8e8; }

.modalPostMessage .messageBox { position: relative; padding: 30px 20px 20px 20px; text-align: center; font-size: 18px; font-weight: bold; border: 1px solid #767676; }
.modalPostMessage .messageBox i { position: absolute; left: 0; right: 0; top: -21px; margin: auto; background: #000; border-radius: 50%; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #fff; }
.modalPostMessage .modal-content { letter-spacing: -.8px; padding: 30px; color: #272727; }
.modalPostMessage .messageBox.red { border-color: #cd6060; }
.modalPostMessage .messageBox.red i { background-color: #cd6060; }
.modalPostMessage .messageBox.blue { border-color: #446c97; }
.modalPostMessage .messageBox.blue i { background-color: #446c97; }
.modalPostMessage .messageBox.green { border-color: #1094a4; }
.modalPostMessage .messageBox.green i { background-color: #1094a4; }
.modalPostMessage .messageBox.grey { border-color: rgb(130, 130, 130); }
.modalPostMessage .messageBox.grey i { background-color: rgb(130, 130, 130); }

@media (min-width: 576px) {
    .modalPostMessage .modal-content { padding: 50px; }
    .modalPostMessage .messageBox { font-size: 26px; padding: 50px 40px 40px 40px; }
    .modalPostMessage .modal-dialog { max-width: 475px; }
}

.lg-outer .lg-thumb-item { border: 1px solid #FFF; border-radius: 0; }
.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #cd6060; }

.afterClear:after { display: block; content: ""; clear: both; }

.dropdown.onStyle { display: inline-block; }
.dropdown.onStyle > a.btn-outline-light { border-color: #e8e8e8; color: #4c4c4c; text-align: left; font-size: 14px; padding: 8px 10px; position: relative; }
.dropdown.onStyle > a.btn-outline-light:hover { background-color: #eeeeee; }
.dropdown.onStyle > a:after { content: ""; border: 0; position: absolute; top: 5px; right: 5px; font-size: 20px !important; display: inline-block; content: "\F140"; font: normal normal normal 24px/1 "Material Design Icons"; font-size: inherit; text-rendering: auto; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.dropdown.onStyle .dropdown-menu { transform: initial !important; width: calc(100% - 8px); left: 4px; }
.dropdown.onStyle:hover .dropdown-menu { visibility: visible; opacity: 1; display: block; top: 2px; }

.modal-header { position: relative; padding: .4em .8rem; border-radius: 0; margin: 10px; background: #9b9b9b; color: #fff; }
.modal-header .close { background: #201f21; padding: 2px 6px; opacity: 1; text-shadow: none; color: #fff; position: absolute; top: -14px; right: 5px; font-size: 16px; }

@media (min-width: 768) {
    .modal-xl { max-width: 600px; }
}

@media (min-width: 992px) {
    .modal-xl { max-width: 1120px; }
}

@media (min-width: 1200px) {
    .modal-xl { max-width: 1200px; }
}

.hoverFigureSpan figure { position: relative; }
.hoverFigureSpan figure img { display: block; }
.hoverFigureSpan figure > span { opacity: 0; background: rgba(0, 0, 0, .6); display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; transition: all ease .4s; }
.hoverFigureSpan figure > span img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }
.hoverFigureSpan:hover figure > span { opacity: 1; }

/*************************************/

/****** HEADER */
header { z-index: 3; position: fixed; top: 0; left: 0; width: 100%; transition: all ease .5s; background: #fff; padding-top: 0; }
/*header:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 0; background: #000; transition: all ease .5s; }*/
header .hTop { top: 0; position: relative; height: 24px; font-size: 11px; font-weight: 500; background: #eeeeee; padding: 0 12px; transition: all ease .5s; }
header .hTop .row > * { padding: 4px 12px; }
header .navbar { padding: 0 8px; margin-left: -8px; }
header .navbar-brand { margin: 0 }
header .navbar-expand-lg .navbar-nav .nav-link { transition: all ease .3s; font-weight: 500; color: #202020; }
header .navbar .dropdown-menu { display: block; top: calc(100% - 2px); }
header .navbar .dropdown-item:focus, header .navbar .dropdown-item:hover,
header .navbar .dropdown-item.active, header .navbar .dropdown-item:active { background: #446c97; color: #fff; }
#headerSearch { position: relative; margin-left: 18px; }
#headerSearch input { padding: .375rem .75rem .375rem 40px; }
#headerSearch button[type="submit"] { z-index: 2; cursor: pointer; position: absolute; left: 0; top: 0; width: 40px; text-align: center; border: 0; height: 100%; font-size: 28px; line-height: 28px; background: none; color: #524f4f; transition: all ease .3s; }
#headerSearch button[type="submit"]:hover { color: #000; }

.stickyHeader header { position: fixed; width: 100%; top: 0; padding-top: 4px; box-shadow: 0 0 12px rgba(0, 0, 0, 0.35); }
.stickyHeader header .hTop { height: 0; top: -30px; }
.stickyHeader header:after { height: 4px; }
/**/
header .navbar .dropdown:hover .dropdown-menu { visibility: visible; opacity: 1; }

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-item:first-child .nav-link { padding-left: 0; }
    .navbar-expand-lg .navbar-nav .nav-link { padding: 38px 10px; }
    /*.stickyHeader header .navbar-expand-lg .navbar-nav .nav-link { padding: 12px 18px; }*/
}
.divTable { display: block; font-size: 13px; }
.divTable .thead,
.divTable .tbody { display: table-row-group; }
.divTable .thead .tr,
.divTable .tbody .tr { display: table-row; }
.divTable .thead .tr .th,
.divTable .tbody .tr .td { display: table-cell; }
.btn-creavit-green { color: #fff; background-color: #007a6b; border-color: #007a6b; }
.btn-creavit-green:hover { color: #007a6b; background-color: #fff; border-color: rgba(0, 122, 107, 0.7) }
.btn-creavit-green:focus, .btn-creavit-green.focus { box-shadow: 0 0 0 0.2rem rgba(0, 122, 107, 0.5) }
.btn-creavit-green.disabled, .btn-creavit-green:disabled { color: #007a6b; background-color: #fff; border-color: rgba(0, 122, 107, 0.7) }
.btn-creavit-green:not(:disabled):not(.disabled):active, .btn-creavit-green:not(:disabled):not(.disabled).active,
.show > .btn-creavit-green.dropdown-toggle { color: #fff; background-color: #fff; border-color: rgba(0, 122, 107, 0.7) }
.btn-creavit-green:not(:disabled):not(.disabled):active:focus, .btn-creavit-green:not(:disabled):not(.disabled).active:focus,
.show > .btn-creavit-green.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(0, 122, 107, 0.5) }
.share-link { font-size: 16px;  letter-spacing: -.5px; color: #222221 !important; }
.share-link button { background: none; border: 0; font-weight: bold; }
.share-link svg { width: 26px; height: 26px; color: #222221; fill: #222221; }
.share-link button:hover { opacity: .7; }
.share-link .dropdown-menu a i { display: inline-block; width: 22px; text-align: center; }
/****** HEADER */

/****** SLIDER */
.slider { overflow: hidden; position: relative; display: block; height: 470px; padding-bottom: 0px; }
.slider-items { display: block; height: 100%; overflow: hidden !important; }
.slider .item { overflow: hidden; position: relative; display: block; width: 100%; height: 100%; }
.slider .item figure { z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all ease-in-out 1s; transform: scale(1.2); background-size: cover; background-position: center center; background-repeat: no-repeat; }
.slider .item.activeVideo figure { opacity: 0; }
.slider .item video { background: #000; }
.slider .item video,
.slider .item iframe { z-index: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: all ease-in-out 1s; transform: scale(1.2); background-size: cover; background-position: center center; background-repeat: no-repeat; }
.slider .item .itemButton { transition: opacity .6s ease-in-out .8s,bottom .6s ease-in-out .8s; opacity: 0; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); z-index: 3; }
.slider .activeSlide.item figure { transform: scale(1); }
.slider .activeSlide.item .itemButton { opacity: 1; bottom: 140px; }
.slider .pageSlick { transition: all ease-in-out .4s; transition-delay: 1s; opacity: 0; z-index: 3; position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); color: #fff !important; animation: animationFrames linear 1s; animation-iteration-count: infinite; transform-origin: 0; animation-fill-mode: forwards; -webkit-animation: animationFrames linear 1s; -webkit-animation-iteration-count: infinite; -webkit-transform-origin: 50% 50%; -webkit-animation-fill-mode: forwards; -moz-animation: animationFrames linear 1s; -moz-animation-iteration-count: infinite; -moz-transform-origin: 50% 50%; -moz-animation-fill-mode: forwards; /*FF 5+*/ -o-animation: animationFrames linear 1s; -o-animation-iteration-count: infinite; -o-transform-origin: 50% 50%; -o-animation-fill-mode: forwards; /*Not implemented yet*/ -ms-animation: animationFrames linear 1s; -ms-animation-iteration-count: infinite; -ms-transform-origin: 0; -ms-animation-fill-mode: forwards; /*IE 10+*/ }
.slider .pageSlick i:before { color: #fff; font-size: 44px; }
header.activeHeader + .slider .pageSlick { opacity: 1; }
.slider .item.is-selected figure { transform: scale(1) }
.slider .item .meta.centerText { transition: all ease .5s; color: #fff; position: absolute; left: 0; right: 0; top: 32px; z-index: 3; text-align: center; }
.slider .item.activeVideo .meta.centerText .bigText,
.slider .item.activeVideo .meta.centerText .smallText { opacity: 0; }
.slider .item .meta.centerText .bigText { transition: all ease-in-out 1.5s; font-size: 32px; font-weight: bold; opacity: 0; position: relative; top: -60px; }
.slider .item .meta.centerText .smallText { transition: all ease-in-out 1.5s; transition-delay: .5s; font-size: 18px; opacity: 0; position: relative; top: -60px; }
.slider .is-selected .meta.centerText .bigText,
.slider .is-selected .meta.centerText .smallText { opacity: 1; top: 0; }
.slider .item .playVideo { cursor: pointer; transition: all ease-in-out 1.5s; font-size: 68px; opacity: 0; position: relative; top: -60px; }
.slider .item .playVideo.pv2 { color: #fff; z-index: 2; position: absolute; left: 50%; top: -60px; transition: all ease-in-out 1.5s; transform: translateX(-50%) translateY(-50%); }
.slider .item.activeVideo .playVideo { opacity: 0; top: 50%; }
.slider .item.activeVideo:hover .playVideo { opacity: 1; }
.slider .item.activeSlide .playVideo.pv2 { top: 50%; }
.slider .item[data-video-id]:not(.activeVideo) .playVideo { opacity: 1; }
.slider .item .playVideo:hover { opacity: .6; }
.slider .item:hover .playVideo { opacity: 1; }
.slider .item .soundMute { position: absolute; right: 25px; bottom: 25px; transition: all ease .3s; z-index: 3; color: #fff; font-size: 28px; }
.slider .item .meta.textLeft { color: #fff; position: absolute; left: 50px; top: 32px; z-index: 3; }
.slider .item .meta.textLeft .bigText { transition: all ease-in-out 1.5s; font-size: 32px; font-weight: bold; opacity: 0; position: relative; left: 50%; }
.slider .item .meta.textLeft .smallText { transition: all ease-in-out 1.5s; transition-delay: .5s; font-size: 18px; opacity: 0; position: relative; left: 50%; }
.slider .is-selected .meta.textLeft .bigText,
.slider .is-selected .meta.textLeft .smallText { opacity: 1; left: 0; }
.slider .item .meta.textRight { text-align: right; color: #fff; position: absolute; right: 50px; top: 32px; z-index: 3; }
.slider .item .meta.textRight .bigText { transition: all ease-in-out 1.5s; font-size: 38px; font-weight: bold; opacity: 0; letter-spacing: -1.5px; position: relative; right: 50%; }
.slider .item .meta.textRight .smallText { transition: all ease-in-out 1.5s; transition-delay: .5s; font-size: 18px; opacity: 0; position: relative; right: 50%; }
.slider .is-selected .meta.textRight .bigText,
.slider .is-selected .meta.textRight .smallText { opacity: 1; right: 0; }
.slider .item .meta.color2,
.slider .item .meta.color2 * { color: #242424 }
.slider .item .meta.color1,
.slider .item .meta.color1 * { color: #FFF; }

.slider .item .meta2 { position: absolute; height: 100%; top: 0; z-index: 1; width: 420px; right: -100%; transition: all ease-in-out 1s; }
.slider .item .meta2 .textContent { position: absolute; z-index: 2; right: -100%; top: 80px; }
.slider .item .meta2:after { content: ""; display: block; height: 100%; width: 100%; background: #000; transition: all ease-in-out 1s; transition-delay: 1s; }
.slider .item.activeSlide .meta2 { right: -60px; }
.slider .item.activeSlide .meta2:after { -webkit-transform: skew(-14deg, 0deg); -moz-transform: skew(-14deg, 0deg); -o-transform: skew(-14deg, 0deg); -ms-transform: skew(-14deg, 0deg); transform: skew(-14deg, 0deg); }
.slider .item.activeSlide .meta2 .textContent { right: 100px; text-align: left; color: #fff; padding-left: 60px; }
.slider .item.activeSlide .meta2 .textContent .title { font-weight: bold; font-size: 38px; margin-bottom: 20px; }
.slider .item.activeSlide .meta2 .textContent .text { display: block; font-weight: normal; font-size: 18px; }
.slider .item.activeSlide .meta2 .textContent .btn { margin-top: 20px; }

.slider .flickity-page-dots { bottom: 25px; opacity: 0; transition: all ease .4s; }
.slider .flickity-page-dots .dot { margin: 0 4px; background: none; border: 1px solid #e6e6e6; opacity: 0.6; transition: all ease .4s; }
.slider .flickity-page-dots .dot:hover { opacity: 1; }
.slider .flickity-page-dots .dot.is-selected { opacity: 1; background: #e6e6e6; }
.slider .flickity-button { background: none; color: #fff; fill: #fff; }
.slider .flickity-button-icon { color: #fff; fill: #fff; }
.slider .flickity-prev-next-button.previous { transition: all ease .4s; left: -50px; }
.slider .flickity-prev-next-button.next { transition: all ease .4s; right: -50px; }
.slider:hover .flickity-prev-next-button.previous { left: 10px; }
.slider:hover .flickity-prev-next-button.next { right: 10px; }

.slider .creavit-speakeroff { opacity: 0; transition: all ease .4s; }
.slider:hover .creavit-speakeroff,
.slider:hover .flickity-page-dots { opacity: 1; }

.slider .abs-button { z-index: 5; position: absolute; right: 30px; bottom: 30px; }

@keyframes animationFrames {
    0% { transform: translate(-22px,0px); }
    50% { transform: translate(-22px,10px); }
    100% { transform: translate(-22px,0px); }
}

@-moz-keyframes animationFrames {
    0% { -moz-transform: translate(-22px,0px); }
    50% { -moz-transform: translate(-22px,10px); }
    100% { -moz-transform: translate(-22px,0px); }
}

@-webkit-keyframes animationFrames {
    0% { -webkit-transform: translate(-22px,0px); }
    50% { -webkit-transform: translate(-22px,10px); }
    100% { -webkit-transform: translate(-22px,0px); }
}

@-o-keyframes animationFrames {
    0% { -o-transform: translate(-22px,0px); }
    50% { -o-transform: translate(-22px,10px); }
    100% { -o-transform: translate(-22px,0px); }
}

@-ms-keyframes animationFrames {
    0% { -ms-transform: translate(-22px,0px); }
    50% { -ms-transform: translate(-22px,10px); }
    100% { -ms-transform: translate(-22px,0px); }
}
/****** SLIDER */

/****** HOME BOXs */
.homeBoxs { }
.homeBoxs figure { margin: 0; overflow: hidden; }
.homeBoxs figure img { display: block; transition: all ease .8s; }
.homeBoxs .box:hover figure img { transform: scale(1.1); }
.homeBoxs .box { width: 100%; position: relative; display: block; margin-bottom: 12px; }
.homeBoxs .box.horizontal .row { margin: 0; }
.homeBoxs .box.horizontal .row > * { padding: 0; }
.homeBoxs .box.horizontal .text { background: #f2f2f2; height: 100%; color: #fff; padding: 40px; }
.homeBoxs .box.horizontal .text.c1 { background: #958f88; }
.homeBoxs .box.horizontal .text.c2 { background: #c7bba5; }
.homeBoxs .box.horizontal .text.c3 { background: #262626; }
.homeBoxs .box.horizontal .text.c4 { background: #bcb6ae; }
.homeBoxs .box.horizontal .text.c5 { background: #d7d7d7; }
.homeBoxs .box.horizontal .text .title { font-size: 32px; line-height: 32px; letter-spacing: -1px; font-weight: bold; padding-bottom: 20px; }
.homeBoxs .box.horizontal .text .title2 { font-size: 32px; line-height: 34px; letter-spacing: -1px; font-weight: bold; padding-top: 20%; }
.homeBoxs .box.horizontal .text .description { padding-left: 28px; line-height: 18px; }
.homeBoxs .box.horizontal .text a { position: absolute; bottom: 20px; right: 40px; }
.homeBoxs .box.vertical .text { position: absolute; transition: padding ease .5s; left: 0; bottom: 0; right: 0; width: 100%; color: #fff; padding: 26px 40px; }
.homeBoxs .box.vertical .text.c1 { background: #958f88; }
.homeBoxs .box.vertical .text.c2 { background: #c7bba5; }
.homeBoxs .box.vertical .text.c3 { background: #262626; }
.homeBoxs .box.vertical .text > * { transition: padding ease .5s; }
.homeBoxs .box.vertical .text .title { font-size: 29px; line-height: 32px; letter-spacing: -1px; font-weight: bold; padding-bottom: 20px; }
.homeBoxs .box.vertical .text .description { font-size: 14px; line-height: 16px; padding-bottom: 23px; }
.homeBoxs .box.vertical:hover .text { padding-top: 36px; padding-bottom: 36px; }
.homeBoxs .box.vertical:hover .text .title { padding-bottom: 30px; }
.homeBoxs .box.vertical:hover .text .description { padding-bottom: 33px; }
.homeBoxs .box.square45 .text { position: absolute; left: 0; top: 0; }
.homeBoxs .box.square45 .text { transition: all ease .5s; opacity: .75; color: #fff; text-align: center; font-weight: bold; font-size: 23px; line-height: 27px; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%) rotate(45deg); width: 120px; height: 120px; border: 4px solid #fff; }
.homeBoxs .box.square45 .text span { position: absolute; top: 52%; left: 52%; transform: translateX(-50%) translateY(-50%) rotate(-45deg); }
.homeBoxs .box.square45:hover .text { border-radius: 4px; opacity: 1; transform: translateX(-50%) translateY(-50%) rotate(0deg) scale(0.8); }
.homeBoxs .box.leftTop .text { transition: all ease .5s; max-width: 200px; position: absolute; left: 20px; top: 20px; font-size: 29px; color: #fff; font-weight: bold; transition: all ease .5s; }
.homeBoxs .box.leftTop .text2 { transition: all ease .5s; max-width: 340px; position: absolute; left: 20px; bottom: 5%; font-size: 22px; color: #fff; font-weight: bold; transition: all ease .5s; }
.homeBoxs .box.leftTop:hover .text2 > * { opacity: .8; }
.homeBoxs .box.leftTop .text a { color:#fff; text-decoration:none; }
.homeBoxs .box.leftTop .text span { position: relative; }
.homeBoxs .box.leftTop .text span:before { position: absolute; top: 30px; left: 0; width: 0; background: #fff; height: 1px; content: ""; transition: all ease .5s; }
.homeBoxs .box.leftTop:hover .text span:before { width: 82px; }
.homeBoxs .box.leftTop:hover .text { padding-left: 10px; color: rgba(255, 255, 255, 0.8) }
.homeBoxs .box.centerStyle .text { position: absolute; padding: 20px 0; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); color: #fff; text-align: center; width: calc(100% - 80px); pointer-events:none; }
.homeBoxs .box.centerStyle .text2 { position: absolute; left: 20px; bottom: 5%; color: #fff; text-align: center; max-width: 340px;  pointer-events:none; }
.homeBoxs .box.centerStyle:hover .text2 > * { opacity: .8; }
.homeBoxs .box.centerStyle .title { font-size: 30px; line-height: 38px; font-weight: bold; transition: all ease .5s; padding-bottom: 18px; }
.homeBoxs .box.centerStyle .title2 { font-size: 24px; line-height: 28px; font-weight: bold; transition: all ease .5s; }
.homeBoxs .box.centerStyle .description { font-size: 14px; font-weight: 300; transition: all ease .5s; }
.homeBoxs .box.centerStyle .text:before { content: ""; position: absolute; left: 0; top: 0; width: 0; height: 1px; background: #fff; transition: all ease .5s; }
.homeBoxs .box.centerStyle .text:after { content: ""; position: absolute; right: 0; bottom: 0; width: 0; height: 1px; background: #fff; transition: all ease .5s; }
.homeBoxs .box.centerStyle:hover .text:before,
.homeBoxs .box.centerStyle:hover .text:after { width: 100%; }
.homeBoxs .box.centerStyle:hover .text > * { opacity: .8; }
/****** HOME BOXs */

/****** HOME Combine */
.combineIdeas { background: #eeeeee; padding: 50px 0 100px 0; margin-bottom: 30px; }
.combineIdeas > h2,
.combineIdeas > p { display: block; text-align: center; width: 100%; color: #383535; font-weight: bold; font-size: 38px; }
.combineIdeas > p { margin: 0 auto; max-width: 600px; margin-bottom: 50px; color: #727272; font-weight: normal; font-size: 18px }
.combineIdeas .box { position: relative; width: 25%; padding: 7.5px; }
.combineIdeas .box .text { overflow: hidden; position: absolute; left: 7.5px; top: 7.5px; text-align: center; width: calc(100% - 15px); height: calc(100% - 30px); }
.combineIdeas .box .text:before { transition: all ease 1s; content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background: rgba(38, 38, 38, 0.70); }
.combineIdeas .box .textCtn { opacity: 0; transition: all ease 1s; position: absolute; left: 0; top: 150%; width: 100%; padding: 0 40px; transform: translateY(-50%); }
.combineIdeas .box .text span { top: -100%; margin-bottom: 20px; position: relative; display: block; font-size: 26px; line-height: 28px; color: #fff; font-weight: bold; padding-bottom: 20px; transition: all ease 1s; transition-delay: 1s; }
.combineIdeas .box .text span:after { content: ""; position: absolute; bottom: 0; left: 50%; width: 0; background: #fff; height: 1px; transition: all ease 1s; transition-delay: 1s; }
.combineIdeas .box .text .btn { position: relative; margin-top: 40px; opacity: 0; transition: all ease .6s; transition-delay: 1s; }
.combineIdeas .box:hover .text span { top: 50%; }
.combineIdeas .box:hover .text span:after { left: 0; width: 100%; }
.combineIdeas .box:hover .text:before { height: 100%; }
.combineIdeas .box:hover .textCtn { top: 50%; opacity: 1; }
.combineIdeas .box:hover .text .btn { margin-top: 0; opacity: 1; }
.combineIdeas .flickity-page-dots { bottom: -54px; }
.combineIdeas .flickity-page-dots .dot { margin: 0 4px; background: none; border: 1px solid #777777; opacity: 0.6; transition: all ease .4s; }
.combineIdeas .flickity-page-dots .dot:hover { opacity: 1; }
.combineIdeas .flickity-page-dots .dot.is-selected { opacity: 1; background: #777777; }
/****** HOME Combine */

/****** searchForms */
.searchForms { padding-bottom: 30px; }
/****** searchForms */

/****** formSingle */
.formSingle { background: #f9f9f9; padding: 50px 30px 30px 30px; }
.formSingle > h4 { font-weight: bold; font-size: 24px; line-height: 24px; margin-bottom: 50px; }
.formSingle > h4,
.formSingle > p { display: block; text-align: center; color: #727272; }
.formSingle > p { color: #4c4c4c; padding: 0 30px; margin-bottom: 60px; font-size: 16px; }
.formSingle input[type=text] { padding: .9rem; }
.formSingle .btn { padding: .9rem; font-weight: 500; font-size: 16px; line-height: 20px; }
/****** formSingle */

/****** Breadcrumb */
.breadcrumbCtn { background: #eeeeee; margin-bottom: 30px; padding: 15px 0; }
.breadcrumbCtn.mini { padding: 0; }
.breadcrumbCtn .breadcrumb { margin: 0; background: none; }
.breadcrumbCtn .currentPageTitle { margin: 0; padding-right: 15px; padding-top: 8px; padding-bottom: 6px; }
.breadcrumbCtn .breadcrumb-item a { color: #4c4c4c; transition: all ease .3s; }
.breadcrumbCtn .breadcrumb-item.active { font-weight: bold; color: #767676; }
.breadcrumbCtn .breadcrumb-item a:hover { opacity: .6; color: #000 }
.breadcrumb-item + .breadcrumb-item::before { content: "»"; }
/****** Breadcrumb */

/****** News */
.news { }
.news .media { position: relative; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #727272; }
.news .media .media-body { padding-bottom: 50px; color: #727272; }
.news .media .btn-more { position: absolute; bottom: 20px; }
.newsDetail { padding-bottom: 30px; }
.newsDetail h1 { font-size: 28px; color: #727272; border-bottom: 1px solid #b0b0b1; padding-bottom: 20px; margin-bottom: 30px; }
.lastNews { padding-bottom: 30px; }
.lastNews h2 { background: #f8f6f4; font-size: 26px; text-align: center; font-weight: normal; padding: 15px 0; margin-bottom: 30px; }
.lastNews .newsSlick { margin-left: -7.5px; margin-right: -7.5px; }
.lastNews .cardBox { padding: 6px; width: 25%; }
.lastNews .cardBox figure { margin-bottom: 0; }
.lastNews .card { width: 100%; margin-bottom: 30px; transition: transform ease .2s; }
.lastNews .card:hover { -webkit-transform: translate3d(0,-3px,0); transform: translate3d(0,-3px,0); }
.lastNews .card-title { color: #4c4c4c; height: 38px; overflow: hidden; line-height: 19px; display: -webkit-box; width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 0; transition: color ease .3s; }
.lastNews .card:hover .card-title { color: #838383; }
.lastNews .flickity-page-dots { bottom: -8px; }
.ug-strip-panel { box-shadow: inset 0 0 0 1px #ddd; }
/****** News */

/****** Page Cover */
.pageCover { position: relative; margin-bottom: 30px; overflow: hidden; }
.pageCover .metaContainer { position: absolute; height: 100%; top: 0; width: 420px; right: -100%; transition: all ease-in-out 1s; }
.pageCover .metaContainer .textContent { position: absolute; z-index: 2; right: -100%; top: 40px; }
.pageCover .metaContainer:after { content: ""; display: block; height: 100%; width: 100%; background: #667950; transition: all ease-in-out 1s; transition-delay: 1s; }
.pageCover.active .metaContainer { right: -60px; }
.pageCover.active .metaContainer:after { -webkit-transform: skew(14deg, 0deg); -moz-transform: skew(14deg, 0deg); -o-transform: skew(14deg, 0deg); -ms-transform: skew(14deg, 0deg); transform: skew(14deg, 0deg); }
.pageCover.active .metaContainer .textContent { right: 100px; text-align: right; color: #fff; }
.pageCover.active .metaContainer .textContent .title { font-weight: normal; font-size: 38px; margin-bottom: 20px; }
.pageCover.active .metaContainer .textContent .text { display: block; font-weight: bold; font-size: 18px; padding-left: 60px; }
.pageCover.bc_blue .metaContainer:after { background: #5a6f9f; }
.pageCover.bc_dgreen .metaContainer:after { background: #667950; }
.pageCover.bc_darkblue .metaContainer:after { background: #495c6c; }
.pageCover.bc_armygreen .metaContainer:after { background: #777e71; }


.pageCover .metaContainer .icon360 { position: absolute; bottom: 60px; right: 120px; z-index: 2; }
.pageCover .metaContainer .icon360 { transform: scale(0); transition: all ease .5s; transition-delay: 1s; }
.pageCover.active .metaContainer .icon360 { transform: scale(1) }

.pageCover .metaContainer_2 { color: #fff; position: absolute; top: 55px; left: 40px; width: 420px; }
.pageCover .metaContainer_2 h3 { font-size: 30px; font-weight: bold; position: relative; top: -20px; opacity: 0; transition: .3s opacity ease-in .5s, .3s top ease .5s; }
.pageCover .metaContainer_2 p { font-size: 16px; font-weight: 400; position: relative; top: -40px; opacity: 0; transition: opacity linear .5s, top ease .5s; }
.pageCover.active .metaContainer_2 h3 { opacity: 1; top: 0; }
.pageCover.active .metaContainer_2 p { opacity: 1; top: 0; }

.pageCover .metaContainer_2.meta-right { left: initial; right: 40px; text-align: right; width: 380px; }
.pageCover .metaContainer_2.meta-right h3 { font-size: 50px; }
.pageCover .metaContainer_2.dark { color: #2e3035; font-weight: 100; }
.pageCover .metaContainer_2.dark h3 { font-size: 60px; font-weight: 300; }
.pageCover .metaContainer_2.dark p { font-size: 18px; }


.pageCover .ultra_lavabo { overflow: hidden; display: block; position: relative; }
.pageCover .metaContainer,
.pageCover .metaContainer_2 { z-index: 2; }
.pageCover .ultra_lavabo .main { position: relative; z-index: 1; }
.pageCover .ultra_lavabo:after { display: block; content: ""; clear: both; }
.pageCover .ultra_lavabo figure { margin: 0; }
.pageCover .ultra_lavabo .cols { position: absolute; left: 0; top: 0; z-index: 1; }
.pageCover .ultra_lavabo .col1,
.pageCover .ultra_lavabo .col2,
.pageCover .ultra_lavabo .col3,
.pageCover .ultra_lavabo .col4,
.pageCover .ultra_lavabo .col5,
.pageCover .ultra_lavabo .col6 { float: left; height: 100%; position: relative; z-index: 3; transform: scaleX(1.007) }
.pageCover .ultra_lavabo .col1 { width: 33.77%; z-index: 4; }
.pageCover .ultra_lavabo .col2 { width: 8.77%; }
.pageCover .ultra_lavabo .col3 { width: 8.85%; }
.pageCover .ultra_lavabo .col4 { width: 8.77%; }
.pageCover .ultra_lavabo .col5 { width: 8.85%; }
.pageCover .ultra_lavabo .col6 { width: 30.96%; }
.pageCover .ultra_lavabo .cols figure { overflow: hidden; height: 100% }
.pageCover .ultra_lavabo .cols figure:first-child { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.pageCover .ultra_lavabo .cols figure:last-child { transition: height linear .75s; position: relative; z-index: 1; }
.pageCover .ultra_lavabo .col1 figure:last-child { transition: all .7s linear .5s; }
.pageCover .ultra_lavabo .col2 figure:last-child { transition: all .7s linear 1.2s; }
.pageCover .ultra_lavabo .col3 figure:last-child { transition: all .7s linear 1.90s; }
.pageCover .ultra_lavabo .col4 figure:last-child { transition: all .7s linear 2.8s; }
.pageCover .ultra_lavabo .col5 figure:last-child { transition: all .7s linear 3.50s; }
.pageCover .ultra_lavabo .col6 figure:last-child { transition: all .7s linear 4.2s; }
.pageCover.active .ultra_lavabo .cols figure:last-child { height: 0; }
.pageCover.active .ultra_lavabo .cols > * { animation: animationFrames linear .7s; animation-iteration-count: 1; animation-delay: 5s; transform-origin: 50% 50%; -webkit-animation: animationFrames linear .7s; -webkit-animation-iteration-count: 1; -webkit-animation-delay: 5s; -webkit-transform-origin: 50% 50%; -moz-animation: animationFrames linear .7s; -moz-animation-iteration-count: 1; -moz-animation-delay: 5s; -moz-transform-origin: 50% 50%; -o-animation: animationFrames linear .7s; -o-animation-iteration-count: 1; -o-animation-delay: 5s; -o-transform-origin: 50% 50%; -ms-animation: animationFrames linear .7s; -ms-animation-iteration-count: 1; -ms-animation-delay: 5s; -ms-transform-origin: 50% 50%; }
.pageCover.active .ultra_lavabo .col1 { animation-delay: 5s; -webkit-animation-delay: 5s; -moz-animation-delay: 5s; -o-animation-delay: 5s; -ms-animation-delay: 5s; }
.pageCover.active .ultra_lavabo .col2 { animation-delay: 5.8s; -webkit-animation-delay: 5.8s; -moz-animation-delay: 5.8s; -o-animation-delay: 5.8s; -ms-animation-delay: 5.8s; }
.pageCover.active .ultra_lavabo .col3 { animation-delay: 6.6s; -webkit-animation-delay: 6.6s; -moz-animation-delay: 6.6s; -o-animation-delay: 6.6s; -ms-animation-delay: 6.6s; }
.pageCover.active .ultra_lavabo .col4 { animation-delay: 7.4s; -webkit-animation-delay: 7.4s; -moz-animation-delay: 7.4s; -o-animation-delay: 7.4s; -ms-animation-delay: 7.4s; }
.pageCover.active .ultra_lavabo .col5 { animation-delay: 8.2s; -webkit-animation-delay: 8.2s; -moz-animation-delay: 8.2s; -o-animation-delay: 8.2s; -ms-animation-delay: 8.2s; }
.pageCover.active .ultra_lavabo .col6 { animation-delay: 9s; -webkit-animation-delay: 9s; -moz-animation-delay: 9s; -o-animation-delay: 9s; -ms-animation-delay: 9s; 19s; 19s; 19s; }

@keyframes animationFrames {
    0% { transform: scaleX(1.00) scaleY(1.00); }
    25% { transform: scaleX(1.10) scaleY(1.10); }
    100% { transform: scaleX(1.00) scaleY(1.00); }
}

@-moz-keyframes animationFrames {
    0% { -moz-transform: scaleX(1.00) scaleY(1.00); }
    25% { -moz-transform: scaleX(1.10) scaleY(1.10); }
    100% { -moz-transform: scaleX(1.00) scaleY(1.00); }
}

@-webkit-keyframes animationFrames {
    0% { -webkit-transform: scaleX(1.00) scaleY(1.00); }
    25% { -webkit-transform: scaleX(1.10) scaleY(1.10); }
    100% { -webkit-transform: scaleX(1.00) scaleY(1.00); }
}

@-o-keyframes animationFrames {
    0% { -o-transform: scaleX(1.00) scaleY(1.00); }
    25% { -o-transform: scaleX(1.10) scaleY(1.10); }
    100% { -o-transform: scaleX(1.00) scaleY(1.00); }
}

@-ms-keyframes animationFrames {
    0% { -ms-transform: scaleX(1.00) scaleY(1.00); }
    25% { -ms-transform: scaleX(1.10) scaleY(1.10); }
    100% { -ms-transform: scaleX(1.00) scaleY(1.00); }
}
.pageCover .lpPaylas { margin-bottom: 0; }
.pageCover .lpPaylas .text { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }

.pageCover .lpOverImg { position: absolute; top: 0; left: 50%; transform: translate(-50%, 0%); width: 100%; }
.pageCover .lpOverImg .leftAlign { text-align: left; }
/****** Page Cover */

/****** Flex-Edge */
.edgeContainer { display: flex; flex-flow: wrap; justify-content: space-between; }
/****** Flex-Edge */

/****** 360 */
.creavit360 { margin-bottom: 30px; }
.creavit360 > h1 { font-size: 32px; font-weight: bold; padding-top: 20px; }
.creavit360 > h1,
.creavit360 > p { display: block; text-align: center; color: #727272; }
.creavit360 > p { color: #4c4c4c; padding: 0 30px 40px 30px; font-size: 16px; max-width: 500px; margin: 0 auto; }
.creavit360 .card { border: 0; }
.creavit360 .card .card-body { padding: 15px 0; color: #4c4c4c; }
.creavit360 .card .card-body h5 { margin: 0; font-size: 16px; }
.creavit360 .card .card-body p { font-size: 14px; }
.creavit360 .imageBtns { overflow: hidden; position: relative; }
.creavit360 .buttons { transition: all ease 1s; background: rgba(0, 0, 0, 0.62); position: absolute; left: 0; top: 100%; width: 100%; height: 100%; }
.creavit360 .buttons .btns { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); text-align: center; }
.creavit360 .buttons .btns a { transition: margin ease 1s; transition-delay: .40s; opacity: 0; width: calc(100% - 120px); border-width: 2px; border-radius: 3px; margin-top: 30px; }
.creavit360 .buttons .btns a:first-child { margin-bottom: 40px; }
.creavit360 .card:hover .buttons { top: 0; }
.creavit360 .card:hover .buttons a { margin-top: 0; opacity: 1; }
.creavit360 .card:hover .buttons a:first-child { }
/****** 360 */

/****** files */
.files { margin-top: 30px; display: block; box-shadow: 1px 0 16px rgba(0, 0, 0, 0.08); text-align: center; padding: 30px; }
a.btn-file { border: 1px solid #cd6060; padding-right: 15px; padding-left: 10px; }
a.btn-file,
.files a.file { display: inline-block; text-align: left; margin: 0 20px; transition: all ease .4s; }
a.btn-file:after,
.files a.file:after { display: block; content: ""; clear: both; }
a.btn-file i,
.files a.file i { color: #cd6060; float: left; font-size: 68px; }
a.btn-file span,
.files a.file span { display: block; float: left; padding-top: 45px; font-weight: 500; color: #000; }
.files:hover a.file { opacity: .5; }
.files a.file:hover { opacity: 1; }

.files.dark { box-shadow: none; background: #ededed; margin: 0; }
.files.dark a.file { box-shadow: none; width: 180px; margin: 0 auto; margin-bottom: 30px; text-align: center; }
.files.dark a.file i,
.files.dark a.file span { float: initial; }
.files.dark a.file span { padding: 0; }
.files.dark a.file .icon { display: block; width: 100%; text-align: center; }
.files.dark a.file i { display: inline-block; color: #fff; background: #453c41; width: 120px; height: 120px; line-height: 120px; border-radius: 50%; font-size: 50px; }
.files.dark a.file span { display: block; width: 100%; }
.files.dark a.file span.title { padding-top: 15px; }

/****** files */

/****** customerCommunication */
.customerCommunication { margin-bottom: 30px; }
/****** customerCommunication */

/****** pagination */
.paginationCtn { text-align: right; margin-bottom: 30px; }
.paginationCtn.left { text-align: left; }
.paginationCtn nav { display: inline-block; color: #979797; }
.paginationCtn nav ul { margin: 0; }
.paginationCtn .page-item .page-link { transition: all ease .3s; color: #979797; border: 1px solid #979797; margin: 0 2px; padding: 6px 10px; }
.paginationCtn .page-item .page-link:hover { background: #eee; }
.paginationCtn .page-item.active .page-link { background: #979797; color: #fff; }
/****** pagination */

/****** footer */
footer .footerCtn { background: #2c2e31; min-height: 100px; padding: 25px 15px; }
footer a { transition: all ease .3s; color: #727272; line-height: 26px; display: block; }
footer h6 { position: relative; }
footer h6,
footer h6 a { font-size: 16px; color: #fff; line-height: 26px; text-transform: uppercase; }
footer ul { padding: 0; }
footer li { list-style: none; }
footer li a:hover { color: #fff; padding-left: 5px; }
footer h6 a:hover { opacity: .7; color: #fff; }
footer h6 label { display: block; }
footer h6 i { display: none; visibility: hidden; position: absolute; right: 0; top: 0; width: 20px; height: 20px; text-align: center; line-height: 19px; font-size: 10px; border: 1px solid #fff; }
footer .footBottom { padding-top: 15px; padding-bottom: 15px; }
footer .footBottom a { font-size: 12px; line-height: 14px; color: #727272; display: inline-block; }
footer .footBottom .links a:not(:last-child):after { content: "•"; font-size: 16px; position: relative; top: 2px; padding-left: 7px; padding-right: 6px }
footer .footBottom .links a:hover { color: #000; }
footer .socials { display: inline-block; text-align: right; }
footer .socials a { color: #909090; display: inline-block; font-size: 20px; width: 40px; height: 40px; border-radius: 50%; border: 2px solid #909090; text-align: center; line-height: 40px }
footer .socials a:hover { color: #000; border-color: #000; }
footer [type="checkbox"].footerHiddenMenu { display: none !important; visibility: hidden; }
/****** footer */

/****** aboutUs */
.aboutUs { margin-bottom: 30px; }
.aboutUs.values h4 { color: #4c4c4c; }
.aboutUs.values ul { padding-left: 15px; }
.aboutUs.values ul li { padding: 5px 0; color: #727272; }
.aboutUs.values figure img { width: 100%; }
/****** aboutUs */

/****** statistics */
.statistics { background: #f7f7f7; padding: 40px 0; margin-bottom: 30px; }
.statistics .statistic { margin-bottom: 30px; text-align: center; }
.statistics .statistic .number { position: relative; display: inline-block; text-align: center; border-radius: 50%; width: 140px; height: 140px; line-height: 136px; font-size: 54px; font-weight: bold; border: 4px solid #1094a4; color: #1094a4; letter-spacing: -3px; }
.statistics .statistic .small { position: absolute; font-size: 11px; color: #777777; letter-spacing: initial; left: 0; top: 30px; font-weight: 600; text-align: center; display: block; width: 100%; }
.statistics .statistic .title { color: #727272; display: block; font-weight: 600; padding: 10px 0; text-align: center; font-size: 24px; }
/****** statistics */

/****** certificates */
.certificates { margin-bottom: 30px; }
.certificateBoxs { }
.certificateBoxs figure { margin-bottom: 20px; cursor: pointer; }
.certificateBoxs figure img { display: block; box-shadow: 1px 1px 3px #ccc; }
/****** certificates */

/****** accordion */
.accordion .card { margin-bottom: 10px; border: 0; }
.accordion .card-header .btn { transition: margin ease .4s; font-weight: 600; font-size: 15px; text-align: left; text-decoration: none; color: #727272; position: relative; padding-left: 40px; display: block; padding: 10px 10px 10px 50px; width: 100%; }
.accordion .card-header .btn:hover { margin-left: -5px; background: #f1f1f1; color: #000; }
.accordion .card-header .btn:not(.collapsed):hover { color: #000; }
.accordion .card-header .btn i { transition: all ease .4s; width: 40px; line-height: 40px; font-size: 12px; font-weight: bold; text-align: center; background: #1094a4; color: #fff; display: block; position: absolute; left: 0; top: 0; height: 100%; }
.accordion .card-header .btn:hover i { background: #12b6ca; }
.accordion .card-header { border: 0; }
.accordion .card-header .btn:not(.collapsed) i:before { content: "\f131" }
.accordion .card-body { padding: 10px 0; }
/****** accordion */

/****** references */
.references { margin-bottom: 30px; }
.references table thead tr > th { border-bottom: 0; }
.references table tbody tr:first-child > td { border-top: 0; }
.scrollMessage { display: none; }
/****** references */

/****** lifePark */
.lifePark { background: #fcfcfc; padding: 30px 0; }
.lifePark p { color: #727272; }
.lifePark .features { margin-top: 90px; }
.lifePark .features .feature { text-align: center; }
.lifePark .features .feature * { display: block; color: #a6a6a6; font-weight: 600; }
.lifePark .features .feature i { width: 140px; height: 140px; line-height: 140px; font-size: 58px; font-weight: normal; margin: 0 auto; border-radius: 50%; border: 4px solid #1094a4; color: #1094a4; }
.lifePark .features .feature span { font-size: 18px; padding-top: 20px; }
/****** lifePark */

/****** greenFutureFeatures */
.greenFuture { margin-bottom: 30px; }
.greenFutureFeatures { padding: 50px 0 20px 0; background: #f7f7f7; margin-bottom: 30px; }
.greenFutureFeatures .feature { padding: 40px 0 60px 0; width: 230px; height: 230px; margin: 0 auto; border-radius: 50%; margin-bottom: 30px; border: 4px solid #1094a4; color: #1094a4; }
.greenFutureFeatures .feature .text { line-height: 14px; min-height: 80px; font-size: 12px; color: #777777; width: calc(100% - 80px); margin: 0 auto; text-align: center; padding-bottom: 10px; }
.greenFutureFeatures .feature .title { font-size: 24px; padding-top: 10px; border-top: 3px solid #1094a4; font-weight: bold; text-align: center; display: block; width: calc(100% - 40px); margin: 0 auto; text-align: center; }
.environmentalSensitivity { margin-bottom: 30px; }
.environmentalSensitivity .numberItemList { padding-top: 30px; padding-bottom: 20px; }
.environmentalSensitivity .numberItemList .item { width: 100%; margin-bottom: 30px; height: 110px; }
.environmentalSensitivity .numberItemList .item .number { float: left; background: #cd6060; width: 180px; height: 100%; padding-right: 30px; text-align: right; font-size: 72px; font-weight: bold; color: rgba(255, 255, 255, 0.4); }
.environmentalSensitivity .numberItemList .item .text { border: 1px solid #1094a4; height: 100%; font-size: 15px; padding: 10px; width: calc(100% - 180px); float: left; }
.borderedBar { margin: 0 0 30px 0; border: 1px solid #1094a4; }
/****** greenFutureFeatures */

/****** numberItemVerticalList */
.numberItemVerticalList { padding-top: 30px; }
.numberItemVerticalList .list-group { width: 100%; }
.numberItemVerticalList .list-group-item { font-weight: bold; border-radius: 0 !important; border: 0 !important; background: #cccccc; margin-bottom: 5px; position: relative; }
.numberItemVerticalList .list-group-item .badge { position: absolute; right: 0; top: 0; height: 100%; background: #1094a4; color: #fff; font-size: 16px; padding: 15px 30px 0 30px; }
/****** numberItemVerticalList */

/****** lifecycle */
.lifecycle { margin-left: 0; margin-right: 0; margin-bottom: 30px; padding-top: 40px; }
.lifecycle .loop { background: #1094a4; padding: 30px 12px 60px 12px; }
.lifecycle .loop h4 { color: #fff; text-align: center; padding: 30px 100px; }
.lifecycle .loop .row { margin: 0; }
.lifecycle .loop .row > * { padding: 0; text-align: center; }
.lifecycle .loop .row > * figure { margin: 0 auto; border-radius: 50%; width: 100px; height: 100px; line-height: 100px; font-size: 42px; text-align: center; color: #1094a4; background: #fff; }
.lifecycle .loop .row > * i { position: absolute; top: calc(50% - 16px); left: 50%; transform: translateY(-50%) translateX(-50%); color: rgba(255, 255, 255, 0.50); }
.lifecycle .loop .row > * .text { padding-bottom: 15px; color: #fff; text-align: center; display: block; font-weight: 600; font-size: 13px; line-height: 15px; padding-top: 20px; }
.lifecycle .numberItemVerticalList { padding-left: 20px; }
.lifecycle { background: #fbf9f8; }
.lifecycle > .row { margin: 0; background: #f7f3f1; }
.lifecycle > .row > * { padding: 0; }
.lifecycle > h4 { text-align: center; }
.lifecycle > p { max-width: 600px; margin: 0 auto; text-align: center; padding: 0 15px 40px 15px; }
/****** lifecycle */

/****** latAddMultiMedia */
.multiMedias { padding-top: 30px; margin-bottom: 30px; }
.multiMedias .multiMedia figure { margin-bottom: 10px; overflow: hidden; position: relative; }
.multiMedias .multiMedia figure img { width: 100%; }
.multiMedias .multiMedia span { margin-bottom: 10px; display: block; font-size: 14px; color: #727272; }
.multiMedias .multiMedia.small span { font-size: 12px; }
.multiMedias .multiMedia.big span { font-size: 20px; }
.multiMedias .multiMedia figure:after { transition: all ease .4s; z-index: 1; content: ""; display: block; top: 100%; left: 0; width: 100%; height: 100%; position: absolute; background: rgba(212, 74, 74, 0.5) }
.multiMedias .multiMedia figure .iconPlay { transition: all ease .4s; position: absolute; color: #fff; font-weight: bold; font-size: 58px; width: 58px; height: 58px; left: calc(50% - 29px); top: 100%; transform: scale(0) translateX(-50%) translateY(-50%); z-index: 2; }
.multiMedias .multiMedia figure .iconPlay.mini { font-size: 36px; width: 36px; height: 36px; }
.multiMedias .multiMedia:hover figure .iconPlay { transform: scale(1) translateX(-50%) translateY(-50%); top: calc(50% - 10px); left: 50%; }
.multiMedias .multiMedia:hover figure:after { top: 0; }
/****** latAddMultiMedia */

/****** scrollerElement */
.scrollerElementYX,
    /*.scrollerElement { height: 240px; }*/
.mCSB_container_wrapper { margin-right: 0; }
.mCSB_container .table { margin-bottom: 0; }
.mCSB_container_wrapper > .mCSB_container { padding-right: 0; }
/****** scrollerElement */

/****** investment */
.investment { background: #eeeeef; padding: 30px 0; }
.investmentExport { padding: 30px 0; }
.investmentExport .turquality { position: absolute; right: 0; top: 0; }
.investmentExport .turquality small { float: left; line-height: 14px; max-width: 175px; padding-right: 14px; }
.investmentExport .turquality img { float: left; }
.investmentExport .statistics { background: none; margin-bottom: 0; }
.investmentExport .statistics .card .card-body { text-align: center; padding: 10px; position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.50); color: #fff; }
.investmentExport .statistics .card .card-body .card-title { margin: 0; font-size: 14px; font-weight: 600; padding: 0; }
.investmentExport .statistics .card { overflow: hidden; }
.investmentExport .statistics .card img { transition: all ease-in-out .6s; }
.investmentExport .statistics .card:hover img { transform: scale(1.1) }
.investmentExportCountries { margin-bottom: 30px; }
.investmentExportCountries .row { padding: 0 7.5px; }
.investmentExportCountries .row > * { padding: 5px; }
.investmentExportCountries .item { background-color: #f7f7f7; transition: all ease .3s; border-bottom: 1px solid #ddd; width: 100%; padding: 10px; }
.investmentExportCountries .item:hover { border-color: #1094a4; }
/****** investment */

/****** technology */
.technology { color: #727272; margin-bottom: 30px; }
.technologies { margin-bottom: 30px; }
.technologies .text { padding: 18px; border: 1px solid #1094a4; color: #727272; width: 100%; max-width: 276px; font-size: 16px; }
/****** investment */

/****** facilities */
.productionFacilities { background: #dee3e5; padding: 30px; margin-bottom: 30px; }
.productionFacilities .description { padding: 20px; background: #fff; }
.productRange { margin-bottom: 30px; }
.productRange .product .text { width: 100%; display: table; height: 140px; margin-top: 20px; border: 1px solid #c7c7c7; padding: 10px; text-align: center; font-weight: 600; font-size: 12px; }
.productRange .product .text span { display: table-cell; vertical-align: middle; }
.facilities { }
.facilities .row { margin: 0; }
.facilities .row > * { padding: 0; }
.facilities .facility { background: #000; }
.facilities .facility span { display: block; width: 100%; color: #fff; }
.facilities .facility .title { font-weight: bold; border-bottom: 6px solid #fff; width: 100%; font-size: 16px; line-height: 20px; padding: 10px 10px 10px 0; }
.facilities .facility .desc { padding: 10px 10px 10px 0; }
.facilities .facility .number { font-size: 84px; font-weight: bold; line-height: 90px; }
.facilities .facility .unit { font-size: 16px; }
.facilitiesStatistics { }
.facilitiesStatistics .item { background: #1094a4; color: #fff; padding: 30px 45px; text-align: center; }
.facilitiesStatistics .item span { display: block; }
.facilitiesStatistics .item .title { border-bottom: 4px solid #4c4c4c; padding-bottom: 10px; font-weight: 300; font-size: 12px; line-height: 16px; height: 70px; }
.facilitiesStatistics .item .values { padding-top: 20px; }
.facilitiesStatistics .item .values:after { content: ""; clear: both; display: block; }
.facilitiesStatistics .item .values * { display: inline-block; }
.facilitiesStatistics .item .values .number { letter-spacing: -2px; font-size: 68px; line-height: 68px; font-weight: bold; padding-top: 5px; }
.facilitiesStatistics .item .values .unit { max-width: 60px; text-align: left; padding-left: 5px; font-weight: 600 }
.facilitiesStatistics .item .values .unit.single { position: relative; top: -10px; font-size: 22px; }
/****** facilities */

/****** humanResources */
.humanResources { margin-bottom: 30px; }
.humanResourcesStatistics { margin-bottom: 30px; background: #f3f5f5; padding: 36px 0 0 0; }
.humanResourcesStatistics .item { text-align: center; margin-bottom: 22px; }
.humanResourcesStatistics .item .value { display: inline-block; border-radius: 50%; text-align: center; width: 120px; height: 120px; line-height: 120px; font-size: 48px; font-weight: bold; background: #1094a4; color: #fff; }
.humanResourcesStatistics .item .title { font-weight: 500; display: block; width: 100%; font-size: 16px; padding: 20px 68px; }
/****** facilities */

/****** awardWinningDesigns */
.awardWinningDesigns { }
.awardWinningDesigns .card { margin-bottom: 30px; transition: transform ease .2s, box-shadow ease 1s; }
.awardWinningDesigns .card:after { content: ""; position: absolute; transition: width ease 1s; left: 0; right: 0; bottom: 0; margin: auto; width: 0; background: #727272; height: 1px; }
.awardWinningDesigns .card figure img { width: 100%; }
.awardWinningDesigns .card:hover { -webkit-transform: translate3d(0,-3px,0); transform: translate3d(0,-3px,0); }
.awardWinningDesigns .card:hover:after { width: 100%; }
.awardWinningDesigns .contents { padding: 5px 0 20px 0; display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; }
.awardWinningDesigns .card-body { padding: 10px 0 0 18px; -ms-flex: 1; flex: 1; }
.awardWinningDesigns .card { border: 0; }
.awardWinningDesigns .card-title { color: #727272; font-size: 18px; font-weight: bold; }
.awardWinningDesigns .card-text { color: #b2b2b2; font-size: 15px; line-height: 18px; letter-spacing: -.6px; }
/****** awardWinningDesigns */

/****** specialDesigns */
.specialDesigns { }
.specialDesigns .card { margin-bottom: 30px; transition: transform ease .3s, border-bottom ease 1s; }
.specialDesigns .card:after { content: ""; position: absolute; transition: width ease 1s; left: 0; right: 0; bottom: 0; margin: auto; width: 0; background: #727272; height: 1px; }
.specialDesigns .card:hover { -webkit-transform: translate3d(0,-3px,0); transform: translate3d(0,-3px,0); }
.specialDesigns .card:hover:after { width: 100%; }
.specialDesigns .card-body { padding: 0 0 18px 0; }
.specialDesigns .card { border: 0; }
.specialDesigns .card figure img { width: 100%; }
.specialDesigns .card-title { color: #727272; font-size: 18px; font-weight: bold; }
.specialDesigns .card-text { color: #b2b2b2; font-size: 15px; line-height: 18px; letter-spacing: -.6px; }
/****** specialDesigns */

/****** contactPage */
.contactPage { margin-bottom: 30px; padding-top: 15px; }
.contactPage .branches .branch { padding-top: 10px; position: relative; }
.contactPage .branches .branch .content { padding-left: 10px; padding-right: 10px; }

@media (min-width: 769px) {
    .contactPage .branches .branch:after { content: ""; display: block; left: 6px; bottom: 0; width: calc(100% - 6px); height: 0; position: absolute; border-bottom: 1px solid #afafaf; }
    .contactPage .branches .branch:nth-child(2n+2):after { left: initial; right: 6px; }
    .contactPage .branches .branch:nth-child(2n+1):before { content: ""; display: block; right: -1px; bottom: 0; height: 100%; width: 0; position: absolute; border-right: 1px solid #afafaf; }
    .contactPage .branches .branch:nth-child(1):before { height: calc(100% - 12px); }
    .contactPage .branches .branch.last:after { content: none; }
}

.contactPage form .custom-control-label { padding-top: 2px; }
.map { width: 100%; max-width: 1128px; margin: 0 auto; margin-bottom: 30px; height: 380px; box-shadow: 0 3px 25px rgba(8,30,43,0.10); }
.map > * { width: 100%; height: 100%; display: block; }
/****** contactPage */

/****** contactPage */
.catalogs .card { margin-bottom: 12px; border-color: #eaeaea; background: #f5f5f5; transition: all ease .3s; }
.catalogs .card figure { margin: 0; overflow: hidden; }
.catalogs .card figure img { transition: all ease-in-out .6s; }
.catalogs .card .card-body { padding: 0; }
.catalogs .card .card-title { padding: 16px; margin: 0; font-weight: normal; color: #706e6e; font-size: 14px; letter-spacing: -.8px; }
.catalogs .card:hover { -webkit-transform: translate3d(0,-3px,0); transform: translate3d(0,-3px,0); }
.catalogs .card:hover figure img { transform: scale(1.1); }
/****** contactPage */

/****** combinedIdeas */
.combinedIdeas { margin-bottom: 30px; }
.combinedIdeas .card { margin-bottom: 12px; border: 0; transition: all ease .3s; }
.combinedIdeas .card figure { margin: 0; overflow: hidden; }
.combinedIdeas .card figure img { transition: all ease-in-out .6s; }
.combinedIdeas .card .card-body { padding: 0; }
.combinedIdeas .card .card-title { margin: 0; padding: 10px; margin-top: 4px; background: #e8e7e5; color: #515151; }
.combinedIdeas .card:hover figure img { transform: scale(1.1); }
.combinedIdeas .card:hover { -webkit-transform: translate3d(0,-3px,0); transform: translate3d(0,-3px,0); }
/****** combinedIdeas */

/****** combin Page */
.combineSlider { background: #000; }
.combineSlider .sliderCtn { position: relative; }
.combineSlider .carousel { }
.combineSlider .magnify { cursor: pointer; position: absolute; left: 0; top: 0; width: 60px; height: 60px; line-height: 60px; font-size: 28px; text-align: center; background: rgba(0, 0, 0, 0.6); color: #fff; transition: all ease .4s; }
.combineSlider .magnify:hover { background: #000; }
.combineSlider .carousel figure { margin: 0; }
.combineSlider .carousel-cell { width: 100%; counter-increment: carousel-cell; }
.combineSlider .carousel-main figure img { width: 100%; }
.combineSlider .carousel-main .flickity-prev-next-button svg { display: none; }
.combineSlider .carousel-main .flickity-prev-next-button { transition: all ease .4s; font-family: "Font Awesome 5 Pro"; font-weight: 300; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; background: rgba(0,0,0,.3); font-size: 32px; color: #fff; border-radius: 0; height: 100px; width: 44px; }
.combineSlider .carousel-main .flickity-prev-next-button.next:before { content: "\f054"; }
.combineSlider .carousel-main .flickity-prev-next-button.previous:before { content: "\f053"; }
.combineSlider .carousel-main .flickity-prev-next-button:hover { background: rgba(0, 0, 0, 0.6); }
.combineSlider .carousel-nav { height: 0; overflow: hidden; background: rgba(0, 0, 0, 0.55); width: calc(100% - 14px); margin-left: 6px; margin-right: 6px; transition: all ease .6s; }
.combineSlider:hover .carousel-nav { height: 104px; }
.combineSlider .carousel-nav .carousel-cell { width: 106px; height: 104px; padding: 20px 10px; transition: all ease .3s; }
.combineSlider .carousel-nav .carousel-cell figure { border: 1px solid rgba(255, 255, 255, 0); opacity: .65; transition: all ease .3s; }
.combineSlider .carousel-nav .carousel-cell:hover figure { border: 1px solid rgba(255, 255, 255, 0.5); opacity: .75; }
.combineSlider .carousel-nav .carousel-cell.is-selected figure { border-color: #fff; opacity: 1; }
.combineSlider .carousel-nav .carousel-cell.is-selected { opacity: 1; }
.combineSlider .carousel-nav .flickity-prev-next-button.previous { left: 10px; width: 34px; height: 34px; }
.combineSlider .carousel-nav .flickity-prev-next-button.next { right: 10px; width: 34px; height: 34px; }
.combineSlider .carousel-nav .flickity-prev-next-button.previous,
.combineSlider .carousel-nav .flickity-prev-next-button.next { color: rgba(255, 255, 255, 0.70); background: #000; transform: initial; border-radius: 0; top: 0; left: 0; height: 100%; }
.combineSlider .carousel-nav .flickity-prev-next-button .flickity-button-icon { fill: rgba(255, 255, 255, 0.70); transition: all ease .3s; }
.combineSlider .carousel-nav .flickity-prev-next-button.next { left: initial; right: 0; }
.combineSlider .carousel-nav .flickity-prev-next-button:hover .flickity-button-icon { fill: rgba(255, 255, 255, 1); }
.combineSlider.fadeSlider .carousel-main .flickity-slider { transform: none !important; }
.combineSlider.fadeSlider .carousel-main .carousel-cell { left: 0 !important; opacity: 0; transition: opacity 1s ease-in-out; z-index: -1; }
.combineSlider.fadeSlider .carousel-main .carousel-cell.is-selected { opacity: 1; z-index: 0 }

.combineTitle { background: #000; padding: 30px 0 20px 0; color: #fff; margin-bottom: 30px; }
.combineTitle h1 { font-size: 24px; }
.combineTitle a { display: inline-block; position: relative; height: 32px; width: 32px; line-height: 32px; border: 1px solid #fff; margin: 0 3px; border-radius: 50%; text-align: center; color: #fff; transition: opacity ease .4s; }
.combineTitle a:after { content: ""; position: absolute; left: -1px; top: -1px; width: 32px; height: 32px; border-radius: 50%; border: 1px solid #fff; }
.combineTitle a:hover { opacity: .6; }

.productsList { margin-bottom: 30px; }
.productsList .card { position: relative; z-index: 1; transition: all .3s linear; border: 0; border-bottom: 1px solid #e8e8e8; margin-bottom: 12px; }
.productsList .card .sticker { z-index: 2; position: absolute; top: 0; left: 0; padding: 10px; transition: all .3s linear; }
.productsList .card .sticker.stickerRight { left: initial; right: 0; }
.productsList .card .sticker.stickerBottom { top: initial; bottom: 62px; }
.productsList .card .sticker.stickerBottomRight { left: initial; right: 0; top: initial; bottom: 62px; }
.productsList .card:after { transition: all .4s linear; content: ""; z-index: -1; width: 100%; height: 1px; -webkit-transform: translate3d(0,-13px,0); transform: translate3d(0,-13px,0); box-shadow: 0 0 16px #807f7f; position: absolute; bottom: -2px; left: 0; right: 0; margin: auto; }
.productsList .card figure { text-align: center; margin: 0; position: relative; border: 1px solid #e8e8e8; border-bottom: 0; }
.productsList.isCompare .card figure { overflow: hidden; }
.productsList.isCompare .card figure img { transition: all .3s linear; }
.productsList .card .card-body { position: relative; padding: 12px 16px; background: #fbfbfb; }
.productsList .card .card-body:before { transition: all .3s linear; content: ""; z-index: 1; position: absolute; top: -24px; left: 1px; width: calc(100% - 2px); height: 24px; opacity: .3; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmQ2ZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(214,214,214,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(214,214,214,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(214,214,214,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(214,214,214,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(214,214,214,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(214,214,214,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#d6d6d6',GradientType=0 ); }
.productsList .card .card-body:after { content: ""; position: absolute; left: 0; right: 0; top: -24px; z-index: 2; margin: auto; border-color: transparent transparent #fbfbfb transparent; border-style: solid; border-width: 12px; width: 0px; height: 0px; }
.productsList .card .card-title { font-size: 16px; margin: 0; padding-bottom: 5px; }
.productsList .card .card-text { font-size: 14px; margin: 0; line-height: 14px; }
.productsList .card:hover { color: #000; -webkit-transform: translate3d(0,-3px,0); transform: translate3d(0,-3px,0); }
.productsList .card:hover:after { -webkit-transform: translate3d(0,-1px,0); transform: translate3d(0,-1px,0); }
.productsList.isCompare .card.okCompare figure img,
.productsList.isCompare .card:hover figure img { -webkit-transform: translateY(-18px); -moz-transform: translateY(-18px); -ms-transform: translateY(-18px); transform: translateY(-18px); }
.productsList.isCompare .card { padding-bottom: 62px; }
.productsList.isCompare .card .card-body { position: absolute; bottom: 0; left: 0; width: 100%; transition: all .3s linear; }
.productsList.isCompare .compareCheckbox { height: 0; font-weight: bold !important; overflow: hidden; transition: all .3s linear; }
.productsList.isCompare .compareCheckbox > * { margin-top: 16px; margin-left: 3px; margin-bottom: 3px; }
.productsList.isCompare .compareCheckbox .custom-control-label::before { background-color: #fff; }
.productsList.isCompare .compareCheckbox .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: #198f74; }
.productsList.isCompare .compareCheckbox .custom-control-input:active ~ .custom-control-label::before { color: #fff; background-color: #82d5c2; }
.productsList.isCompare .compareCheckbox .custom-control-input:checked ~ .custom-control-label::before { color: #fff; background-color: #198f74; }
.productsList.isCompare .compareCheckbox .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: #198f74; }
.productsList.isCompare .compareCheckbox .custom-control-input:checked ~ .custom-control-label::before { color: #fff; background-color: #198f74; }
.productsList.isCompare .card.okCompare .compareCheckbox,
.productsList.isCompare .card:hover .compareCheckbox { height: 39px; }
.productsList.isCompare .card.okCompare .card-body,
.productsList.isCompare .card:hover .card-body { background-color: #b7efe2 }
.productsList.isCompare .card.okCompare .card-body:after,
.productsList.isCompare .card:hover .card-body:after { border-color: transparent transparent #b7efe2 transparent; }
.productsList.isCompare .card.okCompare .sticker.stickerBottom,
.productsList.isCompare .card:hover .sticker.stickerBottom { bottom: 101px; }
.productsList.isCompare .card.okCompare .sticker.stickerBottomRight,
.productsList.isCompare .card:hover .sticker.stickerBottomRight { bottom: 101px; }
.productsList.isCompare .card.okCompare .card-body:before,
.productsList .card:hover .card-body:before { height: 48px; top: -48px; opacity: .6; }

.productFilterColumn ul { max-height: 200px; padding: 0; list-style: none; }
.productFilterColumn ul li { padding-left: 10px; display: block; }
.productFilterColumn ul li .custom-control-label { font-size: 14px; display: block; cursor: pointer; }
.productFilterColumn ul li .custom-control-label::before { background-color: #fff; border: 1px solid #e8e8e8; transition: all ease .3s; }
.productFilterColumn ul li .custom-control-label:hover::before { background-color: #b7efe2; }
.productFilterColumn ul li .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: #86d3c1; }
.productFilterColumn ul li .custom-control-input:checked ~ .custom-control-label::before { color: #fff; background-color: #86d3c1; }

.filterButtons { display: block; }
.filter-button { margin-bottom: 10px; display: inline-block; border: 1px solid #a8a6a8; color: #a8a6a8; padding: 3px 6px; font-size: 12px; transition: all ease .3s; }
.filter-button:hover { color: #444; border-color: #727272 }
.filter-button i { margin-left: 4px; font-style: normal; background: #979797; font-size: 11px; padding: 0 3px; height: 14px; display: inline-block; color: #fff; }
.filter-button.fb-green { border: 1px solid #b7efe2; color: #7aa79c; }
.filter-button.fb-green i { background: #7aa79c; }
.filter-button.fb-green:hover { color: #3eb497; border-color: #96dccc }

[for="productFilterMenu"],
.productFilterClose { display: none; }
#productFilterMenu { display: none !important; visibility: hidden; opacity: 0; }
/****** combin Page */

/****** paylasList */
.paylasList { padding: 10px 0; margin-bottom: 30px; background: #f8f8f8; }
.paylasList .card { height: 98%; position: relative; z-index: 1; transition: all .3s linear; border: 0; box-shadow: 0 0 20px rgba(0, 0, 0, .1); margin-bottom: 30px; }
.paylasList .card .sticker { z-index: 2; position: absolute; top: 0; left: 0; padding: 10px; transition: all .3s linear; }
.paylasList .card .sticker.stickerRight { left: initial; right: 0; }
.paylasList .card .sticker.stickerBottom { top: initial; bottom: 62px; }
.paylasList .card .sticker.stickerBottomRight { left: initial; right: 0; top: initial; bottom: 62px; }
.paylasList .card:after { transition: all .4s linear; content: ""; z-index: -1; width: 100%; height: 1px; -webkit-transform: translate3d(0,-13px,0); transform: translate3d(0,-13px,0); box-shadow: 0 0 16px #807f7f; position: absolute; bottom: -2px; left: 0; right: 0; margin: auto; }
.paylasList .card figure { text-align: center; margin: 0; position: relative; }
.paylasList .card .card-body { position: relative; padding: 4px; background: #fff; }
.paylasList .card .card-title { font-size: 16px; margin: 0; padding-bottom: 5px; }
.paylasList .card .card-text { font-size: 14px; margin: 0; line-height: 14px; }
.paylasList .card:hover { color: #000; -webkit-transform: translate3d(0,-3px,0); transform: translate3d(0,-3px,0); }
.paylasList .card:hover:after { -webkit-transform: translate3d(0,-1px,0); transform: translate3d(0,-1px,0); }
.paylasList .card:hover .card-body:before { height: 48px; top: -48px; opacity: .6; }
.paylasList .card .divTable .thead .tr { background: #868585; }
.paylasList .card .divTable .tbody .tr .td { font-weight: 700; vertical-align: middle; font-size: 13px; line-height: 16px; letter-spacing: -1px; padding: 1px 15px; color: #222221; }
.paylasList .card .divTable .tbody .tr .td:last-child { font-weight: 900; font-size: 30px; line-height: 32px; font-style: italic; }
.paylasList .card .divTable .tbody .tr .td { font-weight: 700; vertical-align: middle; font-size: 13px; line-height: 16px; letter-spacing: -1px; padding: 1px 15px; color: #222221; }
.paylasList .card .divTable .tbody .tr .td:last-child { font-weight: 900; font-size: 26px; line-height: 28px; font-style: italic; }
.paylasList .card .divTable .tbody .tr .td:last-child span { font-size: 14px; }
.paylasList .card .divTable .thead .tr .th:nth-child(2) { width: 100px; }
.paylasList .card .divTable .thead .tr .th:last-child { width: 120px; }
.paylasList .card .divTable .tbody .tr .td:first-child {  }
.paylasList .card .divTable .tbody .tr:not(:last-child) .td { border-bottom: 1px solid #c8c8c7; }
/****** paylasList */

/****** zoomWindow */
.zoomWindow { background-color: #fff; }
/****** zoomWindow */

/****** contactsMap */
.contactsMap { margin-bottom: 30px; }
.contactsMap .contactResult { height: 100%; max-height: 460px; }
.contactsMap .contactResult .item { border-bottom: 1px solid #bfbfbf; padding-bottom: 20px; margin-bottom: 20px; }
.contactsMap .contactResult .item:last-child { border-bottom: 0; margin-bottom: 0; }
.contactsMap .mCSB_inside > .mCSB_container { margin-right: 16px; }
.contactMapCtn { height: 640px; width: 100%; display: block; background: rgba(243,243,243,1); }
#mapContainer { display: block; width: 100%; height: 100%; }
/****** contactsMap */

/****** product */
.productGallery { padding: 0 20px; border: 1px solid #e8e8e8; border-bottom: 0; }
.pgButton { border: 1px solid #e8e8e8; border-top: 0; padding: 10px; margin-bottom: 10px; }
.productGallery .magnify { cursor: pointer; position: absolute; left: 0; top: 0; width: 60px; height: 60px; line-height: 60px; font-size: 28px; text-align: center; background: rgba(0, 0, 0, 0.6); color: #fff; transition: all ease .4s; }
.productGallery .magnify:hover { background: #000; }
.productGallery .carousel figure { margin: 0; }
.productGallery .carousel-cell { width: 100%; counter-increment: carousel-cell; }
.productGallery .carousel-main { }
.productGallery .carousel-main figure img { width: 100%; }
.productGallery .carousel-main .flickity-prev-next-button { opacity: .25; transition: all ease .4s; }
.productGallery .carousel-main .flickity-prev-next-button:hover { opacity: 1; }
.productGallery .carousel-main .flickity-prev-next-button.previous { left: -28px; }
.productGallery .carousel-main .flickity-prev-next-button.next { right: -28px; }
.productGallery .carousel-main .flickity-button { background: none; }
.productGallery.fadeSlider .carousel-main .flickity-slider { transform: none !important; }
.productGallery.fadeSlider .carousel-main .carousel-cell { left: 0 !important; opacity: 0; transition: opacity 1s ease-in-out; z-index: -1; }
.productGallery.fadeSlider .carousel-main .carousel-cell.is-selected { opacity: 1; z-index: 0 }
.product { margin-bottom: 30px; }
.product .featureLinks { display: inline-block; }
.product .featureLinks a { text-align: center; transition: all ease .4s; height: 76px; float: left; padding: 10px 5px; display: block; width: 53px; background: #fbfbfc; border-radius: 12px; margin: 0 3px; }
.product .featureLinks a i { color: #797878; display: inline-block; width: 32px; height: 32px; line-height: 32px; text-align: center; border: 1px solid #797878; border-radius: 50%; font-size: 15px; }
.product .featureLinks a span { color: #797878; text-align: center; display: block; padding-top: 8px; font-size: 9px; line-height: 10px; font-weight: 600; }
.product .featureLinks a:hover { background-color: #ebebeb; color: #797878; }
.product .links { padding: 0; display: block; margin-bottom: 20px; list-style: none; }
.product .links li { display: block; margin-bottom: 1px; }
.product .links a { display: inline-block; padding: 2px 4px; font-size: 14px; transition: all ease .3s; }
.product .links a.active,
.product .links a:hover { background: #b7efe2; color: #000; }
.product .colorLinks { display: block; }
.product .colorLinks a { text-transform: uppercase; font-weight: 500; border: 1px solid #dfdfdf; padding: 3px 8px; font-size: 13px; color: #9e9c9d; letter-spacing: -1px; border-radius: 1px; background: #dfdfdf; display: inline-block; margin: 0 4px 4px 4px; transition: all ease .3s;}
.product .colorLinks a:hover { border-color: #ccc; background: #f5f5f5; color: #9e9c9d; }
.product .colorLinks a.active { cursor: default; background: #fff; }
.product .colorBoxs { display: block; }
.product .colorBoxs a { position: relative; text-transform: uppercase; font-weight: 500; border: 1px solid #dfdfdf; width: 50px; height: 50px; font-size: 13px; color: #aaa; letter-spacing: 0px; border-radius: 1px; background: #dfdfdf; display: inline-block; margin: 0 4px 4px 0; transition: all ease .3s; text-align:center; }
.product .colorBoxs a span { display: block; position: absolute; left: 50%; top: 50%; font-size: 9px; transform: translateX(-50%) translateY(-50%); }
.product .colorBoxs a:not(.active):hover { border-color: #ccc; background: #f5f5f5; opacity: .8; }
.product .colorBoxs a.active { cursor: default; background: #fff; }

/****** productGallery */

/****** compareTable */
.compareTable { display: block; }
.compareTable:after { content: ""; clear: both; display: block; }
.compareTable .leftColumn { float: left; width: 140px; text-align: right; }
.compareTable .leftColumn > .empty { height: 304px; }
.compareTable .leftColumn table td { font-weight: bold !important; border-color: transparent; }
.compareTable .rightColumn { float: left; width: calc(100% - 140px); overflow: hidden; overflow-x: auto; }
.compareTable .rightColumn:after { content: ""; clear: both; display: block; }
.compareTable .rightColumn table tr:last-child td { border-bottom: 1px solid #dee2e6; }
.compareTable .rightColumn .card { width: 275px; margin-left: 40px; }
.compareTable .rightColumn .card figure { height: 242px; position: relative; }
.compareTable .rightColumn .card figure img { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; }
.compareTable .card { float: left; position: relative; z-index: 1; transition: all .3s linear; border: 0; }
.compareTable .card figure { margin: 0; position: relative; border: 1px solid #e8e8e8; border-bottom: 0; }
.compareTable .card .card-body { position: relative; padding: 12px 16px; background: #fbfbfb; }
.compareTable .card .card-body:before { transition: all .3s linear; content: ""; z-index: 1; position: absolute; top: -24px; left: 1px; width: calc(100% - 2px); height: 24px; opacity: .3; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmQ2ZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(214,214,214,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(214,214,214,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(214,214,214,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(214,214,214,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(214,214,214,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(214,214,214,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#d6d6d6',GradientType=0 ); }
.compareTable .card .card-body:after { content: ""; position: absolute; left: 0; right: 0; top: -24px; z-index: 2; margin: auto; border-color: transparent transparent #fbfbfb transparent; border-style: solid; border-width: 12px; width: 0px; height: 0px; }
.compareTable .card .card-title { font-size: 16px; margin: 0; padding-bottom: 5px; }
.compareTable .card .card-text { font-size: 14px; margin: 0; line-height: 14px; }
.compareTable .card .removeIcon { color: #fff; z-index: 2; position: absolute; left: -24px; top: 0; background: #979797; font-size: 12px; padding: 3px 6px; transition: all ease .3s; cursor: pointer; }
.compareTable .card .removeIcon:hover { background: #cd6060; }
.compareTable.style2 .leftColumn { text-align: left; padding-left: 60px; width: 180px; }
.compareTable.style2 .leftColumn > .empty { height: 354px; }
.compareTable.style2 .rightColumn { width: calc(100% - 180px); }
.compareTable.style2 .rightColumn .table { margin-top: 50px; }
.compareTable.style2 .rightColumn .table td { background: #fbfbfa; border-color: #c0c0c0; }
.compareTable.style2 .card .card-body:before { content: none; }
/****** compareTable */

/****** landing */
.landing-abs { position: relative; margin-bottom: 30px; }
.top-abs { position: absolute; top: 0; width: 100%; z-index: 1; left: 0; right: 0; margin: auto; }
.top-abs .detail-cuspad { background: #fff; padding: 12px 330px 12px 40px; }
.top-abs .detail { background: #fff; padding: 24px; }
.top-abs .detail img { display: inline-block; margin-bottom: 4px; }
.mid-abs { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; z-index: 1; left: 0; right: 0; margin: auto; }
.mid-abs .textHolder { display: inline-block; width: calc(100% - 55px); text-align: left; }
.mid-abs img { vertical-align: top; }

.landing-fluid { background: #191818; color: #fff; }
.landing-mid-fluid { text-align: center; color: #fff; }


@media (max-width: 1200px) {
    .top-abs .detail-cuspad { padding: 12px 144px 12px 40px; }
}

@media (max-width: 991px) {
    .top-abs .detail-cuspad { padding: 12px 80px 12px 40px; }
}
/****** landing */


/****** custom-padding */
.padd-100 { padding: 100px; }
.padd-lr { padding-left: 8.333333333%; padding-right: 8.333333333%; }

@media (max-width: 1200px) {
    .padd-100 { padding: 25px; }
}
/****** custom-padding */


@media (max-width: 992px){
    .pageCover .lpOverImg { margin-top: 20px; }
    .lpOverImg .edgeContainer .cf { font-size: 1rem !important; }
    .lpOverImg .edgeContainer .fs16px { font-size: 12px !important; }
    .mid-abs .textHolder .cf { font-size: 1rem !important; }
    .mid-abs .textHolder .fs16px { font-size: 12px !important; }
    .mid-abs { top: 45%; transform: translateY(-45%); }
    .mid-abs img { width: 25px; height: 25px; }
    .btn-absolute-middle-subbot { bottom: 36%; transform: translate(-50%, -36%); }
}

@media (max-width: 767px){
    .pageCover .lpOverImg { margin-top: 15px; }
    .pageCover .virtualBackground { width: 120%; max-width: 120%; transform: translateX(-12.5%); }
    .lpOverImg .edgeContainer .cf { font-size: .75rem !important; }
    .lpOverImg .edgeContainer .fs16px { font-size: 10px !important; }
    .mid-abs .textHolder .cf { font-size: .75rem !important; }
    .mid-abs .textHolder .fs16px { font-size: 10px !important; }
    .mid-abs { top: 40%; transform: translateY(-40%); }
    .mid-abs img { width: 25px; height: 25px; }
    .btn-absolute-middle-subbot { bottom: 38.5%; transform: translate(-50%, -38.5%); }
}

@media (max-width: 576px) {
    .pageCover .virtualBackground { width: 164%; max-width: 164%; transform: translateX(-23%); }
    .mid-abs { top: 40%; transform: translateY(-40%); }
    .mid-abs img { width: 20px; height: 20px; }
}

@media (max-width: 400px) {
    .pageCover .virtualBackground { width: 180%; max-width: 180%; transform: translateX(-26.5%); }
    .mid-abs .flex-col { padding: 0; }
    .btn-absolute-middle-subbot { color: #cd6060; border-color: #cd6060; padding: 10px 20px; bottom: 34%; transform: translate(-50%, -34%); }
    .btn-absolute-middle-subbot:hover { color: #fff; background-color: #cd6060; }
}

/****** coloredBoxs */
.coloredBoxs { color: #fff; }
.coloredBoxs .title { font-size: 22px; letter-spacing: -.5px; }
.coloredBoxs p { max-width: 300px; }
.coloredBoxs .boxItem { margin-bottom: 30px; }
.coloredBoxs .itemTexts { padding: 10px; }
.coloredBoxs .btn.btn-outline-dark { color: #fff; }

@media (min-width: 768px) {
    .coloredBoxs .itemTexts { padding: 20px 0 0 20px; }
}

@media (min-width: 992px) {
    .coloredBoxs .title { font-size: 26px; }
    .coloredBoxs .itemTexts { padding: 40px 0 0 40px; }
}

@media (min-width: 1200px) {
    .coloredBoxs .title { font-size: 34px; }
    .coloredBoxs .itemTexts { padding: 80px 0 0 80px; }
}
/****** coloredBoxs */

/****** landingSlider */
.landingSlider { margin-bottom: 30px; position: relative; height: 580px; background-image: url('../examples/landing-geom--slayt-bg.jpg'); background-size: cover; background-position: center center; }
.landingSlider .slideCtn { position: relative; left: -140px; }
.landingSlider .sliderContent { }
.landingSlider .slide-item { width: 100%; padding-top: 70px; }
.landingSlider.fadeSlider .slideCtn .flickity-slider { transform: none !important; }
.landingSlider.fadeSlider .slideCtn .slide-item { left: -50px !important; opacity: 0; transition: all ease .5s; z-index: -1; }
.landingSlider.fadeSlider .slideCtn .slide-item.is-selected { opacity: 1; z-index: 0; left: 0 !important; }
.landingSlider .detail { position: absolute; top: 120px; right: 0; width: 400px; color: #727272; }
.landingSlider .detail h4 { font-size: 32px; }
.landingSlider .container:before { position: absolute; width: 820px; height: 358px; background: #fff; top: 76px; right: 0; content: ""; }
.landingSlider .thumbContent { padding-top: 40px; }
.landingSlider .thumbContent:after { content: ""; clear: both; display: block; }
.landingSlider .thumbContent .thumb-item { cursor: pointer; position: relative; opacity: .5; float: left; margin: 0 5px; transition: all ease .3s; }
.landingSlider .thumbContent .thumb-item:hover { opacity: .7; }
.landingSlider .thumbContent .thumb-item:after { content: ""; border-color: #848484 transparent transparent transparent; border-style: solid; border-width: 8px 8px 0px 8px; width: 0px; height: 0px; top: -40px; left: 0; right: 0; margin: auto; opacity: 0; transition: all ease .5s; position: absolute; }
.landingSlider .thumbContent .thumb-item.active:after { top: -20px; opacity: 1; }
.landingSlider .thumbContent .thumb-item.active { opacity: 1; }
.landingSlider2 { margin-bottom: 80px; }
.landingSlider2 .ctn { position: relative; height: 580px; background-image: url('../examples/bg-img-1.jpg'); background-repeat: no-repeat; background-position: right center; }
.landingSlider2 .ctn .row { width: 100%; }
.landingSlider2.bg2 .ctn { background-image: url('../examples/bg-img-2.jpg'); background-position: left center; }
.landingSlider2.bg3 .ctn { background-image: url('../examples/bg-img-3.jpg'); }
.landingSlider2 .ctn { position: relative; height: 580px; background-color: #fff; }
.landingSlider2 .sliderContent { z-index: 1; position: relative; left: -80px; }
.landingSlider2.bg3 .sliderContent,
.landingSlider2.bg2 .sliderContent { left: initial; }
.landingSlider2 .flickity-slider { transform: none !important; }
.landingSlider2 .slide-item { left: 0 !important; top: 0; opacity: 0; /*transition: all linear 2s;*/ z-index: -1; }
.landingSlider2 .slide-item.is-selected { opacity: 1; z-index: 0; top: 0 !important; }
.landingSlider2 .slide-item { width: 100%; position: relative; height: 580px; }
.landingSlider2.bg2 .slide-item,
.landingSlider2.bg3 .slide-item { height: 680px; }
.landingSlider2 .slide-item-ctn { position: relative; overflow: hidden; height: 100%; }
.landingSlider2 .slide-item img { z-index: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }
.landingSlider2.bg3 .slide-item img { top: 60px; }
.landingSlider2 .slide-item .shadow { overflow: hidden; z-index: 0; position: absolute; top: 40px; left: 0; right: 0; bottom: 0; margin: auto; opacity: 0; transition: all linear 1s; }
.landingSlider2.bg3 .slide-item .shadow { top: 20px; }
.landingSlider2 .slide-item.is-selected .shadow { opacity: 1; transition-delay: .4s; top: 0; }
.landingSlider2 .slide-item .text { z-index: 2; overflow: hidden; position: absolute; left: 80px; top: 0; height: 172px; font-size: 28px; color: #9099a7; font-style: italic; font-weight: bold; }
.landingSlider2 .slide-item .text .title { opacity: 0; transition: all ease 1s; transition-delay: 0; }
.landingSlider2.bg3 .slide-item .text .title { color: #ccbea6; }
.landingSlider2 .slide-item .text .line { overflow: hidden; width: 0; height: 132px; transition: width linear 1s; position: absolute; bottom: 0; right: 0; }
.landingSlider2 .slide-item .text .line:after { position: absolute; right: 78px; top: 0; width: 160px; height: 1px; background-color: #888888; content: ""; transition: all linear 1s; transition-delay: 1s; }
.landingSlider2 .slide-item .text .line span { display: block; width: 80px; height: 132px; position: absolute; right: 0; bottom: 0; }
.landingSlider2 .slide-item .text .line span:before { content: ""; position: absolute; bottom: 0; right: 1px; width: 5px; height: 5px; border-radius: 50%; background: #000000; }
.landingSlider2 .slide-item .text .line span:after { position: absolute; bottom: 0; left: 40px; content: ""; width: 1px; height: 132px; display: block; margin: auto; background: #000000; -webkit-transform: skew(30deg, 0deg); -moz-transform: skew(30deg, 0deg); -o-transform: skew(30deg, 0deg); -ms-transform: skew(30deg, 0deg); transform: skew(30deg, 0deg); }
.landingSlider2.bg3 .slide-item .text .line span { height: 180px; width: 172px; }
.landingSlider2.bg3 .slide-item .text .line span:after { left: 91px; -webkit-transform: skew(50deg, 0deg); -moz-transform: skew(50deg, 0deg); -o-transform: skew(50deg, 0deg); -ms-transform: skew(50deg, 0deg); transform: skew(50deg, 0deg); }
.landingSlider2.bg3 .slide-item .text .line:after { right: 160px; width: 200px; }
.landingSlider2 .slide-item .text { width: 300px; }
.landingSlider2.bg3 .slide-item .text { left: 0; width: 436px; }
.landingSlider2 .slide-item.is-selected .text .line { width: 100%; }
.landingSlider2.bg3 .slide-item.is-selected .text .line { width: 350px; }
.landingSlider2 .slide-item.is-selected .text .title { opacity: 1; }
.landingSlider2 .sliderContent.active .slide-item.is-selected .text .line { transition: width linear 2s; transition-delay: 1.5s; }
.landingSlider2 .sliderContent.active .slide-item .text .title { transition-delay: 1.5s; }
.landingSlider2 .detail { padding-top: 70px; color: #fff; }
.landingSlider2 .detail h4 { font-size: 30px; padding-bottom: 15px; }
.landingSlider2.bg2 .detail h4 { padding-left: 36px; }
.landingSlider2.bg2 .detail p { padding-left: 36px; }
.landingSlider2.bg2 .detail .buttons { padding-left: 36px; }
.landingSlider2 .colorSelect { position: relative; display: block; padding: 25px; margin-bottom: 30px; margin-top: 50px; }
.landingSlider2 .colorSelect > * { position: relative; z-index: 1; }
.landingSlider2 .colorSelect:after { content: ""; position: absolute; top: 0; left: 0; z-index: 0; display: block; background: #fff; height: 100%; width: calc(100% + 12px); }
.landingSlider2 .colorSelect .title { font-size: 18px; display: inline-block; padding: 8px 15px; text-align: center; min-width: 178px; border: 1px solid #cacaca; color: rgba(0, 0, 0, 0.50); }
.landingSlider2 .colorSelect .colors { display: block; padding-top: 30px; }
.landingSlider2 .colorSelect .colors:after { display: block; content: ""; clear: both; }
.landingSlider2 .colorSelect .color { cursor: pointer; position: relative; float: left; display: block; height: 56px; width: 56px; background: #fff; margin-right: 5px; }
.landingSlider2 .colorSelect .colors.style2 .color { margin-right: 0; margin-left: 5px; }
.landingSlider2 .colorSelect .color.c1 { background: #8e96a5; }
.landingSlider2 .colorSelect .color.c2 { background: #ccbea6; }
.landingSlider2 .colorSelect .color.c3 { background: #7c7a7c; }
.landingSlider2 .colorSelect .color:after { content: ""; border-color: #848484 transparent transparent transparent; border-style: solid; border-width: 8px 8px 0px 8px; width: 0px; height: 0px; top: -40px; left: 0; right: 0; margin: auto; opacity: 0; transition: all ease .5s; position: absolute; }
.landingSlider2 .colorSelect .color.active:after { top: -20px; opacity: 1; }
.landingSlider2 .colorSelect .color.active { opacity: 1; }
.landingSlider2.bg2 .slide-item .text { left: initial; right: 0; width: 380px; }
.landingSlider2.bg2 .slide-item .text .title { text-align: right; }
.landingSlider2.bg2 .slide-item .text .line:after { right: initial; left: 78px; width: 220px; }
.landingSlider2.bg2 .slide-item .text .line,
.landingSlider2.bg2 .slide-item .text .line span,
.landingSlider2.bg2 .slide-item .text .line span:before { right: initial; left: 0; }
.landingSlider2.bg2 .slide-item .text .line span:after { -webkit-transform: skew(-30deg, 0deg); -moz-transform: skew(-30deg, 0deg); -o-transform: skew(-30deg, 0deg); -ms-transform: skew(-30deg, 0deg); transform: skew(-30deg, 0deg); }
.landingSliderMusluk { position: relative; display: block; margin-bottom: 80px; }
.landingSliderMusluk:after { content: ""; width: 100%; position: absolute; left: 0; bottom: 0; height: 40px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(250,250,250,1)), color-stop(100%,rgba(255,255,255,0))); background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(255,255,255,0) 100%); background: -o-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(255,255,255,0) 100%); background: -ms-linear-gradient(top, rgba(250,250,250,1) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(250,250,250,1) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#00ffffff',GradientType=0 ); }
.landingSliderMusluk .slide-item { width: 100%; position: relative; text-align: center; }
.landingSliderMusluk .slide-item .container { position: relative; }


.absoluteMetaContainer { position: absolute; left: 0; right: 0; margin: 0 auto; top: 0; }
.absoluteMetaContainer .meta { text-align: left; background: #fff; max-width: 300px; padding: 20px; }
.absoluteMetaContainer .meta h4 { font-size: 34px; padding-bottom: 20px; }
.absoluteMetaContainer .meta p { padding-bottom: 40px; }


.landingSliderMusluk .slide-item figure { position: relative; }
.landingSliderMusluk .slide-item figure img { position: relative; z-index: 1; top: -10px; }
.landingSliderMusluk .slide-item figure:after { content: ""; display: block; z-index: 0; position: absolute; opacity: 0; width: 100%; height: 100%; left: 0; top: 10px; margin: 0; background-image: url('../examples/slide-muslek-golge.png'); background-size: contain; background-position: center center; background-repeat: no-repeat; transition: all ease 1s; transition-delay: .2s; }
.landingSliderMusluk .slide-item.is-selected figure:after { top: 0; opacity: 1; }
.landingSliderMusluk .slide-item.is-selected figure img { top: 0; transition: all ease 1s; transition-delay: .2s; }
.landingSliderMusluk .flickity-page-dots { z-index: 2; }
.landingSliderMusluk .flickity-page-dots .dot { opacity: 1; position: relative; width: 48px; height: 48px; }
.landingSliderMusluk .flickity-page-dots .dot:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('../examples/slide-button-bubble.png'); background-size: contain; }
.landingSliderMusluk .flickity-page-dots .dot:after { content: ""; border-color: transparent transparent #848484 transparent; border-style: solid; border-width: 0px 8px 8px 8px; width: 0px; height: 0px; bottom: -40px; left: 0; right: 0; margin: auto; opacity: 0; transition: all ease .5s; position: absolute; }
.landingSliderMusluk .flickity-page-dots .dot.is-selected:after { bottom: -20px; opacity: 1; }
.landingSliderMusluk .flickity-page-dots .dot.is-selected { opacity: 1; }
/****** landingSlider */

/****** pageToTop */
.pageToTop { display: block; visibility: hidden; opacity: 0; width: 40px; height: 40px; transition: all ease .4s; line-height: 40px; position: fixed; text-align: center; bottom: 60px; right: 20px; background: #fff; border: 1px solid #666; box-shadow: 0 1px 3px #ddd; }
.pageToTop.active { visibility: visible; opacity: 1; }
.pageToTop:hover { color: #000; box-shadow: 0 2px 6px #bbb; }
body.compareBarOpen .pageToTop { bottom: 141px; }
/****** pageToTop */

.bg-grey { position: relative; }
.bg-grey:before { position: absolute; z-index: -1; background: #d6d6d6; height: 62%; width: 100%; content: ""; }

figure.abs { position: relative; margin: 0; }
figure.abs img { position: relative; z-index: 2; top: -40px; transition: all ease 1s; }
figure.abs img:last-child { position: absolute; left: 0; top: 60px; z-index: 1; opacity: 0; }
figure.abs.active img { top: 0; }
figure.abs.active img:last-child { top: 0; opacity: 1; }

.landing-foglia { margin-top: 100px; margin-bottom: 100px; }
.landing-foglia .container { overflow: hidden; position: relative; height: 100%; padding-top: 100px; background-image: url('../examples/landing-foglia-bg.jpg'); background-size: contain; background-position: left top; background-repeat: no-repeat; }
.landing-foglia .container img { position: relative; max-width: initial; width: 80%; left: -40%; transition: all ease 1s; }
.landing-foglia .text { z-index: 2; position: absolute; font-size: 20px; width: 40%; left: 50%; top: 230px; color: #aaa; transition: all ease 1s; }
.landing-foglia:hover .container img { left: 10%; }
.landing-foglia:hover .container .text { left: calc(10% + 50px); color: #fff; text-shadow: 0 0 10px #8c8c8c; }

.defne-koz { margin-bottom: 20px; }
.defne-koz .defne-koz-ctn { background: #020302; background-image: url('../examples/defne-koz-bg.jpg'); background-position: right bottom; background-repeat: no-repeat; background-size: contain; }
.defne-koz .defneKoz { margin: 0; overflow: hidden; }
/*.defne-koz .defneKoz img { position: relative; left: -80px; transition: all cubic-bezier(0.455, 0.03, 0.515, 0.955) .8s; }*/
.defne-koz .defneKoz img { left: 0; }
.defne-koz .defne-text { padding-top: 40%; }

@media (max-width: 768px) {
    .defne-koz .defneKoz img { left: -50px; }
    .defne-koz .defne-text { padding-top: 25%; }
}

.foglia-img-1 { overflow: hidden; position: relative; text-align: right; }
.foglia-img-1 img { right: -250px; position: relative; display: inline-block; transition: all cubic-bezier(0.455, 0.03, 0.515, 0.955) .8s; }
.foglia-imgs { padding-top: 60px; padding-bottom: 200px; }
.foglia-imgs:hover .foglia-img-1 img { right: 0; }
.foglia-img-2 { overflow: hidden; position: absolute; top: calc(100% - 300px); left: -100px; transition: all cubic-bezier(0.455, 0.03, 0.515, 0.955) .8s; }
.foglia-imgs:hover .foglia-img-2 { left: 0; }
.foglia-img-ctn { padding: 0 20px; padding-top: 120px; background: #f9f9f9; }
.foglia-img-3 { display: block; width: 100%; text-align: center; opacity: .3; transition: all cubic-bezier(0.455, 0.03, 0.515, 0.955) .8s; }
.foglia-img-3 img { display: inline-block; }
.foglia-imgs-2:hover .foglia-img-3 { opacity: 1; }

@media (max-width: 768px) {
    .foglia-img-1 img { right: -150px; }
    .foglia-img-2 { top: calc(100% - 200px); }
    .foglia-img-2 img { width: 70%; }
}

.foglia-armatur-ctn { position: relative; overflow: hidden; }
.foglia-armatur-ctn figure { margin: 0; display: block; text-align: center; }
.foglia-armatur-ctn figure img { display: inline-block; }
.foglia-armatur-ctn figure.foglia-img-4 { bottom: -200px; position: relative; transition: all cubic-bezier(0.455, 0.03, 0.515, 0.955) .8s; }
.foglia-armatur:hover figure.foglia-img-4 { bottom: 0; }
.foglia-armatur-ctn figure.foglia-img-5 { right: -50%; display: inline-block; position: relative; transition: all cubic-bezier(0.455, 0.03, 0.515, 0.955) .8s; }
.foglia-armatur:hover figure.foglia-img-5 { right: 0; }

@media (max-width: 768px) {
    .foglia-armatur-ctn figure.foglia-img-4 { bottom: -100px; }
    .foglia-armatur-ctn .foglia-img-4 img { width: 60% }
    .foglia-armatur-ctn .foglia-img-5 img { width: 80% }
}

@media (max-width: 580px) {
    .foglia-armatur figure.foglia-img-4 { bottom: 0; }
    .foglia-armatur figure.foglia-img-4:after { content: ""; display: block; height: 200px; width: 100%; position: absolute; left: 0; right: 0; bottom: 0; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMDIiLz4KICAgIDxzdG9wIG9mZnNldD0iOTklIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.02) 2%, rgba(0,0,0,1) 99%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(2%,rgba(0,0,0,0.02)), color-stop(99%,rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.02) 2%,rgba(0,0,0,1) 99%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.02) 2%,rgba(0,0,0,1) 99%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.02) 2%,rgba(0,0,0,1) 99%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.02) 2%,rgba(0,0,0,1) 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); }
    .foglia-armatur-ctn .foglia-img-4 img { width: 200px; }
    .foglia-armatur-ctn figure.foglia-img-5 { right: 0; padding-bottom: 50px; }
    .foglia-armatur-ctn .foglia-img-5 img { width: calc(100% - 40px); }
}


.foglia-banyo { position: relative; }
.foglia-banyo .foglia-banyo-ctn { padding: 0 20px; position: relative; overflow: hidden; }
.foglia-banyo img { right: -42%; position: relative; transition: all cubic-bezier(0.455, 0.03, 0.515, 0.955) 1.2s; }
.foglia-banyo .row { padding: 20px; max-width: 1100px; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); width: 100%; }
.foglia-banyo .row > * { opacity: 0; transition: all cubic-bezier(0.455, 0.03, 0.515, 0.955) .6s; }
.foglia-banyo .row > *:first-child { opacity: 1; }

@media (min-width: 581px) {
    .foglia-banyo:hover img { right: 42%; }
    .foglia-banyo:hover .row > *:first-child { opacity: 0; }
    .foglia-banyo:hover .row > *:last-child { opacity: 1; }
}

@media (max-width: 580px) {
    .foglia-banyo .row { position: relative; top: initial; left: initial; transform: initial; width: 100%; }
    .foglia-banyo img { right: 0; }
}

.foglia-last-ctn { background: #fcfcfc; padding: 30px 0; overflow: hidden; }
.foglia-last-ctn img { display: inline-block; position: relative; transition: all cubic-bezier(0.455, 0.03, 0.515, 0.955) .6s; }

.foglia-last-ctn .img-1 img { bottom: -150px; }
.foglia-last-ctn .img-2 img { opacity: .3; }
.foglia-last-ctn .img-3 img { top: -150px; }

@media (max-width: 768px) {
    .foglia-last-ctn img { width: 80%; }
}

@media (min-width: 581px) {
    .foglia-last:hover .img-1 img { bottom: 0; }
    .foglia-last:hover .img-2 img { opacity: 1; }
    .foglia-last:hover .img-3 img { top: 0; }
}

@media (max-width: 580px) {
    .foglia-last .img-1 img { bottom: 0; }
    .foglia-last .img-2 img { opacity: 1; }
    .foglia-last .img-3 img { top: 0; }
}

@media only screen and (max-width:1280px) {
    .landingSlider2 .sliderContent { left: -30px; }
}

@media only screen and (max-width: 1024px) {

    .landingSlider2 .ctn { background-position: 300px center }
    .landingSlider2.bg2 .ctn { background-position: -100px center }
    .landingSlider2 .slide-item .text { left: 0; }
    .landingSlider2 .slide-item { height: 480px; }
    .landingSlider2.bg2 .slide-item { height: 580px; }
    .landingSlider2.bg3 .slide-item { height: 580px; }
    .landingSlider2.bg2 .slide-item .text { width: 300px; }
    .landingSlider2.bg2 .slide-item .text .line:after { width: 160px; }

    .landingSlider2 .sliderContent { left: 0; }
    .navbar-light .navbar-toggler { border-radius: 0; }
    .slider { height: 400px; }
    .pageCover .slider { height: 400px; }
    .slider .item .meta.centerText .bigText,
    .slider .item .meta.textRight .bigText,
    .slider .item .meta.textLeft .bigText { font-size: 28px; text-shadow: 1px 1px 1px #444;}
    .slider .item .meta.centerText .smallText,
    .slider .item .meta.textRight .smallText,
    .slider .item .meta.textLeft .smallText { font-size: 16px; text-shadow: 1px 1px 1px #444;}
    .pageCover .meta { width: 230px; font-size: 38px; line-height: 48px; padding: 80px 40px 0 0; }
    .pageCover .meta .icon360 { bottom: 40px; right: 40px; }
    .lastNews .cardBox { width: 33.33%; }
    .lifecycle .numberItemVerticalList,
    .numberItemVerticalList { padding: 14px; }

    .homeBoxs .box.horizontal .text { padding: 30px; }
    .homeBoxs .box.horizontal .text .title { font-size: 22px; line-height: 26px; padding-bottom: 5px; }
    .homeBoxs .box.horizontal .text .title2 { font-size: 22px; line-height: 26px; padding-bottom: 5px; padding-top:0%; }
    .homeBoxs .box.box2.horizontal .text a { right: 30px; bottom: 30px; }
    .homeBoxs .box.horizontal .text .description { padding-left: 0; }

    .facilities .facility .number { font-size: 70px; line-height: 74px; }



    .landingSlider .slideCtn { left: 0; }
    .landingSlider.fadeSlider .slideCtn .slide-item { max-width: 680px; }
}

@media only screen and (max-width: 993px) {
    [for="productFilterMenu"] { width: 100%; cursor: pointer; display: block !important; border: 1px solid #e8e8e8; color: #4c4c4c; padding: 0 10px; line-height: 46px; height: 46px; font-weight: bold; }
    [for="productFilterMenu"] > i { vertical-align: bottom; display: inline-block; font-size: 24px; }
    .productFilterColumn { position: fixed; top: 0; right: -100%; height: 100%; width: 100%; background: rgba(76, 76, 76, 0.33); z-index: 99; padding: 10px; transition: all ease 1.5s; }
    #productFilterMenu:checked + .productFilterColumn { right: 0; }
    .productFilterClose { text-align: center; padding: 0; display: block; width: 32px; height: 32px; line-height: 30px; position: absolute; right: 25px; top: 20px; font-size: 14px; }
    .productFilterClose i { font-size: 14px; }

    .productFilterColumnCtn { padding: 10px; padding-top: 60px; background: #fff; max-width: 280px; float: right; height: 100%; max-height: 100%; overflow: hidden; overflow-y: auto; }

    .dropdown.onStyle > a.btn-outline-light { width: 100% !important; }

    .dropdown.onStyle .dropdown-menu { height: initial; }
}

@media only screen and (max-width: 768px) {
    .pageCover .metaContainer_2.meta-right { width: 320px; }
    .pageCover .metaContainer_2.meta-right h3 { font-size: 44px; }

    .landing-foglia .text { position: absolute; font-size: 16px; width: 50%; left: 43%; top: 180px; }
    .landingSlider { height: initial; }
    .landingSlider.fadeSlider .slideCtn .slide-item { max-width: 100%; }
    .landingSlider .detail { position: relative; top: 20px; }
    .landingSlider .container:before { bottom: -40px; top: initial; }
    .landingSlider .slide-item { padding-top: 20px; padding-bottom: 20px; }
    .landingSlider2 .detail { padding-top: 20px; }
    .landingSlider2 .slide-item { height: 440px; }
    .landingSlider2.bg2 .slide-item { height: 440px; }
    .landingSlider2.bg3 .slide-item { height: 440px; }
    .landingSlider2 .detail h4 { font-size: 22px; }
    .landingSlider2 .detail p { font-size: 14px; line-height: 18px; padding-right: 20px; }
    .landingSlider2 .colorSelect { margin: 0; margin-bottom: 20px; }
    .landingSlider2 .ctn { height: 470px; }
    .landingSlider2.bg2 .ctn { background-position: -250px center; }
    .landingSlider2.bg3 .slide-item .text { width: 340px; }
    .landingSlider2.bg3 .slide-item .text .line:after { width: 100px; }
    body { padding-top: 84px; }
    header .navbar { padding: 10px 8px; }
    header .navbar .dropdown-menu { display: none; }
    header .navbar .dropdown-menu.show { display: block; }
    header .navbar-brand { position: absolute; right: 0; top: 10px; }
    #headerSearch { margin-left: 0; width: 100%; }
    #headerSearch input { width: 100%; }
    .slider { height: 306px; }
    .pageCover .slider { height: 306px; }
    .slider .item .meta.centerText .bigText,
    .slider .item .meta.textRight .bigText,
    .slider .item .meta.textLeft .bigText { font-size: 28px; text-shadow: 1px 1px 1px #444;}
    .slider .item .meta.centerText .smallText,
    .slider .item .meta.textRight .smallText,
    .slider .item .meta.textLeft .smallText { font-size: 16px; text-shadow: 1px 1px 1px #444;}
    .combineIdeas .box { width: 33.33% }
    .searchForms { padding-bottom: 0; }
    .formSingle { margin-bottom: 30px; }
    footer .socials { text-align: left; padding-top: 20px; }
    .newsDetail .newsContent { padding-top: 30px; }

    .pageCover.active .metaContainer .textContent .title { font-size: 20px; }
    .pageCover.active .metaContainer .textContent .text { font-size: 13px; line-height: 14px; }
    .pageCover.active .metaContainer .textContent .title.fs53px { font-size: 26px !important; }
    .pageCover.active .metaContainer { width: 280px; }
    .pageCover .metaContainer .icon360 { bottom: 30px; right: 80px; }

    .lastNews .cardBox { width: 50%; }

    .files.dark a.file { width: 150px; margin-bottom: 0; }
    .files.dark a.file span.title { font-size: 13px; }

    .lifePark .features { margin: 40px 0 60px 0; }

    .investmentExport .statistics .card { margin-bottom: 20px; }

    .homeBoxs .box figure img { width: 100%; }
    .homeBoxs .box.box2.horizontal .text { padding: 10px; }
    .homeBoxs .box.box2.horizontal .text .title { padding-top: 5px; padding-left: 10px; display: inline-block; font-size: 16px; font-weight: 500 }
    .homeBoxs .box.box2.horizontal .text .description { display: none; }
    .homeBoxs .box.box2.horizontal .text a { float: right; display: inline-block; position: static; padding: 8px 10px; }
    .homeBoxs .box.vertical figure { width: 50%; }
    .homeBoxs .box.vertical .text { width: 50%; left: initial; right: 0; top: 0; height: 100%; padding-top: 150px; }
    .homeBoxs .box.vertical:hover .text { padding-top: 140px; }
    .homeBoxs .box.box5.horizontal .text a { position: static; right: initial; bottom: initial; }
    .homeBoxs .box.box5.horizontal .text .description { padding-bottom: 10px; }
    .homeBoxs .box.centerStyle .title { line-height: 26px; padding-bottom: 10px; }
    .homeBoxs .box.centerStyle .description { font-size: 13px; }
    .homeBoxs .box.leftTop:hover .text span:before { width: 62px; }
    .homeBoxs .box.leftTop .text span:before { top: 23px; }
    .homeBoxs .box.centerStyle .text { width: calc(100% - 40px); }
    .references .refHorizontalScroll { overflow: hidden; overflow-x: auto; }
    .references .refHorizontalScroll > * { min-width: 500px; }

    .awardWinningDesigns .contents img { width: 40px; }
    .awardWinningDesigns .card-body { padding: 0 0 0 10px; }
    .awardWinningDesigns .card-title { margin: 0; }
    .awardWinningDesigns .card-text { font-size: 12px; line-height: 13px; }


    .landingSlider2.bg3 .slide-item img { top: 0; }
    .landingSlider2.bg3 .slide-item img,
    .landingSlider2 .slide-item img { max-height: 100%; }
    .landingSlider2.bg2 .ctn { background-size: cover; }
    .landingSlider2 .slide-item .text { display: none !important; }
    .landingSlider2 .slide-item .text { display: none !important; }

    .landingSlider2 .ctn { height: initial }
    .landingSlider2 .ctn { background-position: bottom center }
    .landingSlider2.bg2 .ctn { background-position: top center }
    .landingSlider2 .slide-item { height: 220px; }
    .landingSlider2.bg2 .slide-item { height: 220px; }
    .landingSlider2.bg3 .slide-item { height: 220px; }
    .landingSlider2 .detail { padding: 20px; padding-top: 0; }
    .landingSlider2.bg2 .detail { padding-top: 20px; }
    .landingSlider2 .detail h4 { font-size: 32px; }
    .landingSlider2.bg2 .detail h4,
    .landingSlider2.bg2 .detail .buttons,
    .landingSlider2.bg2 .detail p { padding-left: 0; }
    .landingSlider2.bg2 .sliderContent { left: -30px; }
}

@media only screen and (max-width: 576px) {
    .btn-outline-creavit-grey {  font-size: 22px; }

    .pageCover .metaContainer_2 { left: 10px; width: 80%; }
    .pageCover .metaContainer_2 h3 { font-size: 18px; }
    .pageCover .metaContainer_2 p { font-size: 14px; line-height: 15px; }
    .pageCover .metaContainer_2 { top: 10px; }
    .pageCover .metaContainer_2.meta-right { width: 180px; right: 10px; }
    .pageCover .metaContainer_2.meta-right h3 { font-size: 20px; }
    .pageCover .metaContainer_2.meta-right p { font-size: 15px; line-height: 16px; }
    .landing-foglia .container { padding-top: 50px; background-size: 150%; }
    .landing-foglia .container img { width: 90%; left: 5%; }
    .landing-foglia:hover .container img { left: 5%; }
    .landing-foglia .text { position: relative; font-size: 16px; width: 100%; left: initial; top: initial; text-align: center; padding-bottom: 40px; margin: 0; }

    .landing-foglia:hover .container .text { left: initial; color: #aaa; text-shadow: initial; }
    .absoluteMetaContainer { position: relative; }
    .absoluteMetaContainer .meta p { padding-bottom: 0; }
    .btn { white-space: initial !important; }
    .top-abs .detail { padding: 12px; }
    .landing-abs .top-abs { position: relative; }

    .pageCover.active .metaContainer { width: 220px; }
    .pageCover.active .metaContainer .textContent { right: 70px; top: 10px; }
    .pageCover.active .metaContainer .textContent .title { font-size: 16px; margin-bottom: 10px; }
    .pageCover.active .metaContainer .textContent .text { padding-left: 20px; font-size: 10px; line-height: 11px; }

    /*.pageCover .meta { width: 130px; font-size: 24px; line-height: 30px; padding: 20px 10px 0 0; }
    .pageCover.active .meta:after { width: 70px; }
    .pageCover .meta .icon360 { bottom: 10px; right: 10px; }
    .pageCover .meta .icon360 img { width: 40px; }*/


    .compareModalLink { padding: 14px !important; display: block; width: 100% !important; }
    .compareHidden:checked ~ .container .products { height: 280px; }
    .parallax-window { min-height: 180px; }
    .parallax-window.pw2 { min-height: 280px; }

    .landingSliderMusluk .slide-item .meta { display: block; width: 100%; max-width: 100%; position: relative; }
    .landingSliderMusluk .slide-item .meta h4 { font-size: 20px; padding-bottom: 0; }
    .landingSliderMusluk .slide-item .meta p { padding-bottom: 0; }


    .lifePark .features { margin-top: 0px; margin-bottom: 30px; }
    .lifePark .features .feature i { width: 80px; height: 80px; line-height: 80px; font-size: 32px; border: 2px solid #1094a4; }
    .lifePark .features .feature span { font-size: 12px; line-height: 14px; padding-top: 12px; }

    .dropdown-menu { height: 0; overflow: hidden; }
    .dropdown-menu.show { height: auto; }

    .homeBoxs .box.box2.horizontal .text .title,
    .homeBoxs .box.horizontal .text .title { font-size: 27px; line-height: 32px; letter-spacing: -1px; font-weight: bold; padding-bottom: 10px; }
    .homeBoxs .box.box2.horizontal .text .description,
    .homeBoxs .box.horizontal .text .description { display: block; padding-left: 0; padding-bottom: 10px; }
    .homeBoxs .box.box2.horizontal .text a,
    .homeBoxs .box.horizontal .text a { float: initial; position: initial; left: initial; right: initial; }
    .homeBoxs .box.vertical figure { width: 100%; }
    .homeBoxs .box.vertical .text { padding: 26px 40px; width: 100%; top: initial; height: initial; left: 0; right: initial; }
    .homeBoxs .box.vertical:hover .text { padding: 26px 40px; }

    footer h6 i { display: block; visibility: visible; }
    footer ul { overflow: hidden; visibility: hidden; height: 0; opacity: 0; }
    footer [type="checkbox"].footerHiddenMenu:checked + h6 { display: block; }
    footer [type="checkbox"].footerHiddenMenu:checked + h6 + ul { visibility: visible; opacity: 1; height: auto; transition: opacity ease .6s; }
    footer [type="checkbox"].footerHiddenMenu:checked + h6 i:before { content: "\f131"; }
    /*.stickyHeader header { padding-top: 0; }*/

    .breadcrumbCtn .currentPageTitle { font-size: 20px; padding: 10px; text-align: center; display: none; }
    .navbar-light .navbar-brand { padding-top: 0; }
    #headerSearch { margin-top: 10px; }
    .slider { height: 172px; }
    .pageCover .slider { height: 172px; }
    .slider .item .meta.textRight .bigText,
    .slider .item .meta.textLeft .bigText { font-size: 16px; text-shadow: 1px 1px 1px #444; }

    .slider .item .meta.color2 * { text-shadow: 1px 1px 1px #ccc !important; }
    .slider .item .meta.centerText .bigText { font-size: 14px; }
    .slider .item .meta .smallText { display: none; }
    .slider .item .meta.centerText .smallText { font-size: 12px; }
    .slider .item .meta.textLeft { left: 30px; top: 20px; }
    .slider .item .meta.textRight { right: 30px; top: 20px; }
    .slider .item .meta.color24 { color: #fff; }
    .slider .flickity-prev-next-button.previous,
    .slider:hover .flickity-prev-next-button.previous { left: 2px; }
    .slider .flickity-prev-next-button.next,
    .slider:hover .flickity-prev-next-button.next { right: 2px; }
    .slider .item .meta.centerText { top: 10px; }
    .slider .item .playVideo { font-size: 34px; }
    .slider .flickity-page-dots { bottom: 5px; }
    .slider .item.activeVideo .playVideo { opacity: 0; }
    .slider .item:not(.activeVideo) .playVideo { opacity: 1; }
    .slider .item .soundMute { bottom: 10px; right: 10px; font-size: 22px; }
    .combineIdeas .box { width: 50%; }
    .combineIdeas > h2 { font-size: 26px; }
    .combineIdeas > p { font-size: 16px; padding: 0 40px; }
    .news .media { display: block; }
    .news .media .media-body { display: block; -ms-flex: initial; flex: initial; width: 100%; padding-top: 20px; }
    .news .media img { width: 100%; }
    .newsDetail h1 { font-size: 20px; }
    .breadcrumbCtn { padding: 0; margin-bottom: 15px; }
    .breadcrumbCtn .breadcrumb { font-size: 12px; padding: 10px; }
    .files { padding: 15px; }
    .files a { margin: 0; }
    .files a i { font-size: 36px; }
    .files a span { padding-top: 17px; font-size: 13px; line-height: 15px; }
    .creavit360 .imageBtns img { width: 100%; }
    .combineIdeas .box .textCtn { padding: 0 10px; }
    .combineIdeas .box .text span { font-size: 20px; line-height: 22px; }
    .combineIdeas .box:hover .text .btn { padding-left: 10px; padding-right: 10px; }
    .lastNews .cardBox { width: 100%; }
    .files.dark a.file { width: 150px; margin-bottom: 30px; }
    .scrollMessage { display: block; }

    .environmentalSensitivity .numberItemList .item .number { width: 100px; padding-right: 15px; font-size: 48px; }
    .environmentalSensitivity .numberItemList .item .text { width: calc(100% - 100px); }

    .lifecycle .loop h4 { padding: 30px; }

    .lifecycle .loop .row > * i { transform: initial; width: 16px; height: 36px; display: block; padding: 0; position: relative; top: initial; left: initial; margin: 0 auto; }
    .lifecycle .loop .row > * i:before { transform: rotate(90deg) !important; display: block; width: 16px; }
    .multiMedias .multiMedia span { font-size: 13px; }

    .investmentExport .turquality { display: inline-block; position: initial; right: initial; top: initial; }
    .technologies .text { max-width: initial; width: 100%; margin: 5px 0; }

    .awardWinningDesigns .contents img { width: initial; }
    .awardWinningDesigns .card-body { padding: 10px 0 0 18px; }
    .awardWinningDesigns .card-title { margin-bottom: 18px; }
    .awardWinningDesigns .card-text { font-size: 15px; line-height: 18px; }

    .compareTable .leftColumn { width: 80px; }
    .compareTable .leftColumn > .empty { height: 200px; }
    /**/
    .compareTable .rightColumn { width: calc(100% - 80px); }
    .compareTable .rightColumn .card { width: 175px; margin-left: 4px; }
    .compareTable .rightColumn .card figure { height: 154px; }
    .compareTable .card .removeIcon { left: 0; z-index: 2; }
    .compareTable .card .card-body { padding: 5px 7px; }
    .compareTable .card .card-title { font-size: 14px; margin: 0; padding-bottom: 5px; }
    .compareTable .card .card-text { font-size: 12px; margin: 0; line-height: 14px; }
    .compareTable .leftColumn .table td,
    .compareTable .leftColumn .table th,
    .compareTable .rightColumn .table td,
    .compareTable .rightColumn .table th { padding: 5px 7px; font-size: 14px; }
    .compareTable .leftColumn .table td,
    .compareTable .leftColumn .table th { padding-left: 0; }
    .compareTable.style2 .leftColumn { padding-left: 0; width: 80px; }
    .compareTable.style2 .leftColumn > .empty { height: 220px; }
    .compareTable.style2 .rightColumn { width: calc(100% - 80px); }
    .compareTable.style2 .rightColumn .table { margin-top: 20px; }
}
.text-truncate:hover
{
    overflow: visible;
    max-width: 100%;
    width: 100%;
}
section.slider .slider-items { overflow: hidden; }
.htmlBanner { overflow: hidden; }
.htmlBanner .htmlSlide { opacity: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: 0 auto; transition: all ease 1s; }
.htmlBanner .htmlSlide.activeHtmlSlide { opacity: 1; }
.slider .abs-button2 { z-index: 5; position: absolute; left: 50px; bottom: 50px; }

#myCookieConsent {
    z-index: 999;
    min-height: 20px;
    font-family: OpenSans, arial, "sans-serif";
    padding: 8px 15px;
    background: rgba(0,0,0,0.7);
    overflow: hidden;
    position: fixed;
    color: #FFF;
    bottom: 0px;
    right: 10px;
    display: none;
    left: 0;
    /*text-align: center;*/
    text-align: left;
    font-size: 13px;
    width: 100%;
}
#myCookieConsent div {
    padding: 5px 0 0;
}
#myCookieConsent a {
    color: #fff000;
    display: inline-block;
}
#myCookieConsent a:hover {
    color: #fff;
    text-decoration: underline;
}
#myCookieConsent a#cookieButton {
    display: inline-block;
    color: #fff;
    font-size: 1.1em;
    background: #cd6060;
    text-decoration: none;
    cursor: pointer;
    padding: 2px 10px;
    float: right;
    border-radius: 5px;
    margin-top:25px;
}
#myCookieConsent a#cookieButton:hover {
    background: #000;
    color: #fff;
}

#terraSlider .items figure img {   transition: all ease 1s; opacity: 0; transform: translate3d(0, -20px, 0); width: 100%; }
#terraSlider .items figure figcaption { transition: all ease 1s; opacity: 0; transform: scale(0.9); transform-origin: center; margin-bottom: 14px; padding-right: 5px; font-size: 16px; }
#terraSlider .items figure .imgShadow { transition: all ease 1s; opacity: 0; transform: translate3d(0, 20px, 0); margin-top: 40px; }
#terraSlider .items figure.active img { opacity: 1; transform: translate3d(0,0,0); }
#terraSlider .items figure.active figcaption { opacity: 1; transform: scale(1); }
#terraSlider .items figure.active .imgShadow { opacity: 1; transform: translate3d(0,0,0); }

#terraSlider .thumbs { display: none; margin-top: 40px; transition: all ease 1s; }
#terraSlider .thumbs.active { display: inline-block; transition: all ease 1s; }
#terraSlider .thumbs figure { cursor: pointer; position: relative; opacity: .3; transition: all ease .5s; }
#terraSlider .thumbs figure img { width: 40px; }
#terraSlider .thumbs figure.active { opacity: 1; margin-top: 10px; margin-left: 5px; transition: all ease .5s; }
#terraSlider .thumbs figure:after { content: ''; position: absolute; right: -5px; top: 50%; transform: translateY(-50%); border-style: solid; border-top-width: 9px; border-right-width: 9px; border-bottom-width: 9px; border-top-color: transparent; border-right-color: #000; border-bottom-color: transparent; border-left-color: transparent; opacity: 0; }
#terraSlider .thumbs figure.active:after { right: -15px; opacity: 1; }

#section-terra-1 { background: #131011; position: relative; overflow: hidden; }
#section-terra-2 { position: relative; overflow: hidden; }
#section-terra-2 .container .detail { position: relative; background: #fff; }
#section-terra-2 .container .detail:after { content: ""; position: absolute; display: block; background: #fff; height: 100%; width: 200%; left: 0; top: 0; z-index: -1; }

.terraTitle { font-size: 22px; }

@media (min-width:768px) {
    .terraTitle { font-size: 38px; }
    #section-terra-2 .container { position: absolute; z-index: 0; top: 0; right: 0; left: 0; width: 100%; }
    #section-terra-1 .container { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; z-index: 1; left: 0; right: 0; margin: auto; }
    #terraSlider .thumbs figure img { width: initial; }
    #terraSlider .thumbs figure.active { opacity: 1; margin-top: 40px; margin-left: 20px; transition: all ease .5s; }
}

.leftb-abs { position: absolute; bottom: 0; width: 100%; z-index: 1; left: 0; right: 0; margin: auto; }
.left-neg { left:-49px; }
.leftb-abs .detail { background: #fff; padding: 24px; }
.bg_f4f4f4 { background-color: #f4f4f4 !important; }
.topr-abs { position: absolute; top: 0; width: 100%; z-index: 1; right: 0; }
.topr-abs .detail { background: #fff; padding: 24px; }
.topr-abs .detail img { display: inline-block; margin-bottom: 4px; }

.foglia_slider { background: #000; position: relative; }
.foglia_slider .sliders { display: block; }
.foglia_slider .sliders .slide { width: 100%; display: block; text-align: center; }
.foglia_slider .sliders .slide .content { display: inline-block; }
.foglia_slider .sliders .slide .content figure { position: relative; }
.foglia_slider .sliders .slide .content figure figcaption { color: #fff; text-align: left; position: absolute; top: 35px; right: 35px; padding: 20px; max-width: 280px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdlNjU1ZSIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzdlNjU1ZSIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(left, rgba(126,101,94,0.5) 0%, rgba(126,101,94,0.2) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(126,101,94,0.5)), color-stop(100%,rgba(126,101,94,0.2))); background: -webkit-linear-gradient(left, rgba(126,101,94,0.5) 0%,rgba(126,101,94,0.2) 100%); background: -o-linear-gradient(left, rgba(126,101,94,0.5) 0%,rgba(126,101,94,0.2) 100%); background: -ms-linear-gradient(left, rgba(126,101,94,0.5) 0%,rgba(126,101,94,0.2) 100%); background: linear-gradient(to right, rgba(126,101,94,0.5) 0%,rgba(126,101,94,0.2) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#807e655e', endColorstr='#337e655e',GradientType=1 ); }
.foglia_slider .sliders .slide .content figure figcaption .title { font-size: 20px; font-weight: 300; }
.foglia_slider .sliders .slide .content figure figcaption .subTitle { font-size: 13px; padding-top:20px;  }

.foglia_slider .thumbs { position: absolute; bottom: 20px; left: 0; width: 100%; z-index: 1; }
.foglia_slider .thumbs .figures { float: right; }
.foglia_slider .thumbs figure { height: 40px; cursor: pointer; border: 1px solid #fff; border-radius: 2px; float: left; margin-right: 10px; opacity: .5; transition: all ease .4s; }
.foglia_slider .thumbs figure img { max-height: 100%; display: block; }
.foglia_slider .thumbs figure:hover { opacity: .7; }
.foglia_slider .thumbs figure.active { opacity: 1; box-shadow: 0 6px 12px rgba(1, 2, 1, 0.36); }

.foglia-defne-koz { padding-top: 140px; padding-bottom: 140px; background-color: #000; background-image: url('../examples/new_foglia_defne.jpg'); background-position: right center; background-size: contain; background-repeat: no-repeat; }
.foglia-defne-koz .title { font-size: 26px; }
.foglia-defne-koz .subText { font-size: 14px; }

/*KLOZET-BİDE*/
.foglia-klozet-slider { width: 100%; position: relative; }
.foglia-klozet-slider .sliders { display: block; width: 100%; }
.foglia-klozet-slider .sliders .slide { display: block; width: 100%; }
.foglia-klozet-slider .sliders .slide img { width: 100%; }

.foglia-klozet-slider .thumbs { position: absolute; bottom: 20px; left: 0; width: 100%; z-index: 9; }
.foglia-klozet-slider .thumbs .figures { float: right; }
.foglia-klozet-slider .thumbs figure { margin: 0; cursor: pointer; border: 1px solid #fff; border-radius: 2px; float: left; margin-right: 10px; opacity: .5; transition: all ease .4s; }
.foglia-klozet-slider .thumbs figure img { max-height: 100%; }
.foglia-klozet-slider .thumbs figure:hover { opacity: .7; }
.foglia-klozet-slider .thumbs figure.active { opacity: 1; box-shadow: 0 6px 12px rgba(1, 2, 1, 0.36); }

/*LAVABO*/
.foglia-lavabo-slider { width: 100%; position: relative; }
.foglia-lavabo-slider .sliders { display: block; width: 100%; }
.foglia-lavabo-slider .sliders .slide { display: block; width: 100%; }
.foglia-lavabo-slider .sliders .slide img { width: 100%; }

.foglia-lavabo-slider .thumbs { position: absolute; bottom: 20px; left: 0; width: 100%; z-index: 1; }
.foglia-lavabo-slider .thumbs .figures { float: right; }
.foglia-lavabo-slider .thumbs figure { margin: 0; height: 40px; cursor: pointer; border: 1px solid #fff; border-radius: 2px; float: left; margin-right: 10px; opacity: .5; transition: all ease .4s; }
.foglia-lavabo-slider .thumbs figure img { max-height: 100%; }
.foglia-lavabo-slider .thumbs figure:hover { opacity: .7; }
.foglia-lavabo-slider .thumbs figure.active { opacity: 1; box-shadow: 0 6px 12px rgba(1, 2, 1, 0.36); }

/*MOBİLYA*/
.foglia-banyo-mobilya:after { z-index: -1; content: ""; position: absolute; left: 0; top: 90px; height: calc(100% - 90px); width: calc((992px + ((100% - 992px) / 2)) - 50px); background: rgb(253,253,253); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmRmZGZkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(45deg, rgba(253,253,253,1) 0%, rgba(243,243,243,1) 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(253,253,253,1)), color-stop(100%,rgba(243,243,243,1))); background: -webkit-linear-gradient(45deg, rgba(253,253,253,1) 0%,rgba(243,243,243,1) 100%); background: -o-linear-gradient(45deg, rgba(253,253,253,1) 0%,rgba(243,243,243,1) 100%); background: -ms-linear-gradient(45deg, rgba(253,253,253,1) 0%,rgba(243,243,243,1) 100%); background: linear-gradient(45deg, rgba(253,253,253,1) 0%,rgba(243,243,243,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f3f3f3',GradientType=1 ); }
.foglia-banyo-mobilya-slider { width: 100%; position: relative; padding-bottom: 20px; }
.foglia-banyo-mobilya-slider:after { display: block; content: ""; clear: both; }
.foglia-banyo-mobilya-slider .sliders { display: block; width: 100%; }
.foglia-banyo-mobilya-slider .sliders .slide { display: block; width: 100%; }
.foglia-banyo-mobilya-slider .sliders .slide img { width: 100%; }
.foglia-banyo-mobilya-slider .textArea { padding-top: 60px; }

.foglia-banyo-mobilya-slider .thumbs { width: 100%; padding-top: 20px; }
.foglia-banyo-mobilya-slider .thumbs .figures { float: right; }
.foglia-banyo-mobilya-slider .thumbs figure { height: 40px; cursor: pointer; float: left; margin-bottom: 0; margin-left: 10px; opacity: .5; transition: all ease .4s; }
.foglia-banyo-mobilya-slider .thumbs figure img { max-height: 100%; }
.foglia-banyo-mobilya-slider .thumbs figure:hover { opacity: .7; }
.foglia-banyo-mobilya-slider .thumbs figure.active { opacity: 1; }

/*ARMATÜR*/
.foglia-armatur:after { z-index: -1; content: ""; position: absolute; left: 0; top: 90px; height: calc(100% - 90px); width: calc((992px + ((100% - 992px) / 2)) - 50px); background: rgb(253,253,253); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmRmZGZkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(45deg, rgba(253,253,253,1) 0%, rgba(243,243,243,1) 100%); background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(253,253,253,1)), color-stop(100%,rgba(243,243,243,1))); background: -webkit-linear-gradient(45deg, rgba(253,253,253,1) 0%,rgba(243,243,243,1) 100%); background: -o-linear-gradient(45deg, rgba(253,253,253,1) 0%,rgba(243,243,243,1) 100%); background: -ms-linear-gradient(45deg, rgba(253,253,253,1) 0%,rgba(243,243,243,1) 100%); background: linear-gradient(45deg, rgba(253,253,253,1) 0%,rgba(243,243,243,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f3f3f3',GradientType=1 ); }
.foglia-armatur-slider { width: 100%; position: relative; padding-bottom: 20px; }
.foglia-armatur-slider:after { display: block; content: ""; clear: both; }
.foglia-armatur-slider .sliders { display: block; width: 100%; }
.foglia-armatur-slider .sliders .slide { display: block; width: 100%; }
.foglia-armatur-slider .sliders .slide img { width: 100%; }
.foglia-armatur-slider .textArea { padding-top: 60px; }

.foglia-armatur-slider .thumbs { position: absolute; bottom: 40px; left: 0; width: 100%; z-index: 1; }
.foglia-armatur-slider .thumbs .figures { float: left; }
.foglia-armatur-slider .thumbs figure { margin: 0; cursor: pointer; border: 1px solid #fff; border-radius: 2px; float: left; margin-right: 10px; opacity: .5; transition: all ease .4s; }
.foglia-armatur-slider .thumbs figure img { max-height: 100%; }
.foglia-armatur-slider .thumbs figure:hover { opacity: .7; }
.foglia-armatur-slider .thumbs figure.active { opacity: 1; box-shadow: 0 6px 12px rgba(1, 2, 1, 0.36); }

.centery-abs { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; z-index: 1; left: 0; right: 0; margin: auto; }
.centery-abs-right { position: absolute; top: 50%; transform: translateY(-50%); width: 60%; z-index: 1; left: 20%; right: 0; margin: auto; }

@media (max-width: 991px) {
    .left-neg .detail { padding: 18px; }
}

@media (max-width: 767px) {
    .centery-abs-right { position: relative; top: 0; transform: translateY(0); width: 100%; z-index: 1; left: 0; right: 0; margin: auto; }
    .left-neg { position: relative; bottom: 0; width: 100%; z-index: 1; left: 0; right: 0; margin: auto; }
}

.checkbox {
    /*display: none;*/
    position: relative;
    padding: 0 5px;
}
.checkbox__checkmark {
    width: 13px;
    height: 13px;
    /* background: #cecece; */
    display: inline-block;
    text-align: center;
    /* padding: 2px; */
    border: 1px solid #999;
    vertical-align: top;
    margin-top: 5px;
}
.checkbox__checkmark:after {
    content: "";
    display: inline-block;
    width: 9px;
    height: 17px;
    border: solid #0c9003;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    vertical-align: top;
    margin-top: -8px;
    margin-left: 3px;
    opacity: 0;
    transition: all .3s;
}

.checkbox input {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
}
.checkbox input:checked ~  .checkbox__checkmark:after { opacity: 1;  }
.checkbox__label { font-size: 14px; }
.checkbox__link { position: relative; z-index: 3; }




@media (max-width: 768px) {
    .foglia-armatur .topr-abs,
    .foglia-lavabo .centery-abs,
    .foglia-banyo-mobilya .top-abs,
    .foglia-klozet-bide .leftb-abs { position: relative; transform: initial; top: initial; left: initial; right: initial; }
    .foglia-banyo-mobilya:after { top: 0; width: 100%; height: 100%; }
}

@media (min-width: 1140px) {
    .foglia-banyo-mobilya:after { top: 90px; width: calc((1140px + ((100% - 1140px) / 2)) - 47.5px); }
}

@media (min-width: 992px) {
    .foglia-defne-koz .title { font-size: 56px; }
    .foglia-banyo-mobilya-slider .textArea { padding-top: 200px; }
    .foglia_slider .sliders .slide .content figure figcaption .title { font-size: 38px; }
}

@media (min-width: 768px) {
    .foglia-defne-koz .title { font-size: 46px; line-height: 52px; }
    .foglia-defne-koz .subText { font-size: 16px; }
    .foglia_slider .sliders .slide .content figure figcaption .title { font-size: 39px; line-height: 44px;}
}

@media (min-width: 576px) {
    .foglia-banyo-mobilya-slider .thumbs figure,
    .foglia-lavabo-slider .thumbs figure,
    .foglia_slider .thumbs figure { height: initial; }
}

@media (max-width: 576px) {
    .foglia-klozet-slider .thumbs figure { height: 30px; }
    .foglia-armatur-slider .thumbs figure { height: 40px; }
    .foglia-armatur-slider .thumbs { bottom: 10px; }
    .foglia-klozet-slider .thumbs { bottom: 10px; }
}