/*NEW FONTS*/
@font-face {
    font-family: "Montserrat Light";
    font-display: swap;
    src: url(../fonts/Montserrat/Montserrat-Light.ttf) format("truetype");
}
@font-face {
    font-family: "Montserrat Regular";
    font-display: swap;
    src: url(../fonts/Montserrat/Montserrat-Regular.ttf) format("truetype");
}
@font-face {
    font-family: "Montserrat SemiBold";
    font-display: swap;
    src: url(../fonts/Montserrat/Montserrat-SemiBold.ttf) format("truetype");
}
@font-face {
    font-family: "Montserrat Medium";
    font-display: swap;
    src: url(../fonts/Montserrat/Montserrat-Medium.ttf) format("truetype");
}
@font-face {
    font-family: "Montserrat Bold";
    font-display: swap;
    src: url(../fonts/Montserrat/Montserrat-Bold.ttf) format("truetype");
}

:root {
    --custom-blue: #1b3556;
    --custom-lightblue: #3a71ba;
    --custom-cream: #cfb193;
    --custom-maincolor: #4A5A45;
    --custom-secondarycolor: #64745F;
}

/* custom checkbox */
.custom-checkbox {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
}

.custom-checkbox p {
    margin-bottom: 0;
}

.custom-checkbox input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}

.custom-checkbox span {
    display: inline-block;
    width: 25px;
    height: 25px;
    aspect-ratio: 1 / 1;
    border: 1px solid var(--custom-blue);
    background-color: #fff;
    margin-right: .5em;
    position: relative;
    cursor: pointer;
}

.custom-checkbox input:checked ~ span {
    background-color: var(--custom-blue);
}

.custom-checkbox span::after {
    display: none;
    content: "";
    position: absolute;
    left: 8px;
    top: 4px;
    width: 7px;
    height: 13px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
}

.custom-checkbox input:checked ~ span::after {
    display: block;
}
/* end of custom checkbox */

/* navbar */
button.nav-link {
    background-color: transparent;
    border: none;
    outline: none;
}

button.nav-link::after {
    display: none;
}

.navbar .dropdown-menu {
    left: unset;
    right: 30px;
    min-width: 12rem;
    text-align: center;
    border-radius: 0;
}

.navbar .dropdown-menu a {
    color: var(--custom-blue);
    margin: 0 !important;
}

.navbar .dropdown-menu a:hover {
    background-color: transparent;
    color: var(--custom-lightblue);
}
/* end of navbar */

/* static content */

.static-content img {
    max-width: 100%;
}

.static-content ul {
    columns: 2;
    padding: 0;
}

.static-content li {
    list-style-type: none;
    position: relative;
    margin-bottom: 0.6em;
    padding-left: 45px;
    display: inline-block;
}

.static-content li::before {
    content: "";
    background-color: var(--custom-blue);
    border-radius: 5px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 3px;
    left: 0;
}
/* end of static content */

/* base stuff */
form label a,
form label a:hover {
    text-decoration: underline;
}

.base_container {
    min-height: 450px;
}

.light.cc_dialog {
    padding: 1em 1.5em !important;
    max-width: 90% !important;
}

.navbar-nav .dropdown-toggle::after,
.hidden {
    display: none;
}

html {
    scroll-behavior: smooth;
}

.navbar-toggler {
    border-color: #8d9aab;
}

form small {
    text-align: left !important;
    color: #f00;
}

a:focus,
a:hover,
a:focus *{
    text-decoration: none !important;
    color: currentColor;
}
/* end of base stuff*/

/* popup */
.popup-modal {
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 600px;
    /*height: 400px;*/
    height: fit-content;
    max-width: 95%;
    max-height: 95%;
    z-index: 1010;
    box-shadow: 0 0 15px -3px rgba(0,0,0,0.35);
    padding: 1.2em 1em;
    overflow: scroll;
}

/*.popup-modal .popup-content {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    overflow: auto;*/
/*    padding: 1.2em 1em;*/
/*}*/

.popup-modal #closePopup {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.1em 0.3em;
    cursor: pointer;
    font-size: 25px;
    z-index: 100;
}
/* end of popup */

