/*
Theme Name: Sistem Costruzioni Theme
Theme URI: http://aitec.it
Author: The Aitec Team
Author URI: http://aitec.it
Description: A special theme created for Sistem Costruzioni
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: siscos

*/

:root {
	--text-base-size: 16px;
	--text-base-color: #193c7d;
	--text-base-font: "Open Sans", sans-serif;
	--text-condensed-font: "Poppins", sans-serif;
	--text-alt-font: "Poppins", sans-serif;
	--primary-color: #7bb0d5;
	--primary-color-rgb: 123, 176, 213;
	--secondary-color: #97bf0d;
	--secondary-color-rgb: 151, 191, 13;
	--tertiary-color: #6f8097;
	--tertiary-color-rgb: 111, 128, 151;
	--contrast-color: #193c7d;
	--constrast-color-rgb: 25, 60, 125;
	--grey-color: #e5e5e5;
	--grey-dark-color: #b0b0b0;
	--header-height: 200px;
	--header-height-inner: 120px;
	--br-control-size: 2em;
}

body { color: var(--text-base-color); margin: 0; padding: 0; font-family: var(--text-base-font); font-size: var(--text-base-size); }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { color: var(--primary-color); margin-bottom: 0.8em; font-weight: 100; text-transform:uppercase;}

