@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
/* ===== START YOUR CUSTOMIZATIONS HERE ===== */
/* ===== ACCORDION MAIN STYLE ===== */
/* Icon font for arrow icons */
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/accordion/icomoon_arrows/icomoon.eot');
	src:url('../fonts/accordion/icomoon_arrows/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/accordion/icomoon_arrows/icomoon.woff') format('woff'),
		url('../fonts/accordion/icomoon_arrows/icomoon.ttf') format('truetype'),
		url('../fonts/accordion/icomoon_arrows/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
} /* Iconfont by Icomoon http://icomoon.io/ */

/* ========== 4. HERO SECTION ========== */
#hero {
	padding: 0;
	height: 620px;
	/*background-color: transparent;*/
	background-image: url(../images/pixel.png);
}
#hero .intro {
  padding-top: 114px;
  padding-bottom: 24px;
}
#hero .intro img {
  padding-bottom: 24px;
}
#hero .lead {
  color: #2c3e50;
  font-size: 2.5em;
  line-height: 1.3em;
}
#parallax {
  height: 672px;
  width: 100%;
  background: url('https://res.cloudinary.com/pixelsgear/image/upload/v1574653612/intro_wwltyu.jpg') center center no-repeat;
  position: fixed;
  background-size: cover;
  z-index: -100; 
}
/*#parallax {
  height: 672px;
  width: 100%;
  position: fixed;
  background: url(../images/resp.jpg) center center no-repeat;
  background-size: cover;
  z-index: -100;
}*/
/* ========== Small devices (tablets, 768px and up) ========== */
@media (max-width: 767px) {
  #hero {
    text-align: center;
    height: auto;
    background-color: rgba(236,240,241, 0.7);
    padding: 48px 0;
  }
  #hero .intro {
    padding: 0;
  }
}
/* ========== / HERO SECTION ========== */
.mainAccordion {font-family: 'Lato', Calibri, Arial, sans-serif;
    color: #47a3da;
	}
.containerAccordion {
	font-family: 'Lato', Calibri, Arial, sans-serif;
    color: #47a3da;
	width: 95%;
	max-width: 75em;
	margin: 0 auto;
	padding: 0.275em 0.875em 0.875em;
}
/*language selector*/
@media screen and (min-width: 1180px) { 
#navigationMenu {margin-left:80%;}
}
@media only screen and (min-width:971px) and (max-width: 1179px) { 
#navigationMenu {margin-left:55%;}
}
@media screen and (min-width:551px) and (max-width: 970px) { 
#navigationMenu {margin-left:55%;}
}
@media screen and (max-width: 550px) { 
#navigationMenu {margin-left:27%;}
}
#navigationMenu li{
	list-style:none;
	height:39px;
	padding:2px;
	width:40px;
}

#navigationMenu span{
	/* Container properties */
	width:0;
	left:38px;
	padding:0;
	position:absolute;
	overflow:hidden;

	/* Text properties */
	font-family:'Myriad Pro',Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	letter-spacing:0.6px;
	white-space:nowrap;
	line-height:39px;
	
	/* CSS3 Transition: */
	-webkit-transition: 0.25s;
	
	/* Future proofing (these do not work yet): */
	-moz-transition: 0.25s;
	transition: 0.25s;
}
#navigationMenu a{
	background:url('../images/navigation.png') no-repeat;

	height:39px;
	width:38px;
	display:block;
	position:relative;
}

/* General hover styles */

#navigationMenu a:hover span{ width:auto; padding:0 20px;overflow:visible; }
#navigationMenu a:hover{
	text-decoration:none;
	
	/* CSS outer glow with the box-shadow property */
	-moz-box-shadow:0 0 5px #9ddff5;
	-webkit-box-shadow:0 0 5px #9ddff5;
	box-shadow:0 0 5px #9ddff5;
}

/* Green Button */

#navigationMenu .italiano {	background-position:0 0;}
#navigationMenu .italiano:hover {	background-position:0 -39px;}
#navigationMenu .italiano span{
	background-color:#7da315;
	color:#3d4f0c;
	text-shadow:1px 1px 0 #99bf31;
}
/* Blue Button */

#navigationMenu .english { background-position:-38px 0;}
#navigationMenu .english:hover { background-position:-38px -39px;}
#navigationMenu .english span{
	background-color:#1e8bb4;
	color:#223a44;
	text-shadow:1px 1px 0 #44a8d0;
}
/* ===== ACCORDION STYLE ===== */
.cbp-ntaccordion {
	list-style: none;
	margin: 0;
	padding: 0;
}