a,
body {
    font-family: "Montserrat Regular";
    color: black;
}

.navbar-toggler {
    border-color: #8d9aab;
}

#carouselTop img {
    width: 100%;
    height: 620px;
    object-fit: cover;
}

.carousel-text-2 {
    font-family: "OpenSans Light";
    color: var(--custom-cream);
}

.small-title,
.content h2 {
    text-transform: uppercase;
    font-size: 30px;
    font-family: "OpenSans Bold";
    margin-bottom: 1.5em;
}

.grey-block {
    background-color: #f7f8f9;
}

.general-padding {
    padding-top: 5em;
    padding-bottom: 5em;
}

.buildings img {
    width: 100%;
    margin-bottom: 15px;
}

.buildings a {
    position: absolute;
    z-index: 5;
    width: 220px;
    padding-left: 0em;
    padding-right: 0em;
    text-align: center;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
}

.darkgrey-block {
    background-color: #dedfdf;
}

.side-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bottom-section img {
    width: 100%;
}

footer {
    padding-top: 3em;
    padding-bottom: 1.5em;
    font-size: 14px;
}


.contact-elem svg {
    width: 15px;
    margin-right: 25px;
    fill: #fff;
}

.darkgrey-block {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}



.svg-container {
    width: 50px;
    height: 50px;
    aspect-ratio: 1 / 1;
    background-color: var(--custom-blue);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 2em;
}

.svg-container svg {
    fill: var(--custom-cream);
}


