@charset "utf-8";

@media screen and (max-height: 760px) {
	/*.gal-content .carousel {
		max-width: calc(100% - 310px);
	}*/

	.gal-content .carousel-item{
		height: 484px;
	}
	
	.gal-content .carousel-control-next, .gal-content .carousel-control-prev {
		width: 30px;
		height: 30px;
	}
	/*.ref_fields {
		right: 68px;
	}*/
	.ref_fields .link {
		margin-bottom: 16px;
	}
	.ref_fields h3 {
		margin-bottom: 0;
		margin-top: 8px;
	}
}

@media screen and (max-height: 610px) {
	.gal-content .carousel-item{
		height: 374px !important;
	}
	.gal-content .carousel-control-next, .gal-content .carousel-control-prev {
		width: 20px;
		height: 20px;
	}
	/*.ref_fields {
		right: 62px;
		top: 32px;
	}*/
	.ref_fields p {
		line-height: normal;
	}
}

/* Mobile overrides */
/* -- iPad and large phones -- */
@media screen and (max-width: 1201px){
	#ref_gal .gal-content{
		max-width: calc(100% - 40px);
	}

	.gal-content .carousel {
		max-width: calc(100% - 310px);
	}

	.ref_fields {
		right: 70px;
	}
	
	.gal-content .carousel-item{
		height: 470px;
	}
	
	.gal-content .carousel-control-next, .gal-content .carousel-control-prev {
		width: 30px;
		height: 30px;
	}

	.ref_fields {
		right: 0px;
		max-width: 310px;
		padding-right: 68px;
	}

	.ref_fields .link {
		margin-bottom: 16px;
	}

	.ref_fields h3 {
		margin-bottom: 0;
		margin-top: 8px;
	}
    
}

@media screen and (max-width: 1056px){
	.wrapper {
		max-width: 600px;
	}
	.title h2 {
		font-size: 30px;
	}
	.title .title_wrapper {
		max-width: 320px;
	}
	#references_content li a, #people_content a, #references_content .project .project_open {
		height: 118px;
	}


	.miks_eelistada_container .row {
		-ms-flex-pack: center!important;
		justify-content: center!important;
	}
		
	.miks_eelistada_container .column {
		-ms-flex: 0 0 33.3333%;
		flex: 0 0 33.3333%;
		max-width: 33.3333%;
	}

	.references_content .project {
		max-width: 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
	}

	.services_container .services_container_left .service_title {
		padding: 14px 24px;
	}

	.services_container .services_container_right {
		padding: 24px;
	}	

	#frontCarousel .carousel-inner .carousel-item .slide_container .desc {
		max-width: 100%;
		padding: 24px 60px;
	}

	#frontCarousel .carousel-control-prev {
		left: 15px;
	}

	#frontCarousel .carousel-control-next {
		right: 15px;
	}
}

@media screen and (max-width: 1000px) {
	.mobmenu.hidden{
		display: none;
	}

	.moduletable_headerLogo {
		margin-right: 25px;
	}

	.language_switcher {
		height: auto;
		margin-left: 0;
	}

	.language_switcher ul {
		height: auto;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 auto;
		padding: 0;
	}

	ul#menu1 {
		padding-top: 0;
    	transition: .2s;
		-webkit-transition-delay: .5s;
		transition-delay: .5s;
		position: absolute;
		top: 90px;
		background: #000000;
		margin: 0px;
		left: 0;
		text-align: center;
		padding-bottom: 0px;
		right: 0;
		max-height: 0px;
		height: auto;
	}
	
	#menu1 li {
		display: inline;
		margin: 0px;
		width: 100%;
		padding: 5px 0px 0px 100%;
		position: relative;
		transition: .3s all;
		-webkit-transition: .3s all;
		-webkit-transition-delay: .2s;
		transition-delay: .2s;
	}

	#menu1 li:not(:last-child) {
		margin-right: 0;
	}
	
	.mobmenu {
		color: #ffffff;
		font-size: 30px;
		display: block;
		cursor: pointer;
		position: absolute;
		right: 17px;
		top: 17px;
	}

	#menu1.show {
		padding-bottom: 14px;
		max-height: 500px;
		transition: .2s;
		-webkit-transition-delay: 0s;
		transition-delay: 0s;
		z-index: 10;
	}

	#menu1.show li {
		padding-left: 0px;
	}

	header{
		top: 96px;
		position:relative;
		z-index:36;
		height: 150px;
	}

	.carousel-indicators {
		margin-right: 5%;
		margin-left: 5%;
		display: flex;
		flex-wrap: wrap;
	}

	.header_logo{
		margin-top: 20px;
		margin-left: unset;
		margin-bottom: 20px;
		z-index: 9;
	}

	.header_wrapper{
		flex-direction: column;
	}
	.corporative-menu{
		height: 96px;
	}
	.corporative-menu .corporative-menu-inside{
		padding: 0;
		align-items: start;
		flex-direction: column;
		justify-content: start;
	}
	.corporative-menu .topline-content {
		height: auto;
		padding: 14px 0 9px;
		border-bottom: 1px solid rgba(255, 255, 255, .15);
		width: 100%;
		margin: 0 10px;
		text-align: start;
	}
	.corporative-menu .topline-content a{
		color: #fff;
		display: inline-block;
		height: auto;
		width: auto;
		padding: 0;
	}
	.corporative-menu .onepartner-network{
		padding: 13px 10px;
		gap: 14px;
		overflow-x: auto;
		max-width: 100vw;
	}
	.corporative-menu a img {
		width: 154px;
		height: 32px;
	}
	.corporative-menu a {
		padding: 0;
	}
	.corporative-menu span {
		display: none;
	}

}