.cbp-ntsubaccordion {
	list-style: none;
}

.cbp-ntaccordion .cbp-nttrigger {
	cursor: pointer;
} 

.cbp-ntaccordion h3 {
	margin: 0 0 0.3em;
	padding: 1em 0 0.5em;
	border-bottom: 1px solid #ddd;
	font-size: 2.75em;
	font-weight: 300;
}

.cbp-ntaccordion h4 {
	font-size: 1.2em;
	text-transform: uppercase;
	letter-spacing: 0.4em;
	padding: 0.5em 0 0.5em;
	margin: 0 0 0.5em;
}

.cbp-ntaccordion h5 {
	font-size: 1.2em;
	color: #aaa;
	padding: 0.5em 0 0.5em;
	margin: 0 0 0.5em;
}

.cbp-ntaccordion .cbp-ntcontent p {
	color: #888;
	font-size: 1.25em;
	font-weight: 300;
	line-height: 1.4;
	padding: 0.2em 0 0.3em;
	margin: 0;
}

/* Arrow icons */
.cbp-ntaccordion > li > .cbp-nttrigger:before,
.cbp-ntsubaccordion > li > .cbp-nttrigger:before {
	font-family: 'icomoon';
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	color: #ddd;
	margin-right: 0.5em;
	-webkit-font-smoothing: antialiased;
}

.cbp-ntaccordion > li > .cbp-nttrigger:before {
	font-size: 70%;
}

.cbp-ntaccordion > li > .cbp-nttrigger:before {
	content: "\36";
}
.cbp-ntaccordion > li > .cbp-nttrigger:hover:before {
	content: "\35";
	color: inherit;
}
.cbp-ntaccordion > li.cbp-ntopen > .cbp-nttrigger:before,
.no-js .cbp-ntaccordion > li > .cbp-nttrigger:before {
	content: "\34";
	color: inherit;
}

.cbp-ntsubaccordion > li > .cbp-nttrigger:before {
	content: "\32";
}
.cbp-ntsubaccordion > li > .cbp-nttrigger:hover:before {
	content: "\33";
	color: inherit;
}
.cbp-ntsubaccordion > li.cbp-ntopen > .cbp-nttrigger:before,
.no-js .cbp-ntsubaccordion > li > .cbp-nttrigger:before {
	content: "\31";
	color: inherit;
}

/* Initial height is zero */
.cbp-ntaccordion .cbp-ntcontent {
	height: 0;
	/*padding: 70px 0px 0px 0px;*/
	overflow: hidden;
}

/* When open, set height to auto */
.cbp-ntaccordion .cbp-ntopen > .cbp-ntcontent,
.cbp-ntsubaccordion .cbp-ntopen > .cbp-ntcontent,
.no-js .cbp-ntaccordion .cbp-ntcontent {
	height: auto;
}

/* Example for media query */
@media screen and (max-width: 32em) { 

	.cbp-ntaccordion {
		font-size: 70%;
	}

}
/* =====INNER ACCORDION STYLE ===== */
/*.content-list {
  width: 500px;
  margin: 10px
}*/
 
.content-list ol {
  color: #ccc;
  list-style-type: none;
}
 
 .content-list ol li {
  /*height: 60px;*/
  position: relative;
  font: italic 25px/1.5 Helvetica, Verdana, sans-serif;
  margin-bottom: 0px;
  border:none;
}
 
/* .content-list li p {
	font: 14px/1.5 Helvetica, sans-serif;
	padding-left: 42px;
	color: #555;
	position: absolute; bottom: -13px;
}*/
 
/*.content-list span {
  position: absolute;
}*/
/* =====PROJECT SECTION ===== */
.blog .featured-image {
  padding-bottom: 24px;
}
.blog ul.social-icons {
  padding: 0;
  margin-top: -24px;
}
.blog ul.social-icons li {
  float: left;
  font-size: 24px;
  padding-right: 24px;
  list-style: none;
}
.sm{
	font-size: 20px;
  line-height: 28px;
  margin-bottom: 0px;
  color: #95a5a6;
}
/* =====SLIDER ===== */
.green {
	color:#390;
	font-size: medium;
	}
p.nojump{
	min-height: 5.6em;
	}