.heading {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 208px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.heading.sidepage {
    background-image: url(../images/sidepage_bg.png);
    position: relative;
}

.heading.gallery {
    background-image: url(../images/galeria-bg.jpg);
}

.heading.realestate {
    background-image: url(../images/ingatlanok-bg.jpg);
}

.heading h1 {
    font-family: "OpenSans Semibold";
    text-transform: uppercase;
    color: #fff;
    font-size: 48px;
    letter-spacing: 2px;
    text-align: center;
}

.contact-row h2 {
    font-family: "OpenSans Semibold";
    text-transform: uppercase;
    color: var(--custom-blue);
    font-size: 40px;
}

.contact-row .form-group textarea,
.contact-row .form-group input[type="text"] {
    width: 100%;
    border: 1px solid var(--custom-blue);
    padding: .5em;
}

.contact-row .form-group {
    position: relative;
    margin-top: 1.4em;
}

.gallery-item img {
    width: 100%;
    height: 310px;
    object-fit: cover;
}

.hover-overlay svg {
    width: 31px;
    fill: var(--custom-cream);
    margin-bottom: 1em;
}

.hover-overlay div {
    text-transform: uppercase;
    color: #fff;
    width: 40%;
    text-align: center;
    font-family: "OpenSans Semibold";
}

.gallery-item {
    display: block;
    position: relative;
}

.image-row a::after,
.gallery-img-block::after,
.gallery-item::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: black;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.image-row a:hover::after,
.gallery-img-block:hover::after,
.gallery-item:hover::after {
    opacity: .6;
}

.hover-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 5;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.image-row a:hover .hover-overlay,
.gallery-img-block:hover .hover-overlay,
.gallery-item:hover .hover-overlay {
    opacity: 1;
}

.gallery-categories a {
    background-color: #e8e7e7;
    color: #2b2b2b;
    font-family: "OpenSans Semibold";
    font-size: 12px;
    padding: .7em 2em;
    display: inline-block;
    margin: 0 1.5em 1.5em 0;
}

.gallery-categories {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 3em;
}



.gallery-img-block {
    display: inline-block;
    position: relative;
}

.gallery-img-block img{
    width: 100%;
    object-fit: cover;
    height: 250px;
}


.arrow-svg {
    fill: var(--custom-cream);
    height: 21px;
}

.back {
    transform: rotateZ(180deg);
}

.gallery-title {
    margin-bottom: 2.5em;
}

.gallery-title .small-title {
    margin: 0 2em;
}

.ingatlan-block img {
    width: 100%;
    object-fit: cover;
    height: 200px;
}

.text-part {
    padding: 2.5em 1em 1.5em 1em;
    position: relative;
}

.text-part h3 {
    text-transform: uppercase;
    font-family: "OpenSans Bold";
    font-size: 18px;
    overflow: hidden;
    height: 45px;
}

.text-part .desc {
    font-size: 14px;
    overflow: hidden;
    height: 85px;
}

.text-part .blue-button {
    margin-top: 1em;
}

.ingatlan-block > div {
    -webkit-box-shadow: 3px 3px 10px -3px #424242;
    -moz-box-shadow: 3px 3px 10px -3px #424242;
    box-shadow: 3px 3px 10px -3px #424242;
}

.number-card {
    color: var(--custom-cream);
    background-color: var(--custom-blue);
    padding: 0 10px;
    min-width: 48px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    font-family: "OpenSans Semibold";
    font-size: 30px;
}

.ingatlan-block .number-card {
    left: 10px;
    top: -24px;
}

.ingatlan-block {
    margin-bottom: 35px;
}

.back-button {
    display: flex;
    align-items: center;
    font-size: 14px;
    margin-bottom: 1.5em;
}

.back-button svg {
    height: 14px;
    fill: #2b2b2b;
    margin-right: .5em;
}

.top-img {
    width: 100%;
    height: 280px;
    object-fit: cover;
}

.top-img ~ .number-card {
    left: 25px;
    bottom: -24px;
}

.inner-gallery,
.image-row {
    margin-top: 2.5em;
    justify-content: center;
}

.image-row a {
    position: relative;
    display: inline-block;
}

.inner-gallery .gallery-img-block img,
.image-row img {
    width: 100%;
    object-fit: cover;
    height: 300px;
}

.blue-block.static-content h1,
.blue-block.static-content h2,
.blue-block.static-content h3,
.blue-block.static-content h4,
.blue-block.static-content h5,
.blue-block.static-content h6 {
    color: var(--custom-blue);
}

.blue-block {
    background-color: #f4f4f4;
    padding: 1.5em;
    overflow: hidden;
}

.contact-text {
    text-transform: uppercase;
    font-family: "OpenSans Bold";
    font-size: 24px;
}

.contact-text p{
    margin: 0;
}

.inner-gallery > div {
    margin-bottom: 2em;
    text-align: center;
}

.side-form .contact-row .form-group {
    margin-top: 0;
    margin-bottom: 1.8em;
}

.form-img-block {
    text-align: center;
    text-align: center;
}

.form-img-block img {
    width: 100%;
}

small {
    text-align: left !important;
    color: #f00;
}

form label a,
form label a:hover {
    text-decoration: underline;
}

.base_container {
    min-height: 450px;
}

/*NEW CSS START*/
.nav-regular{
    font-family: 'Montserrat Regular';
    font-size: 20px;
    font-weight: 400;
    line-height: 24.38px;
    text-align: center; 
}
.nav-regular a{
    color: white;   

}
.aboveheader-fluid{
    background-color: var(--custom-maincolor);
}
.topsection,.topsection-box {
	display: flex;
    align-items: center;
    position: relative;

}
.topsection{
    gap: 1em;
}
.topsection-box {
	justify-content: flex-end;
	gap: 4em;
    min-height: 48px;
}

header {
    padding-bottom: .2em;
}

header,
footer {
    background-color: black;
    color: #fff;
}
.language-menu {
	width: 91px;
	height: 27px;
	display: flex;
	overflow: hidden;
	gap: 0.5em;
}
.arrow{
    cursor: pointer;
}
.flags{
    display: flex;
    flex-direction: column;
}
.language-menu a {
	width: 100%;
	height: 100%;
	order: 2;
	margin-bottom: 0.5em;
	z-index: 2;
}
.language-menu a img{
    width: 100%;
    height: 100%;
}
.language-menu a.current{
    order: 1;
}

.nav-link {
    text-transform: uppercase;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.nav-link:hover {
    color: #fff;
}

.nav-link {
    padding-right: .5em !important;
    padding-left: 0 !important;
    margin-right: .5em !important;
    margin-left: 0 !important;
}
.navbar-brand{
    width: 164px;
    height: 52px;
    padding: 0;
}
.navbar-brand img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.nav-container{
    padding: 0.2em 0;
}
.carousel-caption {
	text-align: center;
	font-family: "OpenSans Semibold";
	bottom: unset;
	top: 27%;
	width: 76%;
    left: 12%;
    color: black;
}

.carousel-caption h1 {
    font-family: 'Montserrat SemiBold';
    font-size: 50px;
    line-height: 60.95px; 
    text-transform: uppercase;   
}

.carousel-caption p {
    font-family: 'Montserrat Medium';
    font-size: 32px;
    line-height: 39.01px;
    text-align: center;    
}
.button-block{
    display: flex;
    gap: 1em;
}
.carousel-caption .button-block,.references-fluid .button-block{
    justify-content: center;
}
.carousel-caption .standard-btn{
    background-color: var(--custom-maincolor);
    border: 2px solid var(--custom-maincolor);
}
.carousel-caption .noborderbtn{
    background-color: transparent;
}
.standard-btn {
	font-family: "Montserrat Medium";
	background-color: var(--custom-secondarycolor);
	color: #fff;
	padding: 0.5em 2em;
	font-size: 24px;
	margin-top: 1em;
	border: 0;
    text-transform: uppercase;
    border: 2px solid var(--custom-secondarycolor);
    transition: all .3s linear;
}
.standard-btn:hover{
    background-color: black;
    color: white;
    border: 2px solid black;
    transition: all .3s linear;
}
.noborderbtn{
    background-color: transparent;
    color: var(--custom-maincolor);
}
.noborderbtn:hover{
    background-color: transparent;
    color: black;
}
.undercarousel{
    background-color: black;
    min-height: 77px;
    align-content: center;
}
.undercar-img{
    width: 40px;
    height: 40px;
    aspect-ratio: 1/1;

}
.undercar-content{
    display: flex;
    gap: 1em;
    align-items: center;
}
.undercar-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.undercar-text{
    font-family: 'Montserrat Medium';
    font-size: 18px;
    line-height: 21.94px;
    text-align: left;
    color: white;
    text-transform: uppercase;
}
.medium-title{
    font-family: 'Montserrat Medium';
    font-size: 36px;
    line-height: 43.88px;
    text-align: left;
    text-transform: uppercase;
}
.home-head {
	display: flex;
	gap: 1em;
	align-content: center;
	margin-bottom: 2em;
    align-items: center;

}
.aboutus-container .home-body {
	display: flex;
	gap: 3em;
	flex-direction: column;
}
.regular-text{
    font-family: 'Montserrat Regular';
    font-size: 22px;
    line-height: 29.26px;
    text-align: left;
}
.home-container {
	margin-top: 6.5em;
}
.aboutus-container,.services-container,.products-container,.partners-container{
    margin-bottom: 6em;
}
.smallerbtn {
	padding: 0.2em 1em;
}
.aboutus-img,.aboutus-img img {
	width: 100%;
	height: 100%;
}
.aboutus-img img {
    object-fit: cover;
}
.medium-text,.medium-text a{
    font-family: 'Montserrat Medium';
    font-size: 28px;
    line-height: 34.13px;
    text-align: center;
}
.item-content {
	font-size: 18px;
	line-height: 21.94px;
	text-align: justify;
	height: 110px;
    overflow: hidden;
    margin-bottom: 1em;
}
.products-container .item-content{
    height: 100px;
}
.home-body {
	display: flex;
	flex-wrap: wrap;
	gap: 4em 0;
}
.item-box {
	display: flex;
	flex-direction: column;
    margin-bottom: 4em;
    
}
.item-img {
	width: 100%;
	height: 390px;
	margin-bottom: 1em;
}
.item-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.item-name {
	text-transform: uppercase;
	height: 70px;
	overflow: hidden;
}
.item-box .button-block .standard-btn {
	width: 100%;
	text-align: center;
	margin-top: .5em;
}
.products-container .item-img{
    height: 263px;
    padding: .5em;
    border: 2px solid #64745F;
}
.products-container .item-name{
    text-align: left;
    align-content: end;
}
.line {
	width: 100%;
	height: 2px;
	border: 3px solid #64745F;
}
.product-link a {
	width: 100%;
	text-align: center;
	display: flex;
	align-items: center;
}
.products-container .home-footer .button-block{
    justify-content: center;
    margin-top: 1em;
}
.partners-img{
    width: 358px;
    height: 123px;
    aspect-ratio: 4/3;
}
.partners-img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.partners-container .home-body > div:nth-child(2)  .partners-img{
    margin: 0 auto;
}
.partners-container .home-body > div:last-child  .partners-img{
    margin: 0 0 0 auto;
}
.contactsinfo-fluid {
	background-color: black;
	min-height: 422px;
	align-content: center;
	padding: 4em 15px;
}
.cinfo-img {
	width: 155px;
	height: 95px;
	margin: 0 auto 1em auto;
}
.cinfo-img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.cinfo-title {
	font-family: 'Montserrat Bold';
	font-size: 32px;
	line-height: 39.01px;
	text-align: center;
    text-transform: uppercase;
    color: white;
    margin-bottom: 1em;
}
.cinfos-box {
	background: white;
	border-radius: 10px;
	box-shadow: 0px 4px 4px 0px #00000040;
	text-align: center;
	align-content: center;
	padding: 1em 0em;
	min-height: 254px;
}
.cinfo-text{
    font-size: 20px;
    line-height: 24.38px;
    text-align: center;
    color: var(--custom-secondarycolor);
    text-transform: uppercase;
}
.cinfo-info,.cinfo-info a{
    font-family: 'Montserrat SemiBold';
    font-size: 18px;
    line-height: 22.38px;
    text-align: center;
    color: var(--custom-secondarycolor);
    margin-top: .5em;
    text-transform: uppercase;
}
.contactsinfo-fluid .row > div:nth-child(2) .cinfo-img img{
	transform: rotate(-90deg);
}
.references-fluid{
    margin: 6em 0;
}
.references-fluid .home-head {
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.home-subtitle.medium-subtitle {
	flex: 0 0 100%;
}
.galleryimg {
	width: 100%;
	height: 322px;
}

.galleryimg.homegalleryimg {
    height: 150px;
}
.galleryimg img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.galleryl-col {
    margin-bottom: 2em;
}
.references-fluid .home-body {
	gap: 2em 0;
}
.gallerydesc{
    font-family: 'Montserrat SemiBold';
    font-size: 24px;
    line-height: 29.26px;
    text-align: center;
}
.whyus-container{
    margin: 7.5em auto;
}
.whyus-container .home-head{
    justify-content: left;
}
.medium-subtitle{
    font-family: 'Montserrat Medium';
    font-size: 24px;
    line-height: 29.26px;
    text-align: center;
}
.whyus-img {
	width: 120px;
	height: 120px;
    aspect-ratio: 1/1;
}
.whyus-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.whyus-box {
	display: flex;
	align-items: center;
	gap: 1em;
}
.whyus-title{
    font-size: 24px;
    line-height: 29.26px;
    text-align: left;
    text-transform: uppercase;
}
.whyus-text{
    font-size: 20px;
    line-height: 24.38px;
    text-align: left;
}
.reviews-container{
    background-color: black;
    min-height: 572px;
    color: white;
}
.reviews-container .home-body {
	background: white;
	width: 80%;
	margin: 0 auto;
	min-height: 337px;
    border-radius: 10px;
    max-height: 350px;
    overflow: hidden;
}
.reviews-container .home-head{
    margin-bottom: .5em;
    margin-top: 1em;
}
.reviews-title {
	font-size: 32px;
	line-height: 39.01px;
	text-align: center;
	text-transform: uppercase;
	padding: 0.5em 15px;
}
.quoteimg{
    width: 73px;
    height: 83px;
    margin: 1em auto 0 auto;
}
.quoteimg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.review-content{
    width: 80%;
    margin: 0 auto;
}
.review-text{
    font-family: 'Montserrat SemiBold';
    font-size: 18px;
    line-height: 18.29px;
    text-align: center;
    color: black;
    overflow: hidden;
}
.reviews-container .home-body{
    flex-wrap: nowrap;
    flex-direction: column;
}
.review-img{
    width: 142px;
    height: 143px;
    border-radius: 100%;
    overflow: hidden;
    margin: 0 auto;
}
.review-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.review-name{
    font-family: "Montserrat SemiBold";
    font-size: 15px;
    line-height: 18.29px;
    text-align: center;
}
.review-desc{
    font-size: 15px;
    line-height: 18.29px;
    text-align: center;
}
#image-carousel-track{
    height: 470px;
}
.review-person {
	display: flex;
	flex-direction: column;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -80px;
	gap: 0.6em;
}
.circle {
	width: 15px !important;
	height: 15px !important;
	background: white !important;
	border-radius: 100% !important;
    border: 0 !important;
    margin-right: .5em;
    aspect-ratio: 1/1 !important;
}
.circle.is-active {
    background-color: var(--custom-secondarycolor) !important;
}
.splide__pagination {
    padding-left: 0 !important;
}
.download-container{
    margin: 7.5em auto;
}
.download-container .home-head{
    justify-content: left;
    margin-bottom: .5em;
}
#accordionExample{
    width: 100%;
}
.custom-accordbtn {
	padding: 0;
	color: black;
	font-family: 'Montserrat Medium';
	font-size: 24px;
	line-height: 29.26px;
	text-align: left;
	text-transform: uppercase;
	width: 100%;
	display: flex;
	justify-content: space-between;
}
#accordionExample .card{
    background: #E8EBE8;
    border: none;
    margin-bottom: 1em;
    border-radius: 0;
}
#accordionExample .card-header{
    border: 0;
}
.card .card-body{
    background: #F6F6F6;

}
.data-img {
	width: 136px;
	height: 131px;
	margin: 0 auto;
}
.data-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.data-file a{
    font-family: 'Montserrat SemiBold';
    font-size: 16px;
    line-height: 19.5px;
    text-align: center;
}
.datas {
	display: flex;
    gap: 0.8em;
    flex-wrap: wrap ;
}
.data {
	text-align: center;
	width: 11.5%;
	max-width: 11.5%;
}
.threepicts {
	display: flex;
	gap: 1em;
}
.thereepict-img {
	width: 100%;
	height: 218px;
}
.thereepict-img img{
	width: 100%;
	height: 100%;
    object-fit: cover;
}
.regular-title{
    font-family: 'Montserrat Regular';
    font-size: 32px;
    line-height: 39.01px;
    text-align: left;
}
.contact-title{
    text-transform: uppercase;
    margin-bottom: .2em;
}
.contact-subtitle{
    font-size: 15px;
    line-height: 18.29px;
    text-align: left;
    margin-bottom: 2em;
}