@media screen and (max-width: 810px) {
	.gal-content .close {
		position: absolute;
		top: 3px;
		right: 3px;
	}
	.gal-content .carousel {
		max-width: 100%;
	}
	.gal-content .carousel-item {
		height: 180px;
	}
	.ref_fields {
		right: 0;
		position: relative;
		top: 10px;
		width: 100%;
		max-width: 100%;
		margin-bottom: 0;
		padding-top: 0;
		padding-right: 0;
	}
	.gal-content .carousel-item {
		height: 180px;
	}

	#teenused .services_container,
	#uslugi .services_container,
	#services .services_container {
		flex-direction: column;
	}

	.services_container .services_container_left {
		padding: 0;
		border-right: 0;
	}

	.services_container .services_container_right {
		border-top: 1px solid #D8D8D8;
	}

	.title {
		margin-top: 42px;
	}

	.moduletable_references:first-child > .title,
	.partner-numbrites .title {
		margin-top: 0;
		padding-top: 42px;
		margin: 0;
	}

	.moduletable_references:first-child > .references_categories {
		padding-bottom: 24px;
	}

	.services_container {
		margin-top: 32px;
		margin-bottom: 48px;
	}

	.numbrites_container {
		padding-bottom: 42px;
	}

	#people_content .people_wrapper {
		max-width: 33.33%;
		-ms-flex: 0 0 33.33%;
		flex: 0 0 33.33%;
		padding: 0 8px !important;
		margin-bottom: 16px;
	}

	#people_content a {
		height: 228px;
		margin: 0 !important;
		height: auto;
		padding-bottom: 100%;
	}

	.numbrites_container .row {
		margin-right: -15px;
		margin-left: -15px;
	}

	#frontCarousel .carousel-inner .carousel-item .slide_container .desc p {
		font-size: 26px;
		line-height: 32px;
	}

	.objektid:before {
		height: 280px;
	}

	#ref_gal .gallery-container, .ref_gal .gallery-container {
		display: block !important;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		background: #fff;
	}

	#ref_gal .gal-content, .ref_gal .gal-content {
		height: 100%;
	}
}

@media screen and (max-width: 810px) and (max-height: 660px) {
	.ref_fields p {
		line-height: 20px;
	}
	.ref_fields .link {
		margin-bottom: 10px;
	}
	.ref_fields h3 {
		margin-bottom: 0;
		margin-top: 4px;
	}
	.gal-content .carousel-indicators li{
		display: none;
	}
	.gal-content .carousel-control-next, .gal-content .carousel-control-prev {
		width: 15px;
		height: 15px;
	}
}

@media screen and (max-width: 810px) and (max-height: 660px) {
	.gal-content .carousel-item {
		height: 168px !important;
	}
}

@media screen and (max-width: 810px) and (max-height: 400px) {
	#ref_gal .gal-content {
		padding: 16px;
		max-height: 300px;
	}
	.gal-content .carousel {
		display: none;
	}
	.ref_fields > div {
		display: flex;
		align-items: center;
	}
	.ref_fields h3 {
		margin-bottom: 0;
		margin-top: 0;
		margin-right: 4px;
	}
	.ref_fields p {
		line-height: 20px;
		margin-right: 8px;
	}
}

@media screen and (max-width: 372px) and (max-height: 661px) {
	.ref_fields p{
		line-height: normal;
	}
	.gal-content .carousel-control-next, .gal-content .carousel-control-prev {
		width: 10px;
		height: 10px;
	}
	.gal-content .carousel-item {
		height: 124px;
	}
}

@media screen and (max-width: 372px) and (max-height: 550px) {
	.gal-content .carousel-item {
		height: 130px !important;
		padding: 12px;
	}
	.gal-content .close {
		background-color: white;
	}
}