/* ========== BOF CTA JS ========== */
.modal {
			position: fixed;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			padding: 40px 0px 20px 0px;
			background: #EA006F;
			color: white;
			z-index: 1;
			visibility: hidden;
			opacity: 0;
			pointer-events: none;
                	transition: 200ms ease;
        		overflow: auto;
		}

		.modal-close-btn {
			display: block;
			position: absolute;
			top: 0;
			right: 0;
			background: url(/images/img/close.png) no-repeat center;
			width: 32px;
			height: 32px;
			padding: 32px;
			opacity: 0.8;
			cursor: pointer;
			transition: 0.3s ease;
		}
		.modal-close-btn:hover {
			opacity: 1;
		}
		.modal--2 { background: #4A90E2; }
		.modal--3 { background: #FFD200; }
		.modal--4 { background: #4CBB47; }
		.modal--5 { background: #362A6C; }
		.modal.show {
			opacity: 1;
			visibility: visible;
			pointer-events: auto;
			z-index: 9999!important;
		}
		.dialog {
			background: #4A90E2;
			min-width: 300px;
			left: 50%;
			right: auto;
			top: 30%;
			bottom: auto;
			box-shadow: 0 0 0 3000px rgba(0,0,0,0.4);
			-webkit-transform: translateX(-50%);
			transform: translateX(-50%);
		}
		.sidebar {
			left: auto;
			width: 300px;
			background: #8BC34A;
			-webkit-transform: translateX(100%);
			transform: translateX(100%);
			opacity: 1;
			visibility: visible;
		}
		.sidebar.show {
			-webkit-transform: translateX(0);
			transform: translateX(0);
		}
		.sidebar__block {
			border-radius: 5px;
			background: white;
			opacity: 0.3;
			margin-top: 32px;
		}
		.quote-box__bubble {
			position: relative;
			background: white;
			padding: 16px;
			color: #555;
			border-radius: 5px;
			max-width: 480px;
			margin: 0 auto 20px;
		}
		.quote-box__bubble:after {
			content: '';
			display: block;
			position: absolute;
			top: 100%;
			left: 50%;
			width: 0;
			height: 0;
			border: 10px solid transparent;
			border-top-color: white;
			border-top-width: 10px;
		}
		.disable-mouse {
			pointer-events: none;
		}
		body.disable-scroll {
			overflow: hidden;
		      	height: 100%;
		}
.btncta {
	border: 1px solid #009;
    font-size: 17px;
    font-weight: normal;
    line-height: 1.4;
    border-radius: 4px;
    padding: 10px 15px;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
    transition: border .25s linear, color .25s linear, background-color .25s linear;
    width: 100%;
    margin: auto !important;
    text-align: center;	
	}
.btncta:hover, .btncta a:link, .btncta a:hover {cursor:pointer!important;}
.btncta:hover {cursor:pointer!important;/*background-color:#009;*/border:1px solid #FC6;}
.testimonials {position:relative;z-index:99999999!important;}
	
/* ========== Iframe in CTA ========== */
[style*="--aspect-ratio"] > :first-child {
  width: 100%;
}
[style*="--aspect-ratio"] > img {  
  height: auto;
} 
@supports (--custom:property) {
  [style*="--aspect-ratio"]   {
    position: relative;
  }
  [style*="--aspect-ratio"]::before {
    content: "";
    display: block;
    padding-bottom: calc(100% / (var(--aspect-ratio)));
  }  
  [style*="--aspect-ratio"] > :first-child {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }  
}
/*Portfolio card*/
.card-block {
    font-size: 1em;
    position: relative;
    margin: 0;
    padding: 1em;
    border: none;
    border-top: 1px solid rgba(34, 36, 38, .1);
    box-shadow: none;
     
}
.card {
    font-size: 1em;
    overflow: hidden;
    padding: 5;
    border: none;
    border-radius: .28571429rem;
    box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
    margin-top:20px;
}

.carousel-indicators li {
    border-radius: 12px;
    width: 12px;
    height: 12px;
    background-color: #404040;
}
.carousel-indicators li {
    border-radius: 12px;
    width: 12px;
    height: 12px;
    background-color: #404040;
}
.carousel-indicators .active {
    background-color: white;
    max-width: 12px;
    margin: 0 3px;
    height: 12px;
}
.carousel-control-prev-icon {
 background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}
 lex-direction: column;
}

.btn {
  margin-top: auto;
}
/*related work*/
.relwor {
	color:#1abc9c;
	text-align:center;
}
.related-projects {
    margin-top: 10px;
}
hr.style15 {
	border-top: 4px double #8c8b8b;
	text-align: center;
	margin-top:90px;
}
hr.style15:after {
	content: '\0025ce';
	display: inline-block;
	position: relative;
	top: -15px;
	padding: 0 10px;
	background: #f0f0f0;
	color: #8c8b8b;
	font-size: 18px;
}