.absolute-label {
	font-family: 'Montserrat Medium';
	font-size: 13px;
	line-height: 15.85px;
	text-align: left;
	position: absolute;
	top: -9px;
	left: 25px;
	color: black;
    z-index: 2;
}
.absolute-label::before {
	content: "";
	width: calc(100% + 10px);
	height: 100%;
	position: absolute;
	left: -5px;
	top: 0;
	background: white;
	z-index: -1;
}
#contact_form_content_page input::placeholder, #contact_form_content_page textarea::placeholder {
	font-family: 'Montserrat Light';
	font-size: 20px;
	text-align: left;
}
#contact_form_content_page input, #contact_form_content_page textarea {
	width: 100%;
	padding: .5em;
	border: 0.7px solid #000000;
}
.form-group {
	margin-bottom: 2rem;
}
#contact_form_content_page .row .form-group:has(textarea){
    margin-bottom: 0;
}
.contactbtn{
    padding: 0.3em 3em;
    background-color: black;
    border: 2px solid black;
    font-family: 'Montserrat Regular';
    font-size: 24px;
    margin-top: 0;
}
.contactblock-fluid{
    background-color: var(--custom-secondarycolor);
    align-content: center;
    position: relative;

}
.whiteblock {
	background-color: white;
	padding: 2em;
}
#contact_form_content_page .custom-checkbox a{
    font-family: 'Montserrat Bold';
    font-size: 15px;
    line-height: 18.29px;
    text-align: left;
    text-decoration: none;
}
.contactp-img{
    width: 100%;
    height: 100%;
}
.contactp-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.contactblock-fluid .container{
    padding: 3.5em 0;
}
.contact_bg {
	background-image: url(../images/contact_bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
	width: 43.5%;
	height: 100%;
    opacity: 0.13;
}
.footer-link{
    font-size: 20px;
    line-height: 24.38px;
    text-align: left;
    padding-top: .4em;

}
.footer-logo {
	width: 100%;
	height: 121px;
	margin: 7em 0;
}
.footer-logo img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.menu-title{
    font-family: 'Montserrat SemiBold';
    font-size: 20px;
    line-height: 24.38px;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: .5em;
}
.contact-footer,
footer a {
    color: #fff;
    display: inline-block;
}
.contact-link{
    font-size: 20px;
    line-height: 24.38px;
    text-align: left;
}
.contact-img{
    width: 27px;
    height: 27px;
    aspect-ratio: 1/1;
}
.contact-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contact-elem {
    display: flex;
    margin-top: .7em;
    align-items: center;
    gap: 1em;
    align-content: center;
}
.allrights{
    font-family: 'Montserrat Regular';
    font-size: 20px;
    line-height: 24.38px;
    text-align: left;
}
.allrights a{
    font-family: 'Montserrat Bold';
    font-size: 20px;
    line-height: 24.38px;
    text-align: right;
}
#carouselTop{
    position: relative;
}
#carouselTop::before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #FFFFFF80;
    z-index: 1;
}
.sidepage-title{
    font-size: 50px;
    line-height: 60.95px;
    text-align: center;
    text-transform: uppercase;
}
.rolunkp-fluid{
    margin-bottom: 7em;
}
.rolunkp-fluid .whyus-content{
    width: 100%;
}
.rolunkp-fluid .whyus-box {
	flex-direction: column;
}
.rolunkp-fluid .whyus-title {
	margin: .5em;
    text-align: center;
}
.rolunkp-fluid .whyus-text{
    text-align: center;
}
.rolunkp-fluid .home-title{
    margin-bottom: 1em;
}
.aboutrow{
    padding: 7em 0;
}
.static-content h1,
.static-content h2,
.static-content h3,
.static-content h4,
.static-content h5,
.static-content h6 {
    font-family: "Opensans Bold";
    text-transform: uppercase;
}