@media screen and (max-width: 700px) {
	.wrapper {
		max-width: calc(100% - 80px);
	}
	#references_content{
		justify-content: center;
	}
	#references_content li, #references_content .project {
		margin: 2px;
	}
}

@media screen and (max-width: 600px) {
	#kontakt .moduletable_contact .contact_wrap, #contact .moduletable_contact .contact_wrap, #kontakt .moduletable_contact .contact_wrap {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding-bottom: 64px;
	}
	#kontakt .moduletable_contact .contact_wrap .left-info, #contact .moduletable_contact .contact_wrap .left-info, #kontakt .moduletable_contact .contact_wrap .left-info {
		margin-left: 0;
		margin-top: 64px;
	}

	#kontakt .title, #contact .title, #contact .title {
		padding-top: 64px;
	}

	.title {
		margin-top: 64px;
	}

	#people_content a{
		height: 142px;
	}

	#people_content a, #people_content .people_wrapper:nth-child(4n) a {
		margin-right: 8px;
		margin-bottom: 8px;
	}

	#people_content .people_wrapper:nth-child(3n) a {
		margin-right: 0;
	}

	#people_content .people_wrapper {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.miks_eelistada_container .column {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	#kontakt, #contact {
		margin-top: 64px;
	}

	#frontCarousel .carousel-control-prev, #frontCarousel .carousel-control-next {
		width: 22px;
		height: 32px
	}

	#frontCarousel .carousel-control-prev:after, #frontCarousel .carousel-control-next:after {
		width: 16px;
		height: 16px;
	}

	#frontCarousel .carousel-control-prev {
		left: 10px;
	}

	#frontCarousel .carousel-control-next {
		right: 10px;
	}

	#frontCarousel .carousel-inner .carousel-item .slide_container .desc {
		padding: 24px 42px;
	}

	#frontCarousel .carousel-inner .carousel-item .slide_container .desc p {
		font-size: 22px;
		line-height: 28px;
	}
}

@media screen and (max-width: 584px){
	#teenused .services_container, #uslugi .services_container, #services .services_container {
		justify-content: center;
	}
	#teenused .services_container .service, #uslugi .services_container .service, #services .services_container .service {
		max-width: 100%;
		padding-bottom: 32px;
	}
	#teenused .services_container, #uslugi .services_container, #services .services_container {
		margin-top: 64px;
	}
}

@media screen and (max-width: 510px) {
	.wrapper {
		max-width: calc(100% - 30px);
	}

	.title::after{
		content: none;
	}

	#references_content li, #people_content .people_wrapper, #references_content .project {
		max-width: 50%;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
	}

	#people_content a, #people_content .people_wrapper:nth-child(3n) a {
		margin-right: 8px;
		margin-bottom: 8px;
	}

	#people_content .people_wrapper:nth-child(4n) a, #people_content .people_wrapper:nth-child(2n) a{
		margin-right: 0;
	}

	#references_content li, #references_content .project{
		margin: 0;
	}

	#references_content li a, #people_content a, #references_content .project .project_open{
		margin: 4px;
	}
	.references_categories {
		padding-top: 32px;
		padding-bottom: 32px;
	}

	#component .contact {
		justify-content: center;
		align-items: center;
		flex-direction: column;
		padding-bottom: 0;
	}
	
	#component .contact .contact_info{
		margin-left: 0;
		width: 100%;
		text-align: center;
	}

	#component .contact .contact_info span.name {
		margin-bottom: 15px;
		margin-top: 15px;
	}
	
	#people_content .overlay .name.position, #people_content .overlay p:not(:last-child) {
		margin-bottom: 0;
	}

	#people_content .overlay p {
		font-size: 12px;
		line-height: normal;
		text-align: center;
	}

	.miks_eelistada_container .column,
	.references_content .project {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.numbrites_container .row .column {
		width: 100%;
	}

	.partner-numbrites .title {
		margin-bottom: 32px;
	}

	.numbrites_container .row .column .column_container p.upper {
		margin-bottom: 10px;
		font-size: 42px;
		font-weight: 300;
		letter-spacing: 0;
		line-height: 46px;
	}

	.services_container .services_container_left .service_title {
		padding: 10px 14px;
	}

	#teenused .services_container, #uslugi .services_container, #services .services_container {
		margin-top: 31px;
	}

	#people_content .people_wrapper {
		max-width: 100%;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
	}
}

@media screen and (max-width: 400px) {
	/* header {
		height: 150px;
	}
	.navigation {
		justify-content: space-around;
		height: 96px;
		flex-direction: column;
	}
	.moduletable_headerLogo {
		margin-right: 0;
	}
	ul#menu1 {
		top: 96px;
	} */
}