a { color: var(--primary-color); -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
a:hover { color: var(--tertiary-color); -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
a:visited, a:active, a:focus { -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; border: none; }

.text-white .h1, .text-white .h2, .text-white .h3, .text-white .h4, .text-white .h5, .text-white .h6, .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6 { color: #fff; }
.text-dark .h1, .text-dark .h2, .text-dark .h3, .text-dark .h4, .text-dark .h5, .text-dark .h6, .text-dark h1, .text-dark h2, .text-dark h3, .text-dark h4, .text-dark h5, .text-dark h6 { color: var(--text-color-dark); }

.text-white a {color:#fff; }
.text-white a:hover {color:var(--secondary-color); }

.page-wrapper { overflow: hidden; max-width: 100vw; position: relative; }

.text-smaller { font-size: 0.765em; line-height: 1.1em; }
.text-small { font-size: 0.95rem; }
.text-big { font-size: 1.2em; line-height: 1.4em; }
.text-bigger { font-size: 1.5em; line-height: 1.2em; }
.text-more-bigger { font-size: 2.5em; line-height: 1.2em; }

.text-muted {  color: (var(--primary-color-rgb), .7) !important;}

hr { border-top: 1px solid rgba(255, 255, 255, 0.6); }

b, strong { font-weight: 700; }

p { margin-bottom: 1em; }

figure { margin: 0; }

blockquote { font-size: 1.8em; line-height: 1.1em; font-style: italic; font-weight: 300; display: inline-block; }

.autosquare, .aspect-image { overflow: hidden; display: block; background-color: none; background-attachment: scroll; background-position: center; background-size: cover; background-repeat: no-repeat; }
.autosquare img, .aspect-image img { opacity: 0; max-width: 100%; max-height: 100%; }
.aspect-image { aspect-ratio: 1 / 1; }

.btn { font-family: var(--base-font); text-transform: uppercase; border-radius: 0px; padding: 0.375rem 2.75rem; }

.btn.btn-default { color: #fff; border: 1px solid var(--primary-color); background: var(--primary-color); }
.btn.btn-default:hover { background: transparent; border: 1px solid var(--primary-color); color: var(--primary-color); }
.btn.btn-default:visited, .btn.btn-default:active, .btn.btn-default:focus { border: 1px solid var(--primary-color); }

.btn.btn-default.inverted { border: 1px solid var(--text-color-dark); background-color: var(--text-color-dark); color: #fff; }
.btn.btn-default.inverted:hover { border: 1px solid var(--text-color-dark); background-color: transparent; color: var(--text-color-dark); }
.btn.btn-default.inverted:visited, .btn.btn-default.inverted:active, .btn.btn-default.inverted:focus { border: 1px solid var(--text-color-alt); }

.btn.btn-default.white { border: 1px solid #fff; background-color: #fff; color: var(--primary-color); }
.btn.btn-default.white:hover { color: #fff; background-color: transparent; border: 1px solid #fff; }
.btn.btn-default.white:visited, .btn.btn-default.white:active, .btn.btn-default.white:focus { border: 1px solid #fff; }

.btn.btn-default.white.inverted { border: 1px solid #fff; background-color: transparent; color: #fff; }
.btn.btn-default.white.inverted:hover { color: var(--primary-color); border: 1px solid #fff; background-color: #fff; }
.btn.btn-default.white.inverted:visited, .btn.btn-default.white.inverted:active, .btn.btn-default.white.inverted:focus { border: 1px solid #fff; }

.btn.btn-default.green { border: 1px solid var(--secondary-color); background-color: var(--secondary-color); color: #fff; }
.btn.btn-default.green:hover { color: var(--secondary-color); background-color: transparent; border: 1px solid var(--secondary-color); }
.btn.btn-default.green:visited, .btn.btn-default.green:active, .btn.btn-default.green:focus { border: 1px solid var(--secondary-color); }

.btn-wrapper, .button-wrapper { margin: 0.5em 0; }
.btn-wrapper.centro, .button-wrapper.centro { text-align: center; }
.btn-wrapper.destra, .button-wrapper.destra { text-align: right; }
.btn-wrapper.inline, .button-wrapper.inline { display: inline-block; vertical-align: top; margin-right: 0.4em; }

img.size-full { max-width: 100%; height: auto; margin-bottom: 1em; }
img.alignright, .alignright { float: right; margin: 10px 0 1em 1em; }
img.alignleft, .alignleft { float: left; margin: 10px 1em 1em 0; }
img.aligncenter { display: block; margin: 0 auto; max-width: 100%; text-align: center; }
img.alignnone { max-width: 100%; margin-bottom: 1em; }

.neutralize { -webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: gray; filter: grayscale(100%); transition: all 0.2s ease-in-out; }
.neutralize:hover { -webkit-filter: grayscale(0); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: gray; filter: grayscale(0%); }

.show-overflow { overflow: visible !important; }
.flex-5-columns { flex-basis: 20%; }

.bg-sistem{ background-color: var(--grey-color); }
.bg-primary{ background-color: var(--primary-color); }
.bg-secondary{ background-color: var(--secondary-color); }
.bg-tertiary{ background-color: var(--tertiary-color); }
.bg-quaternary{ background-color: var(--quaternary-color); }

/* General Animation Styles */

.delay200 { -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; animation-delay: 0.2s; }
.delay400 { -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; animation-delay: 0.4s; }
.delayHalf, .delay500 { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; animation-delay: 0.5s; }
.delay600 { -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; animation-delay: 0.6s; }
.delay800 { -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; animation-delay: 0.8s; }
.delayOne { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s; }
.delayOneHalf { -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; animation-delay: 1.5s; }
.delayTwo { -webkit-animation-delay: 2s; -moz-animation-delay: 2s; animation-delay: 2s; }
.delayThree { -webkit-animation-delay: 3s; -moz-animation-delay: 3s; animation-delay: 3s; }

/* Header Styles */

#loading { background: url("img/logo-sistem.png") scroll no-repeat center center #fff; bottom: 0; left: 0; position: fixed; right: 0; text-align: center; top: 0; z-index: 10000; }

.autocenter { display: inline-block; position: absolute; z-index: 101; }

#main-header { position: absolute; top: 0; left: 0; right: 0; margin: 0; padding: 0; width: 100%; height: var(--header-height); vertical-align: middle; z-index: 100; }
#main-header.inner { position: relative; }

#logo-wrapper { position:absolute; height: var(--header-height); width: auto; padding:2em; }
#logo-wrapper img { height: 100%; width:auto; }


/* Menu Styles */

.menu { list-style:none; display:block; margin:0; padding:0; }
.menu > li{ display:inline-block; vertical-align:top; }

#menu-toggle { position: absolute; height: var(--header-height-inner); cursor: pointer; z-index: 3; width: calc(var(--header-height-inner) / 2); right: 1em; padding: calc(calc(var(--header-height-inner) - 22.5px) / 2) 0; top:0; }
#menu-toggle span { height: 2px; background-color: var(--primary-color); width: calc(var(--header-height-inner) / 4); display: block; margin: 0.5em auto; }
#menu-toggle span:nth-child(odd) { margin: 0 auto; }

#menu-row {	height: var(--header-height-inner); line-height: var(--header-height-inner); text-align: right; padding: 0 calc(var(--header-height-inner) + 1em) 0 0; }

.main-menu > li { text-transform: uppercase; font-size: 1.2em; font-family: var(--text-base-font); font-weight: 300; }
.main-menu a { color: var(--primary-color); position: relative; display:block; height: var(--header-height-inner); line-height: var(--header-height-inner); text-decoration:none; padding:0 1em;}
.main-menu a:hover { color: var(--contrast-color); }

#language-selector-wapper {	position: absolute; height: var(--header-height-inner); z-index: 2; width: calc(var(--header-height-inner) / 2); right: calc(calc(var(--header-height-inner) / 2) + 1em);  padding: calc(calc(var(--header-height-inner) - 22.5px) / 2) 0; top:0; text-align:center; }
#language-selector-wapper .dropdown-toggle { text-transform: uppercase; font-size: 1.2em; font-family: var(--text-base-font); font-weight: 300; letter-spacing: 0.1em; color: var(--primary-color); background: none; border: none; padding: 0; line-height: 1em; }

/* Offcanvas Menu Styles */

.offcanvas-body .mobile-menu li { display: block; font-size: 1.5em; position:relative; }
.offcanvas-body .mobile-menu li:before { content: ""; border-top: 1px solid #fff; position: absolute; left: 0; right: 0; top: 50%; transition: all 0.2s ease-in-out; width:0; }
.offcanvas-body .mobile-menu li:hover:before{ width:100%; border-top: 1px solid var(--primary-color); }

.offcanvas-body .mobile-menu li a { font-family: var(--text-condensed-font); display: block; padding: 0; text-transform: uppercase; text-decoration:none; }
.offcanvas-body .mobile-menu li a span{ position:relative; z-index:5; background-color:#fff; padding:0 0.2em;  }
.offcanvas-body .mobile-menu li a:hover { color:var(--secondary-color); }

/*Sticky Menu Styles */

body.page #main-header.inner { position: absolute; }

/*#main-header.sticky { position: fixed; background-color:#fff; z-index:9999; }
.admin-bar #main-header.sticky { top:32px; }

#logo-wrapper .sticky-logo { display:none;  }
#main-header.sticky #logo-wrapper .logo { display:none;  }
#main-header.sticky #logo-wrapper .sticky-logo { display:block;  }

#main-header.sticky #language-selector-wapper .dropdown-toggle { color:var(--quaternary-color); }

#main-header.sticky .main-menu a{ color:var(--quaternary-color); }
#main-header.sticky .main-menu a:hover{ color:var(--secondary-color); }
#main-header.sticky #menu-toggle span { background-color:var(--quaternary-color); }*/

/* Breadcrumbs Styles*/

#bcrumbs-wrapper { position: relative; min-height: 2em; z-index: 2; text-align: center; background-color: var(--primary-color); }
.breadcrumbs { font-size: 0.875em; text-transform: uppercase; letter-spacing: 0.5px; font-family: var(--base-font); }
.breadcrumbs a, .breadcrumbs span { margin: 0 0.2em; color: #fff; text-decoration: none; }
.breadcrumbs a:hover { text-decoration: underline; }
.breadcrumbs ol { list-style: outside none none; margin: 0; padding: 0; display: inline-block; vertical-align: top; }
.breadcrumbs ol li { display: inline-block; vertical-align: top; }
.breadcrumbs ol li:after { content: ""; display: inline-block; vertical-align: middle; margin: -2px -2px 0 0; color: #fff; background-color: #fff; width: 1.5em; height: 1px; }
.breadcrumbs ol li:last-child:after { display: none; }

/* Content Styles */

.main-content iframe { max-width: 100%; }
.slider-home-gradient { position: absolute; bottom: 0; left: 0; right: 0; height: 20em; z-index: 1; background: linear-gradient(to top, var(--grey-color) 20%, var(--grey-color) 5%, transparent); }

.card .card-categories { list-style: none inside; margin: 0; padding: 0.2em 0; border-top: 1px dotted #ccc; }
.card .card-categories li{ display:inline-block; vertical-align:top; padding:0 0.4em 0 0; font-size:0.765em;}
.card .card-categories li a{ text-decoration:none; color:var(--secondary-color); }
.card .card-categories li a:hover{ text-decoration:underline; color:var(--secondary-color); }

.post-meta { border-top: 1px solid #e5e5e5; padding: 1em 0; text-transform: uppercase; font-size: 0.765em; letter-spacing: 1px; text-align: justify; }

/* Press Release Styles */

.press-release { list-style: none inside; margin: 0 0 2em 0; padding: 0; }
.press-release li{ display:block; margin:0; padding:0; }
.press-release li a { display:block; margin:0 0 0.5em 0; padding:0 0 0.5em 0; border-bottom:1px dotted var(--primary-color); text-decoration:none;}
.press-release li a:hover { color:var(--secondary-color); }

/* Deco List Styles */

.deco-list { list-style: inside none; margin: 0; padding: 0; }
.deco-list li { display: block; }
.deco-list li a { color: var(--primary-color); }
.deco-list li a:hover { text-decoration: none; color: var(--secondary-color); }
.deco-list li:before { background-color: var(--tertiary-color); box-shadow: 2px 2px 0 var(--primary-color); content: ""; display: block; float: left; height: 10px; margin: 4px 7px 0 0; width: 10px; transition: all 0.2s ease-in; }

.deco-list .ups-link { padding: 1em 0; display: block; color: var(--secondary-color); text-decoration:none; }
.deco-list .ups-link:hover { text-decoration:underline; }

/* Deco Title Styles */

.deco-title { --deco-title-color: var(--text-base-color); line-height: 1em; color: var(--deco-title-color); font-family:var(--text-condensed-font); font-weight: 300; position: relative;}
.deco-title .deco-eylet { font-family: var(--text-base-font); font-weight: 300; text-transform: uppercase; display: block; font-size: 0.375em; margin: 0 0 1em 0; line-height:1em;}
.deco-title.with-subtitle span { display:block;}
.deco-title.top-separator { padding-top: 1em; }

.deco-title mark { --deco-subtitle-color: var(--secondary-color); background: none; color: var(--deco-subtitle-color); padding:0.4em 0; }
.deco-title.with-subtitle mark { display:block; font-weight: 300; font-size: 0.5em; line-height:1em;  }

.deco-title.sinistra, .deco-title.sinistra .deco-eylet { text-align: left; }
.deco-title.destra, .deco-title.destra .deco-eylet { text-align: right; }
.deco-title.centro, .deco-title.centro .deco-eylet { text-align: center; }

.text-white .deco-title, .deco-title.text-white, .text-white .deco-eylet, .deco-eylet.text-white, .text-white .deco-title mark, .text-white.deco-title mark { color: #fff; }

h1.deco-title { font-size: 2.8rem; }
h2.deco-title { font-size: 2.5rem; }
h3.deco-title { font-size: 2.2rem; }
h4.deco-title { font-size: 1.9rem; }
h5.deco-title { font-size: 1.65rem; }

h2.deco-eylet { font-size: 2rem; }
h3.deco-eylet { font-size: 1.9rem; }
h4.deco-eylet { font-size: 1.4rem; }
h5.deco-eylet { font-size: 1.1rem; }
h6.deco-eylet { font-size: 0.8rem; }

.project-header{ position:relative; }
.project-header:before { content: ''; background-image: url("img/title-deco.png"); background-position: center; background-repeat: no-repeat; background-size: contain; display: inline-block; vertical-align: middle; width: 100px; height: 100px; margin-left: -100px; background-color: #fff; border-radius: 100%; }
.deco-title.project-header span { display:inline-block; vertical-align:middle; }

.project-header.sistem:before { background-image: url("img/title-deco.png"); }
.project-header.team:before { background-image: url("img/title-team.png"); }
.project-header.main-partners:before { background-image: url("img/title-main.png"); }
.project-header.internazionalita:before { background-image: url("img/title-world.png"); }
.project-header.certificazioni:before { background-image: url("img/title-certification.png"); }
.project-header.xlam:before { background-image: url("img/title-xlam.png"); }
.project-header.platform-frame:before { background-image: url("img/title-platform-frame.png"); }
.project-header.block-house:before { background-image: url("img/title-block-house.png"); }
.project-header.lamellare:before { background-image: url("img/title-lamellare-e-massiccio.png"); }
.project-header.telaio:before { background-image: url("img/title-telaio.png"); }
.project-header.fl:before { background-image: url("img/title-fl.png"); }
.project-header.realizzazioni:before { background-image: url("img/title-project.png"); }
.project-header.grezzo:before { background-image: url("img/title-grezzo.png"); }
.project-header.avanzato:before { background-image: url("img/title-grezzo-avanzato.png"); }
.project-header.chiavi:before { background-image: url("img/title-chiavi-in-mano.png"); }
.project-header.ampliamenti:before { background-image: url("img/title-ampliamenti.png"); }
.project-header.finanziamenti:before { background-image: url("img/title-finanziamenti.png"); }
.project-header.finiture:before { background-image: url("img/title-finiture.png"); }
.project-header.green:before { background-image: url("img/title-green-building.png"); }
.project-header.impianti:before { background-image: url("img/title-impianti.png"); }
.project-header.passiva:before { background-image: url("img/title-passiva.png"); }
.project-header.porte:before { background-image: url("img/title-porte.png"); }
.project-header.progetto:before { background-image: url("img/title-progetto.png"); }
.project-header.serramenti:before { background-image: url("img/title-serramenti.png"); }
.project-header.press:before { background-image: url("img/title-press.png"); }

/* Building Block  tyles */

.building-logo-wrapper {
  height: 250px;
  width: 250px;
  background-color: #86b4dc;
  border-radius: 100%;
  box-shadow: 0 16px 12px rgba(0, 0, 0, 0.2);
  margin: 1em auto;
  max-width: 250px;
  padding: 20px;
  position: relative;
  text-align: center;
  z-index: 1;
  height: 250px;
}

.building-logo-wrapper img {
  max-width: 100%;
  width: 100%;
}

.building-logo-wrapper .pointer {
  border-left: 100px solid transparent;
  border-right: 100px solid transparent;
  border-top: 66px solid #86b4dc;
  bottom: -33px;
  height: 0;
  left: 66.5px;
  position: absolute;
  width: 0;
}

.building-cta {
  padding: 1em;
  text-align: center;
}

/* Image Wrapper Styles */

.generic-image-wrapper { position: relative; background-attachment: scroll; background-color: #efefef; background-position: center; background-repeat: no-repeat; background-size: cover; display: block; }
.generic-image-wrapper img { display: none; }
.generic-image-wrapper figcaption { position: absolute; bottom: 0; left: 0; right: 0; font-size: 0.765em; text-align: right; color: #fff; padding: 0.2em; }

.building-image-wrapper { background-attachment: scroll; background-color: #efefef; background-position: center center; background-repeat: no-repeat; background-size: cover; border: 5px solid #86b4dc; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4); display: block; margin-bottom: 1.5em; }
.building-image-wrapper:hover { border: 10px solid #86b4dc; }
.building-image-wrapper img { display: none; }

/* Sistem Image Wrapper Styles */

.sistem-image-wrapper { padding:1em; background-color: var(--grey-color); display: block; transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; }
.sistem-image-wrapper.blue { background-color: var(--tertiary-color); }
.sistem-image-wrapper:hover { box-shadow: 0 0.1em 0.4em rgba(0, 0, 0, 0.2); }

.sistem-image-inner-wrapper { display: block; position: absolute; background-position: center; top: 1em; right: 1em; left: 1em; bottom: 1em; background-repeat: no-repeat; background-size: cover; }

.sistem-image-inner-wrapper img { opacity:0; display:none; }
.sistem-image-inner-wrapper .casa-sistem-logo { position: absolute; width: 30%; height: auto; opacity: 0.4; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }
.sistem-image-inner-wrapper figcaption { display: table; width: 100%; height: 100%; background-color: rgba(var(--quaternary-color-rgb), 0.2); transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in; }
.sistem-image-inner-wrapper:hover figcaption { background-color: rgba(var(--quaternary-color-rgb), 0.6); }

.sistem-image-inner-wrapper figcaption h2 { color: #fff; bottom: 0; font-family: var(--text-condensed-font); font-size: 1.25em; text-align: center; transition: all 0.2s ease-in; display: table-cell; vertical-align: middle; font-weight: 400; }
.sistem-image-inner-wrapper.blue figcaption { background-color: rgba(255,255,255,0.3); }
.sistem-image-inner-wrapper.blue:hover figcaption { background-color: rgba(255,255,255,0.6); }
.sistem-image-inner-wrapper.blue figcaption h2 { color: var(--quaternary-color); }

/* Single Project Styles */

.single-project-header { background-position:center; background-repeat:no-repeat; background-size:cover;}
.single-project-header-cover{ padding-top:6em; padding-bottom:6em; background-color:rgba(0,0,0,0.3); }

.single-project-categories { list-style: none inside; margin: 0; padding: 0; }
.single-project-categories li{ display:inline-block; vertical-align:top; }
.single-project-categories li a { text-decoration: none; font-family: var(--text-condensed-font); display: block; padding: 0.2em 1em; border: 1px solid var(--tertiary-color); margin: 0 0.5em 0 0; border-radius: 1em; color: var(--tertiary-color); text-transform: uppercase; font-size: 0.765em; }
.single-project-categories li a:hover{ background-color:var(--quaternary-color); border: 1px solid var(--quaternary-color); color:#fff; }

.single-project-details-list{ list-style:none inside; margin:0; padding:0; }
.single-project-details-list li{ display:block; }

.project-building-logo-wrapper { border-radius: 100%; display: block; height: 8em; margin: 0 1em 0 0; width: 8em; float: left; }
.project-building-logo-wrapper img{ width:100%; max-width:100%; transition:all 0.2s ease-in; }
.project-building-logo-wrapper:hover img { transform:scale(1.2); }

.single-building-gallery-wrapper { padding-top: 6em; padding-bottom: 6em; }

/* */

.bs-image-wrapper {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  position: relative;
  background-attachment: scroll;
  background-color: #efefef;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  background-image: url("img/spacer.jpg");
  transition: all 0.2s ease-in;
}

.bs-image-wrapper:hover {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
}

.bs-image-inner-wrapper {
  background-attachment: scroll;
  background-color: #86b4dc;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 10px;
  left: 10px;
  position: absolute;
  right: 10px;
  top: 10px;
  transition: backgroundSize 1s ease-in;
}

.bs-image-wrapper h2 {
  display: none;
  background-color: rgba(255, 255, 255, 0.8);
  color: #003882;
  bottom: 0;
  font-family: "Open Sans", arial, sans-serif;
  font-size: 1.38em;
  font-weight: bold;
  left: 0;
  letter-spacing: 0;
  line-height: 1em;
  margin: 0 10px 10px 10px;
  pointer-events: none;
  padding: 5px 4px;
  position: absolute;
  right: 0;
  text-align: center;
  transition: all 0.2s ease-in;
}

.bs-image-wrapper img {
  display: none;
}


.xref-gallery {
  padding: 2em 0;
}

.xref-gallery h3 {
  color: #003882;
  font-size: 2em;
  font-weight: 300;
  text-transform: uppercase !important;
}

.project-header.facciate h1 {
  color: #97bf0d;
}

.project-header.center > * {
  text-align: center;
}

.project-header.white > * {
  color: #fff !important;
}

.project-sidebar-top,
.project-sidebar-middle,
.project-sidebar-bottom {
  padding: 30px;
  color: #fff;
}

.project-sidebar-top {
  background-color: #86b4dc;
  border-radius: 20px 20px 0 0;
  color: #003882;
  font-family: "Open Sans", arial, sans-serif;
}

.project-sidebar-element {
  padding-left: 1em;
  color: #555;
}

.project-sidebar-element .title {
  display: block;
  color: #fff;
  font-style: italic;
  padding-right: 1em;
}

.project-sidebar-element .title:before {
  content: "";
  display: inline-block;
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  margin: 0 0.5em 0 0;
}

.project-building-element {
  line-height: 1.2em;
  margin-top: 5px;
  min-height: 80px;
  padding: 10px 0;
}

.project-sidebar-middle a {
  color: #fff;
  font-style: italic;
  font-weight: 700;
  text-decoration: none;
  font-size: 1.8em;
}

.project-sidebar-middle a:hover {
  color: #c6ff00;
  text-decoration: none;
}

.project-sidebar-bottom {
  padding: 5px 30px;
}

.project-gallery-wrapper {
  border-top: 1px dotted #86b4dc;
}

#project-details-wrapper h3 {
  margin-top: 0;
}

#project-details-wrapper a {
  color: #003882;
  font-weight: bold;
}

#project-details-wrapper ul {
  list-style: none inside;
  padding: 0;
  margin: 0;
}

#project-details-wrapper .project-sidebar-element .title {
  display: block;
  color: #fff;
  font-style: italic;
}

#project-details-wrapper .project-sidebar-element .title:before {
  content: "";
  float: left;
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  margin: 1px 0 0 -10px;
}

#project-details-wrapper > .container > .row > div {
  position: relative;
}

.project-tab {
  border-radius: 1em 1em 0 0;
  box-shadow: 1em 1em 0 rgba(255, 255, 255, 0.1) inset;
  height: calc(100% + 2em);
  margin-top: -2em;
  padding: 2em;
}

.project-tab:hover {
  box-shadow: 1em 1em 0 rgba(255, 255, 255, 0.4) inset;
}

.project-tab-building-system {
  background-color: #003882;
}

.project-tab-datasheet {
  background-color: #97bf0d;
}

.project-tab-datasheet a {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 1.5em;
  color: #fff !important;
  font-weight: 400 !important;
}

.cta {
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}

.cta .fa {
  display: inline-block;
  font-size: 3em;
  margin: 0 10px 0 0;
  vertical-align: middle;
}

.cta.blue {
  color: #003882;
}

.cta.azure {
  color: #86b4dc;
}

.fs-slide-gallery-wrapper {
  margin: 15px 0 2em 0;
  position: relative;
}

.fs-slide-control-left,
.fs-slide-control-right {
  color: #003882;
  position: absolute;
  top: calc(50% - 25px);
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 100%;
  text-align: center;
  line-height: 48px;
  display: block;
  font-size: 45px;
}

.fs-slide-gallery-wrapper:hover .fs-slide-control-left,
.fs-slide-gallery-wrapper:hover .fs-slide-control-right {
  opacity: 1;
}

.fs-slide-control-right {
  right: -25px;
}

.fs-slide-control-left {
  left: -25px;
}

.fs-slide-control-left:hover,
.fs-slide-control-right:hover {
  background-color: #003882;
}

.fs-slide-control-left:hover .fa,
.fs-slide-control-right:hover .fa {
  color: #fff;
}

.fs-slide-gallery {
  height: 100%;
  overflow: hidden;
}

.file-list {
  list-style: inside none none;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  position: relative;
}

.file-list li {
  padding: 0.3em;
  background-color: #efefef;
}

.file-list li:nth-child(2n) {
  background-color: transparent;
}

.file-list li::before {
  content: "";
  font-weight: 600;
  font-family: "Font Awesome 5 Free";
  display: inline-block;
}

.file-list li:hover {
  background-color: #ccc;
}

.file-list a {
  display: inline;
  padding: 4px;
  text-decoration: none;
}

.file-list .fa {
  background: #fff none repeat scroll 0 0;
  color: #ff0000;
}

.term-description {
  margin-bottom: 2em;
}

.sistem-slider > div {
  margin-top: 1em;
}

.tabsItem {
  box-shadow: 5px 5px 0 rgba(107, 161, 207, 0.8);
  display: block;
  height: 150px;
  position: relative;
  text-align: center;
  width: 150px;
  transition: all 0.1s ease-in;
}

.tabsItem:hover {
  box-shadow: 4px 4px 2px rgba(107, 161, 207, 0.7);
}

.single-project_post .highlight {
  border: 5px solid #93c3ea;
  height: 100px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  margin-top: 15px;
}

.single-project_post .highlight:before {
  content: "";
  float: left;
  font-family: fontawesome;
  font-size: 95px;
  line-height: 100px;
  margin: -5px 0 0 -20px;
  color: #93c3ea;
}

.single-project_post .highlight h3 {
  display: block;
  margin: 0 0 5px 100px;
  font-family: "Open Sans Condensed";
  color: #86b4dc;
}

.single-project_post .highlight p {
  padding: 0 15px 0 100px;
}

/* Blog Styles */

.blog-news {
  margin-bottom: 1.5em;
}

.blog-news .post-meta {
  color: #aaa;
  font-family: "Open Sans Condensed";
  font-size: 14px;
  text-transform: uppercase;
  background-color: #efefef;
  padding: 0 10px;
  margin-top: 10px;
}

.blog-news .continue-reading {
  background-color: #003882;
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.3);
  color: #fff;
  float: right;
  margin-top: -5px;
  padding: 5px 20px;
  margin-left: 1em;
}

.blog-news .thumb {
  float: left;
  margin-bottom: 1em;
  margin-right: 1em;
  width: 33%;
}

.blog-news .thumb .autosquare {
  background-attachment: scroll;
  background-color: #87b4dc;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.blog-news .thumb .autosquare img {
  display: none;
}

.sidebar-widget {
  padding: 0 2em;
}

.sidebar-widget ul {
  list-style: inside none none;
  margin: 2em 0;
  padding: 0;
}

.sidebar-widget li {
  border-bottom: 1px solid #efefef;
  margin: 0 0 2px;
  padding: 0 0 2px 5px;
}

.sidebar .menu {
  display: block;
  margin: 2em 0;
  padding: 0;
}

.sidebar .menu li {
  display: block;
  margin: 0 0 2px 0;
  padding: 0 0 2px 5px;
}

.pagination {
  border-top: 1px solid #efefef;
  display: block;
  margin: 0 -15px;
  padding: 10px 0;
  text-align: center;
}

.pagination .screen-reader-text {
  display: none;
}

.pagination .page-numbers {
  background-color: #86b4dc;
  border-radius: 100%;
  color: #fff;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  margin: 0 3px;
  text-align: center;
  width: 32px;
}

.pagination .next,
.pagination .prev {
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
}

/* Other Styles*/
.speech {
  background-color: rgba(0, 56, 130, 0.7);
  box-shadow: 10px 10px 0 rgba(134, 180, 220, 0.3);
  color: #fff;
  float: right;
  padding: 1em;
  text-align: justify;
}

blockquote {
  background-color: #86b4dc;
  border: medium none;
  color: #fff;
  font-size: 1em;
}

.content-menu .menu {
  display: block;
  list-style: inside none none;
}

.content-menu .menu li {
  display: block;
  font-size: 1.2em;
  font-style: italic;
  font-weight: 900;
  padding: 5px 0;
  text-transform: uppercase;
}

.content-menu .menu li a {
  color: #003882;
}

.content-menu .menu li a:hover {
  text-decoration: none;
  color: #97bf0d;
}

.content-menu .menu li a:before {
  background-color: #86b4dc;
  box-shadow: 2px 2px 0 #003882;
  content: "";
  display: block;
  float: left;
  height: 10px;
  margin: 7px 7px 0 0;
  width: 10px;
  transition: all 0.2s ease-in;
}

.content-menu .menu li a:hover:before {
  background-color: #003882;
  box-shadow: 2px 2px 0 #86b4dc;
}

.green {
  color: #97bf0d;
}

.white {
  color: #ffffff;
}

.dark-blue {
  color: #003882;
}

.light-blue {
  color: #86b4dc;
}

.spacer {
  margin-top: 40px;
  margin-bottom: 40px;
}

.vc_tta-title-text {
  color: #9ac24e;
  font-family: "open sans condensed";
  font-size: 1.2em;
  text-transform: uppercase;
}

.title-like {
  font-family: "open sans condensed";
  font-size: 1.2em;
  text-transform: uppercase;
}




.top-search-wrapper {
  color: #fff;
  display: inline-block;
  font-family: "Open sans condensed";
  font-size: 12px;
  position: relative;
  text-transform: uppercase;
  vertical-align: top;
  margin-left: 4px;
}

.top-search-wrapper:before {
  color: #fff;
  content: "|";
  margin: -1px 0 0 -9px;
  position: absolute;
}

.top-search-wrapper .top-search-form {
  display: none;
}

.childpages {
  background-color: #c4d9ec;
  padding: 2em 0;
}

/* Call to actions */

#cta {
  background-color: #86b4dc;
  box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.2);
  color: #fff;
  height: 97px;
  padding: 1em 0 1em 10px;
  position: fixed;
  right: 0;
  text-transform: uppercase;
  top: 120px;
  width: 175px;
  z-index: 2000;
}

#cta p {
  text-align: left;
}

#cta:before {
  background: rgba(0, 0, 0, 0) url("img/title-deco.png") no-repeat scroll 0 0;
  content: "";
  display: block;
  float: left;
  height: 100px;
  margin: -16px 0 0 -71px;
  width: 120px;
}

#cta:hover {
  color: #003882 !important;
  text-decoration: none !important;
}


/* Modal lightbox */

.lightbox { cursor: pointer; }
.modal-lightbox { background-color: rgba(0, 0, 0, 0.8); bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 100001; }
.modal-lightbox .modal-lightbox-close, .modal-lightbox .modal-lightbox-prev, .modal-lightbox .modal-lightbox-next { font-size: 3em; position: absolute; color: #fff; transition: all 0.1s ease-in; cursor: pointer; }
.modal-lightbox .modal-lightbox-close:hover, .modal-lightbox .modal-lightbox-prev:hover, .modal-lightbox .modal-lightbox-next:hover { color: #6dadd6; }
.modal-lightbox .modal-lightbox-close { right: 0.5em; top: 0.5em; }
.modal-lightbox .modal-lightbox-prev { left: 0.5em; top: 50%; }
.modal-lightbox .modal-lightbox-next { right: 0.5em; top: 50%; }
.modal-lightbox-image { box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.8); position: absolute; }


/* Contact form styles */

.wpcf7-not-valid-tip { color: #dc3232; font-size: 0.765em; font-weight: normal; display: block; letter-spacing: 0.05em; }
.wpcf7-list-item { display: inline-block; margin: 0; padding: 0; vertical-align: top; }
.form-check-label { display: inline-block; vertical-align: top; width: calc(100% - 4em); padding-left: 0.2em; }

/* Blog Roll Styles */

.br-header { position: relative; margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid rgba(var(--primary-color-rgb), 0.2); }
.br-continue { position: absolute; right: 0; bottom: 1em; text-decoration: none; text-transform: uppercase; font-family: var(--text-condensed-font); }

.br-element { overflow: hidden; position: relative; transition: all 0.3s ease-in-out; }

.br-slider { overflow: hidden; }
.br-slider.offset { padding: 0 calc(var(--br-control-size) * 2); margin: 0 calc(var(--br-control-size) * -2); }
.br-slider-control { position: relative; opacity: 0; transition: opacity 0.3s ease-in; }
.br-slider[data-lateral="true"] .br-slider-control { opacity:1; }
.br-slider-control span { background-color: rgba(var(--secondary-color-rgb),0.5); color: #fff; font-size: var(--br-control-size); height: var(--br-control-size); line-height: var(--br-control-size); position: absolute; text-align: center; width: var(--br-control-size); z-index: 2; transition: all 0.2 ease-in; cursor: pointer; }

.br-slider.offset .br-slider-control { opacity: 1; width: calc(100% + calc(var(--br-control-size) * 4)); margin-left: calc(var(--br-control-size) * -2); }
.br-slider.offset .br-slider-control span { background-color:transparent; color:var(--secondary-color); }

.br-slider:hover .br-slider-control { opacity: 1; transition: opacity 0.1s ease-in; }
.br-slider-control span:hover { background-color: rgba(var(--secondary-color-rgb),1); }

.br-slider-control .br-slider-control-left { left: 0; }
.br-slider-control .br-slider-control-right { right: 0; }

.br-slider .br-slider-stager { overflow: hidden; } 

.br-slider .br-element .card { height: 50vh; overflow: hidden; }
.br-slider .br-element.with-image .card, .child-pages .br-slider .br-element.with-image .card { height: 80vh; }

.br-slider .br-element .card .card-body { color:var(--text-base-color);  }
.br-slider .br-element .card .card-body h3 { margin: 0.2em 0 1em 0; font-weight: normal; font-family:var(--text-condensed-font);  }

.br-slider .br-element .card .card-body .card-date { overflow: hidden; font-size: 0.875em; line-height: 1.2em; text-transform: uppercase; }
.br-slider .br-element .card .card-body .card-button-wrapper { position: absolute; right: 0; left: 0; bottom: 0; padding: 1em; background: linear-gradient(to top, #fff 75%, transparent); margin: 0; border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius); }
.br-slider .br-element .card .card-body .card-button-wrapper a{ text-decoration:none; }
.br-slider .br-element .card .card-body .card-button-wrapper a:hover{ color:var(--secondary-color); }

.br-element .post-link-wrapper { position: absolute; right: 0; left: 0; bottom: 0; background: #fff; z-index: 1; padding: 1em; }
.br-element .post { background-color: #e5e5e5; }
.br-element .post .thumbnail { box-shadow: none; margin: 1em; background-attachment: scroll; background-position: center; background-repeat: no-repeat; background-size: cover; }

.br-element .post h2 { margin: 1em 0; font-size: 1em; padding: 0 1em 0 0; line-height: 1em; height: 3em; overflow: hidden; text-transform: uppercase; }
.br-element .post .post-excerpt { font-size: 1em; padding: 0 1em 0 0; font-weight: 300; line-height: 1.2em; height: 7.5em; overflow: hidden; position: relative; }
.br-element .post .post-excerpt:after { position: absolute; content: ""; right: 0; left: 0; bottom: 0; height: 1em; background: linear-gradient(to top, #fff, transparent); }
.br-element .post .read-more { top: 0; }

.br-slider.lateral .br-slider-control { opacity: 1; position: absolute; bottom: 0; right: 100px; }
.br-slider.lateral .br-slider-control .br-slider-control-left, .br-slider.lateral .br-slider-control .br-slider-control-right { width: var(--br-control-size); height: var(--br-control-size); line-height: var(--br-control-size); position: relative; display: inline-block; background-color: var(--quaternary-color); }
.br-slider.lateral .br-slider-control .br-slider-control-left:hover, .br-slider.lateral .br-slider-control .br-slider-control-right:hover { background-color:var(--primary-color); }
.br-slider.lateral .br-slider-control-wrapper { position: relative; padding-right: 100px; }

.br-element.building .slide.title-element h3 { display: table; width: 100%; height: 100%; text-align: center; background-color:rgba(var(--tertiary-color-rgb), 0.8);}
.br-element.building .slide.title-element h3 span{ display: table-cell; vertical-align:middle; color:#fff; font-weight:700;  }
.br-element.building .slide.title-element h3 .casa-sistem-logo { position: absolute; width: 30%; height: auto; opacity: 0.4; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }

.br-element.page a{ text-decoration:none;}
.br-element.page a .title-element { background-position:center; background-size:cover; background-repeat:no-repeat; }
.br-element.page a .title-element h3 { display: table; width: 100%; height: 100%; text-align: center; background-color:rgba(var(--tertiary-color-rgb), 0.8);}
.br-element.page a .title-element h3 span{ display: table-cell; vertical-align:middle; color:#fff; font-weight:700;  }
.br-element.page a .title-element h3 .casa-sistem-logo { position: absolute; width: 30%; height: auto; opacity: 0.4; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }

/* File list and single styles */

.file-single { border-bottom: 1px dotted var(--primary-color); padding-bottom: 0.4em; margin-bottom: 0.4em; }
.file-single a{ text-decoration:none; font-size:1.2em; }
.file-single a:hover{ text-decoration:underline; color:var(--secondary-color); }

/* Diagonal Styles */

.slash-effect, .slash-effect-2{ position:relative; }
.slash-effect:before, .slash-effect-2:before { content:'' !important; display:block !important; }

.slash-effect:before { position: absolute; width: 200%; height: 500%; right: -90%; top: -80%; background:linear-gradient( to top, var(--grey-dark-color) 70%, transparent); transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
.slash-effect-2:before { position: absolute; width: 200%; height: 500%; right: 0; top: -80%; background: linear-gradient( to top, var(--grey-dark-color) 70%, transparent); transform: rotate(30deg); -webkit-transform: rotate(30eg); -moz-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); }

.diagonal-start{ clip-path:polygon(0 0, 100% 30%, 100% 100%, 0% 100%) }
.diagonal-start-low{ clip-path:polygon(0 0, 100% 20%, 100% 100%, 0% 100%) }
.diagonal-end{ clip-path:polygon(0 0, 100% 0, 100% 88%, 0% 100%); }
.diagonal-end-low{ clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%); }

.diagonal-start-end{ clip-path:polygon(0 0, 100% 40%, 100% 60%, 0% 100%); }

/* Roll Styles */

.roll-wrapper { position: relative; }
.roll-wrapper.autosquare { background-color: transparent; }
.roll-wrapper .roll-image-down, .roll-wrapper .roll-image-up { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: center center; background-color: transparent; background-repeat: no-repeat; background-size: cover; -moz-transition: all 0.5s ease-in; -webkit-transition: all 0.5s ease-in; transition: all 0.5s ease-in; }
.roll-wrapper .roll-image-down { z-index: 1; }
.roll-wrapper .roll-image-up { z-index: 2; opacity: 0; }
.roll-wrapper:hover .roll-image-up { opacity: 1; }
.roll-wrapper:hover .roll-image-down { opacity: 0; }

/* Reset Gallery styles */

.reset-gallery { aspect-ratio: 1 / 1; overflow: hidden; }
.reset-gallery .reset-gallery-inner{ position:relative; width:100%; height:100%; }
.reset-gallery .reset-gallery-inner .reset-gallery-item{ position:absolute; top:0; left:0; right:0; bottom:0;}
/*.reset-gallery .reset-gallery-inner .reset-gallery-item{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:0; animation-name: swipe-out; animation-duration: .8s; animation-iteration-count:1;}*/
/*.reset-gallery .reset-gallery-inner .reset-gallery-item.active{ animation-name: reset-gallery-in; animation-duration: .85s; animation-iteration-count:1;}*/

@keyframes reset-gallery-out {
  0% {
    opacity:1;
  }
  
  100% {
    opacity:0
  }
}

@keyframes reset-gallery-in {
  0% {
    opacity:0;
  }
  
  100% {
    opacity:1
  }
}

.reset-gallery .reset-gallery-inner .reset-gallery-item .item{ background-position:center; background-size:cover; width:100%; height:100%; }
.reset-gallery .reset-gallery-inner .reset-gallery-item .item img{ max-height:100%; max-width:100%; opacity:0; }

.reset-gallery .reset-gallery-inner .reset-gallery-item .item.title-element h3 { display: table; width: 100%; height: 100%; text-align: center; background-color:rgba(var(--primary-color-rgb), 0.95);}
.reset-gallery .reset-gallery-inner .reset-gallery-item .item.title-element h3 span{ display: table-cell; vertical-align:middle; color:#fff; font-weight:700;  }
.reset-gallery .reset-gallery-inner .reset-gallery-item .item.title-element h3 .casa-sistem-logo { position: absolute; width: 30%; height: auto; opacity: 0.4; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); }

.reset-gallery .reset-gallery-inner .reset-gallery-item .item.title-element.with-background { background-position:center; background-size:cover; }
.reset-gallery .reset-gallery-inner .reset-gallery-item .item.title-element.with-background h3 { background-color:rgba(0,0,0,0.4); }
.project .reset-gallery .reset-gallery-inner .reset-gallery-item .item.title-element h3 { font-size:1.2em; font-weight:400; }
.reset-gallery .reset-gallery-inner .reset-gallery-item .item.title-element.with-background h3 span .project-category-wrapper { font-family: var(--text-condensed-font); font-weight: 300; font-size: 0.765em; text-align: center; display: block; margin: 0.2em 0; }


.cf-single-wrapper {
  background-color: #edfcff;
  padding: 3em 0;
}


.gallery-item .br-element {
  height: auto;
}



.post-image {
  margin-bottom: 1em;
}



.br-element.project figure {
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.br-element.building a.card {
  border-radius: 0;
  border: 0.5em solid #fff;
  position: relative;
}

.br-element.project a.card {
  border-radius: 0;
  border: 0.5em solid #fff;
  position: relative;
}

.br-element.building a.card::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 8rem;
  height: 8rem;
  background-color: #fff;
  z-index: 1;
}

.br-element.project a.card::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 17rem;
  height: 4rem;
  background-color: #fff;
  z-index: 1;
}

.br-element.project figure img {
  opacity: 0;
}


.carousel .slide {
  background-attachment: scroll;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.carousel .slide img {
  opacity: 0;
  height: 100%;
  width: 100;
}

.carousel .carousel-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.carousel .carousel-inner .carousel-item {
  height: 100%;
}

.carousel.slide {
  height: 100%;
}


/* Features Carousel Styles */

.feature-carousel-wrapper .features-carousel .features-carousel-items-wrapper { background-color: var(--features-carousel-color); }

.feature-carousel-wrapper .features-carousel .features-carousel-items-wrapper .features-slider { right: 0; z-index: 5; bottom: 0; height: auto; padding: 3em 0;}
.features-slider.reverse .features-carousel .features-carousel-items-wrapper .features-slider { right: auto; left: 0; margin-left: 0; margin-right: 0; }

.feature-carousel-wrapper .features-carousel .features-carousel-items-wrapper .features-slider .carousel-bullets { position: relative; width: auto; z-index: 2; padding: 0; display: block; text-align: right; line-height: 1.2em; height: 1.2em; margin: 0; }
.feature-carousel-wrapper.reverse .features-carousel .features-carousel-items-wrapper .features-slider .carousel-bullets { text-align:left; }
.feature-carousel-wrapper .features-carousel .features-carousel-items-wrapper .features-slider .carousel-bullets button { vertical-align: middle; width: 10px; height: 10px; border-radius: 100%; background-color: rgba(255, 255, 255, 0.4); border: 1px solid rgba(255, 255, 255, 0.8); line-height: 10px; }
.feature-carousel-wrapper .features-carousel .features-carousel-items-wrapper .features-slider .carousel-bullets button button:hover, .feature-carousel-wrapper .features-carousel .features-carousel-items-wrapper .features-slider .carousel-bullets button button.active { background: linear-gradient( 30deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.3) ); }

.feature-carousel-wrapper .features-carousel .features-carousel-cycler { position: relative; height: 65vh; margin-bottom: 3em; border: 1em solid #fff; z-index: 1; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); }
.feature-carousel-wrapper .features-carousel .features-carousel-cycler img { position: absolute; width: 100%; height: 100%; z-index: 1; object-fit: cover; }
.feature-carousel-wrapper .features-carousel .features-carousel-cycler img.active { z-index: 3; }

.feature-carousel-wrapper .features-carousel .features-carousel-items-wrapper .features-slider .features-item .features-item-body-wrapper { display: table; width: 100%; height: 100%; padding: 0.5em 1.5em; }
.feature-carousel-wrapper .features-carousel .features-carousel-items-wrapper .features-slider .features-item .features-item-body-wrapper .features-item-body{ display: table-cell; vertical-align: middle; }

.feature-carousel-wrapper .features-carousel:after { content:''; display:block;background-color: var(--features-carousel-color); position: absolute; left: 0; right: 0; bottom: 0; z-index: 0; height: 3.5em; }

.feature-carousel-wrapper .features-carousel .features-carousel-items-wrapper .features-slider .carousel-controls { margin: 0 3em; border-top: 1px solid var(--primary-color); text-align: end; }

.feature-carousel-wrapper .features-carousel .features-carousel-items-wrapper .features-slider .carousel-controls .carousel-control-prev, 
.feature-carousel-wrapper .features-carousel .features-carousel-items-wrapper .features-slider .carousel-controls .carousel-control-next { z-index: 1; width: auto; display: inline-block; position: relative; color: var(--primary-color); font-size: 1.5em; padding:0.5em; }

.feature-carousel-wrapper .features-carousel .features-carousel-items-wrapper .features-slider .carousel-controls .carousel-control-prev{ padding-left:0;}
.feature-carousel-wrapper .features-carousel .features-carousel-items-wrapper .features-slider .carousel-controls .carousel-control-next{ padding-right:0;}

.feature-carousel-wrapper .features-carousel .features-carousel-items-wrapper .features-slider .features-item .features-item-body-wrapper .features-item-body .features-item-button a { color: var(--secondary-color); text-decoration: none; text-transform: uppercase; font-family: var(--text-condensed-font); }
.feature-carousel-wrapper .features-carousel .features-carousel-items-wrapper .features-slider .features-item .features-item-body-wrapper .features-item-body .features-item-button a:hover { text-decoration:underline; }

/* Footer Styles */

footer { background-color:var(--primary-color); color:#fff; }
footer a{ color:#fff; text-decoration:none; }
footer a:hover{ color:var(--tertiary-color); }

footer h1, footer h2, footer h3, footer h4, footer h5 { color: #fff; }

.footer-logo { max-width: 70%; display: block; }
.footer-logo img{ width:100%; padding:0 1em 1em 1em; }

.footer-columns > div { border-left:1px dotted rgba(255,255,255,0.8); }
.footer-columns > div:first-child { border:none; }

.company-container { text-transform:uppercase; font-weight:300; font-family:var(--text-condensed-font); }
.company-container .company-wrapper { display:inline-block; margin:0 0.2em; }
.company-container .company-wrapper.title{ font-size:1em; margin:0; font-weight:300;}

#main-footer-container .menu { display: block; }
#main-footer-container .menu li{ display: block; }
#main-footer-container .menu li a { display: block; padding: 0.2em 0; font-family:var(--text-condensed-font); text-transform: uppercase; font-weight: 300; }

#main-footer-container .footer-menu.menu li { display: inline-block; vertical-align: top; }
#main-footer-container .footer-menu.menu li a { padding: 0 1em 0 0; font-family: var(--text-base-font); text-transform: none; font-weight: 400; font-size: 0.875em; letter-spacing: .5px; }

/* Social List Styles */

.social-list-wrapper .social-list{ list-style:none inside; margin:0; padding:0; }
.social-list-wrapper .social-list li{ display:inline-block; vertical-align:top; margin-right:0.2em;}
.social-list-wrapper .social-list li:last-child{ margin-right:0;}
.social-list-wrapper .social-list li a{ font-size:2em; padding:0.2em; }
.social-list-wrapper .social-list li a img{ width: 100%; height:auto; text-align:center; transition: all 0.1s ease-in;}
.social-list-wrapper .social-list li a:hover img{ transform:scale(1.1);  }

/* Aitec credits styles */

.aitec-svg-logo { height: 25px; width: auto; }
.aitec-svg-logo.white .fillText { fill: #ffffff; }
.aitec-svg-logo.black .fillText { fill: #000000; }

#aitecHtmlLogo { display: none; }

#aitec-credits { display: block; text-align: center; width: 100%; font-size: 0.9em; color: #fff; }
#aitec-credits #made-by { text-transform: uppercase; }
#aitec-credits a { text-decoration: none; color: #fff !important; font-family: "Times New Roman", Times, serif; font-size: 22px; text-transform: none !important; margin: 0 0 0 5px; }
#aitec-credits .at { display: inline-block; font-size: 1.15em; font-weight: 300; margin-right: -3px; margin-top: -4px; vertical-align: top; }
#aitec-credits .it { background: radial-gradient(#42518c, #42518c, rgba(208, 208, 208, 0)) repeat scroll 0 0 rgba(0, 0, 0, 0); color: #dd3333; display: inline-block; height: 1em; line-height: 1em; width: 1em; margin: 0 -10px 0 0 !important; }

/* App home style */

.main-item-label, .home-item-label, div.nav-row div.title h1 { font-family: var(--text-condensed-font); }
div.nav-row div.title h1 { font-weight: 600; }
div.project-gallery-wrapper { margin: 0.3em 0 0.3em 0; width: 100%; }
div.br-tiny-slider div.app-gallery-item { width: 100%; position: relative; height: 300px; background-position: center; background-repeat: no-repeat; background-size: cover; }


/* Various Styles */

.grecaptcha-badge { display: none; }

.form-iframe { display: block; border: none; width: 100%; min-height: 95vh; }

textarea.form-control-sm { max-height: 6em; }