.static-content h1 {
    font-size: 35px;
}
.static-content h2 {
    font-size: 32px;
}
.static-content h3 {
    font-size: 30px;
}
.static-content h4 {
    font-size: 25px;
}
.static-content h5 {
    font-size: 22px;
}
.static-content h6 {
    font-size: 19px;
}
.static-content p,.rolunkp-fluid p,.rolunkp-fluid li{
    font-size: 22px;
    line-height: 29.26px;
    text-align: left;
}
.spartner-row{
    margin: 6em auto;
}
#gallery .reference-tblock:not(:first-child){
    margin-top: 6em;
}
.servicep-container{
    margin-bottom: 4em;
}
.services-desc{
    margin: 1em 0;
}
.sidepage::before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #FFFFFF80;
}
.partnerv-image{
    width: 100%;
    height: 123px;
}
.partnerv-image img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.partners-box{
    margin-bottom: 1em;
}
.partners-box div:has(a){
    padding-top: .5em;
}
.partners-box a:hover{
    color: var(--custom-maincolor);
}
.partnerv-fluid{
    padding: 7em 0;
}
.addpartners-img{
    width: 100%;
    height: 207px;
}
.partners-img:hover img,.partnerv-image:hover img,.addpartners-img:hover img{
    filter: saturate(0);
}
.addpartners-img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.contact-fluid {
	background-image: url(../images/sidepage_bg.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	padding: 6.5em 0;
}
.contact-fluid::before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #00000066;
}

