﻿/* archi custom */
body{
	display:block;
}
header {
	height:auto;
}
header .info{
	display:block;
}

header.header-mobile {
	position: fixed;
}

header div#logo a {
	position:relative;
}
header div#logo a span {
	position:absolute;
	bottom:0;
	right:0;
	font-size:10px;
}

#subheader {
	padding-top: unset;
	background: unset;
	background: unset;
}
#subheader .title {
	color: unset;
	margin-top: unset;
	font-size: unset;
	letter-spacing: unset;
	float: unset;
	padding-right: unset;
	margin-right: unset;
	text-transform: unset;
}

input[type="text"], textarea, input[type="email"], input[type="number"], select {
	padding: unset;
	margin-bottom: unset;
	color: unset;
	border: unset;
	background: unset;
	border-radius: unset;
	height: unset;
}

h1 {
	font-size: unset;
	margin: unset;
	text-align: unset;
	letter-spacing: unset;
	text-transform: unset;
	font-weight: unset;
	font-family: 'Teko-SemiBold', Arial, Helvetica, sans-serif !important;
}

.p-tagline, .p-title {
	letter-spacing: unset;
}

section {
	padding:unset;
}

#section-portfolio {
	width: 100%;
	overflow:unset;
}

.jarallax {
	padding: 90px 0 90px 0;
}

.separator {
	overflow: hidden;
}


.owl-carousel .owl-stage {
	display: flex;
}
.owl-carousel .owl-stage .item {
	height: 100%;
}
.owl-carousel .owl-stage .item .de_testi.de_news {
	height: 100%;
}

.owl-theme .owl-nav [class*="owl-"] {
	width:40px;
	height:40px;
	margin:0 5px;
	padding:0;
	border:none;
	border-radius:100%;
	opacity:0.6;
	position:relative;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
	background: #D6D6D6;
	opacity: 1;
}
.owl-theme .owl-nav [class*="owl-"]::after {
	position: absolute;
	font-family: bootstrap-icons !important;
	font-style: normal;
	font-weight: 400 !important;
	top: 50%;
	transform: translate(-50%, -50%);
	font-size: 25px;
}
.owl-theme .owl-nav .owl-prev::after {
	content: '\F284';
	left:46%;
}
.owl-theme .owl-nav .owl-next::after {
	content: '\F285';
	left: 52%;
}
	
.de_testi.de_news blockquote {
	padding: 20px 30px 30px 100px;
	height: 100%;
}
.de_testi.de_news blockquote:before {
	content: "\f1ea";
}
.de_testi.de_news blockquote .de_news_title {
	font-family: 'Teko-SemiBold', Arial, Helvetica, sans-serif;
	font-size: 26px;
}
.de_testi.de_news blockquote a {
	color: var(--primary-color-1);
}

.de_tab.tab_steps .de_nav li span {
	font-family: 'Montserrat-Regular', Arial, Helvetica, sans-serif !important;
	line-height: 1;
	padding-top: 80px;
}

a.btn-big::after {
	margin-top: 1px;
}

#back-to-top::before {
	font-family: "bootstrap-icons";
	font-size: 22px;
	content: "\F286";
	color: #222;
	position: relative;
	margin: 5px;
}

header.smaller:not(.header-bottom):not(.side-header):not(.force-header-mobile):not(.header-s2) #mainmenu > li > .search-header {
	padding-top: 18px;
	padding-bottom: 18px;
}

.accordion-header label {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
	font-size: 1rem;
	text-align: left;
	border: 0;
	border-radius: 0;
}
.accordion-header label, .accordion-header button {
	line-height: 1.2;
}
.accordion-header .date {
	position: absolute;
	top: 50%;
	right: 50px;
	transform: translateY(-50%);
}
.accordion-header .name {
	display: block;
	width: calc(100% - 124px);
}
.accordion-button::after, .accordion-button:not(.collapsed)::after {
	background: url(../imgs/ui/arrow-down-smaller.png) center no-repeat;
}
.accordion-body {
	font-size: 12px;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.container {
		padding-right: calc(var(--bs-gutter-x) * .5);
		padding-left: calc(var(--bs-gutter-x) * .5);
	}
}

@media (max-width:575.98px) {
	.timeline.exp .tl-block .tl-bar {
		margin-left: 93px;
	}

	.timeline.exp .tl-message {
		margin-left: 110px;
	}

	.timeline.exp::before {
		left: 105px;
	}
}

@media only screen and (max-width: 1299px) {
	.pf_full_width .item {
		float: left;
		width: 32.9% !important;
	}
}

@media only screen and (max-width: 991px) {
	.pf_full_width .item {
		float: left;
		width: 49.9% !important;
	}
}
@media only screen and (max-width: 480px) {
	.pf_full_width .item {
		float: left;
		width: 100% !important;
	}
}