.navbar-nav .active-link {
    color: var(--custom-secondarycolor);
}
.contact-block{
    display: flex;
    flex-wrap: wrap ;
    justify-content: space-around;
}
.contactp-box {
	width: 100%;
	height: 140px;
	background: black;
	align-content: center;
	text-align: center;
}
.contactpage-img{
    margin: 0 auto 1em auto;
    width: 60px;
    height: 60px;
}
.contactpage-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.contact-info,.contact-info a{
    font-size: 15px;
    line-height: 18.29px;
    color: white;
}
.contactp-title{
    color: white;
    font-size: 32px;
    line-height: 39.01px;
    text-transform: uppercase;
}
.contactp-subtitle{
    font-family: 'Montserrat SemiBold';
    font-size: 15px;
    line-height: 18.29px;
    text-align: left;
    color: white;
}
.contact-fluid .whiteblock {
	padding: 1em 2em;
}
.productpage-image {
	width: 100%;
	height: 100%;
}
.productpage-image img{
	width: 100%;
	height: 100%;
    object-fit: cover;
}
.productview-container,.productlist-container{
    margin: 7em auto;
}
.productview-container .static-content h2{
    font-family: 'Montserrat Bold';
    font-size: 24px;
    line-height: 29.26px;
    text-align: left;
    text-transform: none;    
}
.galleryl-title {
    font-size: 28px;
    line-height: 34.13px;
    text-align: center;
    margin: 1em auto;
}
.galleryl-col .button-block .standard-btn{
    width: 100%;
    text-align: center;
    padding: .25em 0;
    margin-top: 0;
}
.galleryl-col .button-block .standard-btn:hover{
    background-color: black;
    color: white;
}
.galleryl-col img{
    height: 390px;
}
.gallery-img-list .gallery-img-block{
    width: 100%;
    height: 390px;
    margin-bottom: 2em;
}
.gallery-img-list .gallery-img-block img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.reference-title {
	color: white;
	font-size: 30px;
	line-height: 43.88px;
	text-align: left;
	margin-bottom: .5em;
	background: var(--custom-secondarycolor);
	padding: 0.3em;
}
.gallery-padding{
    padding: 7em 0;
}
.smaller-margin{
    margin: 6.5em auto;
}
.threepicts{
    margin-top: 2em;
}
.references-subtitle{
    text-transform: uppercase;
}
.homegallery{
    display: flex;
    flex-wrap: wrap;
    gap: 2em 0;
}
.partners-block {
	display: flex;
    flex-wrap: wrap ;
}
/*NEW CSS END*/
/*HOVERS*/
a:hover{
    color: black;
    transition: .3s all ease;
}
.topsection-nav a::after {
	content: "";
	width: calc(100% - 40px);
	height: 1px;
	position: absolute;
	right: 0;
	bottom: 0;
	background: white;
    opacity: 0;
    bottom: -10px;
}
.topsection-nav a:hover{
    color: white;
}
.nav-link::before {
	content: "";
	width: 100%;
	height: 1px;
	background-color: white;
	position: absolute;
	left: -5px;
	bottom: -10px;
    opacity: 0;
    transition: .3s all linear;
}
.nav-link:hover::before,.topsection-nav a:hover::after{
    animation: slideToUp .3s forwards;
}
.item-box .noborderbtn:hover{
    background-color: var(--custom-secondarycolor);
    color: white;
    border: 2px solid var(--custom-secondarycolor);
}
.product-link:hover img,.product-link:hover .line{
    filter: brightness(0);
    transition: .3s all ease;
}
.custom-accordbtn:hover{
    text-decoration: none;
    color: var(--custom-secondarycolor);
}
.rotateSVG{
    animation: rotateSVG .3s forwards;
}
.rotateBackSVG{
    animation: rotateBackSVG .3s forwards;
}
footer a:hover {
    color: var(--custom-secondarycolor);
}
.data-file a:hover,.data-img:hover ~ .data-file a{
    color: var(--custom-secondarycolor);
    transition: .3s all linear;
}
@keyframes rotateSVG {
    0%{
        transform: rotate(0);
    }
    100%{
        transform: rotate(180deg);
    }
}
@keyframes rotateBackSVG {
    0%{
        transform: rotate(180deg);
    }
    100%{
        transform: rotate(0);
    }
}
@keyframes slideToUp {
    0%{
        bottom: 0;
        opacity: 0;
    }
    100%{
        bottom: 5px;
        opacity: 1;
    }
}
/*HOVERS*/


